@font-face{font-family:Chivo;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/chivo-vietnamese-400-normal.CSXFuz3V.woff2)format("woff2"),url(/_astro/chivo-vietnamese-400-normal.DmGqoTkK.woff)format("woff");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:Chivo;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/chivo-latin-ext-400-normal.9x6Ncs2n.woff2)format("woff2"),url(/_astro/chivo-latin-ext-400-normal.C9-UC0c8.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:Chivo;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/chivo-latin-400-normal.BP0TbwmH.woff2)format("woff2"),url(/_astro/chivo-latin-400-normal.DBaM4DNC.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:Chivo;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/chivo-vietnamese-700-normal.DagjMFNh.woff2)format("woff2"),url(/_astro/chivo-vietnamese-700-normal.CW5-sSjj.woff)format("woff");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:Chivo;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/chivo-latin-ext-700-normal.B0JFxKuy.woff2)format("woff2"),url(/_astro/chivo-latin-ext-700-normal.DBLBw1OD.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:Chivo;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/chivo-latin-700-normal.w8tJISmu.woff2)format("woff2"),url(/_astro/chivo-latin-700-normal.D76hz2nd.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:Chivo;font-style:normal;font-display:swap;font-weight:900;src:url(/_astro/chivo-vietnamese-900-normal.CYNGsr_b.woff2)format("woff2"),url(/_astro/chivo-vietnamese-900-normal.DUrinyzK.woff)format("woff");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:Chivo;font-style:normal;font-display:swap;font-weight:900;src:url(/_astro/chivo-latin-ext-900-normal.nEu8l0yL.woff2)format("woff2"),url(/_astro/chivo-latin-ext-900-normal.C1CGxgfi.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:Chivo;font-style:normal;font-display:swap;font-weight:900;src:url(/_astro/chivo-latin-900-normal.C9LqtGxx.woff2)format("woff2"),url(/_astro/chivo-latin-900-normal.BOCGNdu-.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}:root{--bg:#e6e0d2;--surface:#dcd5c5;--ink:#1a1a1a;--muted:#4a4640;--accent:#18bc42;--accent-ink:#111;--yellow:#f2c21a;--black:#1a1a1a;--bone:#e6e0d2;--m:clamp(16px, 2.2vw, 32px);--step-small:.875rem;--step-body:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead:clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head:clamp(2.5rem, 1.2rem + 5vw, 5.5rem);--step-mega:clamp(3.4rem, 9.5vw, 8.75rem);--ease:cubic-bezier(.16,1,.3,1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:400 var(--step-body)/1.4 "Chivo", system-ui, sans-serif;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.on-dark :focus-visible{outline-color:var(--yellow)}h1,h2,h3{text-transform:uppercase;letter-spacing:-.05em;margin:0;font-weight:900;line-height:.9}h2{font-size:var(--step-head)}p{max-width:58ch;margin:0 0 1em}.wrap{padding-inline:var(--m)}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.btn{background:var(--accent);color:var(--accent-ink);cursor:pointer;transition:transform .15s var(--ease);border:0;border-radius:0;padding:18px 26px;font:700 1.125rem/1 Chivo,sans-serif;text-decoration:none;display:inline-block}.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(1px)}.btn.dark{background:var(--black);color:var(--bone)}.btn.light{background:var(--bone);color:var(--black)}.bar{z-index:5;padding:22px var(--m);justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.mark{text-transform:uppercase;letter-spacing:-.05em;color:var(--bone);font-size:1.5rem;font-weight:900;text-decoration:none}.bar nav{align-items:center;gap:22px;display:flex}.bar nav a:not(.btn){color:var(--bone);font-weight:700;text-decoration:none}.bar .btn{padding:12px 18px;font-size:1rem}.hero{background:var(--yellow);grid-template-rows:54% 46%;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero .up{background:var(--black)}.hero .down{background:var(--yellow);color:var(--black)}.hero h1{padding-inline:var(--m);font-size:var(--step-mega);grid-template-rows:54% 46%;place-items:center start;margin:0;line-height:.86;display:grid;position:absolute;inset:0}.hero h1 .l{align-self:center;padding-bottom:.04em;display:block;overflow:hidden}.hero h1 .l>span{display:block}.hero h1 .a{color:var(--bone)}.hero h1 .b{color:var(--black)}.hero h1 .a{transform:none}.hero .lead{left:var(--m);right:var(--m);color:var(--black);justify-content:space-between;align-items:end;gap:24px;display:flex;position:absolute;bottom:clamp(24px,5vh,48px)}.hero .lead p{font-size:var(--step-lead);max-width:34ch;margin:0;font-weight:400;line-height:1.25}.hero .lead .btn{white-space:nowrap}@media (width<=720px){.hero,.hero h1{grid-template-rows:46% 54%}.hero h1{font-size:15.5vw}.hero .lead{flex-direction:column;align-items:start}.hero .lead p{font-size:1.0625rem}.bar nav a:not(.btn){display:none}}.demo{padding:clamp(80px, 12vw, 200px) var(--m);gap:24px var(--m);grid-template-columns:repeat(12,1fr);align-items:start;display:grid}.demo>h2{grid-column:1/-1;max-width:12ch}.demo>.intro{grid-column:1/5;margin-top:10px}.player{color:#fff;aspect-ratio:16/9;background:#0d0d10;grid-area:3/1/auto/9;position:relative;overflow:hidden}.demo .controls{grid-area:3/9/auto/-1;align-content:start;gap:28px;display:grid}.demo .intro{grid-row:2}.scene{width:100%;height:100%;position:absolute;inset:0}.cue{text-align:center;letter-spacing:0;font-size:clamp(1rem,2.3vw,2.1rem);font-weight:700;line-height:1.25;position:absolute;bottom:9%;left:6%;right:6%}.cue .o,.cue .t{background:#000000b8;width:fit-content;margin-inline:auto;padding:.05em .35em}.cue .o{color:#fff;transition:opacity .2s;display:block}.cue .t{color:var(--yellow);margin-top:.2em;font-weight:500;display:block}.cue.m-off .t,.cue.m-tr .o{display:none}.player .ui{background:#3a3a40;height:6px;position:absolute;bottom:0;left:0;right:0}.player .ui i{background:var(--yellow);width:0;height:100%;display:block}.controls fieldset{border:0;margin:0;padding:0}.controls legend{font-weight:900;font-size:var(--step-lead);text-transform:uppercase;letter-spacing:-.03em;margin-bottom:10px;padding:0}.seg{flex-wrap:wrap;gap:8px;display:flex}.seg label{position:relative}.seg input{opacity:0;cursor:pointer;position:absolute;inset:0}.seg span{background:var(--surface);transition:background .15s, transform .15s var(--ease);padding:12px 18px;font-weight:700;display:block}.seg input:checked+span{background:var(--black);color:var(--bone)}.seg input:focus-visible+span{outline:3px solid var(--ink);outline-offset:2px}.seg label:hover span{transform:translateY(-2px)}.controls .btn{justify-self:start}.demo .note{font-size:var(--step-small);color:var(--muted);grid-area:4/1/auto/9;margin:0}@media (width<=900px){.demo>.intro,.player,.demo .controls,.demo .note{grid-area:auto/1/auto/-1}.demo>h2{font-size:11vw}}.steps{grid-template-columns:repeat(4,1fr);min-height:84svh;display:grid;position:relative}.steps>h2{top:var(--m);left:var(--m);z-index:2;max-width:7ch;font-size:clamp(2rem,4.2vw,4rem);position:absolute}.step{padding:var(--m);flex-direction:column;justify-content:space-between;min-height:84svh;display:flex}.step:nth-child(2){background:var(--yellow)}.step:nth-child(3){background:var(--black);color:var(--bone)}.step:nth-child(4){background:var(--surface)}.step:nth-child(5){background:var(--accent)}.step .ui{align-self:center;width:100%;max-width:260px;margin-top:38%}.step p.c{letter-spacing:-.03em;max-width:14ch;margin:0;font-size:clamp(1.375rem,2vw,2rem);font-weight:900;line-height:1.05}.step p.s{font-size:var(--step-small);letter-spacing:0;max-width:28ch;margin-top:12px;font-weight:400;line-height:1.4;display:block}.card{background:var(--bone);color:var(--black);transition:transform .15s var(--ease);padding:18px;font-size:.9375rem;line-height:1.35}.step:hover .card{transform:translateY(-6px)}.card b{margin-bottom:6px;font-size:1.0625rem;display:block}.card .row{background:#fff;justify-content:space-between;gap:10px;margin-top:6px;padding:8px 10px;display:flex}.card .pbar{background:#d9d2c0;height:10px;margin-top:10px}.card .pbar i{background:var(--accent);width:100%;height:100%;display:block}.card .cap{color:#fff;text-align:center;background:#0d0d10;margin-top:8px;padding:12px 8px;font-weight:700}.card .cap em{color:var(--yellow);font-style:normal;font-weight:500;display:block}@media (width<=1100px){.steps{grid-template-columns:1fr 1fr;min-height:0}.steps>h2{padding:var(--m);background:var(--black);max-width:none;color:var(--bone);grid-column:1/-1;font-size:9vw;position:static}.step{min-height:56svh}}@media (width<=720px){.steps{grid-template-columns:1fr}.step{min-height:64svh}.step .ui{align-self:start;margin-top:32px}.step p.c{order:-1}}.private{background:var(--black);color:var(--bone);padding:clamp(80px, 12vw, 200px) var(--m);gap:40px var(--m);grid-template-columns:repeat(12,1fr);align-items:start;display:grid}.private h2{grid-column:1/8}.private .text{grid-area:2/1/auto/6}.private .text p{font-size:var(--step-lead);line-height:1.3}.private .shots{grid-area:1/7/3/-1;grid-template-columns:5fr 6fr;align-items:start;gap:16px;display:grid}.private .shots img{width:100%;transition:transform .2s var(--ease)}.private .shots img:hover{transform:rotate(-1.5deg)translateY(-4px)}.private a{color:var(--yellow);font-weight:700}@media (width<=900px){.private h2,.private .text,.private .shots{grid-area:auto/1/auto/-1}.private h2{font-size:11vw}}.faq{padding:clamp(80px, 12vw, 200px) var(--m);gap:32px var(--m);grid-template-columns:repeat(12,1fr);align-items:start;display:grid}.faq>h2{grid-column:1/5;position:sticky;top:40px}.faq .list{grid-column:5/-1;gap:8px;display:grid}.faq details{background:var(--surface)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:16px 24px;font-size:1.25rem;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary i{flex:none;width:16px;height:16px;position:relative}.faq summary i:before,.faq summary i:after{content:"";width:16px;height:3px;transition:transform .2s var(--ease);background:currentColor;position:absolute;top:6.5px;left:0}.faq summary i:after{transform:rotate(90deg)}.faq details[open]{background:var(--accent);color:var(--accent-ink)}.faq details[open] summary i:after{transform:rotate(0)}.faq details p{max-width:52ch;margin:0;padding:0 24px 24px;font-size:1.0625rem}.faq details p a{font-weight:700}@media (width<=900px){.faq>h2,.faq .list{grid-column:1/-1;position:static}.faq>h2{font-size:11vw}.faq summary{min-height:64px;padding:14px 20px;font-size:1.125rem}.faq details p{padding:0 20px 20px}}.cta{background:var(--yellow);min-height:100svh;padding:32px var(--m) 24px;text-align:center;grid-template-rows:auto 1fr auto;display:grid}.cta h2{max-width:80%;margin-inline:auto;font-size:clamp(3.4rem,11vw,10.5rem);line-height:.95}.cta .mid{place-content:center;justify-items:center;gap:16px;padding:60px 0;display:grid}.cta .row{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.cta .row span{font-size:1.125rem}.cta .mid p{margin:0;font-size:1rem}@media (width<=720px){.cta h2{max-width:none;font-size:17vw}.cta .row{flex-direction:column;gap:12px}}footer.site{background:var(--black);color:var(--bone);padding:var(--m)}footer.site .top{flex-wrap:wrap;justify-content:space-between;gap:32px 64px;padding-block:24px 64px;display:flex}footer.site nav{font-size:var(--step-lead);text-transform:uppercase;letter-spacing:-.03em;gap:8px;font-weight:900;display:grid}footer.site nav a{transition:transform .15s var(--ease), color .15s;text-decoration:none}footer.site nav a:hover{color:var(--yellow);transform:translate(10px)}footer.site .small{font-size:var(--step-small);max-width:52ch}footer.site .small a{color:var(--yellow)}footer.site .big{text-transform:uppercase;letter-spacing:-.06em;white-space:nowrap;margin:0 -.04em;font-size:15.2vw;font-weight:900;line-height:.8;display:block}.prose{max-width:760px;padding:140px var(--m) 120px;margin:0 auto}.prose h1{font-size:var(--step-head);margin-bottom:40px}.prose h2{font-size:var(--step-lead);letter-spacing:-.03em;margin:2.2em 0 .6em;line-height:1.05}.prose p,.prose li{font-size:var(--step-body);max-width:66ch}.prose .top{padding:22px var(--m);position:absolute;inset:0 0 auto}.prose .mark,.prose-head .mark{color:var(--black)}@media (prefers-reduced-motion:no-preference){.hero h1 .l>span{animation:rise .9s var(--ease) forwards;transform:translateY(105%)}.hero h1 .l:nth-child(2)>span{animation-delay:.11s}.hero .lead,.bar{opacity:0;animation:.7s ease-out .75s forwards fade}.js .rv{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(24px)}.js .rv.in{opacity:1;transform:none}.scene .drift{animation:14s ease-in-out infinite alternate drift}}@keyframes rise{to{transform:none}}@keyframes fade{to{opacity:1}}@keyframes drift{0%{transform:translate(-1.5%)}to{transform:translate(1.5%)}}.hero .cut{right:calc(var(--m) + 2vw);color:#fff;text-align:center;background:#0d0d10;width:min(30vw,440px);padding:22px 20px;font-size:clamp(1rem,1.7vw,1.6rem);font-weight:700;line-height:1.25;position:absolute;top:28%;transform:rotate(-4deg)}.hero .cut em{color:var(--yellow);margin-top:.3em;font-style:normal;font-weight:500;display:block}@media (width<=720px){.hero .cut{display:none}}.step p.s{font-size:var(--step-small);max-width:28ch;margin:12px 0 0;line-height:1.4}.private .shots img.wide{grid-column:1/-1;margin-top:0}.private .shots img:last-child{margin-top:0}.private .shots img:nth-child(2){margin-top:12%}.hero .cut{background:var(--yellow);color:var(--black)}.hero .cut em{color:var(--black)}.hero h1 .l.b{align-self:start;margin-top:4vh}.steps>h2{color:var(--bone)}
