.studio .home-hero{background:radial-gradient(70% 55% at 50% 108%, #7896fff2 0%, #3037ffbf 26%, #2238d059 52%, transparent 75%), linear-gradient(180deg, #060b2c 0%, var(--midnight) 46%, #1a2ca8 100%);position:relative;overflow:hidden}.studio .home-hero:after{content:"";background:linear-gradient(180deg, #050a2400, var(--deep));z-index:4;pointer-events:none;height:140px;position:absolute;bottom:0;left:0;right:0}.studio .grain{pointer-events:none;opacity:.07;background-image:radial-gradient(#ffffffe6 .6px,#0000 .7px);background-size:3px 3px;position:absolute;inset:0}.studio .hero-in{z-index:3;text-align:center;padding-top:150px;position:relative}.studio .hero-in h1{margin:26px auto 20px}@media (min-width:761px){.studio .hero-in .hero-line{display:block}}.studio .hero-in .lead{max-width:620px;margin:0 auto}.studio .float{z-index:2;width:250px;color:var(--t-1);border-radius:18px;padding:16px;font-size:13px;animation:7s ease-in-out infinite s-drift;position:absolute}.studio .float small{color:var(--t-2);font-size:12px}.studio .float .k{font-family:var(--head);margin-top:6px;font-size:24px;font-weight:600}.studio .float .row{justify-content:space-between;align-items:center;gap:8px;display:flex}.studio .float .mk{background:#afc0ff2e;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;display:grid}.studio .float .mk svg{width:14px;height:14px}.studio .f1{top:470px;left:-3%;transform:perspective(900px)rotateY(24deg)rotate(-6deg)}.studio .f2{width:230px;animation-delay:-2s;top:690px;left:0%;transform:perspective(900px)rotateY(22deg)rotate(5deg)}.studio .f3{animation-delay:-4s;top:450px;right:-3%;transform:perspective(900px)rotateY(-24deg)rotate(6deg)}.studio .f4{width:230px;animation-delay:-5.5s;top:670px;right:0%;transform:perspective(900px)rotateY(-22deg)rotate(-5deg)}.studio .phones{z-index:3;perspective:1600px;justify-content:center;align-items:flex-end;gap:36px;height:470px;margin-top:84px;display:flex;position:relative}.studio .pw{flex:none;animation:1s cubic-bezier(.2,.8,.2,1) both s-rise,6.5s ease-in-out 1.2s infinite s-bob}.studio .pw.pm{z-index:2;margin-bottom:-70px;animation-delay:.15s,1.2s}.studio .pw.pl,.studio .pw.pr{margin-bottom:-170px}.studio .pw.pl{animation-delay:.32s,2.4s}.studio .pw.pr{animation-delay:.42s,3.3s}.studio .phone.side-l{transform-origin:100% 60%;transform:rotateY(22deg)rotate(-2deg)}.studio .phone.side-r{transform-origin:0 60%;transform:rotateY(-22deg)rotate(2deg)}.studio .phone.side-l:after,.studio .phone.side-r:after{content:"";pointer-events:none;background:linear-gradient(90deg,#050a2400,#050a2447);border-radius:44px;position:absolute;inset:0}.studio .phone.side-r:after{background:linear-gradient(270deg,#050a2400,#050a2447)}.studio .pw.pr .scr:after{animation-delay:3.6s}.studio .strip{color:var(--t-3);flex-wrap:wrap;justify-content:center;gap:44px;padding:110px 24px 10px;font-size:14px;display:flex}.studio .strip b{color:var(--t-2);font-weight:500}.studio .svc{grid-template-columns:repeat(3,1fr);display:grid}.studio .svc>div{border-radius:var(--r-lg);transition:transform .3s var(--ease);padding:30px}.studio .svc>div:hover{transform:translateY(-4px)}.studio .svc h3{font-family:var(--head);margin:0 0 8px;font-size:21px;font-weight:600}.studio .svc p{color:var(--t-2);font-size:15px;line-height:1.6}.studio .svc ul{color:var(--t-2);gap:8px;margin:18px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.studio .svc li:before{content:"✓";color:var(--accent);margin-right:8px}.studio .journey{height:440vh;position:relative}.studio .journey .stick{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;height:100vh;display:grid;position:sticky;top:0}.studio .jh{margin-top:18px}.studio .jsteps{margin-top:36px;padding-left:72px;display:grid;position:relative}.studio .rail{background:var(--hair);border-radius:2px;width:2px;position:absolute;top:27px;bottom:40px;left:26px;overflow:hidden}.studio .rail i{width:100%;height:var(--fill,0%);background:linear-gradient(180deg, var(--accent), #3037ff);display:block;box-shadow:0 0 8px #597cff80}.studio .js{position:relative}.studio .js :is(.when,h3,p){transition:color .45s var(--ease)}.studio .js:not(.on):not(.done) :is(.when,h3,p){color:var(--t-3)}.studio .js:not(.on):not(.done) .n{opacity:.45}.studio .js .n{width:54px;height:54px;font-family:var(--head);transition:background .4s, box-shadow .4s, opacity .45s, transform .4s var(--ease);border-radius:50%;place-items:center;font-weight:600;display:grid;position:absolute;top:-4px;left:-72px;box-shadow:inset 0 0 0 1px #afc0ff59}.studio .js.on .n{transform:scale(1.06)}.studio .js.done .n{box-shadow:inset 0 0 0 1px #afc0ff8c}.studio .js .when{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:12px}.studio .js h3{font-family:var(--head);margin:4px 0;font-size:21px;font-weight:600}.studio .js p{color:var(--t-2);max-width:420px;font-size:15px;line-height:1.55}.studio .jr{align-content:center;place-items:center;height:100%;display:grid;position:relative}.studio .jglow{filter:blur(10px);background:radial-gradient(closest-side,#3037ff8c,#2238d02e 55%,#0000);border-radius:50%;width:520px;height:520px;position:absolute}.studio .jp .scr{overflow:hidden}.studio .layer{transition:opacity .5s var(--ease), transform .5s var(--ease), translate .6s var(--ease);position:absolute;inset:50px 16px 16px}.studio .l-sketch .sk{border:1.6px dashed #0c172861;border-radius:12px;margin-bottom:10px}.studio .l-sketch .t{border-radius:6px;width:40%;height:10px}.studio .l-sketch .h{border-radius:6px;width:70%;height:18px}.studio .l-sketch .big{height:96px}.studio .l-sketch .r{height:46px}.studio .l-sketch .r.s{width:60%}.studio .note-paper{color:#1b2a8f;font:600 17px/1.15 var(--font-caveat), cursive;background:#dce4ff;padding:10px 12px;position:absolute;top:150px;right:-4px;transform:rotate(5deg);box-shadow:0 8px 16px -8px #0c172873}.studio .scribble{font:600 20px var(--font-caveat), cursive;color:var(--blue);position:absolute;bottom:18px;left:8px}.studio .journey:not([data-stage="0"]) .l-sketch{opacity:0;transform:scale(.96)}.studio .l-ui .u{opacity:0;transition:opacity .45s var(--ease), translate .45s var(--ease);transition-delay:calc(var(--d) * 80ms);translate:0 14px}.studio .journey:not([data-stage="0"]) .l-ui .u{opacity:1;translate:0}.studio .l-build{color:#e9edff;background:#0b1124;border-radius:18px;padding:14px;top:auto;bottom:16px;translate:0 140%;box-shadow:0 20px 40px -18px #050a24cc}.studio .l-build .row{justify-content:space-between;align-items:center;display:flex}.studio .l-build b{font-size:13px;font-weight:600}.studio .l-build .tf{color:#c9d2ff;background:#24306a;border-radius:99px;padding:3px 8px;font-size:10px;font-weight:600}.studio .l-build .bar{background:#ffffff1a;border-radius:9px;height:6px;margin:10px 0;overflow:hidden}.studio .l-build .bar i{border-radius:inherit;background:linear-gradient(90deg, var(--blue-light), var(--accent));width:0;height:100%;transition:width 1.6s cubic-bezier(.3,.6,.2,1) .25s;display:block}.studio .l-build ul{color:#b4bde6;gap:5px;margin:0;padding:0;font-size:11px;list-style:none;display:grid}.studio .l-build li{opacity:0;transition:opacity .3s;transition-delay:calc(.6s + var(--d) * .45s)}.studio .l-build li:before{content:"✓  ";color:#9fe3b8}.studio .journey[data-stage="2"] .l-build,.studio .journey[data-stage="3"] .l-build,.studio .journey[data-stage="4"] .l-build{translate:0}.studio .journey[data-stage="2"] .l-build .bar i,.studio .journey[data-stage="3"] .l-build .bar i,.studio .journey[data-stage="4"] .l-build .bar i{width:100%}.studio .journey[data-stage="2"] .l-build li,.studio .journey[data-stage="3"] .l-build li,.studio .journey[data-stage="4"] .l-build li{opacity:1}.studio .l-ship{background:#fff;border-radius:24px 24px 0 0;padding:10px 16px 20px;inset:auto 0 0;translate:0 110%;box-shadow:0 -16px 40px -12px #050a2473}.studio .l-ship .grab{background:#d5daea;border-radius:9px;width:36px;height:5px;margin:0 auto 12px}.studio .l-ship .app{align-items:center;gap:12px;display:flex}.studio .l-ship .icon{color:#fff;border-radius:14px;flex:none;place-items:center;width:56px;height:56px;display:grid}.studio .l-ship b{font-size:15px;font-weight:600;display:block}.studio .l-ship .app span{color:#6a7398;font-size:11px;display:block}.studio .l-ship .get{color:var(--indigo);background:#e7ecff;border-radius:99px;margin-left:auto;padding:6px 16px;font-size:12px;font-weight:700}.studio .l-ship .live{color:var(--indigo);justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:12px;font-weight:600;display:flex}.studio .l-ship .live i{background:#2fa36b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #2fa36b33}.studio .journey[data-stage="3"] .l-ship,.studio .journey[data-stage="4"] .l-ship{translate:0}@media (max-width:1100px){.studio .float{display:none}}@media (max-width:980px){.studio .hero-in{padding-top:120px}.studio .phones{align-items:flex-start;gap:12px;height:360px;margin-top:48px;overflow:hidden}.studio .pw.pl,.studio .pw.pr{display:none}.studio .pw.pm{margin-bottom:0}.studio .svc{grid-template-columns:1fr}.studio .strip{gap:20px;padding-top:80px}.studio .journey{height:520vh}.studio .journey .stick{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-content:start;gap:0;padding-top:84px}.studio .jh{margin-top:10px;font-size:26px}.studio .jsteps{gap:0;margin-top:14px;padding-left:64px}.studio .rail,.studio .js{display:none}.studio .js.on{display:block}.studio .js .n{width:48px;height:48px;left:-64px}.studio .jr{align-items:start;height:auto;padding-top:8px}.studio .jp{transform-origin:top;margin-bottom:-140px;transform:scale(.74)}.studio .jglow{width:340px;height:340px}}.studio .svc{gap:0 48px}.studio .svc>.svc-item{border-top:1px solid var(--hair);border-radius:0;padding:32px 0 0}.studio .svc>.svc-item:hover{transform:none}.studio .jsteps{gap:16px}.studio .l-grow{color:#e9edff;opacity:0;background:#0b1124;border-radius:18px;padding:14px;top:96px;bottom:auto;transform:translateY(-16px)scale(.97);box-shadow:0 24px 44px -16px #050a24d9}.studio .journey[data-stage="4"] .l-grow{opacity:1;transform:none}.studio .l-grow .row{justify-content:space-between;align-items:center;display:flex}.studio .l-grow b{font-size:13px;font-weight:600}.studio .l-grow .up{color:#9fe3b8;background:#2fa36b2e;border-radius:99px;padding:3px 8px;font-size:11px;font-weight:700}.studio .l-ship .icon{background:linear-gradient(150deg, #16258a, var(--navy));box-shadow:inset 0 0 0 1px #afc0ff40,0 6px 14px -6px #0c1728b3}.studio .l-ship .icon svg{width:40px;height:40px}.studio .l-ship .app .icon{place-items:center;font-size:0;display:grid}.studio .home-hero .lead{text-wrap:balance}.studio .strip{align-items:center}.studio .strip b{align-items:center;gap:9px;display:inline-flex}.studio .strip b svg{opacity:.9;flex:none;width:19px;height:19px}.studio .jh{max-width:20ch}.studio .l-ui,.studio .l-build,.studio .l-ship{transition:opacity .5s var(--ease), transform .5s var(--ease), translate .6s var(--ease), filter .5s var(--ease)}.studio .journey[data-stage="4"] .l-ui,.studio .journey[data-stage="4"] .l-build,.studio .journey[data-stage="4"] .l-ship{filter:blur(5px)saturate(.8);opacity:.75}.studio .l-grow{z-index:3}.studio .js .n{background:var(--midnight)}.studio .js.on .n{background:var(--midnight);box-shadow:inset 0 0 0 1px #afc0ff99,0 0 0 6px #597cff24}.studio .js.done .n{background:var(--midnight);color:inherit}.studio .hero-wrap{position:relative}.studio .float .ft{margin-top:8px;font-weight:500}.studio .float .code{margin-top:8px}.studio .float .fs{margin-top:8px;display:block}.studio .jr-note{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t-3);text-align:center;margin-top:18px;font-size:12px}@media (max-width:980px) and (max-height:520px) and (orientation:landscape){.studio .journey .stick{grid-template-rows:none;grid-template-columns:1fr auto;align-content:center;gap:24px;padding-top:66px}.studio .jr{align-items:center;height:auto;padding-top:0}.studio .jp{transform-origin:50%;margin:-133px -66px;transform:scale(.5)}.studio .jr-note{margin-top:6px}}@media (max-width:980px) and (max-height:760px) and (orientation:portrait){.studio .jp{margin-bottom:-213px;transform:scale(.6)}}.studio .hp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.studio .hp-card{border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--hair);transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .35s;background:linear-gradient(160deg,#3228f224,#0c172833 60%);flex-direction:column;gap:6px;padding:28px 28px 30px;display:flex;position:relative}.studio .hp-card:hover{background:linear-gradient(160deg,#3228f242,#0c172840 60%);transform:translateY(-4px);box-shadow:inset 0 0 0 1px #afc0ff59,0 24px 50px -24px #3228f266}.studio .hp-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.studio .hp-card .mk{width:52px;height:52px}.studio .hp-card .mk svg{filter:drop-shadow(0 6px 14px #3228f273);width:100%;height:100%}.studio .hp-card .cat{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:12px}.studio .hp-card b{font-family:var(--head);color:#fff;font-size:24px;font-weight:600}.studio .hp-card p{color:var(--t-2);padding-right:48px;font-size:15px;line-height:1.5}.studio .hp-plan{color:#fff;margin-top:auto;padding:16px 48px 0 0;font-size:14px}.studio .hp-card .go{color:#fff;width:38px;height:38px;transition:background .3s, transform .3s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:22px;right:22px;box-shadow:inset 0 0 0 1px #afc0ff4d}.studio .hp-card:hover .go{background:var(--blue);transform:translate(3px)}@media (max-width:760px){.studio .hp-grid{grid-template-columns:1fr}}.studio .l-grow .plans{gap:6px;margin:12px 0 10px;padding:0;list-style:none;display:grid}.studio .l-grow .plans li{color:#8f9acb;opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease);transition-delay:calc(.25s + var(--d) * 90ms);background:#afc0ff0f;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:10px;display:flex;transform:translateY(6px)}.studio .l-grow .plans li:last-child{box-shadow:inset 0 0 0 1px #afc0ff73}.studio .journey[data-stage="4"] .l-grow .plans li{opacity:1;transform:none}.studio .l-grow .plans span b{color:#fff;font-size:13px;display:block}.studio .l-grow .plans em{color:var(--accent);font-size:12px;font-style:normal;font-weight:600}.studio .l-grow .plans-note{color:#8f9acb;font-size:10px}