@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter Display;src:url(/fonts/InterDisplay-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Inter Display;src:url(/fonts/InterDisplay-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter Fallback;src:local(Arial);size-adjust:107.4%;ascent-override:90.2%;descent-override:22.48%;line-gap-override:0%}:root{--deep:#052321;--surface:#0a2e2b;--surface-raised:#113d39;--line:#1d4f49;--line-strong:#5d9a90;--ink:#eaf6f3;--ink-muted:#9fc2bb;--accent:#ffb938;--accent-hover:#ffd073;--on-accent:#052321;--deep-muted:#2d5b55;--flow-teal:#0d6b63;--flow-sea:#3fd0b4;--focus:var(--ink);--font-display:"Inter Display", "Inter Fallback", "Inter", system-ui, sans-serif;--font-sans:"Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:144px;--radius-sm:6px;--radius-lg:24px;--radius-pill:999px;--knob-halo:0 0 0 8px #ffb93840}
*,:before,:after{box-sizing:border-box}html{background:var(--deep);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--deep);color:var(--ink);font:400 17px/28px var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img,svg,canvas{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:var(--accent);color:var(--on-accent)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-4);z-index:30;background:var(--accent);color:var(--on-accent);padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);font:500 16px/20px var(--font-sans);text-decoration:none;position:absolute;top:-100px}.skip-link:focus{top:var(--space-3)}.wrap{width:100%;max-width:1280px;padding-inline:var(--space-4);margin-inline:auto}@media (min-width:700px){.wrap{padding-inline:var(--space-5)}}.section{padding-block:var(--space-8)}@media (min-width:900px){.section{padding-block:var(--space-9)}}.section--band{background:var(--surface)}.section__head{gap:var(--space-4);margin-bottom:var(--space-7);max-width:46rem;display:grid}.h-display{font:300 clamp(2.75rem, 7.4vw, 7rem)/.97 var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0}.h-section{font:300 clamp(2.125rem, 4.2vw, 3.5rem)/1.06 var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:0}.h-name{font:500 1.75rem/1.2 var(--font-display);letter-spacing:-.015em;margin:0}.lead{max-width:38rem;color:var(--ink-muted);margin:0;font-size:1.25rem;line-height:2rem}.muted{color:var(--ink-muted)}.small{font-size:14px;line-height:22px}.link{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.22em;text-decoration-thickness:2px;transition:color .18s,text-decoration-color .18s}.link:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent-hover);text-decoration-color:var(--accent-hover)}.btn{min-height:48px;padding:0 var(--space-5);border-radius:var(--radius-pill);font:500 16px/20px var(--font-sans);cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;text-decoration:none;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover{background:var(--accent-hover)}.btn--ghost{color:var(--ink);border-color:var(--line-strong);background:0 0}.btn--ghost:hover{border-color:var(--ink)}.nav{z-index:20;background:var(--deep);transition:background-color .25s;position:fixed;inset:0 0 auto}.js .nav--over{background:0 0}.nav__bar{justify-content:space-between;align-items:center;gap:var(--space-5);min-height:72px;display:flex}.nav__name{font:500 17px/1 var(--font-display);letter-spacing:-.01em;padding-block:var(--space-2);text-decoration:none}.nav__links{gap:var(--space-6);margin:0;padding:0;list-style:none;display:none}.nav__links a{padding-block:var(--space-2);font:500 15px/20px var(--font-sans);border-bottom:2px solid #0000;text-decoration:none;transition:border-color .18s;display:block}.nav__links a:hover{border-bottom-color:var(--accent)}.nav__end{align-items:center;gap:var(--space-4);display:flex}.lang{padding:var(--space-2) var(--space-1);font:500 14px/20px var(--font-sans);color:var(--ink);text-decoration:none;transition:color .18s;display:inline-block}.lang:hover{color:var(--accent)}@media (min-width:860px){.nav__links{display:flex}}@media (max-width:480px){.nav__end .btn{min-height:40px;padding:0 var(--space-4)}}.hero{isolation:isolate;touch-action:pan-y;background:radial-gradient(60% 70% at 78% 30%, var(--flow-teal), transparent 70%), radial-gradient(40% 50% at 92% 80%, var(--surface-raised), transparent 70%), var(--deep);align-items:flex-end;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero__canvas{z-index:-2;opacity:0;width:100%;height:100%;transition:opacity 1.4s;position:absolute;inset:0}.hero__canvas.is-live{opacity:1}.hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(to bottom, color-mix(in srgb, var(--deep) 66%, transparent), transparent 150px), linear-gradient(to top, var(--deep) 0%, color-mix(in srgb, var(--deep) 70%, transparent) 38%, transparent 72%), linear-gradient(to right, color-mix(in srgb, var(--deep) 62%, transparent), transparent 62%);position:absolute;inset:0}.hero__inner{gap:var(--space-7);padding-top:160px;padding-bottom:var(--space-8);display:grid}.hero__title{max-width:13em}.hero__foot{gap:var(--space-6);align-items:end;display:grid}.hero__intro{max-width:36rem;margin:0;font-size:1.1875rem;line-height:1.85rem}.hero__actions{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.hero__hint{color:var(--ink-muted);margin:0;font-size:14px;line-height:22px}@media (min-width:900px){.hero__foot{grid-template-columns:1fr auto}.hero__hint{text-align:right}.hero__inner{padding-bottom:var(--space-9)}}@media (hover:none){.hero__hint--pointer{display:none}}.w{vertical-align:top;margin-bottom:-.1em;padding-bottom:.1em;display:inline-block;overflow:hidden}.w>span{animation:.95s cubic-bezier(.2,.8,.2,1) forwards rise;animation-delay:calc(var(--i) * 60ms + .2s);display:inline-block;transform:translateY(108%)}.hero__rest{opacity:0;animation:.9s 1.05s forwards settle}@keyframes rise{to{transform:none}}@keyframes settle{to{opacity:1}}@media (prefers-reduced-motion:reduce){.w>span{animation:none;transform:none}.hero__rest{opacity:1;animation:none}.hero__canvas{transition:none}html{scroll-behavior:auto}}.services{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.service{gap:var(--space-3);padding-block:var(--space-6);border-bottom:1px solid var(--line);display:grid}.service p{max-width:36rem;color:var(--ink-muted);margin:0}@media (min-width:900px){.service{gap:var(--space-5);padding-block:var(--space-7);grid-template-columns:5fr 7fr}}.stack-note{margin:var(--space-6) 0 0;max-width:46rem;color:var(--ink-muted)}.setup{border:0;min-width:0;margin:0;padding:0}.setup__track{height:24px;margin-bottom:var(--space-5);display:none;position:relative}.setup__track:before{content:"";background:var(--line-strong);height:2px;position:absolute;top:11px;left:0;right:0}.setup__stop{border-radius:var(--radius-pill);background:var(--line-strong);width:12px;height:12px;margin-left:-6px;position:absolute;top:6px}.setup__stop:first-child{left:16.6667%}.setup__stop:nth-child(2){left:50%}.setup__stop:nth-child(3){left:83.3333%}.setup__knob{border-radius:var(--radius-pill);background:var(--accent);width:24px;height:24px;box-shadow:var(--knob-halo);margin-left:-12px;transition:left .5s cubic-bezier(.3,1.35,.5,1);position:absolute;top:0;left:50%}.setup:has(#setup-code:checked) .setup__knob{left:16.6667%}.setup:has(#setup-hybrid:checked) .setup__knob{left:50%}.setup:has(#setup-cms:checked) .setup__knob{left:83.3333%}.setup__cards{gap:var(--space-4);display:grid;position:relative}.setup__card{gap:var(--space-4);padding:var(--space-6) var(--space-5);border-radius:var(--radius-lg);background:var(--surface-raised);color:var(--ink);cursor:pointer;border:2px solid #0000;flex-direction:column;transition:background-color .3s,color .3s,border-color .2s;display:flex}.setup__card:hover{border-color:var(--line-strong)}.setup__kind,.setup__desc{color:var(--ink-muted);margin:0;transition:color .3s}.setup__list{margin:var(--space-3) 0 0;padding:0;list-style:none}.setup__list li{padding-block:var(--space-3);border-top:1px solid var(--line);transition:border-color .3s}.badge{padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font:600 13px/16px var(--font-sans);align-self:flex-start}.setup input:checked+.setup__card{background:var(--ink);color:var(--deep);border-color:var(--ink)}.setup input:checked+.setup__card .setup__kind,.setup input:checked+.setup__card .setup__desc{color:var(--deep-muted)}.setup input:checked+.setup__card .setup__list li{border-top-color:color-mix(in srgb, var(--deep) 22%, transparent)}.setup input:focus-visible+.setup__card{outline:2px solid var(--focus);outline-offset:4px}.setup__after{margin:var(--space-6) 0 0;max-width:46rem}@media (min-width:860px){.setup__track{display:block}.setup__cards{gap:var(--space-5);grid-template-columns:repeat(3,1fr)}}.steps{gap:var(--space-7);margin:0;padding:0;list-style:none;display:grid}.step{align-content:start;gap:var(--space-3);padding-top:var(--space-5);border-top:2px solid var(--line-strong);display:grid}.step__n{font:300 3.5rem/1 var(--font-display);letter-spacing:-.04em;color:var(--accent)}.step p{color:var(--ink-muted);margin:0}@media (min-width:700px){.steps{gap:var(--space-7) var(--space-5);grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.steps{grid-template-columns:repeat(4,1fr)}}.timeline{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.role{gap:var(--space-2);padding-block:var(--space-6);border-bottom:1px solid var(--line);display:grid}.role__when{color:var(--ink-muted);margin:0}.role__who p{margin:var(--space-1) 0 0;color:var(--ink-muted)}.role__what{max-width:36rem;color:var(--ink-muted);margin:0}@media (min-width:900px){.role{gap:var(--space-5);padding-block:var(--space-7);grid-template-columns:3fr 4fr 5fr}}.timeline-note{margin:var(--space-6) 0 0;max-width:46rem;color:var(--ink-muted)}.contact__mail{max-width:100%;font:300 clamp(1.75rem, 6.2vw, 5.5rem)/1.05 var(--font-display);letter-spacing:-.035em;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.14em;text-decoration-skip-ink:none;text-decoration-thickness:.06em;transition:color .18s,text-decoration-color .18s;display:inline-block}.contact__mail:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent-hover);text-decoration-color:var(--accent-hover)}.contact__links{gap:var(--space-3) var(--space-6);margin:var(--space-7) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.footer{border-top:1px solid var(--line);padding-block:var(--space-6)}.footer__row{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-5);color:var(--ink-muted);flex-wrap:wrap;display:flex}.footer__row p{margin:0}
main:focus{outline:none}.nav__name,.lang{align-items:center;min-height:44px;display:inline-flex}@media (max-width:480px){.nav__end .btn{min-height:44px}}.setup__card>span{display:block}.setup__cards>input{top:0;left:0}#setup-nextjs{grid-row:1}#setup-payload{grid-row:2}#setup-keep{grid-row:3}@media (min-width:860px){#setup-nextjs{grid-column:1}#setup-payload{grid-column:2}#setup-keep{grid-column:3}#setup-payload,#setup-keep{grid-row:1}}.setup:has(#setup-nextjs:checked) .setup__knob{left:16.6667%}.setup:has(#setup-payload:checked) .setup__knob{left:50%}.setup:has(#setup-keep:checked) .setup__knob{left:83.3333%}@media (hover:hover){.setup__card:hover{background:var(--ink);color:var(--deep);border-color:var(--ink)}.setup__card:hover .setup__kind,.setup__card:hover .setup__desc{color:var(--deep-muted)}.setup__cards:has(.setup__card:hover) input:checked+.setup__card:not(:hover){background:var(--surface-raised);color:var(--ink);border-color:#0000}:is(.setup__cards:has(.setup__card:hover) input:checked+.setup__card:not(:hover) .setup__kind,.setup__cards:has(.setup__card:hover) input:checked+.setup__card:not(:hover) .setup__desc){color:var(--ink-muted)}.setup:has(#setup-nextjs+.setup__card:hover) .setup__knob{left:16.6667%}.setup:has(#setup-payload+.setup__card:hover) .setup__knob{left:50%}.setup:has(#setup-keep+.setup__card:hover) .setup__knob{left:83.3333%}}@media (prefers-reduced-motion:reduce){.setup__card,.setup__kind,.setup__desc,.setup__knob{transition:none}}#how{isolation:isolate;position:relative;overflow:clip}#how .wrap{z-index:1;position:relative}.how__scene{z-index:0;pointer-events:none;opacity:0;transition:opacity 1.2s;position:absolute;inset:0}.how__scene.is-live{opacity:1}.how__scene canvas{width:100%;height:min(100svh,100%);display:block;position:sticky;top:0}@media (prefers-reduced-motion:reduce){.how__scene{transition:none}.btn{transition:background-color .18s,border-color .18s}.btn:active{transform:none}.hero__hint--pointer{display:none}}.contact__mail{overflow-wrap:anywhere;padding-block:var(--space-2)}.faq .service p{max-width:40rem}.consent{z-index:30;left:var(--space-4);right:var(--space-4);bottom:var(--space-4);box-sizing:border-box;gap:var(--space-4);max-width:30rem;padding:var(--space-5);background:var(--surface-raised);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius-lg);margin-left:auto;display:grid;position:fixed}.consent:focus-visible{outline-offset:4px}.consent__text{margin:0;font-size:1rem;line-height:1.625rem}.consent__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.consent__actions .btn{flex:8rem}@media (min-width:700px){.consent{right:var(--space-5);bottom:var(--space-5)}}.footer__consent{min-height:44px;color:inherit;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:.22em;background:0 0;border:0;align-items:center;padding:0;font-family:inherit;display:none}.footer__consent:hover{color:var(--ink);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.js .footer__consent{display:inline-flex}@media print{.consent,.nav,.hero__canvas,.how__scene,.skip-link{display:none}.hero{background:0 0;min-height:0}.hero:after{display:none}html,body{color:#000;background:#fff}}