@font-face{font-family:Orbitron;src:url('/studio-assets/brand/orbitron-600.ttf');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#070e1a;color:#f3f7ff;font-family:Arial,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffad43;outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;z-index:30}.wrap{max-width:1180px;margin:auto;width:calc(100% - 64px)}.preview-banner{height:32px;padding:7px 24px;background:#14283a;font-size:10px;letter-spacing:1.6px;color:#a5dfff;display:flex;justify-content:center;gap:20px}.preview-banner span{letter-spacing:.3px;color:#8ca3b9}header{max-width:1300px;margin:auto;height:98px;padding:20px 40px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700}.brand-logo{width:42px;height:42px;object-fit:contain}.brand small{display:none}nav{display:flex;align-items:center;gap:32px;font-size:13px;color:#afbed0}.nav-action{border:1px solid #344859;border-radius:100px;padding:12px 20px;color:#fff}.hero-new{position:relative;text-align:center;padding:60px 0 68px;isolation:isolate}.hero-new:before{content:'';position:absolute;inset:-100px -20px -200px;background:radial-gradient(ellipse at center,#10356788,transparent 66%);z-index:-1;pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:10px;border:1px solid #324759;border-radius:50px;padding:7px 14px;font-size:12px;color:#b3c9dc}.hero-badge span{height:6px;width:6px;border-radius:50%;background:#ffab35}h1{font-size:clamp(52px,7vw,94px);font-weight:600;letter-spacing:-5px;line-height:1.06;margin:26px 0}em{font-style:normal;background:linear-gradient(110deg,#47a5ff,#71e6fc);background-clip:text;color:transparent}.hero-description{font-size:18px;color:#a4b4c8;line-height:1.6}.actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:30px}.button{display:inline-flex;gap:35px;align-items:center;padding:17px 26px;border-radius:100px;font-size:14px;font-weight:700}.primary{color:#16110b;background:#ffab35;box-shadow:0 4px 25px #ff981315;transition:transform .2s,background .2s}.primary:hover{background:#ffc264;transform:translateY(-2px)}.text-action{font-size:14px;color:#d7e5f7}.hero-note{font-size:11px;color:#8393aa;margin:20px 0 0}.hero-orbit{position:absolute;width:34px;height:34px;border:1px solid #3d7197;transform:rotate(25deg);border-radius:8px;top:180px;left:3%;z-index:-1}.orbit-two{left:auto;right:5%;top:300px;width:20px;height:20px;border-color:#db933d}.showcase{padding:20px 22px 0;border:1px solid #30465f;border-radius:24px;background:linear-gradient(140deg,#14283d,#0b1628);box-shadow:0 30px 100px #0005;display:flex;flex-direction:column}.showcase-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.4px;color:#aac8df;margin:0 4px 20px}.showcase-title span:last-child{letter-spacing:0;color:#6c93b3}.compare{position:relative;height:580px;overflow:hidden;border-radius:14px;background:#182336;--split:50%;isolation:isolate}.compare img{width:100%;height:100%;object-fit:contain;display:block}.base{position:absolute;inset:0}.before-layer{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.image-label{position:absolute;top:18px;background:#071120bb;backdrop-filter:blur(8px);padding:8px 12px;font-size:10px;border:1px solid #ffffff25;border-radius:6px;z-index:2}.image-label.left{left:18px}.image-label.right{right:18px}.divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#fff;pointer-events:none}.divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;background:#fff;color:#142333;border-radius:100%;display:grid;place-items:center;box-shadow:0 2px 20px #0004}.reveal{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:4;margin:0;touch-action:pan-y}.compare:focus-within{outline:3px solid #ffa526}.is-loading:after,.has-error:after{content:'Loading image…';position:absolute;bottom:14px;left:14px;background:#091523;padding:8px 12px;font-size:12px;z-index:6}.has-error:after{content:'Image unavailable. Choose another sample.'}.showcase .compare{order:2}.showcase-title{order:0}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 4px;font-size:13px;color:#c3d5e8}.showcase .demo-toolbar{order:1;padding-top:0}.scale-buttons{display:flex;gap:4px}.scale-buttons button{padding:7px 14px;border:0;border-radius:7px;background:transparent;color:#899eb8;font-size:12px}.scale-buttons .selected{background:#dcefff;color:#092335}.portfolio-thumbs{display:flex;gap:10px;overflow-x:auto;padding:20px 0}.showcase .portfolio-thumbs{order:4;border-top:1px solid #26394d}.portfolio-thumbs button{flex:1;min-width:105px;border:1px solid transparent;border-radius:10px;padding:5px;background:#122036;color:#9eafc3;text-align:left}.portfolio-thumbs button[aria-pressed=true]{border-color:#55caff;background:#153a54;color:white}.portfolio-thumbs img{height:62px;width:100%;object-fit:cover;border-radius:6px}.portfolio-thumbs span{display:block;padding:6px 4px 2px;font-size:10px}.resolution{display:flex;align-items:center;justify-content:center;gap:35px;padding:18px;order:3;color:#b9d0e6;font-size:13px}.resolution small{display:block;color:#6e89a3;font-size:9px;letter-spacing:1px}.resolution strong{font-weight:400}.pixel-count{border-left:1px solid #314458;padding-left:30px}.feature-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;text-align:center;padding:75px 0 85px;border-bottom:1px solid #203044}.feature-tile svg{width:30px;height:30px;color:#55caff;margin:0 auto 12px;display:block}.feature-tile strong{display:block;font-size:12px;font-weight:500}.feature-tile small{display:block;color:#748ca6;font-size:10px;margin-top:5px}.demo-section:not(.showcase){padding-top:100px}.demo-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;gap:30px}.eyebrow{font-size:10px;letter-spacing:2px;color:#fcb856;margin:0 0 18px}h2{font-size:clamp(32px,4.3vw,55px);font-weight:500;letter-spacing:-2px;line-height:1.13;margin:0}.demo-heading>p{font-size:14px;color:#879bb5}.portfolio-nav{display:flex;align-items:center;gap:16px}.portfolio-nav button{border:1px solid #32495e;border-radius:100%;background:#111f30;color:#d0e8ff;width:34px;height:34px}.portfolio-nav span{font-size:12px;color:#87a3bf}#tag-compare{height:580px;border:1px solid #2e4259;background:#0e1929}.demo-footnote{font-size:11px;color:#6b849f;margin:14px 0}.pdf-showcase{border-radius:20px;overflow:hidden}.pdf-showcase button{color:#c0d1e3}.pdf-panel-label{font-size:11px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding-top:120px;padding-bottom:100px}.questions details{border-bottom:1px solid #29384a;padding:21px 0}.questions summary{cursor:pointer;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:20px}.questions summary:after{content:'+';color:#65caff}.questions details[open] summary:after{content:'−'}.questions p{font-size:13px;line-height:1.8;color:#8da4bd}.download-bottom{border:1px solid #284463;background:radial-gradient(ellipse at bottom,#12355a,#0a1423 75%);border-radius:26px;text-align:center;padding:65px 24px;margin-bottom:80px}.end-icon{margin-bottom:24px}.download-bottom .button{margin-top:30px}.download-bottom p{font-size:13px;color:#a4b8cd;margin-top:25px}.download-bottom small{font-size:11px;color:#7c93ac}.db-footer{max-width:1260px!important;margin:auto!important}.dbf-top{border-top:1px solid #203044;padding-top:50px}.db-footer a:hover{color:#5dd7ff}
@media(min-width:1000px){.showcase .compare{height:560px;background:radial-gradient(ellipse,#3c4050,#162438)}.showcase .compare img{object-fit:cover;object-position:center 41%}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}header{height:78px;padding:16px 20px}nav{gap:16px}nav>a:not(.nav-action){display:none}.nav-action{font-size:11px;padding:10px 12px}.brand{font-size:16px}.brand-logo{width:32px;height:32px}.hero-new{padding:40px 0 45px}h1{font-size:50px;letter-spacing:-2.8px}.hero-description{font-size:15px}.actions{gap:18px}.button{padding:15px 20px;gap:18px;font-size:13px}.text-action{font-size:12px}.hero-orbit{display:none}.hero-note{font-size:10px}.showcase{padding:13px 12px 0;border-radius:18px}.showcase-title{font-size:8px;letter-spacing:.8px;margin-bottom:12px}.compare{height:400px}.showcase .demo-toolbar{flex-wrap:wrap;font-size:11px}.scale-buttons button{padding:6px 10px}.image-label{padding:6px 8px;font-size:8px;top:10px}.image-label.left{left:10px}.image-label.right{right:10px}.resolution{gap:15px;padding:16px 0;font-size:11px}.resolution small{font-size:8px}.pixel-count{padding-left:15px}.portfolio-thumbs{gap:7px;padding:12px 0}.portfolio-thumbs button{min-width:85px}.portfolio-thumbs img{height:54px}.portfolio-thumbs span{font-size:9px}.feature-strip{grid-template-columns:repeat(3,1fr);gap:28px 10px;padding:45px 0}.feature-tile strong{font-size:10px}.feature-tile small{font-size:9px}.demo-section:not(.showcase){padding-top:60px}.demo-heading{display:block}.demo-heading>p{font-size:12px}h2{letter-spacing:-1px}#tag-compare{height:360px}.faq{grid-template-columns:1fr;gap:20px;padding-top:65px;padding-bottom:55px}.questions summary{font-size:14px}.download-bottom{padding:45px 20px;margin-bottom:40px}.db-footer{padding:0 22px!important}.preview-banner{font-size:8px;height:27px;padding:6px;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary{transition:none}}
.app-preview{padding-top:90px}.app-screenshot{margin:0;padding:12px 12px 0;border:1px solid #31475f;border-radius:22px;background:linear-gradient(135deg,#1a334e,#0c1726);box-shadow:0 25px 90px #0004}.app-screenshot img{display:block;width:100%;height:auto;border-radius:12px}.app-screenshot figcaption{text-align:center;font-size:11px;color:#8da6bf;padding:14px}.app-preview .demo-heading>p{line-height:1.8}@media(max-width:760px){.app-preview{padding-top:55px}.app-screenshot{padding:6px 6px 0;border-radius:12px}.app-screenshot img{border-radius:7px}.app-screenshot figcaption{font-size:10px;padding:10px}}

@media(max-width:760px){.hero-new:before{left:0;right:0}}
@media(min-width:1000px){.showcase .compare img{object-position:center 25%}}
.motion-enabled:before{content:'';position:fixed;left:0;top:0;height:2px;width:100%;transform-origin:left;transform:scaleX(var(--page-progress,0));background:linear-gradient(90deg,#299fff,#6ae4ff,#ffab35);z-index:100;pointer-events:none}
.motion-enabled .motion-reveal{opacity:0;translate:0 38px;transition:opacity .75s ease var(--delay,0ms),translate .95s cubic-bezier(.16,1,.3,1) var(--delay,0ms)}
.motion-enabled .motion-reveal.is-visible,.motion-enabled .motion-reveal:focus-within{opacity:1;translate:0 0}
.motion-enabled .motion-panel{transform:perspective(1400px) translateY(var(--rise,0px)) rotateX(var(--tilt,0deg)) scale(var(--scale,1));transform-origin:center top}
.motion-enabled .hero-new:before{transform:translateY(var(--hero-drift,0px));animation:ambient-glow 9s ease-in-out infinite alternate}
.motion-enabled .hero-orbit{animation:orbit-drift 7s ease-in-out infinite alternate}
.motion-enabled .orbit-two{animation-delay:-4s;animation-duration:10s}
.motion-enabled .hero-new h1 em,.motion-enabled .download-bottom h2 em{background-size:220% 100%;background-image:linear-gradient(100deg,#449bff 10%,#78eaff 45%,#c0f3ff 55%,#449bff 90%);animation:color-flow 9s ease-in-out infinite alternate}
.feature-tile{border-radius:14px;transition:background .25s,color .25s}.feature-tile svg{transition:transform .35s,color .35s}.feature-tile:hover svg{transform:translateY(-6px) rotate(-7deg);color:#ffb748}.portfolio-thumbs button{transition:transform .25s,border-color .25s,background .25s}.portfolio-thumbs button:hover{transform:translateY(-4px)}.portfolio-thumbs img{transition:filter .25s}.portfolio-thumbs button:hover img{filter:brightness(1.12)}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}.app-screenshot{transition:box-shadow .4s,border-color .4s}.app-screenshot:hover{border-color:#5582ac;box-shadow:0 25px 95px #164b723d}.questions summary:after{transition:transform .3s}.questions details[open] summary:after{transform:rotate(180deg)}.questions details[open] p{animation:answer-in .3s ease-out}.end-icon img{transition:transform .45s}.download-bottom:hover .end-icon img{transform:translateY(-7px) rotate(-5deg)}
@keyframes orbit-drift{from{transform:translateY(-8px) rotate(12deg)}to{transform:translateY(20px) rotate(55deg)}}
@keyframes ambient-glow{from{opacity:.55}to{opacity:1}}
@keyframes color-flow{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes answer-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.motion-enabled .motion-panel{transform:translateY(calc(var(--rise,0px)*.45)) scale(var(--scale,1))}.motion-enabled .motion-reveal{translate:0 22px}.motion-enabled .motion-reveal.is-visible{translate:0 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-panel{transform:none!important}.motion-reveal{opacity:1!important;translate:none!important}}

.app-screenshot video{display:block;width:100%;height:auto;max-height:75vh;background:#080f1b;border-radius:12px;object-fit:contain}

.app-screenshot.motion-panel{transform:none!important}


#tag-compare.tag-hold-preview{cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#tag-compare.tag-hold-preview .before-layer{clip-path:none;opacity:0;transition:opacity .18s ease;pointer-events:none}#tag-compare.tag-hold-preview.show-original .before-layer{opacity:1}#tag-compare.tag-hold-preview .divider,#tag-compare.tag-hold-preview .reveal,#tag-compare.tag-hold-preview .image-label.left{display:none}#tag-compare.tag-hold-preview:focus-visible{outline:3px solid #ffad43;outline-offset:4px}#tag-compare.tag-hold-preview img{pointer-events:none}@media(prefers-reduced-motion:reduce){#tag-compare.tag-hold-preview .before-layer{transition:none}}

#tag-thumbs[hidden]{display:none!important}.tag-carousel{position:relative}.tag-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:8;width:46px;height:46px;border:1px solid #658198;border-radius:50%;background:#091827e8;color:#eaf7ff;font-size:22px;display:grid;place-items:center;opacity:0;transition:opacity .2s,background .2s;cursor:pointer}.tag-arrow-prev{left:14px}.tag-arrow-next{right:14px}.tag-carousel:hover .tag-carousel-arrow,.tag-carousel:focus-within .tag-carousel-arrow{opacity:1}.tag-carousel-arrow:hover{background:#20506d}.tag-carousel-arrow:focus-visible{outline:3px solid #ffad43;outline-offset:3px}@media(hover:none){.tag-carousel-arrow{opacity:1;width:44px;height:44px}.tag-arrow-prev{left:8px}.tag-arrow-next{right:8px}}

/* Softer gallery arrows; retain clear focus and hover feedback. */
.tag-carousel:hover .tag-carousel-arrow,.tag-carousel:focus-within .tag-carousel-arrow{opacity:.4}.tag-carousel .tag-carousel-arrow:hover,.tag-carousel .tag-carousel-arrow:focus-visible{opacity:.85}@media(hover:none){.tag-carousel .tag-carousel-arrow{opacity:.4}.tag-carousel .tag-carousel-arrow:active{opacity:.85}}

.audience-strip{position:relative;padding:42px 0 0;overflow:hidden}.audience-heading{display:flex;justify-content:space-between;align-items:center;padding:0 2px 18px}.audience-heading p{font-size:9px;letter-spacing:2px;color:#829bb5;margin:0}.audience-heading label{font-size:10px;color:#92acc5;cursor:pointer;padding:8px 10px 8px 26px;border:1px solid #293f54;border-radius:6px}.audience-pause{position:absolute;right:89px;top:50px;z-index:1;accent-color:#50c7ff}.audience-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}.audience-track{display:flex;width:max-content;animation:audience-right 36s linear infinite}.audience-group{display:flex;align-items:center;flex-shrink:0}.audience-group span{display:flex;align-items:center;gap:44px;padding-right:44px;white-space:nowrap;font-size:24px;font-weight:500;letter-spacing:-.6px;color:#b4c7da}.audience-group i{font-size:15px;font-style:normal;color:#de9d43}.audience-pause:checked~.audience-window .audience-track,.audience-window:hover .audience-track{animation-play-state:paused}.audience-pause:focus-visible{outline:2px solid #ffad43;outline-offset:4px}@keyframes audience-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}@media(max-width:650px){.audience-group span{font-size:19px;gap:28px;padding-right:28px}.audience-strip{padding-top:30px}.audience-pause{top:38px}}@media(prefers-reduced-motion:reduce){.audience-track{animation:none;width:auto}.audience-group{flex-wrap:wrap;gap:16px;justify-content:center}.audience-group span{font-size:16px;padding:0;gap:16px}.audience-group[aria-hidden],.audience-pause,.audience-heading label{display:none}.audience-window{mask-image:none}}

.tag-demo-video{margin:0 0 30px;padding:10px;border:1px solid #31475f;border-radius:18px;background:#0c1726}.tag-demo-video video{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain;background:#080f1b;border-radius:10px}@media(max-width:650px){.tag-demo-video{padding:6px;border-radius:12px}}