:root,[data-theme=dark]{--bg:#070b14;--bg-elevated:#0f1628;--bg-soft:#141d33;--surface:#121c30d1;--surface-solid:#121c30;--text:#f4f7fb;--text-muted:#9aa8c2;--border:#ffffff1a;--border-strong:#ffffff2e;--accent:#2dd4bf;--accent-2:#ff6b4a;--accent-3:#f5b942;--accent-4:#5b8cff;--glow:#2dd4bf59;--glow-2:#ff6b4a47;--hero-mesh-a:#2dd4bf38;--hero-mesh-b:#5b8cff33;--hero-mesh-c:#ff6b4a29;--header-bg:#070b14b8;--shadow:0 24px 60px #00000073;--card-shine:linear-gradient(135deg, #ffffff1f, transparent 40%, transparent 60%, #2dd4bf14);--noise-opacity:.045;--footer-bg:#05080f;--success:#34d399;--danger:#fb7185;--radius:22px;--radius-sm:14px;--font-display:"Syne", system-ui, sans-serif;--font-body:"Figtree", system-ui, sans-serif;--header-h:72px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}[data-theme=light]{--bg:#f3f6fb;--bg-elevated:#fff;--bg-soft:#e8eef8;--surface:#ffffffdb;--surface-solid:#fff;--text:#0d1526;--text-muted:#5a6b86;--border:#0d15261a;--border-strong:#0d152629;--accent:#0f9f90;--accent-2:#e85d3a;--accent-3:#d97706;--accent-4:#3b6ef5;--glow:#0f9f9038;--glow-2:#e85d3a2e;--hero-mesh-a:#0f9f902e;--hero-mesh-b:#3b6ef524;--hero-mesh-c:#e85d3a1f;--header-bg:#f3f6fbc7;--shadow:0 20px 50px #1428501f;--card-shine:linear-gradient(135deg, #ffffffe6, transparent 42%, transparent 58%, #0f9f9014);--noise-opacity:.03;--footer-bg:#0d1526}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100dvh;font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.55;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.03em;margin:0;line-height:1.1}p{margin:0}ul{margin:0;padding:0;list-style:none}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{flex-direction:column;flex:1;min-height:100dvh;display:flex}.main{padding-top:var(--header-h);flex:1}.container{width:min(1180px,100% - 2rem);margin-inline:auto}.container-narrow{width:min(760px,100% - 2rem);margin-inline:auto}[data-device=mobile]{--header-h:64px;--radius:18px}[data-device=tablet]{--header-h:68px}[data-os=ios] button,[data-os=ios] .btn,[data-touch=true] .btn{min-height:44px}[data-touch=true] .product-card{transform-style:flat}.site-header{z-index:100;height:var(--header-h);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:var(--header-bg);border-bottom:1px solid var(--border);transition:box-shadow .3s var(--ease-out), background .3s ease;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.site-header.is-scrolled{box-shadow:0 10px 40px #0000002e}.header-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:min(1180px,100% - 1.5rem);margin-inline:auto;display:grid}.brand{font-family:var(--font-display);letter-spacing:-.04em;background:linear-gradient(120deg, var(--accent), var(--accent-4) 55%, var(--accent-2));color:#0000;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:1.45rem;font-weight:800}.nav{flex-wrap:wrap;justify-content:center;gap:.15rem;display:flex}.nav a{color:var(--text-muted);border-radius:999px;padding:.45rem .75rem;font-size:.92rem;font-weight:550;transition:color .2s,background .2s;position:relative}.nav a:hover,.nav a.active{color:var(--text);background:color-mix(in srgb, var(--accent) 12%, transparent)}.nav a.active:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:2px;height:2px;position:absolute;bottom:4px;left:18%;right:18%}.header-actions{align-items:center;gap:.4rem;display:flex}.icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:42px;height:42px;transition:transform .2s var(--ease-out), border-color .2s ease, background .2s ease;border-radius:12px;place-items:center;display:grid;position:relative}.icon-btn:hover{border-color:var(--border-strong);background:var(--bg-elevated);transform:translateY(-1px)}.icon-btn svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.cart-badge{background:var(--accent-2);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.68rem;font-weight:700;display:grid;position:absolute;top:-5px;right:-5px}.menu-toggle{display:none}.theme-toggle{--w:64px;--h:34px;width:var(--w);height:var(--h);border:1px solid var(--border-strong);background:linear-gradient(135deg, var(--bg-soft), var(--bg-elevated));cursor:pointer;border-radius:999px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.theme-toggle:before{content:"";background:radial-gradient(circle at 20% 50%, var(--glow), transparent 45%), radial-gradient(circle at 80% 50%, var(--glow-2), transparent 45%);opacity:.9;position:absolute;inset:0}.theme-handle{width:28px;height:28px;transition:transform .35s var(--ease-spring);z-index:1;background:linear-gradient(145deg,#fff,#dfe8f5);border-radius:50%;place-items:center;display:grid;position:absolute;top:3px;left:3px;box-shadow:0 4px 12px #00000040}[data-theme=dark] .theme-handle{background:linear-gradient(145deg,#1a2438,#0d1526);transform:translate(30px);box-shadow:0 4px 14px #2dd4bf59}.theme-handle svg{stroke:#0d1526;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}[data-theme=dark] .theme-handle svg{stroke:#2dd4bf}[data-theme=light] .theme-handle .icon-moon,[data-theme=dark] .theme-handle .icon-sun{display:none}.device-chip{border:1px solid var(--border);background:var(--surface);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.72rem;font-weight:600;display:none}[data-device=desktop] .device-chip{display:inline-flex}.device-chip span{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);border-radius:50%}.btn{cursor:pointer;transition:transform .25s var(--ease-out), box-shadow .25s ease, background .25s ease, border-color .25s ease;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:.55rem;padding:.85rem 1.35rem;font-weight:650;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 55%, var(--accent-4)));color:#041018;box-shadow:0 12px 30px var(--glow)}[data-theme=light] .btn-primary{color:#fff}.btn-secondary{border-color:var(--border-strong);color:var(--text);background:0 0}.btn-secondary:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.btn-ghost{color:var(--text-muted);background:0 0;padding-inline:.6rem}.btn-ghost:hover{color:var(--text)}.hero{min-height:calc(100dvh - var(--header-h));isolation:isolate;align-items:center;display:grid;position:relative;overflow:hidden}.hero-media{z-index:-2;background:radial-gradient(ellipse 70% 55% at 15% 20%, var(--hero-mesh-a), transparent 60%), radial-gradient(ellipse 55% 50% at 85% 15%, var(--hero-mesh-b), transparent 55%), radial-gradient(ellipse 60% 45% at 70% 85%, var(--hero-mesh-c), transparent 50%), linear-gradient(180deg, transparent 40%, var(--bg) 100%), var(--bg);position:absolute;inset:0}.hero-grid{z-index:-1;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.55;background-size:56px 56px;animation:28s linear infinite gridDrift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 35%,#000,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 35%,#000,#0000 75%)}@keyframes gridDrift{0%{transform:translateY(0)}to{transform:translateY(56px)}}.hero-orb{filter:blur(40px);opacity:.55;z-index:-1;border-radius:50%;animation:10s ease-in-out infinite floatOrb;position:absolute}.hero-orb.a{background:var(--accent);width:280px;height:280px;top:12%;right:12%}.hero-orb.b{background:var(--accent-2);width:220px;height:220px;animation-delay:-3s;bottom:22%;left:8%}@keyframes floatOrb{0%,to{transform:translate(0)scale(1)}50%{transform:translate(18px,-24px)scale(1.08)}}.hero-content{gap:1.25rem;width:min(1180px,100% - 2rem);max-width:820px;margin:0 auto;padding:clamp(2.5rem,6vw,5rem) 0;display:grid}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-size:.78rem;font-weight:700}.hero-brand{font-family:var(--font-display);letter-spacing:-.055em;background:linear-gradient(115deg, var(--text) 20%, var(--accent) 55%, var(--accent-2));color:#0000;animation:brandIn .9s var(--ease-out) both;-webkit-background-clip:text;background-clip:text;font-size:clamp(3.4rem,11vw,7.2rem);font-weight:800;line-height:.92}@keyframes brandIn{0%{opacity:0;filter:blur(8px);transform:translateY(28px)scale(.98)}to{opacity:1;filter:none;transform:none}}.hero-title{max-width:18ch;animation:riseIn .8s .12s var(--ease-out) both;font-size:clamp(1.35rem,3.2vw,2rem);font-weight:650}.hero-copy{color:var(--text-muted);max-width:42ch;animation:riseIn .8s .2s var(--ease-out) both;font-size:1.08rem}.hero-actions{animation:riseIn .8s .28s var(--ease-out) both;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.section{padding:clamp(3.5rem,8vw,6rem) 0}.section-head{gap:.75rem;max-width:560px;margin-bottom:2rem;display:grid}.section-head h2{font-size:clamp(1.8rem,4vw,2.75rem)}.section-head p{color:var(--text-muted);font-size:1.05rem}.section-alt{background:radial-gradient(ellipse 80% 60% at 50% 0%, var(--hero-mesh-a), transparent 60%), var(--bg-soft);border-block:1px solid var(--border)}.feature-strip{z-index:2;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:-2.5rem;display:grid;position:relative}.feature-item{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s var(--ease-out), border-color .3s ease;gap:.35rem;padding:1.15rem 1.2rem;display:grid}.feature-item:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-4px)}.feature-item strong{font-family:var(--font-display);font-size:1rem}.feature-item span{color:var(--text-muted);font-size:.88rem}.feature-icon{background:color-mix(in srgb, var(--accent) 16%, transparent);width:36px;height:36px;color:var(--accent);border-radius:10px;place-items:center;margin-bottom:.35rem;display:grid}.feature-icon svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.product-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.category-grid{grid-template-columns:repeat(3,1fr);gap:1.1rem;display:grid}.product-card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;border-radius:var(--radius);background:var(--surface-solid);border:1px solid var(--border);transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .35s var(--ease-out), box-shadow .35s ease, border-color .35s ease;box-shadow:var(--shadow);isolation:isolate;flex-direction:column;min-height:100%;display:flex;position:relative;overflow:hidden}.product-card:before{content:"";background:radial-gradient(420px circle at var(--mx) var(--my), color-mix(in srgb, var(--card-accent,var(--accent)) 28%, transparent), transparent 45%);opacity:0;z-index:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.product-card:after{content:"";background:var(--card-shine);opacity:.7;pointer-events:none;z-index:0;position:absolute;inset:0}.product-card:hover{border-color:color-mix(in srgb, var(--card-accent,var(--accent)) 55%, var(--border));box-shadow:0 28px 60px #00000047, 0 0 0 1px color-mix(in srgb, var(--card-accent,var(--accent)) 30%, transparent), 0 0 40px color-mix(in srgb, var(--card-accent,var(--accent)) 18%, transparent)}.product-card:hover:before{opacity:1}.product-card-link{z-index:1;color:inherit;flex-direction:column;flex:1;display:flex;position:relative}.card-visual{border-radius:calc(var(--radius) - 8px);background:linear-gradient(145deg, color-mix(in srgb, var(--card-accent,var(--accent)) 28%, var(--bg-soft)), var(--bg-elevated));place-items:center;height:168px;margin:.85rem;display:grid;position:relative;overflow:hidden}.card-visual:before{content:"";background:conic-gradient(from 120deg, transparent, color-mix(in srgb, var(--card-accent,var(--accent)) 55%, transparent), transparent 35%);opacity:.55;animation:8s linear infinite spinAura;position:absolute;inset:-40%}@keyframes spinAura{to{transform:rotate(360deg)}}.card-icon{z-index:1;background:color-mix(in srgb, var(--bg-elevated) 70%, transparent);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:22px;place-items:center;width:72px;height:72px;animation:4.5s ease-in-out infinite iconFloat;display:grid;position:relative}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.card-icon svg{width:34px;height:34px;stroke:var(--card-accent,var(--accent));fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.card-badge{z-index:2;letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb, var(--bg) 70%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:.28rem .65rem;font-size:.7rem;font-weight:750;position:absolute;top:12px;left:12px}.card-badge.hot{color:var(--accent-2);border-color:color-mix(in srgb, var(--accent-2) 40%, var(--border))}.card-badge.new{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.card-badge.soon{color:var(--accent-3);border-color:color-mix(in srgb, var(--accent-3) 40%, var(--border))}.card-body{flex:1;gap:.55rem;padding:0 1.25rem 1.25rem;display:grid}.card-category{letter-spacing:.08em;text-transform:uppercase;color:var(--card-accent,var(--accent));font-size:.72rem;font-weight:700}.card-body h3{font-size:1.28rem}.card-body p{color:var(--text-muted);font-size:.95rem}.card-footer{justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:.75rem;display:flex}.price{font-family:var(--font-display);font-size:1.2rem;font-weight:750}.price small{color:var(--text-muted);margin-left:.2rem;font-size:.75rem;font-weight:600}.card-actions{z-index:2;gap:.45rem;padding:0 1.25rem 1.25rem;display:flex;position:relative}.card-actions .btn{flex:1;padding:.7rem .9rem;font-size:.9rem}.category-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-solid);min-height:190px;transition:transform .35s var(--ease-out), border-color .35s ease, box-shadow .35s ease;align-content:end;gap:.5rem;padding:1.5rem;display:grid;position:relative;overflow:hidden}.category-card:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--cat-accent) 45%, transparent), transparent 70%);width:180px;height:180px;transition:transform .5s var(--ease-out);border-radius:50%;position:absolute;top:-50px;right:-40px}.category-card:hover{border-color:color-mix(in srgb, var(--cat-accent) 50%, var(--border));box-shadow:var(--shadow);transform:translateY(-6px)scale(1.01)}.category-card:hover:before{transform:scale(1.25)translate(-10px,10px)}.category-card h3,.category-card p,.category-card .cat-icon{z-index:1;position:relative}.category-card p{color:var(--text-muted);font-size:.94rem}.cat-icon{background:color-mix(in srgb, var(--cat-accent) 18%, transparent);width:44px;height:44px;color:var(--cat-accent);border-radius:14px;place-items:center;margin-bottom:.5rem;display:grid}.cat-icon svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.pillars{grid-template-columns:repeat(3,1fr);gap:1.1rem;display:grid}.pillar{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);transition:transform .3s var(--ease-out);gap:.65rem;padding:1.6rem;display:grid}.pillar:hover{transform:translateY(-4px)}.pillar h3{font-size:1.2rem}.pillar p{color:var(--text-muted)}.newsletter{border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);background:radial-gradient(ellipse at 10% 20%, var(--glow), transparent 45%), radial-gradient(ellipse at 90% 80%, var(--glow-2), transparent 40%), var(--bg-elevated);grid-template-columns:1.2fr 1fr;align-items:center;gap:2rem;padding:clamp(1.75rem,4vw,2.5rem);display:grid}.newsletter h2{margin-bottom:.5rem;font-size:clamp(1.5rem,3vw,2.1rem)}.newsletter p{color:var(--text-muted)}.newsletter-form{flex-wrap:wrap;gap:.6rem;display:flex}.newsletter-form input,.form-field input,.form-field textarea{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg) 65%, transparent);border-radius:12px;outline:none;flex:1;min-width:180px;padding:.9rem 1rem;transition:border-color .2s,box-shadow .2s}.newsletter-form input:focus,.form-field input:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}.page-hero{padding:clamp(2.5rem,6vw,4rem) 0 1.5rem}.page-hero h1{margin-top:.5rem;font-size:clamp(2.2rem,6vw,4rem)}.page-hero p{color:var(--text-muted);max-width:52ch;margin-top:.85rem;font-size:1.05rem}.filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.chip{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:.5rem .9rem;font-size:.88rem;font-weight:600;transition:all .2s}.chip:hover,.chip.active{color:var(--text);border-color:color-mix(in srgb, var(--accent) 50%, var(--border));background:color-mix(in srgb, var(--accent) 12%, transparent)}.detail-grid{grid-template-columns:1.05fr .95fr;align-items:start;gap:2rem;padding-bottom:3rem;display:grid}.detail-visual{aspect-ratio:1.1;border-radius:calc(var(--radius) + 6px);border:1px solid var(--border);background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--card-accent,var(--accent)) 35%, transparent), transparent 50%), var(--bg-elevated);place-items:center;display:grid;position:relative;overflow:hidden}.detail-visual .card-icon{border-radius:32px;width:120px;height:120px}.detail-visual .card-icon svg{width:56px;height:56px}.detail-panel{gap:1rem;display:grid}.detail-panel h1{font-size:clamp(2rem,4vw,3rem)}.feature-list{gap:.55rem;margin:.5rem 0 1rem;display:grid}.feature-list li{color:var(--text-muted);align-items:flex-start;gap:.6rem;display:flex}.feature-list li:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--glow);border-radius:50%;flex-shrink:0;margin-top:.45rem}.split{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.form-card,.content-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-solid);box-shadow:var(--shadow);padding:clamp(1.4rem,3vw,2rem)}.form-card{gap:1rem;display:grid}.form-field{gap:.4rem;display:grid}.form-field label{font-size:.92rem;font-weight:650}.form-field textarea{resize:vertical;min-height:140px}.content-card h2{margin-bottom:.75rem;font-size:1.8rem}.content-card p+p{margin-top:.85rem}.content-card p{color:var(--text-muted)}.prose{color:var(--text-muted);gap:1rem;display:grid}.prose h2{color:var(--text);margin-top:1rem;font-size:1.35rem}.prose ul{gap:.45rem;padding-left:1.1rem;list-style:outside;display:grid}.site-footer{background:var(--footer-bg);color:#e8eef8;margin-top:auto;padding:3.5rem 0 1.5rem}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:2rem;margin-bottom:2.5rem;display:grid}.footer-brand{font-family:var(--font-display);background:linear-gradient(120deg,#2dd4bf,#5b8cff,#ff6b4a);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:1.6rem;font-weight:800}.footer-tagline{color:#9aa8c2;max-width:32ch}.footer-col h4{letter-spacing:.08em;text-transform:uppercase;color:#9aa8c2;margin-bottom:.9rem;font-size:.85rem}.footer-col a{color:#d5deee;padding:.28rem 0;transition:color .2s;display:block}.footer-col a:hover{color:#2dd4bf}.footer-bottom{color:#8b98b3;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.1rem;font-size:.9rem;display:flex}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;opacity:0;pointer-events:none;background:#03060c8c;transition:opacity .25s;position:fixed;inset:0}.overlay.open{opacity:1;pointer-events:auto}.drawer{background:var(--bg-elevated);border-left:1px solid var(--border);z-index:210;width:min(400px,100%);height:100%;transition:transform .35s var(--ease-out);flex-direction:column;padding:1.25rem;display:flex;position:fixed;top:0;right:0;transform:translate(105%)}.drawer.open{transform:translate(0)}.drawer-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.drawer-head h3{font-size:1.3rem}.cart-list{flex:1;align-content:start;gap:.75rem;display:grid;overflow:auto}.cart-item{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:1fr auto;gap:.5rem;padding:.9rem;display:grid}.cart-item strong{display:block}.cart-item span{color:var(--text-muted);font-size:.88rem}.cart-empty{color:var(--text-muted);text-align:center;padding:2rem 1rem}.cart-summary{border-top:1px solid var(--border);gap:.75rem;padding-top:1rem;display:grid}.search-modal{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius);z-index:220;opacity:0;pointer-events:none;width:min(560px,100% - 1.5rem);transition:opacity .25s ease, transform .25s var(--ease-out);box-shadow:var(--shadow);padding:1rem;position:fixed;top:12vh;left:50%;transform:translate(-50%)translateY(-12px)scale(.98)}.search-modal.open{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}.search-modal input{border:1px solid var(--border);background:var(--bg);border-radius:12px;outline:none;width:100%;padding:.95rem 1rem}.search-results{gap:.35rem;max-height:320px;margin-top:.75rem;display:grid;overflow:auto}.search-results a{border-radius:12px;gap:.15rem;padding:.75rem .85rem;transition:background .2s;display:grid}.search-results a:hover{background:color-mix(in srgb, var(--accent) 12%, transparent)}.search-results small{color:var(--text-muted)}.toast{background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text);z-index:300;opacity:0;pointer-events:none;transition:all .3s var(--ease-out);box-shadow:var(--shadow);border-radius:999px;padding:.85rem 1.2rem;font-weight:600;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.soon-row{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.soon-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-solid);transition:transform .35s var(--ease-out);overflow:hidden}.soon-card:hover{transform:translateY(-6px)}.soon-media{background:linear-gradient(135deg, color-mix(in srgb, var(--soon-accent) 30%, var(--bg-soft)), var(--bg-elevated));height:140px;position:relative}.soon-media span{background:color-mix(in srgb, var(--bg) 75%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:.25rem .6rem;font-size:.7rem;font-weight:700;position:absolute;bottom:10px;right:10px}.soon-body{padding:1rem 1.1rem 1.2rem}.soon-body h3{margin-bottom:.35rem;font-size:1.05rem}.soon-body p{color:var(--text-muted);font-size:.9rem}@media (width<=1100px){.product-grid,.category-grid,.pillars,.feature-strip,.soon-row{grid-template-columns:repeat(2,1fr)}.newsletter,.detail-grid,.split,.footer-grid{grid-template-columns:1fr}}@media (width<=860px){.nav{display:none}.menu-toggle{display:grid}.header-inner{grid-template-columns:auto 1fr auto}.mobile-nav{inset:var(--header-h) 0 auto 0;background:var(--header-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);z-index:99;opacity:0;pointer-events:none;transition:transform .3s var(--ease-out), opacity .3s ease;gap:.25rem;padding:.75rem 1rem 1rem;display:grid;position:fixed;transform:translateY(-120%)}.mobile-nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-nav a{color:var(--text-muted);border-radius:12px;padding:.85rem .9rem;font-weight:600}.mobile-nav a.active,.mobile-nav a:hover{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text)}}@media (width<=640px){.product-grid,.category-grid,.pillars,.feature-strip,.soon-row{grid-template-columns:1fr}.hero{min-height:auto}.hero-content{padding-top:3rem;padding-bottom:3rem}.card-actions{flex-direction:column}.device-chip{display:none!important}}.card-badge.free{color:var(--success);border-color:color-mix(in srgb, var(--success) 40%, var(--border))}.meta-chips{flex-wrap:wrap;gap:.45rem;margin:.25rem 0 .5rem;display:flex}.meta-chips span{border:1px solid var(--border);background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--text-muted);border-radius:999px;padding:.3rem .7rem;font-size:.78rem;font-weight:650}.detail-visual{position:relative}.demo-link{z-index:2;white-space:nowrap;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.pay-note{border:1px solid var(--border);background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--text-muted);border-radius:12px;padding:.9rem 1rem;font-size:.92rem;line-height:1.45}.form-error{color:var(--danger);margin:0;font-weight:600}.checkout-lines{gap:.75rem;margin:1rem 0 1.25rem;display:grid}.checkout-lines li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.75rem;display:flex}.checkout-lines strong{display:block}.checkout-lines span{color:var(--text-muted);font-size:.85rem;display:block}.checkout-lines em{font-style:normal;font-weight:750;font-family:var(--font-display)}.checkout-total{justify-content:space-between;align-items:baseline;gap:1rem;font-size:1.05rem;display:flex}.checkout-total strong{font-family:var(--font-display);font-size:1.45rem}.library-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 0;display:flex}.library-row:last-of-type{border-bottom:none}.library-row strong{display:block}.library-row span{color:var(--text-muted);margin-top:.2rem;font-size:.88rem;display:block}.library-actions{flex-wrap:wrap;gap:.5rem;display:flex}.price small{display:inline-block}.tool-page{padding-bottom:3.5rem}.tool-head{gap:.55rem;max-width:720px;padding:clamp(1.5rem,4vw,2.5rem) 0 1.25rem;display:grid}.tool-head h1{font-size:clamp(2rem,5vw,3rem)}.tool-head p:last-child{color:var(--text-muted)}.tool-stats{flex-wrap:wrap;gap:.55rem;margin-bottom:1rem;display:flex}.tool-stats span{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:999px;padding:.35rem .75rem;font-size:.82rem;font-weight:650}.tool-grid-2{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}.tool-panel{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-solid);box-shadow:var(--shadow);gap:.65rem;padding:1.1rem;display:grid}.tool-panel input,.tool-panel textarea,.tool-toolbar input{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg) 70%, transparent);width:100%;font:inherit;color:inherit;border-radius:12px;outline:none;padding:.8rem .9rem}.tool-panel textarea,.tool-pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem;line-height:1.45}.tool-pre{border:1px solid var(--border);background:var(--bg);white-space:pre-wrap;word-break:break-word;border-radius:12px;max-height:360px;margin:0;padding:.9rem;overflow:auto}.tool-actions{flex-wrap:wrap;gap:.5rem;display:flex}.tool-toolbar{flex-wrap:wrap;gap:.65rem;margin-bottom:1rem;display:flex}.tool-toolbar input{flex:1;min-width:200px}.snippet-list{gap:.85rem;display:grid}.snippet-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-solid);padding:1rem}.snippet-card-head{flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-bottom:.65rem;display:flex}.snippet-card h3{margin:0;font-size:1.05rem}.snippet-card span{color:var(--text-muted);font-size:.82rem}@media (width<=900px){.tool-grid-2{grid-template-columns:1fr}}.demo-banner{border:1px dashed color-mix(in srgb, var(--accent-2) 55%, var(--border));background:color-mix(in srgb, var(--accent-2) 12%, transparent);color:var(--text);letter-spacing:.02em;border-radius:12px;margin-bottom:1rem;padding:.7rem 1rem;font-size:.88rem;font-weight:700}.demo-kpi{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:1rem;padding:.55rem 0;display:flex}.demo-kpi em{font-style:normal;font-family:var(--font-display);font-size:1.15rem;font-weight:750}.demo-kpi.highlight em{color:var(--accent);font-size:1.45rem}.timer-display{font-family:var(--font-display);letter-spacing:-.04em;margin:.5rem 0 1rem;font-size:clamp(2.8rem,8vw,4.5rem);font-weight:800}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.product-card{transform:none!important}}