html{scroll-behavior:smooth;scroll-padding-top:30px}body{-webkit-font-smoothing:antialiased}.brand{width:220px}.brand img{display:block;width:220px;height:auto}.brand span{font-size:9px;letter-spacing:2.3px;margin:0 0 0 47px}nav{display:flex;gap:28px}nav a{color:var(--muted);font-size:13px;text-decoration:none;transition:color .2s}nav a:hover{color:var(--ivory)}
.hero{height:790px}.hero-sky{opacity:0;transform:scale(1.035);transition:opacity 1s ease,transform 7s ease-out}.hero-sky.visible{opacity:1;transform:scale(1)}.hero-copy{padding-top:94px}.hero h1{font-size:87px;line-height:1.03;letter-spacing:-4.5px}.hero-copy>p:not(.eyebrow){margin-bottom:25px}.hero-button{display:inline-flex;align-items:center;gap:30px;padding:16px 21px;border-radius:5px;background:var(--ivory);color:var(--bg);text-decoration:none;font-size:17px;margin:0 0 28px;transition:transform .25s,background .25s}.hero-button:hover{background:white;transform:translateY(-2px)}.hero-button span{font-size:23px}.hero .price-line strong{font-size:38px}.hero .price-line span{font-size:16px}.hero-switch{position:absolute;left:64px;bottom:30px;display:flex;border:1px solid #ffffff55;border-radius:5px;overflow:hidden;backdrop-filter:blur(10px)}.hero-switch button{background:#191b1e35;border:0;color:var(--ivory);padding:12px 18px;font:inherit;font-size:13px;cursor:pointer;transition:background .25s}.hero-switch button.active{background:var(--ivory);color:var(--bg)}.hero .image-label{font-size:10px;bottom:44px}
.section{padding-top:86px;padding-bottom:86px}h2{font-size:69px;letter-spacing:-3px}.lead{font-size:23px;line-height:1.6}.eyebrow{font-size:12px;letter-spacing:2.1px}.stats{padding-top:45px;padding-bottom:47px}.stats>div{padding-left:25px;border-left:1px solid var(--line)}.stats>div:first-child{padding-left:0;border:0}.stats strong{font-size:72px}.stats span{font-size:17px}.video-wrap{overflow:hidden;border-radius:9px;box-shadow:0 25px 65px #0002}.caption{font-size:14px;line-height:1.6}.scene{border-radius:8px;transition:opacity .25s,transform .6s cubic-bezier(.2,.7,.2,1)}.image-changing{opacity:.4!important;transform:scale(1.012)}.scene-tabs button,.filters button,.pager button{font-size:16px;color:var(--muted);border-radius:5px;transition:border-color .2s,color .2s,background .2s}.scene-tabs button.active,.filters button.active{background:#ebaf5608}.scene-tabs button:hover,.filters button:hover,.pager button:not(:disabled):hover{color:var(--ivory);border-color:var(--ivory)}
.shader-figure{margin:35px 0 28px;background:#1b1b1b;border:1px solid #464a4f;border-radius:9px;overflow:hidden}.figure-bar{display:flex;justify-content:space-between;gap:18px;padding:17px 22px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.3px;color:var(--muted)}.figure-bar span:first-child{color:var(--amber)}.shader-figure>img{display:block;width:100%;height:auto}.shader-figure figcaption{padding:0 22px 19px;font-size:13px;color:var(--muted);line-height:1.6}.control-demo{display:grid;grid-template-columns:1.45fr 1fr;background:#202328;border:1px solid var(--line);border-radius:9px;overflow:hidden}.control-preview{position:relative;min-height:360px;overflow:hidden;background:#101215}.control-preview img{height:100%;width:100%;object-fit:cover;display:block;transition:opacity .2s}.media-label{position:absolute;left:20px;bottom:18px;padding:7px 9px;font-size:9px;letter-spacing:1px;background:#15191ed9;border:1px solid #ffffff1a;border-radius:3px}.control-panel{padding:29px 27px}.control-panel .eyebrow{font-size:10px;margin-bottom:14px}.control-panel h3{font-size:24px;line-height:1.2;margin-bottom:26px;letter-spacing:-.5px}.control-panel label{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-top:22px}.control-panel output{color:var(--amber);font-variant-numeric:tabular-nums}.control-panel input{display:block;width:100%;accent-color:var(--amber);height:24px;margin:12px 0 0;cursor:ew-resize}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:2px}.text-button{border:0;background:none;color:var(--muted);font-size:12px;padding:0;margin-top:25px;display:flex;justify-content:space-between;width:100%}.text-button:hover{color:var(--ivory)}.presets{align-items:center}.presets>p{font-size:18px;color:var(--muted);line-height:1.5;flex:1}.presets>div{border-radius:6px}.presets .default{background:#ebaf5606}
.steps article{padding-top:24px;border-top:1px solid var(--line)}.steps article>span{font-size:35px;margin-bottom:25px}.steps p,.included p{font-size:17px;line-height:1.65}.section-head>p{font-size:16px}.sky-card{overflow:hidden;border-radius:5px}.sky-card img{border-radius:5px;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s}.sky-card:hover img{transform:scale(1.025);filter:brightness(1.08)}.sky-card span{font-size:12px}.included-grid article{padding-top:23px;border-top:1px solid var(--line)}.included-grid h3{font-size:24px}.included-grid article>strong{font-size:62px}.specs dl>div{grid-template-columns:200px 1fr;gap:35px}.specs dt{font-size:18px}.specs dd{font-size:17px;line-height:1.7}.faq details{border-top:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:23px;padding:26px 0;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--amber);font-size:25px;font-weight:400;transition:transform .3s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:17px;color:var(--muted);line-height:1.65;margin:0;padding:0 50px 28px 0;animation:answer-in .35s ease both}footer{position:relative}footer small{font-size:12px}.footer-mark{position:absolute;right:65px;top:85px;width:150px;height:150px;opacity:.12}
dialog{border-radius:10px;border-color:#606368;max-height:92vh;box-shadow:0 35px 100px #0009}dialog[open]{animation:dialog-in .3s cubic-bezier(.2,.7,.2,1) both}dialog::backdrop{background:#05090ee8;backdrop-filter:blur(8px)}dialog img{max-height:73vh;object-fit:contain}dialog button{border:0;font-size:13px}dialog p{font-size:13px}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:none}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes answer-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.embedded header nav{display:none}summary:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:6px}
@media(max-width:700px){html:not(.embedded) .brand{width:180px}html:not(.embedded) .brand img{width:180px}html:not(.embedded) .brand span{font-size:8px;margin-left:39px}html:not(.embedded) nav{display:none}html:not(.embedded) .hero{height:760px}html:not(.embedded) .hero-copy{padding-top:66px}html:not(.embedded) .hero h1{font-size:56px;letter-spacing:-2.8px}html:not(.embedded) .hero .eyebrow{font-size:10px}html:not(.embedded) .hero-copy>p:not(.eyebrow){font-size:24px;margin-bottom:24px}html:not(.embedded) .hero-button{font-size:15px}html:not(.embedded) .hero-switch{left:25px;bottom:52px}html:not(.embedded) .hero-switch button{font-size:12px}html:not(.embedded) .hero .image-label{left:25px;right:auto;bottom:24px;font-size:9px}html:not(.embedded) .stats>div{padding-left:13px}html:not(.embedded) .stats>div:first-child{padding-left:0}html:not(.embedded) .stats strong{font-size:46px}html:not(.embedded) .stats span{font-size:12px}html:not(.embedded) .section{padding-top:59px;padding-bottom:59px}html:not(.embedded) h2{font-size:47px;letter-spacing:-2px}html:not(.embedded) .lead{font-size:19px}html:not(.embedded) .caption{font-size:12px}html:not(.embedded) .figure-bar{font-size:7px;letter-spacing:.4px;padding:12px}html:not(.embedded) .shader-figure figcaption{font-size:11px;padding:0 12px 13px}html:not(.embedded) .shader-figure>img{width:135%;max-width:none;position:relative;left:-17.5%}html:not(.embedded) .control-demo{display:block}html:not(.embedded) .control-preview{aspect-ratio:16/9;min-height:0}html:not(.embedded) .control-panel{padding:26px}html:not(.embedded) .control-panel h3{font-size:26px}html:not(.embedded) .presets{flex-wrap:wrap;gap:8px}html:not(.embedded) .presets>p{flex:1 0 100%;font-size:16px}html:not(.embedded) .presets>p br{display:none}html:not(.embedded) .presets>div{min-width:0;width:auto;flex:1;padding:16px}html:not(.embedded) .specs dl>div{grid-template-columns:1fr;gap:10px}html:not(.embedded) .specs dd{font-size:16px}html:not(.embedded) .faq summary{font-size:19px;padding:23px 0}html:not(.embedded) .faq details p{font-size:16px;padding-right:15px}html:not(.embedded) .footer-mark{width:90px;height:90px;right:25px;top:45px;opacity:.07}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.hero-sky{transform:none}.image-changing{opacity:1!important;transform:none}.sky-card:hover img{transform:none}}