@font-face{font-family:Anton;src:url('assets/anton.woff2')}*{box-sizing:border-box}body{margin:0;color:#1232b8;background:#fafbf9;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #769b00;outline-offset:4px}header{height:94px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;border-bottom:1px solid #dfe3ec}.brand{font-family:Anton,Impact,sans-serif;color:#0145f2;text-decoration:none;font-size:29px;letter-spacing:-.8px;display:flex;align-items:center;gap:25px}.brand span{font:10px Arial;letter-spacing:2px;color:#65708e}.tag{font-size:10px;letter-spacing:1.2px;border:1px solid #cdd7e9;padding:10px 13px;border-radius:3px}main{max-width:1500px;margin:auto;padding:54px 5% 38px;display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:6%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;margin:0 0 22px}h1{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(40px,4.4vw,64px);line-height:1.08;color:#0145f2;letter-spacing:-1px;margin:0 0 24px}.lead{color:#48566f;font-size:15px;line-height:1.65;max-width:360px}.note{font-size:11px;line-height:1.7;color:#68748a;max-width:360px;display:flex;gap:10px;margin:22px 0}.dot{flex:none;width:6px;height:6px;border-radius:50%;background:#96af22;margin-top:6px}.parts{max-width:370px;margin-top:28px}.parts button{display:flex;gap:18px;width:100%;padding:16px 13px;border:0;border-bottom:1px solid #dfe3ec;background:transparent;color:#65708e;text-align:left;font-size:11px}.parts button span{flex:1;font-size:14px;color:#263c6d}.parts button.active{background:#0145f2;color:#d6ec77;border-radius:4px}.parts button.active span{color:white}.replacement{font-size:11px;line-height:1.6;color:#748095;max-width:330px;margin-top:23px}.viewer{min-width:0}.stage{height:570px;background:#eff2f5;position:relative;border-radius:8px;overflow:hidden;border:1px solid #e6e9ed}.stage canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}.stage canvas:active{cursor:grabbing}.stage-title{position:absolute;left:24px;top:22px;font-family:Anton,Impact,sans-serif;font-size:19px;opacity:.3;pointer-events:none}.stage-title span{display:block;font:8px Arial;letter-spacing:2px;margin-top:5px}.coordinates{position:absolute;bottom:20px;left:24px;font-size:9px;letter-spacing:1.4px;color:#738197;pointer-events:none}#loading{position:absolute;top:45%;width:100%;text-align:center;font-size:12px}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}.segmented{background:#e9edf3;border-radius:5px;padding:4px;display:flex}.toolbar button{font-size:11px;padding:10px 12px;border:0;border-radius:3px;background:transparent;color:#526080}.segmented button.active{background:white;color:#0145f2;box-shadow:0 1px 4px #17243c14}.tools{display:flex;align-items:center;gap:4px}.tools button[aria-pressed=true]{background:#d9e4ff;color:#0145f2}.caption{display:flex;gap:30px;padding:24px 0 0;margin-top:20px;border-top:1px solid #dfe3ec}.caption>span{font-weight:bold;min-width:135px;font-size:13px}.caption p{font-size:12px;line-height:1.65;color:#69768d;margin:0;max-width:340px}footer{max-width:1350px;margin:0 auto;padding:25px 0 35px;border-top:1px solid #dfe3ec;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1px;color:#7b8596}footer a{color:#0145f2;text-decoration:none}@media(max-width:750px){header{height:76px;padding:0 6%}.brand{font-size:24px}.brand span{display:none}.tag{font-size:8px;padding:8px;letter-spacing:.4px}main{padding:34px 6%;display:flex;flex-direction:column;gap:28px}.intro{display:contents}.eyebrow{margin:0}.intro h1{font-size:48px;margin:-10px 0 0}.lead{margin:0;max-width:none}.note{margin:0;max-width:none}.viewer{order:1}.stage{height:470px}.parts{order:2;max-width:none;margin:0}.replacement{order:3;max-width:none;margin:0}.caption{gap:15px}.caption>span{min-width:100px}.toolbar button{padding:10px;font-size:10px}footer{margin:0 6%;flex-direction:column;line-height:1.6;padding-top:20px}.stage-title{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Configurator and local demonstration cart. */
.header-actions{display:flex;align-items:center;gap:16px}.cart-button{display:flex;gap:12px;align-items:center;border:0;background:#0145f2;color:white;border-radius:5px;padding:11px 15px;font-size:12px}.cart-button span{display:inline-grid;place-items:center;min-width:20px;height:20px;background:#fff2;border-radius:50%;font-size:10px}main{grid-template-columns:minmax(310px,.8fr) minmax(0,1.2fr);gap:5%}.parts{max-width:410px}.parts button{align-items:center;padding:16px 10px;gap:12px}.parts button>span:not(.part-number):not(.part-action){flex:1}.parts button .part-number{flex:0;font-size:10px;color:inherit}.parts button .part-action{flex:0;white-space:nowrap;color:#0145f2;font-size:11px}.parts button small{display:block;color:#7a8599;font-size:10px;font-weight:400;margin-top:6px}.parts button.active{background:#e9f0ff;color:#0145f2}.parts button.active span{color:#0145f2}.parts button.active .part-action{font-weight:bold}.parts button.active small{color:#586b90}.stage-empty{position:absolute;left:24px;top:84px;font-family:Anton,Impact,sans-serif;font-size:27px;line-height:1.2;color:#a3afc0;pointer-events:none}.stage-empty span{color:#c0c8d1}.stage-empty[hidden]{display:none}.configuration-summary{margin-top:24px;padding:22px;border:1px solid #dfe3ec;border-radius:8px;background:white}.summary-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}h2{font-size:17px;margin:0;color:#243e73}.summary-heading h2 span{font-weight:400;color:#7a8599;margin-left:8px;font-size:12px}.summary-heading button,.text-button{border:0;background:transparent;color:#5b6e91;font-size:11px;padding:8px}.summary-heading button:disabled{opacity:.35;cursor:default}#selection-list{list-style:none;padding:0;margin:16px 0}#selection-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf0f5;font-size:12px;color:#354c74}#selection-list .empty-selection{color:#8b95a5;border:0;padding:8px 0}#selection-list button{border:0;background:transparent;color:#647596;font-size:11px;padding:5px}#selection-list .quantity{margin-left:auto;color:#8190a5;font-size:11px}.stake-note{font-size:10px;line-height:1.6;color:#7b869a;margin:16px 0}.primary-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#0145f2;color:white;border:0;border-radius:4px;padding:16px;font-size:12px;text-align:left}.primary-button:disabled{background:#e6ebf2;color:#91a0b6;cursor:default}.demo-caption{font-size:10px;color:#8a94a6;margin:12px 0 0}.replacement{min-height:36px}.cart-button:focus-visible{outline-color:#b1d62c}dialog{position:fixed;inset:0 0 0 auto;width:min(480px,100%);height:100dvh;max-height:100dvh;max-width:100%;margin:0;border:0;padding:30px;color:#233a69;overflow-y:auto;background:#fafbf9;box-shadow:-15px 0 60px #12274c20}dialog::backdrop{background:#10244966;backdrop-filter:blur(3px)}body:has(dialog[open]){overflow:hidden}.cart-header{display:flex;justify-content:space-between;align-items:flex-start}.cart-header .eyebrow{font-size:9px;margin-bottom:12px}.cart-header h2{font:32px Anton,Impact,sans-serif;color:#0145f2}.cart-header button{border:1px solid #dfe3ec;border-radius:50%;width:32px;height:32px;background:transparent;color:#425a80;font-size:22px}.cart-disclaimer{font-size:11px;line-height:1.6;color:#7b869a;margin:22px 0 28px}.cart-empty{padding:55px 10px;text-align:center;color:#8793a6;font-size:13px;line-height:1.7}.cart-configuration{border:1px solid #e0e5ee;border-radius:7px;background:white;padding:18px;margin-bottom:15px}.cart-group-heading{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:bold}.cart-group-heading button{border:0;background:transparent;color:#7b869a;font-size:10px}.cart-configuration ul{list-style:none;padding:14px 0;margin:0}.cart-configuration li{display:flex;justify-content:space-between;font-size:12px;color:#576987;padding:8px 0}.cart-configuration li span:last-child{color:#8b95a5}.quantity-control{display:flex;align-items:center;gap:14px;padding-top:12px;border-top:1px solid #edf0f5;font-size:11px}.quantity-control .quantity-label{margin-right:auto;color:#8290a6}.quantity-control button{border:1px solid #dfe3ec;width:27px;height:27px;border-radius:3px;background:white;color:#0145f2}.quantity-control button:disabled{opacity:.3;cursor:default}.cart-footer{border-top:1px solid #dfe3ec;margin-top:24px;padding-top:18px}.cart-footer>p{font-size:13px;margin:0 0 20px}.cart-footer .text-button{display:block;margin:12px auto 0}button:disabled{cursor:default}@media(max-width:750px){main{display:flex}.header-actions{gap:8px}.header-actions>.tag{display:none}.brand span{display:none}.cart-button{padding:8px 10px;font-size:11px}.parts{max-width:none}.configuration-summary{padding:18px}.configuration-summary h2{font-size:15px}.parts button{padding:18px 10px}.parts button .part-action{font-size:10px}.stage-empty{font-size:24px;top:75px;left:20px}.viewer{order:2}.parts{order:1}.intro .replacement{order:1;margin-top:-17px}.caption>span{min-width:90px}.primary-button{padding:16px 12px}dialog{padding:24px}.cart-header h2{font-size:30px}}
.stage-empty{max-width:160px;font-size:24px;line-height:1.3}@media(max-width:750px){main{gap:22px}.intro h1{margin:0}.stage-empty{max-width:110px;font-size:20px}.intro .replacement{margin-top:-6px}}
[hidden]{display:none!important}

/* Site integration: same brand colour, typography and navigation destinations. */
body{background:#fff;color:#0145f2}.site-header{height:94px;gap:28px;background:#fff;position:relative;z-index:10;box-shadow:0 2px 8px #15244707}.site-header .brand{flex-shrink:0}.site-navigation{display:flex;align-items:center;gap:30px;margin-left:auto}.site-navigation a{color:#0145f2;text-decoration:none;font-weight:700;font-size:13px;white-space:nowrap}.site-navigation a:hover{text-decoration:underline;text-underline-offset:5px}.breadcrumb{max-width:1500px;margin:auto;padding:24px 5% 0;display:flex;gap:10px;font-size:11px;color:#7a8699}.breadcrumb a{color:#0145f2;text-decoration:none}main{padding-top:34px}.site-menu-toggle{display:none}.site-footer{max-width:1350px;margin:0 auto;padding:30px 0;display:flex;flex-wrap:wrap;align-items:center;gap:20px}.footer-brand{font:24px Anton,Impact,sans-serif;letter-spacing:-.5px}.site-footer p{margin:0;color:#6b7891;letter-spacing:0;font-size:12px}.site-footer nav{display:flex;gap:20px;flex-wrap:wrap;margin-left:auto;letter-spacing:0;font-size:11px}.site-footer>span{width:100%;font-size:10px}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}@media(min-width:751px) and (max-width:1050px){.site-navigation{gap:15px}.site-navigation a{font-size:11px}.site-header{gap:16px}}@media(max-width:750px){.site-header{height:76px;padding:0 6%}.site-header .header-actions{margin-left:auto;gap:17px}.site-menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:36px;height:36px;background:none;border:0;padding:5px;color:#0145f2}.site-menu-toggle span{display:block;width:24px;height:2px;background:currentColor;transition:transform .2s}.site-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.site-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-navigation{display:none;position:absolute;top:76px;left:0;right:0;background:#0145f2;flex-direction:column;align-items:flex-start;gap:0;padding:20px 6%;box-shadow:0 12px 20px #15244712}.site-navigation a{color:white;padding:14px 0;width:100%;font-size:16px}.breadcrumb{padding:20px 6% 0}main{padding-top:25px}.site-footer{margin:0 6%;align-items:flex-start;padding:28px 0}.site-footer nav{margin-left:0;gap:18px}.site-footer>span{margin-top:5px}}@media(prefers-reduced-motion:reduce){.site-menu-toggle span{transition:none}}

.config-presets{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 8px}.config-presets>span{width:100%;font-size:12px;color:#526584;margin-bottom:5px}.config-presets button,.configuration-utilities button{border:1px solid #bdcce5;background:white;color:#0145f2;border-radius:22px;padding:10px 14px;min-height:44px;font-size:12px}.configuration-utilities{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.configuration-utilities a{width:100%;padding:12px 0;font-size:13px;color:#0145f2;text-underline-offset:4px}.configuration-utilities input{width:100%;min-height:44px;padding:10px;border:1px solid #bdcce5;color:#0145f2}.configuration-utilities [hidden]{display:none}#selection-list li>img{object-fit:contain;flex:none}#stage .module-label{position:absolute;font:600 11px Arial;color:#0145f2;background:white;border:1px solid #ccd7ef;border-radius:4px;padding:5px 8px;pointer-events:none;transform:translate(12px,-50%);white-space:nowrap}.parts button[data-highlight=true]{outline:2px solid #0145f2;outline-offset:-2px}
/* Match the site's original Anton headings, Oswald copy and electric blue. */
body,button,input,select,textarea{font-family:SurfcraftOswald,Oswald,sans-serif}body{color:#0145f2}.lead,.note,.replacement,.breadcrumb,.site-footer p,.parts button,.parts button span,.parts button small,.stake-note,.demo-caption,.cart-disclaimer,.cart-empty,.cart-configuration li,.quantity-control,.quantity-control .quantity-label,.config-presets>span,.caption p{color:#0145f2}.dot{background:#0145f2}.lead{font-size:19px;line-height:1.5}.note,.replacement,.stake-note,.demo-caption,.caption p{font-size:16px;line-height:1.5}.parts button span{font-size:20px}.parts button small{font-size:15px}.parts button .part-action{font-size:16px}.parts button.active,.parts button.active span,.parts button.active small{color:white}.config-presets button,.configuration-utilities button{font-size:16px;border-radius:5px}.config-presets>span{font-size:16px}.toolbar button{font-size:16px}.configuration-utilities a{font-size:17px}.configuration-summary h2{font:24px Anton,Impact,sans-serif}.site-navigation a{font-family:Inter,Arial,sans-serif}.stage{background:#f9f9f9;border-color:#0145f211}.caption>span{font-family:SurfcraftOswald,Oswald,sans-serif;font-size:17px}.stage-empty{font-family:Anton,Impact,sans-serif}.primary-button{font-size:18px}.cart-button{font-size:16px}.breadcrumb{font-size:15px}.site-footer p,.site-footer nav{font-size:16px}#stage .module-label{font-family:SurfcraftOswald,Oswald,sans-serif;font-size:14px}
@media(max-width:750px){.parts button .part-action{font-size:15px}.configuration-summary h2{font-size:23px}.cart-button{font-size:16px}.lead{font-size:18px}}
#module-dependency{min-height:0;margin:20px 0 0;max-width:370px}#configuration-feedback:empty{display:none}.intro #configuration-feedback:not(:empty){margin:16px 0 0}