@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/fredoka-500.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fredoka-600.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fredoka-700.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-600.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-700.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/space-grotesk-500.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/space-grotesk-600.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-grotesk-700.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--brand-orange:#fe6836;--brand-orange-hover:#e45525;--brand-red:#9e2b2b;--brand-red-pop:#e62429;--brand-yellow-pop:#ffd100;--brand-charcoal:#1e2022;--brand-cream:#faf4e8;--brand-cream-card:#fffdf9;--brand-teal:#0e8c8c;--brand-cyan-pop:#00a3e0;--brand-slate:#5c6f84;--bg-main:var(--brand-cream);--bg-card:#fff;--border-subtle:#1e2022;--border-brand:#1e2022;--border-width:3.5px;--text-main:#1e2022;--text-muted:#475569;--comic-shadow:6px 6px 0px #1e2022;--comic-shadow-lg:10px 10px 0px #1e2022;--comic-shadow-hover:10px 10px 0px var(--brand-orange);--font-heading:"Fredoka", "Space Grotesk", impact, sans-serif;--font-mono:"Space Grotesk", ui-monospace, monospace;--font-body:"Inter", system-ui, sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:.15s cubic-bezier(.2, 0, 0, 1);--transition-normal:.25s cubic-bezier(.2, 0, 0, 1)}body.dark-mode{--bg-main:#080a0f;--bg-card:#121622;--border-subtle:#1e2638;--border-brand:#00f0ff;--border-width:3.5px;--text-main:#fff;--text-muted:#94a3b8;--comic-shadow:6px 6px 0px #00f0ff;--comic-shadow-lg:10px 10px 0px #ff007f;--comic-shadow-hover:10px 10px 0px #00f0ff, 0 0 18px #00f0ff80;color:var(--text-main);background:radial-gradient(at top,#141824 0%,#08090e 70%,#030406 100%) fixed}.benday-dots-bg{background-image:radial-gradient(circle,#fe68362e 20%,#0000 21%),radial-gradient(circle,#0e8c8c1f 20%,#0000 21%);background-position:0 0,8px 8px;background-size:16px 16px}body.dark-mode.benday-dots-bg{background-image:radial-gradient(circle,#00f0ff38 18%,#0000 19%),radial-gradient(circle,#ff007f2e 18%,#0000 19%),radial-gradient(circle,#000000f2 50%,#0000 51%);background-position:0 0,10px 10px,0 0;background-size:20px 20px,20px 20px,6px 6px}.kirby-burst-bg{background:repeating-conic-gradient(#ffd10014 0deg 15deg,#0000 15deg 30deg)}body.dark-mode .kirby-burst-bg{background:repeating-conic-gradient(#00f0ff12 0deg 15deg,#ff007f0d 15deg 30deg,#0000 30deg 45deg)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-main);min-height:100vh;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem}.container-narrow{max-width:780px}h1,h2,h3,h4{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.02em;color:var(--text-main);line-height:1.15}.site-header{z-index:100;background-color:var(--brand-cream);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--border-width) solid var(--border-brand);padding:1.1rem 0;transition:all .3s;position:sticky;top:0;overflow:visible;box-shadow:0 4px #1e202226}body.dark-mode .site-header{background:linear-gradient(#121622 0%,#090b10 100%);border-bottom-color:#00f0ff;box-shadow:0 4px 15px #00f0ff40}body.dark-mode .site-header .header-mascot-img{content:url(/assets/brand/octopus_header_white_pupils.png)}.header-container{justify-content:space-between;align-items:center;gap:1.25rem;display:flex}.logo-group{transition:transform var(--transition-fast);flex-shrink:0;align-items:center;padding:.1rem 0;text-decoration:none;display:inline-flex}.logo-group:hover{transform:translateY(-2px)}.header-mascot-img{object-fit:contain;filter:none;flex-shrink:0;width:auto;height:92px;display:block}.footer-mascot-img{object-fit:contain;filter:none;width:auto;height:84px;display:block}.brand-title-text{font-family:var(--font-heading);color:var(--brand-orange);text-transform:uppercase;letter-spacing:-.01em;text-shadow:3px 3px 0px var(--brand-charcoal);white-space:nowrap;font-size:2.2rem;font-weight:700;line-height:1}body.dark-mode .brand-title-text{color:var(--brand-orange);text-shadow:3px 3px #00f0ff,0 0 12px #00f0ff99}.footer-brand-title{color:#fff;text-shadow:3px 3px 0px var(--brand-orange);font-size:2.2rem}.main-nav{flex-shrink:1;justify-content:center;align-items:center;min-width:0;display:flex}.nav-list{align-items:center;gap:.5rem;list-style:none;display:flex}.nav-link{color:var(--brand-charcoal);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.02em;border-radius:var(--radius-sm);box-shadow:none;transition:all var(--transition-fast);white-space:nowrap;border:2px solid #0000;padding:.35rem .65rem;font-size:.85rem;font-weight:700}body.dark-mode .nav-link{color:#fff}.nav-link:hover{color:#fff;background:var(--brand-orange);border-color:var(--brand-charcoal);box-shadow:2px 2px 0px var(--brand-charcoal);transform:translateY(-1px)}body.dark-mode .nav-link:hover{color:#0a0c13;background:#00f0ff;border-color:#ff007f;box-shadow:2px 2px #ff007f,0 0 10px #00f0ff99}.header-actions{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.header-query-btn{white-space:nowrap;box-shadow:3px 3px 0px var(--brand-charcoal);border-width:2.5px;flex-shrink:0;padding:.45rem .95rem;font-size:.85rem;font-weight:700}.theme-toggle-btn{background:var(--brand-yellow-pop);border:2.5px solid var(--brand-charcoal);color:var(--brand-charcoal);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-heading);text-transform:uppercase;box-shadow:2.5px 2.5px 0px var(--brand-charcoal);transition:all var(--transition-fast);flex-shrink:0;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.8rem;font-weight:700;display:inline-flex}.theme-toggle-btn:hover{box-shadow:3.5px 3.5px 0px var(--brand-orange);transform:translateY(-1px)}body.dark-mode .theme-toggle-btn{color:#0a0c13;background:#00f0ff;border-color:#ff007f;box-shadow:2.5px 2.5px #ff007f,0 0 10px #00f0ff80}.social-badges-group{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.social-badge{border-radius:var(--radius-sm);border:2px solid var(--brand-charcoal);width:32px;height:32px;color:var(--brand-charcoal);box-shadow:2px 2px 0px var(--brand-charcoal);transition:all var(--transition-fast);background:#fff;justify-content:center;align-items:center;display:flex}body.dark-mode .social-badge{color:#fff;background:#121622;border-color:#00f0ff;box-shadow:3px 3px #ff007f}.social-badge:hover{box-shadow:5px 5px 0px var(--brand-orange);transform:translate(-2px,-2px)}.social-badge.instagram:hover{color:#fff;background:#e1306c}.social-badge.facebook:hover{color:#fff;background:#1877f2}.social-badge.tiktok:hover{color:var(--brand-yellow-pop);background:#000}.btn{border-radius:var(--radius-sm);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border:var(--border-width) solid var(--brand-charcoal);box-shadow:var(--comic-shadow);transition:all var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.65rem;font-size:1.05rem;font-weight:700;display:inline-flex}.btn-primary{background-color:var(--brand-orange);color:#fff}.btn-primary:hover{background-color:var(--brand-orange-hover);box-shadow:var(--comic-shadow-lg);transform:translate(-3px,-3px)}.btn-secondary{background-color:var(--brand-yellow-pop);color:var(--brand-charcoal)}.btn-secondary:hover{box-shadow:var(--comic-shadow-lg);background-color:#ffe033;transform:translate(-3px,-3px)}body.dark-mode .btn-secondary{color:#0a0c13;background-color:#00f0ff;border-color:#ff007f;box-shadow:6px 6px #ff007f,0 0 12px #00f0ff66}body.dark-mode .btn-secondary:hover{color:#fff;background-color:#ff007f;border-color:#00f0ff;box-shadow:8px 8px #00f0ff,0 0 16px #ff007f99}.btn-lg{padding:.95rem 2.15rem;font-size:1.15rem}.btn-block{width:100%}.section{padding:4.5rem 0;position:relative}.section-header{margin-bottom:3rem}.section-header.text-center{text-align:center}.section-title{text-shadow:3px 3px #0000001a;margin-bottom:.75rem;font-size:2.85rem;font-weight:700}body.dark-mode .section-title{color:#fff;text-shadow:3px 3px #ff007f,0 0 10px #ff007f66}.section-subtitle{color:var(--text-muted);max-width:720px;margin:0 auto;font-size:1.1rem;font-weight:500}.hero-section{padding:4rem 0 3.25rem;position:relative;overflow:hidden}.hero-container{grid-template-columns:1.1fr .9fr;align-items:center;gap:3.5rem;display:grid}.hero-title{margin-bottom:1.35rem;font-size:3.6rem;font-weight:700;line-height:1.1}.hero-title-text-black{color:#000}body.dark-mode .hero-title-text-black{color:#000;text-shadow:2px 2px #00f0ff,0 0 10px #00f0ff80}.text-highlight{color:var(--brand-orange);background:var(--brand-yellow-pop);border:var(--border-width) solid var(--brand-charcoal);box-shadow:4px 4px 0px var(--brand-charcoal);padding:.1em .3em;display:inline-block;transform:rotate(-1.5deg)}body.dark-mode .text-highlight{color:#fff;background:#ff007f;border-color:#00f0ff;box-shadow:4px 4px #00f0ff,0 0 12px #ff007f80}.hero-description{color:var(--text-muted);border:var(--border-width) solid var(--brand-charcoal);border-radius:var(--radius-md);max-width:580px;box-shadow:5px 5px 0px var(--brand-charcoal);background:#fff;margin-bottom:2.25rem;padding:1.25rem 1.5rem;font-size:1.2rem;position:relative}body.dark-mode .hero-description{color:#fff;background:linear-gradient(135deg,#151926 0%,#0a0c13 100%);border-color:#00f0ff;box-shadow:5px 5px #ff007f,0 0 12px #00f0ff4d}.hero-actions{flex-wrap:wrap;gap:1.25rem;margin-bottom:2.5rem;display:flex}.hero-features{border-top:var(--border-width) dashed var(--brand-charcoal);align-items:center;gap:2rem;padding-top:1.5rem;display:flex}body.dark-mode .hero-features{border-top-color:#ff007f}.feature-item{flex-direction:column;display:flex}.feature-title{font-family:var(--font-heading);color:var(--brand-orange);font-size:1.5rem;font-weight:700}body.dark-mode .feature-title{color:var(--brand-orange);text-shadow:0 0 8px #fe683680}.feature-label{text-transform:uppercase;color:var(--text-muted);font-size:.85rem;font-weight:600}.feature-divider{background-color:var(--brand-charcoal);width:3px;height:36px}body.dark-mode .feature-divider{background-color:#00f0ff;box-shadow:0 0 8px #00f0ff99}.hero-card-stack{position:relative}.hero-preview-card{border-radius:var(--radius-md);border:var(--border-width) solid var(--brand-charcoal);box-shadow:var(--comic-shadow-lg);background:#fff;position:relative;overflow:hidden;transform:rotate(1deg)}body.dark-mode .hero-preview-card{background:linear-gradient(135deg,#151926 0%,#0a0c13 100%);border-color:#00f0ff;box-shadow:10px 10px #ff007f,0 0 15px #00f0ff66}.hero-img{object-fit:cover;width:100%;height:400px;display:block}.hero-card-overlay{color:#fff;background:linear-gradient(#0000,#1e2022f2);padding:1.5rem;position:absolute;bottom:0;left:0;right:0}.hero-card-overlay h3{color:#fff;text-shadow:2px 2px #000}.asset-dim-badge{z-index:10;background:var(--brand-yellow-pop);border:var(--border-width) solid var(--brand-charcoal);color:var(--brand-charcoal);font-family:var(--font-mono);box-shadow:3px 3px 0px var(--brand-charcoal);text-transform:uppercase;padding:.4rem .85rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;left:1rem}.catalogue-section{background-color:var(--brand-cream-card);border-top:var(--border-width) solid var(--brand-charcoal);border-bottom:var(--border-width) solid var(--brand-charcoal)}body.dark-mode .catalogue-section{background:linear-gradient(#0e111a 0%,#05060a 100%);border-top-color:#ff007f;border-bottom-color:#ff007f}.category-hub{flex-direction:column;gap:2.25rem;display:flex}.hub-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem;display:grid}.hub-card{border:var(--border-width) solid var(--brand-charcoal);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--comic-shadow);background:#fff;flex-direction:column;padding:1.85rem;display:flex;position:relative;overflow:hidden}body.dark-mode .hub-card{background:linear-gradient(135deg,#151926 0%,#0a0c13 100%);border-color:#00f0ff;box-shadow:6px 6px #ff007f,0 0 10px #00f0ff40}.hub-card:hover{box-shadow:var(--comic-shadow-hover);border-color:var(--brand-charcoal);transform:translate(-4px,-4px)}body.dark-mode .hub-card:hover{border-color:#ff007f;box-shadow:10px 10px #00f0ff,0 0 20px #ff007f80}.hub-card-header{align-items:center;margin-bottom:1rem;display:flex}.hub-card-icon{border-radius:var(--radius-sm);border:var(--border-width) solid var(--brand-charcoal);color:#fff;width:54px;height:54px;box-shadow:3px 3px 0px var(--brand-charcoal);justify-content:center;align-items:center;display:flex}.handy-help-bg{background-color:var(--brand-teal)}.handy-home-bg{background-color:var(--brand-orange)}.handy-gaming-bg{background-color:var(--brand-red-pop)}.hub-card-image-frame{border-radius:var(--radius-sm);background-color:var(--brand-charcoal);border:var(--border-width) solid var(--brand-charcoal);width:100%;height:220px;margin-bottom:1.35rem;position:relative;overflow:hidden}.hub-card-pop-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.hub-card:hover .hub-card-pop-img{transform:scale(1.05)}.hub-card-image-overlay{color:#fff;background:linear-gradient(#0000,#1e2022f2);flex-direction:column;gap:.25rem;padding:1rem;display:flex;position:absolute;bottom:0;left:0;right:0}.pop-item-title{font-family:var(--font-heading);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:700;overflow:hidden}.pop-item-count{font-family:var(--font-mono);color:var(--brand-yellow-pop);font-size:.8rem;font-weight:700}.hub-card-body h3{color:var(--text-main);margin-bottom:.45rem;font-size:1.65rem}.hub-card-body p{color:var(--text-muted);margin-bottom:1.35rem;font-size:.95rem}.hub-select-badge{font-family:var(--font-heading);text-transform:uppercase;color:var(--brand-orange);transition:transform var(--transition-fast);font-size:.95rem;font-weight:700}.hub-card:hover .hub-select-badge{transform:translate(6px)}.filter-bar{flex-wrap:wrap;justify-content:center;gap:.85rem;margin-bottom:2.5rem;display:flex}.filter-tab{border:var(--border-width) solid var(--brand-charcoal);color:var(--brand-charcoal);border-radius:var(--radius-sm);font-family:var(--font-heading);text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0px var(--brand-charcoal);transition:all var(--transition-fast);background:#fff;padding:.7rem 1.5rem;font-size:1rem;font-weight:700}body.dark-mode .filter-tab{color:#fff;background:linear-gradient(135deg,#151926 0%,#0a0c13 100%);border-color:#00f0ff;box-shadow:4px 4px #ff007f}.filter-tab:hover{box-shadow:6px 6px 0px var(--brand-orange);transform:translate(-2px,-2px)}body.dark-mode .filter-tab:hover{border-color:#ff007f;box-shadow:6px 6px #00f0ff,0 0 10px #00f0ff80}.filter-tab.active{background:var(--brand-orange);color:#fff;box-shadow:6px 6px 0px var(--brand-charcoal)}body.dark-mode .filter-tab.active{color:#fff;background:#ff007f;border-color:#00f0ff;box-shadow:6px 6px #00f0ff,0 0 15px #ff007f99}.catalogue-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:2rem;display:grid}.product-card{border:var(--border-width) solid var(--brand-charcoal);border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer;box-shadow:var(--comic-shadow);background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}body.dark-mode .product-card{background:linear-gradient(135deg,#151926 0%,#0a0c13 100%);border-color:#00f0ff;box-shadow:6px 6px #ff007f,0 0 10px #00f0ff40}.product-card:hover{box-shadow:var(--comic-shadow-hover);transform:translate(-4px,-4px)}.card-image-wrapper{background-color:var(--brand-cream);border-bottom:var(--border-width) solid var(--brand-charcoal);width:100%;height:250px;position:relative;overflow:hidden}.card-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.product-card:hover .card-img{transform:scale(1.05)}.card-category-tag{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm);border:var(--border-width) solid var(--brand-charcoal);background:var(--brand-yellow-pop);color:var(--brand-charcoal);box-shadow:3px 3px 0px var(--brand-charcoal);margin-bottom:.75rem;padding:.3rem .85rem;font-size:.8rem;font-weight:700;display:inline-block}.card-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.card-title{margin-bottom:.45rem;font-size:1.35rem;font-weight:700}.card-desc{color:var(--text-muted);flex-grow:1;margin-bottom:1.25rem;font-size:.925rem}.card-specs-row{border-top:var(--border-width) dashed var(--brand-charcoal);flex-wrap:wrap;gap:.5rem;padding-top:1rem;display:flex}body.dark-mode .card-specs-row{border-top-color:#ff007f}.spec-pill{font-family:var(--font-mono);color:var(--brand-charcoal);background:var(--brand-cream);border-radius:var(--radius-sm);border:var(--border-width) solid var(--brand-charcoal);padding:.3rem .65rem;font-size:.775rem;font-weight:700}body.dark-mode .spec-pill{color:#fff;background:#0d1018;border-color:#00f0ff;box-shadow:2px 2px #ff007f}.what-we-do-section{background:var(--brand-cream);border-bottom:var(--border-width) solid var(--brand-charcoal)}body.dark-mode .what-we-do-section{background:radial-gradient(#121624 0%,#06070b 100%);border-bottom-color:#00f0ff}.process-steps-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;display:grid}.step-card{border:var(--border-width) solid var(--brand-charcoal);border-radius:var(--radius-md);box-shadow:var(--comic-shadow);transition:all var(--transition-normal);background:#fff;flex-direction:column;padding:1.85rem;display:flex;position:relative}body.dark-mode .step-card{background:linear-gradient(135deg,#151926 0%,#0a0c13 100%);border-color:#00f0ff;box-shadow:6px 6px #ff007f,0 0 10px #00f0ff40}.step-card:hover{box-shadow:var(--comic-shadow-hover);transform:translate(-4px,-4px)}.step-header{justify-content:space-between;align-items:center;margin-bottom:1.35rem;display:flex}.step-number{font-family:var(--font-heading);color:var(--brand-orange);text-shadow:2px 2px 0px var(--brand-charcoal);font-size:2.2rem;font-weight:700}body.dark-mode .step-number{color:var(--brand-orange);text-shadow:2px 2px #00f0ff,0 0 8px #00f0ff99}.step-icon{border-radius:var(--radius-sm);background:var(--brand-yellow-pop);border:var(--border-width) solid var(--brand-charcoal);width:48px;height:48px;color:var(--brand-charcoal);box-shadow:3px 3px 0px var(--brand-charcoal);justify-content:center;align-items:center;display:flex}.step-card h3{margin-bottom:.65rem;font-size:1.4rem}.step-card p{color:var(--text-muted);flex-grow:1;margin-bottom:1.35rem;font-size:.95rem}.step-footer-tag{font-family:var(--font-heading);text-transform:uppercase;color:var(--brand-charcoal);background:var(--brand-cream);border:var(--border-width) solid var(--brand-charcoal);border-radius:var(--radius-sm);align-self:flex-start;padding:.35rem .75rem;font-size:.8rem;font-weight:700}body.dark-mode .step-footer-tag{color:#fff;background:#ff007f;border-color:#00f0ff;box-shadow:2px 2px #00f0ff}.in-stock-section{background-color:var(--brand-cream-card);border-top:var(--border-width) solid var(--brand-charcoal);border-bottom:var(--border-width) solid var(--brand-charcoal)}body.dark-mode .in-stock-section{background:linear-gradient(#0e111a 0%,#05060a 100%);border-top-color:#00f0ff;border-bottom-color:#00f0ff}.in-stock-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem;margin-bottom:2.75rem;display:grid}.filament-card{border:var(--border-width) solid var(--brand-charcoal);border-radius:var(--radius-md);box-shadow:var(--comic-shadow);transition:all var(--transition-normal);background:#fff;flex-direction:column;justify-content:space-between;padding:1.85rem;display:flex}body.dark-mode .filament-card{background:linear-gradient(135deg,#151926 0%,#0a0c13 100%);border-color:#00f0ff;box-shadow:6px 6px #ff007f,0 0 10px #00f0ff40}.filament-card:hover{box-shadow:var(--comic-shadow-hover);transform:translate(-4px,-4px)}.filament-card-header{align-items:flex-start;gap:1.25rem;margin-bottom:1.35rem;display:flex}.color-swatch-box{border-radius:var(--radius-sm);border:var(--border-width) solid var(--brand-charcoal);width:48px;height:48px;box-shadow:3px 3px 0px var(--brand-charcoal);flex-shrink:0}.filament-meta h3{font-size:1.3rem;line-height:1.25}.stock-status-pill{font-family:var(--font-mono);text-transform:uppercase;border-radius:var(--radius-sm);border:var(--border-width) solid var(--brand-charcoal);margin-bottom:.4rem;padding:.3rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.stock-status-pill.ready{color:#fff;background:#10b981}.stock-status-pill.limited{background:var(--brand-orange);color:#fff}.filament-card-body{margin-bottom:1.5rem}.material-type-tag{font-family:var(--font-heading);color:var(--brand-teal);text-transform:uppercase;margin-bottom:.5rem;font-size:.9rem;font-weight:700}body.dark-mode .material-type-tag{color:#00f0ff;text-shadow:0 0 6px #00f0ff66}.filament-card-body p{color:var(--text-muted);font-size:.925rem}.stock-note-box{background:var(--brand-yellow-pop);border:var(--border-width) solid var(--brand-charcoal);border-radius:var(--radius-md);max-width:800px;box-shadow:5px 5px 0px var(--brand-charcoal);color:var(--brand-charcoal);margin:0 auto;padding:1.35rem 2rem;font-weight:600}body.dark-mode .stock-note-box{color:#fff;background:linear-gradient(135deg,#151926 0%,#0a0c13 100%);border-color:#00f0ff;box-shadow:5px 5px #ff007f,0 0 12px #00f0ff4d}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:3.5rem;display:grid}.lead-text{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.02em;color:var(--brand-charcoal);text-shadow:2px 2px #ff007f;margin-bottom:1.35rem;font-size:1.35rem;font-weight:700;line-height:1.3}body.dark-mode .lead-text{color:#fff;text-shadow:3px 3px #ff007f,0 0 12px #ff007f99}.body-text{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.02em;color:#ff007f;border:var(--border-width) solid var(--brand-charcoal);border-radius:var(--radius-md);box-shadow:5px 5px 0px var(--brand-charcoal);background:#fff;border-left:8px solid #ff007f;margin-bottom:2rem;padding:1.25rem 1.5rem;font-size:.95rem;font-weight:700;line-height:1.45;position:relative}body.dark-mode .body-text{color:#ff007f;background:linear-gradient(135deg,#151926 0%,#0a0c13 100%);border-color:#00f0ff #00f0ff #00f0ff #ff007f;border-left-style:solid;border-left-width:8px;box-shadow:5px 5px #ff007f,0 0 12px #00f0ff4d}.pillars-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.25rem;display:grid}.pillar-card{border:var(--border-width) solid var(--brand-charcoal);border-radius:var(--radius-sm);box-shadow:4px 4px 0px var(--brand-charcoal);background:#fff;padding:1.25rem}body.dark-mode .pillar-card{background:linear-gradient(135deg,#151926 0%,#0a0c13 100%);border-color:#00f0ff;box-shadow:4px 4px #ff007f}.pillar-icon{border-radius:var(--radius-sm);background:var(--brand-yellow-pop);border:var(--border-width) solid var(--brand-charcoal);justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:.95rem;display:flex}.pillar-card h3{margin-bottom:.35rem;font-size:1.1rem;font-weight:700}.pillar-card p{color:var(--text-muted);font-size:.85rem}.about-card-frame{border-radius:var(--radius-md);border:var(--border-width) solid var(--brand-charcoal);box-shadow:var(--comic-shadow-lg);background:#fff;position:relative;overflow:hidden;transform:rotate(-1deg)}body.dark-mode .about-card-frame{background:linear-gradient(135deg,#151926 0%,#0a0c13 100%);border-color:#ff007f;box-shadow:10px 10px #00f0ff,0 0 15px #ff007f66}.about-placeholder-visual{background:var(--brand-cream);text-align:center;flex-direction:column;justify-content:center;align-items:center;height:440px;padding:2rem;display:flex;position:relative}body.dark-mode .about-placeholder-visual{background:linear-gradient(135deg,#151926 0%,#0a0c13 100%)}.about-brand-center-logo{max-width:230px;height:auto;margin-bottom:1.5rem}.about-visual-overlay span{font-family:var(--font-heading);color:var(--text-main);text-transform:uppercase;font-size:1.4rem;font-weight:700}.about-visual-overlay p{color:var(--text-muted);max-width:340px;margin-top:.4rem;font-size:.9rem}.contact-section .section-subtitle{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.02em;color:#ff007f;border:var(--border-width) solid var(--brand-charcoal);border-radius:var(--radius-md);box-shadow:5px 5px 0px var(--brand-charcoal);text-align:left;background:#fff;border-left:8px solid #ff007f;max-width:720px;margin:0 auto 2.5rem;padding:1.25rem 1.5rem;font-size:.95rem;font-weight:700;line-height:1.45}body.dark-mode .contact-section .section-subtitle{color:#ff007f;background:linear-gradient(135deg,#151926 0%,#0a0c13 100%);border-color:#00f0ff #00f0ff #00f0ff #ff007f;border-left-style:solid;border-left-width:8px;box-shadow:5px 5px #ff007f,0 0 12px #00f0ff4d}.contact-card{border:var(--border-width) solid var(--brand-charcoal);border-radius:var(--radius-md);box-shadow:var(--comic-shadow-lg);background:#fff;padding:2.75rem;position:relative}body.dark-mode .contact-card{background:linear-gradient(135deg,#151926 0%,#0a0c13 100%);border-color:#00f0ff;box-shadow:10px 10px #ff007f,0 0 15px #00f0ff4d}body.dark-mode .pending-query-banner{color:#fff;background:linear-gradient(135deg,#1a2030 0%,#0d1018 100%);border-color:#00f0ff;box-shadow:4px 4px #ff007f}body.dark-mode .pending-query-banner h3,body.dark-mode .pending-query-banner p{color:#fff}.pending-query-banner{background:var(--brand-yellow-pop);border:var(--border-width) solid var(--brand-charcoal);border-radius:var(--radius-sm);color:var(--brand-charcoal);box-shadow:4px 4px 0px var(--brand-charcoal);align-items:flex-start;gap:1.25rem;margin-bottom:2rem;padding:1.5rem;display:flex}.pending-query-banner h3{color:var(--brand-charcoal);margin-bottom:.35rem;font-size:1.25rem}.pending-query-banner p{color:var(--brand-charcoal);font-size:.95rem;font-weight:500;line-height:1.5}.thank-you-box{text-align:center;padding:2.5rem 1rem}.thank-you-box h2{margin-bottom:1rem;font-size:2.4rem}.thank-you-subnote{border-left:4px solid var(--brand-teal);border-radius:var(--radius-sm);max-width:480px;color:var(--text-main);text-align:left;background:#0e8c8c14;margin:1.25rem auto 0;padding:.85rem 1rem;font-size:.9rem;line-height:1.45}body.dark-mode .thank-you-subnote{color:#e2e8f0;background:#00f0ff14;border-left-color:#00f0ff}.contact-form{flex-direction:column;gap:1.65rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{font-family:var(--font-heading);text-transform:uppercase;font-size:1rem;font-weight:700}.required-star{color:var(--brand-orange)}.form-input,.form-textarea{background:var(--brand-cream);border:var(--border-width) solid var(--brand-charcoal);border-radius:var(--radius-sm);width:100%;color:var(--brand-charcoal);font-family:var(--font-body);box-shadow:3px 3px 0px var(--brand-charcoal);transition:all var(--transition-fast);padding:.9rem 1.15rem;font-size:1rem;font-weight:500}body.dark-mode .form-input,body.dark-mode .form-textarea{color:#fff;background:#090b12;border-color:#00f0ff;box-shadow:3px 3px #ff007f}.form-input:focus,.form-textarea:focus{border-color:var(--brand-orange);box-shadow:5px 5px 0px var(--brand-orange);background:#fff;outline:none;transform:translate(-2px,-2px)}body.dark-mode .form-input:focus,body.dark-mode .form-textarea:focus{background:#090b12;border-color:#ff007f;box-shadow:5px 5px #00f0ff,0 0 12px #00f0ff99}.form-textarea{resize:vertical;min-height:140px}.form-error{color:var(--brand-red-pop);min-height:1.2rem;font-size:.85rem;font-weight:700}.form-checkbox-group{flex-direction:column;gap:.85rem;margin-top:.25rem;margin-bottom:.25rem;display:flex}.form-checkbox-label{cursor:pointer;color:var(--text-main);-webkit-user-select:none;user-select:none;align-items:flex-start;gap:.75rem;font-size:.9rem;line-height:1.45;display:flex}body.dark-mode .form-checkbox-label{color:#e2e8f0}.form-checkbox{width:1.25rem;height:1.25rem;accent-color:var(--brand-orange);cursor:pointer;flex-shrink:0;margin-top:.15rem}body.dark-mode .form-checkbox{accent-color:#00f0ff}.checkbox-text{font-family:var(--font-body)}.privacy-link-inline{font-family:inherit;font-size:inherit;color:var(--brand-orange);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:700;text-decoration:underline;display:inline}.privacy-link-inline:hover{color:var(--brand-charcoal)}body.dark-mode .privacy-link-inline{color:#00f0ff}body.dark-mode .privacy-link-inline:hover{color:#fff}.form-footer-note{color:var(--text-muted);justify-content:center;align-items:center;gap:.4rem;margin-top:.5rem;font-size:.85rem;font-weight:500;display:flex}.gdpr-micro-notice{color:var(--text-muted);text-align:center;margin-top:.85rem;font-size:.825rem;font-weight:500;line-height:1.45}body.dark-mode .gdpr-micro-notice{color:#cbd5e1}.privacy-link-btn{color:var(--brand-orange);font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline;display:inline}.privacy-link-btn:hover{color:var(--brand-orange-hover)}body.dark-mode .privacy-link-btn{color:#00f0ff}body.dark-mode .privacy-link-btn:hover{color:#ff007f}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#1e2022cc;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-overlay.hidden{display:none}.modal-card{border:var(--border-width) solid var(--brand-charcoal);border-radius:var(--radius-md);width:100%;max-width:840px;max-height:90vh;box-shadow:12px 12px 0px var(--brand-charcoal);background:#fff;position:relative;overflow-y:auto}body.dark-mode .modal-card{background:linear-gradient(135deg,#151926 0%,#0a0c13 100%);border-color:#00f0ff;box-shadow:12px 12px #ff007f,0 0 25px #00f0ff66}.modal-close{z-index:20;background:var(--brand-yellow-pop);border:var(--border-width) solid var(--brand-charcoal);color:var(--brand-charcoal);border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;box-shadow:3px 3px 0px var(--brand-charcoal);justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:absolute;top:1rem;right:1.25rem}.modal-close:hover{background:var(--brand-orange);color:#fff;transform:translate(-2px,-2px)}.modal-card-narrow{max-width:640px}.modal-body{grid-template-columns:1fr 1.1fr;gap:2.25rem;padding:2.5rem;display:grid}.modal-body-single{padding:2.5rem}.privacy-modal-content{color:var(--text-muted);flex-direction:column;gap:.85rem;margin:1.25rem 0 1.75rem;font-size:.925rem;line-height:1.5;display:flex}body.dark-mode .privacy-modal-content{color:#cbd5e1}.privacy-modal-content h4{color:var(--text-main);margin-top:.35rem;font-size:1rem}body.dark-mode .privacy-modal-content h4{color:#fff}.gdpr-rights-list{flex-direction:column;gap:.4rem;margin:.5rem 0;padding-left:1.25rem;font-size:.875rem;list-style-type:disc;display:flex}.gdpr-rights-list li{line-height:1.4}.subprocessor-list{flex-direction:column;gap:.65rem;margin:.5rem 0;padding:0;font-size:.875rem;list-style:none;display:flex}.subprocessor-list li{border-left:4px solid var(--brand-orange);border-radius:var(--radius-sm);background:#1e20220a;padding:.65rem .85rem;line-height:1.4}body.dark-mode .subprocessor-list li{background:#ffffff0d;border-left-color:#00f0ff}.subprocessor-list strong{color:var(--text-main);margin-bottom:.15rem;display:block}body.dark-mode .subprocessor-list strong{color:#fff}.subprocessor-list span{color:var(--text-muted)}body.dark-mode .subprocessor-list span{color:#cbd5e1}.security-measures-list li{border-left-color:var(--brand-teal)}body.dark-mode .security-measures-list li{border-left-color:#00a3e0}.storage-key-list{flex-direction:column;gap:.65rem;margin:.5rem 0;display:flex}.storage-key-card{border-left:4px solid var(--brand-teal);border-radius:var(--radius-sm);background:#1e20220a;padding:.65rem .85rem;font-size:.875rem;line-height:1.4}body.dark-mode .storage-key-card{border-left-color:var(--brand-orange);background:#ffffff0d}.storage-key-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.25rem;display:flex}.storage-key-name{font-family:var(--font-mono);color:var(--brand-orange);font-size:.875rem;font-weight:700}body.dark-mode .storage-key-name{color:#00f0ff}.storage-key-category{color:var(--brand-slate);text-transform:uppercase;letter-spacing:.03em;font-size:.775rem;font-weight:600}body.dark-mode .storage-key-category{color:#94a3b8}.storage-key-desc{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.4}body.dark-mode .storage-key-desc{color:#cbd5e1}.modal-image-col{border-radius:var(--radius-sm);background:var(--brand-cream);border:var(--border-width) solid var(--brand-charcoal);position:relative;overflow:hidden}.modal-img{object-fit:cover;width:100%;height:100%;max-height:380px}.modal-info-col{flex-direction:column;display:flex}.modal-title{margin-bottom:.85rem;font-size:2rem}.modal-description{color:var(--text-muted);margin-bottom:1.5rem;font-size:1rem}.specs-box{background:var(--brand-cream);border:var(--border-width) solid var(--brand-charcoal);border-radius:var(--radius-sm);box-shadow:4px 4px 0px var(--brand-charcoal);margin-bottom:1.85rem;padding:1.35rem}body.dark-mode .specs-box{background:#090b12;border-color:#00f0ff;box-shadow:4px 4px #ff007f}body.dark-mode .site-footer{background:linear-gradient(#0b0d14 0%,#040508 100%);border-top-color:#00f0ff;box-shadow:0 -4px 15px #00f0ff40}.specs-box h4{color:var(--brand-orange);margin-bottom:.75rem;font-size:1.05rem}.specs-list{flex-direction:column;gap:.45rem;font-size:.925rem;list-style:none;display:flex}.site-footer{background-color:var(--brand-charcoal);color:var(--brand-cream);border-top:var(--border-width) solid var(--brand-yellow-pop);padding:2.5rem 0}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.footer-brand{align-items:center;display:flex}.footer-social-badges{align-items:center;gap:.85rem;display:flex}.footer-social-badges .social-badge{color:#fff;box-shadow:3px 3px 0px var(--brand-orange);background:#ffffff1a;border-color:#fff}.footer-social-badges .social-badge:hover{background:var(--brand-orange);color:#fff;box-shadow:5px 5px 0px var(--brand-yellow-pop);transform:translate(-2px,-2px)}.footer-copy{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:.65rem;font-size:.9rem;font-weight:500;display:flex}.footer-dot{color:#5c6f84}.footer-privacy-link{color:var(--brand-yellow-pop);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:underline}.footer-privacy-link:hover{color:var(--brand-orange)}body.dark-mode .footer-privacy-link{color:#00f0ff}body.dark-mode .footer-privacy-link:hover{color:#ff007f}@media (width<=768px){.footer-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.35s ease-out fadeIn}.hidden{display:none!important}@media (width<=1024px){.header-container{flex-wrap:wrap}.main-nav{order:3;width:100%;margin-top:.5rem}.nav-list{justify-content:center;width:100%}}@media (width<=900px){.hero-container,.about-grid{grid-template-columns:1fr;gap:2.75rem}.modal-body{grid-template-columns:1fr}.hero-title{font-size:2.85rem}}@media (width<=1080px){.header-container{gap:.75rem}.nav-list{gap:.35rem}.nav-link{padding:.3rem .5rem;font-size:.8rem}.social-badges-group{display:none}}@media (width<=820px){.header-container{flex-wrap:wrap}.main-nav{order:3;width:100%;margin-top:.4rem}.nav-list{justify-content:center;width:100%}.header-mascot-img{height:52px}}