/* A light, playful home; other feature pages retain their own layouts. */
body:has(#home){background:#f7f8fa;color:#111;--ink:#111;--muted:#50535a;--butter:#ffdf45;--butter-light:#fff8d8;--line:#e6e7eb}
#home.page{max-width:1120px;padding:24px 28px 0}
#home .header{min-height:76px;padding:14px 22px;border:0;background:white;border-radius:18px;box-shadow:0 8px 24px #17203a08;gap:20px}
#home .brand-mark{width:38px;height:38px;background:#ffdf45;border:1.5px solid #111}
#home .brand-wordmark{font-size:21px;letter-spacing:-.8px}#home .brand-wordmark b{font-size:12px;letter-spacing:2px;margin-top:4px}
#home .header nav{gap:17px;font-size:12px}#home .language-switch{background:#ffdf45}#home .language-switch button{font-size:11px;padding:8px 10px}
#home .hero-grid{grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:34px;margin-top:28px}
#home .hero{padding:20px 8px 0;min-height:470px}
#home .eyebrow{font-size:11px;letter-spacing:.3px;color:#303239;margin-bottom:16px}
#home .hero h1{font-size:clamp(38px,4.3vw,54px);letter-spacing:-2.5px;line-height:1.15;max-width:100%;font-weight:900}
#home .hero h1 .pink{background:linear-gradient(transparent 77%,#ffdf45 77%,#ffdf45 94%,transparent 94%)}
#home .spark{color:#ffdf45;font-size:48px;margin-left:8px}
#home .hero .intro{font-size:14px;line-height:1.85;max-width:330px;margin:20px 0 18px}
#home .hero .actions{max-width:320px;gap:9px}
#home .button{border-radius:10px;min-height:40px;padding:10px 16px;font-size:12px;border:1.5px solid #111;background:#111;color:white;box-shadow:none}
#home .button:hover{background:#ffdf45;color:#111;transform:translateY(-2px)}
#home .hero-note{left:8px;right:0;padding:14px 16px;border:0;border-radius:12px;box-shadow:0 6px 18px #17203a07;gap:12px;background:white}
#home .hero-note strong{font-size:12px}#home .hero-note div>span{font-size:11px}#home .note-icon{color:#ffdf45;-webkit-text-stroke:1px #111;font-size:30px}#home .paw{font-size:23px}
#home .dog{width:65px;height:70px;right:8px;bottom:62px;border-radius:0;opacity:1;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg stroke='%23252424' stroke-width='2.5' stroke-linejoin='round'%3E%3Cpath fill='%23bd884b' d='M25 35Q15 27 10 52Q4 74 25 75L33 51M75 35Q85 27 90 52Q96 74 75 75L67 51'/%3E%3Cpath fill='%23dbad70' d='M25 42Q22 20 42 23Q53 12 65 26Q82 24 79 49Q92 85 53 89Q16 87 25 42Z'/%3E%3Cpath fill='%23ffdf45' d='m30 84 24 11 23-12'/%3E%3C/g%3E%3Ccircle cx='37' cy='54' r='3'/%3E%3Ccircle cx='66' cy='54' r='3'/%3E%3Cpath d='M47 64Q53 59 59 64Q57 71 53 71Q49 70 47 64' fill='%23252424'/%3E%3Cpath d='M46 75Q53 81 61 75' fill='none' stroke='%23252424' stroke-width='2'/%3E%3C/svg%3E")}
#home .picks{border:2px solid #111;border-radius:18px;background:#f6f3e6;display:flex;flex-direction:column;box-shadow:none}
#home .picks-head{padding:25px 18px 0}#home .tiny-tag{font-size:10px;letter-spacing:.4px}#home .quiz-teaser .picks-head h2{font-size:29px;letter-spacing:-1px}
#home .quiz-teaser .top-empty{padding:14px 22px 28px;min-height:0;flex:1;display:flex;flex-direction:column;align-items:center}
#home .quiz-teaser .empty-symbol{color:#ffdf45;-webkit-text-stroke:1.8px #111;font-size:64px;line-height:1.25;font-weight:900}
#home .quiz-teaser .top-empty h3{font-size:17px;margin:17px 0 12px;line-height:1.5}#home .top-empty p{font-size:12px;line-height:1.8;margin:0 0 22px}#home .top-empty .button{width:100%}
#home .picks-footer{background:#ffdf45;font-size:10px;padding:11px}
#home .quiz-overview{margin:40px 0 24px;padding:8px}#home .quiz-overview h2{font-size:22px;letter-spacing:-.7px;margin-bottom:28px}
#home .overview-steps{gap:28px}#home .overview-steps>div{position:relative;padding:0 0 12px}#home .overview-steps h3{font-size:14px;padding-right:36px;line-height:1.6}#home .overview-steps p{font-size:12px;line-height:1.85}
#home .overview-steps>div:after{position:absolute;right:0;top:0;font-size:30px;transform:rotate(-8deg)}#home .overview-steps>div:nth-child(1):after{content:'🦴'}#home .overview-steps>div:nth-child(2):after{content:'✨'}#home .overview-steps>div:nth-child(3):after{content:'🐾'}
#home .fortune-teaser,#home .bark-teaser{background:#fff;border:1px solid #e6e7eb;border-radius:18px;padding:28px;margin:20px 0}#home .fortune-teaser h2,#home .bark-teaser h2{font-size:25px;letter-spacing:-.8px}#home .fortune-teaser p,#home .bark-teaser p{font-size:14px;line-height:1.8}
#home .category-grid>a{background:white;border:0;border-radius:14px;box-shadow:0 4px 16px #17203a05}#home .products{margin-top:28px;background:white;border-color:#e6e7eb;border-radius:18px}#home .products h2{font-size:28px}#home .story h2{font-size:28px}#home footer{border-top:1px solid #e6e7eb}
@media(max-width:1000px){#home .header{flex-wrap:wrap}#home .header nav{order:3;justify-content:center;width:100%;gap:24px}#home .language-switch{margin-left:auto}#home .hero-grid{gap:24px;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}#home .hero{min-height:490px}#home .hero h1{font-size:44px}#home .spark{font-size:36px}}
@media(max-width:700px){#home.page{padding:14px 18px 0}#home .header{flex-direction:row;gap:14px;padding:14px 16px}#home .header nav{gap:16px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;padding-bottom:2px}#home .hero-grid{grid-template-columns:1fr;gap:24px;margin-top:16px}#home .hero{min-height:440px;padding:18px 2px 0}#home .hero h1{font-size:clamp(33px,7.9vw,48px);letter-spacing:-1.8px}#home .hero .intro{max-width:100%;font-size:14px;padding-right:6px}#home .hero-note{left:0}#home .dog{width:55px;height:60px;bottom:64px}#home .picks{max-width:none}#home .picks-head{padding-top:22px}#home .quiz-teaser .top-empty{padding:10px 24px 24px}#home .quiz-teaser .top-empty h3{margin-top:8px}#home .quiz-overview{margin-top:30px;padding:0}#home .overview-steps{grid-template-columns:1fr;gap:12px}#home .overview-steps>div{background:white;border-radius:12px;padding:14px 18px}#home .overview-steps>div:after{right:18px;top:14px}#home .overview-steps h3{margin:0 0 8px}#home .overview-steps p{margin:0}#home .fortune-teaser,#home .bark-teaser{padding:22px}#home .fortune-teaser h2,#home .bark-teaser h2{font-size:22px}}
#home .empty-symbol,#home .note-icon{font-size:0}#home .empty-symbol:before{content:"♥";font-size:64px}#home .note-icon:before{content:"♥";font-size:30px}
#home .quiz-teaser .empty-symbol{font-size:0}@media(max-width:700px){#home .header nav{flex-wrap:wrap;overflow:visible;gap:4px 16px}#home .header nav a{padding:5px 0}}