.hero-main{padding:2.8rem 0 3.2rem}
.hero-wrap h1,.hero-text h1{font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:800;color:#e8f0ec;line-height:1.35;margin-bottom:.85rem}
.hero-wrap h1 em,.hero-text h1 em{color:#ff6b6b;font-style:normal}
.hero-desc{color:#6a9890;font-size:.92rem;margin-bottom:1.2rem;max-width:520px}
.hero-btns{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.5rem}
.trust-row{display:flex;flex-wrap:wrap;gap:1rem}
.trust-row .t{background:#123030;border:1px solid #2a4848;padding:.65rem 1rem;min-width:90px;border-radius:20px}
.trust-row strong{display:block;font-size:1.25rem;color:#4ecdc4;font-weight:800}
.trust-row span{font-size:.72rem;color:#6a9890}


.hero-wrap{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.reef-cells{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.reef-cells .card-item{background:#123030;border:1px solid #2a4848;border-radius:20px;padding:1.2rem;position:relative;overflow:hidden}
.reef-cells .card-item::before{content:"";position:absolute;top:-20px;right:-20px;width:60px;height:60px;background:#ff6b6b;border-radius:50%;opacity:.15}
.reef-cells .card-item:nth-child(2)::before{background:#4ecdc4}
.reef-cells .card-item:nth-child(3)::before{background:#ffe66d}
.reef-cycle{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}
.reef-cycle .step-item{width:160px;background:#123030;border:2px solid #4ecdc4;border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem}
.reef-pairs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.reef-pairs .dual-pane{background:#123030;border:1px solid #2a4848;border-radius:20px;overflow:hidden}
.reef-pairs .dual-head{background:#1a3838;padding:.5rem 1rem;color:#4ecdc4;border-bottom:1px solid #2a4848}


@media(max-width:900px){
  .hero-wrap{grid-template-columns:1fr!important;display:grid!important}
  .hero-wrap{flex-direction:column!important;display:flex!important}
  .bento-cards,.temple-pillars,.sea-panels,.club-cabins,.reef-cells,.swiss-grid3,
  .bento-steps,.temple-rites,.club-boarding,.swiss-steps,
  .bento-dual,.temple-scrolls,.sea-layers,.club-manifest,.reef-pairs,.swiss-dual,
  .reef-cycle{grid-template-columns:1fr!important;display:grid!important}
  .temple-rites::before{display:none}
  .bento-cards .card-item:nth-child(1){grid-row:span 1}
  .reef-cycle .step-item{width:100%;border-radius:12px;aspect-ratio:auto}
}