:root{--ink:#141c24;--navy:#101820;--deep:#0c141b;--slate:#627684;--mist:#e9eef0;--paper:#f8f8f5;--white:#fff;--line:#dce2e3;--serif:Georgia,'Times New Roman',serif;--sans:'Avenir Next',Avenir,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto;display:block}.container{width:min(100% - 80px,1200px);margin:auto}.skip-link{position:absolute;top:-100px;left:20px;z-index:1000;background:white;color:#111;padding:12px}.skip-link:focus{top:10px}a:focus-visible,button:focus-visible{outline:2px solid #9cc5d5;outline-offset:4px}.site-header{background:var(--navy);color:white;position:relative;z-index:20;border-bottom:1px solid #ffffff20}.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between}.brand img,.site-footer img{width:158px;height:auto}.nav{display:flex;align-items:center;gap:38px;font-size:13px;font-weight:600;letter-spacing:.015em}.nav>a:not(.nav-contact){color:#c9d3d7;transition:color .2s}.nav>a:hover{color:white}.nav-contact{border:1px solid #60707c;padding:13px 18px}.nav-contact span{margin-left:18px}.menu-toggle{display:none}.hero{background:radial-gradient(circle at 75% 55%,#253844 0,#101b24 35%,#101820 72%);color:white;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#8da4ae55 1px,transparent 1px),linear-gradient(90deg,#8da4ae55 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent 35%,black)}.hero-inner{min-height:630px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative}.hero-copy{padding:74px 0 75px;z-index:2}.eyebrow,.section-label,.product-kicker{font-size:11px;letter-spacing:.2em;font-weight:700;text-transform:uppercase}.eyebrow{color:#a9bdc7;display:flex;align-items:center;gap:14px}.eyebrow-line{width:27px;height:1px;background:#a9bdc7}.hero h1{font-size:clamp(58px,6vw,91px);line-height:1.045;letter-spacing:-.055em;max-width:750px;margin:35px 0 27px;font-weight:500}.hero h1 em{display:block;color:#a9bfca;font-family:var(--serif);font-weight:400;letter-spacing:-.06em}.hero-lead{max-width:490px;font-size:18px;line-height:1.75;color:#b6c3cb;margin:0}.hero-actions{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:40px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:18px 22px;min-height:55px;font-weight:700;font-size:13px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-light{background:#f4f6f5;color:#13202a}.button-light:hover{background:#dfe9ec}.text-link{font-size:13px;color:#c8d4d9;border-bottom:1px solid #748793;padding-bottom:5px}.text-link span{margin-left:12px}.hero-art{height:535px;position:relative;margin-left:15px}.art-orbit{position:absolute;left:50%;top:47%;border:1px solid #8fa0a621;border-radius:50%;transform:translate(-50%,-50%)}.art-orbit-outer{width:520px;height:520px}.art-orbit-inner{width:380px;height:380px}.art-frame{width:300px;height:300px;position:absolute;left:50%;top:47%;transform:translate(-50%,-50%) rotate(-45deg);border:32px solid #a9bac2;box-shadow:22px 26px 60px #0008,inset 8px 8px 25px #0008;background:linear-gradient(135deg,#3e5462,#192b37);overflow:hidden}.art-shape{position:absolute;background:#9daeb8;box-shadow:8px 10px 20px #0007}.art-shape-one{width:155px;height:38px;left:0;top:92px;transform:rotate(45deg)}.art-shape-two{width:165px;height:38px;right:-12px;top:117px;transform:rotate(-45deg)}.art-shape-three{width:100px;height:38px;right:42px;bottom:58px;transform:rotate(45deg)}.art-caption{position:absolute;right:0;bottom:38px;width:260px;display:flex;justify-content:space-between;border-top:1px solid #8296a047;padding-top:14px;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#aebec6}.hero-bottom{height:68px;position:relative;border-top:1px solid #ffffff26;display:flex;align-items:center;gap:20px;color:#8299a5;text-transform:uppercase;letter-spacing:.18em;font-size:10px}.hero-bottom-rule{height:1px;width:28px;background:#8299a5}.section-pad{padding:120px 0}.intro{background:var(--paper)}.intro-layout{display:grid;grid-template-columns:26% 1fr}.section-label{color:#6c828d;white-space:nowrap}.section-number{font-size:13px;letter-spacing:0;color:#182a34;margin-right:9px}.intro h2,.about h2{font-size:clamp(41px,4.8vw,66px);line-height:1.13;letter-spacing:-.048em;font-weight:500;max-width:800px;margin:0 0 29px}.intro h2 span,.about h2 span{font-family:var(--serif);font-weight:400;font-style:italic;color:#617986}.intro-content>p{font-size:17px;line-height:1.8;max-width:650px;color:#5d6c74;margin:0}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:31px;margin-top:76px}.principles article{border-top:1px solid #cbd4d7;padding-top:23px}.principle-icon{font-size:26px;color:#6c8794}.principles h3{font-size:17px;margin:26px 0 10px}.principles p{font-size:14px;line-height:1.65;color:#697980;margin:0}.product-section{background:#20313c;color:white;overflow:hidden}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.light-label,.light-label .section-number{color:#b3c5ce}.product-kicker{color:#9db5c1;margin:70px 0 20px}.product-copy h2{font-size:clamp(42px,4.2vw,61px);font-weight:500;letter-spacing:-.052em;line-height:1.12;max-width:570px;margin:0 0 26px}.product-copy>p:not(.product-note){font-size:16px;line-height:1.8;color:#b9c8ce;max-width:530px}.feature-list{list-style:none;padding:0;margin:30px 0 42px}.feature-list li{border-top:1px solid #ffffff29;padding:15px 0;font-size:14px;color:#e1e8e9}.feature-list li:last-child{border-bottom:1px solid #ffffff29}.feature-list span{color:#a7c6d3;margin-right:13px}.button-outline{border:1px solid #aabfc9;color:white}.button-outline:hover{background:#ffffff18}.product-note{color:#a0b4be;font-size:11px;line-height:1.6;margin-top:19px}.preview-wrap{position:relative;padding:17px;background:#15232c;border:1px solid #64798566;box-shadow:34px 40px 70px #09141b80;transform:rotate(1.5deg)}.preview-topline{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;color:#94aab4;padding:4px 7px 17px}.preview-dots{letter-spacing:5px}.preview-panel{background:#f7f8f6;color:#253640;padding:38px 35px 25px}.preview-header{display:flex;justify-content:space-between;align-items:start}.preview-header small{display:block;font-size:9px;letter-spacing:.16em;color:#81949d}.preview-header strong{display:block;font-size:26px;letter-spacing:-.04em;margin-top:11px;font-weight:500}.preview-mark{font-size:30px;color:#738e99}.preview-metric{margin:35px 0 25px;border:1px solid #dce5e7;padding:20px;background:#fff;font-size:13px}.metric-track{height:8px;border-radius:10px;background:#e3eaec;margin:18px 0 10px;overflow:hidden}.metric-track i{display:block;width:62%;height:100%;background:#607f8d;border-radius:10px}.metric-row{display:flex;justify-content:space-between;font-size:10px;color:#879aa3}.goal-row{display:flex;align-items:center;gap:16px;padding:16px 2px;border-bottom:1px solid #dce4e6}.goal-icon{width:42px;height:42px;background:#e4ecee;display:grid;place-items:center;font-size:21px;color:#53717e}.goal-row div{flex:1}.goal-row strong{display:block;font-size:13px}.goal-row small{display:block;color:#82949c;margin-top:4px;font-size:11px}.goal-arrow{color:#77929d}.preview-disclaimer{display:block;text-align:right;color:#9bb0b9;font-size:10px;margin-top:14px;letter-spacing:.06em}.about{background:#f8f8f5}.about-layout{display:grid;grid-template-columns:32% 1fr;gap:20px;align-items:center}.about-symbol{width:230px;height:230px;border:1px solid #d3dedf;display:grid;place-items:center;transform:rotate(45deg);margin:48px}.about-symbol img{width:150px;transform:rotate(-45deg)}.about-copy .section-label{margin-bottom:32px}.about h2{font-size:clamp(38px,4vw,55px)}.about p{max-width:660px;color:#607078;line-height:1.85;font-size:16px}.inline-link{display:inline-block;color:#274653;font-weight:700;border-bottom:1px solid #72909a;padding:14px 0 7px;font-size:13px;margin-top:12px}.inline-link span{margin-left:36px}.closing{background:#415968;color:#fff;padding:62px 0}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.closing span:first-child{font-size:10px;font-weight:700;letter-spacing:.18em;color:#c8d6db}.closing h2{font-family:var(--serif);font-size:clamp(30px,3.4vw,48px);font-weight:400;margin:12px 0 0}.site-footer{background:#101820;color:#c5d0d5}.footer-top{display:flex;justify-content:space-between;align-items:start;padding:65px 0}.footer-top div{display:flex;gap:35px;font-size:12px}.footer-top a:hover{color:white}.footer-bottom{border-top:1px solid #ffffff24;display:flex;justify-content:space-between;gap:20px;padding:27px 0 35px;font-size:11px;color:#81939c}
@media(max-width:1050px){.product-layout{gap:55px}.hero-art{transform:scale(.8);transform-origin:center}.intro-layout{grid-template-columns:22% 1fr}}
@media(max-width:760px){.container{width:min(100% - 38px,560px)}.header-inner{height:72px}.brand img{width:142px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:1px solid #84959d;background:transparent;padding:10px;cursor:pointer}.menu-toggle span{display:block;height:1px;background:white}.nav{display:none;position:absolute;left:0;right:0;top:72px;background:#17242e;padding:16px 19px 25px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 25px #0004}.nav.open{display:flex}.nav a{padding:15px 8px;border-bottom:1px solid #ffffff1c}.nav-contact{margin-top:12px}.hero-inner{grid-template-columns:1fr;min-height:0}.hero-copy{padding:85px 0 40px}.hero h1{font-size:clamp(51px,10vw,74px);margin-top:26px}.hero-lead{font-size:16px}.hero-actions{gap:24px}.hero-art{height:350px;margin:0;transform:scale(.72);transform-origin:center top}.art-caption{bottom:30px}.hero-bottom{height:58px;font-size:9px}.section-pad{padding:82px 0}.intro-layout,.product-layout,.about-layout{grid-template-columns:1fr}.section-label{margin-bottom:35px}.intro h2,.about h2{font-size:clamp(40px,8.5vw,56px)}.principles{grid-template-columns:1fr;gap:24px;margin-top:50px}.principles article{padding-top:15px}.principles h3{margin:12px 0 5px}.product-layout{gap:48px}.product-kicker{margin:0 0 18px}.preview-wrap{max-width:470px;justify-self:center;transform:none}.about-symbol{width:140px;height:140px;margin:25px auto 35px}.about-symbol img{width:90px}.about-copy .section-label{margin-bottom:22px}.closing-inner,.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-top{gap:35px;padding:50px 0}.footer-top div{flex-wrap:wrap;gap:18px}.footer-bottom{gap:12px}.closing{padding:60px 0}}
@media(max-width:410px){.hero-actions{align-items:flex-start;flex-direction:column}.hero-art{height:300px;transform:scale(.6)}.preview-panel{padding:25px 18px}.hero h1{font-size:49px}.product-copy h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Beta notice */
.beta-bar{background:#17242e;color:#d5dee2;display:flex;justify-content:center;align-items:center;gap:12px;padding:9px 20px;font-size:12px;line-height:1.4;text-align:center;border-bottom:1px solid #ffffff1f}
.beta-pill{background:#a9bfca;color:#101820;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px}
/* Touch targets (44px) and minimum text sizes on phones */
@media(max-width:760px){
.brand{display:inline-flex;align-items:center;min-height:44px}
.menu-toggle{width:44px;height:44px}
.text-link{display:inline-block;padding:16px 0 10px}
.inline-link{padding:16px 0 12px}
.footer-top div{gap:0 22px}
.footer-top a{display:inline-flex;align-items:center;min-height:44px}
.eyebrow,.section-label,.product-kicker{font-size:12px}
.beta-pill{font-size:11px}.beta-bar{font-size:13px}
.art-caption,.hero-bottom{font-size:10px}
.preview-topline,.preview-header small,.metric-row,.preview-disclaimer{font-size:11px}
.product-note{font-size:13px}
.footer-bottom{font-size:12px}
}