:root{--bg:#f7f6f3;--surface:#fff;--ink:#1b1c26;--ink-soft:#4b4e5a;--muted:#75798a;--line:#e6e4dd;--line-strong:#d5d2c9;--brand:#4f46e5;--brand-soft:#eef0fe;--ok:#15803d;--ok-soft:#ecfdf3;--danger:#dc2626;--radius:14px;--radius-sm:9px;--shadow-sm:0 1px 2px #1818260f;--shadow-md:0 10px 32px #1818261f;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);margin:0;font-size:15.5px;line-height:1.55}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:min(1120px,100% - 40px);margin-inline:auto}.page{flex-direction:column;min-height:100vh;display:flex}.photo{object-fit:cover;background:#e9e7e1;width:100%;height:100%}.photo--fallback{display:block}.btn{white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:15px;font-weight:600;line-height:1.2;transition:transform 60ms,box-shadow .15s,background .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:#000}.btn-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--ink)}.btn-success{background:var(--ok);color:#fff;box-shadow:var(--shadow-sm)}.btn-success:hover{background:#166534}.btn-accent{background:var(--accent,var(--brand));color:#fff}.btn-accent:hover{filter:brightness(.94)}.btn:disabled{opacity:.65;cursor:progress;transform:none}.icon-btn{width:40px;height:40px;color:var(--ink);border-radius:10px;justify-content:center;align-items:center;transition:background .15s;display:inline-flex;position:relative}.icon-btn:hover{background:#1b1c2612}.icon-btn--small{border-radius:8px;width:32px;height:32px}.topbar{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#f7f6f3eb;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;height:62px;display:flex}.topbar-left{align-items:center;gap:10px;display:flex}.brand{align-items:center;gap:9px;display:inline-flex}.brand-name{letter-spacing:-.02em;font-size:17px;font-weight:800}.back-link{color:var(--ink-soft);border-radius:8px;align-items:center;gap:8px;margin-left:-10px;padding:8px 10px;font-size:14.5px;font-weight:600;transition:color .15s,background .15s;display:inline-flex}.back-link:hover{color:var(--ink);background:#1b1c260f}.cart-wrap{position:relative}.cart-badge{background:var(--brand);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:3px;right:3px}.cart-pop{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:320px;box-shadow:var(--shadow-md);z-index:60;padding:14px;position:absolute;top:calc(100% + 10px);right:0}.cart-pop-title{margin-bottom:10px;font-size:14px;font-weight:700}.cart-pop-empty{color:var(--muted);font-size:13.5px;line-height:1.5}.cart-pop-list{flex-direction:column;gap:4px;display:flex}.cart-pop-row{align-items:center;gap:6px;display:flex}.cart-pop-kit{text-align:left;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;padding:6px;transition:background .15s;display:flex}.cart-pop-kit:hover{background:var(--bg)}.cart-pop-thumb{border-radius:7px;flex-shrink:0;width:46px;height:36px}.cart-pop-name{font-size:14px;font-weight:600;display:block}.cart-pop-price{color:var(--muted);font-size:12.5px;display:block}.market-main{flex:1;padding:26px 0 72px}.search-wrap{max-width:640px;position:relative}.search-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:15px;translate:0 -50%}.search-input{border:1px solid var(--line-strong);background:var(--surface);width:100%;height:48px;font:inherit;color:var(--ink);box-shadow:var(--shadow-sm);border-radius:999px;padding:0 20px 0 44px}.search-input::placeholder{color:var(--muted)}.search-input:focus{outline:2px solid var(--brand);outline-offset:0;border-color:#0000}.market-intro{margin:28px 0 18px}.market-title{letter-spacing:-.03em;font-size:clamp(24px,3.4vw,32px);font-weight:800}.market-sub{color:var(--muted);max-width:560px;margin-top:6px}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 4px;display:flex}.filter-pill-wrap{position:relative}.filter-pill{border:1px solid var(--line-strong);background:var(--surface);height:38px;color:var(--ink-soft);border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.filter-pill:hover{border-color:var(--ink);color:var(--ink)}.filter-pill.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.filter-pill.is-open:not(.is-active){border-color:var(--ink);color:var(--ink)}.filter-chev{opacity:.7}.filter-menu{background:var(--surface);border:1px solid var(--line);min-width:220px;box-shadow:var(--shadow-md);z-index:50;border-radius:12px;padding:6px;position:absolute;top:calc(100% + 8px);left:0}.menu-list{flex-direction:column;gap:2px;display:flex}.menu-item{text-align:left;width:100%;color:var(--ink-soft);border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;font-weight:500;transition:background .12s,color .12s;display:flex}.menu-item:hover{background:var(--bg);color:var(--ink)}.menu-item.is-selected{color:var(--ink);font-weight:600}.menu-dot{border:1.5px solid var(--line-strong);border-radius:50%;flex-shrink:0;width:14px;height:14px}.menu-dot.is-on{border-color:var(--brand);background:radial-gradient(circle, var(--brand) 0 45%, transparent 50%)}.menu-check{border:1.5px solid var(--line-strong);color:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.menu-check.is-on{background:var(--brand);border-color:var(--brand)}.filter-clear{color:var(--brand);border-radius:8px;padding:8px 10px;font-size:13.5px;font-weight:600}.filter-clear:hover{background:var(--brand-soft)}.result-line{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin:14px 0 18px;font-size:14px;display:flex}.result-line strong{color:var(--ink)}.result-clear{color:var(--brand);text-underline-offset:3px;font-size:13px;font-weight:600;text-decoration:underline}.kit-grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:22px;display:grid}.kit-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;overflow:hidden}.kit-card:hover{box-shadow:var(--shadow-md);border-color:var(--line-strong);transform:translateY(-3px)}.kit-card-media{aspect-ratio:4/2.7;position:relative;overflow:hidden}.kit-card-img{transition:transform .35s}.kit-card:hover .kit-card-img{transform:scale(1.04)}.kit-card-cat{box-shadow:var(--shadow-sm);background:#fffffff0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:10px;left:10px}.kit-card-owned{background:var(--ok);color:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:10px;right:10px}.kit-card-body{flex-direction:column;flex:1;gap:3px;padding:14px 16px 16px;display:flex}.kit-card-name{letter-spacing:-.01em;font-size:16.5px;font-weight:700}.kit-card-tagline{color:var(--muted);font-size:13.5px}.kit-card-foot{justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.kit-card-price{font-size:16px;font-weight:800}.kit-card-rating{align-items:center;gap:5px;display:inline-flex}.kit-card-count{color:var(--muted);font-size:12.5px}.stars{color:#f59e0b;gap:1px;display:inline-flex}.star-off{color:#d8d5cd}.empty-state{text-align:center;border:1.5px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface);padding:72px 20px}.empty-title{font-size:17px;font-weight:700}.empty-sub{color:var(--muted);margin:6px 0 18px}.drawer-root{z-index:80;position:fixed;inset:0}.drawer-overlay{cursor:default;background:#14141e6b;position:absolute;inset:0}.drawer{background:var(--surface);width:min(320px,86vw);box-shadow:var(--shadow-md);flex-direction:column;padding:16px 18px 22px;animation:.22s drawer-in;display:flex;position:absolute;top:0;bottom:0;left:0}@keyframes drawer-in{0%{opacity:.4;translate:-24px}to{opacity:1;translate:0}}.drawer-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.drawer-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:700}.drawer-list{flex-direction:column;gap:2px;display:flex}.drawer-link{width:100%;color:var(--ink-soft);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:15px;font-weight:600;transition:background .12s,color .12s;display:flex}.drawer-link:hover{background:var(--bg);color:var(--ink)}.drawer-link.is-active{background:var(--brand-soft);color:var(--brand)}.drawer-count{color:var(--muted);background:var(--bg);border-radius:999px;padding:2px 9px;font-size:12.5px;font-weight:700}.drawer-link.is-active .drawer-count{color:var(--brand);background:#fff}.drawer-foot{border-top:1px solid var(--line);margin-top:auto;padding-top:16px}.drawer-note{color:var(--muted);font-size:13.5px;line-height:1.5}.site-footer{border-top:1px solid var(--line);background:var(--surface);padding:44px 0 28px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr 1.6fr;gap:32px;display:grid}.footer-brand .brand{margin-bottom:10px}.footer-blurb{color:var(--muted);max-width:300px;font-size:13.5px;line-height:1.55}.footer-head{margin-bottom:10px;font-size:13.5px;font-weight:700}.footer-col ul{flex-direction:column;gap:7px;display:flex}.footer-link{color:var(--muted);text-align:left;font-size:13.5px;transition:color .12s;display:inline-block}.footer-link:hover{color:var(--ink)}.footer-news .footer-blurb{margin-bottom:12px}.footer-legal{border-top:1px solid var(--line);color:var(--muted);margin-top:34px;padding-top:18px;font-size:12.5px}.news-form{flex-wrap:wrap;gap:8px;max-width:360px;display:flex;position:relative}.news-input{border:1px solid var(--line-strong);background:var(--surface);min-width:200px;height:42px;font:inherit;border-radius:10px;flex:1;padding:0 14px}.news-input.has-error{border-color:var(--danger)}.news-btn{background:var(--ink);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:filter .15s;display:inline-flex}.news-btn:hover{filter:brightness(1.25)}.news-error{width:100%;color:var(--danger);font-size:12.5px}.news-done{color:var(--ok);align-items:center;gap:7px;font-size:14px;font-weight:600;display:inline-flex}.detail-main{flex:1;padding:30px 0 80px}.success-banner{background:var(--ok-soft);border-radius:var(--radius);border:1px solid #bbe7c9;align-items:flex-start;gap:12px;margin-bottom:24px;padding:14px 16px;display:flex}.success-icon{background:var(--ok);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:2px;display:inline-flex}.success-title{color:#14532d;font-weight:700}.success-sub{color:#166534;font-size:13.5px}.detail-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:36px;display:grid}.detail-cover{aspect-ratio:4/3;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.detail-kicker{gap:8px;margin-bottom:12px;display:flex}.tag{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;padding:4px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.tag-muted{color:var(--muted)}.detail-name{letter-spacing:-.03em;font-size:clamp(28px,4vw,38px);font-weight:800;line-height:1.1}.detail-rating{align-items:center;gap:8px;margin-top:12px;font-size:14.5px;display:flex}.detail-count{color:var(--muted)}.detail-price{letter-spacing:-.02em;margin-top:14px;font-size:30px;font-weight:800}.detail-desc{color:var(--ink-soft);max-width:52ch;margin-top:12px}.detail-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.detail-owned-note{color:var(--ok);align-items:center;gap:6px;margin-top:12px;font-size:13.5px;font-weight:600;display:inline-flex}.detail-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:46px;padding:28px}.section-title{letter-spacing:-.02em;margin-bottom:16px;font-size:20px;font-weight:800}.detail-split{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);align-items:center;gap:30px;display:grid}.detail-side-img{aspect-ratio:4/2.8;border-radius:var(--radius-sm);border:1px solid var(--line)}.check-list{flex-direction:column;gap:12px;display:flex}.check-list li{color:var(--ink-soft);align-items:flex-start;gap:11px;font-size:15px;display:flex}.check-box{background:var(--ok-soft);width:21px;height:21px;color:var(--ok);border:1px solid #bbe7c9;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.bullet-list{flex-direction:column;gap:12px;display:flex}.bullet-list li{color:var(--ink-soft);align-items:flex-start;gap:11px;display:flex}.bullet-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:7px}.compat-row{flex-wrap:wrap;gap:10px;display:flex}.compat-chip{border:1.5px solid var(--line-strong);background:var(--bg);border-radius:10px;padding:7px 16px;font-size:14px;font-weight:700}.compat-note{color:var(--muted);margin-top:14px;font-size:14px}.review-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;display:grid}.review-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);flex-direction:column;gap:10px;padding:16px;display:flex}.review-text{color:var(--ink-soft);flex:1;font-size:14px;line-height:1.55}.review-foot{align-items:center;gap:10px;display:flex}.review-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12.5px;font-weight:700;display:inline-flex}.review-author{font-size:13.5px;font-weight:700;display:block}.review-role{color:var(--muted);font-size:12.5px;display:block}.preview-page{background:#fff;min-height:100vh}.preview-topbar{z-index:50;color:#fff;background:#17181f;justify-content:space-between;align-items:center;gap:14px;padding:10px clamp(16px,3vw,28px);display:flex;position:sticky;top:0}.preview-close{color:#ffffffd9;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:14.5px;font-weight:600;transition:color .15s,background .15s;display:inline-flex}.preview-close:hover{color:#fff;background:#ffffff1a}.preview-label{color:#ffffffa6;font-size:13.5px}.preview-label strong{color:#fff}.demo{--demo-ink:#191a22;--demo-muted:#676c7a;--demo-line:#e8e7ef;color:var(--demo-ink)}.demo-container{width:min(1060px,100% - 44px);margin-inline:auto}.demo-section{padding:58px 0}.demo-section-alt{background:#f7f7fa}.demo-hero{background:radial-gradient(1100px 380px at 15% -10%, color-mix(in srgb, var(--accent) 14%, transparent), transparent);padding:72px 0 58px}.demo-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:44px;display:grid}.demo-eyebrow{text-transform:uppercase;letter-spacing:.07em;color:var(--accent);margin-bottom:14px;font-size:13.5px;font-weight:700}.demo-h1{letter-spacing:-.03em;font-size:clamp(30px,4.4vw,46px);font-weight:800;line-height:1.08}.demo-lede{color:var(--demo-muted);max-width:46ch;margin:16px 0 24px;font-size:16.5px}.demo-hero-img{aspect-ratio:4/3;box-shadow:var(--shadow-md);border-radius:18px}.demo-btn{-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:center;align-items:center;padding:11px 22px;font-size:14.5px;font-weight:700;display:inline-flex}.demo-btn-primary{background:var(--accent);color:#fff}.demo-btn-ghost{border:1.5px solid var(--demo-ink);color:var(--demo-ink)}.demo-btn-outline{border:1.5px solid color-mix(in srgb, var(--accent) 55%, #fff);color:var(--accent);align-self:flex-start;padding:8px 16px;font-size:13.5px}.demo-cards3{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.demo-card{border:1px solid var(--demo-line);background:#fff;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.demo-card-img{aspect-ratio:16/10}.demo-card-title{padding:16px 18px 0;font-size:16.5px;font-weight:700}.demo-card-text{color:var(--demo-muted);flex:1;padding:6px 18px 18px;font-size:14px}.demo-card-cta .demo-btn-outline{margin:0 18px 18px}.demo-about{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:44px;display:grid}.demo-about-img{aspect-ratio:4/3;border-radius:16px}.demo-h2{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(22px,3vw,30px);font-weight:800}.demo-center{text-align:center;margin-bottom:28px}.demo-text{color:var(--demo-muted);max-width:52ch;margin-bottom:20px}.demo-logos-wrap{border-block:1px solid var(--demo-line);padding:34px 0}.demo-logos{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.demo-logo{color:#9aa0ad;align-items:center;gap:9px;font-size:15px;font-weight:700;display:inline-flex}.demo-news{background:color-mix(in srgb, var(--accent) 8%, #fff);border-block:1px solid color-mix(in srgb, var(--accent) 18%, #fff);padding:52px 0}.demo-news-inner{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:32px;display:grid}.demo-news .demo-text{margin-bottom:0}.demo-footer{color:#fff;background:#17181f;padding:52px 0 30px}.demo-footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;display:grid}.demo-footer-brand{margin-bottom:8px;font-size:19px;font-weight:800}.demo-footer-note{color:#ffffff8c;max-width:240px;font-size:13.5px}.demo-footer-head{color:#ffffffe6;margin-bottom:10px;font-size:13.5px;font-weight:700}.demo-footer-list{flex-direction:column;gap:7px;display:flex}.demo-footer-link{color:#ffffff8c;font-size:13.5px}.demo-dots{justify-content:center;gap:8px;margin-top:36px;display:flex}.demo-dots span{background:#ffffff47;border-radius:50%;width:8px;height:8px}.demo-dots span:first-child{background:var(--accent)}.checkout-page{background:radial-gradient(900px 320px at 80% -10%, #4f46e514, transparent), var(--bg)}.checkout-main{flex:1;justify-content:center;padding:36px 20px 90px;display:flex}.checkout-card{background:var(--surface);border:1px solid var(--line);width:min(520px,100%);box-shadow:var(--shadow-md);border-radius:18px;height:fit-content;padding:28px}.checkout-title{letter-spacing:-.02em;margin-bottom:18px;font-size:21px;font-weight:800}.checkout-subtitle{margin:24px 0 14px;font-size:16px;font-weight:800}.checkout-owned-text{color:var(--muted);margin-bottom:20px}.order-row{align-items:center;gap:14px;display:flex}.order-thumb{border:1px solid var(--line);border-radius:10px;flex-shrink:0;width:86px;height:64px}.order-info{flex:1;min-width:0}.order-name{font-weight:700}.order-tagline{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.order-price{font-size:17px;font-weight:800}.order-total{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;font-weight:700;display:flex}.order-total-price{font-size:21px;font-weight:800}.field-group{margin-bottom:14px}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field-label{margin-bottom:6px;font-size:13.5px;font-weight:600;display:block}.field{border:1px solid var(--line-strong);background:var(--surface);width:100%;height:46px;font:inherit;color:var(--ink);border-radius:10px;padding:0 14px;transition:border-color .12s}.field::placeholder{color:#a7aab5}.field:focus{outline:2px solid var(--brand);outline-offset:0;border-color:#0000}.field.has-error{border-color:var(--danger)}.field-error{color:var(--danger);margin-top:5px;font-size:12.5px}.select-wrap{position:relative}.select-wrap:after{content:"";border-right:1.8px solid var(--muted);border-bottom:1.8px solid var(--muted);pointer-events:none;width:8px;height:8px;position:absolute;top:50%;right:15px;transform:translateY(-70%)rotate(45deg)}select.field{appearance:none;cursor:pointer}.btn-pay{background:var(--brand);width:100%;height:50px;margin-top:8px;font-size:16px}.btn-pay:hover:not(:disabled){background:#4338ca}.pay-note{color:var(--ok);justify-content:center;align-items:center;gap:7px;margin-top:12px;font-size:13.5px;font-weight:600;display:flex}.secure-note{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:14px;font-size:13px;display:flex}@media (width<=960px){.footer-grid,.demo-footer-grid{grid-template-columns:1fr 1fr}}@media (width<=820px){.detail-hero,.detail-split,.demo-hero-grid,.demo-about,.demo-news-inner,.demo-cards3{grid-template-columns:1fr}.detail-side-img{order:-1}.preview-label{display:none}}@media (width<=560px){.footer-grid{grid-template-columns:1fr}.field-row{grid-template-columns:1fr;gap:0}.brand-name{display:none}}