:root{--bg:#111113;--bg-2:#171719;--panel:#202023;--text:#f4f1ee;--muted:#a6a4a4;--faint:#77767a;--red:#ff4c42;--red-light:#ff746d;--line:#323035;--font:Manrope,Arial,sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}::selection{background:var(--red);color:#111} .container{width:min(1192px,calc(100% - 72px));margin:0 auto}.skip-link{position:absolute;left:14px;top:-90px;z-index:200;background:#fff;color:#000;padding:10px}.skip-link:focus{top:14px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(17,17,19,.9);border-bottom:1px solid rgba(255,255,255,.065);backdrop-filter:blur(18px)}.header-inner{height:77px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.075em}.brand img{border-radius:10px}.nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:600;color:#bab8ba}.nav a:hover{color:#fff}.nav-pill{border:1px solid #4b464a;border-radius:30px;padding:11px 19px;color:#f0eded!important;transition:background .2s,border-color .2s}.nav-pill:hover{background:#242124;border-color:#8c6766}.nav-pill span{margin-left:9px;color:var(--red)}
.section{position:relative}.hero{overflow:hidden;padding-top:82px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:42px;align-items:center;min-height:610px}.hero-copy{z-index:2;padding-bottom:55px}.eyebrow,.section-kicker{letter-spacing:.21em;font-size:11px;font-weight:800;color:var(--red)}.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:29px}.eyebrow-dot,.live-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--red);box-shadow:0 0 16px rgba(255,76,66,.6)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(63px,6.5vw,102px);line-height:1.045;letter-spacing:-.082em;font-weight:800;margin-bottom:27px}h1 span{color:var(--red)}.hero-description{font-family:'DM Sans',Arial,sans-serif;font-size:18px;line-height:1.75;max-width:435px;color:#bcb8b8;margin-bottom:32px}.hero-buttons{display:flex;gap:19px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:11px;font-weight:800;font-size:14px;white-space:nowrap;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid white;outline-offset:4px}.button-primary{background:var(--red);color:#141012;padding:17px 23px;box-shadow:0 8px 26px rgba(255,76,66,.15)}.button-primary:hover{background:#ff7169}.button-text{color:#ece8e6;padding:15px 0}.button-text span{color:var(--red);margin-left:5px}.hero-note{margin-top:30px;color:#8b888b;font-family:'DM Sans',Arial,sans-serif;font-size:13px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.check-mark{font-size:15px;color:#84c7a1}.note-sep{color:#565057}
.hero-visual{min-height:590px;display:flex;align-items:flex-start;justify-content:center;position:relative;padding:8px 16px 0}.hero-visual:before{content:"";position:absolute;width:530px;height:530px;border-radius:50%;background:radial-gradient(circle,rgba(255,76,66,.12),rgba(255,76,66,0) 68%);left:50%;top:38%;transform:translate(-50%,-50%)}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.055);border-radius:50%;pointer-events:none}.orbit-one{width:585px;height:585px;top:-45px;left:3%}.orbit-two{width:765px;height:765px;top:-134px;left:-17%}.window-shell{position:relative;background:#141315;border:1px solid #333034;border-radius:19px;padding:10px;box-shadow:0 23px 120px rgba(0,0,0,.56);width:min(440px,100%);transform:rotate(1.25deg);animation:appear-up .7s .13s both}.window-header{display:flex;align-items:center;justify-content:space-between;height:39px;border-bottom:1px solid #272629;padding:0 10px 9px;font-size:9px;font-weight:800;letter-spacing:.19em;color:#767274}.window-dots{display:flex;gap:5px}.window-dots i{height:7px;width:7px;background:#454044;border-radius:50%}.window-dots i:first-child{background:#bd514d}.window-minimize{font-size:13px;color:#737074}.window-content{height:498px;overflow:hidden;border-radius:10px 10px 15px 15px;position:relative;background:#121214}.window-content:after{content:"";position:absolute;bottom:0;left:0;right:0;height:68px;background:linear-gradient(0deg,#141315,transparent);pointer-events:none}.hero-screenshot{width:100%;height:auto}.floating-note{position:absolute;right:-16px;bottom:42px;background:#f5efea;color:#211e1f;border-radius:12px;padding:13px 18px;display:flex;align-items:center;gap:13px;box-shadow:0 14px 45px #0008;transform:rotate(-3deg);font-family:'DM Sans',Arial,sans-serif;font-size:12px;line-height:1.5;animation:float 5s ease-in-out infinite}.floating-note strong{font-weight:800}.floating-note-icon{display:grid;place-items:center;width:27px;height:27px;background:#e1f1e4;color:#329c61;border-radius:50%;font-weight:800}.hero-footnote{height:78px;display:flex;align-items:center;gap:20px;font-size:10px;font-weight:800;color:#69666b;letter-spacing:.23em}.hero-rule{height:1px;flex:1;background:#28262b}
.steps-section{padding:125px 0 138px;background:#19191b;border-top:1px solid #27262a;border-bottom:1px solid #27262a}.section-top{display:flex;align-items:center;gap:20px}.short-line{width:55px;height:1px;background:#4c3b3b}.intro-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:65px;margin:23px 0 57px}h2{font-size:clamp(44px,4.4vw,67px);font-weight:800;line-height:1.16;letter-spacing:-.075em;margin-bottom:0}h2 em{font-style:normal;color:var(--red)}.intro-grid p{font-family:'DM Sans',Arial,sans-serif;line-height:1.8;font-size:18px;color:#aaa6a8;max-width:470px;margin-bottom:4px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #363338}.step{padding:31px 32px 0 0}.step:not(:first-child){padding-left:33px;border-left:1px solid #363338}.step-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:45px}.step-index{font-size:12px;font-weight:800;letter-spacing:.12em;color:#ff6a61}.step-head svg{color:#e3dce0}.step h3{font-weight:800;font-size:21px;letter-spacing:-.055em;margin-bottom:14px}.step p{color:#99969a;font-family:'DM Sans',Arial,sans-serif;line-height:1.75;font-size:15px;margin:0;max-width:280px}
.preview-section{padding:137px 0 132px;overflow:hidden}.preview-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:120px}.preview-copy h2{margin:28px 0 21px}.preview-copy>p{font-family:'DM Sans',Arial,sans-serif;color:#aaa6a8;max-width:460px;line-height:1.8;font-size:17px}.preview-tabs{margin-top:55px;border-top:1px solid #353238}.preview-tab{cursor:pointer;width:100%;display:flex;align-items:center;gap:22px;background:none;border:0;border-bottom:1px solid #353238;text-align:left;color:#89858a;font-size:17px;font-weight:700;padding:19px 9px;transition:color .2s,background .2s}.preview-tab:hover{color:#fff;background:#1b191c}.preview-tab.active{color:#f6efee}.tab-number{font-family:'DM Sans',Arial,sans-serif;color:var(--red);font-weight:700;font-size:11px}.preview-copy .preview-caption{margin:21px 0 0;color:#7e7c7f;font-size:13px;min-height:25px}.preview-image-wrap{background:#1c1b1e;border:1px solid #38343b;border-radius:23px;position:relative;width:min(500px,100%);padding:17px;min-height:490px;display:flex;align-items:flex-start;justify-content:center;box-shadow:0 30px 90px #05050588}.preview-screen{width:100%;height:497px;overflow:hidden;border-radius:10px;animation:fade-in .36s both}.preview-screen[hidden]{display:none}.preview-screen img{width:100%;height:auto}.preview-screen#panel-videos img{max-width:340px;margin:0 auto}.screen-label{position:absolute;bottom:-19px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#ada7ac;letter-spacing:.12em;background:#272529;border:1px solid #494349;padding:13px 19px;border-radius:22px;font-size:9px;font-weight:800;display:flex;align-items:center;gap:10px}
.install-section{padding:104px 0 126px;border-top:1px solid #28272b;background:#19191b}.install-inner{text-align:center;display:flex;align-items:center;flex-direction:column}.install-icon img{border-radius:21px;box-shadow:0 10px 30px #0006}.install-icon{margin-bottom:32px}.install-inner h2{margin:24px 0 15px;font-size:clamp(48px,5.7vw,79px)}.install-inner>p{font-family:'DM Sans',Arial,sans-serif;font-size:18px;line-height:1.6;color:#a8a3a8;margin-bottom:25px}.install-cta{min-height:66px;display:flex;align-items:center;justify-content:center}.coming-soon{padding:17px 22px;background:#292426;border:1px solid #4e3f42;color:#e5cece;border-radius:9px;font-size:13px;font-weight:700}.install-inner small{margin-top:14px;color:#777376;font-size:12px}.footer{border-top:1px solid #2c292e;padding:31px 0;background:#111113}.footer-inner{display:flex;align-items:center;gap:20px;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:800}.footer-brand-dot{width:9px;height:9px;background:var(--red);border-radius:50%}.footer-inner>span{color:#777379;font-size:11px;text-align:center;font-family:'DM Sans',Arial,sans-serif}.footer-inner>a:last-child{font-size:11px;color:#b9b2b7}
[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}[data-reveal].revealed{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-8px) rotate(-3deg)}}@keyframes appear-up{from{opacity:0;transform:translateY(20px) rotate(1.25deg)}to{opacity:1;transform:rotate(1.25deg)}}@keyframes fade-in{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.hero-grid{gap:8px}.hero-visual{padding:0}.floating-note{right:0}.preview-grid{gap:55px}.hero h1{font-size:clamp(58px,7vw,82px)}}
@media(max-width:760px){.container{width:min(100% - 38px,540px)}.header-inner{height:68px}.nav{gap:13px}.nav>a:not(.nav-pill){display:none}.nav-pill{padding:9px 13px;font-size:12px}.hero{padding-top:63px}.hero-grid{grid-template-columns:1fr;gap:10px;min-height:0}.hero-copy{padding:0}.eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:19px}.hero h1{font-size:clamp(62px,12vw,81px);letter-spacing:-.075em;margin-bottom:24px}.hero-description{font-size:16px;line-height:1.7}.hero-buttons{gap:17px}.hero-visual{min-height:490px;margin:30px auto 0;width:min(100%,465px)}.window-shell{max-width:380px}.window-content{height:398px}.hero-orbit{display:none}.floating-note{right:-5px;bottom:35px}.hero-footnote{height:57px}.hero-footnote span{font-size:9px}.steps-section{padding:82px 0 91px}.intro-grid{grid-template-columns:1fr;gap:18px;margin:25px 0 37px}.intro-grid h2,.preview-copy h2{font-size:clamp(43px,9vw,57px)}.intro-grid p{font-size:16px}.steps-grid{grid-template-columns:1fr;border-top:0;gap:0}.step,.step:not(:first-child){border-left:0;border-top:1px solid #363338;padding:21px 0 27px}.step-head{margin-bottom:14px}.step p{max-width:100%}.preview-section{padding:87px 0 104px}.preview-grid{grid-template-columns:1fr;gap:50px}.preview-copy h2{margin:23px 0}.preview-copy>p{font-size:16px}.preview-tabs{margin-top:35px}.preview-image-wrap{margin:0 auto;max-width:480px}.install-section{padding:85px 0 102px}.install-inner h2{font-size:59px}.install-inner>p{font-size:16px}.footer-inner{flex-wrap:wrap;justify-content:center;gap:13px 26px}.footer-inner>span{width:100%;order:3}}
@media(max-width:440px){.hero h1{font-size:59px}.hero-visual{min-height:414px}.window-shell{width:min(335px,95%)}.window-content{height:332px}.floating-note{bottom:12px;padding:9px;font-size:11px;right:-3px}.hero-description{font-size:15px}.preview-image-wrap{min-height:400px;padding:11px}.preview-screen{height:385px}.preview-screen#panel-videos img{max-width:280px}.screen-label{padding:11px 13px;font-size:8px}.hero-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}

.footer-links { display: flex; flex-wrap: wrap; gap: 22px; align-items: center; }
.policy-wrap { max-width: 780px; padding: 112px 24px 90px; margin: 0 auto; }
.policy-wrap h1 { font-size: clamp(2.6rem, 6vw, 4.5rem); letter-spacing: -.065em; line-height: 1.1; margin: 18px 0 12px; }
.policy-wrap h2 { font-size: 1.35rem; letter-spacing: -.02em; margin: 40px 0 12px; }
.policy-wrap p, .policy-wrap li { color: var(--muted, #a7a6ae); line-height: 1.8; }
.policy-wrap ul { padding-left: 20px; }
.policy-wrap a { color: #ff6c63; }