:root{--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--coral-300: #ffa898;--coral-400: #ff8a75;--coral-500: #ff6b5a;--mint-400: #34d399;--mint-500: #10b981;--amber-400: #fbbf24;--rose-500: #f43f5e;--sky-400: #38bdf8;--font-display: "Sora", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--fs-hero: clamp(1.75rem, 1.1rem + 2.8vw, 4rem);--fs-h1: clamp(1.6rem, 1.1rem + 2.5vw, 3.25rem);--fs-h2: clamp(1.35rem, 1rem + 1.8vw, 2.6rem);--fs-h3: clamp(1.1rem, .95rem + .6vw, 1.45rem);--fs-lead: clamp(.95rem, .9rem + .3vw, 1.15rem);--fs-body: 1rem;--fs-sm: .875rem;--fs-xs: .78rem;--shell: 1240px;--gutter: clamp(.9rem, .55rem + 2vw, 2.75rem);--block: clamp(3rem, 1.75rem + 5.5vw, 7.5rem);--r-sm: 10px;--r-md: 14px;--r-lg: 22px;--r-xl: 30px;--r-pill: 999px;--ease: cubic-bezier(.22, 1, .36, 1)}[data-theme=dark]{--bg: #0b1020;--bg-alt: #0f1530;--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .075);--surface-solid: #141a36;--line: rgba(255, 255, 255, .11);--line-strong: rgba(255, 255, 255, .22);--ink: #f4f6ff;--ink-soft: #c3c9e6;--ink-mute: #8e96bd;--accent: var(--indigo-400);--accent-ink: #0b1020;--spark: var(--coral-400);--glow-a: rgba(99, 102, 241, .55);--glow-b: rgba(255, 107, 90, .4);--glow-c: rgba(16, 185, 129, .3);--shadow-lg: 0 28px 70px -28px rgba(2, 4, 20, .85);--shadow-sm: 0 10px 26px -14px rgba(2, 4, 20, .8);--grid-line: rgba(255, 255, 255, .045)}[data-theme=light]{--bg: #f6f7fd;--bg-alt: #ffffff;--surface: #ffffff;--surface-2: #f0f2fb;--surface-solid: #ffffff;--line: rgba(20, 26, 54, .1);--line-strong: rgba(20, 26, 54, .2);--ink: #131834;--ink-soft: #454d75;--ink-mute: #6b7396;--accent: var(--indigo-600);--accent-ink: #ffffff;--spark: var(--coral-500);--glow-a: rgba(99, 102, 241, .28);--glow-b: rgba(255, 107, 90, .22);--glow-c: rgba(16, 185, 129, .18);--shadow-lg: 0 26px 60px -30px rgba(19, 24, 52, .28);--shadow-sm: 0 10px 24px -16px rgba(19, 24, 52, .24);--grid-line: rgba(19, 24, 52, .05)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6.5rem;-webkit-text-size-adjust:100%}body{margin:0;width:100%;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.65;-webkit-font-smoothing:antialiased;transition:background .3s var(--ease),color .3s var(--ease)}#app{width:100%;min-width:0}.page-wrap{overflow-x:clip;min-height:100dvh}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.shell{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:var(--gutter);min-width:0}.shell--narrow{max-width:880px}.block{position:relative;padding-block:var(--block);min-width:0}.block--alt{background:var(--bg-alt);border-block:1px solid var(--line)}.stack{display:grid;gap:clamp(1.5rem,1rem + 2vw,3rem);min-width:0}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 1rem;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.eyebrow:before{content:"";width:1.6rem;height:1px;background:currentColor;opacity:.6}.headline{margin:0 0 1rem;font-family:var(--font-display);font-size:var(--fs-h2);font-weight:700;line-height:1.12;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}.lead{margin:0;max-width:62ch;font-size:var(--fs-lead);color:var(--ink-soft)}.section-head{margin-bottom:clamp(2rem,1.2rem + 2.6vw,3.5rem)}.grid-auto{display:grid;gap:clamp(.9rem,.6rem + 1vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,15.5rem),1fr))}.gradient-text{background:linear-gradient(100deg,var(--accent),var(--spark) 65%,var(--mint-400));-webkit-background-clip:text;background-clip:text;color:transparent}.panel{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(1.25rem,.9rem + 1.4vw,2rem);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-sm);min-width:0}.panel--solid{background:var(--surface-solid);backdrop-filter:none;-webkit-backdrop-filter:none}.panel--flush{padding:0;overflow:hidden}.panel--hover{transition:transform .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease)}.panel--hover:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:var(--shadow-lg)}.divider{height:1px;border:0;margin:0;background:var(--line)}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.34rem .7rem;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface-2);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;letter-spacing:.06em;color:var(--ink-soft);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.chip--accent{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.chip--spark{border-color:color-mix(in srgb,var(--spark) 45%,transparent);background:color-mix(in srgb,var(--spark) 14%,transparent);color:var(--spark)}.chip--mint{border-color:color-mix(in srgb,var(--mint-500) 45%,transparent);background:color-mix(in srgb,var(--mint-500) 14%,transparent);color:var(--mint-500)}.chip--amber{border-color:color-mix(in srgb,var(--amber-400) 50%,transparent);background:color-mix(in srgb,var(--amber-400) 16%,transparent);color:color-mix(in srgb,var(--amber-400) 88%,var(--ink))}.chip--rose{border-color:color-mix(in srgb,var(--rose-500) 45%,transparent);background:color-mix(in srgb,var(--rose-500) 14%,transparent);color:var(--rose-500)}.chip--sky{border-color:color-mix(in srgb,var(--sky-400) 45%,transparent);background:color-mix(in srgb,var(--sky-400) 14%,transparent);color:var(--sky-400)}.btn{--btn-bg: transparent;--btn-ink: var(--ink);--btn-line: var(--line-strong);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.85rem 1.5rem;min-height:2.9rem;border:1px solid var(--btn-line);border-radius:var(--r-pill);background:var(--btn-bg);color:var(--btn-ink);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;letter-spacing:.01em;cursor:pointer;text-align:center;max-width:100%;overflow-wrap:anywhere;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease),opacity .2s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{--btn-bg: linear-gradient(120deg, var(--indigo-600), var(--indigo-400) 55%, var(--sky-400));--btn-ink: #fff;--btn-line: transparent;box-shadow:0 14px 30px -14px var(--glow-a)}.btn--primary:hover:not(:disabled){box-shadow:0 20px 40px -14px var(--glow-a)}.btn--spark{--btn-bg: linear-gradient(120deg, var(--coral-500), var(--amber-400));--btn-ink: #2a1206;--btn-line: transparent;box-shadow:0 14px 30px -14px var(--glow-b)}.btn--ghost{--btn-bg: var(--surface-2);--btn-ink: var(--ink);--btn-line: var(--line)}.btn--ghost:hover:not(:disabled){--btn-line: var(--accent);color:var(--accent)}.btn--quiet{--btn-bg: transparent;--btn-line: transparent;--btn-ink: var(--ink-soft);padding-inline:.6rem}.btn--quiet:hover:not(:disabled){--btn-ink: var(--accent)}.btn--sm{padding:.5rem .95rem;min-height:2.25rem;font-size:var(--fs-xs)}.btn--lg{padding:1.05rem 2rem;min-height:3.35rem;font-size:var(--fs-body)}.btn--block{width:100%}.btn--danger{--btn-line: color-mix(in srgb, var(--rose-500) 50%, transparent);--btn-ink: var(--rose-500);--btn-bg: color-mix(in srgb, var(--rose-500) 10%, transparent)}.btn--ok{--btn-line: color-mix(in srgb, var(--mint-500) 50%, transparent);--btn-ink: var(--mint-500);--btn-bg: color-mix(in srgb, var(--mint-500) 10%, transparent)}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem}.field{display:block;margin-bottom:1.35rem;min-width:0}.field__label{display:block;margin-bottom:.45rem;font-size:var(--fs-sm);font-weight:600;color:var(--ink)}.field__label .req{color:var(--spark)}.field__hint{margin:.4rem 0 0;font-size:var(--fs-xs);color:var(--ink-mute)}.field__error{margin:.4rem 0 0;font-size:var(--fs-xs);font-weight:500;color:var(--rose-500)}.control{width:100%;padding:.8rem 1rem;min-height:2.9rem;background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink);font-size:var(--fs-body);transition:border-color .2s,box-shadow .2s,background .2s}.control::placeholder{color:var(--ink-mute);opacity:.75}.control:hover:not(:disabled){border-color:var(--line-strong)}.control:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.control.is-invalid{border-color:var(--rose-500)}.control--select{appearance:none;padding-right:2.6rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%238e96bd' stroke-width='1.6' stroke-linecap='round' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:.75rem}.control--area{min-height:7rem;resize:vertical;line-height:1.6}.check{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.9rem;font-size:var(--fs-sm);color:var(--ink-soft);cursor:pointer}.check input{flex:0 0 auto;width:1.15rem;height:1.15rem;margin:.2rem 0 0;accent-color:var(--accent);cursor:pointer}.field-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:0 1.15rem}@media(max-width:36rem){.field-pair{grid-template-columns:1fr;gap:0}}.notice{display:flex;gap:.75rem;padding:.9rem 1.1rem;margin-bottom:1.35rem;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);font-size:var(--fs-sm);color:var(--ink-soft)}.notice strong{color:var(--ink)}.notice--error{border-color:color-mix(in srgb,var(--rose-500) 45%,transparent);background:color-mix(in srgb,var(--rose-500) 10%,transparent)}.notice--ok{border-color:color-mix(in srgb,var(--mint-500) 45%,transparent);background:color-mix(in srgb,var(--mint-500) 10%,transparent)}.notice--info{border-color:color-mix(in srgb,var(--sky-400) 42%,transparent);background:color-mix(in srgb,var(--sky-400) 10%,transparent)}.notice--warn{border-color:color-mix(in srgb,var(--amber-400) 45%,transparent);background:color-mix(in srgb,var(--amber-400) 12%,transparent)}.meter{height:6px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}.meter__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--spark));transition:width .5s var(--ease)}.mono{font-family:var(--font-mono)}.muted{color:var(--ink-mute)}.soft{color:var(--ink-soft)}.center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spinner{flex:0 0 auto;width:1rem;height:1rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{border-radius:var(--r-md);background:linear-gradient(90deg,var(--surface-2),var(--surface),var(--surface-2));background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.page-enter-active,.page-leave-active{transition:opacity .25s var(--ease),transform .25s var(--ease)}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(8px)}@media(max-width:760px){body{padding-bottom:env(safe-area-inset-bottom)}}@media(max-width:30rem){:root{--gutter: .75rem;--block: clamp(2.75rem, 1.8rem + 4vw, 4rem)}.panel{padding:1rem;border-radius:var(--r-md)}.btn--lg{padding-inline:1rem}}