.site-body { overflow-x: hidden; background: #fffaf5; }
.site-brand { text-decoration: none; }
.site-topbar { position: relative; z-index: 10; }
.site-enter { border: 1px solid var(--line); background: rgba(255,255,255,.72); }
.site-hero { min-height: 680px; padding: 82px 0 110px; }
.site-hero .hero-copy { position: relative; z-index: 2; }
.site-hero h1 { font-size: clamp(54px,7.5vw,96px); }
.site-stage { min-height: 430px; }
.site-stage .mora { transform: scale(1.18); }
.site-stage .orbit { width: 380px; height: 380px; }
.site-whisper { position: absolute; z-index: 3; padding: 11px 15px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.88); box-shadow: var(--shadow); font-size: 12px; }
.whisper-one { top: 80px; right: 18px; }.whisper-two { bottom: 48px; left: 0; }
.site-proof { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 34px; color: var(--muted); font-size: 12px; }
.site-proof span { display: flex; align-items: center; gap: 7px; }.site-proof i { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 4px rgba(76,169,137,.12); }
.site-band { padding: 110px 0; color: white; background: #342f3b; }
.site-story { display: grid; grid-template-columns: .55fr 1.15fr .8fr; align-items: start; gap: 50px; }
.site-story > span,.site-cta span { color: #f39b8e; font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.site-story h2,.site-capabilities h2,.site-cta h2 { margin: 0; font: 500 clamp(36px,5vw,62px)/1.06 Georgia,serif; letter-spacing: -.04em; }
.site-story p { margin: 0; color: #cfc6d0; font-size: 16px; line-height: 1.9; }
.site-capabilities { padding: 110px 0; }
.site-capabilities .section-head { align-items: end; }.site-capabilities .section-head p { max-width: 520px; line-height: 1.7; }
.site-card-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; margin-top: 38px; }
.site-card-grid article { min-height: 245px; padding: 26px; border: 1px solid var(--line); border-radius: 24px; background: rgba(255,255,255,.72); box-shadow: var(--shadow); }
.site-card-grid b { color: var(--coral-dark); font: 800 10px ui-monospace,monospace; letter-spacing: .18em; }
.site-card-grid h3 { margin: 76px 0 10px; font: 500 23px Georgia,serif; }.site-card-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
.site-cta { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 80px; padding: 52px; border-radius: 30px; background: linear-gradient(135deg,#fff0ea,#eef8f4); }
.site-cta h2 { margin: 8px 0 10px; }.site-cta p { margin: 0; color: var(--muted); }.site-cta .btn { flex: 0 0 auto; }
.site-footer { display: flex; justify-content: space-between; padding: 26px 0 36px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; }
@media (max-width:900px) { .site-story { grid-template-columns:1fr;gap:24px}.site-card-grid{grid-template-columns:repeat(2,1fr)}.site-hero{min-height:auto}.site-cta{align-items:flex-start;flex-direction:column} }
@media (max-width:680px) { .site-topbar .nav a:not(.site-enter){display:none}.site-hero{padding:44px 0 76px}.site-hero .hero-copy{text-align:left}.site-stage{min-height:350px}.site-card-grid{grid-template-columns:1fr}.site-story,.site-capabilities{padding-top:76px;padding-bottom:76px}.site-cta{padding:32px}.site-footer{padding-inline:16px}.whisper-one{right:0}.whisper-two{left:0} }