@font-face{font-family:Outfit;src:url('/marketing-assets/outfit-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Outfit;src:url('/marketing-assets/outfit-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:GeistMono;src:url('/marketing-assets/geist-mono.ttf') format('truetype');font-weight:400;font-display:swap}
:root{font-family:Outfit,Arial,sans-serif;color:#252525;background:#f7f7f5;--accent:#a44e36;--line:#dcdcd7;--muted:#666662;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,summary{font:inherit}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:4px}p{line-height:1.65;color:var(--muted);margin:16px 0}h1,h2,h3{font-weight:600;margin:0;letter-spacing:-.035em;line-height:1.12}h1{font-size:clamp(40px,4.75vw,68px);letter-spacing:-.045em}h2{font-size:clamp(28px,3vw,42px)}h3{font-size:23px}em{font-style:normal;color:var(--accent)}.wrap{max-width:1232px;margin:auto;padding:0 24px}.eyebrow{font:11px/1.6 GeistMono,monospace;letter-spacing:.12em;color:var(--accent);margin:0 0 20px}.lead{font-size:18px;line-height:1.65;max-width:540px;margin:24px 0}.micro,.caption{font-size:12px;line-height:1.6;color:var(--muted)}.narrow{max-width:350px}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:22px;background:var(--accent);color:white;border-radius:10px;padding:12px 22px;font-size:16px;transition:transform .18s,background .18s}.button:hover{background:#893f2a;transform:translateY(-1px)}.text-link{display:inline-flex;align-items:center;min-height:44px;gap:16px;font-size:15px;color:var(--accent)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:25px;font-weight:600;letter-spacing:-.035em;min-height:44px}.skip{position:fixed;top:-100px;left:15px;background:white;z-index:30;padding:15px}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:20;background:#f7f7f5f5;border-bottom:1px solid var(--line)}.nav-shell{max-width:1328px;padding:14px 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.desktop-nav{display:flex;gap:28px;font-size:14px}.desktop-nav a{display:flex;align-items:center;min-height:44px;color:var(--muted)}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:12px}.mobile-nav{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:76px 0 66px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:30px}.hero .micro{margin-top:16px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.paper{margin:0;padding:12px 12px 0;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #2525250b}.paper.output{margin-top:42px}.art{aspect-ratio:3/4;background-image:url('/marketing-assets/dog-study.png');background-size:200% 100%;background-repeat:no-repeat;border-radius:6px}.photo{background-position:left}.lineart{background-position:right}.paper figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;padding:15px 0;font-size:11px;color:var(--muted)}.paper figcaption span:last-child{font:9px GeistMono,monospace;letter-spacing:.08em}.example .caption{margin:18px 0 0;font-size:11px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:24px 0;border-block:1px solid var(--line)}.facts p{margin:0;color:#252525;font-size:14px}.facts span{font:11px GeistMono,monospace;color:var(--accent);margin-right:14px}.section{padding:72px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.section-heading p{margin:0}.section-heading .eyebrow{max-width:300px}.audience{display:grid;grid-template-columns:1fr 1fr;gap:44px}.audience>a{padding:30px 0 4px;border-top:1px solid var(--line)}.audience>a:hover .text-link{text-decoration:underline}.audience .eyebrow{margin-bottom:18px}.audience p{max-width:380px}.split{display:grid;grid-template-columns:5fr 7fr;gap:80px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:28px;padding:26px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li:last-child{border:0;padding-bottom:0}.steps li>span{font:12px GeistMono,monospace;color:var(--accent);padding-top:6px}.steps p{margin:10px 0 0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.guide-card{padding:34px;background:white;border:1px solid var(--line);border-radius:12px}.guide-card:hover{border-color:var(--accent)}.guide-card h3{font-size:30px}.guide-card p{font-size:15px}.faq details{border-bottom:1px solid var(--line);padding:14px 0}.faq details:first-child{padding-top:0}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none;min-height:48px;font-size:18px}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--accent)}.faq p{font-size:15px}.closing{margin:72px 0;display:flex;justify-content:space-between;align-items:center;gap:40px;background:#f4e7e2;border:1px solid #e8d5ce;border-radius:14px;padding:46px}.closing p:not(.eyebrow){font-size:13px;margin:14px 0 0}.closing .eyebrow{font-size:10px}.site-footer{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;padding-block:48px;border-top:1px solid var(--line)}.site-footer nav{display:flex;flex-direction:column;align-items:flex-start}.site-footer nav a{min-height:44px;display:flex;align-items:center;font-size:14px;color:var(--muted)}.site-footer nav a:hover{color:var(--accent)}.site-footer .eyebrow{margin:0 0 12px;font-size:10px}.site-footer p{font-size:14px;margin:10px 0}.site-footer small{font-size:12px;color:var(--muted)}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:12px;padding-top:24px;color:var(--muted)}.breadcrumbs a{display:inline-flex;min-height:36px;align-items:center}.breadcrumbs a:hover{text-decoration:underline}.family-note{background:white;border:1px solid var(--line);padding:42px;box-shadow:8px 8px 0 #e9e9e3;border-radius:4px}.book-lines{margin:42px 0;border-block:1px solid var(--line);padding:25px 0;display:flex;flex-direction:column;font-size:clamp(30px,3.5vw,46px);letter-spacing:-.035em;line-height:1.4}.book-lines span:last-child{color:var(--accent)}.family-note .caption{display:block;margin-top:35px}.guide-intro{padding:60px 0 8px}.article{padding:56px 0 72px}.article>header{max-width:850px;margin-bottom:56px}.article>header .lead{max-width:710px}.article-layout{display:grid;grid-template-columns:260px 1fr;gap:70px;align-items:start}.contents{position:sticky;top:112px;display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:24px}.contents a{font-size:14px;line-height:1.6;padding:8px 0;color:var(--muted);min-height:44px}.contents a:hover{color:var(--accent)}.article-body{max-width:735px}.article-body section{padding:28px 0;border-top:1px solid var(--line)}.article-body section:first-child{padding-top:24px}.article-body h2{font-size:27px;line-height:1.25}.article-body p,.article-body li{font-size:17px;line-height:1.75;color:var(--muted)}.article-body li{margin:10px 0}.article-body p a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.article-next{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:30px}
@media(max-width:1000px){.desktop-nav{gap:16px;font-size:13px}.hero{gap:32px;padding-top:54px}.split{gap:36px}.nav-shell{padding-inline:24px}.article-layout{gap:36px;grid-template-columns:220px 1fr}.paper{padding:8px 8px 0}.paper figcaption{font-size:10px}.paper figcaption span:last-child{display:none}}
@media(max-width:767px){.wrap{padding-inline:22px}.nav-shell{padding:10px 18px;gap:12px}.brand{font-size:23px}.brand img{width:25px;height:25px}.nav-actions{gap:8px}.nav-actions>.button{font-size:14px;padding:10px 15px;min-height:48px;gap:12px}.desktop-nav{display:none}.mobile-nav{display:block}.mobile-nav summary{display:flex;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;list-style:none;font-size:21px}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:14px 22px;box-shadow:0 12px 24px #2525250a}.mobile-nav nav a{display:flex;align-items:center;min-height:48px;font-size:16px}.hero{grid-template-columns:1fr;padding:42px 0;gap:36px}.hero h1{font-size:clamp(38px,9vw,60px)}.lead{font-size:17px;margin:22px 0}.hero-actions{gap:12px 22px;margin-top:24px}.pair{gap:12px}.paper{padding:10px 10px 0}.paper figcaption{font-size:11px}.paper.output{margin-top:28px}.facts{grid-template-columns:1fr;gap:14px;padding:24px 0}.section{padding:44px 0}.section-heading{display:block;margin-bottom:24px}.section-heading p+p{margin-top:18px}.section-heading .text-link{margin-top:12px}.audience,.guide-grid,.split{grid-template-columns:1fr;gap:30px}.audience>a{padding-top:24px}.steps li{gap:22px}.guide-card{padding:27px}.closing{display:block;padding:30px 25px;margin:44px 0}.closing>div+div{margin-top:28px}.closing h2{font-size:36px}.site-footer{grid-template-columns:1fr;gap:30px;padding-block:35px}.site-footer>div{padding-bottom:10px}.site-footer .eyebrow{margin-bottom:4px}.family-note{padding:30px}.article{padding:35px 0 45px}.article>header{margin-bottom:30px}.article h1{font-size:38px}.article-layout{grid-template-columns:1fr;gap:24px}.contents{position:static;padding-top:20px}.contents a{font-size:15px}.contents .eyebrow{margin-bottom:8px}.article-body h2{font-size:25px}.article-body p,.article-body li{font-size:16px}.guide-intro{padding-top:36px}.guide-intro h1{font-size:40px}}
@media(max-width:359px){.brand img{display:none}.nav-shell{padding-inline:14px}.nav-actions>.button{padding-inline:12px}.nav-actions>.button span{display:none}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions>.text-link{justify-content:center}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}}

.release-note{margin:0;padding:10px 22px;text-align:center;font-size:12px;line-height:1.6;background:#f4e7e2;color:#663321;border-bottom:1px solid #e8d5ce}
