*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101111;color:#f4f5f0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit}header,main,footer{max-width:1240px;margin:auto;padding:0 40px}header{height:104px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:600;letter-spacing:-.6px}.brand img{width:32px;height:32px}nav{display:flex;align-items:center;gap:28px;font-size:14px;color:#c7cbc4}.language{display:flex;border:1px solid #40443c;border-radius:30px;padding:3px}.language button{border:0;background:none;color:#b5bbb2;padding:5px 12px;border-radius:24px;font-size:14px;cursor:pointer}.language button[aria-pressed=true]{background:#c2d2b6;color:#192015}.hero{padding:90px 0 55px;max-width:980px}.eyebrow{color:#bdceb0;font-size:14px;letter-spacing:2px}.hero h1{font-size:clamp(38px,5.7vw,76px);font-weight:500;letter-spacing:-.05em;line-height:1.35;margin:25px 0}.hero p{max-width:610px;color:#adb2ab;font-size:18px}.actions{display:flex;gap:15px;align-items:center;margin-top:32px;flex-wrap:wrap}.button{padding:12px 25px;border-radius:7px;background:#c2d2b6;color:#1d2519;font-size:15px;font-weight:600}.secondary{background:transparent;color:#d9ded5;border:1px solid #42483e}.status{font-size:14px;color:#9ca497}.preview{border:1px solid #383e34;border-radius:12px;overflow:hidden;background:#171a16;box-shadow:0 40px 100px #0005}.bar{padding:12px 20px;display:flex;justify-content:space-between;gap:12px;color:#a9b2a0;font-size:14px;border-bottom:1px solid #383e34}.preview iframe{border:0;display:block;width:100%;height:580px;background:#101111}.caption{font-size:14px;color:#90998b;margin:17px 0}.section{padding:100px 0;border-bottom:1px solid #30362b}.section h2{font-size:clamp(28px,3vw,42px);line-height:1.5;letter-spacing:-.03em;font-weight:500;margin:12px 0 40px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.number{color:#8f9a85;font-size:14px}.features h3{font-size:23px;font-weight:500;margin:16px 0}.features p,.privacy-note p{color:#abb3a5}.privacy-note{display:grid;grid-template-columns:1fr 1fr;gap:90px}.privacy-note h2{margin:0}.text-link{text-decoration:underline;text-underline-offset:6px;color:#c2d2b6}.faq details{border-top:1px solid #30362b;padding:22px 0}.faq summary{cursor:pointer;font-size:18px}.faq details p{color:#abb3a5;max-width:800px}.closing{padding:80px 0;text-align:center}.closing h2{font-size:32px;font-weight:500}footer{border-top:1px solid #30362b;padding-top:25px;padding-bottom:30px;display:flex;justify-content:space-between;gap:20px;color:#939b8c;font-size:14px}.policy{max-width:850px;padding-top:65px;padding-bottom:100px}.policy h1{font-size:42px;line-height:1.4;font-weight:500}.policy h2{margin-top:45px;font-size:24px;font-weight:500}.policy p,.policy li{color:#b9c0b3}.draft{padding:20px 24px;background:#1d2519;border-left:3px solid #c2d2b6;color:#d9e5cd}.policy a{text-decoration:underline;text-underline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #c2d2b6;outline-offset:5px}[hidden]{display:none!important}@media(max-width:760px){header,main,footer{padding-left:22px;padding-right:22px}header{height:85px}nav{gap:14px}nav>a{display:none}.hero{padding-top:48px}.hero p{font-size:16px}.preview iframe{height:520px}.features,.privacy-note{grid-template-columns:1fr;gap:30px}.section{padding:60px 0}.section h2{margin-bottom:25px}footer{flex-wrap:wrap}.policy h1{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.demo-viewport{position:relative;width:100%;aspect-ratio:1512/778;overflow:hidden}.preview .demo-viewport iframe{position:absolute;top:0;left:0;width:1512px;height:778px;transform:scale(var(--demo-scale,1));transform-origin:top left}@media(max-width:760px){.demo-viewport{aspect-ratio:auto;height:520px}.preview .demo-viewport iframe{width:100%;height:520px;transform:none}}

