:root { color-scheme: light; --ink:#152b2d; --muted:#536b6d; --line:#d7e5e2; --teal:#0a665a; --wash:#f3f8f6; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:20px; }
body { margin:0; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); background:#fff; line-height:1.65; }
a { color:inherit; text-underline-offset:4px; }
a:focus-visible,summary:focus-visible { outline:3px solid #178b78; outline-offset:5px; }
img { max-width:100%; display:block; }
.shell { width:min(1120px,calc(100% - 48px)); margin-inline:auto; }
.skip-link { position:absolute; z-index:10; left:20px; top:-80px; padding:12px 20px; background:#fff; }
.skip-link:focus { top:12px; }
.topbar { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:10px; font-weight:800; text-decoration:none; white-space:nowrap; }
.mark { display:grid; place-items:center; width:34px; height:34px; background:var(--ink); color:#fff; border-radius:9px; }
nav { display:flex; align-items:center; gap:30px; font-size:14px; }
.language-switch { display:flex; align-items:center; gap:9px; }
.language-switch a { color:var(--muted); padding:10px 0; text-decoration:none; }
.language-switch [aria-current] { color:var(--teal); font-weight:800; text-decoration:underline; }
.intro { padding-block:40px 30px; }
.eyebrow { margin:0 0 13px; color:var(--teal); font-weight:800; font-size:13px; letter-spacing:.04em; }
h1 { margin:0; font-size:clamp(32px,4.3vw,54px); line-height:1.25; letter-spacing:-.035em; word-break:keep-all; }
.lead { color:var(--muted); margin:18px 0 24px; font-size:18px; }
.product-jumps { display:flex; flex-wrap:wrap; gap:9px; }
.product-jumps a { padding:9px 15px; border:1px solid var(--line); border-radius:25px; font-size:14px; text-decoration:none; background:var(--wash); }
.product-jumps a:hover { border-color:var(--teal); }
.product-jumps span { margin-left:10px; color:var(--teal); }
.product-section { padding-block:12px 48px; }
.section-head { display:flex; gap:20px; align-items:baseline; justify-content:space-between; margin-bottom:20px; }
h2 { font-size:24px; line-height:1.35; margin:0; word-break:keep-all; }
.section-head p { font-size:14px; color:var(--muted); margin:0; }
.products { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.product-card { border:1px solid var(--line); border-radius:16px; overflow:hidden; display:flex; flex-direction:column; background:#fff; scroll-margin-top:20px; }
.art-link { display:block; text-decoration:none; }
.product-art { width:100%; height:auto; aspect-ratio:1024/500; object-fit:cover; background:#eef6f5; }
.card-body { display:flex; flex-direction:column; flex:1; padding:23px 26px 25px; }
.product-tag { margin:0 0 4px; color:var(--teal); font-size:12px; font-weight:800; }
.blinkgame .product-tag { color:#6652a0; }
.munglog .product-tag { color:#ab5037; }
h3 { font-size:27px; margin:0 0 10px; letter-spacing:-.02em; }
.card-title { font-weight:750; font-size:18px; margin:0 0 7px; word-break:keep-all; }
.card-copy { margin:0 0 12px; color:var(--muted); font-size:15px; }
.card-details { margin:0 0 15px; font-size:13px; color:var(--muted); }
.card-details summary { width:fit-content; cursor:pointer; padding-block:4px; }
.card-details p { margin:8px 0 0; padding:12px 14px; border-radius:8px; background:var(--wash); }
.card-actions { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:auto; padding-top:9px; }
.detail-link { color:var(--teal); font-size:15px; font-weight:800; }
.store-link { display:inline-flex; padding:7px 9px; border-radius:7px; background:#f5f8f7; }
.store-link img { width:135px; height:auto; }
.dog-art { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; color:#6d4030; background:#fff1e7; }
.dog-icon { display:grid; place-items:center; width:60px; height:60px; color:#fff; background:#cf6e47; border-radius:20px; font-size:32px; font-weight:800; }
.dog-art>div { display:flex; align-items:center; gap:20px; font-size:17px; }
.flow-arrow { color:#b46243; }
.dog-art p { margin:0; font-size:13px; }
.help-strip { display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid var(--line); padding-block:32px 42px; }
.help-strip h2 { font-size:22px; }
.help-strip p { color:var(--muted); margin:8px 0 0; }
.help-strip>a { color:var(--teal); font-weight:750; white-space:nowrap; }
footer { background:var(--wash); border-top:1px solid var(--line); padding-block:30px 24px; font-size:13px; color:var(--muted); }
.footer-row { display:flex; align-items:start; justify-content:space-between; gap:24px; }
.footer-row strong { color:var(--ink); }
.footer-row p { margin:4px 0 0; }
.footer-links { display:flex; flex-wrap:wrap; gap:12px 18px; max-width:650px; }
.analytics-note { font-size:12px; margin-top:20px; }
.legal-page { max-width:760px; padding-block:36px 50px; }
.legal-page h1 { font-size:36px; }
.legal-page h2 { font-size:22px; margin-top:30px; }
@media(max-width:700px) {
 .shell { width:calc(100% - 32px); }
 .topbar { min-height:68px; flex-wrap:wrap; gap:6px 12px; padding-block:12px; }
 nav { gap:17px; font-size:13px; }
 nav>a { display:none; }
 .language-switch { gap:7px; }
 .intro { padding-block:26px 21px; }
 h1 { font-size:31px; line-height:1.28; }
 .lead { font-size:16px; margin-block:14px 17px; }
 .product-jumps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
 .product-jumps a { padding:8px 12px; font-size:13px; display:flex; justify-content:space-between; }
 .section-head { display:block; margin-bottom:16px; }
 .section-head h2 { font-size:21px; }
 .section-head p { font-size:13px; margin-top:5px; }
 .products { grid-template-columns:1fr; gap:20px; }
 .product-card { position:relative; }
 .art-link { position:absolute; top:18px; right:20px; width:100px; height:66px; border-radius:8px; overflow:hidden; }
 .product-art { height:100%; aspect-ratio:auto; object-fit:contain; }
 .product-tag,h3 { padding-right:110px; }
 .card-title { margin-top:8px; }
 .dog-art { gap:0; }
 .dog-icon { width:42px; height:42px; border-radius:12px; font-size:25px; }
 .dog-art>div,.dog-art>p { display:none; }
 .card-body { padding:18px 20px 21px; }
 .card-title { font-size:17px; }
 .help-strip,.footer-row { flex-direction:column; align-items:start; }
 .help-strip p { font-size:15px; }
 .product-section { padding-bottom:32px; }
}
@media(max-width:360px) { .brand { gap:7px; font-size:14px; } h1 { font-size:28px; } .language-switch { font-size:12px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }