@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-normal-7BpKI3vF.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-normal-YHFkNujK.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-italic-BicUS2cM.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-italic-BfTTTDIL.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-italic-Py8at3oI.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}@font-face{font-family:Nuhom Display;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/nuhom-display-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nuhom Display;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/nuhom-display-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{color-scheme:dark;--bg: #0b0a09;--bg-raised: #121110;--surface: #181715;--surface-2: #201e1b;--surface-3: #2b2824;--line: rgba(245, 238, 228, .08);--line-strong: rgba(245, 238, 228, .15);--text: #f5eee4;--text-2: #c6bcae;--text-3: #9d9487;--accent: #ff9260;--accent-hover: #ffa87e;--accent-ink: #ffae86;--accent-soft: rgba(255, 146, 96, .12);--on-accent: #1c0e06;--sage: #b4c79a;--paper: #f4eee3;--paper-ink: #1d1a16;--serif: "Fraunces Variable", Georgia, serif;--sans: "Geist Variable", ui-sans-serif, system-ui, sans-serif;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E");--grain-subtle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E");--header-h: 92px;font-family:var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-size:16px;line-height:1.6;overflow-x:clip}body:after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit}img{max-width:100%;display:block}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:450;text-wrap:balance}p{text-wrap:pretty}h1,h2{font-family:var(--serif);font-variation-settings:"opsz" 144,"SOFT" 40;letter-spacing:-.03em}h1 em,h2 em,.accent{font-family:var(--serif);font-style:italic;font-weight:380;color:var(--accent-ink)}::selection{background:#ff926059;color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.container{width:min(1240px,calc(100% - 80px));margin-inline:auto}.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}.skip-link{position:fixed;left:16px;top:-100px;z-index:200;padding:12px 16px;background:var(--accent);color:var(--on-accent);border-radius:var(--radius-sm)}.skip-link:focus{top:16px}.page-enter{animation:page-in .6s var(--ease-out) both}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}.kicker,.eyebrow{--paw: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='16.6' rx='5.6' ry='4.6'/%3E%3Cellipse cx='4.6' cy='10.4' rx='2.3' ry='2.8' transform='rotate(-18 4.6 10.4)'/%3E%3Cellipse cx='9.2' cy='5.6' rx='2.4' ry='3' transform='rotate(-6 9.2 5.6)'/%3E%3Cellipse cx='14.8' cy='5.6' rx='2.4' ry='3' transform='rotate(6 14.8 5.6)'/%3E%3Cellipse cx='19.4' cy='10.4' rx='2.3' ry='2.8' transform='rotate(18 19.4 10.4)'/%3E%3C/svg%3E")}.kicker:before,.eyebrow:before{content:"";display:inline-block;width:.95em;height:.95em;margin-right:.55em;vertical-align:-.08em;background:var(--accent);-webkit-mask:var(--paw) center / contain no-repeat;mask:var(--paw) center / contain no-repeat;transform:rotate(14deg) scaleX(-1)}.kicker{color:var(--accent-ink);font-size:14px;font-weight:500;margin-bottom:16px}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}h2{font-size:clamp(38px,4.6vw,64px);line-height:1.02}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border-radius:999px;border:1px solid transparent;font-size:15px;font-weight:560;line-height:1.3;text-decoration:none;white-space:nowrap;transition:transform .16s var(--ease-out),background-color .2s ease,border-color .2s ease}.button:active{transform:scale(.97)}.button-large{padding:16px 26px;font-size:16px}.button-primary{background:var(--accent);color:var(--on-accent);box-shadow:inset 0 1px #ffffff59,0 10px 30px -12px #ff926099}.button-primary:hover{background:var(--accent-hover)}.button-ghost,.button-secondary{border-color:var(--line-strong);background:#f5eee405;color:var(--text)}.button-ghost:hover,.button-secondary:hover{background:var(--surface-2)}.button svg{transition:transform .3s var(--ease-out)}.button:hover svg{transform:translate(2px,-2px)}.save-error-banner{position:fixed;z-index:80;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(560px,calc(100% - 32px));padding:18px;border:1px solid var(--line-strong);border-radius:18px;background:var(--surface);color:var(--text)}.save-error-banner p{margin-bottom:12px}.save-error-banner>div{display:flex;flex-wrap:wrap;gap:8px}.save-error-banner .button{min-height:44px;max-width:100%;white-space:normal}.kit-cost-note{display:block;margin-top:14px;color:var(--text-2);font-size:14px;line-height:1.5}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;text-decoration:none;color:var(--text);background:none;border:0;padding:0}.text-link svg{transition:transform .3s var(--ease-out)}.text-link:hover{color:var(--accent-ink)}.text-link:hover svg{transform:translate(3px)}.pill{display:inline-block;font-size:12px;font-weight:500;padding:5px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.site-header{position:fixed;top:14px;left:50%;transform:translate(-50%);width:min(1200px,calc(100% - 28px));z-index:60;border-radius:999px;border:1px solid var(--line);background:#12111080;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease}.site-header.is-scrolled{background:#121110d6;border-color:var(--line-strong);box-shadow:0 20px 40px -24px #000c}.header-inner{display:flex;align-items:center;gap:16px;padding:8px 8px 8px 22px}.brand{display:inline-flex;align-items:center;text-decoration:none;color:var(--text)}.brand-word{display:inline-flex;align-items:baseline;font-family:var(--serif);font-variation-settings:"opsz" 72,"SOFT" 60;font-size:28px;font-weight:520;letter-spacing:-.04em;line-height:1}.brand-paw{width:.42em;height:.42em;margin-left:.06em;fill:var(--accent);transform:rotate(14deg) scaleX(-1) translateY(.02em);transition:transform .4s var(--ease-out)}.brand:hover .brand-paw{transform:rotate(-8deg) scaleX(-1) translateY(-.08em)}.receipt-brand{display:inline-flex;align-items:baseline}.receipt-paw{width:.36em;height:.36em;margin-left:.06em;fill:currentColor;transform:rotate(14deg) scaleX(-1)}@media(prefers-reduced-motion:reduce){.brand-paw{transition:none}.path-card:hover .collar-tag{animation:none}}.desktop-nav{display:flex;gap:2px;margin-left:auto}.desktop-nav a{position:relative;display:inline-flex;align-items:center;gap:6px;padding:9px 15px;border-radius:999px;color:var(--text-2);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s ease}.desktop-nav a:hover,.desktop-nav a.active{color:var(--text)}.nav-bone{--bone: var(--surface-3);position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 10px 11px,var(--bone) 8.5px,transparent 9px) no-repeat,radial-gradient(circle at 10px calc(100% - 11px),var(--bone) 8.5px,transparent 9px) no-repeat,radial-gradient(circle at calc(100% - 10px) 11px,var(--bone) 8.5px,transparent 9px) no-repeat,radial-gradient(circle at calc(100% - 10px) calc(100% - 11px),var(--bone) 8.5px,transparent 9px) no-repeat,linear-gradient(var(--bone),var(--bone)) center / calc(100% - 20px) 58% no-repeat}.nav-hover{--bone: var(--surface-2);opacity:0;scale:.94;transition:opacity .18s ease,scale .22s var(--ease-out)}.desktop-nav a:hover .nav-hover{opacity:1;scale:1}.desktop-nav a.active .nav-hover{display:none}.nav-label{position:relative}.nav-soon{font-size:10px;font-weight:600;padding:2px 6px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink)}.header-cta{padding:10px 16px;font-size:14px;margin-left:8px}.menu-toggle{display:none;position:relative;width:44px;height:44px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface-2);margin-left:auto}.menu-toggle span{position:absolute;left:13px;right:13px;height:1.5px;background:var(--text);border-radius:2px;transition:transform .35s var(--ease-out)}.menu-toggle span:first-child{transform:translateY(-4px)}.menu-toggle span:last-child{transform:translateY(4px)}.menu-toggle.is-open span:first-child{transform:rotate(45deg)}.menu-toggle.is-open span:last-child{transform:rotate(-45deg)}.mobile-nav{position:fixed;inset:0;z-index:55;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:100px 32px 48px;background:#0b0a09f0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.mobile-nav a{display:inline-flex;align-items:center;gap:12px;padding:10px 0;font-family:var(--serif);font-variation-settings:"opsz" 144,"SOFT" 40;font-size:40px;letter-spacing:-.03em;line-height:1.1;text-decoration:none;color:var(--text)}.mobile-nav a.active{color:var(--accent-ink)}.mobile-nav .nav-soon{font-family:var(--sans);font-size:12px;letter-spacing:0}.hero{position:relative;padding:calc(var(--header-h) + 72px) 0 96px;min-height:min(100svh,980px);display:flex;align-items:center;overflow:clip}.hero-glow{position:absolute;left:50%;top:50%;width:min(900px,190%);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,146,96,.46),rgba(255,146,96,.24) 40%,rgba(255,146,96,.08) 62%,transparent 80%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:48px}.hero-title{font-size:clamp(58px,7.6vw,116px);line-height:.92;letter-spacing:-.045em;font-weight:400}.split-line{display:block}.split-line.accent{font-style:italic;font-weight:340;color:var(--accent-ink)}.split-mask{display:inline-block;overflow:hidden;vertical-align:top;padding:.04em .06em .26em;margin:-.04em -.06em -.26em}.split-word{display:inline-block;will-change:transform}.hero-lede{max-width:520px;margin-top:30px;font-size:19px;line-height:1.6;color:var(--text-2)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.hero-proof{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:0;margin:30px 0 0;color:var(--text-3);font-size:14px}.hero-proof li{display:inline-flex;align-items:center;gap:7px}.hero-stage{position:relative;margin:0;perspective:1400px;padding:64px 0}.hero-stack{position:relative;width:min(380px,70%);aspect-ratio:4 / 5;margin-inline:auto;transform-style:preserve-3d}.hero-card{position:absolute;inset:0;will-change:transform}.hero-card img{width:100%;height:100%;object-fit:cover;border-radius:14px;box-shadow:0 1px #fff6 inset,0 50px 80px -30px #000000d9,0 18px 30px -18px #000000b3}.hero-site-card{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;border-radius:14px;background:#fffaf2;box-shadow:0 1px #fff6 inset,0 50px 80px -30px #000000d9,0 18px 30px -18px #000000b3}.hero-site-bar{display:flex;flex-shrink:0;align-items:center;gap:5px;padding:9px 11px;background:#2b2824}.hero-site-bar i{width:7px;height:7px;border-radius:50%;background:#f5eee438}.hero-site-bar span{margin-inline:auto;padding:2px 16px;border-radius:6px;background:#f5eee414;color:var(--text-3);font-size:10px}.hero-card .hero-site-card img{flex:1;min-height:0;border-radius:0;box-shadow:none;object-fit:cover;object-position:top}.stack-toggle{position:absolute;right:4%;bottom:4px;z-index:6;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text-2);transition:color .2s ease,background-color .2s ease}.stack-toggle:hover{color:var(--text);background:var(--surface-3)}.statement{padding:120px 0 140px}.statement-text{max-width:1080px;font-family:var(--serif);font-variation-settings:"opsz" 144,"SOFT" 40;font-size:clamp(34px,4.8vw,68px);line-height:1.1;letter-spacing:-.03em}.scroll-word{display:inline}.section{padding:96px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}.section-heading h2{max-width:760px}.section-aside{max-width:340px;color:var(--text-2);font-size:16px}.section-heading>.text-link{margin-bottom:8px;white-space:nowrap}.playground{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;padding:24px;border-radius:32px;border:1px solid var(--line);background:var(--grain-subtle),linear-gradient(180deg,var(--surface),var(--bg-raised))}.playground-controls{display:flex;flex-direction:column;gap:28px;padding:24px 16px 24px 24px}.control-group{border:0;margin:0;padding:0;min-width:0}.control-label{display:block;padding:0;margin-bottom:12px;color:var(--text-3);font-size:13px;font-weight:500}.play-input{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line-strong);padding:4px 0 12px;font-family:var(--serif);font-variation-settings:"opsz" 144,"SOFT" 40;font-size:44px;letter-spacing:-.03em;line-height:1.1;border-radius:0;transition:border-color .2s ease}.play-input:focus{outline:none;border-bottom-color:var(--accent)}.dog-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dog-option,.swatch,.segmented label{position:relative;cursor:pointer}.dog-option input,.swatch input,.segmented input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:2}.dog-option{display:flex;align-items:center;gap:10px;padding:8px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);font-size:14px;font-weight:500;transition:border-color .2s ease,background-color .2s ease}.dog-option img{width:40px;height:40px;border-radius:10px;object-fit:cover}.dog-option:hover{border-color:var(--line-strong)}.dog-option.selected{border-color:var(--accent);background:var(--accent-soft)}.dog-option:has(input:focus-visible),.swatch:has(input:focus-visible),.segmented label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px;border-radius:14px}.segmented{display:flex;padding:4px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}.segmented label{flex:1;text-align:center;padding:10px 8px;border-radius:999px;font-size:14px;font-weight:500;color:var(--text-2);transition:color .2s ease}.segmented label.selected{color:var(--text)}.segment-pill{position:absolute;inset:0;border-radius:999px;background:var(--surface-3);box-shadow:inset 0 1px #ffffff0f}.segment-text{position:relative}.swatches{display:flex;gap:18px}.swatch{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.swatch-dot{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;font-family:var(--serif);font-size:20px;transition:transform .3s var(--ease-out),box-shadow .2s ease}.swatch:hover .swatch-dot{transform:scale(1.06)}.swatch.selected .swatch-dot{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--accent)}.swatch.selected .swatch-name{color:var(--text)}.playground-controls .button{align-self:flex-start}.play-note{margin-top:-12px;font-size:13px;color:var(--text-3)}.playground-preview{position:relative}.preview-frame{position:relative;display:grid;place-items:center;height:100%;min-height:560px;padding:40px;border-radius:22px;background:var(--grain-subtle),radial-gradient(circle at 50% 40%,rgba(255,146,96,.1),transparent 60%),var(--bg);border:1px solid var(--line);overflow:hidden}.preview-frame img{grid-area:1 / 1;width:min(100%,400px);height:auto;border-radius:10px;box-shadow:0 40px 80px -30px #000000e6}.render-status{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--text-2);font-size:12px;font-weight:500}.render-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sage)}.render-status.is-busy:before{display:none}.play-error{margin-top:12px;color:#ffb4a3;font-size:14px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.resource-card{display:block;height:100%;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);overflow:hidden;text-decoration:none;transition:border-color .3s ease,transform .5s var(--ease-out)}.resource-art{position:relative;height:360px;overflow:hidden;background:var(--grain-subtle),radial-gradient(circle at 50% 100%,rgba(249,228,217,.12),transparent 70%)}.resource-fundraiser .resource-art{background:var(--grain-subtle),radial-gradient(circle at 50% 100%,rgba(197,212,176,.12),transparent 70%)}.resource-banner .resource-art{background:var(--grain-subtle),radial-gradient(circle at 50% 100%,rgba(255,210,150,.1),transparent 70%)}.resource-art img{position:absolute;left:50%;bottom:-40px;border-radius:8px;box-shadow:0 30px 60px -20px #000000e6;transition:transform .7s var(--ease-out)}.art-portrait{width:56%;z-index:3;transform:translate(-50%) rotate(-2deg)}.art-story{width:36%;z-index:2;transform:translate(-10%) rotate(6deg) translateY(-6px)}.art-a4{width:42%;z-index:1;transform:translate(-90%) rotate(-8deg) translateY(-2px)}.resource-banner .resource-art img{bottom:auto}.art-landscape{top:30px;width:64%;z-index:1;transform:translate(-66%) rotate(-5deg)}.art-wide{top:128px;width:76%;z-index:2;transform:translate(-38%) rotate(3deg)}.art-cover{top:214px;width:84%;z-index:3;transform:translate(-52%) rotate(-1.5deg)}.resource-card-copy{padding:26px 26px 28px;border-top:1px solid var(--line)}.resource-card h3{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--serif);font-variation-settings:"opsz" 72,"SOFT" 40;font-size:28px;letter-spacing:-.025em;line-height:1.1}.card-arrow{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);transition:transform .5s var(--ease-out),background-color .3s ease,color .3s ease}.resource-card-copy p{margin-top:10px;color:var(--text-2);font-size:15px}.resource-card-copy .resource-meta{margin-top:18px;font-size:13px;color:var(--text-3)}@media(hover:hover){.resource-card:hover{border-color:var(--line-strong);transform:translateY(-6px)}.resource-card:hover .art-portrait{transform:translate(-50%) translateY(-14px) rotate(0) scale(1.02)}.resource-card:hover .art-story{transform:translate(32%) rotate(10deg) translateY(-26px)}.resource-card:hover .art-a4{transform:translate(-132%) rotate(-12deg) translateY(-20px)}.resource-card:hover .art-landscape{transform:translate(-72%) rotate(-7deg) translateY(-10px)}.resource-card:hover .art-wide{transform:translate(-34%) rotate(4deg) translateY(-6px)}.resource-card:hover .art-cover{transform:translate(-52%) rotate(0) translateY(-14px) scale(1.02)}.resource-card:hover .card-arrow{background:var(--accent);color:var(--on-accent);border-color:var(--accent);transform:rotate(45deg)}}.hero-glow:after,.final-glow:after,.start-glow:after,.stage-glow:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--grain);-webkit-mask-image:radial-gradient(closest-side,#000 25%,transparent 72%);mask-image:radial-gradient(closest-side,#000 25%,transparent 72%);pointer-events:none}.phone{position:relative;container-type:inline-size;filter:drop-shadow(0 40px 40px rgba(0,0,0,.55))}.phone-body{position:relative;aspect-ratio:9 / 19.2;padding:3.4cqw;border-radius:15cqw;background:linear-gradient(150deg,#4a4540,#24211f 22%,#171513 60%,#2f2b27);box-shadow:inset 0 0 0 .6cqw #3d3833,inset 0 0 0 1.2cqw #0c0b0a,0 0 0 1px #f5eee41a}.phone-screen{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:11.8cqw;background:#fffaf2}.phone-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.16),transparent 34%);pointer-events:none}.phone-status{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;height:13cqw;padding:0 7.5cqw 0 9cqw;color:#2a211b}.phone-time{font-size:4.4cqw;font-weight:650;letter-spacing:-.01em}.phone-island{position:absolute;left:50%;top:3.4cqw;width:29cqw;height:8.4cqw;translate:-50% 0;border-radius:999px;background:#0a0908}.phone-island:after{content:"";position:absolute;right:2.6cqw;top:50%;width:3.2cqw;height:3.2cqw;translate:0 -50%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#34405a,#111 70%)}.phone-icons{display:flex;align-items:center;gap:1.6cqw}.phone-signal{display:flex;align-items:flex-end;gap:.6cqw;height:2.8cqw}.phone-signal i{width:.9cqw;border-radius:.3cqw;background:currentColor}.phone-signal i:nth-child(1){height:35%}.phone-signal i:nth-child(2){height:55%}.phone-signal i:nth-child(3){height:78%}.phone-signal i:nth-child(4){height:100%}.phone-battery{position:relative;width:6cqw;height:2.9cqw;border:.45cqw solid rgba(42,33,27,.45);border-radius:.9cqw}.phone-battery:before{content:"";position:absolute;inset:.35cqw 1.3cqw .35cqw .35cqw;border-radius:.3cqw;background:currentColor}.phone-content{flex:1;min-height:0}.phone-content img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.phone-home{position:absolute;left:50%;bottom:2.4cqw;width:33cqw;height:1.3cqw;translate:-50% 0;border-radius:999px;background:#2a211bbf}.phone-button{position:absolute;width:1.3cqw;border-radius:.8cqw;background:linear-gradient(90deg,#1b1917,#4a4540)}.phone-action,.phone-volume-up,.phone-volume-down{left:-.9cqw;border-top-right-radius:0;border-bottom-right-radius:0}.phone-action{top:21%;height:7cqw}.phone-volume-up{top:30%;height:13cqw}.phone-volume-down{top:38.5%;height:13cqw}.phone-power{right:-.9cqw;top:31%;height:20cqw;background:linear-gradient(270deg,#1b1917,#4a4540)}.path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.path-card{position:relative;display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:32px;background:var(--grain-subtle),linear-gradient(180deg,var(--surface),var(--bg-raised));overflow:hidden}.path-art{position:relative;height:360px;overflow:hidden;border-bottom:1px solid var(--line);background:var(--grain-subtle),radial-gradient(circle at 50% 75%,rgba(255,146,96,.2),transparent 62%),var(--bg)}.path-site .path-art{background:var(--grain-subtle),radial-gradient(circle at 50% 75%,rgba(180,199,154,.18),transparent 62%),var(--bg)}.path-studio .path-art img{position:absolute;height:auto;border-radius:8px;box-shadow:0 1px #ffffff4d inset,0 40px 60px -26px #000000e6;transition:transform .6s var(--ease-out)}.path-poster{width:32%;left:11%;top:20%;rotate:-7deg}.path-post{z-index:2;width:36%;left:32%;top:13%;rotate:2deg}.path-story{width:25%;right:11%;top:19%;rotate:8deg}.path-browser{position:absolute;left:8%;top:12%;width:68%;padding:8px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface-2);box-shadow:0 40px 70px -30px #000000f2;transition:transform .6s var(--ease-out)}.path-browser .mockup-browser{padding:2px 4px 8px}.path-browser .mockup-browser span{padding:2px 18px;font-size:10px}.path-browser img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;object-position:top;border-radius:8px}.path-phone{position:absolute;z-index:2;right:14%;top:11%;width:21%;transition:transform .6s var(--ease-out)}@media(hover:hover){.path-card:hover .path-poster{transform:translate(-8px,-4px)}.path-card:hover .path-post{transform:translateY(-8px)}.path-card:hover .path-story{transform:translate(8px,-4px)}.path-card:hover .path-browser{transform:translateY(-6px)}.path-card:hover .path-phone{transform:translate(4px,-12px)}}.path-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:28px 32px 32px}.path-label{display:inline-flex;align-items:center;gap:8px;color:var(--accent-ink);font-size:14px;font-weight:500}.path-site .path-label{color:var(--sage)}.path-copy h3{margin-top:12px;font-family:var(--serif);font-variation-settings:"opsz" 144,"SOFT" 40;font-size:clamp(28px,2.6vw,36px);font-weight:450;line-height:1.05;letter-spacing:-.03em}.path-copy>p:not(.path-label){max-width:470px;margin-top:12px;color:var(--text-2);font-size:16.5px}.path-copy ul{display:grid;gap:8px;margin:20px 0 28px;padding:0;list-style:none;color:var(--text-2);font-size:15px}.path-copy li{display:flex;align-items:baseline;gap:10px}.path-copy li:before{content:"";flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--accent);translate:0 -2px}.path-site .path-copy li:before{background:var(--sage)}.path-copy .button{margin-top:auto}.fetch-ball{position:absolute;right:6px;bottom:calc(100% + 1px);display:flex;flex-direction:column;align-items:center;padding:0;border:0;background:none;color:var(--text-3)}.fetch-ball svg{width:34px;height:34px;overflow:visible;transition:rotate .4s var(--ease-out)}.fetch-ball:hover svg{rotate:-20deg}.fetch-ball-felt{fill:#cfe05a;stroke:#0000001f}.fetch-ball-seam{fill:none;stroke:#f7f6ea;stroke-width:2.4;stroke-linecap:round}.fetch-ball-label{position:absolute;right:-4px;bottom:calc(100% + 6px);padding:3px 9px;border-radius:999px;background:var(--surface-2);font-size:11.5px;font-weight:500;white-space:nowrap;opacity:0;translate:0 4px;transition:opacity .16s ease,translate .2s var(--ease-out);pointer-events:none}.fetch-ball:hover .fetch-ball-label,.fetch-ball:focus-visible .fetch-ball-label{opacity:1;translate:0 0}@property --ear{syntax: "<length>"; inherits: true; initial-value: 0px;}.dog-ear{position:relative;--ear: 0px;clip-path:polygon(0 0,calc(100% - var(--ear)) 0,100% var(--ear),100% 100%,0 100%)}a.dog-ear{transition:--ear .42s var(--ease-out),border-color .3s ease,transform .5s var(--ease-out)}@media(hover:hover){.dog-ear:hover{--ear: 46px}}.dog-ear-flap{position:absolute;top:0;right:0;z-index:5;width:var(--ear);height:var(--ear);filter:drop-shadow(-5px 6px 6px rgba(0,0,0,.55));pointer-events:none}.dog-ear-flap span{display:block;width:100%;height:100%;border-bottom-left-radius:6px;clip-path:polygon(0 0,100% 100%,0 100%);background:linear-gradient(225deg,#3b3631 30%,#57504a 75%,#6a625a)}.bone-burst{position:fixed;z-index:80;width:0;height:0;pointer-events:none}.burst-bone{position:absolute;left:-12px;top:-6px}.burst-bone svg{display:block;width:100%;height:auto;fill:#f4e6c8;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}.burst-bone-1 svg{fill:var(--accent)}.burst-bone-2 svg{fill:var(--sage)}.collar{--collar: var(--accent);--brass: linear-gradient(150deg, #f8e2b0, #d6ae63);position:absolute;top:0;right:0;z-index:3;width:160px;height:160px;pointer-events:none}.collar-sage{--collar: var(--sage)}.collar-strap{position:absolute;top:30px;right:-52px;width:200px;height:24px;rotate:45deg;background:var(--collar);box-shadow:inset 0 1px #ffffff4d,0 8px 16px -8px #000c}.collar-strap:before{content:"";position:absolute;inset:4px 0;border-block:1px dashed rgba(28,14,6,.35)}.collar-buckle{position:absolute;left:46px;top:-4px;width:15px;height:32px;border:3px solid #e6dccd;border-radius:4px;box-shadow:0 2px 4px #00000059}.collar-tag{position:absolute;top:46px;right:54px;display:flex;flex-direction:column;align-items:center;translate:50% 0;transform-origin:50% 0;filter:drop-shadow(0 8px 8px rgba(0,0,0,.45))}.collar-ring{width:11px;height:11px;margin-bottom:-3px;border:2px solid #e6dccd;border-radius:50%}.collar-plate{display:block;width:32px;height:32px;border-radius:50%;background:var(--brass);box-shadow:inset 0 0 0 2px #ffffff59}svg.collar-plate{width:46px;height:22px;border-radius:0;background:none;box-shadow:none;fill:#e7c47c}.collar-paw{position:absolute;left:50%;bottom:16px;width:13px;height:13px;translate:-50% 50%;fill:#462c108c;rotate:14deg}.collar-tag-bone .collar-paw{bottom:11px}.path-card:hover .collar-tag{animation:tag-swing 1.4s var(--ease-out)}@keyframes tag-swing{0%{rotate:0deg}14%{rotate:16deg}34%{rotate:-11deg}54%{rotate:6deg}74%{rotate:-3deg}to{rotate:0deg}}.kit-feature-list{display:grid;gap:10px;max-width:460px;margin:0 0 30px;padding:0;list-style:none;color:var(--text-2);font-size:15px}.kit-feature-list li{display:flex;align-items:flex-start;gap:10px}.kit-feature-list svg{margin-top:4px;color:var(--sage)}.kit-feature-actions,.final-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}.final-actions{position:relative;justify-content:center;gap:12px}.bill{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.bill-lede{margin-top:24px;max-width:520px;color:var(--text-2);font-size:18px}.truth-list{list-style:none;padding:0;margin:36px 0 0;display:grid;gap:16px}.truth-list li{display:flex;gap:12px;align-items:flex-start;color:var(--text-2);font-size:16px}.truth-list svg{margin-top:4px;color:var(--sage)}.truth-list strong{color:var(--text);font-weight:560}.receipt{position:relative;justify-self:center;width:min(100%,400px);padding:32px 30px 60px;background:var(--paper);color:var(--paper-ink);rotate:2deg;font-size:14px;font-variant-numeric:tabular-nums;filter:drop-shadow(0 40px 50px rgba(0,0,0,.6));-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / 18px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / 18px 100%}.receipt-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:18px;border-bottom:1.5px dashed rgba(29,26,22,.3);font-size:12px;color:#5d554b}.receipt-brand{font-family:var(--serif);font-size:24px;font-weight:560;letter-spacing:-.04em;color:var(--paper-ink)}.receipt ul{list-style:none;margin:0;padding:14px 0;border-bottom:1.5px dashed rgba(29,26,22,.3)}.receipt li{display:flex;justify-content:space-between;gap:16px;padding:6px 0}.receipt-muted{color:#5d554b}.receipt-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:16px;font-family:var(--serif);font-size:32px;font-weight:520;letter-spacing:-.02em}.receipt-stamp{position:absolute;left:28px;bottom:44px;padding:8px 14px;border:3px solid #a8350b;border-radius:10px;color:#a8350b;font-family:var(--serif);font-style:italic;font-size:26px;font-weight:560;line-height:1;text-align:center;mix-blend-mode:multiply}.receipt-foot{max-width:52%;margin:34px 0 0 auto;text-align:right;font-size:12px;color:#5d554b}.kit-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.kit-mockup{border-radius:22px;border:1px solid var(--line-strong);background:var(--surface-2);padding:10px;box-shadow:0 60px 100px -50px #000000e6}.mockup-browser{display:flex;align-items:center;gap:6px;padding:6px 8px 12px}.mockup-browser i{width:9px;height:9px;border-radius:50%;background:var(--surface-3)}.mockup-browser span{margin-inline:auto;padding:4px 30px;border-radius:8px;background:var(--surface-3);color:var(--text-3);font-size:12px}.mockup-page{border-radius:14px;background:var(--paper);color:var(--paper-ink);padding:22px;overflow:hidden}.mockup-nav{display:flex;justify-content:space-between;font-size:12px;color:#5d554b}.mockup-nav strong{color:var(--paper-ink);font-family:var(--serif);font-size:15px}.mockup-hero{display:grid;grid-template-columns:1fr .9fr;gap:20px;align-items:center;margin-top:26px}.mockup-hero h3{font-family:var(--serif);font-variation-settings:"opsz" 144;font-size:clamp(24px,2.6vw,36px);line-height:1;letter-spacing:-.03em}.mockup-button{display:inline-block;margin-top:16px;padding:8px 14px;border-radius:999px;background:var(--paper-ink);color:var(--paper);font-size:12px}.mockup-hero img{aspect-ratio:1;object-fit:cover;border-radius:120px 120px 14px 14px}.mockup-dogs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.mockup-dogs img{aspect-ratio:4 / 3;object-fit:cover;border-radius:10px}.mockup-caption{padding:12px 6px 4px;text-align:center;font-size:12px;color:var(--text-3)}.kit-feature-copy p:not(.kicker){margin:24px 0 28px;color:var(--text-2);font-size:18px;max-width:460px}.note-list{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line)}.note-row{position:relative;display:grid;grid-template-columns:64px 1.1fr 1fr 120px 28px;align-items:center;gap:24px;padding:30px 8px;border-top:1px solid var(--line);text-decoration:none;isolation:isolate}.note-row:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--surface);transform:scaleY(0);transform-origin:bottom;transition:transform .5s var(--ease-out)}.note-number{font-size:13px;color:var(--text-3);font-variant-numeric:tabular-nums}.note-title{font-family:var(--serif);font-variation-settings:"opsz" 72,"SOFT" 40;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.02em;line-height:1.15;transition:transform .5s var(--ease-out)}.note-summary{color:var(--text-2);font-size:15px}.note-meta{color:var(--text-3);font-size:13px}.note-arrow{color:var(--text-3);transition:transform .5s var(--ease-out),color .3s ease}@media(hover:hover){.note-row:hover:before{transform:scaleY(1)}.note-row:hover .note-title{transform:translate(10px)}.note-row:hover .note-arrow{color:var(--accent);transform:rotate(45deg)}}.final-cta{position:relative;padding:160px 0 140px;text-align:center;overflow:clip}.final-glow{position:absolute;left:50%;bottom:-420px;width:1100px;height:800px;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(255,146,96,.2),transparent 70%);pointer-events:none}.paw-trail{position:absolute;pointer-events:none}.paw-step{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px}.paw-step-mark{display:block;width:100%;height:100%;fill:var(--accent)}.final-trail{right:calc(100% + 26px);top:50%;width:min(300px,22vw);height:34px;translate:0 -50%}.final-line{position:relative;display:inline-block}.final-trail-out{left:calc(100% + .12em);bottom:62%;width:min(240px,17vw);height:min(150px,10.5vw)}@media(max-width:900px){.final-trail,.final-trail-out,.lost-trail{display:none}}.final-inner{position:relative;display:flex;flex-direction:column;align-items:center}.final-cta h2{font-size:clamp(56px,8.4vw,132px);line-height:.95;letter-spacing:-.045em}.final-cta h2 em{display:block}.final-cta p{margin:28px 0 36px;color:var(--text-2);font-size:18px}.site-footer{position:relative;border-top:1px solid var(--line);overflow:clip}.footer-main{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;padding-top:64px}.footer-line{font-family:var(--serif);font-variation-settings:"opsz" 72,"SOFT" 40;font-size:28px;letter-spacing:-.02em;line-height:1.2;max-width:360px}.footer-line em{font-style:italic;color:var(--accent-ink)}.footer-links{display:grid;grid-template-columns:repeat(2,auto);gap:12px 48px}.footer-links a{color:var(--text-2);text-decoration:none;font-size:15px;transition:color .2s ease}.footer-links a:hover{color:var(--text)}.footer-wordmark{display:flex;justify-content:center;align-items:baseline;margin-top:40px;line-height:.78;user-select:none}.footer-wordmark span{font-family:var(--serif);font-variation-settings:"opsz" 144,"SOFT" 60;font-size:clamp(120px,27vw,420px);font-weight:520;letter-spacing:-.06em;background:linear-gradient(180deg,var(--surface-3),rgba(43,40,36,0));-webkit-background-clip:text;background-clip:text;color:transparent}.footer-paw{width:clamp(44px,9.8vw,152px);height:clamp(44px,9.8vw,152px);margin-left:.6vw;fill:var(--accent);opacity:.22;transform:rotate(14deg) scaleX(-1);-webkit-mask-image:linear-gradient(180deg,#000 20%,transparent 95%);mask-image:linear-gradient(180deg,#000 20%,transparent 95%)}.footer-bottom{position:relative;display:flex;justify-content:space-between;gap:16px;padding:22px 0 28px;border-top:1px solid var(--line);color:var(--text-3);font-size:13px}.footer-credit{color:var(--text-2);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}.footer-credit:hover{color:var(--text);text-decoration-color:var(--accent)}.compact-footer .footer-main{padding-top:40px;padding-bottom:32px}.page-section{padding-top:calc(var(--header-h) + 72px);padding-bottom:120px}.page-title{margin-top:18px;font-size:clamp(48px,6.4vw,92px);line-height:.98;letter-spacing:-.04em}.page-intro{max-width:640px;margin-top:26px;font-size:19px;color:var(--text-2)}.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:56px 0 16px;padding-bottom:24px;border-bottom:1px solid var(--line)}.filter-list{display:flex;flex-wrap:wrap;gap:6px}.filter-list button{padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text-2);font-size:14px;font-weight:500;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.filter-list button:hover{color:var(--text);border-color:var(--line-strong)}.filter-list button[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--bg)}.search-input{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text-3)}.search-input:focus-within{border-color:var(--accent)}.search-input input{width:200px;min-width:0;border:0;background:transparent;color:var(--text);font-size:15px}.search-input input::placeholder{color:var(--text-3)}.search-input input:focus{outline:none}.result-count{margin-bottom:28px;color:var(--text-3);font-size:14px}.library-text-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-height:100%;padding:32px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);text-decoration:none;transition:border-color .3s ease,transform .5s var(--ease-out)}.library-text-card>svg{color:var(--accent)}.library-text-card h2{font-size:32px}.library-text-card p{color:var(--text-2);font-size:15px}.library-text-card .text-link{margin-top:auto;padding-top:16px}@media(hover:hover){.library-text-card:hover{border-color:var(--line-strong);transform:translateY(-6px)}}.empty-results{padding:72px 16px;text-align:center}.empty-results>svg{margin:0 auto 20px;color:var(--text-3)}.empty-results h2{font-size:36px}.empty-results p{margin:14px 0 26px;color:var(--text-2)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}.guide-card{display:block;padding:30px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);text-decoration:none;transition:border-color .3s ease,transform .5s var(--ease-out)}@media(hover:hover){.guide-card:hover{border-color:var(--line-strong);transform:translateY(-6px)}}.guide-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:28px;border-radius:14px;background:var(--accent-soft);color:var(--accent-ink);font-family:var(--serif);font-size:22px}.guide-card h2,.guide-card h3{margin-top:10px;font-family:var(--serif);font-size:26px;line-height:1.15;letter-spacing:-.02em}.guide-card p{margin:12px 0 22px;color:var(--text-2);font-size:15px}.content-disclaimer{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);color:var(--text-3);font-size:14px}.article{max-width:760px;padding-top:calc(var(--header-h) + 64px);padding-bottom:120px}.article>.text-link{margin-bottom:40px}.article h1{margin:18px 0 28px;font-size:clamp(46px,5.8vw,80px);line-height:1;letter-spacing:-.04em}.article-lead{font-size:21px;line-height:1.6;color:var(--text-2)}.article-meta{margin-top:12px;padding:24px 0;border-bottom:1px solid var(--line);color:var(--text-3);font-size:14px}.article-meta span{margin-inline:10px}.article section{margin-top:48px}.article h2{margin:8px 0 14px;font-size:32px;line-height:1.15}.article section p,.article section ul{margin-top:14px;color:var(--text-2);font-size:17px;line-height:1.75}.article section ul{padding-left:22px}.article section strong{color:var(--text);font-weight:500}.article-number{color:var(--accent-ink);font-size:13px;font-variant-numeric:tabular-nums}.article-aside{margin:48px 0 40px;padding:28px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.article-aside strong{display:block;font-size:15px}.article-aside a{display:inline-flex;align-items:center;gap:6px;margin:12px 0;color:var(--accent-ink);text-underline-offset:3px}.article-aside p{color:var(--text-2);font-size:15px}.legal-page a,.kit-faq a:not(.text-link){color:var(--accent-ink);text-underline-offset:3px}.legal-page .button{max-width:100%;min-height:44px;white-space:normal}.about-photo{position:relative;height:380px;margin-top:40px}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;border-radius:var(--radius-lg)}.about-photo span{position:absolute;right:24px;bottom:24px;padding:10px 18px;border-radius:999px;background:#0b0a09b3;backdrop-filter:blur(10px);font-family:var(--serif);font-style:italic;font-size:20px}.principle-list p{display:flex;gap:16px;align-items:flex-start}.principle-list svg{margin-top:5px;color:var(--accent)}.principle-list strong{display:block;color:var(--text);font-weight:560}.about-page>.button,.article>.button{margin-top:40px}.kit-hero{padding-bottom:48px}.kit-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.kit-status{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 22px;border-radius:var(--radius);border:1px solid rgba(255,146,96,.25);background:var(--accent-soft);font-size:15px}.kit-status>span:last-child{color:var(--text-2)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sage);flex-shrink:0}.kit-status .status-dot{background:var(--accent)}.kit-showcase{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:end;margin:0 auto}.kit-showcase figure,.kit-details figure{margin:0}.kit-browser{border-radius:22px;border:1px solid var(--line-strong);background:var(--surface-2);padding:10px;box-shadow:0 60px 100px -50px #000000e6}.kit-scroll{position:relative;height:min(62vh,620px);overflow:hidden;border-radius:14px;background:var(--paper)}.kit-scroll:after{content:"";position:absolute;inset:auto 0 0;height:56px;background:linear-gradient(to bottom,#fffcf700,#fffcf7);pointer-events:none}.kit-scroll img{display:block;width:100%;height:auto;animation:kit-scroll 18s var(--ease-in-out) infinite alternate}@keyframes kit-scroll{0%,12%{transform:translateY(0)}88%,to{transform:translateY(calc(-100% + min(62vh,620px)))}}.kit-phone{margin:0;transform:translateY(32px) rotate(2deg)}.kit-details{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-bottom:32px}.kit-details img{display:block;width:100%;height:auto;aspect-ratio:1200 / 900;object-fit:cover;object-position:top;border-radius:var(--radius-lg);border:1px solid var(--line)}.kit-details figcaption{margin-top:18px;max-width:520px;color:var(--text-2);font-size:16px;line-height:1.6}.kit-details figcaption strong{display:block;margin-bottom:4px;color:var(--text);font-family:var(--serif);font-size:22px;font-weight:500;letter-spacing:-.02em}.kit-steps{padding:72px 0 32px}.kit-steps h2{font-size:44px;margin-bottom:32px}.kit-steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;counter-reset:kit-step}.kit-steps li{counter-increment:kit-step;padding:28px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface)}.kit-steps li:before{content:counter(kit-step);display:grid;place-items:center;width:36px;height:36px;margin-bottom:20px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.kit-steps h3{font-size:20px;margin-bottom:8px}.kit-steps p{color:var(--text-2);font-size:15px;line-height:1.6}@media(max-width:900px){.kit-showcase{grid-template-columns:1fr}.kit-phone{display:none}.kit-details,.kit-steps ol{grid-template-columns:1fr}.kit-steps h2{font-size:34px}}@media(prefers-reduced-motion:reduce){.kit-scroll img{animation:none}}.kit-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:56px;padding:64px 0}.kit-columns h2{font-size:40px;margin-bottom:16px}.kit-columns p{max-width:620px;color:var(--text-2);font-size:17px}.kit-columns .check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}.check-list{list-style:none;padding:0;margin:28px 0 0}.check-list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}.check-list svg{color:var(--sage)}.kit-faq{max-width:820px;margin:24px auto 0}.kit-faq h2{font-size:44px;margin-bottom:24px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer}.kit-faq summary{padding:24px 0;font-size:18px;font-weight:500}.kit-faq details p{padding-bottom:24px;color:var(--text-2);font-size:16px;line-height:1.75}.kit-faq details .text-link{margin-bottom:24px}.not-found{padding:calc(var(--header-h) + 100px) 0 120px;text-align:center}.lost-line{position:relative;display:inline-block}.lost-trail{left:calc(100% + .25em);bottom:55%;width:min(220px,16vw);height:min(120px,9vw)}.not-found>svg{margin:0 auto;color:var(--accent)}.not-found .eyebrow{margin:20px 0}.not-found h1{font-size:clamp(44px,5vw,72px);margin-bottom:18px}.not-found p:not(.eyebrow){margin-bottom:30px;color:var(--text-2)}.page-loading{padding:200px 24px;text-align:center;color:var(--text-2)}@media(max-width:1100px){.container{width:calc(100% - 56px)}.desktop-nav a{padding-inline:11px}.hero-grid{grid-template-columns:1fr .85fr;gap:24px}.playground{grid-template-columns:1fr 1fr}.note-row{grid-template-columns:48px 1fr 1fr 24px}.note-meta{display:none}}@media(max-width:900px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.hero{min-height:0;padding-top:calc(var(--header-h) + 40px)}.hero-grid,.playground,.bill,.kit-feature,.kit-columns .check-list{grid-template-columns:minmax(0,1fr)}.kit-columns{grid-template-columns:1fr}.hero-stage{max-width:520px;width:100%;margin-inline:auto}.resource-grid,.guide-grid,.path-grid{grid-template-columns:1fr;max-width:560px}.path-art{height:300px}.section-heading{flex-direction:column;align-items:flex-start;gap:20px}.preview-frame{min-height:0}.note-row{grid-template-columns:40px 1fr 24px}.note-summary{display:none}.footer-main{flex-direction:column}}@media(max-width:640px){:root{--header-h: 76px}.container{width:calc(100% - 40px)}.site-header{top:10px;width:calc(100% - 20px)}.header-inner{padding:6px 6px 6px 18px}.hero{padding-bottom:56px}.hero-title{font-size:clamp(50px,14vw,72px)}.hero-lede{font-size:17px;margin-top:22px}.hero-actions .button{flex:1 1 auto}.hero-proof{gap:8px 16px;font-size:13px}.hero-stack{width:66%}.statement{padding:64px 0 80px}.path-art{height:230px}.collar{scale:.72;transform-origin:top right}.path-phone{right:13%;top:16%;width:22%}.path-copy{padding:22px 22px 24px}.path-card{border-radius:24px}.section{padding:64px 0}.playground{padding:12px;border-radius:24px}.playground-controls{padding:16px 8px;gap:24px}.play-input{font-size:36px}.dog-option{flex-direction:column;gap:6px;font-size:13px}.segmented label{font-size:13px;padding-inline:4px}.playground-controls .button{align-self:stretch}.preview-frame{padding:24px}.resource-art{height:300px}.receipt{rotate:0deg;padding-inline:22px}.note-row{padding:24px 4px;gap:14px}.final-cta{padding:96px 0}.footer-links{gap:12px 32px}.footer-bottom{flex-direction:column}.page-section,.article{padding-top:calc(var(--header-h) + 48px)}.library-toolbar{flex-direction:column;align-items:stretch}.search-input input{flex:1;width:auto}.article-lead{font-size:18px}.about-photo{height:260px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.mockup-shot{overflow:hidden;border-radius:14px;background:var(--paper)}.mockup-shot img{display:block;width:100%;height:auto}
