:root{--night:#0c1b24;--night-soft:#123039;--ink:#f7f6f2;--body:#bdcccd;--paper:#f7f7f3;--gold:#cba772;--paper-line:#d9e0df}
html{background:#0c1b24}
body{background:#0c1b24;color:#f7f6f2}
.site-header{background:#0c1b24;border-color:#263943}
.header-inner{height:88px}
.desktop-nav a{color:#c3d1d0}
.header-app-link{border-color:#8f7756;color:#f0d2a3}
.header-app-link:hover{background:#d4b47f;color:#102128}
.hero{min-height:clamp(720px,88vh,980px);background-color:#15242c;background-position:center 57%;border-color:#34474b}
.hero:before{background:linear-gradient(90deg,#07131bc2 0%,#07131b7d 40%,transparent 77%),linear-gradient(0deg,#07131b99,transparent 35%)}
.hero-copy{max-width:760px;padding-bottom:105px}
.hero h1{font-size:clamp(66px,7.7vw,112px);font-weight:400;letter-spacing:-.073em;line-height:.98;text-shadow:none}
.hero h1 em{color:#e9c995}
.hero-lead{color:#e7eeeb;font-size:clamp(18px,1.7vw,22px);line-height:1.55;max-width:560px}
.eyebrow{color:#d4b47f;font-size:11px;letter-spacing:.11em}
.hero-bottom{border-color:#d6e3dd66;color:#e3ebea;font-size:11px;letter-spacing:.1em}
.button-gold{background:#d4b47f;color:#0c1b24}
.button-gold:hover{background:#ecd09f}
.button{font-size:14px;font-weight:600;min-height:58px}
.intro,.difference{background:#f7f7f3;color:#162e36}
.intro{padding-top:126px;padding-bottom:135px}
.difference{padding-top:126px;padding-bottom:136px}
.intro h2,.difference h2{color:#132b33}
.intro .eyebrow,.difference .eyebrow,.difference-mark{color:#866744}
.intro-body{padding-top:46px}
.intro-body .large-copy{color:#1c343a;font-size:clamp(23px,2.3vw,31px);line-height:1.4;letter-spacing:-.025em}
.intro-body p,.difference-grid p{color:#526469}
.intro .inline-link{color:#18323a;border-color:#738481}
.experience{background:#dce7eb;border:0;padding-top:126px;padding-bottom:134px;position:relative;overflow:hidden}
.experience:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 16%,rgba(212,180,127,.24),transparent 31%),linear-gradient(115deg,transparent 0 56%,rgba(255,255,255,.5) 56% 56.3%,transparent 56.3%);pointer-events:none}
.experience-heading,.experience-steps,.demo{position:relative;z-index:1}
.experience-heading{margin-bottom:60px}
.experience-heading h2{max-width:14ch;color:#102a33}
.experience-heading>p{max-width:320px;color:#486167}
.eyebrow-by{font-family:inherit;font-size:.68em;letter-spacing:.12em;color:#7d6844;margin-left:.3em;white-space:nowrap}
.experience-steps{border-color:#a8bec4}
.experience-step{border-color:#a8bec4;padding:27px 0}
.experience-step h3{font-size:21px;color:#102a33}
.experience-step p{color:#486167}
.step-number{color:#a17d43}
.demo{background:#102a33;border:1px solid #36545a;padding:30px;box-shadow:0 26px 70px rgba(16,42,51,.18)}
.demo-topline{color:#ead0a5;border-color:#547078}
.demo-kicker{color:#c2d4d2}
.demo-check p{color:#d3e0dd}
.demo-guidance{background:#20424a;border-color:#d4b47f;color:#e3ece9!important}
.demo-answers button{background:#183b44;border-color:#5c7b80;color:#e5eeeb}
.demo-answers button[aria-pressed="true"]{background:#d4b47f;border-color:#d4b47f;color:#0d252c}
.demo-photo{border-color:#b49669;color:#f2d4a5}
.demo-connector{color:#d4b47f}
.demo-report{background:#fcfcfa;color:#213940}
.demo-report h4{color:#18363e}
.demo-report>p,.report-action span{color:#52676c}
.report-action strong{color:#21444b}
.report-topline{color:#60797c}
.report-room,.demo-report-label{color:#927045}
.difference-grid>div{border-color:#aab8b5}
.difference-grid h3{color:#18313a;font-size:20px}
.difference-grid p{font-size:15px}
.story{background:#e9efed;color:#163038}
.story-inner{padding-top:128px;padding-bottom:137px}
.story h2{color:#152d35}
.story .eyebrow,.founder-detail strong{color:#846642}
.story p:not(.eyebrow){color:#4e6265}
.story blockquote{color:#19333b;font-size:clamp(30px,3vw,42px);line-height:1.22}
.founder-detail{border-color:#a9b9b6;color:#4d6265}
.closing{background:#0e2530}
.closing:before{background:radial-gradient(circle at 76% 37%,#2b54654d,transparent 40%),linear-gradient(115deg,#0b1b24,#15343f)}
.closing-inner{padding-top:133px;padding-bottom:143px}
.closing h2{max-width:13ch}
.closing p:not(.eyebrow){color:#c7d6d3}
.site-footer{background:#0a1820;border-color:#2b3e47}
.footer-inner .copyright{border-color:#2b3e47}
.scroll-reveal{transform:none;transition:opacity .65s ease-out}
@media(max-width:760px){
  .header-inner{height:76px}
  .mobile-nav:not([hidden]){background:#0c1b24}
  .hero{min-height:740px;background-position:65% center}
  .hero h1{font-size:clamp(55px,12vw,78px)}
  .intro,.difference{padding-left:20px;padding-right:20px}
  .intro{padding-top:90px;padding-bottom:99px}
  .difference{padding-top:94px;padding-bottom:103px}
  .experience{padding-top:91px;padding-bottom:99px}
  .experience-heading{margin-bottom:37px}
  .demo{padding:19px}
  .story-inner{padding-top:97px;padding-bottom:104px}
  .closing-inner{padding-top:103px;padding-bottom:110px}
}
@media(max-width:410px){.hero h1{font-size:53px}.hero-copy{padding-bottom:146px}}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transition:none}}
