:root{--ink: #1a2332;--ink-muted: #3a4556;--paper: #f7f5f2;--paper-alt: #ebe7e0;--line: #d5d0c8;--brand: #2d7cc0;--brand-dark: #1f5a8c;--brand-soft: #e8f2fa;--teal: #2a6b6e;--teal-soft: #e4f0f0;--earth: #8a6a3b;--earth-soft: #f5efe4;--header-bg: #111820;--white: #ffffff;--focus: #2d7cc0;--radius: 10px;--shadow: 0 1px 2px rgba(26, 35, 50, .06), 0 8px 24px rgba(26, 35, 50, .06);--font: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--max: min(112rem, 96vw);--pad: clamp(.85rem, 1.8vw, 1.5rem)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-size:1.1rem;line-height:1.65;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}main{flex:1}img{max-width:100%;height:auto;display:block}a{color:var(--brand);text-decoration-thickness:1px;text-underline-offset:.15em}a:hover{color:var(--brand-dark)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.skip-link{position:absolute;left:var(--pad);top:-100px;z-index:100;background:var(--ink);color:var(--white);padding:.5rem 1rem;border-radius:6px}.skip-link:focus{top:.75rem}.wrap{width:min(100% - 2 * var(--pad),var(--max));margin-inline:auto}.site-header{background:var(--header-bg);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:50}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.65rem;flex-wrap:wrap}.logo-link{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0}.logo-link img{height:44px;width:auto}.nav-toggle{display:inline-flex;align-items:center;gap:.45rem;margin-left:auto;padding:.45rem .7rem;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:transparent;color:var(--white);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer}.nav-toggle:hover{border-color:var(--brand);color:var(--brand-soft)}.nav-toggle-bars{display:block;width:1.1rem;height:.85rem;position:relative;background:linear-gradient(currentColor,currentColor) center / 100% 2px no-repeat}.nav-toggle-bars:before,.nav-toggle-bars:after{content:"";position:absolute;left:0;right:0;height:2px;border-radius:1px;background:currentColor}.nav-toggle-bars:before{top:0}.nav-toggle-bars:after{bottom:0}.nav-toggle[aria-expanded=true] .nav-toggle-bars{background:none}.nav-toggle[aria-expanded=true] .nav-toggle-bars:before{top:50%;transform:translateY(-50%) rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-bars:after{bottom:auto;top:50%;transform:translateY(-50%) rotate(-45deg)}.nav{display:none;flex-direction:column;align-items:stretch;gap:.15rem;width:100%;flex-basis:100%;padding:.35rem 0 .5rem;border-top:1px solid rgba(255,255,255,.12);margin-top:.35rem}.nav.is-open{display:flex}.nav a{color:#ffffffc7;text-decoration:none;font-size:.95rem;font-weight:500;padding:.65rem .35rem;border-radius:6px}.nav a:hover,.nav a[aria-current=page]{color:var(--white);background:#2d7cc040}.nav-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:.35rem;padding:.55rem .9rem!important;border-radius:999px;background:var(--brand);color:var(--white)!important;text-decoration:none!important;font-weight:600;font-size:.9rem}.nav-cta:hover{background:var(--brand-dark)!important;color:var(--white)!important}@media(min-width:860px){.nav-toggle{display:none}.header-inner{flex-wrap:nowrap}.nav{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.25rem 1rem;width:auto;flex-basis:auto;padding:0;border-top:none;margin-top:0}.nav a{padding:0;border-radius:0}.nav a:hover,.nav a[aria-current=page]{background:transparent;color:var(--white)}.nav a[aria-current=page]{text-decoration:underline;text-underline-offset:.3em}.nav-cta{margin-top:0;padding:.45rem .9rem!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.85rem 1.55rem;border-radius:999px;font-weight:600;font-size:1.05rem;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.btn-primary{background:var(--brand);color:var(--white)}.btn-primary:hover{background:var(--brand-dark);color:var(--white)}.btn-secondary{background:transparent;color:var(--ink);border-color:var(--line)}.btn-secondary:hover{border-color:var(--brand);color:var(--brand)}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.hero{padding:clamp(2.5rem,8vw,5rem) 0 clamp(2rem,6vw,3.5rem);background:linear-gradient(135deg,var(--brand-soft) 0%,var(--teal-soft) 45%,var(--paper) 100%);border-bottom:1px solid var(--line)}.hero-grid{display:grid;gap:2rem;align-items:center}@media(min-width:840px){.hero-grid{grid-template-columns:minmax(16rem,.9fr) minmax(0,1.25fr);gap:2rem 2.5rem}}.eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);margin-bottom:.75rem}.hero h1{margin:0 0 1rem;font-size:clamp(2rem,4.2vw,3.15rem);line-height:1.15;letter-spacing:-.03em}.lead{margin:0;font-size:clamp(1.12rem,1.6vw,1.28rem);color:var(--ink-muted);max-width:44rem}.hero-card{background:var(--white);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);padding:1.5rem}.hero-card h2{margin:0 0 .75rem;font-size:1.05rem}.hero-card ul{margin:0;padding:0;list-style:none}.hero-card li{display:flex;gap:.6rem;align-items:flex-start;padding:.55rem 0;border-top:1px solid var(--paper-alt);font-size:.95rem;color:var(--ink-muted)}.hero-card li:first-child{border-top:none}.hero-card li:before{content:"";flex-shrink:0;width:.55rem;height:.55rem;margin-top:.45rem;border-radius:50%;background:var(--brand)}.section{padding:clamp(2.5rem,6vw,4rem) 0}.section-alt{background:var(--paper-alt);border-block:1px solid var(--line)}.section-head{max-width:42rem;margin-bottom:2rem}.section-head h2{margin:0 0 .6rem;font-size:clamp(1.5rem,3vw,1.9rem);letter-spacing:-.02em}.section-head p{margin:0;color:var(--ink-muted)}.card-grid{display:grid;gap:1.25rem}@media(min-width:720px){.card-grid.cols-3{grid-template-columns:repeat(3,1fr)}.card-grid.cols-2,.card-grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.card-grid.cols-4{grid-template-columns:repeat(4,1fr)}}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem 1.35rem;box-shadow:var(--shadow);height:100%}.card h3{margin:0 0 .5rem;font-size:1.15rem}.card p{margin:0 0 .85rem;color:var(--ink-muted);font-size:.98rem}.card p:last-child{margin-bottom:0}.card ul{margin:0;padding-left:1.1rem;color:var(--ink-muted);font-size:.95rem}.card li+li{margin-top:.35rem}.muted-note{margin-top:1.25rem;font-size:.9rem;color:var(--ink-muted)}.swatch-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.swatch{display:inline-flex;flex-direction:column;align-items:center;gap:.35rem;font-size:.8rem;color:var(--ink-muted);font-weight:600}.swatch span{width:2.25rem;height:2.25rem;border-radius:50%;border:2px solid var(--line);box-shadow:inset 0 0 0 1px #0000000f}.swatch-black span{background-color:#1a1a1a}.swatch-grey span{background-color:#8a8f96}.swatch-brown span{background-color:#6b4a2e}.swatch-red span{background-color:#a33b3b}.swatch-blue span{background-color:#2d7cc0}.swatch-green span{background-color:#3d7a4a}.steps{display:grid;gap:1rem;counter-reset:step}@media(min-width:720px){.steps.cols-5{grid-template-columns:repeat(5,1fr)}.steps.cols-4{grid-template-columns:repeat(4,1fr)}}.step{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;position:relative}.step:before{counter-increment:step;content:counter(step);display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--brand);color:var(--white);font-size:.85rem;font-weight:700;margin-bottom:.75rem}.step h3{margin:0 0 .4rem;font-size:1.05rem}.step p{margin:0;font-size:.92rem;color:var(--ink-muted)}.band{background:var(--header-bg);color:var(--white);padding:clamp(2rem,5vw,3rem) 0}.band h2{margin:0 0 .5rem;font-size:clamp(1.4rem,3vw,1.75rem)}.band p{margin:0;color:#ffffffd1;max-width:36rem}.band .btn-primary{background:var(--brand);color:var(--white)}.band .btn-primary:hover{background:var(--brand-dark);color:var(--white)}.band .btn-secondary{color:var(--white);border-color:#ffffff59}.band .btn-secondary:hover{border-color:var(--white);color:var(--white)}.band .btn-row{margin-top:1.25rem}.page-hero{padding:clamp(2rem,5vw,3rem) 0 1.5rem;border-bottom:1px solid var(--line);background:var(--white)}.page-hero h1{margin:0 0 .6rem;font-size:clamp(1.75rem,3.5vw,2.25rem);letter-spacing:-.02em}.page-hero p{margin:0;color:var(--ink-muted);max-width:42rem}.form-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);max-width:36rem}.form-grid,.form-row-2{display:grid;gap:1rem}@media(min-width:520px){.form-row-2{grid-template-columns:1fr 1fr}}label{display:block;font-weight:600;font-size:.92rem;margin-bottom:.35rem}input,textarea,select{width:100%;font:inherit;padding:.65rem .75rem;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}input:focus,textarea:focus,select:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--brand);background:var(--white)}textarea{min-height:8rem;resize:vertical}.form-hint{font-size:.85rem;color:var(--ink-muted);margin:.75rem 0 0}.form-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:.5rem}.btn-disabled,.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.privacy-note{padding-top:.35rem;border-top:1px solid var(--paper-alt)}.mailto-cta{max-width:36rem;margin-bottom:1rem;padding:.9rem 1.1rem;background:var(--brand-soft);border:1px solid var(--line);border-radius:var(--radius);font-size:.95rem}.mailto-cta p{margin:0;color:var(--ink)}.contact-aside{display:grid;gap:1.25rem;margin-top:2rem}@media(min-width:840px){.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:start}.contact-aside{margin-top:0}}.contact-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem 1.35rem;box-shadow:var(--shadow)}.contact-card h2{margin:0 0 .65rem;font-size:1.05rem}.contact-card p,.contact-card li{margin:0;color:var(--ink-muted);font-size:.95rem}.contact-card ul{margin:0;padding:0;list-style:none}.contact-card li+li{margin-top:.45rem}.site-footer{border-top:1px solid rgba(255,255,255,.08);background:var(--header-bg);color:#ffffffc7;padding:2rem 0 2.5rem;margin-top:auto}.footer-inner{display:grid;gap:1.25rem}@media(min-width:640px){.footer-inner{grid-template-columns:1.4fr 1fr;align-items:start}}.site-footer .logo-link{margin-bottom:.5rem}.site-footer p{margin:.35rem 0 0;font-size:.9rem;color:#ffffffa6}.footer-links{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.footer-links a{color:#ffffffb8;text-decoration:none;font-size:.9rem}.footer-links a:hover{color:var(--white)}.disclaimer{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.12);font-size:.8rem;color:#ffffff8c}.disclaimer p{margin:0;color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.prose{max-width:42rem}.prose h2{margin:2rem 0 .6rem;font-size:1.35rem}.prose p,.prose ul{color:var(--ink-muted)}.tag{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--teal);background:var(--teal-soft);padding:.25rem .55rem;border-radius:4px;margin-bottom:.65rem}.trust-strip{padding:1rem 0;background:var(--white);border-bottom:1px solid var(--line)}.trust-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem 1.25rem;font-size:.92rem;font-weight:600;color:var(--ink-muted)}@media(min-width:640px){.trust-list{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.trust-list{grid-template-columns:repeat(4,1fr)}}.trust-list li{display:flex;align-items:flex-start;gap:.5rem;padding:.35rem 0}.trust-list li:before{content:"";flex-shrink:0;width:.5rem;height:.5rem;margin-top:.45rem;border-radius:50%;background:var(--teal)}.faq-list{max-width:42rem;display:grid;gap:.75rem}.faq-item{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem 1.1rem;box-shadow:var(--shadow)}.faq-item summary{cursor:pointer;font-weight:650;list-style:none;color:var(--ink)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";display:inline-block;width:1.25rem;margin-right:.35rem;color:var(--brand);font-weight:700}.faq-item[open] summary:before{content:"–"}.faq-item p{margin:.65rem 0 .15rem;color:var(--ink-muted);font-size:.98rem}.page-404{min-height:50vh}.page-404 h1{margin:0 0 .75rem;font-size:clamp(1.75rem,3.5vw,2.25rem);letter-spacing:-.02em}.about-grid{display:grid;gap:1.25rem}@media(min-width:720px){.about-grid{grid-template-columns:1.2fr .8fr;align-items:start}}.fact-list{list-style:none;margin:0;padding:0}.fact-list li{padding:.75rem 0;border-bottom:1px solid var(--line);color:var(--ink-muted);font-size:.98rem}.fact-list li:last-child{border-bottom:none}.fact-list strong{display:block;color:var(--ink);font-size:.92rem;margin-bottom:.15rem}.hero.fleck-bg{background-image:linear-gradient(135deg,#e8f2faf0,#e4f0f0eb 45%,#f7f5f2f5),url(/fleck.svg),linear-gradient(135deg,var(--brand-soft) 0%,var(--teal-soft) 45%,var(--paper) 100%);background-size:auto,200px 200px,auto}.section-alt.fleck-bg{background-image:linear-gradient(#ebe7e0f0,#ebe7e0f0),url(/fleck.svg);background-size:auto,200px 200px}.fleck-band{background-image:linear-gradient(#111820eb,#111820eb),url(/fleck-light.svg);background-size:auto,200px 200px}.hero-copy,.hero-actions{position:relative;z-index:1;background:#ffffffe0;border:1px solid rgba(213,208,200,.85);border-radius:calc(var(--radius) + 2px);padding:1.15rem 1.25rem 1.25rem;box-shadow:var(--shadow);backdrop-filter:blur(6px)}.hero-copy h1,.hero-copy .hero-see{color:var(--ink)}.hero-copy .lead,.hero-points{color:#3a4556}.section-head{background:#ffffffd1;border:1px solid rgba(213,208,200,.7);border-radius:var(--radius);padding:1rem 1.15rem 1.1rem;box-shadow:0 1px 2px #1a23320a}.section-head h2{color:var(--ink)}.section-head p{color:#3a4556}.section:not(.section-alt) .section-head{background:#ffffffb8}.band .wrap>h2,.band .wrap>p{text-shadow:0 1px 2px rgba(0,0,0,.35)}.band .wrap>p{color:#ffffffeb}@media(min-width:840px){.hero-grid{grid-template-columns:minmax(18rem,.88fr) minmax(0,1.32fr);gap:1.75rem 2.25rem;align-items:start}.hero-copy{grid-column:1;grid-row:1}.hero-grid>.ba{grid-column:2;grid-row:1 / span 2;align-self:stretch}.hero-actions{grid-column:1;grid-row:2}}@media(min-width:1200px){.hero{padding:clamp(2.75rem,5vw,4.5rem) 0 clamp(2.25rem,4vw,3.5rem)}.hero-grid{grid-template-columns:minmax(20rem,.78fr) minmax(0,1.42fr);gap:2rem 2.75rem}.hero-copy,.hero-actions{padding:1.35rem 1.5rem 1.45rem}}.hero-see{margin:1rem 0 0;font-weight:650;color:var(--ink);max-width:44rem;font-size:1.05rem}.hero-points{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.35rem;font-size:.95rem;color:var(--ink-muted)}.hero-points li{display:flex;gap:.5rem;align-items:flex-start}.hero-points li:before{content:"";flex-shrink:0;width:.45rem;height:.45rem;margin-top:.5rem;border-radius:50%;background:var(--brand)}@media(min-width:840px){.hero-points{grid-template-columns:1fr 1fr;gap:.35rem .85rem}.hero-actions .btn-row{margin-top:1rem}}.app-icon,.process-icon{display:block;width:3.4rem;height:3.4rem}.card-app .app-icon{margin-bottom:.7rem}.process-strip{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.process-strip li{display:flex;flex-direction:column;align-items:center;gap:.3rem;font-size:.85rem;font-weight:700;color:var(--ink-muted);text-align:center}.process-strip .process-icon{width:2.85rem;height:2.85rem}@media(min-width:640px){.process-strip{grid-template-columns:repeat(5,1fr)}}.how-visual{max-width:min(64rem,100%)}.steps.timeline{position:relative}@media(min-width:720px){.steps.timeline:before{content:"";position:absolute;top:2.35rem;left:6%;right:6%;height:3px;background:linear-gradient(90deg,var(--brand),var(--teal));opacity:.35;z-index:0}}.timeline .step{z-index:1}.timeline .step:before{display:none}.step-icon-wrap{display:grid;place-items:center;width:3.35rem;height:3.35rem;border-radius:50%;background:var(--brand-soft);border:2px solid var(--brand);margin-bottom:.7rem;position:relative;z-index:1}.step-icon-wrap .process-icon{width:2.1rem;height:2.1rem}.step-icon-wrap:after{counter-increment:step;content:counter(step);position:absolute;top:-.35rem;right:-.35rem;width:1.35rem;height:1.35rem;border-radius:50%;background:var(--brand);color:var(--white);font-size:.72rem;font-weight:700;display:grid;place-items:center}@media(prefers-reduced-motion:no-preference){.timeline .step{opacity:0;transform:translateY(12px);animation:step-in .55s ease forwards;animation-delay:calc(var(--i, 0) * 90ms)}}@keyframes step-in{to{opacity:1;transform:none}}.swatch{position:relative}.swatch span,.swatch-chip{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid var(--line);box-shadow:inset 0 0 0 1px #0000000f;background-image:radial-gradient(circle at 32% 34%,rgba(255,255,255,.32) 0 1.5px,transparent 1.9px),radial-gradient(circle at 70% 68%,rgba(0,0,0,.32) 0 1.15px,transparent 1.55px);transition:transform .15s ease,box-shadow .15s ease}.swatch:hover span,.swatch:hover .swatch-chip,.swatch:has(:checked) .swatch-chip{transform:scale(1.1)}.swatch:has(:checked) .swatch-chip{box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--brand)}.swatch:has(:focus-visible) .swatch-chip{outline:2px solid var(--focus);outline-offset:3px}.colour-radios .swatch input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.colour-radios .swatch{cursor:pointer}.colour-story{--live-rubber: #5c6168;--live-a: #1a1a1a;--live-b: #c4b49a;--live-c: #8a6a3b}.colour-story:has([value=black]:checked){--live-rubber: #1c1c1c;--live-a: #0a0a0a;--live-b: #5a5a5a;--live-c: #2d7cc0}.colour-story:has([value=grey]:checked){--live-rubber: #5c6168;--live-a: #1a1a1a;--live-b: #c4b49a;--live-c: #8a6a3b}.colour-story:has([value=brown]:checked){--live-rubber: #6b4a2e;--live-a: #3a2416;--live-b: #c4a574;--live-c: #1a1a1a}.colour-story:has([value=red]:checked){--live-rubber: #a33b3b;--live-a: #6a2222;--live-b: #1a1a1a;--live-c: #d4a574}.colour-story:has([value=blue]:checked){--live-rubber: #2d7cc0;--live-a: #1a1a1a;--live-b: #8eb4d4;--live-c: #0e3a64}.colour-story:has([value=green]:checked){--live-rubber: #3d7a4a;--live-a: #1a1a1a;--live-b: #8aba7a;--live-c: #2a5533}.colour-live{margin-top:1.15rem;max-width:36rem}.colour-live-surface{height:7.5rem;border-radius:12px;border:1px solid var(--line);background-color:var(--live-rubber);background-image:radial-gradient(ellipse 65% 55% at 28% 22%,rgba(255,255,255,.16),transparent 58%),radial-gradient(ellipse 75% 65% at 78% 82%,rgba(0,0,0,.28),transparent 52%),radial-gradient(ellipse 1.6px 1.05px at 20% 30%,var(--live-a),transparent 70%),radial-gradient(ellipse 1.2px .8px at 55% 60%,var(--live-b),transparent 70%),radial-gradient(ellipse 1.9px 1.2px at 75% 25%,var(--live-c),transparent 70%),radial-gradient(circle at 35% 70%,var(--live-a) .55px,transparent .75px),radial-gradient(circle at 80% 45%,rgba(0,0,0,.4) .45px,transparent .65px),radial-gradient(circle at 12% 85%,var(--live-b) .7px,transparent .9px),radial-gradient(circle at 62% 18%,var(--live-c) .95px,transparent 1.15px),radial-gradient(circle at 90% 88%,var(--live-a) .4px,transparent .55px);background-size:auto,auto,11px 10px,13px 12px,17px 15px,8px 8px,9px 9px,15px 14px,19px 18px,7px 7px;background-position:0 0,0 0,0 0,4px 7px,9px 3px,2px 5px,6px 1px,1px 8px,11px 2px,3px 4px;box-shadow:var(--shadow),inset 0 1px #ffffff14,inset 0 -8px 20px #00000038;transition:background-color .35s ease}.colour-live-caption{margin:.45rem 0 0;font-size:.8rem;color:var(--ink-muted);font-style:italic}.swatch-black span,.swatch-black .swatch-chip{background-color:#1a1a1a}.swatch-grey span,.swatch-grey .swatch-chip{background-color:#8a8f96}.swatch-brown span,.swatch-brown .swatch-chip{background-color:#6b4a2e}.swatch-red span,.swatch-red .swatch-chip{background-color:#a33b3b}.swatch-blue span,.swatch-blue .swatch-chip{background-color:#2d7cc0}.swatch-green span,.swatch-green .swatch-chip{background-color:#3d7a4a}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.timeline .step,.swatch span,.swatch-chip,.colour-live-surface{animation:none;transition:none;opacity:1;transform:none}}.viz-panel{background:var(--white);border:1px solid var(--line);border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow);padding:1.15rem 1.25rem 1.35rem;max-width:min(64rem,100%)}.viz-disclaimer{margin:0 0 1rem;padding:.85rem 1rem;border-radius:8px;border:1px solid #e0c56a;background:#fff8e0;color:var(--ink);font-size:.92rem;font-weight:600}.viz-privacy{margin:.35rem 0 1rem;font-size:.85rem;color:var(--ink-muted)}.viz-toolbar{display:flex;flex-wrap:wrap;gap:.65rem 1rem;align-items:center;margin-bottom:.85rem}.viz-toolbar label{margin:0;font-size:.88rem}.viz-stage-wrap{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#d5dce3;min-height:220px;touch-action:none}.viz-stage-wrap canvas{display:block;width:100%;height:auto;max-height:min(70vh,560px);vertical-align:middle}.viz-empty{display:grid;place-items:center;min-height:220px;padding:2rem 1.25rem;text-align:center;color:var(--ink-muted);font-size:.98rem}.viz-empty[hidden]{display:none!important}.viz-stage-wrap canvas[hidden]{display:none!important}.viz-empty strong{display:block;color:var(--ink);margin-bottom:.35rem;font-size:1.05rem}.viz-colours{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.viz-chip{width:1.7rem;height:1.7rem;border-radius:50%;border:2px solid var(--line);cursor:pointer;padding:0;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.28) 0 1.4px,transparent 1.8px),radial-gradient(circle at 70% 65%,rgba(0,0,0,.35) 0 1.1px,transparent 1.5px),var(--chip)}.viz-chip.is-active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--brand)}.viz-ops{display:flex;flex-wrap:wrap;gap:.4rem;margin:.15rem 0 .65rem}.viz-ops button,.viz-file-btn{font:inherit;font-size:.85rem;font-weight:600;padding:.4rem .75rem;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}.viz-ops button:hover,.viz-file-btn:hover{border-color:var(--brand);color:var(--brand-dark)}.viz-ops button.is-active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark)}.viz-file-btn{display:inline-flex;align-items:center;gap:.35rem}.viz-file-btn input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.viz-range-row{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;margin:0 0 .75rem;font-size:.85rem;color:var(--ink-muted)}.viz-range-row input[type=range]{width:min(100%,12rem);padding:0;background:transparent;border:none}.viz-hint{margin:.65rem 0 0;font-size:.82rem;color:var(--ink-muted);font-style:italic}.home-viz-cta{margin-top:1.25rem}@media(min-width:840px){.hero-grid>.ba .ba-stage{border-radius:14px}}.reveal{opacity:0;transform:translateY(1.1rem);transition:opacity .55s ease,transform .55s ease;will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal,.reveal.is-visible{opacity:1;transform:none;transition:none}}