.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:#1a4050;line-height:1.35;margin-bottom:.85rem}
.hero-wrap h1 em,.hero-text h1 em{color:#28b4c8;font-style:normal}
.hero-desc{color:#6a98a8;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:rgba(255,255,255,.85);border:1px solid rgba(40,180,200,.25);padding:.65rem 1rem;min-width:90px;border-radius:12px}
.trust-row strong{display:block;font-size:1.25rem;color:#5dd4e8;font-weight:800}
.trust-row span{font-size:.72rem;color:#6a98a8}


.hero-wrap{display:flex;flex-wrap:wrap;gap:2rem;align-items:center}
.hero-text{flex:1;min-width:280px}
.hero-visual{flex:1;min-width:280px}
.sea-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.sea-panels .card-item{background:rgba(255,255,255,.85);border:1px solid rgba(40,180,200,.3);border-radius:12px;padding:1.15rem}
.sea-flow{display:flex;flex-direction:column;gap:.65rem;max-width:560px;margin:0 auto}
.sea-flow .step-item{display:grid;grid-template-columns:56px 1fr;gap:1rem;background:rgba(255,255,255,.85);border:1px solid rgba(40,180,200,.25);border-radius:12px;padding:1rem;align-items:center}
.sea-layers{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.sea-layers .dual-pane{background:rgba(255,255,255,.85);border:1px solid rgba(40,180,200,.25);border-radius:12px;overflow:hidden}
.sea-layers .dual-head{background:rgba(40,180,200,.12);padding:.5rem 1rem;color:#0898b0;border-bottom:1px solid rgba(40,180,200,.2)}


@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}
}