:root{--bg:#121216;--surface:#242329;--text:#F5F3F0;--muted:#B9B5B2;--accent:#FF8138;--accent-text:#FFAC7B;--border:#4B4650;--r:16px}:root[data-theme=light]{--bg:#F5EEDF;--surface:#FFFAF0;--text:#2A2118;--muted:#6A5D4E;--accent:#0E7C7B;--accent-text:#0A6665;--border:#DACDB5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 Onest,system-ui,sans-serif}h1,h2,h3,.logo{font-family:Unbounded,system-ui,sans-serif;line-height:1.15}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}section{padding:64px 0}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border:1.5px solid var(--accent);border-radius:var(--r);background:transparent;color:var(--accent-text);font:600 15px Onest,sans-serif;cursor:pointer;transition:background .2s}.btn:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.btn:disabled{opacity:.5}header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.tools{display:flex;gap:8px}.tools button{min-height:44px;min-width:44px;padding:0 10px;background:none;border:1px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer}.tools button[aria-pressed=true]{border-color:var(--accent);color:var(--accent-text)}.hero{padding:96px 0}.hero h1{font-size:clamp(36px,7vw,72px);margin:0 0 16px}.hero p{font-size:20px;color:var(--muted);max-width:560px}.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:20px}.ph{aspect-ratio:4/3;border-radius:12px;background:repeating-linear-gradient(45deg,var(--border),var(--border) 8px,transparent 8px,transparent 16px);margin-bottom:12px}.tag{font-size:12px;color:var(--muted)}label{display:grid;gap:6px;margin-bottom:14px;color:var(--muted);font-size:14px}input,select,textarea{min-height:44px;padding:10px 12px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:12px;font:inherit}.price{font:700 32px Unbounded,sans-serif;color:var(--accent-text)}.note{color:var(--muted);font-size:14px}.hp{position:absolute;left:-9999px}footer{border-top:1px solid var(--border);padding:32px 0;color:var(--muted)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:72px}.logo{font-weight:700;font-size:22px;color:var(--accent-text);justify-self:start}nav{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}nav a{color:var(--muted)}nav a:hover{color:var(--text)}.right{display:flex;gap:12px;align-items:center;justify-self:end}.foot{padding:24px 0}.hero-bg{background:radial-gradient(ellipse at 80% 20%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 60%),radial-gradient(ellipse at 10% 90%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 55%)}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}.hero-art{width:100%;max-width:360px;justify-self:center;filter:drop-shadow(0 20px 40px color-mix(in srgb,var(--accent) 40%,transparent))}.ph{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) calc(15% + var(--i,0)*8%),var(--surface)),var(--surface))!important}@media (max-width:900px){.bar{grid-template-columns:1fr;justify-items:center;padding:12px 0}.logo,.right{justify-self:center}.right{flex-wrap:wrap;justify-content:center}.hero{grid-template-columns:1fr}}h1,h2,h3,.logo,.price{font-family:Unbounded,system-ui,sans-serif;font-weight:500}.hero h1{font-size:clamp(30px,5.5vw,58px);line-height:1.15}h2{font-size:clamp(22px,3vw,32px)}h3{font-size:17px}.price{font-size:28px}.logo{font-size:20px}.langs{display:flex;gap:2px}.langs button,.theme{min-height:44px;min-width:44px;padding:0 8px;background:none;border:0;color:var(--muted);font:600 13px Onest,sans-serif;letter-spacing:.06em;cursor:pointer;transition:color .2s,transform .2s}.langs button:hover,.theme:hover{color:var(--text)}.theme{display:grid;place-items:center}footer .wrap{text-align:center}.card,.btn,nav a,.hero-art,.langs button,.theme,.logo{transition:transform .2s ease,box-shadow .2s ease,background .2s,color .2s}nav a,.logo{display:inline-block}@media (hover:hover) and (prefers-reduced-motion:no-preference){.card:hover{transform:scale(1.03);box-shadow:0 12px 32px color-mix(in srgb,var(--accent) 22%,transparent)}.btn:hover{transform:scale(1.06)}nav a:hover,.logo:hover{transform:scale(1.08)}.hero-art:hover{transform:scale(1.06) rotate(-2deg)}.langs button:hover,.theme:hover{transform:scale(1.15)}}@media (max-width:900px){.right{gap:4px}}.logo img{display:block;height:44px;width:auto}.lead{max-width:640px;margin-bottom:32px}.wrap>h1{font-size:clamp(26px,4vw,40px);margin:48px 0 12px}.ph-img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;margin-bottom:12px}.hero-bg{background-image:url(/media/hero/hero-bg.svg),radial-gradient(ellipse at 80% 20%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 60%),radial-gradient(ellipse at 10% 90%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 55%);background-size:cover,auto,auto;background-position:center;background-repeat:no-repeat}html,body,#root{min-height:100vh}#root{display:flex;flex-direction:column}main{flex:1 0 auto;padding-bottom:64px;overflow-x:clip}footer{flex:none;height:88px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;background:var(--bg);margin-top:0}footer .wrap{width:100%;text-align:center}.bar nav{justify-content:flex-start;gap:18px;font-size:15px}.bar .logo{justify-self:center;line-height:0}.logo-light{display:none}:root[data-theme=light] .logo-dark{display:none}:root[data-theme=light] .logo-light{display:block}.right{gap:4px}.langs{gap:0}.langs button{min-width:0;padding:0 6px;font-size:12px;letter-spacing:.08em;position:relative}.langs button+button:before{content:"/";margin-right:12px;opacity:.35;font-weight:400}.langs button[aria-pressed=true]{color:var(--accent-text)}.theme{min-width:40px;padding:0 6px}.right .btn{padding:0 16px;font-size:14px;margin-left:8px;white-space:nowrap}.hero-bg{background-image:radial-gradient(ellipse at 80% 20%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 60%),linear-gradient(color-mix(in srgb,var(--bg) 55%,transparent),color-mix(in srgb,var(--bg) 85%,transparent)),url(/media/hero/hero-bg.webp),url(/media/hero/hero-bg.jpg),url(/media/hero/hero-bg.svg);background-size:auto,auto,cover,cover,cover}@media (max-width:900px){.bar nav{order:2;justify-content:center}.bar .logo{order:1}.bar .right{order:3}}.bar .logo{justify-self:start}.bar nav{justify-content:center}@media (max-width:900px){.bar .logo{justify-self:center}}.logo img.logo-light{display:none}:root[data-theme=light] .logo img.logo-dark{display:none}:root[data-theme=light] .logo img.logo-light{display:block}.chip{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:6px 14px;margin:8px 8px 0 0;font-size:14px}.callout{border-left:3px solid var(--accent);padding:10px 14px;background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:8px;margin:14px 0;font-size:14px}.rev-head{display:flex;justify-content:space-between;align-items:center}.arrow{width:44px;height:44px;margin-left:8px;border:1px solid var(--border);border-radius:50%;background:none;color:var(--text);font-size:22px;cursor:pointer}.arrow:hover{border-color:var(--accent);color:var(--accent-text)}.track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 4px 20px;scrollbar-width:none}.track::-webkit-scrollbar{display:none}.rev{flex:0 0 min(340px,82%);scroll-snap-align:start;display:flex;flex-direction:column;justify-content:space-between}.link{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}.logo img{height:52px;width:auto}.printer{font-size:22px;margin:0 0 6px;color:var(--accent-text)}.spec{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:16px}.spec>div{border:1px solid var(--border);border-radius:12px;padding:12px 16px}.spec .l{display:block;font-size:12px;color:var(--muted)}.spec b{font-weight:600}.faq details{border:1px solid var(--border);border-radius:12px;background:var(--surface);margin-bottom:10px;padding:0 18px}.faq summary{cursor:pointer;min-height:48px;display:flex;align-items:center;gap:12px;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";margin-left:auto;color:var(--accent-text);font-size:22px}.faq details[open] summary:after{content:"–"}.faq details p{margin:0 0 16px;color:var(--muted)}.menu{display:contents}.burger{display:none;width:44px;height:44px;padding:0;background:none;border:0;color:var(--text);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}.burger span{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s,opacity .2s}.burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}body{overflow-x:hidden}@media (max-width:1000px){.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:0}.bar .logo{justify-self:auto;order:0}.burger{display:flex}.menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:8px;padding:8px 24px 24px;background:var(--bg);border-bottom:1px solid var(--border);max-height:calc(100vh - 64px);overflow-y:auto}.menu.open{display:flex}.menu nav{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;order:0;font-size:18px}.menu nav a{display:block;padding:14px 4px;border-bottom:1px solid var(--border)}.menu nav a:hover{transform:none}.menu .right{flex-direction:column;align-items:stretch;justify-self:auto;gap:12px;margin-top:12px;order:0}.menu .right .langs{justify-content:center}.menu .right .theme{align-self:center}.menu .right .btn{margin-left:0;width:100%;min-height:48px;font-size:16px}}@media (max-width:700px){.wrap{padding:0 16px}.menu{padding:8px 16px 24px}section{padding:40px 0}.hero{padding:40px 0 24px}.hero-art{max-width:200px}.wrap>h1{margin:32px 0 8px}.price{font-size:24px}.rev-head{gap:8px}}