:root{color-scheme:light;scroll-behavior:smooth;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;min-width:280px;overflow-x:clip;background:var(--bg);color:var(--ink);line-height:1.77;padding-bottom:100px;font-size:16px}
body.demo{--bg:#0a0c26;--ink:#f7f3ff;--surface:#19183a;--panel:#252350;--muted:#c9c5e9;--line:#5b4b8c;--head:#10122d;--accent:#f476ed;--accent-2:#4ce8ff;--contrast:#160f29;--soft:#251c4a;background:radial-gradient(circle at 82% 3%,#321859 0,transparent 35%),radial-gradient(circle at 0 40%,#063c58 0,transparent 25%),#0a0c26}
body.auto{--bg:#f0f8fe;--ink:#153048;--surface:#fff;--panel:#e0f1f9;--muted:#526f83;--line:#c4deec;--head:#102c4b;--accent:#007bba;--accent-2:#bb3bb6;--contrast:#fff;--soft:#edf6fd;background:linear-gradient(145deg,#f7fcff,#e5f4fb 65%,#f7eefb)}
body.store{--bg:#101129;--ink:#f2f4ff;--surface:#1b2042;--panel:#272c53;--muted:#c3d0ec;--line:#47558e;--head:#0d1129;--accent:#8cf2f4;--accent-2:#e687ff;--contrast:#0b2035;--soft:#1d2850;background:radial-gradient(circle at 14% 1%,#372057,transparent 38%),#101129}
[hidden]{display:none!important}a{color:inherit;text-underline-offset:3px}img{display:block;max-width:100%;height:auto}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent-2);outline-offset:4px}.shell{max-width:1180px;width:calc(100% - 38px);margin:auto}.skip{position:absolute;top:-150px;left:10px;z-index:200;padding:9px;background:var(--surface)}.skip:focus{top:10px}
.topline{background:var(--head);color:#eaf0fc;border-bottom:1px solid #ffffff20;font-size:.77rem}.topline .shell{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0}.topline a{text-decoration:none;font-weight:800;color:#fae6ff}.header{position:sticky;top:0;z-index:70;background:var(--head);box-shadow:0 8px 25px #0002;border-bottom:2px solid var(--accent)}.header-inner{display:flex;gap:14px;min-height:79px;align-items:center}.brand{display:block;flex:0 0 clamp(132px,21vw,216px)}.brand img{width:100%;max-height:55px;object-fit:contain}.menu{display:flex;align-items:center;gap:3px;margin-left:auto}.menu a{text-decoration:none;color:#f6f0ff;font-size:.85rem;padding:9px 11px;border-radius:9px;font-weight:740}.menu a:hover,.menu a[aria-current=page]{background:#ffffff19}.header-cta{display:flex;gap:8px}.btn{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;min-height:44px;padding:10px 17px;border-radius:12px;font-size:.87rem;font-weight:830;text-align:center;line-height:1.25}.btn-main{color:var(--contrast);background:var(--accent)}.btn-alt{color:#fdf5ff;background:#ffffff17;border:1px solid #ffffff70}.menu-btn{display:none;background:#ffffff16;border:1px solid #ffffff55;border-radius:10px;color:white;padding:7px 12px;font-size:1.32rem}.ticker{background:var(--soft);color:var(--ink);overflow:hidden;border-bottom:1px solid var(--line);font-size:.81rem;font-weight:800}.ticker-track{white-space:nowrap;width:max-content;animation:runtext 37s linear infinite;padding:9px 0}.ticker-track span{padding-right:70px}@keyframes runtext{to{transform:translateX(-50%)}}
.breadcrumb{display:flex;gap:6px;flex-wrap:wrap;color:var(--muted);font-size:.8rem;padding:17px 0}.breadcrumb a{font-weight:700}.eyebrow{letter-spacing:.15em;text-transform:uppercase;font-size:.78rem;font-weight:900;color:var(--accent);margin:0 0 9px}.intro-title{font-size:clamp(1.75rem,4vw,3rem);line-height:1.13;letter-spacing:-.035em;margin:0 0 19px}.lead{font-size:1.02rem;max-width:75ch;color:var(--muted)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start;padding-bottom:45px}.primary{min-width:0}.side{display:grid;gap:17px;min-width:0}.panel,.feature,.article,.review,.tile,.note{background:var(--surface);border:1px solid var(--line);border-radius:18px}.panel,.article,.note{padding:clamp(17px,2.6vw,30px)}.panel h2,.article h2,.section-title{line-height:1.3;margin:0 0 15px;font-size:clamp(1.2rem,2vw,1.5rem)}.panel h3{margin:0 0 8px}.muted{color:var(--muted)}.hero{display:grid;gap:17px;margin-bottom:22px}.hero-panel{background:var(--surface);border:1px solid var(--line);border-radius:19px;padding:19px}.hero-image{background:var(--soft);border:1px solid var(--line);border-radius:15px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-image img{width:100%;height:auto;max-height:640px;aspect-ratio:1/1;object-fit:contain}.hero-panel figcaption{margin-top:9px;font-size:.8rem;color:var(--muted)}.action-row{display:flex;gap:11px;flex-wrap:wrap;margin-top:17px}.action-row .btn{flex:1;min-width:120px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.chip{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:6px 11px;text-decoration:none;background:var(--panel);font-size:.76rem;font-weight:800}
.article{margin:20px 0}.article h2{margin-top:28px}.article p{margin:0 0 17px}.article ul,.article ol{padding-left:22px}.article li{margin:10px 0}.article p:first-child{font-size:1.02rem}.article h2::before{content:' ';width:8px;height:18px;display:inline-block;background:var(--accent);border-radius:4px;margin-right:10px}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.tile{display:block;padding:20px;min-width:0;text-decoration:none;transition:transform .18s,border-color .18s}.tile:hover{transform:translateY(-2px);border-color:var(--accent)}.tile b{display:block;font-size:1rem;line-height:1.4;margin-bottom:8px}.tile small{display:block;color:var(--muted);font-size:.79rem}.tile .num{font-size:.74rem;font-weight:900;color:var(--accent);letter-spacing:.12em}.related{padding:20px;margin:24px 0}.search-box{display:flex;align-items:center;gap:8px;margin-bottom:18px}.search-box input{width:100%;min-width:0;padding:12px 15px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px}body.demo input::placeholder,body.store input::placeholder{color:#bab5d2}.search-empty{display:none;padding:12px}.search-empty.active{display:block}
.sticky-note{font-size:.87rem;color:var(--muted)}.side-link{display:block;text-decoration:none;border-bottom:1px solid var(--line);padding:11px 0;font-weight:750;font-size:.88rem}.side-link:last-child{border:0}.poster-small{background:var(--soft);padding:8px;border-radius:11px}.poster-small img{aspect-ratio:1/1;object-fit:contain;width:100%;height:auto}.faq details{border:1px solid var(--line);border-radius:11px;margin-bottom:9px;padding:13px 15px;background:var(--panel)}.faq summary{cursor:pointer;font-weight:800}.faq p{margin:10px 0 0}.reviews{margin:24px 0}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.review{padding:17px;min-width:0}.review .name{font-size:.89rem;font-weight:850}.review .stars{color:var(--accent);letter-spacing:.05em}.review p{font-size:.88rem;margin:8px 0 0}.review-notice{font-size:.79rem;color:var(--muted);margin:0 0 16px}
.footer{background:var(--head);border-top:2px solid var(--accent);color:#e7e8ff;padding:38px 0 125px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.footer h2,.footer h3{font-size:1rem;margin:0 0 12px}.footer p{color:#c9c9e4;font-size:.87rem}.footer a{display:block;font-size:.88rem;padding:5px 0;text-decoration:none}.foot-logo{max-width:220px;max-height:60px;object-fit:contain;margin-bottom:12px}.copyright{border-top:1px solid #ffffff30;margin-top:23px;padding-top:16px;font-size:.78rem;color:#d1d3e6}
.sticky-footer{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));z-index:95;padding:7px max(7px,env(safe-area-inset-left));padding-bottom:calc(7px + env(safe-area-inset-bottom));background:var(--head);border-top:2px solid var(--accent);box-shadow:0 -6px 22px #0005;gap:7px}.sticky-footer a{display:flex;gap:6px;align-items:center;justify-content:center;min-height:58px;text-decoration:none;border:1px solid #ffffff3d;background:#ffffff12;color:#fff;border-radius:11px;font-weight:850;font-size:.85rem}.sticky-footer span{font-size:1.28rem}.sticky-footer a:hover{border-color:var(--accent)}
/* Per-domain layout families */
body.demo .hero{grid-template-columns:1fr}body.demo .feature .feature-inner{padding:22px}body.demo .intro-title{color:#fcdaff}body.demo .hero-panel{border-color:#7051ad}
body.auto .hero{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}body.auto .hero-panel{order:2}body.auto .intro-copy{order:1}body.auto .layout{grid-template-columns:minmax(0,1fr) 285px}
body.store .hero{grid-template-columns:minmax(0,1fr)}body.store .hero-panel{order:1}body.store .intro-copy{order:0}body.store .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.demo .panel{box-shadow:0 8px 38px #e45dfe10}body.store .panel{box-shadow:0 8px 40px #15cffa0d}
@media(max-width:1050px){.menu-btn{display:block;margin-left:auto}.header-inner{flex-wrap:wrap}.menu{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;order:4;background:#ffffff12;border-radius:12px;padding:8px;margin:0 0 10px}.menu.open{display:flex}.menu a{padding:10px 12px}.header-cta{margin-left:0}.header-inner{gap:10px}}
@media(max-width:860px){.layout,body.auto .layout{grid-template-columns:1fr}.side{grid-template-columns:repeat(2,minmax(0,1fr))}.side .panel:last-child{grid-column:span 2}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.shell{width:calc(100% - 26px)}.header-inner{min-height:68px}.brand{flex:0 0 145px}.header-cta .btn{padding:8px 10px;font-size:.71rem;min-height:37px}.header-cta{gap:5px}.menu-btn{font-size:1.07rem;padding:4px 9px}.topline{font-size:.64rem}.intro-title{font-size:1.78rem}body.auto .hero{grid-template-columns:1fr}body.auto .hero-panel{order:0}body.auto .intro-copy{order:1}.side{grid-template-columns:1fr}.side .panel:last-child{grid-column:auto}.card-grid,body.store .card-grid,.review-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.sticky-footer{gap:4px}.sticky-footer a{display:flex;flex-direction:column;gap:0;padding:5px 2px;font-size:.63rem;min-height:60px}.sticky-footer span{font-size:1.26rem}.article{margin-top:16px}.hero-panel{padding:11px}}
@media(max-width:390px){.header-cta .btn{font-size:.64rem;padding:7px 7px}.brand{flex-basis:118px}.topline span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip{font-size:.7rem}.footer{padding-bottom:135px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.ticker-track{animation:none}.tile{transition:none}}