@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.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}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.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}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/instrument-serif-latin-ext-400-normal.C2je3j2s.woff2)format("woff2"),url(/_astro/instrument-serif-latin-ext-400-normal.CFCUzsTy.woff)format("woff");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:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/instrument-serif-latin-400-normal.DnYpCC2O.woff2)format("woff2"),url(/_astro/instrument-serif-latin-400-normal.BVbkICAY.woff)format("woff");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}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/instrument-serif-latin-ext-400-italic.C9HzH3YL.woff2)format("woff2"),url(/_astro/instrument-serif-latin-ext-400-italic.D7-lnxEk.woff)format("woff");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:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/instrument-serif-latin-400-italic.DKMiL14s.woff2)format("woff2"),url(/_astro/instrument-serif-latin-400-italic.u__WvvIK.woff)format("woff");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}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@view-transition{navigation:auto}:root{color-scheme:dark;interpolate-size:allow-keywords;--ink:oklch(13.5% .012 280);--ink-2:oklch(16.5% .014 280);--ink-3:oklch(20% .016 280);--card:oklch(18% .014 280/.55);--line:oklch(100% 0 0/.08);--line-2:oklch(100% 0 0/.15);--text:oklch(96% .005 280);--muted:oklch(74% .015 280);--faint:oklch(55% .015 280);--gold:oklch(80% .12 75);--gold-hi:oklch(90% .09 85);--gold-lo:oklch(64% .12 62);--violet:oklch(76% .13 300);--grad:linear-gradient(120deg, var(--gold-hi), var(--gold) 45%, var(--gold-lo));--display:"Bricolage Grotesque Variable", ui-sans-serif, system-ui, sans-serif;--sans:"Inter Variable", ui-sans-serif, system-ui, -apple-system, sans-serif;--serif:"Instrument Serif", Georgia, serif;--ease:cubic-bezier(.22, 1, .36, 1);--radius:22px;--gutter:clamp(20px, 4vw, 40px);--wrap:min(1240px, 100% - 2 * var(--gutter));--section:clamp(72px, 9vw, 120px)}*,:before,:after{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--ink-3) var(--ink);scroll-padding-top:110px}body{background:var(--ink);min-height:100dvh;color:var(--text);font:400 1rem/1.65 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-x:clip}body:after{content:"";z-index:100;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}img,svg,canvas,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--gold);color:var(--ink)}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:200;background:var(--gold);color:var(--ink);border-radius:10px;padding:10px 16px;font-weight:700;transition:top .2s;position:fixed;top:-60px;left:16px;&:focus{top:16px}}.wrap{width:var(--wrap);margin-inline:auto}.section{padding-block:var(--section);position:relative}.section-head{gap:18px;max-width:820px;margin-bottom:clamp(40px,6vw,72px);display:grid;&.split{grid-template-columns:1fr auto;align-items:end;max-width:none;@media (width<760px){grid-template-columns:1fr}}}.eyebrow{font:600 .75rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);align-items:center;gap:10px;display:inline-flex;&:before{content:"";background:currentColor;width:22px;height:1px}}.h-display,.h1,.h2,.h3{font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;font-weight:700;line-height:1}.h1{font-size:clamp(2.6rem,7.4vw,6.6rem);line-height:.95}.h2{font-size:clamp(2.1rem,5vw,4.2rem)}.h3{letter-spacing:-.02em;font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.15}.em{font-family:var(--serif);letter-spacing:-.01em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.06em;font-style:italic;font-weight:400}.lead{color:var(--muted);text-wrap:pretty;max-width:62ch;font-size:clamp(1.05rem,1.4vw,1.25rem)}.muted{color:var(--muted)}.btn{--pad:14px 22px;padding:var(--pad);white-space:nowrap;cursor:pointer;isolation:isolate;transition:transform .4s var(--ease), background-color .3s, border-color .3s, color .3s;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;font-size:.95rem;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:hidden;& .arrow{transition:transform .4s var(--ease)}&:hover .arrow{transform:translate(4px)}&:active{transform:scale(.97)}}.btn-gold{background:var(--grad);color:oklch(16% .02 60);box-shadow:inset 0 0 0 1px oklch(90% .09 85/.4),0 10px 30px -10px oklch(80% .12 75/.6);&:after{content:"";z-index:-1;transition:translate .8s var(--ease);background:linear-gradient(110deg,#0000 30%,oklch(100% 0 0/.55) 50%,#0000 70%);position:absolute;inset:0;translate:-120%}&:hover:after{translate:120%}}.btn-ghost{border-color:var(--line-2);backdrop-filter:blur(8px);background:oklch(100% 0 0/.03);&:hover{border-color:var(--gold);color:var(--gold-hi)}}.btn-sm{--pad:10px 16px;font-size:.875rem}.btn-lg{--pad:18px 28px;font-size:1.02rem}.link{color:var(--gold);transition:background-size .4s var(--ease);background:linear-gradient(currentColor 0 0) 0 100%/0 1px no-repeat;&:hover{background-size:100% 1px}}.pill{border:1px solid var(--line-2);color:var(--muted);background:oklch(100% 0 0/.03);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;font-weight:500;display:inline-flex}.dot{background:oklch(80% .18 150);border-radius:50%;width:8px;height:8px;animation:2s infinite ping;box-shadow:0 0 oklch(80% .18 150/.6)}@keyframes ping{70%{box-shadow:0 0 0 10px oklch(80% .18 150/0)}to{box-shadow:0 0 oklch(80% .18 150/0)}}.card{--mx:50%;--my:50%;border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(500px circle at var(--mx) var(--my), oklch(80% .12 75/.09), transparent 45%), linear-gradient(180deg, oklch(100% 0 0/.025), transparent), var(--ink-2);transition:border-color .4s, translate .6s var(--ease);position:relative;&:before{content:"";border-radius:inherit;background:radial-gradient(300px circle at var(--mx) var(--my), oklch(85% .11 80/.7), transparent 50%);opacity:0;pointer-events:none;padding:1px;transition:opacity .4s;position:absolute;inset:-1px;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}&:hover:before{opacity:1}}a.card:hover{translate:0 -4px}.tag{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.75rem;display:inline-flex}.nav{z-index:50;pointer-events:none;position:fixed;inset:14px 0 auto}.nav__bar{pointer-events:auto;width:var(--wrap);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(160%);view-transition-name:nav;background:oklch(13.5% .012 280/.55);border-radius:999px;align-items:center;gap:18px;margin-inline:auto;padding:8px 8px 8px 18px;display:flex}.logo{font:700 1.15rem/1 var(--display);letter-spacing:-.02em;align-items:center;gap:10px;display:inline-flex;& svg{width:30px;height:30px}}.nav__links{gap:4px;margin-inline:auto;padding:0;list-style:none;display:flex;& a{color:var(--muted);border-radius:999px;padding:8px 14px;font-size:.92rem;font-weight:500;transition:color .2s,background-color .2s;display:block;&:hover,&[aria-current=page]{color:var(--text);background:oklch(100% 0 0/.06)}}}.nav__actions{align-items:center;gap:8px;display:flex}.kbd-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:.85rem;display:inline-flex;&:hover{border-color:var(--line-2);color:var(--text)}}kbd{font:500 .72rem/1 var(--sans);border:1px solid var(--line-2);color:var(--muted);border-radius:6px;padding:3px 6px}.burger{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:42px;height:42px;display:none;& span{background:var(--text);width:16px;height:1.5px;box-shadow:0 5px 0 var(--text);display:block;translate:0 -2.5px}}.menu{width:100%;max-width:none;height:100dvh;max-height:none;padding:110px var(--gutter) 40px;backdrop-filter:blur(24px);color:var(--text);opacity:0;transition:opacity .35s var(--ease), translate .35s var(--ease), display .35s allow-discrete, overlay .35s allow-discrete;background:oklch(13.5% .012 280/.92);border:0;inset:0;translate:0 -12px;&:popover-open{opacity:1;translate:0;@starting-style{opacity:0;translate:0 -12px}}& ul{gap:6px;padding:0;list-style:none;display:grid}& li a{font:700 clamp(2rem, 9vw, 3rem) / 1.1 var(--display);letter-spacing:-.03em;border-bottom:1px solid var(--line);padding:10px 0;display:block}& .menu__close{top:26px;right:var(--gutter);position:absolute}& .menu__foot{gap:14px;margin-top:32px;display:grid}}@media (width<940px){.nav__links,.nav__actions .kbd-btn,.nav__actions .btn,.kbd-hint{display:none!important}.burger{display:grid}.nav__actions{margin-left:auto}}.hero{isolation:isolate;align-items:end;min-height:100svh;padding:140px 0 clamp(48px,7vw,88px);display:grid;position:relative;overflow:hidden}.hero__canvas{z-index:-2;background:radial-gradient(60% 50% at 70% 30%, oklch(50% .1 70/.35), transparent 70%), var(--ink);width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";z-index:-1;background:linear-gradient(180deg, oklch(13.5% .012 280/.3), transparent 25%, transparent 60%, var(--ink)), linear-gradient(90deg, oklch(13.5% .012 280/.6), transparent 60%);position:absolute;inset:0}.hero__inner{gap:clamp(22px,3vw,34px);display:grid}.hero__title{max-width:13ch;& .line{margin-bottom:-.06em;padding-bottom:.06em;display:block;overflow:hidden}& .line>span{animation:rise 1.2s var(--ease) both;animation-delay:calc(var(--i) * 90ms + .15s);display:inline-block}}@keyframes rise{0%{transform:translateY(105%)rotate(2deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}}.hero__sub{animation:fade-up 1s var(--ease) .55s both}.hero__ctas{animation:fade-up 1s var(--ease) .7s both;flex-wrap:wrap;gap:12px;display:flex}.hero__meta{border-top:1px solid var(--line);color:var(--muted);animation:fade-up 1s var(--ease) .85s both;flex-wrap:wrap;gap:10px 26px;margin-top:8px;padding-top:26px;font-size:.88rem;display:flex;& span{align-items:center;gap:8px;display:inline-flex}& svg{width:16px;color:var(--gold)}}.hero__badge{animation:fade-up 1s var(--ease) 50ms both;justify-self:start}.marquee{border-block:1px solid var(--line);padding:22px 0;overflow:hidden;mask:linear-gradient(90deg,#0000,#000 10% 90%,#0000);&:hover .marquee__track{animation-play-state:paused}}.marquee__track{width:max-content;font:500 clamp(1.3rem, 2.4vw, 2rem) / 1 var(--display);letter-spacing:-.02em;color:var(--muted);gap:48px;animation:40s linear infinite marquee;display:flex;& span{align-items:center;gap:48px;display:inline-flex}& span:after{content:"✦";color:var(--gold);font-size:.6em}}@keyframes marquee{to{transform:translate(-50%)}}.flagship{grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(28px,5vw,64px);padding:clamp(28px,4vw,56px);display:grid;overflow:hidden;@media (width<900px){grid-template-columns:1fr}}.flagship__info{align-content:start;gap:18px;display:grid}.flagship__tags{flex-wrap:wrap;gap:8px;display:flex}.mock{--rx:0deg;--ry:0deg;perspective:1400px;& .mock__frame{transform:rotateX(calc(8deg + var(--rx))) rotateY(calc(-14deg + var(--ry)));transform-style:preserve-3d;transition:transform .6s var(--ease);border:1px solid var(--line-2);background:oklch(17% .014 280);border-radius:16px;font-size:11px;overflow:hidden;box-shadow:0 50px 100px -30px oklch(0% 0 0/.7),inset 0 0 0 1px oklch(100% 0 0/.03),-30px 30px 80px -40px oklch(80% .12 75/.35)}}.mock__top{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:10px 12px;display:flex;& i{background:var(--ink-3);border-radius:50%;width:9px;height:9px}& .mock__url{background:var(--ink);color:var(--faint);border-radius:6px;margin-left:10px;padding:3px 10px}}.mock__body{grid-template-columns:110px 1fr;min-height:300px;display:grid}.mock__side{border-right:1px solid var(--line);color:var(--faint);align-content:start;gap:6px;padding:14px 10px;display:grid;& b{color:var(--gold);font:700 13px var(--display);margin-bottom:8px}& span{border-radius:6px;padding:5px 8px}& span.on{color:var(--gold-hi);background:oklch(80% .12 75/.12)}}.mock__main{align-content:start;gap:12px;padding:14px;display:grid}.mock__kpis{grid-template-columns:repeat(3,1fr);gap:8px;display:grid;& div{border:1px solid var(--line);background:var(--ink-2);border-radius:10px;padding:10px}& small{color:var(--faint);display:block}& strong{font:700 18px/1.3 var(--display)}}.mock__chart{border:1px solid var(--line);background:var(--ink-2);border-radius:10px;align-items:end;gap:6px;height:90px;padding:10px;display:flex;& i{height:var(--h);background:linear-gradient(180deg, var(--gold), oklch(80% .12 75/.15));transform-origin:bottom;border-radius:4px 4px 2px 2px;flex:1}}@keyframes grow{0%{transform:scaleY(0)}}.mock__rows{gap:6px;display:grid;& div{background:var(--ink-2);color:var(--muted);border-radius:8px;grid-template-columns:1fr 90px 40px;align-items:center;gap:10px;padding:7px 10px;display:grid}& .bar{background:var(--ink-3);border-radius:9px;height:5px;overflow:hidden}& .bar i{height:100%;width:var(--w);background:var(--grad);display:block}}.work-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid;@media (width<800px){grid-template-columns:1fr}}.work-card{display:grid;overflow:hidden;& .work-card__art{aspect-ratio:16/10;background:linear-gradient(oklch(100% 0 0/.04) 1px, transparent 1px) 0 0 / 32px 32px, linear-gradient(90deg, oklch(100% 0 0/.04) 1px, transparent 1px) 0 0 / 32px 32px, radial-gradient(70% 90% at 80% 10%, color-mix(in oklch, var(--accent) 55%, transparent), transparent 60%), radial-gradient(60% 80% at 10% 100%, color-mix(in oklch, var(--accent) 25%, transparent), transparent 60%), var(--ink-3);border-bottom:1px solid var(--line);position:relative;overflow:hidden;container-type:inline-size}& .work-card__name{font:800 clamp(2rem, 10cqi, 4.6rem) / .9 var(--display);letter-spacing:-.05em;background:linear-gradient(oklch(100% 0 0/.95),oklch(100% 0 0/.35));color:#0000;transition:transform .8s var(--ease);-webkit-background-clip:text;background-clip:text;position:absolute;inset:auto 24px 18px}&:hover .work-card__name{transform:translateY(-8px)}& .work-card__result{backdrop-filter:blur(10px);border:1px solid var(--line-2);font:700 .9rem/1 var(--display);background:oklch(13.5% .012 280/.6);border-radius:999px;padding:8px 14px;position:absolute;top:18px;right:18px}& .work-card__body{gap:10px;padding:24px;display:grid}& .work-card__meta{color:var(--muted);justify-content:space-between;font-size:.85rem;display:flex}}.bento{grid-template-columns:repeat(6,1fr);gap:16px;display:grid;&>*{grid-column:span 2}&>:first-child,&>:nth-child(2){grid-column:span 3}&>:nth-child(6){grid-column:span 6;min-height:0}@media (width<980px){grid-template-columns:repeat(2,1fr);&>*,&>:first-child,&>:nth-child(2),&>:nth-child(6){grid-column:span 1}}@media (width<620px){grid-template-columns:1fr}}.svc{align-content:start;gap:14px;min-height:260px;padding:clamp(24px,3vw,34px);display:grid;& .svc__icon{border:1px solid var(--line-2);width:48px;height:48px;color:var(--gold);background:oklch(80% .12 75/.07);border-radius:14px;place-items:center;display:grid;& svg{width:22px}}& .svc__num{font:500 .8rem var(--sans);color:var(--faint);position:absolute;top:24px;right:26px}& .svc__foot{color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;font-size:.85rem;display:flex}& .svc__go{border:1px solid var(--line-2);width:36px;height:36px;transition:background-color .3s, color .3s, transform .4s var(--ease);border-radius:50%;place-items:center;display:grid}&:hover .svc__go{background:var(--gold);color:var(--ink);transform:rotate(-45deg)}}.process{grid-template-columns:.9fr 1.1fr;align-items:start;gap:clamp(32px,6vw,96px);display:grid;@media (width<900px){grid-template-columns:1fr}& .process__head{gap:18px;display:grid;position:sticky;top:130px}}.steps{gap:18px;padding:0 0 0 34px;list-style:none;display:grid;position:relative;&:before,&:after{content:"";background:var(--line);border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:8px}&:after{background:var(--grad);transform-origin:top}}.step{padding:26px 28px;position:relative;&:after{content:"";background:var(--ink);border:2px solid var(--gold);border-radius:50%;width:14px;height:14px;position:absolute;top:34px;left:-32px}& .step__top{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}& .step__when{color:var(--gold);font-size:.82rem;font-weight:600}}.stats{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid;@media (width<820px){grid-template-columns:repeat(2,1fr)}& div{border-left:1px solid var(--line);gap:8px;padding:clamp(28px,4vw,48px) clamp(16px,2vw,28px);display:grid;&:first-child{border-left:0}}& strong{font:700 clamp(2.4rem, 5vw, 4rem) / 1 var(--display);letter-spacing:-.04em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}& span{color:var(--muted);font-size:.92rem}}.quote{text-align:center;justify-items:center;gap:32px;max-width:980px;margin-inline:auto;display:grid;& blockquote{font:400 clamp(1.7rem, 3.6vw, 3rem) / 1.2 var(--serif);letter-spacing:-.01em;text-wrap:balance}& .quote__mark{font:400 6rem/.5 var(--serif);color:var(--gold);height:40px}& .quote__who{text-align:left;align-items:center;gap:14px;display:flex}& .avatar{background:var(--grad);width:48px;height:48px;color:var(--ink);font:700 1rem var(--display);border-radius:50%;place-items:center;display:grid}}.plans{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:16px;display:grid;@media (width<940px){grid-template-columns:1fr;max-width:520px;margin-inline:auto}}.plan{align-content:start;gap:20px;padding:clamp(26px,3vw,36px);display:grid;& .plan__price{font:700 clamp(2.4rem, 4vw, 3.2rem) / 1 var(--display);letter-spacing:-.04em}& ul{color:var(--muted);gap:12px;padding:0;font-size:.95rem;list-style:none;display:grid}& li{gap:10px;display:flex}& li:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8b76a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") 50%/11px no-repeat,oklch(80% .12 75/.12);border-radius:50%;flex:none;width:18px;height:18px;margin-top:3px}& .btn{margin-top:8px}}.plan--featured{background:radial-gradient(120% 80% at 50% 0%, oklch(80% .12 75/.12), transparent 60%), var(--ink-2);border-color:#0000;&:after{content:"";border-radius:inherit;background:conic-gradient(from var(--angle), transparent 0 60%, var(--gold-hi) 75%, var(--gold-lo) 85%, transparent 100%);pointer-events:none;padding:1px;animation:5s linear infinite spin;position:absolute;inset:-1px;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}& .plan__badge{background:var(--grad);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:.75rem;font-weight:700;position:absolute;top:22px;right:22px}}@keyframes spin{to{--angle:360deg}}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:8px 14px;font-size:.88rem;transition:border-color .2s,color .2s}a.chip:hover,a.chip[aria-current=page]{border-color:var(--gold);color:var(--gold-hi)}.posts{grid-template-columns:repeat(3,1fr);gap:16px;display:grid;@media (width<980px){grid-template-columns:repeat(2,1fr)}@media (width<640px){grid-template-columns:1fr}}.post-card{align-content:start;gap:14px;padding:26px;display:grid;& h3{font:700 1.25rem/1.25 var(--display);letter-spacing:-.02em;text-wrap:balance}& p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.94rem;display:-webkit-box;overflow:hidden}& .post-card__meta{color:var(--faint);gap:10px;margin-top:auto;font-size:.82rem;display:flex}}.faq{border-top:1px solid var(--line);display:grid;& details{border-bottom:1px solid var(--line)}& summary{cursor:pointer;font:600 clamp(1.05rem, 1.6vw, 1.3rem) / 1.3 var(--display);letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;list-style:none;display:flex;&::-webkit-details-marker{display:none}&:after{content:"+";border:1px solid var(--line-2);width:36px;height:36px;color:var(--gold);font:300 1.4rem/1 var(--sans);transition:transform .4s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}}& details[open] summary:after{transform:rotate(45deg)}& details::details-content{block-size:0;transition:block-size .45s var(--ease), content-visibility .45s allow-discrete;overflow:hidden}& details[open]::details-content{block-size:auto}& details p{color:var(--muted);max-width:70ch;padding:0 60px 26px 0}}.cta-band{text-align:center;border-radius:calc(var(--radius) + 10px);border:1px solid var(--line-2);background:radial-gradient(60% 120% at 50% 120%, oklch(80% .12 75/.35), transparent 60%), radial-gradient(40% 60% at 90% 0%, oklch(76% .13 300/.15), transparent 70%), var(--ink-2);justify-items:center;gap:24px;padding:clamp(48px,8vw,110px) clamp(24px,5vw,64px);display:grid;position:relative;overflow:hidden;& .lead{margin-inline:auto}& .actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}}.footer{border-top:1px solid var(--line);margin-top:var(--section);padding:clamp(64px,9vw,120px) 0 32px;overflow:hidden}.footer__grid{grid-template-columns:1.6fr repeat(3,1fr);gap:40px;display:grid;@media (width<820px){grid-template-columns:1fr 1fr}& h4{font:600 .75rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:18px}& ul{gap:10px;padding:0;list-style:none;display:grid}& li a{color:var(--muted);transition:color .2s;&:hover{color:var(--gold-hi)}}}.footer__brand{align-content:start;gap:16px;display:grid;@media (width<820px){grid-column:1/-1}}.wordmark{font:800 clamp(5rem, 22vw, 20rem) / .8 var(--display);letter-spacing:-.06em;text-align:center;color:#0000;-webkit-text-stroke:1px var(--line-2);background:linear-gradient(oklch(80% .12 75/.25),#0000 75%);user-select:none;-webkit-background-clip:text;background-clip:text;margin-top:clamp(48px,8vw,96px)}.footer__bottom{border-top:1px solid var(--line);color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;padding-top:28px;font-size:.85rem;display:flex;& a:hover{color:var(--text)}}.page-head{isolation:isolate;padding:clamp(150px,18vw,220px) 0 clamp(48px,6vw,80px);position:relative;overflow:hidden;&:before{content:"";z-index:-1;background:radial-gradient(40% 50% at 75% 20%,oklch(80% .12 75/.16),#0000 70%),radial-gradient(30% 40% at 15% 0,oklch(76% .13 300/.1),#0000 70%);height:120%;position:absolute;inset:-20% -10% auto}& .wrap{gap:22px;display:grid}}.crumbs{color:var(--faint);flex-wrap:wrap;gap:8px;font-size:.85rem;display:flex;& a:hover{color:var(--text)}}.prose{color:oklch(86% .01 280);max-width:70ch;font-size:1.08rem;line-height:1.8;&>*+*{margin-top:1.2em}& h2{font:700 clamp(1.5rem, 2.6vw, 2rem) / 1.2 var(--display);letter-spacing:-.025em;color:var(--text);margin-top:2.2em}& h3{font:700 1.3rem/1.3 var(--display);color:var(--text);margin-top:1.8em}& a{color:var(--gold);text-underline-offset:3px;text-decoration:underline oklch(80% .12 75/.4);&:hover{text-decoration-color:currentColor}}& strong{color:var(--text)}& ul,& ol{padding-left:1.3em}& li+li{margin-top:.5em}& li::marker{color:var(--gold)}& blockquote{border-left:2px solid var(--gold);font:400 1.5rem/1.35 var(--serif);color:var(--text);padding:4px 0 4px 22px}& code{background:var(--ink-3);border-radius:6px;padding:2px 6px;font-size:.9em}& pre{border:1px solid var(--line);border-radius:14px;padding:18px;overflow-x:auto;& code{background:0 0;padding:0}}& hr{border:0;border-top:1px solid var(--line)}& img{border-radius:14px}& table{border-collapse:collapse;width:100%;font-size:.95rem}& th,& td{border-bottom:1px solid var(--line);text-align:left;padding:10px 12px}}.article{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:clamp(32px,6vw,88px);display:grid;@media (width<1000px){grid-template-columns:1fr;& .toc{display:none}}}.toc{gap:14px;font-size:.88rem;display:grid;position:sticky;top:120px;& ol{border-left:1px solid var(--line);gap:8px;padding:0;list-style:none;display:grid}& a{color:var(--muted);border-left:1px solid #0000;margin-left:-1px;padding-left:14px;transition:color .2s,border-color .2s;display:block;&:hover,&.active{color:var(--gold-hi);border-left-color:var(--gold)}}}.progress{z-index:60;background:var(--grad);transform-origin:0;height:3px;position:fixed;inset:0 0 auto;transform:scaleX(0)}.form{gap:18px;padding:clamp(24px,4vw,40px);display:grid;& .row{grid-template-columns:1fr 1fr;gap:18px;display:grid;@media (width<640px){grid-template-columns:1fr}}& label{color:var(--muted);gap:8px;font-size:.85rem;font-weight:500;display:grid}& input,& select,& textarea{border:1px solid var(--line-2);background:var(--ink);width:100%;color:var(--text);border-radius:14px;padding:14px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s;&:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 4px oklch(80% .12 75/.15)}&:user-invalid{border-color:oklch(68% .2 25)}}& textarea{resize:vertical;field-sizing:content;min-height:140px}& .form__status{min-height:1.4em;font-size:.92rem;&[data-state=done]{color:oklch(80% .16 150)}&[data-state=error]{color:oklch(72% .18 25)}}& .hp{display:none}}.contact-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:clamp(28px,5vw,72px);display:grid;@media (width<900px){grid-template-columns:1fr}}.contact-list{gap:12px;display:grid;& a{gap:4px;padding:20px 22px;display:grid}& small{color:var(--faint);text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:600}}.cmdk{border:1px solid var(--line-2);backdrop-filter:blur(24px)saturate(160%);width:min(640px,100% - 32px);max-height:min(560px,80dvh);color:var(--text);opacity:0;transition:opacity .25s var(--ease), scale .25s var(--ease), display .25s allow-discrete, overlay .25s allow-discrete;background:oklch(16.5% .014 280/.92);border-radius:20px;margin:12vh auto auto;padding:0;overflow:hidden;scale:.97;box-shadow:0 40px 120px -20px oklch(0% 0 0/.8);&[open]{opacity:1;flex-direction:column;display:flex;scale:1;@starting-style{opacity:0;scale:.97}}&::backdrop{backdrop-filter:blur(3px);background:oklch(0% 0 0/.55)}& .cmdk__input{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px 20px;display:flex;& svg{width:18px;color:var(--faint)}& input{background:0 0;border:0;outline:none;flex:1;font-size:1.05rem}}& ul{padding:8px;list-style:none;overflow-y:auto}& .cmdk__group{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);padding:12px 12px 6px;font-size:.72rem}& li a{border-radius:12px;gap:2px;padding:10px 12px;display:grid;& span{font-weight:500}& small{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}& li a[aria-selected=true]{background:oklch(80% .12 75/.12);& span{color:var(--gold-hi)}}& .cmdk__empty{text-align:center;color:var(--faint);padding:28px}& .cmdk__foot{border-top:1px solid var(--line);color:var(--faint);gap:16px;padding:10px 16px;font-size:.78rem;display:flex}}.wa{z-index:40;color:#fff;width:56px;height:56px;transition:transform .4s var(--ease);background:#25d366;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 30px -8px #25d3668c;&:hover{transform:scale(1.08)rotate(-6deg)}& svg{width:28px}}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid;@media (width<760px){grid-template-columns:1fr}}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid;@media (width<900px){grid-template-columns:1fr}}.stack{gap:var(--gap,16px);align-content:start;display:grid}.pad{padding:clamp(24px,3vw,36px)}.check-list{gap:12px;padding:0;list-style:none;display:grid;& li{color:var(--muted);gap:12px;display:flex}& li:before{content:"✦";color:var(--gold);margin-top:.25em;font-size:.8em}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both reveal view();animation-range:entry entry 80%}.reveal-stagger>*{animation:linear both reveal view();animation-range:entry entry 70%}.steps:after{animation:linear both fill view();animation-range:entry 30% cover 70%}.mock__chart i{animation:linear both grow view();animation-range:entry calc(20% + var(--d) * 4%) cover calc(35% + var(--d) * 2%)}.progress{animation:linear both fill-x scroll(root)}.wordmark{animation:linear both wordmark view();animation-range:entry cover 50%}.hero__inner{animation:linear both hero-out scroll(root);animation-range:0 90vh}}}@keyframes reveal{0%{opacity:0;filter:blur(8px);transform:translateY(48px)scale(.98)}}@keyframes fill{0%{transform:scaleY(0)}}@keyframes fill-x{to{transform:scaleX(1)}}@keyframes wordmark{0%{opacity:0;transform:translateY(30%)}}@keyframes hero-out{to{opacity:.1;transform:translateY(-12vh)}}::view-transition-old(root){animation:.35s var(--ease) both vt-out}::view-transition-new(root){animation:.55s var(--ease) both vt-in}@keyframes vt-out{to{opacity:0;transform:translateY(-12px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@view-transition{navigation:none}}