:root{--bg:#fff6df;--surface:#fffdf5;--surface-warm:#ffecc2;--fg:#123653;--fg-2:#244b63;--muted:#6f7f80;--meta:#9a8a6b;--border:#ead7ad;--border-soft:#f5dfb6;--accent:#f4a338;--accent-on:#102f49;--accent-hover:#eda94e;--accent-active:#91c8df;--success:#16a34a;--danger:#dc2626;--font-display:"Cooper Black","Cooper Std Black",Georgia,serif;--font-body:"Canva Sans","SF Pro Text","Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",ui-monospace,monospace;--text-xs:12px;--text-sm:14px;--text-base:17px;--text-lg:21px;--text-xl:28px;--text-2xl:40px;--text-3xl:56px;--text-4xl:80px;--leading:1.47;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--section-y:100px;--radius-sm:14px;--radius-md:20px;--radius-lg:34px;--radius-pill:9999px;--shadow:0 18px 46px rgba(18,54,83,.14);--focus:0 0 0 4px color-mix(in oklab,var(--accent-active),transparent 52%);--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:var(--text-base)/var(--leading) var(--font-body);text-rendering:optimizeLegibility}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance}h1{font-size:clamp(46px,7vw,var(--text-4xl));line-height:1.05}h2{font-size:clamp(34px,4vw,var(--text-3xl));line-height:1.08}h3{font-size:var(--text-xl);line-height:1.14}.container{width:min(100% - 44px,var(--container));margin-inline:auto}.section{padding-block:var(--section-y)}.lead{color:var(--muted);font-size:clamp(19px,2vw,var(--text-lg));line-height:1.38}.eyebrow{margin-bottom:var(--space-4);color:#518ca8;font:var(--text-xs)/1.2 var(--font-mono);letter-spacing:.08em}.topnav{position:relative;z-index:10;background:color-mix(in oklab,var(--surface),transparent 8%);border-bottom:2px solid var(--border-soft)}.nav-inner{min-height:52px;justify-content:space-between}.brand,.nav-inner{display:flex;align-items:center}.brand{gap:8px;font-weight:700}.brand-mark{width:34px;height:34px;border:2px solid rgba(18,54,83,.16);border-radius:42% 58% 55% 45%;background:var(--accent) url(/paw.svg) center/21px no-repeat}.topnav nav{display:flex;gap:24px;color:var(--fg-2);font-size:14px}.topnav nav a:hover{color:#518ca8}.button{min-height:48px;padding:12px 22px;border:2px solid transparent;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:800;transition:.18s ease}.button:focus-visible,.chip:focus-visible,.input:focus-visible,summary:focus-visible{outline:0;box-shadow:var(--focus)}.button:active{transform:scale(.98)}.button--primary{background:var(--accent);color:var(--accent-on);box-shadow:0 8px 18px rgba(244,163,56,.25)}.button--primary:hover{background:var(--accent-hover);box-shadow:0 12px 26px rgba(244,163,56,.34)}.button--secondary{background:var(--accent-active);color:var(--fg);border-color:rgba(18,54,83,.12)}.button--ghost{min-height:38px;padding:8px 14px;background:transparent;color:var(--fg);border-color:var(--border)}.hero{min-height:calc(100svh - 52px);display:grid;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 88% 18%,rgba(145,200,223,.58),transparent 30%),linear-gradient(135deg,#ffe9b8,var(--bg))}.paw-field{position:absolute;inset:0;opacity:.12;background-image:url(/paw.svg);background-size:92px;transform:rotate(-8deg);-webkit-mask-image:linear-gradient(90deg,#0004,#000 55%,#0004);mask-image:linear-gradient(90deg,#0004,#000 55%,#0004)}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);grid-gap:clamp(32px,5vw,72px);gap:clamp(32px,5vw,72px);align-items:center}.hero-copy .lead{margin-top:20px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-note{margin-top:20px;color:var(--muted);font-size:14px}.generator{background:var(--bg);border:3px solid rgba(18,54,83,.14);border-radius:42px;box-shadow:var(--shadow);overflow:hidden}.generator__head{padding:20px 24px;background:#fff0ce;border-bottom:2px solid var(--border-soft)}.generator__head span{display:block;color:var(--muted);font-size:12px}.generator__body{padding:24px;display:grid;grid-gap:20px;gap:20px}.field{margin:0;padding:0;border:0;display:grid;grid-gap:8px;gap:8px}.label-row{width:100%;display:flex;justify-content:space-between;color:var(--fg-2);font-size:14px}.label-row small{color:var(--muted);font-weight:400}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:42px;padding:9px 15px;border:2px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);color:var(--fg-2)}.chip:hover{border-color:var(--meta)}.chip[aria-pressed=true]{background:var(--fg);color:var(--surface);border-color:var(--fg)}.input{width:100%;min-height:50px;padding:12px 15px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg)}.form-actions{display:flex;gap:10px}.status{color:var(--muted);font-size:12px}.spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.section-heading{display:grid;grid-template-columns:1.25fr .75fr;grid-gap:40px;gap:40px;align-items:end;margin-bottom:48px}.results{background:var(--surface)}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.card{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.result-card{padding:24px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.result-card strong{font:28px/1.1 var(--font-display)}.faq details p,.feature-card p,.info-row p,.result-card p{margin-top:8px;color:var(--muted);font-size:14px}.feature-band{background:var(--surface-warm)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.feature-card{padding:30px}.feature-icon{width:48px;height:48px;margin-bottom:24px;border-radius:16px;display:grid;place-items:center;background:var(--accent-active);font-size:24px}.content-grid{display:grid;grid-template-columns:.85fr 1.15fr;grid-gap:clamp(40px,8vw,110px);gap:clamp(40px,8vw,110px)}.info-list,.info-row{display:grid}.info-row{grid-template-columns:52px 1fr;grid-gap:18px;gap:18px;padding:24px 0;border-top:2px solid var(--border)}.info-row>span{color:#518ca8;font-family:var(--font-mono);font-weight:700}.faq{background:var(--surface)}.faq-title{text-align:center;margin:0 auto 48px}.faq-list{max-width:820px;margin:auto}.faq details{border-top:2px solid var(--border);padding:22px 4px}.faq summary{font-family:var(--font-display);font-size:21px;cursor:pointer}.cta{text-align:center;background:var(--accent-active)}.cta .container{max-width:720px}.cta .lead{margin:20px 0 28px;color:var(--fg-2)}footer{padding:28px 0;background:var(--fg);color:var(--surface)}.footer-row{display:flex;justify-content:space-between;gap:20px;font-size:12px}.ds-page{padding:64px 0}.ds-page section{margin-top:48px}.swatches{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px}.swatch{min-height:130px;padding:16px;border-radius:20px;border:2px solid var(--border);display:flex;align-items:end}.specimen{padding:28px;margin-top:16px}.specimen-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.layout-demo{display:grid;grid-template-columns:1fr 2fr;grid-gap:16px;gap:16px}.layout-demo>*{min-height:100px;background:var(--surface-warm);border:2px dashed var(--border);border-radius:20px;padding:20px}@media(max-width:920px){:root{--section-y:64px}.content-grid,.hero-grid{grid-template-columns:1fr}.hero{min-height:auto}.generator{max-width:680px}.feature-grid,.section-heading{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){:root{--section-y:40px}.container{width:min(100% - 32px,var(--container))}.topnav nav{display:none}.hero-grid{grid-template-columns:minmax(0,1fr)}.generator__body{padding:18px}.form-actions,.form-actions .button{width:100%;flex-direction:column}.result-grid{grid-template-columns:1fr}.result-card{flex-direction:column}.section-heading{margin-bottom:32px}.footer-row{flex-direction:column}.swatches{grid-template-columns:1fr 1fr}.layout-demo{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.section-heading,.swatch{align-items:flex-end}.hero .paw-field{inset:-14%;pointer-events:none;background-repeat:repeat;background-position:50%;background-size:92px;transform:rotate(-8deg);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent 0,#000 7%,#000 90%,transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent 0,#000 7%,#000 90%,transparent);-webkit-mask-composite:source-in;opacity:.08}:root{--motion-fast:180ms;--motion-base:360ms;--motion-slow:720ms;--ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.16,1,.3,1)}body{animation:page-in var(--motion-slow) var(--ease-out) both}.topnav{animation:nav-in .62s var(--ease-out) both;transition:background-color var(--motion-base) ease,box-shadow var(--motion-base) ease}.brand-mark{animation:brand-pop .72s .14s var(--ease-spring) both;transition:transform var(--motion-base) var(--ease-spring),box-shadow var(--motion-base) ease}.brand:hover .brand-mark{transform:rotate(-8deg) scale(1.08);box-shadow:0 8px 20px rgba(244,163,56,.28)}.hero-copy>*{animation:hero-rise .72s var(--ease-out) both}.hero-copy .eyebrow{animation-delay:80ms}.hero-copy h1{animation-delay:.15s}.hero-copy .lead{animation-delay:.23s}.hero-actions{animation-delay:.31s!important}.hero-note{animation-delay:.39s!important}.generator{animation:generator-in .84s .18s var(--ease-spring) both;transition:transform var(--motion-base) var(--ease-spring),box-shadow var(--motion-base) ease}.generator:hover{transform:translateY(-4px);box-shadow:0 26px 64px rgba(18,54,83,.18)}.paw-field{animation:paws-drift 18s ease-in-out infinite alternate}.button,.card,.chip,.feature-icon,.input,.topnav nav a{transition:transform var(--motion-fast) var(--ease-spring),box-shadow var(--motion-base) ease,background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,opacity var(--motion-fast) ease}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0) scale(.97)}.chip:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(18,54,83,.08)}.chip[aria-pressed=true]{animation:chip-select .28s var(--ease-spring)}.input:hover{border-color:color-mix(in oklab,var(--meta),var(--border) 35%)}.input:focus{transform:translateY(-1px);box-shadow:var(--focus),0 12px 28px rgba(18,54,83,.08)}.feature-card:hover,.result-card:hover{transform:translateY(-6px);border-color:color-mix(in oklab,var(--accent),var(--border) 48%);box-shadow:0 20px 44px rgba(18,54,83,.11)}.feature-card:hover .feature-icon{transform:rotate(-5deg) scale(1.08);box-shadow:0 10px 24px rgba(145,200,223,.28)}.info-row{transition:border-color var(--motion-base) ease,transform var(--motion-base) var(--ease-out)}.info-row:hover{transform:translateX(8px);border-color:var(--accent)}.faq details{transition:background-color var(--motion-base) ease,padding var(--motion-base) var(--ease-out)}.faq details:hover{background:color-mix(in oklab,var(--surface-warm),transparent 58%);padding-inline:16px}.faq details[open]{background:color-mix(in oklab,var(--surface-warm),transparent 70%)}.faq details[open] p{animation:answer-in .36s var(--ease-out) both}.faq summary{transition:color var(--motion-fast) ease,transform var(--motion-base) var(--ease-out)}.faq summary:hover{color:#518ca8;transform:translateX(4px)}.motion-ready .reveal{opacity:0;transform:translateY(26px) scale(.985);filter:blur(3px)}.motion-ready .reveal.is-visible{opacity:1;transform:none;filter:none;transition:opacity .68s var(--ease-out) var(--reveal-delay,0s),transform .68s var(--ease-out) var(--reveal-delay,0s),filter .68s ease var(--reveal-delay,0s)}@keyframes page-in{0%{opacity:0}to{opacity:1}}@keyframes nav-in{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}@keyframes hero-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes generator-in{0%{opacity:0;transform:translateY(34px) scale(.96)}to{opacity:1;transform:none}}@keyframes brand-pop{0%{opacity:0;transform:scale(.55) rotate(-18deg)}to{opacity:1;transform:none}}@keyframes chip-select{50%{transform:scale(.95)}to{transform:none}}@keyframes answer-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.brand-mark,.generator,.hero-copy>*,.paw-field,.topnav,body{animation:none!important}.motion-ready .reveal{opacity:1!important;transform:none!important;filter:none!important}.button,.card,.chip,.faq details,.faq summary,.info-row,.input{transition:none!important}}.hero .paw-field{inset:0;opacity:1;background:none;transform:none;animation:none;overflow:hidden}.paw-stamp{position:absolute;left:var(--paw-left);top:var(--paw-top);width:var(--paw-size);height:var(--paw-size);background:currentColor;opacity:0;transform:translate(-50%,-50%) rotate(var(--paw-rotation)) scale(1.6);filter:blur(2px);mask:url(/paw.svg) center/contain no-repeat;-webkit-mask:url(/paw.svg) center/contain no-repeat;animation:paw-stamp-cycle 11.8s var(--paw-delay) infinite both}.paw-stamp--orange{color:var(--accent)}.paw-stamp--sky{color:var(--accent-active)}@keyframes paw-stamp-cycle{0%,2%{opacity:0;transform:translate(-50%,-50%) rotate(var(--paw-rotation)) scale(1.6);filter:blur(2px)}5%{opacity:.13;transform:translate(-50%,-50%) rotate(var(--paw-rotation)) scale(.9);filter:blur(0)}7%,72%{opacity:.09;transform:translate(-50%,-50%) rotate(var(--paw-rotation)) scale(1);filter:blur(0)}86%,to{opacity:0;transform:translate(-50%,-50%) rotate(var(--paw-rotation)) scale(1.03);filter:blur(1px)}}@media(prefers-reduced-motion:reduce){.paw-stamp{animation:none!important;opacity:.08;filter:none;transform:translate(-50%,-50%) rotate(var(--paw-rotation))}}.paw-stamp{animation-name:paw-stamp-smooth;animation-duration:14s;animation-timing-function:linear;will-change:opacity,transform,filter}.paw-stamp--orange{color:#e7942d}.paw-stamp--sky{color:#65aeca}@keyframes paw-stamp-smooth{0%,1.5%{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--paw-rotation) - 5deg)) scale(1.72);filter:blur(3px) drop-shadow(0 0 0 transparent)}3.4%{opacity:.08;transform:translate(-50%,-50%) rotate(calc(var(--paw-rotation) - 2deg)) scale(1.22);filter:blur(1.2px) drop-shadow(0 0 0 transparent)}5.2%{opacity:.28;transform:translate(-50%,-50%) rotate(var(--paw-rotation)) scale(.86);filter:blur(0) drop-shadow(0 3px 5px color-mix(in oklab,currentColor,transparent 58%))}7.2%{opacity:.21;transform:translate(-50%,-50%) rotate(var(--paw-rotation)) scale(1.075);filter:blur(0) drop-shadow(0 1px 2px color-mix(in oklab,currentColor,transparent 76%))}9.8%{opacity:.18;transform:translate(-50%,-50%) rotate(var(--paw-rotation)) scale(.985);filter:blur(0) drop-shadow(0 0 0 transparent)}13%,70%{opacity:.16;transform:translate(-50%,-50%) rotate(var(--paw-rotation)) scale(1);filter:blur(0) drop-shadow(0 0 0 transparent)}82%{opacity:.1;transform:translate(-50%,-50%) rotate(var(--paw-rotation)) scale(1.01);filter:blur(.2px)}96%,to{opacity:0;transform:translate(-50%,-50%) rotate(var(--paw-rotation)) scale(1.035);filter:blur(1.2px)}}@media(prefers-reduced-motion:reduce){.paw-stamp{opacity:.13}}textarea{font:inherit;line-height:var(--leading)}.footer-row{align-items:flex-start;flex-wrap:wrap}.footer-brand{display:grid;grid-gap:6px;gap:6px;align-content:start;min-width:220px}.footer-brand span{color:color-mix(in oklab,var(--surface),transparent 34%)}.footer-nav{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));grid-gap:14px 24px;gap:14px 24px;flex:1 1;max-width:680px}.footer-nav a{display:grid;grid-gap:3px;gap:3px;min-width:120px}.footer-nav strong{font-size:12px}.footer-nav small{color:color-mix(in oklab,var(--surface),transparent 42%);font-size:11px;line-height:1.35}.footer-nav a:hover strong{color:var(--accent);text-decoration:underline}.footer-nav a:focus-visible{outline:0;box-shadow:var(--focus);border-radius:8px}@media(max-width:920px){.footer-nav{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media(max-width:560px){.footer-nav{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}}.legal-updated{margin-top:14px;color:var(--meta);font:var(--text-xs)/1.4 var(--font-mono);letter-spacing:.02em}.legal-content ul{margin:14px 0 0;padding-left:22px;color:var(--fg-2)}.legal-content li{margin-top:10px;padding-left:4px}.legal-content strong{color:var(--fg)}.story-input{min-height:104px;resize:vertical}.turnstile{min-height:65px;display:flex;align-items:center}.legal-back a:hover{text-decoration:underline}.legal-page{min-height:calc(100svh - 52px);padding:clamp(64px,10vw,120px) 0;background:var(--surface)}.legal-page h1{max-width:900px}.legal-page>.container>.lead{max-width:760px;margin-top:20px}.legal-content{max-width:760px;margin-top:56px}.legal-content section{padding:28px 0;border-top:2px solid var(--border)}.legal-content h2{font-size:clamp(26px,3vw,34px)}.legal-content p{margin-top:12px;color:var(--fg-2)}.legal-content a{color:#2c7599;text-decoration:underline}.legal-back{margin-top:44px;font-weight:700}