@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Mono:wght@400;500&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}.mx-auto{margin-inline:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-x-auto{overflow-x:auto}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.text-center{text-align:center}.text-left{text-align:left}.align-top{vertical-align:top}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--font-display:"Instrument Serif", "Georgia", serif;--font-body:"Switzer", "Helvetica Neue", sans-serif;--font-mono:"DM Mono", "Menlo", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.625rem;--radius-xl:.875rem;--radius-2xl:1.25rem;--radius-full:9999px;--transition-interactive:.2s cubic-bezier(.16, 1, .3, 1);--transition-slow:.45s cubic-bezier(.16, 1, .3, 1);--content-narrow:640px;--content-default:960px;--content-wide:1200px}[data-theme=light],:root{--color-bg:#f5f8ff;--color-surface:#fff;--color-surface-2:#eef2fb;--color-surface-offset:#e8edf8;--color-border:#2563eb1f;--color-divider:#2563eb0f;--color-text:#0b1426;--color-text-muted:#4a5f7a;--color-text-faint:#a0b4cc;--color-text-inverse:#f5f8ff;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-accent-glow:#2563eb26;--color-accent2:#0ea5e9;--color-accent2-hover:#0284c7;--color-accent2-glow:#0ea5e926;--color-accent3:#6366f1;--color-success:#059669;--color-error:#dc2626;--color-warning:#d97706;--shadow-sm:0 1px 3px #0b14260f;--shadow-md:0 4px 20px #0b142614;--shadow-lg:0 12px 44px #0b14261f;--shadow-glow:0 4px 24px var(--color-accent-glow);--grid-color:#2563eb2e;--hero-gradient:linear-gradient(160deg, #f5f8ff 0%, #eaf0ff 50%, #f0f7ff 100%);--accent-gradient:linear-gradient(135deg, var(--color-accent), var(--color-accent2))}[data-theme=dark]{--color-bg:#111418;--color-surface:#1a1e24;--color-surface-2:#22272f;--color-surface-offset:#0e1218;--color-border:#e2e6ec14;--color-divider:#e2e6ec0d;--color-text:#e2e6ec;--color-text-muted:#7a8898;--color-text-faint:#3a4455;--color-text-inverse:#111418;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-accent-glow:#2563eb4d;--color-accent2:#38bdf8;--color-accent2-hover:#0ea5e9;--color-accent2-glow:#38bdf833;--color-accent3:#6366f1;--color-success:#34d399;--color-error:#f87171;--color-warning:#fbbf24;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 24px #00000080;--shadow-lg:0 16px 56px #000000a6;--shadow-glow:0 0 32px var(--color-accent-glow);--grid-color:#e2e6ec1a;--hero-gradient:linear-gradient(160deg, #111418 0%, #141920 55%, #0f1317 100%);--accent-gradient:linear-gradient(135deg, var(--color-accent), var(--color-accent2))}.theme-toggle{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}@supports (color:color-mix(in lab, red, red)){.theme-toggle{background:color-mix(in srgb, var(--color-surface) 80%, transparent)}}.theme-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-interactive), border-color var(--transition-interactive), background var(--transition-interactive);font-size:1rem;line-height:1}.theme-toggle:hover{color:var(--color-accent);border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.theme-toggle:hover{border-color:color-mix(in srgb, var(--color-accent) 35%, transparent)}}.theme-toggle:hover{background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.theme-toggle:hover{background:color-mix(in srgb, var(--color-accent) 6%, var(--color-surface))}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;scroll-padding-top:var(--space-16)}body{min-height:100dvh;line-height:1.65;font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);transition:background-color var(--transition-slow), color var(--transition-slow);background-size:26px 26px;font-size:clamp(1rem,.95rem + .2vw,1.1rem)}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-wrap:balance;letter-spacing:-.01em;font-weight:400;line-height:1.1}p,li,figcaption{text-wrap:pretty;max-width:72ch}::selection{background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in srgb, var(--color-accent) 25%, transparent)}}::selection{color:var(--color-text)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}body.site-modal-open nav{filter:blur(4px);opacity:.5;pointer-events:none;transition:filter .2s,opacity .2s}.grid-bg{position:relative}.grid-bg:before{content:"";background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);pointer-events:none;z-index:-1;background-size:26px 26px;position:absolute;inset:0}.glass{background:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.glass{background:color-mix(in srgb, var(--color-surface) 75%, transparent)}}.glass{-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.glass-sm{background:var(--color-surface)}@supports (color:color-mix(in lab, red, red)){.glass-sm{background:color-mix(in srgb, var(--color-surface) 65%, transparent)}}.glass-sm{-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.accent-text{color:var(--color-accent)}.gradient-text{color:var(--color-accent);background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.btn-glow{background:var(--color-accent);color:#fff;font-family:var(--font-body);letter-spacing:.01em;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-interactive), background-color var(--transition-interactive), box-shadow var(--transition-interactive);border:none;padding:.75rem 2rem;font-size:.9rem;font-weight:500;position:relative;overflow:hidden}.btn-glow:hover{background:var(--color-accent-hover);box-shadow:0 6px 24px var(--color-accent-glow);transform:translateY(-1px)}.btn-glow:active{transform:translateY(0)}.btn-outline{color:var(--color-text-muted);font-family:var(--font-body);letter-spacing:.01em;border-radius:var(--radius-full);border:1px solid var(--color-border);cursor:pointer;transition:border-color var(--transition-interactive), color var(--transition-interactive), background var(--transition-interactive);background:0 0;padding:.75rem 2rem;font-size:.9rem;font-weight:500}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.btn-outline:hover{background:color-mix(in srgb, var(--color-accent) 6%, transparent)}}.section{padding-block:clamp(1.5rem,3vw,2.5rem)}.container{width:100%;max-width:var(--content-wide);margin-inline:auto;padding-inline:clamp(1.5rem,5vw,4rem)}@media (max-width:839px){.navbar-logo{display:none}}.section-badge{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);border:1px solid var(--color-accent);align-items:center;gap:.5rem;padding:.3rem .875rem;font-size:.72rem;font-weight:500;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.section-badge{border:1px solid color-mix(in srgb, var(--color-accent) 25%, transparent)}}.section-badge{border-radius:var(--radius-full);background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.section-badge{background:color-mix(in srgb, var(--color-accent) 7%, transparent)}}.section-badge{margin-bottom:1.5rem}.service-card{transition:transform var(--transition-interactive), border-color var(--transition-interactive), box-shadow var(--transition-interactive);position:relative;overflow:hidden}.service-card:hover{border-color:var(--color-accent);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.service-card:hover{border-color:color-mix(in srgb, var(--color-accent) 35%, transparent)}}.service-card:hover{box-shadow:0 12px 40px #0000004d, 0 0 0 1px var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.service-card:hover{box-shadow:0 12px 40px #0000004d, 0 0 0 1px color-mix(in srgb, var(--color-accent) 20%, transparent)}}.orb{filter:blur(100px);pointer-events:none;z-index:0;border-radius:50%;animation:9s ease-in-out infinite float;position:absolute}.orb-1{background:radial-gradient(circle, var(--color-accent), transparent 70%);width:clamp(300px,45vw,700px);height:clamp(300px,45vw,700px)}@supports (color:color-mix(in lab, red, red)){.orb-1{background:radial-gradient(circle, color-mix(in srgb, var(--color-accent) 18%, transparent), transparent 70%)}}.orb-1{top:-15%;right:-10%}.orb-2{background:radial-gradient(circle, var(--color-accent2), transparent 70%);width:clamp(200px,30vw,450px);height:clamp(200px,30vw,450px)}@supports (color:color-mix(in lab, red, red)){.orb-2{background:radial-gradient(circle, color-mix(in srgb, var(--color-accent2) 14%, transparent), transparent 70%)}}.orb-2{animation-delay:-4s;bottom:5%;left:-8%}.orb-3{background:radial-gradient(circle, var(--color-accent3), transparent 70%);width:clamp(120px,18vw,280px);height:clamp(120px,18vw,280px)}@supports (color:color-mix(in lab, red, red)){.orb-3{background:radial-gradient(circle, color-mix(in srgb, var(--color-accent3) 12%, transparent), transparent 70%)}}.orb-3{animation-delay:-7s;top:45%;left:42%}.theme-switcher{background:var(--color-surface);gap:.375rem;display:flex}@supports (color:color-mix(in lab, red, red)){.theme-switcher{background:color-mix(in srgb, var(--color-surface) 80%, transparent)}}.theme-switcher{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:.25rem}.theme-btn{border-radius:var(--radius-full);cursor:pointer;width:1.75rem;height:1.75rem;transition:transform var(--transition-interactive), border-color var(--transition-interactive);border:2px solid #0000}.theme-btn:hover{transform:scale(1.12)}.theme-btn.active{border-color:var(--color-accent)}.input-field{background:var(--color-surface-2);width:100%}@supports (color:color-mix(in lab, red, red)){.input-field{background:color-mix(in srgb, var(--color-surface-2) 80%, transparent)}}.input-field{border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-family:var(--font-body);transition:border-color var(--transition-interactive), box-shadow var(--transition-interactive);outline:none;padding:.875rem 1.25rem;font-size:clamp(.875rem,.8rem + .2vw,.95rem);font-weight:400}.input-field::placeholder{color:var(--color-text-faint);font-weight:300}.input-field:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.input-field:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 12%, transparent)}}.input-field.error{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error)}@supports (color:color-mix(in lab, red, red)){.input-field.error{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-error) 12%, transparent)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-accent) 40%, transparent)}}::-webkit-scrollbar-thumb{border-radius:var(--radius-full)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 16px var(--color-accent-glow)}50%{box-shadow:0 0 48px var(--color-accent-glow)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-up{animation:.6s cubic-bezier(.16,1,.3,1) both fadeUp}.animate-fade-in{animation:.5s cubic-bezier(.16,1,.3,1) both fadeIn}.hero-grid{grid-template-columns:1fr;gap:clamp(2.5rem,5vw,4rem);display:grid}@media (min-width:960px){.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center}}.showcase-frame{aspect-ratio:4/3;width:100%;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.showcase-topbar{z-index:2;border-bottom:1px solid var(--color-border);background:var(--color-surface);align-items:center;gap:.75rem;padding:.65rem .85rem;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.showcase-topbar{background:color-mix(in srgb, var(--color-surface) 85%, transparent)}}.showcase-dot{border-radius:var(--radius-full);background:var(--color-text-faint);width:7px;height:7px}.showcase-chevron{z-index:3;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);width:2.25rem;height:2.25rem;position:absolute;top:50%;transform:translateY(-50%)}@supports (color:color-mix(in lab, red, red)){.showcase-chevron{background:color-mix(in srgb, var(--color-surface) 75%, transparent)}}.showcase-chevron{-webkit-backdrop-filter:blur(10px);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-interactive), border-color var(--transition-interactive), background var(--transition-interactive);justify-content:center;align-items:center;display:flex}.showcase-chevron:hover{color:var(--color-accent);border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.showcase-chevron:hover{border-color:color-mix(in srgb, var(--color-accent) 35%, transparent)}}.showcase-chevron:hover{background:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.showcase-chevron:hover{background:color-mix(in srgb, var(--color-accent) 8%, var(--color-surface))}}.showcase-chevron-left{left:.6rem}.showcase-chevron-right{right:.6rem}.showcase-url{border-radius:var(--radius-full);background:var(--color-surface-2);min-width:0;font-family:var(--font-mono);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;transition:color var(--transition-slow);flex:1;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.72rem;display:flex;overflow:hidden}.showcase-stage{position:absolute;inset:2.6rem 0 0}.showcase-slide{text-align:center;opacity:0;transition:opacity var(--transition-slow);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;display:flex;position:absolute;inset:0}.showcase-slide.is-active{opacity:1;pointer-events:auto}.showcase-slide-name{font-family:var(--font-display);color:var(--color-text);font-size:clamp(1.5rem,1.1rem + 1.5vw,2.25rem);font-style:italic}.showcase-slide-label{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-text-muted);text-transform:uppercase;font-size:.75rem}.showcase-caption{font-family:var(--font-mono);color:var(--color-text-faint);text-align:center;font-size:.75rem}.showcase-pills{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.showcase-pill{font-family:var(--font-body);color:var(--color-text-muted);border-radius:var(--radius-full);border:1px solid var(--color-border);cursor:pointer;transition:color var(--transition-interactive), border-color var(--transition-interactive), background var(--transition-interactive);background:0 0;padding:.35rem .9rem;font-size:.78rem;font-weight:500}.showcase-pill:hover{color:var(--color-text)}.showcase-pill.is-active{color:var(--pill-accent,var(--color-accent));border-color:var(--pill-accent,var(--color-accent))}@supports (color:color-mix(in lab, red, red)){.showcase-pill.is-active{border-color:color-mix(in srgb, var(--pill-accent,var(--color-accent)) 40%, transparent)}}.showcase-pill.is-active{background:var(--pill-accent,var(--color-accent))}@supports (color:color-mix(in lab, red, red)){.showcase-pill.is-active{background:color-mix(in srgb, var(--pill-accent,var(--color-accent)) 8%, transparent)}}.showcase-pill-tuto{color:var(--pill-accent,var(--color-accent));border-style:dashed}.showcase-pill-tuto:hover{background:var(--pill-accent,var(--color-accent));border-style:solid}@supports (color:color-mix(in lab, red, red)){.showcase-pill-tuto:hover{background:color-mix(in srgb, var(--pill-accent,var(--color-accent)) 8%, transparent)}}.tuto-modal-overlay{z-index:200;background:var(--color-bg);animation:tuto-modal-fade-in var(--transition-slow);justify-content:center;align-items:center;padding:2.5rem 1.5rem;display:flex;position:fixed;inset:0}@keyframes tuto-modal-fade-in{0%{opacity:0}to{opacity:1}}.tuto-modal-inner{width:min(88vw,380px);max-height:88vh;position:relative}.tuto-emulator{aspect-ratio:9/16;border-radius:var(--radius-lg);width:100%;max-height:88vh;box-shadow:var(--shadow-lg), 0 0 0 1px var(--pill-accent,var(--color-accent));background:#000;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.tuto-emulator{box-shadow:var(--shadow-lg), 0 0 0 1px color-mix(in srgb, var(--pill-accent,var(--color-accent)) 35%, transparent)}}.tuto-emulator video{object-fit:contain}.tuto-modal-close{z-index:1;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);width:2.25rem;height:2.25rem;position:absolute;top:-2.75rem;right:0}@supports (color:color-mix(in lab, red, red)){.tuto-modal-close{background:color-mix(in srgb, var(--color-surface) 75%, transparent)}}.tuto-modal-close{-webkit-backdrop-filter:blur(10px);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-interactive), border-color var(--transition-interactive);justify-content:center;align-items:center;display:flex}.tuto-modal-close:hover{color:var(--color-accent);border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.tuto-modal-close:hover{border-color:color-mix(in srgb, var(--color-accent) 35%, transparent)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}