@charset "UTF-8";
:root{--bg:#101114;--panel:#1B1D22;--panel-light:#20232a;--ink:#F3F4F7;--muted:#a2a5b0;--subtle:#717682;--blue:#4169E1;--line:rgba(243,244,247,.1);--font:"Vazirmatn",Arial,sans-serif;--latin:"Manrope",Arial,sans-serif;color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:110px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-weight:400;overflow-x:clip}html[lang="en"]{--font:"Manrope",Arial,sans-serif}button,input,textarea{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}img{display:block;max-width:100%;object-fit:cover}button{border:0}p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:750}h1,h2{text-wrap:balance}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #92aaff;outline-offset:5px}::selection{background:var(--blue);color:#fff}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.container{width:min(1232px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:-70px;inset-inline-start:20px;z-index:200;background:var(--blue);padding:12px 24px;border-radius:8px}.skip-link:focus{top:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:55px;padding:14px 25px;border-radius:8px;background:var(--blue);font-size:15px;font-weight:650;line-height:1.5;border:1px solid rgba(255,255,255,.06);transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:#5077ec;transform:translateY(-2px);box-shadow:0 5px 25px #4169e125}.button-small{min-height:43px;font-size:13px;padding:10px 17px;gap:10px}.button-small .icon{width:17px;height:17px}.button .icon{width:20px;height:20px}.direction-icon{transform:scaleX(-1)}html[dir="ltr"] .direction-icon{transform:none}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:none;padding:14px 7px;font-size:14px;font-weight:500;min-height:48px}.text-button:hover{color:#a8bbff}.text-button .icon{width:18px;height:18px}.icon-button{width:44px;height:44px;padding:10px;display:inline-flex;justify-content:center;align-items:center;background:none;border-radius:6px}.icon-button:hover{background:#ffffff0a}.blue-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6d8df1;box-shadow:0 0 0 4px #4169e112;flex:none}.tiny-diamond{display:inline-block;width:7px;height:7px;background:#7a9aff;transform:rotate(45deg);flex:none}.waveform{height:100%;width:100%;opacity:.6;background:repeating-linear-gradient(90deg,transparent 0 2px,#7995ee 2px 3px,transparent 3px 5px);clip-path:polygon(0 35%,2% 30%,4% 45%,6% 12%,8% 40%,10% 25%,12% 4%,14% 35%,16% 18%,18% 38%,20% 14%,22% 45%,24% 30%,26% 1%,28% 17%,30% 40%,32% 16%,34% 28%,36% 42%,38% 20%,40% 1%,42% 22%,44% 6%,46% 30%,48% 36%,50% 15%,52% 28%,54% 46%,56% 15%,58% 31%,60% 10%,62% 32%,64% 21%,66% 37%,68% 7%,70% 29%,72% 39%,74% 3%,76% 33%,78% 9%,80% 23%,82% 38%,84% 19%,86% 42%,88% 4%,90% 28%,92% 43%,94% 15%,96% 34%,98% 24%,100% 36%,100% 64%,98% 76%,96% 66%,94% 85%,92% 57%,90% 72%,88% 96%,86% 58%,84% 81%,82% 62%,80% 77%,78% 91%,76% 67%,74% 97%,72% 61%,70% 71%,68% 93%,66% 63%,64% 79%,62% 68%,60% 90%,58% 69%,56% 85%,54% 54%,52% 72%,50% 85%,48% 64%,46% 70%,44% 94%,42% 78%,40% 99%,38% 80%,36% 58%,34% 72%,32% 84%,30% 60%,28% 83%,26% 99%,24% 70%,22% 55%,20% 86%,18% 62%,16% 82%,14% 65%,12% 96%,10% 75%,8% 60%,6% 88%,4% 55%,2% 70%,0 65%)}
.site-header{height:91px;position:sticky;top:0;z-index:50;background:#101114ed;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff06}.nav-shell{height:100%;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--latin);font-size:27px;font-weight:800;letter-spacing:-1.1px}.wordmark-light{font-weight:500}.brand-mark{width:31px;height:34px;color:var(--blue)}.brand-mark svg{width:100%;height:100%}.desktop-nav{display:flex;gap:34px;align-items:center;font-size:13px;color:#b0b3bd}.desktop-nav a{padding-block:14px;transition:color .2s}.desktop-nav a:hover{color:#fff}.nav-actions{display:flex;gap:20px;align-items:center}.language-button{display:flex;gap:7px;align-items:center;justify-content:center;background:none;min-height:44px;min-width:54px;padding:0;font-family:var(--latin);font-size:12px;color:#b4b7c1}.language-button .icon{width:16px;height:16px}.language-button:hover{color:white}.menu-toggle{display:none}.mobile-nav{background:#15171c;border-bottom:1px solid var(--line);padding:16px 24px;box-shadow:0 14px 24px #0003}.mobile-nav a,.mobile-nav button{display:block;padding:15px 8px;font-size:15px;background:none;text-align:start;width:100%}.mobile-nav button{color:#8ca8ff}
.hero{display:grid;grid-template-columns:.97fr 1.03fr;gap:50px;align-items:center;padding-block:72px 58px;min-height:733px}.hero-copy{position:relative;z-index:2;padding-bottom:16px}.eyebrow{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.1px;color:#c0c4cf;margin-bottom:29px}.hero h1{font-size:clamp(45px,4.5vw,67px);line-height:1.43;letter-spacing:-2.2px;font-weight:850}.accent-text{color:#7f9afa}.hero-description{color:#a9adb8;font-size:16px;line-height:2.05;margin-top:23px;max-width:440px;text-wrap:pretty}.hero-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-top:31px}.hero-note{display:flex;align-items:center;gap:8px;color:#777d8a;font-size:11px;margin-top:23px}.hero-note .icon{width:15px;height:15px}.hero-art{position:relative;height:575px;direction:ltr;isolation:isolate}.art-ring{position:absolute;inset:38px -30px 50px -30px;border:1px solid #4169e116;border-radius:50%;transform:rotate(-35deg);background:radial-gradient(ellipse at center,#4169e113 0,transparent 67%);z-index:-1}.art-ring:after{content:"";position:absolute;inset:36px -15px;border:1px solid #4169e114;border-radius:50%}.art-cross{position:absolute;color:#464c5b;font:20px var(--latin);font-weight:300}.cross-one{left:4px;top:35px}.cross-two{right:0;bottom:30px}.scene-card{position:absolute;width:280px;height:365px;left:4px;top:104px;border-radius:12px;overflow:hidden;transform:rotate(-10deg);background:#273934;box-shadow:0 25px 65px #0006;border:4px solid #272b33}.scene-card>img{position:absolute;width:100%;height:100%;object-position:39% 50%;filter:brightness(.85) saturate(.8)}.scene-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a191026,transparent 30%,#06120e66)}.scene-card-top,.scene-card-bottom{position:absolute;z-index:1;left:15px;right:15px;display:flex;justify-content:space-between;align-items:center;font-family:var(--latin);font-size:7px;letter-spacing:1.4px}.scene-card-top{top:17px}.scene-card-bottom{bottom:16px;font-size:6px}.scene-card-bottom .icon{width:17px;height:17px}.scene-title{position:absolute;left:20px;top:112px;z-index:1;font:600 44px/1.02 var(--latin);letter-spacing:-2px;color:#fff}.scene-title em{font-family:Georgia,serif;font-weight:400;letter-spacing:-1.7px}.phone{position:absolute;right:24px;top:1px;width:254px;height:536px;border:6px solid #292c34;outline:1px solid #444852;border-radius:34px;background:#111216;padding:11px 9px 0;overflow:hidden;box-shadow:0 22px 70px #0009,0 3px 1px #ffffff20 inset;transform:rotate(7deg);font-family:var(--latin)}.phone-camera{width:69px;height:15px;border-radius:20px;background:#050507;margin:0 auto 7px}.phone-head{height:30px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#e0e2e8;margin-bottom:6px}.mini-back{font-size:21px}.mini-export{font-size:13px;background:var(--blue);padding:0 7px;border-radius:3px;line-height:20px}.phone-image{height:248px;position:relative;overflow:hidden}.phone-image>img{width:100%;height:100%;object-position:61% 50%;filter:saturate(.8) brightness(.8)}.phone-guide{position:absolute;border:1px solid #ffffff29;inset:10px}.phone-image-label{position:absolute;left:15px;top:71px;font:700 43px/.95 var(--latin);letter-spacing:-2px}.phone-image-label em{font:italic 48px/.9 Georgia,serif}.phone-frame{position:absolute;left:15px;bottom:17px;font-size:6px;letter-spacing:1.7px}.phone-play{height:32px;display:flex;align-items:center;justify-content:space-between;font-size:7px}.phone-play span span{color:#737784}.phone-play>.icon{width:14px;height:14px}.phone-ruler{display:flex;justify-content:space-between;font-size:5px;color:#676c7a;border-bottom:1px solid #ffffff10;padding-bottom:5px}.phone-timeline{position:relative;margin-top:7px}.mini-video{display:flex;height:34px;border:1px solid #5878e4;border-radius:3px;overflow:hidden;gap:1px}.mini-video img{width:25%;height:100%}.mini-text{font-size:6px;height:16px;background:#354f9a;color:#ccd8ff;border-radius:3px;padding:3px 8px;margin-top:4px;width:83%;margin-left:14px}.mini-audio{height:17px;background:#26303d;display:flex;align-items:center;gap:5px;padding:2px 5px;font-size:9px;margin-top:4px;border-radius:3px}.mini-playhead{position:absolute;z-index:2;top:-13px;bottom:-2px;width:1px;background:#e5e9f5;left:41%}.mini-playhead:before{content:"";position:absolute;top:0;left:-2px;width:5px;height:6px;background:#e5e9f5;border-radius:1px}.phone-tools{display:flex;justify-content:space-around;font-size:5px;color:#858b97;gap:10px;padding-top:11px}.phone-tools>span{display:flex;flex-direction:column;align-items:center;gap:4px}.phone-tools .icon{width:13px;height:13px}.phone-tools .selected{color:#86a2ff}.phone-home{height:3px;width:72px;background:#e0e1e6;border-radius:5px;position:absolute;bottom:7px;left:50%;transform:translateX(-50%)}.floating-tag{position:absolute;left:3px;bottom:23px;background:#1b1d22f5;border:1px solid #ffffff16;border-radius:10px;box-shadow:0 12px 40px #0005;padding:14px 16px;display:flex;gap:12px;align-items:center;direction:rtl;min-width:250px}.floating-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#4169e11c;color:#81a0ff;border-radius:8px}.floating-icon .icon{width:20px;height:20px}.floating-tag strong{display:block;font-size:11px;font-weight:600}.floating-tag div>span{display:block;font-size:9px;color:#9197a4;margin-top:4px}.floating-tag>.tiny-diamond{margin-inline-start:10px}.art-caption{position:absolute;right:2px;bottom:-9px;color:#6f7581;font-size:9px;direction:rtl}.capability-strip{display:flex;justify-content:space-between;align-items:center;gap:22px;border-block:1px solid var(--line);padding-block:27px}.capability-strip>span{display:flex;align-items:center;gap:10px;font-size:12px;color:#b1b5c0;white-space:nowrap}.capability-strip>span .icon{color:#7b818f;width:19px;height:19px}.capability-strip .strip-intro{color:#686f7c;font-size:11px}
.section{padding-block:108px}.section-heading{display:flex;justify-content:space-between;gap:65px;align-items:end;margin-bottom:43px}.section-kicker{display:flex;align-items:center;gap:12px;color:#8e96a6;font-size:11px;font-weight:500;margin-bottom:20px}.section-kicker>span:first-child{font-family:var(--latin);font-size:10px;color:#6688ef;letter-spacing:1px}.section-kicker>span:first-child:after{content:" /";color:#424a5b}.section h2{font-size:42px;line-height:1.5;letter-spacing:-.9px}.muted-title{color:#8d929e}.section-description{font-size:14px;line-height:2;color:#9ba2af;max-width:340px;padding-bottom:5px}.feature-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px}.feature-card{background:var(--panel);border:1px solid #ffffff06;border-radius:13px;padding:26px 25px 0;min-height:393px;overflow:hidden;position:relative;transition:border-color .25s,transform .25s}.feature-card:hover{border-color:#4169e150;transform:translateY(-4px)}.feature-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.feature-icon{color:#a5baff;display:flex;align-items:center;justify-content:center;width:33px;height:33px;background:#4169e115;border-radius:7px}.feature-icon .icon{width:20px;height:20px}.feature-index{font-family:var(--latin);font-size:8px;letter-spacing:1px;color:#636b7b;direction:ltr}.feature-card h3{font-size:22px;font-weight:650;margin-bottom:10px}.feature-card p{font-size:12px;line-height:2;color:#9aA1ae;max-width:300px;min-height:52px}.feature-timeline{position:relative;margin-top:29px;height:154px;transform:rotate(-5deg);width:112%;margin-left:-5px}.timeline-ticks{display:flex;justify-content:space-around;font-size:7px;color:#7d8393;font-family:var(--latin);margin-bottom:8px}.feature-film{display:flex;height:47px;gap:3px;background:#354a7b;padding:3px;border-radius:5px;overflow:hidden}.feature-film span{display:block;width:33.33%;background-size:cover;background-position:center}.feature-overlay{height:24px;background:#405a98;border-radius:4px;margin-top:5px;width:71%;margin-left:18%;display:flex;gap:8px;align-items:center;padding:4px 10px;font:7px var(--latin);color:#bdcef4}.feature-overlay .icon{width:12px;height:12px}.feature-text-track{background:#344355;color:#bbc5d7;border-radius:4px;display:flex;gap:12px;align-items:center;height:21px;margin-top:5px;width:87%;padding:3px 10px;font:8px var(--latin)}.feature-text-track span{font-size:7px}.feature-audio-track{height:21px;background:#253042;padding:2px 8px;margin-top:5px;border-radius:4px}.feature-playhead{position:absolute;left:59%;top:10px;bottom:0;width:1px;background:#cbd6f7;z-index:3}.feature-playhead span{display:block;width:6px;height:8px;background:#cbd6f7;position:absolute;top:0;left:-2px;border-radius:1px}.type-art{height:166px;position:relative;margin-top:14px;padding-top:10px;font-family:var(--latin);text-align:center;transform:rotate(-8deg)}.outline-type,.solid-type{display:block;font-size:53px;line-height:.97;letter-spacing:-3px;font-weight:800;position:relative;z-index:2}.outline-type{color:transparent;-webkit-text-stroke:1px #859cef}.solid-type{color:#dce4ff}.type-selection{position:absolute;left:5%;right:5%;top:66px;height:62px;border:1px solid #6686e9}.type-selection i{position:absolute;width:5px;height:5px;border:1px solid #93aafd;background:#1B1D22}.type-selection i:nth-child(1){left:-3px;top:-3px}.type-selection i:nth-child(2){right:-3px;top:-3px}.type-selection i:nth-child(3){right:-3px;bottom:-3px}.type-selection i:nth-child(4){left:-3px;bottom:-3px}.type-cursor{position:absolute;bottom:16px;right:4%;background:#4169E1;color:white;padding:3px 5px;font-size:8px;border-radius:2px}.color-art{height:166px;position:relative;overflow:hidden;margin:24px -25px 0}.color-art img{width:100%;height:100%;filter:saturate(.45) brightness(.9)}.color-half{position:absolute;inset:0 50% 0 0;background:var(--media-alpine, url('assets/alpine.webp')) center/cover;background-size:200% auto;filter:saturate(1.3) contrast(1.1);background-position:left center}.color-line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#dfe5f7}.color-line span{display:flex;align-items:center;justify-content:center;position:absolute;left:-13px;top:42%;width:27px;height:27px;border-radius:50%;background:#e4e9f5;color:#1b243a;direction:ltr;font:12px Arial}.color-badge{position:absolute;left:12px;bottom:12px;font:6px var(--latin);letter-spacing:1.5px;color:#eef2f9}
.experience-section{background:#14161a;border-block:1px solid #ffffff06}.interactive-editor{border:1px solid #363b48;border-radius:14px;overflow:hidden;background:#1B1D22;box-shadow:0 30px 80px #0002}.editor-top{display:flex;justify-content:space-between;align-items:center;min-height:58px;padding:10px 21px;border-bottom:1px solid var(--line)}.demo-label{display:flex;gap:11px;align-items:center;font-size:11px;color:#c5ccdb}.editor-project{font:10px var(--latin);color:#697386;letter-spacing:.1px}.reset-button{display:flex;align-items:center;gap:7px;background:none;color:#a7adbb;font-size:10px;min-height:32px;padding:0 4px}.reset-button:hover{color:#fff}.reset-button .icon{width:14px;height:14px}.editor-body{display:grid;grid-template-columns:minmax(0,1fr) 302px;direction:ltr}.editor-preview-column{padding:20px;background:#17191e;min-width:0}.editor-stage{height:356px;position:relative;overflow:hidden;background:#202c34;border-radius:5px;isolation:isolate}.editor-stage>img{width:100%;height:100%;will-change:transform;object-position:center;transform-origin:center}.stage-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0002,transparent 40%,#07151a48);pointer-events:none}.stage-corner{position:absolute;width:13px;height:13px;border-color:#fff5;z-index:1}.top-left{left:15px;top:15px;border-top:1px solid;border-left:1px solid}.top-right{right:15px;top:15px;border-top:1px solid;border-right:1px solid}.bottom-left{left:15px;bottom:15px;border-bottom:1px solid;border-left:1px solid}.bottom-right{right:15px;bottom:15px;border-bottom:1px solid;border-right:1px solid}.stage-label{position:absolute;top:27px;left:29px;color:#fff9;font:7px var(--latin);letter-spacing:2px}.stage-resolution{position:absolute;bottom:27px;right:30px;color:#fff9;font:8px var(--latin);letter-spacing:1px}.demo-caption-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:35px;text-align:center}.demo-caption{font-family:var(--latin),"Vazirmatn",sans-serif;font-size:clamp(24px,4.2vw,56px);font-weight:800;line-height:1.3;letter-spacing:-2px;color:#fff;text-shadow:0 3px 20px #0002;overflow-wrap:anywhere;max-width:100%}.demo-caption.style-outline{color:transparent;-webkit-text-stroke:1.3px white;text-shadow:none}.demo-caption.style-glow{text-shadow:0 0 10px #fff8,0 0 25px #8cabffb3,0 0 45px #4169e1}.playbar{display:flex;align-items:center;gap:12px;margin-top:10px;height:39px}.play-button{width:30px;height:30px;padding:6px}.play-button .icon{width:18px;height:18px}.play-time{font:9px var(--latin);white-space:nowrap;color:#c4cbdb}.play-time>span+span{color:#677081}.sample-label{font:9px var(--font);color:#727c8e;margin-left:5px;white-space:nowrap}input[type="range"]{accent-color:var(--blue);cursor:pointer;min-width:0;direction:ltr;-webkit-appearance:none;appearance:none;height:3px;border-radius:20px;background:#383e4b;outline-offset:8px}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#9aaffe;border:2px solid #5678df;box-shadow:0 0 0 4px transparent}input[type="range"]::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:#9aaffe;border:2px solid #5678df}input[type="range"]:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px #4169e125}#scrubber{flex:1;min-width:40px}.demo-timeline{position:relative;margin-top:9px}.demo-track-ruler{display:flex;justify-content:space-between;font:7px var(--latin);color:#798496;margin-bottom:10px}.demo-clip-row{display:flex;gap:4px}.demo-clip{position:relative;flex:1;min-width:0;height:47px;border:2px solid transparent;padding:0;border-radius:4px;overflow:hidden;background:#25323c;isolation:isolate;text-align:start;transition:border-color .2s}.demo-clip.selected{border-color:#7798ff}.demo-clip img{width:100%;height:100%;filter:brightness(.65)}.demo-clip span{position:absolute;left:8px;bottom:5px;font:7px var(--latin);letter-spacing:.8px;white-space:nowrap;color:#fff}.demo-text-track{display:flex;align-items:center;gap:8px;margin-top:6px;background:#4169e124;color:#a5bcff;border:1px solid #4169e12b;border-radius:4px;height:24px;font:8px var(--latin);padding:0 8px;width:83%;margin-left:9%;overflow:hidden}.demo-text-track .icon{width:11px;height:11px}.demo-text-track>span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%;font-family:var(--font)}.track-keyframe{width:5px;height:5px;background:#7597ff;transform:rotate(45deg);margin-left:auto}.track-keyframe:last-child{margin-left:30px;margin-right:13px}.demo-playhead{position:absolute;top:10px;bottom:-4px;width:1px;background:#eaf0ff;pointer-events:none;left:0;z-index:2}.demo-playhead>span{position:absolute;left:-3px;top:0;background:#eaf0ff;width:7px;height:9px;clip-path:polygon(0 0,100% 0,100% 65%,50% 100%,0 65%)}.editor-controls{padding:14px 18px;display:flex;flex-direction:column;direction:rtl;border-left:1px solid var(--line);min-width:0}.demo-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);gap:5px;padding:0 0 12px}.demo-tabs button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:none;font-size:10px;color:#838d9f;border-radius:6px;min-height:54px}.demo-tabs button .icon{width:19px;height:19px}.demo-tabs button[aria-selected="true"]{color:#a8bdff;background:#4169e11a}.demo-tabs button:hover{background:#ffffff06}.control-panel{padding-top:24px}.control-panel h3{font-size:16px;font-weight:600}.control-description{font-size:11px;line-height:1.9;color:#8f99aa;margin-top:8px}.preset-options{display:flex;gap:9px;margin-block:22px 23px;direction:ltr}.preset{background:none;padding:0;color:#8d96a7;font:9px var(--font);flex:1;min-width:0;line-height:2.1}.preset-image{display:block;height:62px;border:2px solid transparent;border-radius:6px;background:var(--media-coast, url('assets/coast.webp')) center/cover;margin-bottom:5px}.preset.active .preset-image{border-color:#6d90fb;box-shadow:0 0 0 2px #4169e130}.preset.active{color:#b4c7ff}.preset .cinema{filter:saturate(.65) contrast(1.2) brightness(.88)}.preset .warm{filter:sepia(.3) saturate(1.3) brightness(1.1)}.range-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#b1bacb;margin-top:19px}.range-label output{font-family:var(--latin);color:#a3b9fc;font-size:9px}.control-range{width:100%;margin:15px 0 10px;display:block}.compare-button{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:23px;width:100%;min-height:37px;padding:8px 4px;border:1px solid #ffffff0e;background:#ffffff04;border-radius:5px;font-size:10px;color:#b0b9cb}.compare-button:hover,.compare-button[aria-pressed="true"]{background:#4169e11a;border-color:#4169e15e;color:#a7bdff}.compare-button .icon{width:14px;height:14px}.control-footer{display:flex;gap:8px;align-items:center;justify-content:center;color:#68758a;font-size:9px;margin-top:auto;padding-top:25px;padding-bottom:5px}.control-footer .tiny-diamond{width:4px;height:4px;background:#6784d0}.demo-disclaimer{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#798292;margin-top:20px;line-height:1.8}.demo-disclaimer .icon{width:14px;height:14px}.input-label{display:block;font-size:10px;color:#a7b1c3;margin-top:23px;margin-bottom:8px}.text-input{width:100%;padding:11px;background:#14171c;color:#fff;border:1px solid #3a4253;border-radius:6px;font-size:13px;outline-offset:2px}.text-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.text-style{display:flex;flex-direction:column;align-items:center;gap:4px;background:#15181e;border:1px solid transparent;padding:9px 4px 7px;border-radius:6px}.text-style b{font:700 21px var(--latin)}.text-style span{font-size:9px;color:#8c98ab}.text-style.active{border-color:#6d8ded;background:#4169e114}.outline-example{color:transparent;-webkit-text-stroke:1px #dde4f8}.glow-example{text-shadow:0 0 10px #6694ff}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:10px;color:#a1adbf;margin-top:20px;cursor:pointer;min-height:32px}.checkbox-label input{accent-color:var(--blue);width:14px;height:14px}.keyframe-visual{display:flex;align-items:center;gap:10px;background:#13171e;border:1px solid #ffffff07;border-radius:6px;padding:20px 12px;margin-top:22px;direction:ltr}.keyframe-visual span{font:8px var(--latin);color:#8191aa}.keyframe-visual i{width:10px;height:10px;background:#7c9afa;transform:rotate(45deg);box-shadow:0 0 12px #4169e155}.keyframe-visual div{height:1px;flex:1;background:repeating-linear-gradient(90deg,#5672b8 0 3px,transparent 3px 7px)}.motion-hint{font-size:10px;color:#8f9bb0;line-height:1.9;margin-top:17px}.motion-play{margin-top:23px;min-height:37px;width:100%;font-size:11px;padding:8px}.motion-play .icon{width:16px;height:16px}
.story-grid{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:18px;align-items:start}.story-card{display:block;height:345px;position:relative;border-radius:11px;overflow:hidden;isolation:isolate}.story-card:nth-child(2){margin-top:37px}.story-card:nth-child(3){margin-top:74px}.story-card>img{position:absolute;width:100%;height:100%;transition:transform .7s;filter:saturate(.75)}.story-card:hover>img{transform:scale(1.05)}.story-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0003,transparent 35%,#071015bd)}.story-number{position:absolute;top:23px;left:22px;font:8px var(--latin);letter-spacing:1.2px;color:#e6eaf0c9}.story-copy{position:absolute;bottom:29px;inset-inline-start:24px;inset-inline-end:45px}.story-copy>span{font-size:10px;color:#cdd3da;line-height:1.7}.story-copy h3{font-size:22px;line-height:1.55;margin-top:7px;font-weight:650}.story-arrow{position:absolute;bottom:30px;inset-inline-end:15px;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.story-arrow .icon{width:19px;height:19px}.stories-section{padding-bottom:75px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding-top:60px;padding-bottom:115px}.faq-heading>p:last-child{font-size:13px;color:#929ba9;margin-top:15px}.faq-list{border-top:1px solid var(--line);margin-top:5px}.faq-list details{border-bottom:1px solid var(--line);padding-block:8px}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;cursor:pointer;font-size:14px;font-weight:500;line-height:1.8}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{width:16px;height:16px;color:#8a95a9;transition:transform .2s}.faq-list details[open] summary .icon{transform:rotate(45deg);color:#7b9cff}.faq-list details>p{font-size:12px;color:#9ba5b6;line-height:2.1;padding-bottom:23px;max-width:560px}.inline-link{display:flex;align-items:center;gap:8px;font-size:11px;color:#93acff;background:none;padding:0 0 17px}.inline-link .icon{width:14px;height:14px}.closing{position:relative;isolation:isolate;min-height:350px;background:var(--blue);border-radius:16px;overflow:hidden;padding:52px 65px}.closing-content{position:relative;z-index:2}.closing-kicker{font-family:var(--latin);font-size:9px;letter-spacing:2px;color:#c0d0ff}.closing h2{font-size:43px;line-height:1.5;margin-top:20px;letter-spacing:-.9px}.closing p{color:#d2dcfc;font-size:14px;margin-top:10px}.button-light{background:#F3F4F7;color:#26396d;margin-top:25px;min-height:48px;font-size:13px;padding:12px 22px}.button-light:hover{background:#fff;box-shadow:0 8px 24px #1a2d6b44}.closing-symbol{position:absolute;left:82px;top:-43px;font:800 410px/.95 var(--latin);letter-spacing:-45px;transform:rotate(-9deg);color:#fff;opacity:.12;user-select:none;z-index:-1}.closing-pattern{position:absolute;width:600px;height:600px;left:-100px;top:-90px;z-index:-1;transform:rotate(-25deg)}.closing-pattern span{position:absolute;inset:0;border:1px solid #fff2;border-radius:50%}.closing-pattern span:nth-child(2){inset:50px}.closing-pattern span:nth-child(3){inset:100px}.site-footer{padding-top:66px}.footer-main{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:37px}.footer-main .brand{font-size:24px}.footer-main .brand-mark{width:28px;height:28px}.footer-main>div>p{font-size:10px;color:#7c8799;margin-top:14px}.footer-links{display:flex;gap:32px;font-size:12px;color:#a7afbc}.footer-links a:hover{color:#fff}.back-top{font-size:10px;color:#8894a6;display:flex;align-items:center;gap:14px;min-height:44px}.back-top>span+span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #ffffff16;border-radius:50%;font-size:16px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:23px;font-size:9px;color:#717c8e}.footer-bottom>span:first-child{font-family:var(--latin)}.footer-credits{background:none;padding:0;color:#7b8799;font-size:9px}.footer-credits:hover{color:#bec8da}.site-dialog{background:#1B1D22;color:var(--ink);border:1px solid #414858;border-radius:19px;padding:38px;width:min(440px,calc(100% - 32px));box-shadow:0 35px 120px #000b;max-height:calc(100svh - 50px)}.site-dialog::backdrop{background:#090c13b8;backdrop-filter:blur(7px)}.dialog-close{position:absolute;top:12px;inset-inline-end:12px;color:#8d98aa}.dialog-close .icon{width:19px;height:19px}.dialog-app-mark{display:flex;align-items:center;justify-content:center;font:800 34px var(--latin);letter-spacing:-2px;width:62px;height:62px;border-radius:16px;background:var(--blue);margin-bottom:24px}.site-dialog .section-kicker{font-size:11px;margin-bottom:13px}.site-dialog h2{font-size:26px;line-height:1.6}.dialog-description{font-size:13px;line-height:2;color:#a4afc0;margin-top:13px}.store-status{display:flex;align-items:center;gap:13px;background:#111419;border:1px solid #363e4e;border-radius:9px;padding:19px 16px;margin-top:23px}.store-status>.icon{color:#829acb}.store-status strong{display:block;font:600 13px var(--latin);direction:ltr}.store-status div>span{display:block;font-size:10px;color:#8b97aa;margin-top:7px}.status-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#8d98aa;margin-inline-start:auto}.download-note{font-size:11px;line-height:2;color:#99a6ba;margin-top:19px}.dialog-demo-link{width:100%;margin-top:23px;font-size:13px}.credits-source{font:12px var(--latin);line-height:1.9;direction:ltr;margin-block:20px}.credits-source a{color:#a6bdff}.site-dialog>.button{margin-top:15px;font-size:12px;min-height:42px}.noscript-note{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#1B1D22;padding:12px;text-align:center;font-size:12px;border-top:1px solid #536da4}
html[dir="ltr"] .hero h1{font-size:clamp(43px,4.55vw,67px);line-height:1.11;letter-spacing:-3.2px}html[dir="ltr"] .hero-description{font-size:15px;line-height:1.85;max-width:420px;margin-top:27px}html[dir="ltr"] .hero-note{font-size:10px}html[dir="ltr"] .hero{grid-template-columns:1fr 1fr}html[dir="ltr"] .hero-art{margin-left:20px}html[dir="ltr"] .floating-tag{direction:ltr}html[dir="ltr"] .floating-tag strong{font-size:10px}html[dir="ltr"] .art-caption{font-size:8px}html[dir="ltr"] .section h2{font-size:43px;line-height:1.2;letter-spacing:-1.7px}html[dir="ltr"] .section-description{font-size:13px;line-height:1.9}html[dir="ltr"] .feature-card h3{font-size:20px;letter-spacing:-.7px}html[dir="ltr"] .feature-card p{font-size:11px;line-height:1.9}html[dir="ltr"] .editor-controls{direction:ltr}html[dir="ltr"] .control-description{font-size:10px}html[dir="ltr"] .control-panel h3{font-size:14px}html[dir="ltr"] .story-copy h3{font-size:23px;line-height:1.25;letter-spacing:-.6px}html[dir="ltr"] .story-copy>span{font-size:9px}html[dir="ltr"] .closing-symbol{left:auto;right:80px}html[dir="ltr"] .closing-pattern{left:auto;right:-100px}html[dir="ltr"] .closing h2{font-size:48px;line-height:1.2;letter-spacing:-1.8px}html[dir="ltr"] .faq-list summary{font-size:13px}html[dir="ltr"] .faq-list details>p{font-size:11px}
@media(min-width:1500px){.hero h1{font-size:69px}.hero{gap:65px;min-height:770px;padding-block:85px 70px}.hero-art{transform:scale(1.04)}}
@media(max-width:1150px){.container{width:calc(100% - 72px)}.hero{gap:25px;min-height:650px;padding-block:56px 48px}.hero h1{font-size:49px}.hero-art{height:540px;transform:scale(.91);transform-origin:center}.scene-card{width:247px;left:-13px}.phone{right:0}.floating-tag{left:-12px;bottom:-3px;min-width:230px}.art-caption{bottom:-34px}.hero-description{font-size:14px}.hero-actions{gap:11px}.hero-actions .button{padding:13px 18px;font-size:13px}.hero-actions .text-button{font-size:12px}.desktop-nav{gap:24px}.section{padding-block:85px}.section h2{font-size:37px}.feature-card{padding:23px 20px 0}.feature-card h3{font-size:19px}.feature-card p{font-size:11px}.feature-index{font-size:7px}.feature-grid{gap:13px}.color-art{margin-inline:-20px}.editor-body{grid-template-columns:minmax(0,1fr) 267px}.editor-stage{height:325px}.editor-controls{padding:12px 15px}.editor-preview-column{padding:16px}.preset-image{height:55px}.demo-caption{font-size:47px}.capability-strip{gap:16px}.capability-strip>span{font-size:11px}.capability-strip .strip-intro{font-size:10px}.story-copy h3{font-size:20px}.story-card{height:320px}.faq-section{gap:60px}.footer-links{gap:21px}html[dir="ltr"] .hero h1{font-size:50px}html[dir="ltr"] .hero-art{margin-left:0}html[dir="ltr"] .hero-actions{gap:8px}html[dir="ltr"] .section h2{font-size:37px}html[dir="ltr"] .feature-card h3{font-size:18px}html[dir="ltr"] .feature-card p{min-height:63px}html[dir="ltr"] .story-copy h3{font-size:21px}}
@media(max-width:900px){.container{width:calc(100% - 48px)}.site-header{height:78px}.desktop-nav{gap:19px;font-size:12px}.nav-actions{gap:13px}.nav-download{font-size:11px;min-height:40px;padding:9px 12px}.brand{font-size:25px}.hero{gap:0;grid-template-columns:1fr 1fr;padding-top:60px;padding-bottom:45px;min-height:625px}.hero h1{font-size:43px;letter-spacing:-1.5px}.hero-art{transform:scale(.78);transform-origin:left center;width:415px;margin-right:-28px;margin-left:-26px}.hero-copy{min-width:0}.hero-description{font-size:13px;max-width:335px}.hero-actions{gap:8px;flex-direction:column;align-items:flex-start}.hero-actions .text-button{padding-inline:0}.hero-note{font-size:9px}.eyebrow{font-size:11px}.capability-strip .strip-intro{display:none}.capability-strip{justify-content:space-around;gap:8px}.section-heading{gap:30px;margin-bottom:32px}.section h2{font-size:33px}.section-description{font-size:12px;max-width:285px}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-card{padding:18px 15px 0;min-height:355px}.feature-card h3{font-size:16px}.feature-card p{font-size:10px;min-height:62px}.feature-card-top{margin-bottom:20px}.feature-index{font-size:6px;letter-spacing:.4px}.feature-icon{width:28px;height:28px}.feature-icon .icon{width:17px;height:17px}.color-art{margin:25px -15px 0;height:150px}.feature-timeline{margin-top:25px}.type-art{margin-top:24px;padding-top:15px}.outline-type,.solid-type{font-size:43px}.type-selection{top:59px;height:52px}.type-cursor{bottom:32px}.editor-body{grid-template-columns:minmax(0,1fr) 239px}.editor-stage{height:310px}.editor-top{padding-inline:16px}.editor-project{font-size:9px}.editor-preview-column{padding:12px}.editor-controls{padding-inline:12px}.control-panel{padding-top:20px}.control-panel h3{font-size:14px}.control-description{font-size:10px}.preset-image{height:48px}.demo-caption-wrap{padding:25px}.demo-caption{font-size:40px}.playbar{gap:7px}.sample-label{display:none}.play-time{font-size:8px}.demo-clip span{font-size:6px;letter-spacing:0}.story-card{height:300px}.story-grid{gap:12px}.story-copy{inset-inline-start:18px;bottom:24px;inset-inline-end:30px}.story-copy h3{font-size:18px}.story-copy>span{font-size:9px}.story-number{font-size:6px;left:16px}.story-arrow{inset-inline-end:9px;bottom:22px}.story-arrow .icon{width:15px;height:15px}.faq-section{gap:35px;grid-template-columns:.7fr 1.3fr;padding-top:20px}.faq-list summary{font-size:12px}.faq-list details>p{font-size:11px}.closing{padding:42px;min-height:330px}.closing h2{font-size:36px}.closing-symbol{font-size:340px;left:40px;top:-15px}.footer-links{font-size:11px;gap:20px}.back-top{font-size:9px;gap:8px}html[dir="ltr"] .hero h1{font-size:43px;letter-spacing:-2.1px}html[dir="ltr"] .hero-art{transform-origin:left center;width:420px;margin-left:-8px}html[dir="ltr"] .hero-description{font-size:12px}html[dir="ltr"] .section h2{font-size:32px}html[dir="ltr"] .section-description{font-size:12px}html[dir="ltr"] .feature-card h3{font-size:16px}html[dir="ltr"] .feature-card p{font-size:10px;min-height:68px}html[dir="ltr"] .story-copy h3{font-size:19px}html[dir="ltr"] .closing h2{font-size:39px}}
@media(max-width:720px){:root{scroll-padding-top:95px}.container{width:calc(100% - 40px)}.site-header{height:72px}.nav-shell{gap:16px}.brand{font-size:25px;gap:7px}.brand-mark{width:29px;height:30px}.desktop-nav{display:none}.menu-toggle{display:flex;width:39px;height:39px}.nav-download{display:none}.nav-actions{gap:15px}.language-button{font-size:11px;gap:6px;min-width:40px}.language-button .icon{width:15px;height:15px}.hero{display:flex;flex-direction:column;gap:0;padding-top:48px;padding-bottom:30px;min-height:auto}.hero-copy{text-align:center;padding:0;width:100%}.eyebrow{justify-content:center;font-size:11px;margin-bottom:21px}.hero h1{font-size:clamp(39px,7.8vw,57px);line-height:1.45;letter-spacing:-1.7px}.hero-description{font-size:13px;max-width:380px;margin:19px auto 0;line-height:2}.hero-actions{flex-direction:row;align-items:center;justify-content:center;gap:17px;margin-top:23px}.hero-actions .button{font-size:12px;min-height:49px;padding:12px 17px}.hero-actions .text-button{font-size:11px}.hero-note{font-size:9px;justify-content:center;margin-top:17px}.hero-note .icon{width:13px;height:13px}.hero-art{width:500px;max-width:100%;height:541px;transform:none;margin:35px auto 0}.phone{right:54px;top:6px;transform:rotate(7deg) scale(.94);transform-origin:top right}.scene-card{left:28px;top:105px;width:247px;height:344px}.floating-tag{left:25px;bottom:8px;min-width:220px;padding:12px}.floating-icon{width:33px;height:33px}.floating-tag strong{font-size:10px}.floating-tag div>span{font-size:8px}.floating-tag>.tiny-diamond{margin-inline-start:0}.art-caption{bottom:-16px;right:40px;font-size:8px}.art-ring{inset:40px 0 50px}.cross-one{left:29px;top:48px}.cross-two{right:20px;bottom:35px}.capability-strip{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px 20px}.capability-strip>span{font-size:10px;justify-content:center;gap:8px}.capability-strip>span .icon{width:16px;height:16px}.section{padding-block:65px}.section-heading{display:block;margin-bottom:27px}.section-kicker{font-size:10px;margin-bottom:14px}.section h2{font-size:31px;line-height:1.5;letter-spacing:-.6px}.section-description{font-size:12px;max-width:400px;margin-top:19px;line-height:2}.feature-grid{display:flex;flex-direction:column;gap:14px}.feature-card{min-height:345px;padding:23px 24px 0}.feature-card h3{font-size:21px}.feature-card p{font-size:12px;max-width:100%;min-height:0}.feature-card-top{margin-bottom:18px}.feature-icon{width:33px;height:33px}.feature-icon .icon{width:20px;height:20px}.feature-index{font-size:8px;letter-spacing:1px}.feature-timeline{width:96%;margin:26px auto 0;height:160px;transform:rotate(-3deg)}.feature-film{height:44px}.feature-type{min-height:338px}.type-art{margin-top:18px;height:161px;padding-top:6px}.outline-type,.solid-type{font-size:56px}.type-selection{left:12%;right:12%;top:65px;height:64px}.type-cursor{right:11%;bottom:13px}.color-art{margin:24px -24px 0;height:190px}.color-half{background-size:200% auto}.feature-color{min-height:auto}.editor-top{min-height:53px;padding:9px 13px}.editor-project{font-size:7px;letter-spacing:0}.demo-label{font-size:9px;gap:7px}.reset-button{font-size:9px}.reset-button .icon{width:13px;height:13px}.editor-body{display:flex;flex-direction:column}.editor-preview-column{padding:11px}.editor-stage{height:auto;aspect-ratio:1.45;max-height:380px}.stage-label{font-size:6px;left:22px;top:23px;letter-spacing:1px}.stage-resolution{font-size:7px;bottom:22px;right:23px}.stage-corner{width:11px;height:11px}.top-left{left:11px;top:11px}.top-right{right:11px;top:11px}.bottom-left{left:11px;bottom:11px}.bottom-right{right:11px;bottom:11px}.demo-caption{font-size:42px;letter-spacing:-1.4px}.demo-caption-wrap{padding:23px}.playbar{margin-top:5px;gap:10px;height:39px}.play-time{font-size:8px}.demo-timeline{margin-top:5px;margin-bottom:6px}.demo-clip{height:41px}.demo-clip span{font-size:6px;left:5px}.demo-text-track{height:23px;font-size:7px}.demo-track-ruler{font-size:6px}.editor-controls{border-top:1px solid var(--line);border-left:0;padding:13px 20px 20px}.demo-tabs{gap:14px;padding-bottom:10px}.demo-tabs button{flex-direction:row;gap:8px;min-height:42px;font-size:11px}.demo-tabs button .icon{width:17px;height:17px}.control-panel{padding-top:20px}.control-panel h3{font-size:16px}.control-description{font-size:11px}.preset-options{margin-block:16px 17px;gap:11px}.preset-image{height:65px}.preset{font-size:10px}.range-label{font-size:11px;margin-top:13px}.control-range{margin-top:17px;margin-bottom:16px}.compare-button{font-size:11px;margin-top:20px;min-height:41px}.control-footer{padding-top:19px;font-size:9px}.demo-disclaimer{font-size:9px;align-items:flex-start;text-align:center;gap:5px;margin-top:15px;line-height:1.9}.demo-disclaimer .icon{margin-top:3px;flex:none}.text-styles{max-width:360px}.text-style{padding:13px}.text-input{font-size:14px}.input-label{font-size:11px}.checkbox-label{font-size:11px}.motion-hint{font-size:11px}.motion-play{font-size:12px;min-height:43px}.keyframe-visual{max-width:380px}.story-grid{grid-template-columns:1fr;gap:15px}.story-card,.story-card:nth-child(2),.story-card:nth-child(3){margin-top:0;height:305px}.story-card>img{object-position:center 48%}.story-number{font-size:8px;left:23px;top:24px}.story-copy{bottom:28px;inset-inline-start:25px;inset-inline-end:50px}.story-copy h3{font-size:24px;margin-top:7px}.story-copy>span{font-size:11px}.story-arrow{bottom:30px;inset-inline-end:19px}.story-arrow .icon{width:20px;height:20px}.faq-section{display:block;padding-top:0;padding-bottom:60px}.faq-heading>p:last-child{font-size:12px;margin-top:10px}.faq-list{margin-top:25px}.faq-list summary{font-size:12px;padding-block:18px;gap:15px}.faq-list details>p{font-size:11px;padding-bottom:17px}.closing{padding:35px 28px;min-height:365px;border-radius:12px}.closing h2{font-size:32px;line-height:1.5;margin-top:18px}.closing-kicker{font-size:7px;letter-spacing:1.6px}.closing p{font-size:12px}.button-light{font-size:12px;margin-top:24px;min-height:45px;padding:11px 18px}.closing-symbol{font-size:260px;letter-spacing:-30px;left:-12px;top:141px;opacity:.13}.closing-pattern{width:450px;height:450px;left:-180px;top:55px}.site-footer{padding-top:42px}.footer-main{flex-wrap:wrap;row-gap:29px;padding-bottom:28px}.footer-main>div:first-child{width:100%}.footer-main .brand{font-size:24px}.footer-main>div>p{font-size:10px;margin-top:10px}.footer-links{gap:23px;font-size:10px}.back-top{font-size:8px;gap:7px}.back-top>span+span{width:27px;height:27px;font-size:14px}.footer-bottom{font-size:8px;gap:12px;flex-wrap:wrap;row-gap:15px;padding-block:19px}.footer-bottom>span:nth-child(2){display:none}.footer-credits{font-size:8px}.site-dialog{padding:33px 26px}.site-dialog h2{font-size:24px}.dialog-description{font-size:12px}.site-dialog .section-kicker{font-size:10px}html[dir="ltr"] .hero{display:flex}html[dir="ltr"] .hero h1{font-size:clamp(42px,8.4vw,58px);line-height:1.12;letter-spacing:-2.4px}html[dir="ltr"] .hero-description{font-size:12px;max-width:340px;line-height:1.9;margin-top:20px}html[dir="ltr"] .hero-art{width:500px;transform:none;margin:35px auto 0}html[dir="ltr"] .hero-actions{gap:18px}html[dir="ltr"] .hero-note{font-size:9px}html[dir="ltr"] .section h2{font-size:34px;line-height:1.16;letter-spacing:-1.3px}html[dir="ltr"] .section-description{font-size:12px;line-height:1.9}html[dir="ltr"] .feature-card h3{font-size:21px}html[dir="ltr"] .feature-card p{font-size:12px;min-height:0}html[dir="ltr"] .control-panel h3{font-size:16px}html[dir="ltr"] .control-description{font-size:11px}html[dir="ltr"] .story-copy h3{font-size:26px}html[dir="ltr"] .story-copy>span{font-size:10px}html[dir="ltr"] .faq-list summary{font-size:12px}html[dir="ltr"] .closing h2{font-size:36px;line-height:1.2;letter-spacing:-1.2px}html[dir="ltr"] .closing-symbol{right:0;left:auto;top:140px}html[dir="ltr"] .closing-pattern{right:-180px;left:auto}}
@media(max-width:410px){.container{width:calc(100% - 32px)}.hero{padding-top:39px}.hero h1{font-size:39px}.hero-description{font-size:12px}.hero-actions{gap:13px}.hero-actions .button{padding:11px 14px;font-size:11px}.hero-actions .button .icon{width:17px;height:17px}.hero-actions .text-button{font-size:10px}.hero-art{height:492px;margin-top:29px}.phone{right:16px;transform:rotate(7deg) scale(.85)}.scene-card{width:215px;height:310px;left:8px;top:92px;transform:rotate(-9deg)}.scene-title{font-size:38px;top:100px}.scene-card-top{font-size:5px}.floating-tag{left:0;bottom:14px;min-width:208px;padding:11px;gap:9px}.floating-tag strong{font-size:9px}.floating-tag .tiny-diamond{display:none}.art-caption{right:8px;bottom:-6px;font-size:7px}.art-ring{inset:40px -1px 55px}.cross-one{left:5px;top:35px}.cross-two{right:0;bottom:25px}.capability-strip{padding-inline:8px;gap:18px 8px}.capability-strip>span{font-size:9px}.section h2{font-size:29px}.section-description{font-size:11px}.feature-card{padding-inline:20px}.color-art{margin-inline:-20px}.editor-project{display:none}.demo-caption{font-size:34px}.editor-stage{aspect-ratio:1.38}.editor-controls{padding-inline:16px}.stage-label{font-size:5px}.stage-resolution{font-size:6px}.demo-clip span{font-size:5px}.preset-image{height:56px}.story-card,.story-card:nth-child(2),.story-card:nth-child(3){height:290px}.faq-list summary{font-size:11px}.closing{padding:31px 24px;min-height:350px}.closing h2{font-size:29px}.footer-links{gap:14px}.back-top{gap:5px;font-size:7px}html[dir="ltr"] .hero h1{font-size:42px}html[dir="ltr"] .hero-description{font-size:11px}html[dir="ltr"] .hero-art{margin-top:29px}html[dir="ltr"] .section h2{font-size:30px}html[dir="ltr"] .section-description{font-size:11px}html[dir="ltr"] .feature-card p{font-size:11px}html[dir="ltr"] .closing h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.story-card:hover>img{transform:none}.button:hover,.feature-card:hover{transform:none}}

/* Accessible interaction areas and contrast refinements. */
.button{color:#fff}.button:hover{background:#365cc8}.button-light{color:#26396d}.button-light:hover{background:#fff}.closing-kicker,.closing p{color:#fff}
input[type="range"]{height:36px;background:linear-gradient(#3f4758,#3f4758) center/100% 3px no-repeat}.control-range{margin:6px 0 2px}input[type="range"]::-webkit-slider-thumb{width:15px;height:15px}input[type="range"]::-moz-range-thumb{width:12px;height:12px}
@media(max-width:720px){input[type="range"]{height:44px}.play-button{width:40px;height:40px;flex-shrink:0}.playbar{height:44px}.reset-button{min-height:38px}.footer-credits{min-height:32px}}

.art-ring{transform:none}

@media(min-width:721px) and (max-width:1000px){
.hero,html[dir="ltr"] .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
.hero-art,html[dir="ltr"] .hero-art{width:100%;height:490px;margin:0;transform:none}
.phone{right:2px;top:20px;transform:rotate(7deg) scale(.78);transform-origin:top right}
.scene-card{width:205px;height:310px;left:0;top:116px}
.scene-title{font-size:36px;top:104px}.scene-card-top{font-size:5px;letter-spacing:1px}
.floating-tag{left:0;bottom:12px;min-width:218px;padding:10px;gap:8px}
.floating-tag strong,html[dir="ltr"] .floating-tag strong{font-size:8px}.floating-tag div>span{font-size:7px}.floating-icon{width:30px;height:30px}.floating-tag>.tiny-diamond{margin-inline-start:0;width:5px;height:5px}
.art-caption{bottom:-10px;right:0;font-size:7px}.hero h1{font-size:37px;letter-spacing:-1.1px}
html[dir="ltr"] .hero h1{font-size:37px;letter-spacing:-1.8px}.hero-description,html[dir="ltr"] .hero-description{font-size:12px;line-height:1.9}
}

.art-ring{inset:38px 0 50px}.art-ring:after{inset:36px 0}