:root{--navy:#1f3a6d;--purple:#5724e8;--purple-hover:#421ec4;--gold:#fdcb69;--ink:#252525;--muted:#5b616e;--line:#d9dde5;--soft:#f5f7fa;--green:#17803d;--orange:#c76b00;--red:#bb2d3b;--radius:5px;--shell:min(1180px,88vw)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"new-hero",Arial,sans-serif;font-size:16px;line-height:1.5;background:#fff}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:5;background:#fff;padding:.5rem}.utility{display:flex;justify-content:space-between;padding:.45rem max(6vw,1rem);font-size:.78rem;color:#fff;background:var(--navy)}.masthead{width:var(--shell);min-height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:inline-flex;gap:.38rem;align-items:center;color:var(--navy);font-size:1.32rem;font-weight:800;text-decoration:none;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:29px;height:29px;color:#fff;background:var(--navy);font-size:1.05rem;letter-spacing:0}.brand-dot{color:var(--purple)}.main-nav{display:flex;gap:1.55rem}.main-nav a{color:var(--ink);font-size:.9rem;font-weight:700;text-decoration:none}.main-nav a:hover{color:var(--purple)}.menu-toggle{display:none}.section-shell{width:var(--shell);margin:auto}.hero{display:grid;grid-template-columns:1.6fr .8fr;gap:4rem;padding:7rem 0 6rem}.eyebrow,.label{margin:0 0:.75rem;color:var(--purple);font-size:.76rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.hero h1{max-width:760px;margin:0;font-size:clamp(3rem,6vw,5.8rem);line-height:.95;letter-spacing:-.07em;color:var(--navy)}.hero-copy{max-width:600px;margin:1.6rem 0 2rem;font-size:1.18rem;color:var(--muted)}.hero-actions,.button-stack{display:flex;flex-wrap:wrap;gap:.7rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1.05rem;border:1px solid transparent;border-radius:var(--radius);font:700 .9rem/1 "new-hero",sans-serif;cursor:pointer;text-decoration:none}.button-primary{background:var(--purple);color:#fff}.button-primary:hover{background:var(--purple-hover)}.button-secondary{border-color:var(--navy);color:var(--navy);background:#fff}.button-quiet{padding-left:0;color:var(--purple);background:transparent}.hero-card{align-self:end;padding:2rem;background:var(--navy);color:#fff;border-left:4px solid var(--gold)}.hero-card h2{margin:.5rem 0;font-size:1.75rem;line-height:1}.hero-card p{margin:0;color:#dce5f8}.hero-number{color:var(--gold);font-size:.8rem;font-weight:800}.section{padding:5.5rem 0}.section-tint{background:var(--soft)}.section-heading{max-width:690px;margin-bottom:2.2rem}.section-heading h2{margin:0 0:.75rem;color:var(--navy);font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em;line-height:1}.section-heading>p:last-child{margin:0;color:var(--muted);font-size:1.05rem}.foundation-grid,.component-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.panel{min-height:230px;padding:1.5rem;border:1px solid var(--line);background:#fff}.type-display{margin:.3rem 0;font-size:2.5rem;font-weight:800;letter-spacing:-.06em}.type-specimen{font-size:1.06rem}.type-meta{display:flex;flex-wrap:wrap;gap:.5rem}.type-meta span,.sku{font-size:.76rem;color:var(--muted)}.type-meta span{padding:.22rem .45rem;background:var(--soft);border:1px solid var(--line)}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.swatches>div{display:grid;grid-template-columns:34px 1fr;column-gap:.6rem;font-size:.8rem}.swatches code{grid-column:2;color:var(--muted)}.swatch{width:32px;height:32px;border:1px solid var(--line)}.navy{background:var(--navy)}.purple{background:var(--purple)}.gold{background:var(--gold)}.ink{background:var(--ink)}.spacing-demo{display:flex;gap:.7rem;align-items:end;height:100px;margin:.5rem 0 1rem}.spacing-demo span{display:grid;place-items:end center;padding-bottom:4px;background:var(--purple);color:#fff;font-size:.66rem}.muted{color:var(--muted)}.status-stack{display:grid;gap:.8rem}.status{display:inline-flex;align-items:center;gap:.42rem;font-size:.84rem;font-weight:700}.status i{width:8px;height:8px;border-radius:50%;background:currentColor}.in-stock{color:var(--green)}.limited{color:var(--orange)}.backorder{color:var(--purple)}.out{color:var(--red)}.field-label{display:block;margin-bottom:.4rem;font-size:.82rem;font-weight:700}.search-field{display:flex;margin-bottom:1rem}.search-field input{min-width:0;flex:1;padding:.7rem;border:1px solid var(--line);font:inherit}.search-field button{width:43px;border:0;background:var(--navy);color:#fff;font-size:1.4rem}.check{display:flex;align-items:center;gap:.45rem;margin:.6rem 0;font-size:.88rem}.check input{accent-color:var(--purple)}.commerce-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:1.4rem}.filter-panel{height:max-content;padding:1.2rem;border:1px solid var(--line);background:#fff}.filter-title,.catalog-toolbar{display:flex;align-items:center;justify-content:space-between}.filter-title{padding-bottom:1rem;border-bottom:1px solid var(--line)}.text-button{border:0;background:none;color:var(--purple);font:700 .75rem "new-hero";cursor:pointer}.filter-panel details{padding:.8rem 0;border-bottom:1px solid var(--line)}.filter-panel summary{font-size:.9rem;font-weight:800;cursor:pointer}.filter-panel .check{justify-content:space-between}.filter-panel .check input{margin-right:auto}.filter-panel .check span{color:var(--muted);font-size:.75rem}.catalog-toolbar{margin-bottom:.8rem;font-size:.85rem}.sort-button{padding:.45rem .65rem;border:1px solid var(--line);background:#fff;font:700 .78rem "new-hero"}.product-row{display:grid;grid-template-columns:180px minmax(0,1fr) 300px;min-height:272px;margin-bottom:.8rem;border:1px solid var(--line);background:#fff}.product-image{display:grid;place-items:center;padding:1rem;background:linear-gradient(135deg,#fff,#f2f4f7)}.device{position:relative;background:#d9dde3;box-shadow:0 8px 12px #1f3a6d22}.device-gateway{width:136px;height:58px;border-radius:6px}.device-gateway:before{position:absolute;inset:12px 15px;content:"";border-radius:2px;background:#626975}.device-gateway span{position:absolute;bottom:9px;width:6px;height:6px;border-radius:50%;background:var(--green)}.device-gateway span:nth-child(1){left:17px}.device-gateway span:nth-child(2){left:29px}.device-gateway span:nth-child(3){left:41px}.device-camera{width:104px;height:104px;border-radius:50%;border:16px solid #e7e9ed;background:radial-gradient(circle at 45% 45%,#dcefff 0 12%,#19222f 14% 31%,#a4aab2 33% 40%,#242832 42%)}.product-content{padding:1.45rem}.manufacturer{display:flex;align-items:center;gap:.4rem;color:var(--navy);font-size:.76rem;font-weight:800}.mini-logo{display:grid;place-items:center;width:18px;height:18px;color:#fff;background:var(--navy);font-size:.66rem}.product-content h3{max-width:540px;margin:.45rem 0;color:var(--navy);font-size:1.15rem;line-height:1.15}.product-content .sku{display:inline-block;margin:0;padding:.15rem .48rem;border-radius:20px;background:#e0f0ff}.description{max-width:540px;margin:.9rem 0 0;color:#4d5664;font-size:.87rem}.buy-box{display:flex;flex-direction:column;align-items:flex-start;padding:1.3rem;border-left:3px solid var(--gold);background:#fafbfc}.price{display:flex;align-items:flex-start;margin-bottom:.6rem;color:#000;font-weight:900;line-height:.9;white-space:nowrap}.currency{padding-top:.12em;font-size:1.45rem}.whole{font-size:3rem;letter-spacing:-.08em}.decimal{padding-top:.18em;font-size:1.15rem}.warehouse{margin:.65rem 0 1.2rem;padding-left:1.2rem;color:#414957;font-size:.78rem}.add-button{width:100%;margin-top:auto}.wishlist{padding:.7rem 0 0;border:0;background:none;color:#394150;font:500 .76rem "new-hero"}.compact{min-height:195px}.compact .description,.compact .warehouse{display:none}.rules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.rules-grid article{padding:1.25rem;border-top:3px solid var(--purple);background:#fff}.rules-grid b{color:var(--purple);font-size:.78rem}.rules-grid h3{margin:.65rem 0;color:var(--navy);font-size:1.1rem;line-height:1.15}.rules-grid p{margin:0;color:var(--muted);font-size:.86rem}footer{padding:2rem 0;color:#d7def0;background:var(--navy)}footer .section-shell{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem}footer .brand{color:#fff}@media(max-width:850px){.hero{grid-template-columns:1fr;padding:4.5rem 0}.hero-card{max-width:500px}.foundation-grid,.component-grid{grid-template-columns:1fr}.commerce-layout{grid-template-columns:1fr}.filter-panel{display:none}.product-row{grid-template-columns:130px minmax(0,1fr) 250px}.rules-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.utility{font-size:.66rem}.masthead{min-height:68px}.menu-toggle{display:block;border:0;background:none;color:var(--navy);font:800 .8rem "new-hero"}.main-nav{display:none;position:absolute;top:99px;right:6vw;left:6vw;z-index:2;padding:1rem;background:#fff;box-shadow:0 10px 25px #0002}.main-nav.open{display:grid;gap:.8rem}.hero h1{font-size:3.35rem}.product-row,.compact{grid-template-columns:1fr;min-height:0}.product-image{min-height:160px}.buy-box{border-top:3px solid var(--gold);border-left:0}.product-content{padding:1.2rem}.buy-box{padding:1.1rem}.rules-grid{grid-template-columns:1fr}footer .section-shell{flex-direction:column}.section{padding:4rem 0}}
:root{
  /* Canonical Streakwave design tokens, supplied 2026-09-17. */
  --swav-colorwheel-primary:#1f3a6d; --swav-colorwheel-primary-hover:#295288;
  --swav-colorwheel-accent:#fdcb69; --swav-colorwheel-accent-hover:#e4b44d;
  --swav-colorwheel-accent-purple:#5724e8; --swav-colorwheel-accent-purple-hover:#421ec4;
  --swav-button-gradient-start:var(--swav-colorwheel-accent-purple); --swav-button-gradient-end:var(--swav-colorwheel-accent); --swav-button-gradient-hover-start:var(--swav-colorwheel-accent-purple-hover); --swav-button-gradient-hover-end:var(--swav-colorwheel-accent-hover); --swav-button-gradient-shadow:rgb(87 36 232 / 35%);
  --swav-colorwheel-text-default:#252525; --swav-colorwheel-text-muted:#444; --swav-colorwheel-white:#fff; --swav-colorwheel-black:#000; --swav-colorwheel-light-gray:#f6f6f6; --swav-colorwheel-off-white:#f9f9f9; --swav-colorwheel-gray-border:#ddd; --swav-colorwheel-table-header:#f0f0f0; --swav-colorwheel-search-bg:#f5f5f5; --swav-colorwheel-input-border:#b0b0b0;
  --swav-colorwheel-info-bg:#e0f0ff; --swav-colorwheel-info-border:#39f; --swav-colorwheel-warning-bg:#fff4cc; --swav-colorwheel-warning-border:#e6b800; --swav-colorwheel-error-bg:#ffe6e6; --swav-colorwheel-error-border:#c00; --swav-colorwheel-success-green:#2e8540; --swav-colorwheel-success-green-hover:#277237; --swav-colorwheel-error-red:#c00; --swav-colorwheel-placeholder:#aaa; --swav-colorwheel-muted-icon:#888; --swav-colorwheel-light-border:#ccc;
  --swav-border-radius:0px; --swav-text-base-size:1rem; --swav-line-height:1.6;
  --swav-text-xs:.75rem; --swav-text-sm:.875rem; --swav-text-md:1rem; --swav-text-lg:1.125rem; --swav-text-xl:1.25rem; --swav-text-2xl:1.5rem; --swav-text-3xl:1.875rem; --swav-text-4xl:2.25rem; --swav-text-13:.8125rem; --swav-text-22:1.375rem; --swav-text-28:1.75rem; --swav-text-34:2.125rem; --swav-text-5xl:2.5rem; --swav-text-6xl:3rem;
  --swav-text-btn:var(--swav-text-sm); --swav-text-label:var(--swav-text-sm); --swav-text-helper:var(--swav-text-sm); --swav-text-caption:var(--swav-text-xs); --swav-h1:var(--swav-text-5xl); --swav-h2:var(--swav-text-34); --swav-h3:var(--swav-text-28); --swav-h4:var(--swav-text-22); --swav-h5:var(--swav-text-md); --swav-h6:var(--swav-text-md);
  --navy:var(--swav-colorwheel-primary); --purple:var(--swav-colorwheel-accent-purple); --purple-hover:var(--swav-colorwheel-accent-purple-hover); --gold:var(--swav-colorwheel-accent); --ink:var(--swav-colorwheel-text-default); --muted:var(--swav-colorwheel-text-muted); --line:var(--swav-colorwheel-gray-border); --soft:var(--swav-colorwheel-light-gray); --green:var(--swav-colorwheel-success-green); --orange:var(--swav-colorwheel-warning-border); --red:var(--swav-colorwheel-error-red); --radius:var(--swav-border-radius);
}