:root{--color-primary:#f4d7d7;--color-accent:#e8b4b8;--color-surface:#f9f9fb;--color-text:#2d2b2e;--color-background:#fff;--color-text-muted:color-mix(in srgb, var(--color-text) 55%, transparent);--color-border:color-mix(in srgb, var(--color-accent) 30%, transparent);--color-accent-hover:color-mix(in srgb, var(--color-accent) 80%, black);--color-primary-deep:color-mix(in srgb, var(--color-primary) 85%, black);--color-surface-elevated:var(--color-background);--color-overlay:color-mix(in srgb, var(--color-text) 4%, transparent);--font-heading:"Space Grotesk", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia Code", Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--text-4xl:3.75rem;--text-5xl:5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-32:8rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #2d2b2e0a, 0 1px 6px #e8b4b814;--shadow-md:0 4px 12px #2d2b2e0f, 0 2px 24px #e8b4b81f;--shadow-lg:0 8px 32px #2d2b2e14, 0 4px 48px #e8b4b829;--shadow-glow:0 0 40px #e8b4b859;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--duration-slower:.6s;font-family:var(--font-body);font-size:var(--text-base);letter-spacing:.01em;color:var(--color-text);background-color:var(--color-background);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}body,section,footer,header,input,textarea,select,.btn,.product-card,.fbento-card,.newsletter-input,.product-placeholder-bg,a,h1,h2,h3,h4,p,span{transition:background-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), font-family var(--duration-base) var(--ease-out)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}#root{width:100%;min-height:100svh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text);letter-spacing:-.02em;font-weight:700;line-height:1.1}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}@media (width<=768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}p{color:var(--color-text-muted);font-weight:400;line-height:1.7}a{color:var(--color-accent-hover);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--color-text)}.btn{align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-weight:500;font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-text);color:var(--color-background)}.btn-primary:hover{box-shadow:var(--shadow-md);background:#1a191b}.btn-outline{color:var(--color-text);border:1.5px solid var(--color-border);background:0 0}.btn-outline:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.text-heading{font-family:var(--font-heading)}.text-body{font-family:var(--font-body)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent-hover)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-section{justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:relative;overflow:hidden}.hero-video-wrap{z-index:0;position:absolute;inset:0}.hero-video{object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(0)}.hero-overlay{pointer-events:none;background:linear-gradient(#00000059 0%,#0000000d 40%,#00000014 65%,#00000073 100%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;padding:0 var(--space-8);align-items:center;gap:var(--space-6);flex-direction:column;max-width:860px;display:flex;position:relative}.hero-badge{align-items:center;gap:var(--space-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);background:#ffffff1a;border:1px solid #ffffff38;font-weight:700;display:inline-flex}.hero-badge-dot{background:var(--color-accent);width:6px;height:6px;box-shadow:0 0 8px var(--color-accent);border-radius:50%;flex-shrink:0;animation:2.2s ease-in-out infinite badge-pulse}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.4)}}.hero-heading{font-family:var(--font-heading);letter-spacing:-.03em;color:#fff;text-shadow:0 2px 24px #00000059,0 1px 4px #00000040;margin:0;font-size:clamp(2.6rem,6.5vw,5.25rem);font-weight:700;line-height:1.06}.hero-word{white-space:pre;display:inline-block}.hero-hook{font-family:var(--font-body);color:#fff;text-shadow:0 1px 3px #000000e6,0 4px 16px #000000b3,0 8px 32px #00000080;max-width:580px;margin:0;font-size:clamp(1.05rem,2vw,1.3rem);font-weight:500;line-height:1.65}.hero-cta-wrap{margin-top:var(--space-2)}.hero-cta-btn{align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-weight:700;font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);transition:background var(--duration-base) var(--ease-out), transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);background:#fffffff5;text-decoration:none;display:inline-flex;box-shadow:0 4px 24px #0000002e,0 0 #fff0}.hero-cta-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 32px #00000038,0 0 0 4px #ffffff2e}.hero-cta-btn:active{transform:translateY(0)scale(.98)}.hero-cta-arrow{width:16px;height:16px;transition:transform var(--duration-fast) var(--ease-out)}.hero-cta-btn:hover .hero-cta-arrow{transform:translate(3px)}.hero-scroll-indicator{z-index:3;align-items:center;gap:var(--space-2);opacity:0;pointer-events:none;flex-direction:column;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.hero-scroll-line{background:linear-gradient(#0000,#ffffffb3);width:1px;height:48px;animation:2s ease-in-out infinite scroll-line-drip;display:block}@keyframes scroll-line-drip{0%{transform-origin:top;opacity:0;transform:scaleY(0)}40%{transform-origin:top;opacity:1;transform:scaleY(1)}60%{transform-origin:bottom;opacity:1;transform:scaleY(1)}to{transform-origin:bottom;opacity:0;transform:scaleY(0)}}.hero-scroll-label{font-family:var(--font-heading);letter-spacing:.22em;text-transform:uppercase;color:#ffffff8c;font-size:9px;font-weight:700}@media (width<=600px){.hero-content{padding:0 var(--space-4);gap:var(--space-4)}.hero-cta-btn{padding:var(--space-4) var(--space-6)}}.scroll-reveal{font-family:var(--font-heading);margin:0;font-weight:700}.scroll-reveal-text{letter-spacing:-.02em;color:var(--color-text);font-size:clamp(1.75rem,4.5vw,3.25rem);font-weight:700;line-height:1.25;font-family:var(--font-heading);text-shadow:0 4px 20px #ff1629}.word{display:inline-block}.showcase-section{padding:var(--space-32) var(--space-8);background-color:var(--color-background);z-index:10;position:relative;overflow:hidden}.showcase-grid{align-items:center;gap:var(--space-8);grid-template-columns:1fr 1.1fr 1fr;max-width:1300px;margin:0 auto;display:grid}.showcase-img-panel{will-change:transform, opacity, filter;perspective:1000px}.showcase-card-inner{aspect-ratio:3/4;border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-lg);background:var(--color-surface);transition:transform .6s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.showcase-card-inner:hover{transform:scale(1.025)translateY(-5px)}.showcase-card-img{object-fit:cover;width:100%;height:100%;transition:transform .8s;position:absolute;top:0;left:0}.showcase-card-inner:hover .showcase-card-img{transform:scale(1.05)}.showcase-card-front{padding:var(--space-8);background:linear-gradient(#0000001a 0%,#0000 40%,#000c 100%);flex-direction:column;justify-content:space-between;transition:opacity .4s;display:flex;position:absolute;inset:0}.showcase-card-front.hidden{opacity:0;pointer-events:none}.showcase-front-bottom{gap:var(--space-2);flex-direction:column;display:flex}.showcase-img-label{font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:#fff;font-weight:700;line-height:1.4}.showcase-img-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-full);background:#ffffff24;border:1px solid #ffffff38;align-self:flex-end;padding:4px 12px;font-size:10px;font-weight:700}.showcase-click-hint{font-family:var(--font-heading);letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3;opacity:0;font-size:10px;font-weight:700;transition:opacity .3s,transform .3s;transform:translateY(6px)}.showcase-card-inner:hover .showcase-click-hint{opacity:1;transform:translateY(0)}.showcase-text{text-align:center;padding:0 var(--space-4);align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.showcase-eyebrow{font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);font-weight:700}.showcase-reveal{margin:0!important}.showcase-reveal-text{letter-spacing:-.025em!important;color:var(--color-text)!important;text-shadow:none!important;font-size:clamp(1.5rem,2.8vw,2.4rem)!important;font-weight:700!important;line-height:1.22!important}.showcase-sub{font-size:var(--text-sm);color:var(--color-text-muted);max-width:300px;line-height:1.65}.showcase-link{align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text);transition:opacity var(--duration-fast) var(--ease-out);border-bottom:1px solid;padding-bottom:2px;font-weight:700;text-decoration:none;display:inline-flex}.showcase-link:hover{opacity:.6}.showcase-cta-row{margin-top:var(--space-12);justify-content:center;display:flex}.showcase-enquiry-btn{color:#fff;font-family:var(--font-heading);font-size:var(--text-sm);letter-spacing:.08em;border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(135deg,#c4738c,#9b6fa8);border:none;padding:16px 44px;font-weight:700;text-decoration:none;transition:all .3s;box-shadow:0 6px 24px #c4738c4d}.showcase-enquiry-btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px #c4738c66}.card-detail{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;scrollbar-width:none;-ms-overflow-style:none;background:#fffbfdf2;flex-direction:column;transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0;overflow-y:auto;transform:translateY(20px)}.card-detail::-webkit-scrollbar{display:none}.showcase-card--dark .card-detail{background:#1a1020f2}.card-detail--open{opacity:1;pointer-events:auto;transform:translateY(0)}.card-detail-sheet{padding:var(--space-8);gap:var(--space-5);flex-direction:column;min-height:100%;display:flex}.card-detail-topbar{justify-content:flex-end;display:flex}.card-detail-close{color:#c4738c;cursor:pointer;background:#c4738c1a;border:1px solid #c4738c33;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;transition:all .2s;display:flex}.card-detail-close:hover{background:#c4738c33;transform:scale(1.1)}.card-detail-header{flex-direction:column;align-items:flex-start;display:flex}.card-detail-chip{font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;color:#c4738c;border-radius:var(--radius-full);margin-bottom:var(--space-2);background:#c4738c1a;padding:3px 8px;font-size:9px;font-weight:700}.card-detail-title{font-family:var(--font-heading);color:var(--color-text);margin:0;font-size:1.5rem;font-weight:800}.showcase-card--dark .card-detail-title{color:#fff}.card-detail-subtitle{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:2px 0 0;font-weight:600}.showcase-card--dark .card-detail-subtitle{color:#ffffff73}.card-detail-specs{border-radius:var(--radius-lg);border:1px solid #c4738c26;flex-direction:column;margin-top:auto;display:flex;overflow:hidden}.showcase-card--dark .card-detail-specs{border-color:#ffffff1a}.card-detail-row{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid #c4738c1a;padding:10px 12px;display:flex}.showcase-card--dark .card-detail-row{border-bottom-color:#ffffff0d}.card-detail-row:last-child{border-bottom:none}.card-detail-row:nth-child(odd){background:#c4738c08}.showcase-card--dark .card-detail-row:nth-child(odd){background:#ffffff05}.card-detail-key{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.showcase-card--dark .card-detail-key{color:#fff6}.card-detail-val{font-family:var(--font-heading);color:var(--color-text);text-align:right;font-size:11px;font-weight:700}.showcase-card--dark .card-detail-val{color:#fff}.card-enquiry-btn{border-radius:var(--radius-full);color:#fff;width:100%;font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.06em;cursor:pointer;margin-top:var(--space-2);background:linear-gradient(135deg,#c4738c,#9b6fa8);border:none;padding:12px;font-weight:700;transition:all .3s}.card-enquiry-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #c4738c4d}.card-enquiry-btn:disabled{opacity:.7;cursor:not-allowed}.card-enquiry-inner{justify-content:center;align-items:center;gap:8px;display:flex}.card-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.card-thankyou{align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);margin-top:var(--space-2);background:#c4738c14;border:1px solid #c4738c33;padding:12px;animation:.4s forwards fadeInUp;display:flex}.card-thankyou span{font-size:1.5rem}.card-thankyou strong{color:var(--color-text);font-size:12px;display:block}.showcase-card--dark .card-thankyou strong{color:#fff}.card-thankyou p{color:var(--color-text-muted);margin:2px 0 0;font-size:10px}.card-thankyou p strong{color:#c4738c;display:inline}@keyframes fadeInUp{0%{opacity:0;filter:blur(5px);transform:translateY(20px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (width<=900px){.showcase-grid{grid-template-rows:auto auto auto;grid-template-columns:1fr}.showcase-text{order:-1}.showcase-card-inner{aspect-ratio:3/4;max-width:360px;margin:0 auto}}.em-overlay{-webkit-backdrop-filter:blur(14px);z-index:10000;background:#0a050fb8;justify-content:center;align-items:center;padding:1rem;animation:.25s ease-out both em-overlay-in;display:flex;position:fixed;inset:0}@keyframes em-overlay-in{0%{opacity:0}to{opacity:1}}.em-modal{border-radius:24px;width:min(900px,96vw);max-height:92vh;animation:.4s cubic-bezier(.34,1.56,.64,1) both em-modal-in;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 120px #0009,0 0 0 1px #e8a0bf1f}@keyframes em-modal-in{0%{opacity:0;transform:scale(.88)translateY(24px)}to{opacity:1;transform:scale(1)translateY(0)}}.em-panel--left{background:linear-gradient(160deg,#1a0d18 0%,#0e0710 100%);flex-direction:column;flex:0 0 42%;display:flex;position:relative;overflow:hidden auto}.em-panel-img-wrap{aspect-ratio:4/3;flex-shrink:0;width:100%;position:relative;overflow:hidden}.em-color-preview{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.em-preview-keys{opacity:.18;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.em-preview-row{gap:6px;display:flex}.em-preview-key{background:#ffffff80;border:1px solid #ffffff40;border-radius:6px;width:32px;height:32px}.em-preview-logo-wrap{z-index:2;justify-content:center;align-items:center;padding:1rem;display:flex;position:relative}.em-preview-logo{object-fit:contain;filter:drop-shadow(0 4px 20px #00000080);width:220px;height:auto}.em-modal:hover .em-preview-logo{transition:transform .6s;transform:scale(1.03)}.em-panel-img-glow{pointer-events:none;background:linear-gradient(#0000 40%,#1a0d18 100%);position:absolute;inset:0}.em-panel-info{flex-direction:column;gap:.4rem;padding:1.5rem 1.75rem 2rem;display:flex}.em-chip{letter-spacing:.14em;text-transform:uppercase;color:#e8a0bf;background:#e8a0bf1a;border:1px solid #e8a0bf38;border-radius:100px;width:fit-content;margin-bottom:.3rem;padding:.22rem .7rem;font-size:.6rem;font-weight:700;display:inline-block}.em-keyboard-name{color:#f5e6ee;margin:0;font-size:1.4rem;font-weight:700;line-height:1.2}.em-keyboard-sub{color:#f5e6ee7a;margin:0 0 .75rem;font-size:.78rem}.em-specs-grid{flex-direction:column;gap:.5rem;margin-top:.25rem;display:flex}.em-spec-item{border-bottom:1px solid #e8a0bf0f;justify-content:space-between;align-items:baseline;gap:.5rem;padding-bottom:.45rem;display:flex}.em-spec-item:last-child{border-bottom:none}.em-spec-key{letter-spacing:.05em;text-transform:uppercase;color:#f5e6ee61;flex-shrink:0;font-size:.68rem;font-weight:600}.em-spec-val{color:#f5e6eebf;text-align:right;font-size:.72rem}.em-panel--right{background:linear-gradient(150deg,#0f0911 0%,#16091a 60%,#120a10 100%);flex-direction:column;flex:1;justify-content:center;padding:2.5rem;display:flex;position:relative;overflow-y:auto}.em-close{-webkit-backdrop-filter:blur(8px);color:#f5e6eed9;cursor:pointer;z-index:100;background:#0f081473;border:1px solid #e8a0bf2e;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,color .2s,border-color .2s,transform .2s;display:flex;position:absolute;top:1.1rem;right:1.25rem}.em-close:hover{color:#e8a0bf;background:#e8a0bf29;border-color:#e8a0bf66;transform:rotate(90deg)}.em-form-ornament{color:#e8a0bf;margin-bottom:.4rem;font-size:1.1rem;display:block}.em-form-title{color:#f5e6ee;margin:0 0 .5rem;font-size:1.6rem;font-weight:700;line-height:1.15}.em-form-subtitle{color:#f5e6ee80;margin:0 0 1.75rem;font-size:.82rem;line-height:1.55}.em-form-subtitle strong{color:#e8a0bf;font-weight:600}.em-form{flex-direction:column;gap:0;display:flex}.em-field{margin-bottom:1.4rem;position:relative}.em-label{letter-spacing:.1em;text-transform:uppercase;color:#f5e6ee61;margin-bottom:.45rem;font-size:.7rem;font-weight:600;transition:color .2s;display:block}.em-field--focused .em-label{color:#e8a0bf}.em-input{color:#f5e6ee;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:.75rem 1rem;font-size:.88rem;transition:border-color .2s,background .2s,box-shadow .2s}.em-input::placeholder{color:#f5e6ee38}.em-field--focused .em-input{background:#e8a0bf0a;border-color:#e8a0bf73;box-shadow:0 0 0 3px #e8a0bf14}.em-field-line{pointer-events:none;background:linear-gradient(90deg,#e8a0bf,#c084a0);border-radius:2px;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.em-field--focused .em-field-line{width:calc(100% - 16px)}.em-error{color:#f29aae;background:#f29aae17;border:1px solid #f29aae33;border-radius:8px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.5rem .75rem;font-size:.78rem;display:flex}.em-error-icon{font-size:.85rem}.em-submit{color:#fff;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#e8a0bf 0%,#c084a0 60%,#9b6680 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.55rem;width:100%;margin-top:.25rem;padding:.9rem 1.5rem;font-size:.9rem;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 28px #e8a0bf47}.em-submit:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26 0%,#0000 60%);transition:opacity .2s;position:absolute;inset:0}.em-submit:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 10px 36px #e8a0bf66}.em-submit:hover:before{opacity:1}.em-submit:active:not(:disabled){transform:translateY(0)}.em-submit--loading{cursor:not-allowed;filter:brightness(.85)}.em-submit-arrow{transition:transform .2s}.em-submit:hover .em-submit-arrow{transform:translate(3px)}.em-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.65s linear infinite em-spin;display:inline-block}@keyframes em-spin{to{transform:rotate(360deg)}}.em-privacy{color:#f5e6ee40;text-align:center;margin-top:.85rem;font-size:.68rem}.em-thankyou{text-align:center;flex-direction:column;align-items:center;gap:0;padding:1rem 0;animation:.4s cubic-bezier(.34,1.56,.64,1) both em-modal-in;display:flex}.em-ty-icon{margin-bottom:1.25rem;animation:.6s cubic-bezier(.34,1.56,.64,1) .1s both em-ty-pop}@keyframes em-ty-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.em-ty-title{color:#f5e6ee;margin:0 0 .75rem;font-size:1.55rem;font-weight:700}.em-ty-text{color:#f5e6ee8c;max-width:280px;margin:0 0 1.25rem;font-size:.82rem;line-height:1.6}.em-ty-text strong{color:#e8a0bf;font-weight:600}.em-ty-divider{background:linear-gradient(90deg,#0000,#e8a0bf,#0000);width:48px;height:1px;margin-bottom:1.25rem}.em-ty-note{color:#f5e6ee47;margin:0 0 1.75rem;font-size:.72rem}.em-ty-close{color:#e8a0bf;cursor:pointer;background:#e8a0bf1a;border:1px solid #e8a0bf40;border-radius:100px;padding:.72rem 2.5rem;font-size:.85rem;font-weight:600;transition:background .2s,border-color .2s,transform .2s}.em-ty-close:hover{background:#e8a0bf2e;border-color:#e8a0bf73;transform:translateY(-1px)}@media (width<=640px){.em-modal{border-radius:20px;flex-direction:column;max-height:90vh;overflow-y:auto}.em-panel--left{flex:none;overflow-y:visible}.em-panel-img-wrap{aspect-ratio:16/7}.em-specs-grid{grid-template-columns:1fr 1fr;gap:.75rem 1.25rem;display:grid}.em-spec-item{border-bottom:none;flex-direction:column;align-items:flex-start;gap:.2rem;padding-bottom:0}.em-spec-val{text-align:left}.em-panel--right{padding:1.75rem 1.5rem;overflow-y:visible}.em-form-title{font-size:1.3rem}}.settings-page{z-index:1000;background-color:var(--color-background);color:var(--color-text);animation:fadeInPage .4s var(--ease-out);position:fixed;inset:0;overflow-y:auto}@keyframes fadeInPage{0%{opacity:0;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}.settings-container{width:100%;max-width:1300px;min-height:100vh;padding:var(--space-12) var(--space-8) var(--space-16) var(--space-8);flex-direction:column;margin:0 auto;display:flex}.back-to-store-btn{font-family:var(--font-heading);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-hover);cursor:pointer;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:0;font-weight:700;display:inline-flex}.back-to-store-btn:hover{color:var(--color-text);transform:translate(-3px)}.settings-header{padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-8)}.settings-header h2{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.settings-header p{font-size:var(--text-md);color:var(--color-text-muted)}.settings-body{gap:var(--space-12);margin-bottom:var(--space-12);grid-template-columns:1fr 1.2fr;display:grid}.settings-panel{gap:var(--space-8);flex-direction:column;display:flex}.settings-section{gap:var(--space-4);flex-direction:column;display:flex}.section-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-hover);border-bottom:1.5px solid var(--color-border);padding-bottom:var(--space-2);margin:0;font-weight:700}.preset-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.preset-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;align-items:center;gap:var(--space-3);transition:all var(--duration-base) var(--ease-out);flex-direction:column;display:flex}.preset-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.preset-card.active{border-color:var(--color-text);background:var(--color-overlay);box-shadow:var(--shadow-md)}.preset-color-dots{gap:6px;display:flex}.color-dot{border:1px solid #0000001f;border-radius:50%;width:16px;height:16px}.preset-name{font-family:var(--font-heading);font-size:var(--text-xs);color:var(--color-text);letter-spacing:.02em;font-weight:700}.control-group{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.control-field{gap:var(--space-2);flex-direction:column;display:flex}.control-field label{font-family:var(--font-heading);font-size:var(--text-xs);color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.control-field select{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1.5px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-base) var(--ease-out);outline:none}.control-field select:focus{border-color:var(--color-accent)}.color-selectors{gap:var(--space-4);flex-direction:column;display:flex}.color-field{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);justify-content:space-between;align-items:center;display:flex}.color-info{flex-direction:column;gap:2px;display:flex}.color-label{font-family:var(--font-heading);font-size:var(--text-xs);color:var(--color-text);font-weight:700}.color-value{font-family:var(--font-mono);color:var(--color-text-muted);text-transform:uppercase;font-size:12px}.color-field input[type=color]{appearance:none;cursor:pointer;background-color:#0000;border:none;width:40px;height:40px;padding:0}.color-field input[type=color]::-webkit-color-swatch{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:50%}.color-field input[type=color]::-moz-color-swatch{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:50%}.settings-preview{gap:var(--space-8);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);flex-direction:column;justify-content:flex-start;display:flex}.preview-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted);margin:0;font-weight:700}.kb-mockup-wrapper{gap:var(--space-3);flex-direction:column;display:flex}.kb-label{font-size:var(--text-xs);font-family:var(--font-heading);color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.kb-mockup-case{transition:all var(--duration-base) var(--ease-out);border:4px solid;border-radius:16px;padding:16px}.kb-mockup-keys{transition:background-color var(--duration-base) var(--ease-out);border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex;box-shadow:inset 0 3px 10px #0000002e}.kb-mockup-row{justify-content:space-between;gap:5px;display:flex}.kb-mockup-key{text-transform:uppercase;height:28px;transition:all var(--duration-base) var(--ease-out);cursor:default;-webkit-user-select:none;user-select:none;border-bottom:3px solid;border-radius:5px;flex:1;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex;box-shadow:0 1px 3px #00000026}.kb-mockup-key span{display:inline-block;transform:scale(.9)}.key-backspace{flex:1.8}.key-tab,.key-\\{flex:1.4}.key-caps{flex:1.7}.key-enter{flex:2.1}.key-shift{flex:2.3}.key-space{flex:6.5}.key-ctrl,.key-alt,.key-win,.key-fn{flex:1.25}.element-preview-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-4);transition:all var(--duration-base) var(--ease-out);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.element-preview-card h4{font-size:var(--text-lg);margin:0}.element-preview-card p{font-size:var(--text-sm);margin:0}.preview-buttons{gap:var(--space-4);display:flex}.preview-buttons .btn{padding:var(--space-3) var(--space-6);font-size:var(--text-xs)}.settings-footer{padding-top:var(--space-8);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.settings-footer .footer-right{gap:var(--space-4);display:flex}.settings-toast{bottom:var(--space-12);background:var(--color-text);color:var(--color-background);padding:var(--space-4) var(--space-12);border-radius:var(--radius-full);font-family:var(--font-heading);font-size:var(--text-sm);letter-spacing:.02em;box-shadow:var(--shadow-lg);z-index:1100;font-weight:700;animation:.35s cubic-bezier(.175,.885,.32,1.275) slideUpToast;position:fixed;left:50%;transform:translate(-50%)}@keyframes slideUpToast{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}@media (width<=900px){.settings-container{padding:var(--space-8) var(--space-4) var(--space-12) var(--space-4)}.settings-body{gap:var(--space-8);grid-template-columns:1fr}.settings-preview{order:-1}.kb-mockup-key{height:22px;font-size:7px}}@media (width<=600px){.settings-footer{gap:var(--space-4);flex-direction:column;align-items:stretch}.settings-footer .footer-left,.settings-footer .footer-right{justify-content:stretch;display:flex}.settings-footer .btn{flex:1;justify-content:center}.control-group{grid-template-columns:1fr}}.loader-overlay{z-index:9999;background:radial-gradient(circle,#1c181a 0%,#0d0a0c 100%);justify-content:center;align-items:center;width:100vw;height:100svh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.loader-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:380px;display:flex}.loader-logo-wrapper{width:180px;height:180px;margin-bottom:var(--space-4);filter:drop-shadow(0 0 24px #e8b4b840);justify-content:center;align-items:center;animation:3s ease-in-out infinite loader-pulse;display:flex}@keyframes loader-pulse{0%,to{filter:drop-shadow(0 0 24px #e8b4b840);transform:scale(1)translateY(0)}50%{filter:drop-shadow(0 0 40px #e8b4b873);transform:scale(1.04)translateY(-4px)}}.loader-logo{object-fit:contain;width:100%;height:100%}.loader-branding{margin-bottom:var(--space-8)}.loader-title{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-primary);letter-spacing:.25em;text-transform:uppercase;margin-bottom:var(--space-2);font-weight:700;line-height:1.2}.loader-subtitle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-accent);letter-spacing:.08em;opacity:.85}.loader-progress-container{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.loader-progress-track{border-radius:var(--radius-full);background:#ffffff12;width:100%;height:3px;position:relative;overflow:hidden}.loader-progress-bar{background:linear-gradient(90deg, var(--color-accent) 0%, var(--color-primary) 100%);width:0%;height:100%;box-shadow:0 0 12px var(--color-accent);border-radius:var(--radius-full)}.loader-progress-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);opacity:.8;letter-spacing:.05em;align-self:flex-end}.story-container{max-width:1200px;padding:120px var(--space-8) 80px var(--space-8);--story-text-muted:color-mix(in srgb, var(--color-text) 85%, transparent);flex-direction:column;gap:120px;margin:0 auto;display:flex}.story-tag{font-family:var(--font-heading);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.2em;color:var(--color-accent-hover);margin-bottom:var(--space-4);font-weight:700;display:inline-block}.story-title{color:var(--color-text);margin-bottom:var(--space-6);letter-spacing:-.03em;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:700;line-height:1.1}.story-subtitle{color:var(--color-text);margin-bottom:var(--space-4);letter-spacing:-.02em;font-size:clamp(1.8rem,3.8vw,2.75rem);font-weight:700;line-height:1.15}.story-about-layout{gap:var(--space-16);grid-template-columns:1.2fr .8fr;align-items:center;display:grid}.story-about-text{flex-direction:column;display:flex}.story-lead{font-size:var(--text-md);color:var(--color-text);margin-bottom:var(--space-6);font-weight:500;line-height:1.7}.story-body{font-size:var(--text-base);color:var(--story-text-muted);margin-bottom:var(--space-4);line-height:1.8}.story-body:last-child{margin-bottom:0}.story-about-quote-card{background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-primary) 100%);padding:var(--space-12) var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.quote-mark{font-family:var(--font-heading);color:#e8b4b84d;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:10rem;font-weight:700;line-height:1;position:absolute;top:-20px;left:20px}.quote-text{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-text);z-index:2;text-align:center;font-style:italic;font-weight:500;line-height:1.6;position:relative}.story-different-header{text-align:center;max-width:720px;margin:0 auto var(--space-16) auto}.story-diff-lead{font-size:var(--text-md);color:var(--story-text-muted);margin-top:var(--space-4);line-height:1.7}.story-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.story-grid-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);justify-content:space-between;gap:var(--space-6);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);flex-direction:column;display:flex}.story-grid-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent);transform:translateY(-4px)}.card-tag{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent-hover);margin-bottom:var(--space-1);font-size:10px;font-weight:700;display:inline-block}.card-title{font-size:var(--text-xl);color:var(--color-text);font-weight:700;line-height:1.25}.card-desc{font-size:var(--text-sm);color:var(--story-text-muted);line-height:1.7}.story-process-header{text-align:center;max-width:720px;margin:0 auto var(--space-16) auto}.story-process-lead{font-size:var(--text-md);color:var(--story-text-muted);margin-top:var(--space-4);line-height:1.7}.story-timeline{gap:var(--space-12);flex-direction:column;max-width:900px;margin:0 auto;display:flex;position:relative}.story-timeline:before{content:"";background:linear-gradient(#e8b4b81a 0%,#e8b4b8cc 20% 80%,#e8b4b81a 100%);width:1.5px;position:absolute;top:40px;bottom:40px;left:45px}.story-timeline-item{gap:var(--space-12);z-index:2;display:flex;position:relative}.timeline-num{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-text);background:var(--color-primary);border:1.5px solid var(--color-border);border-radius:var(--radius-full);width:90px;height:90px;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast), background var(--duration-fast), color var(--duration-fast);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.story-timeline-item:hover .timeline-num{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-text);transform:scale(1.06)}.timeline-content{justify-content:center;gap:var(--space-2);flex-direction:column;display:flex}.timeline-tag{font-family:var(--font-heading);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent-hover);font-weight:700}.timeline-title{font-size:var(--text-lg);color:var(--color-text);font-weight:700;line-height:1.3}.timeline-desc{font-size:var(--text-base);color:var(--story-text-muted);max-width:680px;line-height:1.7}@media (width<=900px){.story-about-layout{gap:var(--space-12);grid-template-columns:1fr}.story-about-quote-card{padding:var(--space-8) var(--space-6)}.story-grid{grid-template-columns:1fr}}@media (width<=768px){.story-container{gap:80px;padding-top:100px}.story-timeline:before{left:35px}.timeline-num{width:70px;height:70px;font-size:var(--text-xl)}.story-timeline-item{gap:var(--space-6)}}.builder-section{padding:var(--space-32) var(--space-8);background:var(--color-background);z-index:10;position:relative}.builder-inner{max-width:1200px;margin:0 auto}.builder-header{text-align:center;margin-bottom:var(--space-16)}.builder-tag{font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-3);font-weight:700;display:inline-block}.builder-heading{color:var(--color-text);margin-bottom:var(--space-4);letter-spacing:-.02em;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15}.builder-sub{font-size:var(--text-md);color:var(--color-text-muted);max-width:500px;margin:0 auto var(--space-4) auto;line-height:1.65}.builder-price-tag{font-size:var(--text-sm);color:var(--color-text-muted);border-radius:var(--radius-full);margin-top:var(--space-2);background:#c4738c12;border:1px solid #c4738c2e;padding:6px 18px;display:inline-block}.builder-price-tag strong{color:#c4738c;font-weight:700}.builder-grid{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (width<=960px){.builder-grid{grid-template-columns:1fr}}.builder-options{flex-direction:column;gap:0;display:flex}.option-group{gap:var(--space-3);padding:var(--space-6) 0;border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.option-group:first-child{padding-top:0}.option-group:last-child{border-bottom:none;padding-bottom:0}.option-label{font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.option-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--font-heading);font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;align-items:center;gap:6px;padding:8px 18px;font-weight:600;transition:all .2s;display:flex}.chip:hover{border-color:var(--color-accent);color:var(--color-text)}.chip--active{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:var(--color-text);border-color:#0000;font-weight:700;box-shadow:0 4px 14px #c4738c40}.keycap-chips{gap:var(--space-2)}.chip--keycap{border-radius:var(--radius-lg);padding:8px 14px}.chip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.option-swatches{gap:var(--space-3);flex-wrap:wrap;display:flex}.swatch{cursor:pointer;border:2.5px solid #0000;border-radius:50%;outline:2.5px solid #0000;width:34px;height:34px;transition:all .2s;box-shadow:0 2px 8px #0000001f}.swatch:hover{transform:scale(1.12)}.swatch--active{border-color:var(--color-text);outline-offset:3px;outline-color:#c4738c66;transform:scale(1.12)}.option-current{font-size:var(--text-xs);color:var(--color-accent);font-weight:600}.switch-cards{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.switch-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 14px;transition:all .2s;display:flex}.switch-card:hover{border-color:var(--color-accent)}.switch-card--active{border-color:var(--color-accent);background:#c4738c0f;box-shadow:0 4px 14px #c4738c1a}.switch-dot{border-radius:50%;width:10px;height:10px;margin-bottom:2px}.switch-card-name{font-family:var(--font-heading);font-size:var(--text-xs);color:var(--color-text);font-weight:700}.switch-card-meta{color:var(--color-text-muted);font-size:10px}.builder-right{gap:var(--space-8);flex-direction:column;display:flex;position:sticky;top:90px}.option-image-card{border:1px solid var(--color-border);border-radius:2rem;width:100%;transition:background .4s;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000014}.option-image{object-fit:cover;width:100%;height:auto;animation:.4s forwards imgFade;display:block}@keyframes imgFade{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.option-image-placeholder{justify-content:center;align-items:center;gap:var(--space-5);width:100%;height:100%;padding:var(--space-8);flex-direction:column;transition:background .45s;animation:.4s forwards imgFade;display:flex}.placeholder-label-group{flex-direction:column;align-items:center;gap:4px;display:flex}.placeholder-group{font-family:var(--font-heading);letter-spacing:.14em;text-transform:uppercase;color:#ffffff80;font-size:10px;font-weight:700}.placeholder-name{font-family:var(--font-heading);color:#ffffffe6;text-align:center;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:800}.placeholder-kb{opacity:.35;flex-direction:column;gap:5px;display:flex}.placeholder-row{justify-content:center;gap:5px;display:flex}.placeholder-key{background:#ffffff80;border-radius:4px;width:22px;height:20px;box-shadow:0 2px #0003}.placeholder-key.pk--accent{background:#ffffffd9}.placeholder-hint{letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;font-size:10px}.image-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);background:#00000073;border:1px solid #ffffff1f;align-items:center;gap:8px;padding:6px 14px;display:flex;position:absolute;bottom:14px;left:14px}.image-badge-group{text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;font-size:9px;font-weight:700}.image-badge-name{font-family:var(--font-heading);font-size:var(--text-xs);color:#fff;font-weight:700}.cta-block{gap:var(--space-4);flex-direction:column;display:flex}.btn-enquiry{border-radius:var(--radius-full);color:#fff;width:100%;font-family:var(--font-heading);font-size:var(--text-sm);letter-spacing:.06em;cursor:pointer;background:linear-gradient(135deg,#c4738c,#9b6fa8);border:none;padding:16px;font-weight:700;transition:all .3s;box-shadow:0 6px 24px #c4738c4d}.btn-enquiry:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 32px #c4738c66}.btn-enquiry:disabled{opacity:.75;cursor:not-allowed}.btn-enquiry-inner{justify-content:center;align-items:center;gap:10px;display:flex}.enquiry-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.thankyou-card{border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;align-items:center;gap:var(--space-3);background:linear-gradient(135deg,#c4738c14,#9b6fa814);border:1px solid #c4738c33;flex-direction:column;animation:.5s forwards fadeInUp;display:flex}.thankyou-icon{font-size:2.5rem;animation:2s ease-in-out infinite gentlePulse}@keyframes gentlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.thankyou-card h4{font-size:var(--text-lg);color:var(--color-text);margin:0;font-weight:800}.thankyou-card p{font-size:var(--text-sm);color:var(--color-text-muted);max-width:320px;margin:0;line-height:1.65}.thankyou-card p strong{color:#c4738c}.thankyou-note{letter-spacing:.1em;text-transform:uppercase;color:#c4738c;opacity:.7;font-size:10px;font-weight:700}.btn-reset{margin-top:var(--space-2);border-radius:var(--radius-full);font-family:var(--font-heading);font-size:var(--text-xs);color:#c4738c;cursor:pointer;background:0 0;border:1.5px solid #c4738c4d;padding:8px 20px;font-weight:600;transition:all .2s}.btn-reset:hover{background:#c4738c0f;border-color:#c4738c}.soundboard-section{padding:8rem var(--space-8) var(--space-32) var(--space-8);color:#4a3e40;z-index:10;background-color:#fffdfd;position:relative;overflow:hidden}.soundboard-inner{z-index:2;max-width:1100px;margin:0 auto;position:relative}.soundboard-header{text-align:center;margin-bottom:var(--space-12)}.soundboard-tag{font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:#b85c7a;margin-bottom:var(--space-3);font-weight:700;display:inline-block}.soundboard-heading{color:#2e2224;margin-bottom:var(--space-4);letter-spacing:-.02em;font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.15}.soundboard-sub{font-size:var(--text-md);color:#6b5c5e;max-width:580px;margin:0 auto;line-height:1.65}.soundboard-sub strong{color:#b85c7a}.switch-tabs{justify-content:center;gap:var(--space-4);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.switch-tab-btn{border-radius:var(--radius-xl);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa6;border:1px solid #c4738c2e;flex-direction:column;align-items:center;gap:4px;min-width:180px;padding:1rem 2rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 15px #00000005}.switch-tab-btn:hover{background:#fff;border-color:#c4738c73;transform:translateY(-2px);box-shadow:0 8px 25px #c4738c14}.switch-tab-btn.active{background:#fff;border-color:#c4738c;transform:translateY(-2px);box-shadow:0 10px 30px #c4738c26,inset 0 0 0 1px #c4738c1a}.switch-tab-name{font-family:var(--font-heading);font-size:var(--text-sm);color:#2e2224;font-weight:700}.switch-tab-type{font-size:var(--text-xs);color:#8c7c7e;font-weight:500}.switch-tab-btn--sakura.active{border-color:#e8a0b4;box-shadow:0 10px 30px #e8b4b840}.switch-tab-btn--thock.active{border-color:#c4738c;box-shadow:0 10px 30px #c4738c38}.switch-tab-btn--clack.active{border-color:#9b6fa8;box-shadow:0 10px 30px #9b6fa838}.soundboard-content{gap:var(--space-8);grid-template-columns:1fr 1.3fr;align-items:stretch;display:grid}.switch-specs-card{border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff8c;border:1px solid #c4738c1a;flex-direction:column;justify-content:space-between;padding:3rem 2.5rem;display:flex;box-shadow:0 20px 40px #00000008}.specs-card-header{gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.specs-badge{font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-full);align-self:flex-start;padding:4px 12px;font-size:10px;font-weight:700}.badge--sakura{color:#b85c7a;background:#fff0f2;border:1px solid #e8b4b866}.badge--thock{color:#c4738c;background:#fff5f7;border:1px solid #c4738c4d}.badge--clack{color:#7a4f90;background:#fdf9ff;border:1px solid #7a4f9040}.specs-card-header h3{font-size:var(--text-2xl);color:#2e2224;margin:0;font-weight:800}.specs-description{font-size:var(--text-sm);color:#6b5c5e;margin:0 0 var(--space-6) 0;line-height:1.7}.specs-grid{gap:var(--space-4);padding-top:var(--space-6);margin-bottom:var(--space-6);border-top:1px solid #c4738c1f;grid-template-columns:repeat(3,1fr);display:grid}.spec-item{flex-direction:column;gap:4px;display:flex}.spec-label{text-transform:uppercase;letter-spacing:.08em;color:#8c7c7e;font-size:9px;font-weight:700}.spec-val{font-family:var(--font-heading);font-size:var(--text-base);color:#2e2224;font-weight:700}.spec-val--small{color:#4a3e40;font-size:11px;line-height:1.35}.typing-hint{align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-xs);color:#b85c7a;background:#c4738c0d;border:1px dashed #c4738c33;padding:10px 14px;font-weight:500;display:flex}.hint-icon{font-size:var(--text-base);animation:1.5s ease-in-out infinite keyHop}@keyframes keyHop{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.keyboard-visualizer-panel{border-radius:var(--radius-2xl);gap:var(--space-6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa6;border:1px solid #c4738c1a;flex-direction:column;justify-content:center;padding:2.5rem 2rem;display:flex;box-shadow:0 20px 40px #00000008}.canvas-container{border-radius:var(--radius-xl);background:#fff6;border:1px solid #c4738c14;width:100%;height:70px;position:relative;overflow:hidden}.soundboard-canvas{width:100%;height:100%;display:block}.canvas-placeholder{font-size:var(--text-xs);color:#8c7c7e;letter-spacing:.05em;text-transform:uppercase;justify-content:center;align-items:center;font-weight:500;display:flex;position:absolute;inset:0}.virtual-keyboard{border-radius:var(--radius-xl);background:#c4738c08;border:1px solid #c4738c14;flex-direction:column;gap:8px;width:100%;padding:14px;display:flex;box-shadow:inset 0 2px 8px #00000005}.keyboard-row{justify-content:center;gap:6px;width:100%;display:flex}.key-cap{max-width:38px;height:38px;font-family:var(--font-heading);color:#4a3e40;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #c4738c1f;border-bottom:3.5px solid #c4738c59;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:700;transition:all 80ms;display:flex;box-shadow:0 2px 4px #00000005}.key-cap:hover{background:#fff5f7;border-bottom-color:#c4738c80;transform:translateY(-.5px)}.key-cap.pressed{color:#fff;background:linear-gradient(135deg,#c4738c,#e8a0b4);border-color:#c4738c33;border-bottom-width:1px;transform:translateY(2.5px);box-shadow:0 0 12px #c4738c66}.key-spacer{pointer-events:none;height:38px}.spacer-tab{flex:.5;max-width:19px}.spacer-shift{flex:.75;max-width:28px}.key-cap--space{letter-spacing:.1em;border-bottom-width:4px;width:100%;max-width:260px;font-size:9px}@media (width<=900px){.soundboard-content{gap:var(--space-6);grid-template-columns:1fr}}@media (width<=600px){.soundboard-section{padding:var(--space-16) var(--space-4)}.switch-tab-btn{min-width:140px;padding:.8rem 1.2rem}.keyboard-visualizer-panel{padding:1.5rem 1rem}.virtual-keyboard{gap:6px;padding:8px}.key-cap{border-bottom-width:2.5px;height:32px;font-size:10px}.key-spacer{height:32px}.spacer-tab{max-width:15px}.spacer-shift{max-width:22px}}.main-header{background:color-mix(in srgb, var(--color-background) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);height:70px;padding:0 var(--space-8);z-index:900;opacity:1;transition:opacity .9s cubic-bezier(.22, 1, .36, 1), transform .9s cubic-bezier(.22, 1, .36, 1), background var(--duration-base) var(--ease-out);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(0)}.main-header.nav-hidden{opacity:0;pointer-events:none;transform:translateY(-12px)}.philosophy-section{padding:var(--space-32) var(--space-8);background-color:var(--color-surface);text-align:center;z-index:10;position:relative}.philosophy-container{max-width:720px;margin:0 auto}.philosophy-tag{font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent-hover);margin-bottom:var(--space-4);font-weight:700;display:inline-block}.philosophy-heading{font-size:var(--text-3xl);color:var(--color-text);margin-bottom:var(--space-6);font-weight:700;line-height:1.2}.philosophy-text{font-size:var(--text-md);color:var(--color-text-muted);line-height:1.8}.features-section{padding:var(--space-32) var(--space-8);background-color:var(--color-text);z-index:10;position:relative}.features-header{text-align:center;max-width:640px;margin:0 auto var(--space-16) auto}.features-tag{font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4);font-weight:700;display:inline-block}.features-header h2{color:var(--color-background);font-size:var(--text-3xl);margin-bottom:var(--space-4)}.features-header p{color:#ffffff8c;font-size:var(--text-md)}.features-bento{grid-template-rows:auto auto;grid-template-columns:2fr 1fr;gap:18px;max-width:1200px;margin:0 auto;display:grid}.fbento-card{border-radius:var(--radius-xl);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);gap:0;display:flex;position:relative;overflow:hidden}.fbento-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #00000059}.fbento-wide{grid-column:1}.fbento-narrow{flex-direction:column;grid-area:span 1/2;justify-content:flex-end}.fbento-blush{background:linear-gradient(130deg,#c4738c 0%,#e8a0b4 40%,#b85c7a 100%)}.fbento-mauve{background:linear-gradient(145deg,#9b6fa8 0%,#c490d1 60%,#7a4f90 100%)}.fbento-charcoal{background:linear-gradient(130deg,#2a2333 0%,#3d3050 50%,#201929 100%)}.fbento-violet{background:linear-gradient(145deg,#5a4080 0%,#7c5bab 55%,#3e2a60 100%)}.fbento-text{justify-content:flex-end;gap:var(--space-3);z-index:2;flex-direction:column;flex:1;padding:2.5rem;display:flex;position:relative}.fbento-label{font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:#ffffffa6;font-weight:700}.fbento-label--light{color:#f4d7d7b3}.fbento-title{color:#fff;letter-spacing:-.02em;margin:0;font-size:clamp(1.4rem,2.2vw,2rem);font-weight:700;line-height:1.15}.fbento-title--light{color:var(--color-primary)}.fbento-desc{font-size:var(--text-sm);color:#ffffffa6;max-width:340px;margin:0;line-height:1.65}.fbento-desc--light{color:#f4d7d7a6}.fbento-panel{flex-shrink:0;justify-content:stretch;align-items:stretch;width:48%;padding:0;display:flex;position:relative;overflow:hidden}.fbento-img{object-fit:contain;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out), opacity var(--duration-base);opacity:.88;border-radius:0;display:block}.fbento-card:hover .fbento-img{opacity:1;transform:scale(1.04)}.fbento-img--top{object-fit:cover;opacity:.82;border-radius:0;flex-shrink:0;width:100%;height:200px}.fbento-card:hover .fbento-img--top{opacity:1;transform:scale(1.03)}.fbento-placeholder{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;gap:var(--space-4);background:#ffffff12;border:1px solid #ffffff26;flex-direction:column;width:100%;height:88%;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000040,inset 0 1px #ffffff26}.fbento-placeholder-dark{background:#00000040;border-color:#f4d7d71f}.fbento-ph-grid{padding:var(--space-4);grid-template-columns:repeat(6,1fr);gap:7px;display:grid}.fbento-ph-key{width:28px;height:28px;transition:background var(--duration-base) var(--ease-out);background:#ffffff2e;border:1px solid #ffffff1a;border-radius:6px;box-shadow:0 2px 6px #0000004d,inset 0 1px #ffffff40}.fbento-card:hover .fbento-ph-key:nth-child(odd){background:#f4d7d74d}.fbento-card:hover .fbento-ph-key:nth-child(2n){background:#ffffff38}.fbento-ph-badge{font-family:var(--font-heading);letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;border-radius:var(--radius-full);white-space:nowrap;background:#0003;border:1px solid #ffffff1f;padding:4px 12px;font-size:10px;font-weight:700;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.fbento-ph-badge--dark{color:#f4d7d799;border-color:#f4d7d726}.fbento-pcb-visual{padding:var(--space-4);flex-direction:column;gap:12px;display:flex}.fbento-pcb-row{justify-content:center;gap:12px;display:flex}.fbento-pcb-socket{width:36px;height:36px;transition:background var(--duration-base);background:#ffffff0f;border:1.5px solid #f4d7d733;border-radius:8px;position:relative}.fbento-pcb-socket:after{content:"";background:#f4d7d71f;border-radius:3px;position:absolute;inset:8px}.fbento-pcb-socket--lit{border-color:var(--color-accent);background:#e8b4b826;box-shadow:0 0 12px #e8b4b859}.fbento-pcb-socket--lit:after{background:#e8b4b84d}.fbento-card:hover .fbento-pcb-socket{background:#ffffff1a}.fbento-wave-vis{justify-content:center;align-items:center;gap:5px;width:100%;padding:2rem 2.5rem 1.5rem;display:flex}.fbento-wave-bar{max-width:10px;min-height:8px;transition:height var(--duration-slow) var(--ease-out), background var(--duration-base);background:#ffffff40;border-radius:999px;flex:1}.fbento-card:hover .fbento-wave-bar:nth-child(odd){background:#ffffff80}.fbento-card:hover .fbento-wave-bar:nth-child(2n){background:#f4d7d766}@media (width<=900px){.features-bento{grid-template-columns:1fr}.fbento-wide,.fbento-narrow{grid-area:auto/1}.fbento-panel{width:44%;padding:0}}@media (width<=600px){.fbento-card.fbento-wide{flex-direction:column}.fbento-panel{width:100%;height:220px;padding:0}.fbento-img{height:220px}}.products-section{padding:var(--space-32) var(--space-8);background-color:var(--color-background);z-index:10;position:relative}.products-header{text-align:center;max-width:600px;margin:0 auto var(--space-16) auto}.products-header h2{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.products-grid{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));max-width:1200px;margin:0 auto;display:grid}.product-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-image-container{background-color:var(--color-primary);justify-content:center;align-items:center;height:240px;display:flex;position:relative;overflow:hidden}.product-placeholder-bg{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);width:100%;height:100%;color:var(--color-text);font-family:var(--font-heading);font-weight:700;font-size:var(--text-xl);transition:transform var(--duration-slow) var(--ease-out);justify-content:center;align-items:center;display:flex}.product-card:hover .product-placeholder-bg{transform:scale(1.05)}.product-badge{top:var(--space-4);right:var(--space-4);background:var(--color-background);color:var(--color-text);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--color-border);font-weight:700;position:absolute}.product-details{padding:var(--space-6)}.product-meta{margin-bottom:var(--space-2);justify-content:space-between;align-items:baseline;display:flex}.product-name{font-size:var(--text-xl);color:var(--color-text);font-weight:700}.product-price{font-size:var(--text-md);color:var(--color-accent-hover);font-weight:700;font-family:var(--font-heading)}.product-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);line-height:1.5}.product-btn{justify-content:center;width:100%}.testimonials-section{padding:var(--space-32) var(--space-8);z-index:10;background:linear-gradient(160deg,#1a1220 0%,#201929 60%,#160f1c 100%);position:relative;overflow:hidden}.testimonials-section:before,.testimonials-section:after{content:"";filter:blur(100px);pointer-events:none;opacity:.35;border-radius:50%;position:absolute}.testimonials-section:before{background:radial-gradient(circle,#c4738c 0%,#0000 70%);width:500px;height:500px;top:-120px;left:-100px}.testimonials-section:after{background:radial-gradient(circle,#7a4f90 0%,#0000 70%);width:400px;height:400px;bottom:-80px;right:-80px}.testimonials-inner{z-index:2;max-width:1200px;margin:0 auto;position:relative}.testimonials-header{text-align:center;margin-bottom:var(--space-16)}.testimonials-tag{font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4);font-weight:700;display:inline-block}.testimonials-heading{color:#fff;margin-bottom:var(--space-4);letter-spacing:-.02em;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15}.testimonials-sub{font-size:var(--text-md);color:#ffffff80;max-width:480px;margin:0 auto;line-height:1.7}.testimonial-carousel-container{max-width:900px;margin:0 auto var(--space-16) auto;padding:0 4.5rem;position:relative}.testimonial-carousel-track{width:100%;position:relative}.tcard--carousel{border-radius:var(--radius-2xl);gap:var(--space-6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);background:#ffffff08;border:1px solid #f4d7d714;flex-direction:column;padding:3.5rem 4rem;animation:.75s cubic-bezier(.16,1,.3,1) forwards fadeInUp;display:flex;box-shadow:0 30px 60px #00000059,inset 0 1px #ffffff0d}.tcard--carousel:hover{border-color:#c4738c59;transform:none;box-shadow:0 35px 70px #c4738c1f,0 30px 60px #0006,inset 0 1px #ffffff14}.tcard-top{justify-content:space-between;align-items:center;width:100%;display:flex}.tcard--carousel .tcard-quote{color:var(--color-accent);opacity:.6;-webkit-user-select:none;user-select:none;height:2.2rem;font-family:Georgia,serif;font-size:6.5rem;font-weight:700;line-height:.6}.tcard--carousel .tcard-badge{background:linear-gradient(135deg, var(--color-accent), var(--color-primary));color:#1a1220;font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-full);padding:6px 14px;font-size:11px;font-weight:700;position:static;box-shadow:0 4px 15px #ff9aa233}.tcard-text--large{font-size:clamp(1.3rem,2.2vw,1.8rem);font-family:var(--font-heading), sans-serif;color:#fff;letter-spacing:-.01em;margin:0;font-weight:400;line-height:1.65}.tcard--carousel .tcard-avatar{width:54px;height:54px;font-size:var(--text-sm);border-width:2px}.tcard--carousel .tcard-author-info strong{font-size:var(--text-base)}.tcard--carousel .tcard-author-info span{font-size:var(--text-xs);color:#ffffff80}.tcard-stars{gap:3px;display:flex}.tcard-star{color:#f4c55d;text-shadow:0 0 8px #f4c55d99;font-size:1.1rem}.tcard-author{align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.tcard-avatar{width:44px;height:44px;font-family:var(--font-heading);font-size:var(--text-xs);letter-spacing:.05em;border:2px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.tcard-avatar--blush{color:#fff;background:linear-gradient(135deg,#c4738c,#e8a0b4)}.tcard-avatar--violet{color:#fff;background:linear-gradient(135deg,#7a4f90,#c490d1)}.tcard-avatar--mauve{color:#fff;background:linear-gradient(135deg,#9b6fa8,#c490d1)}.tcard-avatar--rose{color:#fff;background:linear-gradient(135deg,#b85c7a,#e8a0b4)}.tcard-author-info{flex-direction:column;gap:2px;display:flex}.tcard-author-info strong{font-size:var(--text-sm);color:#fff;font-weight:700}.tcard-author-info span{font-size:var(--text-xs);color:#ffffff73}.carousel-control-btn{color:#fff9;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-size:2rem;font-weight:300;line-height:1;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-control-btn:hover{color:#fff;border-color:var(--color-accent);background:#ffffff14;box-shadow:0 0 25px #ff9aa24d}.carousel-control-btn--prev{left:0}.carousel-control-btn--next{right:0}.carousel-control-btn:active{transform:translateY(-50%)scale(.95)}.carousel-indicators{margin-top:var(--space-8);justify-content:center;gap:12px;display:flex}.carousel-indicator-dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s cubic-bezier(.16,1,.3,1)}.carousel-indicator-dot:hover{background:#ffffff80;transform:scale(1.2)}.carousel-indicator-dot.active{background:var(--color-accent);width:24px;box-shadow:0 0 12px var(--color-accent);border-radius:4px}@media (width<=768px){.testimonial-carousel-container{padding:0 0 4rem}.tcard--carousel{padding:2.5rem 2rem}.carousel-control-btn{width:44px;height:44px;font-size:1.5rem;top:auto;bottom:.5rem;transform:none}.carousel-control-btn--prev{left:calc(50% - 90px)}.carousel-control-btn--next{right:calc(50% - 90px)}.carousel-control-btn:active{transform:scale(.95)}.carousel-indicators{margin-top:0;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}}.testimonials-stats{justify-content:center;align-items:center;gap:var(--space-12);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #f4d7d71a;flex-wrap:wrap;display:flex}.tstat{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.tstat-value{font-family:var(--font-heading);background:linear-gradient(135deg,#e8a0b4,#c490d1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;line-height:1}.tstat-label{font-size:var(--text-xs);color:#ffffff73;text-transform:uppercase;letter-spacing:.1em}.tstat-divider{background:#f4d7d71f;width:1px;height:48px}@media (width<=900px){.tcard--featured{grid-column:1}}@media (width<=600px){.testimonials-stats{gap:var(--space-6);padding:var(--space-6)}.tstat-divider{display:none}.testimonials-stats{gap:var(--space-8);flex-wrap:wrap}}.site-footer{padding:var(--space-24) var(--space-8) var(--space-8) var(--space-8);background-color:var(--color-text);color:#fff9;z-index:10;border-top:1px solid #f4d7d71a;position:relative}.footer-content{gap:var(--space-12);max-width:1200px;margin:0 auto;margin-bottom:var(--space-16);grid-template-columns:2fr 1fr 1.5fr;display:grid}@media (width<=768px){.footer-content{gap:var(--space-8);grid-template-columns:1fr}}.footer-brand p{color:#ffffffa6;font-size:var(--text-sm);max-width:300px;line-height:1.6}.footer-links h4{color:var(--color-background);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}.footer-links ul{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.footer-links a{color:#fff9;font-size:var(--text-sm);transition:color var(--duration-fast) var(--ease-out)}.footer-links a:hover{color:var(--color-primary)}.footer-newsletter h4{color:var(--color-background);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}.footer-newsletter p{font-size:var(--text-sm);color:#fff9;margin-bottom:var(--space-4)}.newsletter-form{gap:var(--space-2);display:flex}.newsletter-input{padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);color:var(--color-background);font-size:var(--text-sm);transition:border-color var(--duration-base) var(--ease-out);background:#ffffff0d;border:1px solid #f4d7d726;outline:none;flex:1}.newsletter-input:focus{border-color:var(--color-accent)}.newsletter-btn{padding:var(--space-3) var(--space-6);font-size:var(--text-xs)}.footer-bottom{max-width:1200px;padding-top:var(--space-8);font-size:var(--text-xs);color:#fff6;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin:0 auto;display:flex}@media (width<=480px){.footer-bottom{gap:var(--space-4);text-align:center;flex-direction:column}}.header-logo{font-family:var(--font-heading);font-size:var(--text-md);letter-spacing:.15em;color:var(--color-text);text-transform:uppercase;font-weight:700}.header-logo img{width:auto;height:150px;margin-top:10px}.footer-logo{width:300px;display:block}.header-nav{align-items:center;gap:var(--space-8);display:flex}.header-nav a{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;transition:color var(--duration-fast);font-weight:500}.header-nav a:hover{color:var(--color-text)}.nav-studio-btn{background:var(--color-text);padding:var(--space-2) var(--space-4);border-radius:99px;color:var(--color-background)!important;font-weight:700!important}.nav-studio-btn:hover{transform:translateY(-1px);background:var(--color-accent)!important;color:var(--color-background)!important}.mobile-menu-toggle{cursor:pointer;z-index:1000;background:0 0;border:none;width:32px;height:24px;padding:0;display:none;position:relative}.hamburger-line{background-color:var(--color-text);width:100%;height:2px;transition:all .3s cubic-bezier(.22,1,.36,1);display:block;position:absolute;left:0}.hamburger-line:first-child{top:6px}.hamburger-line:last-child{bottom:6px}.mobile-menu-toggle.is-active .hamburger-line:first-child{transform:translateY(5px)rotate(45deg)}.mobile-menu-toggle.is-active .hamburger-line:last-child{transform:translateY(-5px)rotate(-45deg)}@media (width<=768px){.main-header{padding:0 var(--space-4)}.mobile-menu-toggle{display:block}.header-nav{background:color-mix(in srgb, var(--color-background) 95%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:center;align-items:center;gap:var(--space-8);opacity:0;pointer-events:none;z-index:950;flex-direction:column;width:100%;height:100vh;transition:all .5s cubic-bezier(.22,1,.36,1);position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.header-nav.mobile-open{opacity:1;pointer-events:auto;transform:translate(0)}.header-nav a{font-size:var(--text-2xl);font-weight:700}.nav-studio-btn{margin-top:var(--space-4);padding:var(--space-3) var(--space-6);font-size:var(--text-lg)!important}}