@layer reset, base, components, responsive;
@layer reset{*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body,h1,h2,h3,p,ul,ol{margin:0}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}}
@layer base{
:root{color-scheme:dark;--bg:#0c171b;--surface:#142227;--ink:#f1f3ec;--muted:#a6b4b7;--mint:#bce9ce;--line:#2a3a3e;--font:"Inter","Aptos","Segoe UI",sans-serif}
body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}::selection{background:var(--mint);color:var(--bg)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:6px}a,button,summary{touch-action:manipulation}button{cursor:pointer}h1,h2,h3{font-weight:600;line-height:1.08;letter-spacing:-.045em}h2{font-size:48px}h3{font-size:24px;letter-spacing:-.03em}.wrap{max-width:1280px;width:calc(100% - 112px);margin-inline:auto}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:600;text-transform:uppercase;color:var(--mint)}.status-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin:0 9px 1px 0}.button{min-height:52px;padding:13px 23px;display:inline-flex;align-items:center;justify-content:center;gap:26px;border-radius:6px;font-size:14px;font-weight:650;border:1px solid transparent;transition:background .2s,transform .2s}.button-primary{background:var(--mint);color:#142b24}.button-primary:hover{background:#d0f5df;transform:translateY(-2px)}.button span[aria-hidden]{font-size:20px;line-height:1}.text-link{display:inline-flex;gap:16px;align-items:center;font-size:13px;font-weight:600}.text-link:hover{color:var(--mint)}.skip-link{position:absolute;top:-80px;left:20px;padding:12px;background:var(--mint);color:var(--bg);z-index:100}.skip-link:focus{top:12px}
}
@layer components{
.site-header{height:104px;display:flex;justify-content:space-between;align-items:center}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:23px;font-weight:650;letter-spacing:-1px}.brand img{object-fit:contain;filter:saturate(.72)}.brand-dot{color:var(--mint)}.site-header nav{display:flex;gap:34px;align-items:center;font-size:12px;color:#d7dfdc}.site-header nav>a:not(.nav-download):hover{color:var(--mint)}.nav-download{padding:10px 17px;border:1px solid #526661;border-radius:5px;display:flex;gap:25px}.nav-download:hover{border-color:var(--mint);background:#162a27}
.hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;min-height:613px;padding-top:33px;padding-bottom:54px;gap:10px}.hero h1{font-size:clamp(60px,6.3vw,88px);margin-top:23px;line-height:1.035;letter-spacing:-.065em}.hero h1>span{color:var(--mint)}.hero-description{font-size:18px;line-height:1.65;color:#d9e1de;margin-top:27px;letter-spacing:-.25px}.hero-detail{font-size:13px;color:var(--muted);max-width:355px;line-height:1.8;margin-top:14px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:29px}.availability-note{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted);margin-top:22px;flex-wrap:wrap}.outline-pill{font-size:9px;border:1px solid #415d51;color:var(--mint);border-radius:20px;padding:3px 8px;letter-spacing:.025em}.hero-art{min-width:0;position:relative;padding-top:20px}.screen-stage{position:relative;aspect-ratio:620/460;isolation:isolate}.stage-halo{position:absolute;inset:0 -50px -20px -20px;background:radial-gradient(ellipse at 53% 55%,#4068542e,transparent 64%);z-index:-1}.device-label{font-size:8px;letter-spacing:.2em;color:#9dafaa}.tv-label{position:absolute;left:27%;top:5%}.television{position:absolute;left:20%;top:11%;width:81%;height:66%;background:linear-gradient(135deg,#597074,#17272b 48%,#425459);padding:7px 7px 11px;border-radius:10px;box-shadow:0 28px 65px #0005;z-index:2;border:1px solid #536064}.demo-screen{position:relative;overflow:hidden;height:100%;border-radius:4px;isolation:isolate;background:#204951}.demo-content{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.scene-photo img{width:100%;height:100%;object-fit:cover}.scene-title{position:absolute;bottom:10%;left:7%;font-size:clamp(10px,1.6vw,22px);font-weight:500;letter-spacing:-.02em;color:#fff8ec;text-shadow:0 1px 10px #012c24}.tv-led{position:absolute;width:3px;height:3px;bottom:4px;left:50%;background:#a1d1ab;border-radius:100%}.tv-leg{position:absolute;top:75%;width:7px;height:7%;background:linear-gradient(90deg,#17272b,#607176);z-index:1}.tv-leg-left{left:31%;transform:rotate(28deg)}.tv-leg-right{right:10%;transform:rotate(-28deg)}.connection-path{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.laptop{position:absolute;left:0;top:54%;width:48%;height:43%;z-index:4;filter:drop-shadow(0 18px 25px #0005)}.laptop-lid{height:88%;background:#25393f;border:1px solid #6c8085;border-radius:9px 9px 1px 1px;padding:7px 7px 8px}.laptop-toolbar{height:16px;background:#e6e6de;display:flex;align-items:center;padding:0 6px;gap:3px;border-radius:3px 3px 0 0}.laptop-toolbar>span{width:3px;height:3px;background:#93a09b;border-radius:50%}.laptop-toolbar small{margin:auto;font-size:6px;color:#45554e}.laptop-picture{height:calc(100% - 16px);border-radius:0}.laptop-picture .scene-title{font-size:11px}.laptop-base{height:9px;background:linear-gradient(#93a4aa,#485c62);border-radius:1px 1px 65% 65%/2px 2px 8px 8px;width:116%;margin-left:-8%;position:relative}.laptop-base:after{content:"";display:block;background:#354d56;width:20%;height:3px;position:absolute;left:40%;top:0;border-radius:0 0 5px 5px}.local-connection{display:flex;align-items:center;gap:11px;position:absolute;left:57%;top:86%;font-size:10px;color:var(--muted);line-height:1.6}.local-connection svg{width:24px;fill:none;stroke:var(--mint);stroke-width:1.3}.local-connection strong{font-weight:500;color:#d5e9dc}.demo-caption{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:16px}.demo-caption>span{font-size:8px;color:#869d99}.demo-switcher{display:flex;border:1px solid #2c4542;border-radius:25px;padding:3px;gap:1px}.demo-switcher button{background:none;border:none;color:#9dafa9;padding:5px 12px;font-size:9px;border-radius:20px}.demo-switcher button[aria-pressed=true]{background:#29413a;color:#d9eedf}.demo-switcher button:hover{color:#fff}.scene-slides{background:#e6d2b2;color:#123d36;padding:8%}.slide-kicker{font-size:9px;letter-spacing:.15em}.scene-slides strong{display:block;font-size:46px;line-height:1;letter-spacing:-.05em;margin-top:8%;font-weight:500;position:relative;z-index:2}.slide-number{position:absolute;bottom:8%;font-size:8px;letter-spacing:.1em}.slide-orbit{position:absolute;width:62%;aspect-ratio:1;border:1px solid #326c554c;border-radius:50%;right:-18%;top:15%;box-shadow:0 0 0 24px #e6d2b2,0 0 0 25px #326c554c,0 0 0 49px #e6d2b2,0 0 0 50px #326c554c}.laptop .slide-kicker{font-size:5px}.laptop .scene-slides strong{font-size:25px}.laptop .slide-number{font-size:5px}.scene-project{background:#eee9e0;display:flex;color:#214639}.project-sidebar{background:#d5dcd2;width:15%;padding:7% 4%;display:flex;flex-direction:column;gap:13px}.project-sidebar i{height:3px;background:#9cb4a2}.project-canvas{margin:auto;width:65%;font-size:8px;letter-spacing:.12em}.design-shapes{height:120px;display:flex;align-items:center;justify-content:center;gap:7px}.design-shapes i{display:block;width:30%;height:65%;background:#69aa8c;border-radius:50% 50% 0 0;transform:rotate(-15deg)}.design-shapes i:nth-child(2){background:#e3a278;transform:rotate(15deg);border-radius:100%;height:50%}.design-shapes i:nth-child(3){background:#cfc584;transform:rotate(-15deg);border-radius:0 50% 50% 0}.project-canvas p{font-size:20px;letter-spacing:-.035em}.laptop .project-canvas{font-size:5px}.laptop .design-shapes{height:60px;gap:4px}.laptop .project-canvas p{font-size:11px}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:32px 0 40px;gap:30px;border-top:1px solid var(--line)}.benefits>div{display:flex;gap:16px;align-items:center}.benefits svg{width:26px;height:26px;fill:none;stroke:#a1c1b2;stroke-width:1.25;flex-shrink:0}.benefits p{display:grid;gap:4px}.benefits strong{font-size:13px;font-weight:550}.benefits p>span{font-size:11px;color:var(--muted)}
.how-section{background:#eff0e8;color:#17382c;margin-top:18px;padding:85px 0 77px}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.how-intro .eyebrow{color:#567862}.how-intro h2{margin-top:23px}.how-intro>p:not(.eyebrow){font-size:15px;color:#64776b;margin-top:22px;line-height:1.8}.how-intro .text-link{margin-top:22px;border-bottom:1px solid #93a99a;padding-bottom:4px}.how-intro .text-link:hover{color:#378861}.platform-line{display:flex;gap:16px;align-items:center;margin-top:40px;color:#64776b;font-size:11px}.platform-line span{border-bottom:1px solid #bccabd;padding-bottom:4px}.platform-line i{font-style:normal;font-size:16px}.steps{list-style:none;padding:0}.steps li{display:flex;gap:22px;padding:27px 0;border-bottom:1px solid #ced8ca}.steps li:first-child{padding-top:8px}.steps li:last-child{border:0;padding-bottom:0}.step-number{font-size:12px;color:#74937d;padding-top:4px;font-variant-numeric:tabular-nums}.steps h3{font-size:22px}.steps p{font-size:13px;color:#64776b;margin-top:12px;max-width:340px;line-height:1.85}
.downloads-section{padding:90px 0}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.section-heading h2{margin-top:20px}.section-heading>p{max-width:320px;font-size:14px;color:var(--muted);padding-bottom:3px;line-height:1.9}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}.download-card{background:var(--surface);border:1px solid #314448;border-radius:10px;padding:29px 32px;position:relative}.download-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.platform-icon{width:31px;height:31px;fill:var(--mint)}.apple-icon{width:36px;height:36px}.release-status{border:1px solid #496056;color:#bad0c2;font-size:10px;border-radius:4px;padding:4px 9px}.download-card h3{font-size:26px}.system-requirements{font-size:11px;color:#a2b7ae;margin-top:8px}.platform-description{font-size:13px;color:var(--muted);margin-top:19px}.download-card [data-download-action]{margin-top:24px}.download-card .button{width:100%;justify-content:space-between;font-size:12px;gap:10px}.button-unavailable{background:#263a35;border-color:#395248;color:#c3d6ca;cursor:default}.release-detail{font-size:10px;color:#92a59d;margin-top:12px}.release-metadata{font-size:10px;overflow-wrap:anywhere;margin-top:10px;display:flex;flex-direction:column;gap:8px;color:var(--muted)}.release-metadata code{font-size:9px}.release-metadata button{align-self:flex-start;padding:4px 8px;border:1px solid #527265;background:transparent;color:var(--mint);border-radius:4px}.receiver-note{margin-top:24px;display:flex;gap:17px;align-items:center;padding:18px 22px;border:1px solid var(--line);border-radius:6px}.receiver-note svg{width:27px;flex-shrink:0;fill:none;stroke:#92b5a4;stroke-width:1.3}.receiver-note p{font-size:11px;color:#a6b9b0}.receiver-note strong{color:#dce7de;font-weight:550;margin-right:4px}.small-pill{font-size:9px;border:1px solid #41564f;padding:3px 10px;border-radius:4px;white-space:nowrap;margin-left:auto}.download-footnote{font-size:10px;color:#93a69d;line-height:1.8;max-width:810px;margin-top:17px}
.faq-section{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;padding-top:45px;padding-bottom:70px;border-top:1px solid var(--line)}.faq-section h2{margin-top:20px}.faq-section .text-link{margin-top:25px;color:#b7ccbf}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:24px;font-weight:300;color:#9ab7a8;line-height:1.2;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);font-size:13px;line-height:1.85;padding:14px 28px 2px 0}.closing-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:52px 0 62px;border-bottom:1px solid var(--line)}.closing-line p{font-size:38px;line-height:1.15;font-weight:500;letter-spacing:-.05em}.closing-line p>span{color:var(--mint)}.site-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;padding:32px 0 24px}.site-footer .brand{font-size:17px;gap:6px}.site-footer>p{font-size:10px;color:#8fa59c}.site-footer nav{display:flex;gap:22px;font-size:11px;color:#c1cfc8}.site-footer nav a:hover{color:var(--mint)}.site-footer small{grid-column:1/-1;font-size:9px;color:#7e958a;padding-left:42px;margin-top:-17px}
.page-hero{max-width:800px;padding:65px 0 45px}.page-hero h1{font-size:64px;margin-top:22px}.page-hero>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.8;margin-top:22px;max-width:660px}.document-layout{display:grid;grid-template-columns:240px 1fr;gap:60px;padding:10px 0 70px}.document-nav{align-self:start;position:sticky;top:30px;font-size:13px;display:grid;gap:13px;color:var(--muted)}.document-nav a:hover{color:var(--mint)}.document-body{max-width:720px}.document-body section{padding:0 0 34px;margin-bottom:32px;border-bottom:1px solid var(--line)}.document-body h2{font-size:28px;margin-bottom:18px}.document-body h3{font-size:20px;margin:22px 0 10px}.document-body p,.document-body li{font-size:14px;line-height:1.85;color:#b7c5bf}.document-body p+p{margin-top:14px}.document-body ul,.document-body ol{padding-left:21px;margin:14px 0}.document-body li+li{margin-top:9px}.document-body a{color:var(--mint);text-decoration:underline;text-underline-offset:3px}.notice{padding:20px 22px;border:1px solid #486456;border-radius:6px;background:#172c24;color:#d2e4d6;font-size:13px;line-height:1.8;margin-bottom:30px}.notice strong{color:var(--mint)}.document-body .button{color:#142b24;text-decoration:none}.error-page{text-align:center;min-height:60vh;padding:100px 24px}.error-page .eyebrow{margin-bottom:22px}.error-page h1{font-size:60px}.error-page p{color:var(--muted);margin:20px auto 28px;max-width:480px}
}
@layer responsive{
.stage-halo{inset:0}.tv-picture .scene-title{left:auto;right:7%;text-align:right}
@media(min-width:1500px){.wrap{max-width:1280px}.hero{min-height:670px}.hero-art{padding-top:0}.hero h1{font-size:88px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero{grid-template-columns:1fr 1fr;min-height:580px}.hero h1{font-size:66px}.hero-description{font-size:16px}.hero-actions{gap:17px}.hero-actions .button{padding-inline:17px}.hero-actions .text-link{font-size:11px;gap:8px}.hero-detail{font-size:12px}.hero .eyebrow{font-size:9px}.demo-caption{gap:8px;justify-content:center}.demo-caption>span{display:none}.how-grid{gap:50px}h2{font-size:42px}.benefits{gap:18px}.benefits>div{gap:12px}.benefits p>span{font-size:10px}.benefits strong{font-size:12px}.download-card{padding:25px}.download-card h3{font-size:23px}.scene-slides strong{font-size:33px}.laptop .scene-slides strong{font-size:18px}.design-shapes{height:80px}.laptop .design-shapes{height:38px}.project-canvas p{font-size:16px}.laptop .project-canvas p{font-size:9px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.site-header{height:88px}.site-header nav{gap:22px}.site-header nav>a:first-child{display:none}.brand{font-size:21px}.brand img{width:40px;height:40px}.hero{grid-template-columns:1fr;padding:38px 0 44px;gap:0}.hero-copy{max-width:530px}.hero h1{font-size:76px}.hero .eyebrow{font-size:10px}.hero-description{font-size:18px}.hero-detail{max-width:410px;font-size:13px}.hero-actions .text-link{font-size:13px}.hero-actions{gap:24px}.hero-art{width:min(100%,610px);justify-self:center;margin-top:23px;padding-top:0}.screen-stage{margin-inline:10px 17px}.tv-label{font-size:8px}.scene-title{font-size:21px}.scene-slides strong{font-size:45px}.laptop .scene-slides strong{font-size:24px}.design-shapes{height:115px}.laptop .design-shapes{height:60px}.project-canvas p{font-size:20px}.laptop .project-canvas p{font-size:11px}.demo-caption{margin-top:5px}.demo-caption>span{display:inline}.benefits{grid-template-columns:1fr;padding:30px 0;gap:25px}.benefits>div{gap:18px}.benefits strong{font-size:14px}.benefits p>span{font-size:12px}.how-section{padding:58px 0}.how-grid{grid-template-columns:1fr;gap:42px}.platform-line{margin-top:25px}.steps p{max-width:none}.steps li{padding:22px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:22px}.section-heading>p{max-width:440px}.downloads-section{padding:62px 0}.download-grid{gap:16px;margin-top:30px}.download-card{padding:22px}.download-card h3{font-size:21px}.download-card .button{font-size:11px;padding-inline:12px}.receiver-note .small-pill{display:none}.faq-section{grid-template-columns:1fr;gap:35px;padding-top:40px;padding-bottom:35px}.faq-section h2 br{display:none}.faq-section .text-link{margin-top:18px}.site-footer{gap:20px;grid-template-columns:1fr auto}.site-footer>p{grid-row:2;grid-column:1/-1}.site-footer small{padding-left:0;margin-top:-10px}.document-layout{grid-template-columns:1fr;gap:30px}.document-nav{position:static;display:flex;flex-wrap:wrap;gap:12px 24px}.page-hero h1{font-size:54px}.document-body{max-width:none}}
@media(max-width:540px){.wrap{width:calc(100% - 40px)}.site-header{height:80px}.site-header nav>a:not(.nav-download){display:none}.nav-download{gap:12px;padding:9px 12px;font-size:11px}.brand{font-size:19px;gap:5px}.brand img{width:34px;height:34px}.hero{padding-top:32px}.hero h1{font-size:clamp(55px,14.7vw,76px);margin-top:22px}.hero .eyebrow{font-size:8px;letter-spacing:.13em}.hero-description{font-size:16px;line-height:1.7}.hero-detail{font-size:12px;line-height:1.85}.hero-actions{gap:20px;margin-top:26px}.hero-actions .button{font-size:12px;gap:20px;padding:12px 17px}.hero-actions .text-link{font-size:11px;gap:8px}.availability-note{font-size:9px;gap:8px}.hero-art{margin-top:30px}.television{padding:5px 5px 8px;border-radius:6px}.tv-led{bottom:3px;width:2px;height:2px}.scene-title{font-size:14px}.laptop-lid{padding:4px 4px 5px;border-radius:6px 6px 1px 1px}.laptop-toolbar{height:10px;padding-inline:3px;gap:2px}.laptop-toolbar>span{height:2px;width:2px}.laptop-toolbar small{font-size:4px}.laptop-picture{height:calc(100% - 10px)}.laptop .scene-title{font-size:7px}.laptop-base{height:6px}.laptop-base:after{height:2px}.device-label{font-size:6px}.tv-leg{width:5px}.local-connection{font-size:7px;gap:7px;top:84%}.local-connection svg{width:18px}.demo-caption{margin-top:9px;gap:8px}.demo-caption>span{font-size:7px}.demo-switcher button{font-size:8px;padding:5px 11px}.scene-slides strong{font-size:29px}.slide-kicker{font-size:6px}.slide-number{font-size:5px}.laptop .scene-slides strong{font-size:15px}.laptop .slide-kicker{font-size:3px}.laptop .slide-number{font-size:3px}.design-shapes{height:65px}.laptop .design-shapes{height:30px}.project-canvas{font-size:5px}.project-canvas p{font-size:13px}.laptop .project-canvas{font-size:3px}.laptop .project-canvas p{font-size:7px}.project-sidebar{gap:8px}.laptop .project-sidebar{gap:5px}.project-sidebar i{height:2px}h2{font-size:39px}.how-section{margin-top:8px}.how-intro .eyebrow,.section-heading .eyebrow,.faq-section .eyebrow{font-size:9px}.steps{padding-left:0}.steps h3{font-size:21px}.steps li{gap:18px}.download-grid{grid-template-columns:1fr;gap:16px}.download-card{padding:26px}.download-card h3{font-size:25px}.download-card .button{font-size:12px;padding-inline:17px}.download-card-top{margin-bottom:24px}.receiver-note{padding:18px;align-items:flex-start;gap:14px}.receiver-note p{font-size:11px}.receiver-note strong{display:block;margin-bottom:4px}.download-footnote{font-size:9px}.faq-list summary{font-size:13px}.faq-list details p{font-size:12px}.closing-line{padding:40px 0;flex-direction:column;align-items:flex-start;gap:24px}.closing-line p{font-size:35px}.site-footer{grid-template-columns:1fr;gap:18px;padding-top:28px}.site-footer nav{grid-row:3;gap:28px}.site-footer small{margin-top:0}.page-hero{padding:40px 0 30px}.page-hero h1{font-size:46px}.page-hero>p:not(.eyebrow){font-size:15px}.document-nav{font-size:11px}.document-body h2{font-size:27px}.document-body p,.document-body li{font-size:13px}.error-page h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
}