:root{--navy:#1d2764;--navy-soft:#242f70;--violet:#16075c;--violet-soft:#1a1657;--gold:#c4a97c;--gold-light:#d7bd8f;--warm:#f5f1eb;--white:#fffdf9;--ink:#1d2764;--muted:#666c83}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}svg{flex:none;width:1.1em;height:1.1em}.site-header{z-index:10;width:min(1180px,100% - 48px);height:96px;color:var(--white);border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.brand,.footer-brand,.app-wordmark{letter-spacing:-.035em;font-family:Playfair Display,Georgia,serif}.brand{font-size:27px;font-weight:600}.header-link{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.header-link svg{transition:transform .25s}.header-link:hover svg{transform:translate(4px)}.hero{min-height:760px;color:var(--white);background:radial-gradient(circle at 84% 10%,#c4a97c2e,#0000 28%),linear-gradient(145deg,#16075c 0%,#1b1b62 43%,#1d2764 76%,#172156 100%);grid-template-columns:1.04fr .96fr;align-items:center;gap:60px;padding:148px max(7vw,32px) 88px;display:grid;overflow:hidden}.hero-copy{width:min(570px,100%);margin-left:auto}.eyebrow{color:var(--gold-light);letter-spacing:.18em;text-transform:uppercase;margin:0 0 22px;font-size:12px;font-weight:600}h1,h2{letter-spacing:-.045em;margin:0;font-family:Playfair Display,Georgia,serif;font-weight:500}h1{font-size:clamp(58px,6.8vw,98px);line-height:.98}.hero-text{color:#fffdf9c2;width:min(510px,100%);margin:30px 0 34px;font-size:18px;line-height:1.75}.primary-button{border:1px solid var(--gold);background:var(--gold);min-height:58px;color:var(--navy);justify-content:center;align-items:center;gap:15px;padding:0 28px;font-size:14px;font-weight:600;transition:background .25s,color .25s,transform .25s;display:inline-flex}.primary-button:hover{background:var(--gold-light);transform:translateY(-2px)}.microcopy{color:#fff9;flex-wrap:wrap;gap:20px;margin:20px 0 0;font-size:12px;display:flex}.microcopy span{align-items:center;gap:7px;display:inline-flex}.microcopy svg{color:var(--gold)}.visual{place-items:center;min-height:520px;display:grid;position:relative}.gold-orbit{border:1px solid #c9a96e61;border-radius:50%;width:470px;height:470px;position:absolute}.gold-orbit:before,.gold-orbit:after{content:"";border:1px solid #c9a96e21;border-radius:50%;position:absolute}.gold-orbit:before{inset:34px}.gold-orbit:after{inset:82px}.phone{z-index:2;background:#08051e;border:1px solid #ffffff59;border-radius:38px;width:270px;height:535px;padding:8px;position:relative;transform:rotate(3deg);box-shadow:0 35px 70px #0000006b}.phone-top{background:var(--violet);border-radius:30px 30px 0 0;place-items:center;height:28px;display:grid}.phone-top span{background:#ffffffb8;border-radius:99px;width:56px;height:5px}.phone-screen{height:calc(100% - 28px);color:var(--white);background:var(--navy);border-radius:0 0 30px 30px;padding:0;overflow:hidden}.app-header{background:var(--violet);border-bottom:1px solid #c4a97c47;place-items:center;height:74px;display:grid}.app-wordmark{color:#f1ebe5;margin:0;font-size:23px;font-weight:500}.app-wordmark span{color:var(--gold)}.app-body{text-align:center;padding:23px 18px 20px}.availability{color:#ffffffb3;letter-spacing:.04em;background:#16075c57;border:1px solid #c4a97c42;border-radius:99px;align-items:center;gap:6px;margin:0 auto 23px;padding:7px 10px;font-size:7px;display:inline-flex}.availability i{background:var(--gold);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #c4a97c1a}.phone-screen h2{color:var(--gold);letter-spacing:-.025em;font-size:23px;line-height:1.08}.app-question{color:#ffffffba;margin:12px 0 22px;font-family:Playfair Display,Georgia,serif;font-size:11px;font-style:italic}.app-services{text-align:left;grid-template-columns:1fr 1fr;gap:8px;display:grid}.app-card{background:var(--violet-soft);border:1px solid #c4a97c9e;border-radius:13px;min-width:0;padding:10px 9px 9px}.app-card span{color:var(--gold-light);letter-spacing:.12em;text-align:center;text-transform:uppercase;white-space:nowrap;border:1px solid #c4a97c8c;border-radius:99px;margin-bottom:12px;padding:3px 4px;font-size:5px;display:block;overflow:hidden}.app-card strong{color:var(--white);font-family:Playfair Display,Georgia,serif;font-size:14px;font-weight:500;display:block}.app-card b{min-height:35px;color:var(--gold-light);margin-top:6px;font-size:10px;font-weight:600;display:block}.app-card em{background:var(--gold-light);color:var(--violet);text-align:center;border-radius:8px;padding:8px 4px;font-size:7px;font-style:normal;font-weight:600;display:block}.benefits{background:var(--white);padding:115px max(7vw,32px) 120px}.section-heading{width:min(1180px,100%);margin:0 auto 68px}.section-heading .eyebrow,.installation .eyebrow{color:#9a7e50}.section-heading h2,.installation h2,.final-cta h2{color:var(--navy);font-size:clamp(44px,5vw,68px);line-height:1.04}.benefit-grid{border-top:1px solid #dad5cc;grid-template-columns:repeat(3,1fr);width:min(1180px,100%);margin:auto;display:grid}.benefit-grid article{border-right:1px solid #dad5cc;min-height:240px;padding:30px 36px 20px 0}.benefit-grid article+article{padding-left:36px}.benefit-grid article:last-child{border-right:0}.number{color:#9a7e50;margin-bottom:50px;font-family:Playfair Display,Georgia,serif;font-size:15px;display:block}.benefit-grid h3{color:var(--navy);margin:0 0 15px;font-family:Playfair Display,Georgia,serif;font-size:25px;font-weight:500}.benefit-grid p{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.installation{background:var(--warm);grid-template-columns:.8fr 1.2fr;gap:80px;padding:110px max(7vw,32px);display:grid}.installation>div,.installation ol{width:min(570px,100%)}.installation>div{margin-left:auto}.installation ol{margin:0;padding:0;list-style:none}.installation li{border-bottom:1px solid #d8cfbf;grid-template-columns:46px 1fr;align-items:center;gap:22px;padding:23px 0;display:grid}.installation li:first-child{padding-top:0}.installation li>span{border:1px solid var(--gold);color:#8c7041;border-radius:50%;place-items:center;width:42px;height:42px;font-family:Playfair Display,Georgia,serif;display:grid}.installation li p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.installation li strong{color:var(--navy);font-weight:600}.final-cta{text-align:center;color:var(--white);background:linear-gradient(145deg,var(--violet),var(--navy));padding:110px 24px 120px}.final-cta h2{color:var(--white)}.final-cta .primary-button{margin-top:38px}footer{color:#ffffffad;background:#11064a;padding:64px max(7vw,32px) 35px}.footer-brand{color:var(--white);font-size:30px;display:block}footer>p{margin:13px 0 30px;font-size:13px}.footer-links{color:var(--white);border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;flex-wrap:wrap;gap:24px;padding:22px 0;font-size:13px;display:flex}footer small{margin-top:28px;font-size:11px;display:block}@media (width<=900px){.hero{text-align:center;grid-template-columns:1fr;padding-top:145px}.hero-copy{margin:0 auto}.hero-text{margin-left:auto;margin-right:auto}.microcopy{justify-content:center}.visual{min-height:500px}.benefit-grid{grid-template-columns:1fr}.benefit-grid article,.benefit-grid article+article{border-bottom:1px solid #dad5cc;border-right:0;min-height:auto;padding:28px 0 34px}.number{margin-bottom:25px}.installation{grid-template-columns:1fr;gap:55px}.installation>div,.installation ol{width:min(640px,100%);margin:auto}}@media (width<=600px){.site-header{width:calc(100% - 32px);height:78px}.brand{font-size:24px}.header-link{gap:0;font-size:0}.header-link svg{width:22px;height:22px}.hero{gap:35px;min-height:auto;padding:118px 20px 70px}h1{font-size:57px}.hero-text{margin-top:24px;font-size:16px;line-height:1.65}.primary-button{width:100%}.microcopy{gap:10px 16px}.visual{min-height:440px;margin:-25px 0;transform:scale(.86)}.gold-orbit{width:420px;height:420px}.benefits{padding:80px 24px}.section-heading{margin-bottom:48px}.section-heading h2,.installation h2,.final-cta h2{font-size:43px}.installation{padding:80px 24px}.installation li{grid-template-columns:42px 1fr;gap:15px}.final-cta{padding:82px 24px 90px}footer{padding:55px 24px 30px}.footer-links{flex-direction:column;gap:16px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
