:root{--bg:#fff;--text:#0a2540;--text-soft:#4b5563;--muted:#e5e7eb;--border:#dfe3ea;--surface:#f8fafc;--surface-2:#fff;--brand:#1e3a8a;--brand-2:#2563eb;--brand-3:#60a5fa;--accent:#10b981;--success:#059669;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--bg:#0b1220;--text:#e5e7eb;--text-soft:#a7b0bf;--muted:#1f2937;--border:#273244;--surface:#0f172a;--surface-2:#0b1220;--brand:#60a5fa;--brand-2:#3b82f6;--brand-3:#93c5fd;--accent:#34d399;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){html:not([data-theme]){--bg:#0b1220;--text:#e5e7eb;--text-soft:#a7b0bf;--muted:#1f2937;--border:#273244;--surface:#0f172a;--surface-2:#0b1220;--brand:#60a5fa;--brand-2:#3b82f6;--brand-3:#93c5fd;--accent:#34d399;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);background:radial-gradient(900px 500px at 20% 10%, color-mix(in oklab, var(--brand-3), transparent 86%), transparent 60%), radial-gradient(700px 400px at 90% 30%, color-mix(in oklab, var(--accent), transparent 86%), transparent 60%), var(--bg);margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}h1,h2,h3{margin:0 0 12px}p{color:var(--text-soft);margin:0 0 12px}.brand-mark{display:inline-block}.brand-mark-inline{vertical-align:-.18em;width:auto;height:1em}.with-brand,.hero-brand,.page-title{align-items:center;gap:10px;display:inline-flex}.page-title-logo{width:30px;height:auto;display:block}.container{width:1120px;max-width:100%;margin:0 auto;padding:0 20px}.section{border-top:1px solid var(--border);padding:72px 0}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .52s,transform .52s;transform:translateY(14px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}@media (width<=900px){.two-col{grid-template-columns:1fr}}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:16px;display:grid}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=900px){.cards,.cards.four{grid-template-columns:1fr}}.card{background:color-mix(in oklab, var(--surface-2), var(--muted) 12%);border:1px solid var(--border);border-radius:10px;padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.card.highlight{border-color:var(--brand-2)}.card:hover{transform:translateY(-2px);box-shadow:0 14px 30px oklab(0% none none/.22)}.button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;height:40px;padding:0 18px;font-weight:600;text-decoration:none;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.button.primary{background:linear-gradient(135deg, var(--brand-2), var(--brand-3));color:#fff}.button.primary:hover{filter:brightness(1.05)}.button.secondary{border-color:var(--border);color:var(--text);background:color-mix(in oklab, var(--surface), transparent 10%)}.button.secondary:hover{background:color-mix(in oklab, var(--surface), transparent 0%)}.button.ghost{border-color:var(--border);color:var(--text-soft)}.button.ghost:disabled{opacity:.55;cursor:not-allowed}.button:focus-visible{outline:2px solid color-mix(in oklab, var(--brand-2), transparent 35%);outline-offset:2px}.site-header{z-index:50;background:color-mix(in oklab, var(--bg), white 10%);border-bottom:1px solid var(--border);-webkit-backdrop-filter:saturate(1.2)blur(4px);backdrop-filter:saturate(1.2)blur(4px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.header-actions{align-items:center;gap:12px;display:flex}.lang-select{border:1px solid var(--border);background:color-mix(in oklab, var(--surface), transparent 0%);height:36px;color:var(--text);border-radius:10px;padding:0 10px}.lang-select:hover{background:color-mix(in oklab, var(--surface), transparent 0%)}.lang-select:focus-visible{outline:2px solid color-mix(in oklab, var(--brand-2), transparent 35%);outline-offset:2px}.theme-toggle{border-color:var(--muted);color:var(--text);height:36px;padding:0 12px}.theme-toggle:hover{background:color-mix(in oklab, var(--muted), transparent 60%)}.logo{color:var(--text);flex-direction:column;font-size:20px;font-weight:800;line-height:1.05;text-decoration:none;display:inline-flex}.logo-img{width:118px;height:auto;margin-bottom:6px;display:block}.logo-tag{color:var(--text-soft);font-size:12px;font-weight:650}.nav{gap:16px;margin:0;padding:0;list-style:none;display:flex}.nav a{color:var(--text);border-radius:6px;padding:8px 10px;text-decoration:none}.nav a:hover{background:color-mix(in oklab, var(--muted), transparent 60%)}.nav a.active{background:color-mix(in oklab, var(--brand-2), transparent 88%);border:1px solid color-mix(in oklab, var(--brand-2), transparent 70%)}@media (width<=720px){.header-inner{gap:10px;height:auto;padding:10px 0}.header-actions,.nav{flex-wrap:wrap;justify-content:flex-end}.theme-toggle{height:34px}}.hero-slider{border-top:none;min-height:clamp(520px,70vh,720px);position:relative;overflow:hidden}.hero-slider-viewport{position:absolute;inset:0}.hero-slide{opacity:0;transition:opacity .68s,transform 1.2s;position:absolute;inset:0;transform:scale(1.03)}.hero-slide.is-active{opacity:1;transform:scale(1)}.hero-slide-img{object-fit:cover;filter:saturate(1.05)contrast(1.05);width:100%;height:100%}.hero-slide-overlay{background:linear-gradient(90deg, color-mix(in oklab, var(--bg), black 30%) 0%, color-mix(in oklab, var(--bg), transparent 70%) 55%, transparent 100%);position:absolute;inset:0}.hero-slider-content{grid-template-columns:1.15fr .85fr;align-items:end;gap:20px;min-height:clamp(520px,70vh,720px);padding:84px 20px 34px;display:grid;position:relative}@media (width<=980px){.hero-slider-content{grid-template-columns:1fr;align-items:start;padding-top:84px}}.hero-copy{border:1px solid color-mix(in oklab, var(--border), transparent 40%);background:color-mix(in oklab, var(--bg), transparent 35%);-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);border-radius:14px;max-width:640px;padding:18px 18px 16px}.hero-eyebrow{letter-spacing:.6px;text-transform:uppercase;color:color-mix(in oklab, var(--text), var(--brand-3) 24%);align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:800;display:inline-flex}.hero-title{letter-spacing:-.7px;font-size:clamp(30px,4vw,52px)}.hero-subtitle{margin-bottom:10px;font-size:18px}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.hero-disclaimer{color:color-mix(in oklab, var(--text-soft), transparent 12%);margin-top:12px;font-size:13px}.hero-controls{justify-content:flex-end;align-items:center;gap:12px;display:flex}.icon-btn{border:1px solid color-mix(in oklab, var(--border), transparent 35%);background:color-mix(in oklab, var(--bg), transparent 45%);width:42px;height:42px;color:var(--text);border-radius:999px;font-size:28px;line-height:1}.icon-btn:hover{background:color-mix(in oklab, var(--bg), transparent 30%)}.dots{gap:8px;padding:0 6px;display:flex}.dot{border:1px solid color-mix(in oklab, var(--border), transparent 30%);background:color-mix(in oklab, var(--bg), transparent 55%);border-radius:999px;width:10px;height:10px}.dot.is-active{background:color-mix(in oklab, var(--brand-3), transparent 20%);border-color:color-mix(in oklab, var(--brand-3), transparent 20%);width:22px}.ticks{margin:0;padding:0;list-style:none}.ticks li{margin-bottom:8px;padding-left:22px;position:relative}.ticks li:before{content:"✔";color:var(--brand-2);position:absolute;left:0}.animated-card .card-icon{width:40px;height:40px;color:color-mix(in oklab, var(--text), var(--brand-3) 28%);background:linear-gradient(135deg, color-mix(in oklab, var(--brand-3), transparent 78%), color-mix(in oklab, var(--accent), transparent 86%));border:1px solid color-mix(in oklab, var(--border), transparent 20%);border-radius:12px;justify-content:center;align-items:center;margin-bottom:10px;display:inline-flex}.benefits-grid .card{position:relative;overflow:hidden}.benefits-grid .card:after{content:"";background:radial-gradient(circle at 30% 30%, color-mix(in oklab, var(--brand-3), transparent 70%), transparent 70%);opacity:.65;width:180px;height:180px;position:absolute;inset:-40px -60px auto auto;transform:rotate(18deg)}.field{gap:6px;margin-bottom:12px;display:grid}label{font-weight:600}input,textarea{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:10px 12px;font-size:16px}input:focus,textarea:focus{outline:2px solid color-mix(in oklab, var(--brand-2), transparent 40%);border-color:var(--brand-2)}.error{color:#b91c1c;font-size:14px}.success{color:var(--success);margin-top:10px;font-weight:600}.site-footer{border-top:1px solid var(--border);padding:24px 0}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-brand{max-width:520px}.footer-title{color:var(--text);margin-bottom:4px;font-weight:800}.footer-sub{margin-bottom:8px}.social{gap:12px;margin:0;padding:0;list-style:none;display:flex}.social a{color:var(--text);text-decoration:none}.social a:hover{text-decoration:underline}.page-hero{border-top:none;border-bottom:1px solid var(--border);background:linear-gradient(180deg, color-mix(in oklab, var(--surface), transparent 10%), color-mix(in oklab, var(--bg), transparent 0%));padding:56px 0}.page-hero-inner{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-hero-actions{align-items:center;gap:10px;display:flex}.note{border:1px solid color-mix(in oklab, var(--accent), transparent 70%);background:color-mix(in oklab, var(--accent), transparent 92%);color:color-mix(in oklab, var(--text), var(--accent) 22%);border-radius:10px;margin-top:14px;padding:12px 14px;font-weight:600}.filters{flex-wrap:wrap;gap:10px;margin:18px 0 0;display:flex}.filter{border:1px solid var(--border);background:color-mix(in oklab, var(--surface), transparent 0%);height:36px;color:var(--text);border-radius:999px;padding:0 12px}.filter:hover{background:color-mix(in oklab, var(--surface), transparent 0%)}.filter.active{border-color:color-mix(in oklab, var(--brand-2), transparent 55%);background:color-mix(in oklab, var(--brand-2), transparent 88%)}.badge{border:1px solid var(--border);background:color-mix(in oklab, var(--surface), transparent 0%);height:24px;color:var(--text);border-radius:999px;align-items:center;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:16px;display:grid}.product-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.product-meta{margin:10px 0 0}.product-meta dt{color:var(--text);font-size:14px;font-weight:700}.product-meta dd{color:var(--text-soft);margin:2px 0 10px}.product-benefits{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.product-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.section-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}@media (width<=900px){.showcase-grid{grid-template-columns:1fr}}.showcase-card{border:1px solid var(--border);min-height:240px;color:var(--text);border-radius:14px;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;display:block;position:relative;overflow:hidden;transform:translateY(0)}.showcase-card:hover{border-color:color-mix(in oklab, var(--brand-2), transparent 65%);transform:translateY(-3px);box-shadow:0 18px 38px oklab(0% none none/.2)}.showcase-card img{object-fit:cover;filter:saturate(1.05)contrast(1.02);width:100%;height:100%;transition:transform .52s;transform:scale(1.02)}.showcase-card:hover img{transform:scale(1.06)}.showcase-overlay{background:linear-gradient(180deg, transparent 10%, color-mix(in oklab, var(--bg), black 34%) 88%);position:absolute;inset:0}.showcase-content{padding:18px;position:absolute;inset:auto 0 0}.showcase-content h3{margin-bottom:6px}.showcase-content p{color:color-mix(in oklab, var(--text-soft), white 12%);margin-bottom:12px}.showcase-cta{color:#fff;align-items:center;gap:8px;font-weight:800;display:inline-flex}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.card,.showcase-card,.showcase-card img,.hero-slide{transition:none}}.cta-panel{border:1px solid var(--border);background:linear-gradient(135deg, color-mix(in oklab, var(--brand-2), transparent 90%), color-mix(in oklab, var(--accent), transparent 92%));border-radius:14px;justify-content:space-between;align-items:center;gap:18px;padding:22px;display:flex}.cta-actions{flex-wrap:wrap;gap:12px;display:flex}@media (width<=900px){.product-grid{grid-template-columns:1fr}.page-hero-inner,.cta-panel{flex-direction:column;align-items:flex-start}}.table-wrap{border:1px solid var(--border);background:color-mix(in oklab, var(--surface-2), var(--muted) 8%);border-radius:14px;margin-top:16px;overflow:auto}.product-table{border-collapse:separate;border-spacing:0;width:100%;min-width:980px}.product-table thead th{text-align:left;letter-spacing:.3px;text-transform:uppercase;color:var(--text-soft);background:color-mix(in oklab, var(--surface), transparent 0%);border-bottom:1px solid var(--border);padding:14px;font-size:13px;position:sticky;top:0}.product-table tbody td{vertical-align:top;border-bottom:1px solid color-mix(in oklab, var(--border), transparent 35%);padding:14px}.product-table tbody tr:hover td{background:color-mix(in oklab, var(--surface), transparent 0%)}.product-table tbody tr:last-child td{border-bottom:none}.col-code{width:130px}.col-brand{width:170px}.col-actions{width:280px}.code-pill{letter-spacing:.3px;border:1px solid var(--border);background:color-mix(in oklab, var(--brand-2), transparent 92%);height:30px;color:var(--text);border-radius:10px;align-items:center;padding:0 10px;font-weight:800;display:inline-flex}.product-name{color:var(--text);margin-bottom:8px;font-weight:800}.product-meta-line{color:var(--text-soft);margin-bottom:6px}.meta-label{color:var(--text);font-weight:700}.product-tags{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.brand-cell{align-items:center;gap:10px;display:inline-flex}.brand-logo{width:34px;height:auto;display:block}.brand-text{color:var(--text);letter-spacing:.3px;font-weight:800}.row-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;display:flex}.button.small{border-radius:10px;gap:8px;height:36px;padding:0 12px;font-weight:800}