:root{--color-brand: #3E63DD;--color-brand-hover: #3551B8;--color-brand-soft: #E7ECFF;--color-accent: #F5A524;--color-accent-soft: #FFEFD0;--color-violet: #9B6BF0;--color-violet-soft: #EFE6FF;--color-mint: #CFEFE6;--color-success: #2F9E66;--color-danger: #D64545;--color-text: #1A1D29;--color-text-muted: #5B6172;--color-surface: #FFFFFF;--color-surface-alt: #F7F8FA;--color-border: #E3E6EC;--font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.75rem;--font-size-xxl: 2.5rem;--font-line-height: 1.55;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(26,29,41,.06);--shadow-md: 0 4px 16px rgba(26,29,41,.08);--shadow-lg: 0 12px 32px rgba(26,29,41,.12);--shadow-glow: 0 18px 50px rgba(62,99,221,.22)}:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--font-line-height);color:var(--color-text);background:var(--color-surface-alt);-webkit-font-smoothing:antialiased}a{color:var(--color-brand)}.container{max-width:720px;margin:0 auto;padding:0 var(--space-6)}.container-wide{max-width:1040px;margin:0 auto;padding:0 var(--space-6)}.container-narrow{max-width:560px;margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-16) 0;position:relative}.backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(60% 55% at 12% -5%,var(--color-brand-soft) 0%,transparent 60%),radial-gradient(48% 45% at 102% 8%,var(--color-accent-soft) 0%,transparent 55%),radial-gradient(52% 50% at 50% 112%,var(--color-violet-soft) 0%,transparent 60%),var(--color-surface-alt)}.orb{position:absolute;border-radius:50%;filter:blur(64px);opacity:.45}.orb--a{width:360px;height:360px;background:var(--color-brand-soft);top:-90px;left:-100px}.orb--b{width:300px;height:300px;background:var(--color-accent-soft);top:100px;right:-110px}.orb--c{width:320px;height:320px;background:var(--color-mint);bottom:-140px;left:28%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:0;cursor:pointer;background:linear-gradient(180deg,var(--color-brand),var(--color-brand-hover));color:var(--color-surface);font:inherit;font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);box-shadow:var(--shadow-md);transition:transform .15s ease,box-shadow .15s ease}.btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn--lg{padding:14px 28px;font-size:var(--font-size-lg)}.btn--block{width:100%}.badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);box-shadow:var(--shadow-sm)}.badge--dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-success)}.hero{padding-top:var(--space-8)}.hero__grid{display:grid;grid-template-columns:1fr;gap:var(--space-12);align-items:center}@media(min-width:860px){.hero__grid{grid-template-columns:1.1fr .9fr;gap:var(--space-8)}}.hero__title{font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.08;letter-spacing:-.02em;margin:var(--space-4) 0}.hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:34rem;margin:0 0 var(--space-6)}.hero__art{display:flex;justify-content:center}.companion{width:100%;max-width:340px;height:auto}.values{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media(min-width:760px){.values{grid-template-columns:repeat(3,1fr)}}.value-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease}.value-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.chip{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.chip svg{width:28px;height:28px}.chip--shield{color:var(--color-brand);background:var(--color-brand-soft)}.chip--spark{color:#9a6400;background:var(--color-accent-soft)}.chip--lock{color:var(--color-violet);background:var(--color-violet-soft)}.value-card h3{margin:0 0 var(--space-2);font-size:var(--font-size-lg)}.value-card p{margin:0;color:var(--color-text-muted)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg)}.panel__title{margin:0 0 var(--space-6);font-size:var(--font-size-xl)}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field label{font-weight:var(--font-weight-medium)}.field input,.field select{font:inherit;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color .15s ease}.field input:focus-visible,.field select:focus-visible{border-color:var(--color-brand)}.consent{flex-direction:row;align-items:flex-start;gap:var(--space-2)}.consent input{margin-top:3px}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.status{margin-top:var(--space-3);min-height:1.2em;font-weight:var(--font-weight-medium)}.status[data-kind=error]{color:var(--color-danger)}.status[data-kind=success],.status[data-kind=already]{color:var(--color-success)}.topbar{display:flex;justify-content:flex-end;padding:var(--space-4) 0}footer{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-12) 0;border-top:1px solid var(--color-border);margin-top:var(--space-8)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.companion{animation:kc-float 6s ease-in-out infinite;transform-origin:center}.spark{animation:kc-twinkle 3.2s ease-in-out infinite;transform-origin:center}.spark--2{animation-delay:.8s}.spark--3{animation-delay:1.6s}.reveal{opacity:0;transform:translateY(14px);animation:kc-rise .6s ease forwards}.reveal-2{animation-delay:.12s}.reveal-3{animation-delay:.24s}}@keyframes kc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes kc-twinkle{0%,to{opacity:.9}50%{opacity:.4}}@keyframes kc-rise{to{opacity:1;transform:none}}.sec-title{font-size:var(--font-size-xl);margin:0 0 var(--space-3);letter-spacing:-.01em}.sec-lead{color:var(--color-text-muted);font-size:var(--font-size-lg);max-width:42rem;margin:0 0 var(--space-8)}.flow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-8)}.flow__step{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.flow__num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--color-brand-soft);color:var(--color-brand);font-size:.78rem;font-weight:var(--font-weight-bold)}.flow__arrow{color:var(--color-text-muted)}.safety-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:820px){.safety-grid{grid-template-columns:1.2fr 1fr;align-items:start}}.card-soft{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.card-soft h3{margin:0 0 var(--space-4);font-size:var(--font-size-lg)}.checks{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.checks li{display:flex;gap:var(--space-3);align-items:flex-start}.checks svg{flex:none;width:22px;height:22px;color:var(--color-success);margin-top:1px}.note-callout{background:var(--color-brand-soft);border-radius:var(--radius-xl);padding:var(--space-6);margin:0;color:var(--color-text);font-weight:var(--font-weight-medium);display:flex;gap:var(--space-3);align-items:flex-start}.note-callout svg{flex:none;width:24px;height:24px;color:var(--color-brand);margin-top:1px}.ages-q{display:inline-block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);box-shadow:var(--shadow-sm);margin:0 0 var(--space-6);font-weight:var(--font-weight-medium)}.agegrid{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media(min-width:820px){.agegrid{grid-template-columns:repeat(3,1fr)}}.ageband{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3)}.ageband__age{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.chip-mini{align-self:flex-start;font-size:var(--font-size-sm);color:var(--color-brand);background:var(--color-brand-soft);border-radius:var(--radius-full);padding:2px var(--space-3);font-weight:var(--font-weight-medium)}.bubble{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);border-bottom-left-radius:4px;padding:var(--space-3) var(--space-4)}.ageband__style{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.controls{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:760px){.controls{grid-template-columns:1fr 1fr}}.control{display:flex;gap:var(--space-3);align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-sm)}.control svg{flex:none;width:22px;height:22px;color:var(--color-brand);margin-top:1px}.counter{color:var(--color-brand);font-weight:var(--font-weight-medium);margin:0 0 var(--space-4)}.share-block{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.share-block__title{margin:0 0 var(--space-3);font-weight:var(--font-weight-medium)}.share-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.share-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);color:var(--color-text);cursor:pointer;font:inherit;font-size:var(--font-size-sm);text-decoration:none}.share-btn:hover{border-color:var(--color-brand)}