/* A shorter introduction and visual feature explanations. */
.hero{padding:48px 0 38px}.hero h1{font-size:clamp(36px,5vw,64px);margin:0 0 22px}.hero p{margin:0;font-size:18px;max-width:650px}.actions{margin-top:24px}.section{padding:64px 0}.section h2{font-size:32px;margin:0 0 32px}.features{display:flex;flex-direction:column;gap:32px}.feature-row{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:48px}.feature-image{overflow:hidden;border:1px solid #3a4037;border-radius:10px;background:#171c2c}.feature-image img{display:block;width:100%;height:auto}.feature-image-2{height:300px;display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(120deg,#171c2c,#303749)}.feature-image-2 img{width:auto;height:100%;object-fit:contain}.features h3{margin:0 0 12px;font-size:24px}.features p{margin:0;max-width:360px}.privacy-note{gap:48px;grid-template-columns:1fr 1.4fr}.privacy-note h2{margin:0}.privacy-note p{margin:0 0 16px}.caption{max-width:850px;color:#a5aca0}.faq details{padding:18px 0}.faq details p{margin-bottom:0}@media(max-width:760px){.hero{padding:28px 0 32px}.hero p{font-size:16px}.feature-row{grid-template-columns:1fr;gap:18px}.features{gap:38px}.features p{max-width:none}.feature-image-2{height:280px}.section{padding:44px 0}.section h2{font-size:28px;margin-bottom:26px}.privacy-note{grid-template-columns:1fr;gap:20px}.privacy-note h2{margin-bottom:0}}

.controls-note{margin-top:32px;padding:24px 28px;border:1px solid #3a4037;border-radius:10px;background:#191d18}.controls-note h3{font-size:21px;font-weight:500;margin:0 0 10px}.controls-note p{margin:0;max-width:780px;color:#abb3a5}@media(max-width:760px){.controls-note{padding:20px}}

.feature-image-2{height:auto;display:block;background:#171c2c}.feature-image-2 img{width:100%;height:auto}.feature-image-3{aspect-ratio:1.4}.feature-image-3 img{width:100%;height:100%;object-fit:cover;object-position:left top}

.feature-row>*{min-width:0}.background-gallery{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#a4b698 #292e26}.background-gallery figure{flex:0 0 90%;margin:0;scroll-snap-align:start;overflow:hidden;border:1px solid #3a4037;border-radius:10px;background:#171c2c}.background-gallery img{display:block;width:100%;height:auto}.background-gallery figcaption{padding:8px 14px;color:#e4e9df;font-size:14px}.gallery-hint{margin:7px 0 0;color:#a5aca0;font-size:14px}.background-gallery:focus-visible{outline:2px solid #c2d2b6;outline-offset:4px}@media(max-width:760px){.background-gallery figure{flex-basis:92%}}

/* Match Satellite's Aether theme across the website. */
body{background:#171c2c;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url("demo/assets/theme-opal.svg"),linear-gradient(160deg,#171c2c,#303749);background-position:center;background-size:cover;background-repeat:no-repeat}
.hero p,.features p,.privacy-note p,.faq details p,.controls-note p{color:#c2c8d3}
nav,.caption,.gallery-hint,.status,footer{color:#b5bdca}
.section,footer,.faq details{border-color:#c5d2e126}
.preview,.feature-image,.background-gallery figure,.controls-note{border-color:#c5d2e133}
.preview{background:#1b2232;box-shadow:0 30px 90px #080c204d}
.bar{background:#1b2232;border-color:#c5d2e133;color:#c0c8d4}
.controls-note{background:#20283bc9}
.policy p,.policy li{color:#c2c8d3}

/* The same two expanding light rings used by Satellite's Aether preset. */
body::before{background-image:linear-gradient(160deg,#171c2c,#303749)}
.aether-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.aether-background span{position:absolute;left:38%;top:38%;width:125vw;height:65vh;border-radius:50%;background:radial-gradient(ellipse closest-side,transparent 42%,#abb8dd05 52%,#c4b1e426 64%,#d4d9f065 76%,#b1dbe746 85%,#8499cf12 95%,transparent 100%);--opal-angle:-28deg;animation:opal-expand 12s linear infinite}
.aether-background span:nth-child(2){left:67%;top:66%;--opal-angle:30deg;animation-delay:-6s}
@keyframes opal-expand{0%{transform:translate(-50%,-50%) rotate(var(--opal-angle)) scale(.3);opacity:0}15%{opacity:.6}70%{opacity:.45}100%{transform:translate(-50%,-50%) rotate(var(--opal-angle)) scale(1.6);opacity:0}}
@media(prefers-reduced-motion:reduce){.aether-background span{animation:none;transform:translate(-50%,-50%) rotate(var(--opal-angle)) scale(1);opacity:.45}}

footer{flex-wrap:wrap}.disclaimer{flex-basis:100%;margin:0;font-size:12px;line-height:1.7;color:#b5bdca}