@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-cyrillic-ext-wght-normal-CO5hGrJv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-cyrillic-wght-normal-EAA9jha_.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-vietnamese-wght-normal-k7S-YeeD.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-latin-ext-wght-normal-BsZE-iaG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/montserrat-latin-wght-normal-l_AIctKy.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}:root{--bg:#0f172a;--bg-deep:#0b1222;--blue:#3b82f6;--blue-l:#60a5fa;--purple:#8b5cf6;--fg:#f8fafc;--fg-2:#94a3b8;--slate:#64748b;--ink:#0f172a;--ink-2:#475569;--line-d:#94a3b824;--line-l:#e2e8f0;--grad:linear-gradient(100deg, var(--blue) 0%, #6366f1 55%, var(--purple) 100%);--ease:cubic-bezier(.22, 1, .36, 1);--r:14px;--nav-h:76px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-family:Montserrat Variable,system-ui,sans-serif;font-size:16px;line-height:1.6;overflow-x:clip}img,svg{display:block}a{color:inherit;text-decoration:none}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.15}h2{letter-spacing:-.02em;font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:700}p{margin:0}:focus-visible{outline:2px solid var(--blue-l);outline-offset:3px;border-radius:6px}::selection{background:var(--blue);color:#fff}.container{width:min(1200px,100% - 2.5rem);margin-inline:auto}.skip{z-index:100;background:var(--blue);color:#fff;border-radius:8px;padding:.6rem 1rem;position:fixed;top:-4rem;left:1rem}.skip:focus{top:1rem}.i{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.1em;height:1.1em}.i--lg{stroke-width:1.4px;width:32px;height:32px;color:var(--blue-l)}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--blue-l);margin-bottom:1rem;font-size:.75rem;font-weight:600}.eyebrow--dark{color:var(--blue)}.lead{color:var(--ink-2);max-width:56ch;margin-top:1.1rem;font-size:1.05rem}.lead--dark{color:var(--fg-2)}.btn{--x:0px;--y:0px;color:#fff;cursor:pointer;background:var(--grad);min-height:48px;transform:translate(var(--x), var(--y));transition:background-position .5s var(--ease), box-shadow .3s, transform .3s var(--ease);background-position:0 0;background-size:160% 100%;border:0;border-radius:999px;align-items:center;gap:.55rem;padding:0 1.6rem;font:600 .95rem/1 inherit;display:inline-flex;box-shadow:0 8px 30px -8px #3b82f6a6}.btn:hover{background-position:100% 0;box-shadow:0 10px 40px -6px #8b5cf6b3}.btn:hover .i{transform:translate(3px)}.btn .i{transition:transform .3s var(--ease)}.btn--ghost{background:0 0;box-shadow:inset 0 0 0 1.5px #f8fafc59}.btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--fg);background:#f8fafc0f}.btn--sm{min-height:40px;padding:0 1.2rem;font-size:.85rem}.link{color:var(--blue);align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:inline-flex}.link:hover .i{transform:translate(3px)}.link .i{transition:transform .3s var(--ease)}.progress{z-index:60;background:var(--grad);transform-origin:0;height:2px;position:fixed;inset:0 0 auto;transform:scaleX(0)}.logo{align-items:center;gap:.7rem;display:inline-flex}.logo__mark{filter:drop-shadow(0 0 12px #3b82f673);width:34px;height:38px}.logo__txt{line-height:1;display:grid}.logo__txt b{letter-spacing:.28em;font-size:1.15rem;font-weight:600}.logo__txt small{letter-spacing:.62em;color:var(--fg-2);margin-top:.35rem;font-size:.52rem}.nav{z-index:50;height:var(--nav-h);transition:background .4s, backdrop-filter .4s, transform .45s var(--ease), border-color .4s;border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.nav.is-scrolled{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-color:var(--line-d);background:#0b1222b8}.nav.is-hidden{transform:translateY(-100%)}.nav__in{justify-content:space-between;align-items:center;height:100%;display:flex}.nav__links{align-items:center;gap:2.2rem;font-size:.88rem;font-weight:500;display:flex}.nav__links>a:not(.btn){color:var(--fg-2);padding:.5rem 0;transition:color .25s;position:relative}.nav__links>a:not(.btn):after{content:"";background:var(--grad);transform-origin:100%;height:1.5px;transition:transform .4s var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav__links>a:not(.btn):hover,.nav__links>a.is-active{color:var(--fg)}.nav__links>a:not(.btn):hover:after,.nav__links>a.is-active:after{transform-origin:0;transform:scaleX(1)}.nav__toggle{cursor:pointer;background:0 0;border:0;width:44px;height:44px;display:none;position:relative}.nav__toggle span{background:var(--fg);height:2px;transition:transform .35s var(--ease);border-radius:2px;position:absolute;left:11px;right:11px}.nav__toggle span:first-child{top:17px}.nav__toggle span:last-child{top:25px}.nav__toggle[aria-expanded=true] span:first-child{transform:translateY(4px)rotate(45deg)}.nav__toggle[aria-expanded=true] span:last-child{transform:translateY(-4px)rotate(-45deg)}.hero{min-height:100svh;padding-top:calc(var(--nav-h) + 4rem);isolation:isolate;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.hero__art{z-index:-1;background:radial-gradient(60% 50% at 70% 30%, #3b82f629, transparent 70%), radial-gradient(40% 40% at 85% 15%, #8b5cf624, transparent 70%), var(--bg-deep);position:absolute;inset:0}.stars{position:absolute;inset:0 0 35%}.stars i{opacity:.5;width:2px;height:2px;animation:twinkle var(--d,4s) ease-in-out var(--dl,0s) infinite;background:#fff;border-radius:50%;position:absolute}@keyframes twinkle{50%{opacity:.08}}.ring{aspect-ratio:1;border-radius:50%;width:clamp(320px,40vw,600px);position:absolute;top:14%;right:8%}.ring:before{content:"";-webkit-mask-composite:xor;filter:drop-shadow(0 0 10px #3b82f6)drop-shadow(0 0 30px #8b5cf6cc);background:conic-gradient(from 210deg,#0000 0deg,#60a5fa 70deg,#3b82f6 140deg,#8b5cf6 220deg,#0000 300deg);border-radius:50%;padding:3px;animation:60s linear infinite spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes spin{to{transform:rotate(1turn)}}.hero__title em .w>span{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.ring__glow{background:radial-gradient(circle,#3b82f62e,#0000 65%);border-radius:50%;position:absolute;inset:12%}.mountains{width:100%;height:100%;position:absolute;inset:0}.layer{will-change:transform}.hero__in{padding-bottom:clamp(3rem,8vh,6rem);position:relative}.hero__title{letter-spacing:-.03em;max-width:13ch;font-size:clamp(2.4rem,5vw,4.1rem);font-weight:700}.hero__title em{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.05em;font-style:normal}.hero__title .w{vertical-align:top;margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:hidden}.hero__title .w>span{display:inline-block}.hero__lead{color:#cbd5e1;max-width:46ch;margin-top:1.5rem;font-size:1.08rem}.hero__ctas{flex-wrap:wrap;gap:.9rem;margin-top:2.2rem;display:flex}.strip{border-top:1px solid var(--line-d);grid-template-columns:repeat(4,1fr);margin:0;padding:2.4rem 0 3rem;list-style:none;display:grid;position:relative}.strip li{text-align:center;justify-items:center;gap:.6rem;padding:0 1.5rem;display:grid}.strip li+li{border-left:1px solid var(--line-d)}.strip h3{margin-top:.4rem;font-size:1rem;font-weight:600}.strip p{color:var(--fg-2);max-width:24ch;font-size:.85rem}.light{color:var(--ink);background:#fff}.light--alt{background:#f1f5f9}.services,.projects,.process{padding-block:clamp(5rem,10vw,8rem)}.services__in{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(2.5rem,6vw,6rem);display:grid}.checks{gap:.8rem;margin:1.8rem 0 2.2rem;padding:0;list-style:none;display:grid}.checks li{color:var(--ink-2);align-items:flex-start;gap:.7rem;display:flex}.checks .i{color:var(--blue);width:1.3em;height:1.3em;margin-top:.1em}.editor{color:#cbd5e1;background:linear-gradient(160deg,#111c36,#0a1020);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #0f172a8c,0 0 0 1px #3b82f62e}.editor__bar{border-bottom:1px solid var(--line-d);align-items:center;gap:.45rem;padding:.9rem 1.1rem;display:flex}.editor__bar i{background:#334155;border-radius:50%;width:11px;height:11px}.editor__bar i:first-child{background:#f87171}.editor__bar i:nth-child(2){background:#fbbf24}.editor__bar i:nth-child(3){background:#34d399}.editor__bar span{color:var(--fg-2);margin-left:.8rem;font-size:.75rem}.editor__code{counter-reset:ln;margin:0;padding:1.6rem 1.4rem 2.4rem;font:500 clamp(.78rem,1.15vw,.95rem)/1.9 ui-monospace,Cascadia Code,Consolas,monospace;overflow:hidden}.editor__code .ln{white-space:pre;padding-left:2.6em;display:inline-block;position:relative}.editor__code .ln:before{counter-increment:ln;content:counter(ln);text-align:right;color:#334155;width:1.6em;position:absolute;left:0}.editor__code b{font-weight:500}.k{color:#a78bfa}.s{color:#60a5fa}.f{color:#5eead4}.c{color:#64748b;font-style:italic}.editor__glow{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#3b82f659,#0000 60%);width:60%;position:absolute;bottom:-40%;right:-20%}.sec-head{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:3rem;display:flex}.cards{grid-template-columns:repeat(3,1fr);gap:1.6rem;display:grid}.card{border-radius:var(--r);box-shadow:0 1px 0 var(--line-l), 0 20px 50px -30px #0f172a59;transition:transform .5s var(--ease), box-shadow .5s var(--ease);background:#fff;overflow:hidden}.card:hover{box-shadow:0 1px 0 var(--line-l), 0 30px 60px -25px #3b82f673;transform:translateY(-6px)}.card__body{padding:1.4rem 1.5rem 1.7rem}.card h3{font-size:1.05rem;font-weight:700}.card p{color:var(--ink-2);margin-top:.4rem;font-size:.9rem}.shot{aspect-ratio:16/11;background:radial-gradient(80% 80% at 70% 20%,#1e3a8a 0%,#0b1222 70%);place-items:center;display:grid;position:relative;overflow:hidden}.shot>*{transition:transform .7s var(--ease)}.card:hover .shot>*{transform:scale(1.04)translateY(-4px)}.pos{background:#0f172a;border-radius:10px;grid-template-columns:14% 1fr 28%;width:82%;height:70%;display:grid;overflow:hidden;box-shadow:0 0 0 1px #60a5fa40,0 20px 40px -10px #000}.pos aside{background:#111c36;align-content:start;gap:10%;padding:18% 22%;display:grid}.pos aside i{aspect-ratio:1;background:#1e3a8a;border-radius:4px}.pos aside i:first-child{background:var(--blue)}.pos__main{padding:8%}.pos__tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pos__tiles span{aspect-ratio:1.1;background:linear-gradient(150deg,#1e293b,#172554);border-radius:6px}.pos__tiles span:nth-child(2){background:linear-gradient(150deg,#3b82f6,#6366f1)}.pos__tiles span:nth-child(6){background:linear-gradient(150deg,#7c3aed,#3b82f6)}.pos__ticket{background:#f8fafc;align-content:start;gap:8px;padding:14% 12%;display:grid}.pos__ticket i{background:#cbd5e1;border-radius:3px;height:6px}.pos__ticket i:nth-child(2){width:70%}.pos__ticket b{background:var(--grad);border-radius:5px;height:18px;margin-top:30%}.browser{background:#f8fafc;border-radius:10px;width:80%;height:76%;overflow:hidden;transform:rotate(-4deg);box-shadow:0 20px 40px -10px #000}.card:hover .shot .browser{transform:rotate(-2deg)scale(1.04)}.browser__bar{background:#e2e8f0;gap:5px;padding:8px 10px;display:flex}.browser__bar i{background:#94a3b8;border-radius:50%;width:7px;height:7px}.shop{gap:8%;padding:7%;display:grid}.shop__hero{background:linear-gradient(110deg,#ec4899,#8b5cf6 60%,#3b82f6);border-radius:6px;height:52px}.shop__grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.shop__grid span{aspect-ratio:.85;background:linear-gradient(#e2e8f0 70%,#cbd5e1 70% 78%,#0000 78%);border-radius:6px}.phone{background:#0f172a;border-radius:22px;align-content:start;gap:8px;width:34%;height:88%;margin-top:18%;padding:12% 9%;display:grid;box-shadow:0 0 0 4px #1e293b,0 0 0 5px #60a5fa4d,0 30px 40px -10px #000}.phone__notch{background:#1e293b;border-radius:6px;justify-self:center;width:40%;height:6px;margin-bottom:4px}.phone__head{background:#334155;border-radius:4px;width:60%;height:12px}.phone__chart{background:#111c36;border-radius:8px;align-items:flex-end;gap:5px;height:64px;padding:6px;display:flex}.phone__chart i{height:var(--h);background:var(--grad);border-radius:3px;flex:1}.phone__row{background:#1e293b;border-radius:6px;height:22px}.about{background:radial-gradient(50% 70% at 80% 50%, #3b82f624, transparent 70%), var(--bg-deep);padding-block:clamp(5rem,10vw,8rem);position:relative;overflow:hidden}.about__in{grid-template-columns:1.2fr 1fr;align-items:center;gap:3rem;display:grid}.emblem{aspect-ratio:1;justify-self:center;place-items:center;width:min(380px,80%);display:grid;position:relative}.emblem__orbit{border:1px solid #60a5fa40;border-radius:50%;position:absolute;inset:0}.emblem__orbit:after{content:"";background:var(--blue-l);width:10px;height:10px;box-shadow:0 0 16px var(--blue);border-radius:50%;position:absolute;top:-5px;left:calc(50% - 5px)}.emblem__orbit--2{border-color:#8b5cf64d;inset:16%}.emblem__orbit--2:after{background:var(--purple);box-shadow:0 0 16px var(--purple)}.emblem__mark{filter:drop-shadow(0 0 40px #3b82f699);width:42%;height:46%}.steps{--p:1;grid-template-columns:repeat(4,1fr);gap:2.5rem;margin:3.5rem 0 0;padding:0;list-style:none;display:grid;position:relative}.steps:before,.steps:after{content:"";background:var(--line-l);height:2px;position:absolute;top:19px;left:20px;right:0}.steps:after{background:var(--grad);transform:scaleX(var(--p));transform-origin:0}.step{z-index:1;grid-row:span 4;grid-template-rows:subgrid;align-content:start;row-gap:0;display:grid;position:relative}.step__n{border:2px solid var(--line-l);width:40px;height:40px;color:var(--ink-2);background:#fff;border-radius:50%;justify-self:start;place-items:center;font-weight:700;transition:background .4s,border-color .4s,color .4s,box-shadow .4s;display:grid}.steps:not(.is-anim) .step__n,.step.is-on .step__n{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 0 6px #3b82f626}.step h3{margin-top:1.5rem;font-size:1.2rem}.step p{color:var(--ink-2);margin-top:.5rem;font-size:.95rem}.step .step__out{color:var(--ink);border-top:1px solid var(--line-l);margin-top:1.1rem;padding-top:1rem;font-size:.88rem;font-weight:600}.tech{background:var(--bg);text-align:center;padding-block:clamp(5rem,10vw,8rem)}.tech .lead{margin-inline:auto}.tech__grid{border-top:1px solid var(--line-d);grid-template-columns:repeat(8,1fr);gap:2rem 1rem;margin:3rem auto 0;padding:2.5rem 0 0;list-style:none;display:grid}.tech__grid li{color:var(--fg-2);justify-items:center;gap:.8rem;font-size:.85rem;transition:color .3s;display:grid}.tech__grid li:hover{color:var(--fg)}.tech__grid svg{width:36px;height:36px;transition:transform .4s var(--ease)}.tech__grid li:hover svg{transform:translateY(-4px)}.contact{isolation:isolate;padding-block:clamp(5rem,10vw,8rem);position:relative;overflow:hidden}.contact__bg{z-index:-1;background:radial-gradient(50% 60% at 20% 80%, #3b82f62e, transparent 70%), radial-gradient(40% 50% at 90% 10%, #8b5cf624, transparent 70%), var(--bg-deep);position:absolute;inset:0}.contact__in{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(2.5rem,6vw,6rem);display:grid}.form{border:1px solid var(--line-d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3;border-radius:18px;gap:1.1rem;padding:clamp(1.4rem,3vw,2.2rem);display:grid}.form label{color:#cbd5e1;gap:.45rem;font-size:.85rem;font-weight:500;display:grid}.form input,.form select,.form textarea{font:inherit;color:var(--fg);background:#0206178c;border:1px solid #94a3b838;border-radius:10px;min-height:48px;padding:.8rem 1rem;font-size:1rem;transition:border-color .25s,box-shadow .25s}.form textarea{resize:vertical}.form input,.form select,.form textarea{width:100%;min-width:0}.services__in>*,.about__in>*,.contact__in>*{min-width:0}.form select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--fg-2) 50%), linear-gradient(135deg, var(--fg-2) 50%, transparent 50%);background-position:calc(100% - 20px) 52%,calc(100% - 15px) 52%;background-repeat:no-repeat;background-size:5px 5px;padding-right:2.5rem}.form option{background:var(--bg)}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #3b82f640}.form [aria-invalid=true]{border-color:#f87171}.form .btn{justify-self:start;margin-top:.4rem}.form__hint{color:var(--fg-2);margin-top:-.3rem;font-size:.85rem}.form__hint a{color:var(--blue-l);text-underline-offset:3px;text-decoration:underline}.form__status{min-height:1.4em;color:var(--fg-2);font-size:.9rem}.form__status.is-error{color:#fca5a5}.footer{border-top:1px solid var(--line-d);background:#080e1b;padding-top:2.8rem}.footer__in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding-bottom:2rem;display:flex}.footer nav{color:var(--fg-2);flex-wrap:wrap;gap:1.8rem;font-size:.88rem;display:flex}.footer nav a:hover{color:var(--fg)}.footer__bottom{border-top:1px solid var(--line-d);color:var(--slate);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:1.4rem;font-size:.8rem;display:flex}@media (prefers-reduced-motion:no-preference){.js [data-reveal],.js [data-hero],.js [data-card],.js .strip li{opacity:0}.js .hero__title .w>span{transform:translateY(110%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}@media (width<=960px){.nav__toggle{z-index:2;display:block}.nav__links{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;background:#0b1222f7;flex-direction:column;justify-content:center;gap:1.6rem;font-size:1.3rem;transition:opacity .35s,visibility .35s;position:fixed;inset:0}.nav.is-open .nav__links{opacity:1;visibility:visible}.nav.is-open{-webkit-backdrop-filter:none;backdrop-filter:none;transform:none}.strip{grid-template-columns:repeat(2,1fr);row-gap:2rem}.strip li:nth-child(3){border-left:0}.services__in,.about__in,.contact__in{grid-template-columns:1fr}.services__in .editor{order:2}.cards{grid-template-columns:1fr 1fr}.tech__grid{grid-template-columns:repeat(4,1fr)}}@media (width<=640px){.ring{width:90vw;top:10%;right:-20%}.mountains{width:200%;height:100svh;left:-100%}.strip li{padding:0 .6rem}.cards{grid-template-columns:1fr}.sec-head{flex-direction:column;align-items:flex-start}.steps{grid-template-columns:1fr;gap:2.2rem;padding-left:64px}.steps:before,.steps:after{width:2px;height:auto;inset:20px auto 0 19px}.steps:after{transform:scaleY(var(--p));transform-origin:50% 0}.step__n{position:absolute;top:0;left:-64px}.step h3{margin-top:.45rem}.editor__code{padding-inline:1rem;font-size:.72rem}}