/* SRF Design AI v0.3 — continuous cinematic visual system */
body{background:#01050b;position:relative}
body:before{content:"";position:fixed;inset:-4vh -3vw;z-index:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(1,5,11,.18),rgba(1,5,11,.02) 56%,rgba(1,5,11,.08)),url('/static/srf-cinematic-night-v1.jpg');background-size:cover;background-position:center 48%;filter:brightness(.72) saturate(.92);transform:translate3d(0,calc(var(--scroll) * -.018),0) scale(1.06);will-change:transform}
#sky{opacity:.12}.nav{height:74px;padding:max(8px,env(safe-area-inset-top)) max(4.5vw,env(safe-area-inset-right)) 0 max(4.5vw,env(safe-area-inset-left));background:linear-gradient(180deg,rgba(1,5,11,.96),rgba(1,7,14,.82));border-bottom:1px solid rgba(41,98,126,.52)}
.brand-image{display:flex;align-items:center;flex:0 0 auto}.brand-image img{width:168px;height:52px;max-height:none;object-fit:contain;object-position:center;filter:drop-shadow(0 0 10px rgba(24,217,192,.42))}.nav nav{font-size:11px;gap:28px}.nav select{min-width:132px;height:42px}
.hero{height:100svh;min-height:680px;padding:112px 8.5vw 62px;border-bottom:0;background:linear-gradient(90deg,rgba(1,5,11,.52),rgba(1,5,11,.08) 54%,rgba(1,5,11,.12));align-items:center}.hero-copy{width:min(560px,46vw);padding:26px 0;text-shadow:0 2px 18px rgba(0,0,0,.72)}.hero h1{font-size:clamp(48px,5.25vw,78px);line-height:.96;letter-spacing:-3px;margin:16px 0 18px;max-width:630px}.lead{font-size:15px;line-height:1.8;max-width:560px;color:#c2d0d8}.hero-actions{display:flex;align-items:center;margin-top:18px}.button,.ghost{padding:13px 20px;font-size:13px}.trust{margin-top:34px;gap:20px;color:#a7b8c1}.light-architecture{display:none}.scroll{bottom:18px}
.signal,.wave,.catalog,.builder{position:relative;background:rgba(1,7,14,.79);backdrop-filter:blur(2px)}.signal{min-height:640px;padding:90px 8.5vw;border-top:1px solid rgba(26,75,99,.5);border-bottom:1px solid rgba(26,75,99,.5)}.signal h2,.wave h2,.catalog h2,.builder h2{font-size:clamp(38px,4.1vw,62px);letter-spacing:-2px}.globe{opacity:.55;transform:scale(.78) translateY(calc(var(--scroll) * -.035));filter:drop-shadow(0 0 28px rgba(18,214,176,.18))}.wave{background:rgba(1,5,11,.84)}.catalog{background:rgba(2,12,21,.88)}.builder{background:rgba(1,7,14,.9)}footer{background:rgba(1,5,11,.97)}footer img{width:160px;height:54px;object-fit:contain}
html[dir="rtl"] .hero-copy{margin-right:0;margin-left:auto;text-align:right}html[dir="rtl"] .hero h1{letter-spacing:-2px}html[dir="rtl"] .hero-actions{justify-content:flex-start;flex-direction:row-reverse}html[dir="rtl"] .ghost{margin-inline-start:0;margin-inline-end:10px}html[dir="rtl"] .trust{justify-content:flex-start}html[dir="rtl"] .signal-copy{text-align:right}
@media(max-width:900px){body:before{inset:0;background-position:64% center;filter:brightness(.52) saturate(.88);transform:none}.nav{height:70px;padding-inline:max(18px,env(safe-area-inset-left)) max(18px,env(safe-area-inset-right))}.brand-image img{width:132px;height:44px}.hero{min-height:100svh;padding:100px max(7vw,env(safe-area-inset-left)) max(62px,env(safe-area-inset-bottom));background:linear-gradient(90deg,rgba(1,5,11,.78),rgba(1,5,11,.38))}.hero-copy{width:min(520px,100%);margin-top:5vh}.hero h1{font-size:clamp(42px,12vw,66px);letter-spacing:-2px;margin-top:14px}.lead{font-size:14px}.trust{margin-top:28px}.signal,.wave,.builder{background:rgba(1,7,14,.9)}.globe{width:74vw;justify-self:center}.nav nav{top:70px;background:rgba(1,5,11,.98)}}
@media(max-width:480px){.brand-image img{width:116px}.nav select{min-width:92px;width:92px}.hero h1{font-size:11.5vw;line-height:1}.hero-actions{align-items:stretch;flex-direction:column!important}.ghost{margin:8px 0 0!important}.trust{grid-template-columns:1fr 1fr;font-size:10px}body:before{background-position:70% center}.hero{background:linear-gradient(90deg,rgba(1,5,11,.9),rgba(1,5,11,.48))}}