:root{--bg:#000000;--bg-obsidian:var(--bg);--surface-1:#101216;--surface-2:#16181f;--surface-3:#1f222b;--surface-glass:rgba(16, 18, 22, 0.78);--surface-glass-border:rgba(255, 255, 255, 0.12);--text:#ffffff;--text-muted:#8a8f9e;--text-subtle:var(--text-muted);--accent:#C5A059;--accent-hover:#D9B46E;--accent-glow:rgba(197, 160, 89, 0.28);--accent-glow-subtle:rgba(197, 160, 89, 0.12);--on-accent:#0b0c0e;--violet-glow:rgba(123, 63, 242, 0.22);--violet-subtle:rgba(123, 63, 242, 0.08);--line:rgba(255, 255, 255, 0.10);--line-bright:rgba(255, 255, 255, 0.20);--line-glow:linear-gradient(135deg, rgba(197, 160, 89, 0.45) 0%, rgba(255, 255, 255, 0.12) 50%, rgba(123, 63, 242, 0.35) 100%);--focus-ring:3px solid #C5A059;--focus-offset:3px;--font-sans:'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--text-xs:clamp(0.75rem, 0.72rem + 0.15vw, 0.8125rem);--text-sm:clamp(0.875rem, 0.84rem + 0.18vw, 0.9375rem);--text-base:clamp(1rem, 0.96rem + 0.20vw, 1.0625rem);--text-lg:clamp(1.125rem, 1.06rem + 0.32vw, 1.25rem);--text-xl:clamp(1.25rem, 1.15rem + 0.50vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.35rem + 0.75vw, 1.875rem);--text-3xl:clamp(1.875rem, 1.65rem + 1.15vw, 2.5rem);--text-4xl:clamp(2.25rem, 1.90rem + 1.75vw, 3.25rem);--text-hero:clamp(2.75rem, 2.10rem + 3.25vw, 5.25rem);--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:900;--width-normal:100;--width-expanded:120;--width-monumental:125;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-32:8rem;--container-max:1360px;--container-pad:clamp(1rem, 4vw, 2.5rem);--dock-height:4.25rem;--radius-sm:0.375rem;--radius-md:0.625rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-pill:9999px;--ease-spring:linear(0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%, 0.932 38.4%, 0.976 45.4%, 0.995 53.6%, 1);--ease-out:cubic-bezier(0.16, 1, 0.3, 1);--duration-fast:150ms;--duration-normal:280ms;--duration-slow:450ms}@media (forced-colors:active){:root{--bg:Canvas;--surface-1:Canvas;--surface-2:Canvas;--surface-3:Canvas;--text:CanvasText;--text-muted:CanvasText;--accent:Highlight;--on-accent:HighlightText;--line:CanvasText;--focus-ring:3px solid Highlight}}@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:100% 125%;font-display:swap;src:url('/fonts/archivo-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:100% 125%;font-display:swap;src:url('/fonts/archivo-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02D9, U+02DB-02DD, U+02DF, U+0300-0301, U+0303, U+0309-030C, U+031B, U+0323, U+0328, U+032D-032E, U+0330-0331, U+0338, U+0342, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}*, *::before, *::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;scroll-behavior:smooth;color-scheme:dark}body{min-height:100vh;background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative}.glow-bg{display:none !important;position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--bg);z-index:0;pointer-events:none}.glow-bg-art{display:none !important}.glow-bg-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.hero-ambient-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}#main-content{position:relative;z-index:1}.skip-link{position:fixed;top:-100px;left:1rem;background:var(--accent);color:var(--on-accent);padding:0.75rem 1.5rem;font-weight:var(--weight-bold);border-radius:var(--radius-md);z-index:10000;text-decoration:none;transition:top var(--duration-fast) var(--ease-out)}.skip-link:focus{top:1rem;outline:var(--focus-ring);outline-offset:var(--focus-offset)}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}a{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}img, svg, video{display:block;max-width:100%;height:auto}button, input, optgroup, select, textarea{font:inherit;color:inherit;letter-spacing:inherit}button{background:none;border:none;cursor:pointer}h1, h2, h3, h4, h5, h6{color:var(--text);font-weight:var(--weight-bold);line-height:1.15;letter-spacing:-0.02em}h1{font-size:var(--text-4xl);font-stretch:110%}h2{font-size:var(--text-3xl);letter-spacing:-0.015em}h3{font-size:var(--text-2xl);letter-spacing:-0.01em}h4{font-size:var(--text-xl)}p{color:var(--text-muted);font-weight:var(--weight-normal);max-width:68ch}strong, b{color:var(--text);font-weight:var(--weight-bold)}code, kbd, samp, pre{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;font-size:0.9em}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad);position:relative;z-index:1}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}@media (prefers-reduced-motion:reduce){*, *::before, *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0.75rem 1.5rem;border-radius:var(--radius-pill);font-weight:var(--weight-semibold);font-size:var(--text-sm);line-height:1.2;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;user-select:none;position:relative;text-decoration:none}.btn-primary{background:var(--accent);color:var(--on-accent);border:1px solid transparent;box-shadow:0 2px 8px var(--accent-glow-subtle)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.btn-ghost{background:rgba(255, 255, 255, 0.04);color:var(--text);border:1px solid var(--line-bright)}.btn-ghost:hover{background:rgba(255, 255, 255, 0.09);border-color:rgba(255, 255, 255, 0.35);color:#ffffff}.btn-sm{padding:0.45rem 0.95rem;font-size:var(--text-xs)}.btn-icon{width:2.5rem;height:2.5rem;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.badge{display:inline-flex;align-items:center;gap:0.4rem;padding:0.25rem 0.75rem;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--surface-2);border:1px solid var(--line);color:var(--text-muted)}.badge-accent{background:rgba(197, 160, 89, 0.1);border-color:rgba(197, 160, 89, 0.3);color:var(--accent)}.badge-live::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse-glow 2s infinite ease-in-out}@keyframes pulse-glow{0%, 100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.8)}}.gd-top-bar{position:fixed;top:1.5rem;left:0;right:0;z-index:1000;display:flex;justify-content:center;align-items:center;padding-inline:2rem;pointer-events:none}.gd-dock-razer{pointer-events:auto;display:flex;align-items:center;gap:1.75rem;padding:0.4rem 1.75rem;height:52px;background:rgba(18, 20, 26, 0.78);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.12);border-radius:9999px;box-shadow:0 16px 40px rgba(0, 0, 0, 0.6), 0 0 20px rgba(197, 160, 89, 0.08)}.gd-dock-razer a{font-size:0.8rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255, 255, 255, 0.65);transition:color 0.15s ease, text-shadow 0.15s ease;white-space:nowrap}.gd-dock-razer a:hover{color:#ffffff;text-shadow:0 0 12px rgba(255, 255, 255, 0.6)}.gd-dock-emblem{width:44px;height:44px;min-width:44px;max-width:44px;min-height:44px;max-height:44px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle, rgba(197, 160, 89, 0.25) 0%, rgba(19, 21, 26, 0.9) 70%);border:1.5px solid #C5A059;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(197, 160, 89, 0.55), inset 0 0 10px rgba(197, 160, 89, 0.35);transition:transform 0.2s ease, box-shadow 0.2s ease}.gd-dock-emblem:hover{transform:scale(1.08);box-shadow:0 0 30px rgba(197, 160, 89, 0.8), inset 0 0 15px rgba(197, 160, 89, 0.5)}.gd-dock-emblem svg{width:22px !important;height:22px !important;max-width:22px !important;max-height:22px !important;min-width:22px !important;min-height:22px !important;display:block;flex-shrink:0;color:#C5A059;filter:drop-shadow(0 0 6px #C5A059)}.gd-top-utilities{position:absolute;right:2.5rem;display:flex;align-items:center;gap:0.75rem;pointer-events:auto}.gd-util-btn{width:40px;height:40px;border-radius:50%;background:rgba(18, 20, 26, 0.75);border:1px solid rgba(255, 255, 255, 0.12);backdrop-filter:blur(16px);color:rgba(255, 255, 255, 0.75);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.15s ease}.gd-util-btn:hover{background:rgba(255, 255, 255, 0.12);color:#ffffff;border-color:rgba(255, 255, 255, 0.3);transform:translateY(-1px)}.hero-razer-section{padding-top:calc(var(--dock-height) + 3.5rem);padding-bottom:2.5rem;position:relative;z-index:1}.hero-razer-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:2.5rem;max-width:1400px;margin-inline:auto;padding-inline:2rem}.hero-razer-left{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.hero-title-razer{font-size:clamp(3.2rem, 2.5rem + 3.8vw, 5.5rem);font-weight:900;line-height:0.92;letter-spacing:-0.035em;text-transform:uppercase;color:#ffffff;margin:0}.hero-title-razer .neon-redefined{color:#C5A059;text-shadow:0 0 25px rgba(197, 160, 89, 0.8), 0 0 60px rgba(197, 160, 89, 0.45);display:inline-block}.hero-razer-right{position:relative;display:flex;justify-content:center;align-items:center}.hero-notebook-wrap{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:600px}.hero-notebook-img{width:100%;max-width:580px;height:auto;display:block;filter:drop-shadow(0 25px 45px rgba(0, 0, 0, 0.85)) drop-shadow(0 0 35px rgba(197, 160, 89, 0.25));transition:transform 0.4s ease, filter 0.4s ease}.hero-notebook-img:hover{transform:scale(1.02) rotate(-0.5deg);filter:drop-shadow(0 30px 60px rgba(0, 0, 0, 0.95)) drop-shadow(0 0 45px rgba(197, 160, 89, 0.4))}.hero-hud-top{position:absolute;top:14%;right:-15px;display:flex;align-items:center;gap:0.4rem;pointer-events:none}.hero-hud-line{width:48px;height:1px;background:rgba(255, 255, 255, 0.4)}.hero-hud-tick{width:1px;height:12px;background:rgba(255, 255, 255, 0.4)}.hero-hud-badge{font-family:monospace;font-size:0.78rem;color:rgba(255, 255, 255, 0.85);letter-spacing:0.05em}.hero-hud-bottom{position:absolute;bottom:8%;right:-20px;display:flex;align-items:center;gap:0.75rem;background:rgba(14, 16, 22, 0.85);border:1px solid rgba(255, 255, 255, 0.12);backdrop-filter:blur(14px);padding:0.45rem 0.85rem;border-radius:8px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.6);pointer-events:none}.hero-hud-val{font-family:monospace;font-size:0.85rem;font-weight:700;color:#ffffff}.bento-razer-section{padding-block:1.5rem 5rem;position:relative;z-index:1}.bento-razer-grid{display:grid;grid-template-columns:1.85fr 1.05fr 1fr;grid-template-rows:1fr 1fr;align-items:stretch;gap:1.25rem;max-width:1400px;margin-inline:auto;padding-inline:2rem}.rz-card{background:linear-gradient(180deg, rgba(20, 24, 30, 0.82) 0%, rgba(10, 12, 16, 0.94) 100%);border:1px solid rgba(255, 255, 255, 0.08);border-radius:18px;padding:1.5rem;position:relative;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all 0.25s ease;display:flex;flex-direction:column}.rz-card:hover{border-color:rgba(197, 160, 89, 0.4);box-shadow:0 16px 45px rgba(0, 0, 0, 0.75), 0 0 30px rgba(197, 160, 89, 0.08);transform:translateY(-2px)}.rz-card-laptops{grid-column:1;grid-row:1 / span 2;min-height:480px;display:flex;flex-direction:column;justify-content:space-between}.rz-card-header{display:flex;justify-content:space-between;align-items:center}.rz-card-title{font-size:1.5rem;font-weight:700;letter-spacing:-0.015em;color:#ffffff}.rz-tech-ticks{display:flex;gap:4px}.rz-tech-ticks span{width:3px;height:14px;background:rgba(255, 255, 255, 0.25);border-radius:1px}.rz-laptops-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:270px;margin-block:auto}.rz-stage-visual{width:82%;max-height:230px;object-fit:contain;filter:drop-shadow(0 15px 30px rgba(0, 0, 0, 0.85)) drop-shadow(0 0 20px rgba(197, 160, 89, 0.2));transition:transform 0.3s ease, filter 0.3s ease}.rz-stage-visual:hover{transform:scale(1.02);filter:drop-shadow(0 20px 40px rgba(0, 0, 0, 0.95)) drop-shadow(0 0 30px rgba(197, 160, 89, 0.35))}.rz-chip-fps{position:absolute;top:15%;left:0;background:rgba(14, 17, 23, 0.88);border:1px solid rgba(255, 255, 255, 0.12);backdrop-filter:blur(14px);padding:0.5rem 0.8rem;border-radius:8px;font-family:monospace;font-size:0.75rem;color:#ffffff;box-shadow:0 6px 20px rgba(0, 0, 0, 0.5);pointer-events:none}.rz-chip-fps svg{display:block;margin-top:0.25rem}.rz-chip-specs{position:absolute;top:20%;right:0;background:rgba(14, 17, 23, 0.88);border:1px solid rgba(255, 255, 255, 0.12);backdrop-filter:blur(14px);padding:0.6rem 0.9rem;border-radius:8px;font-family:monospace;font-size:0.72rem;color:rgba(255, 255, 255, 0.7);display:flex;flex-direction:column;gap:0.25rem;box-shadow:0 6px 20px rgba(0, 0, 0, 0.5);pointer-events:none}.rz-spec-row{display:flex;justify-content:space-between;gap:1rem}.rz-spec-row strong{color:#C5A059}.rz-card-bottom-bar{display:flex;align-items:center;gap:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(255, 255, 255, 0.08)}.btn-razer-explore{display:inline-flex;align-items:center;justify-content:center;padding:0.5rem 1.6rem;border-radius:9999px;background:rgba(18, 20, 26, 0.6);color:#ffffff;border:1.5px solid #C5A059;font-size:0.78rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;box-shadow:0 0 16px rgba(197, 160, 89, 0.35);transition:all 0.2s ease}.btn-razer-explore:hover{background:#C5A059;color:#0b0c0e;box-shadow:0 0 25px rgba(197, 160, 89, 0.7)}.rz-slider-track{flex:1;height:2px;background:rgba(255, 255, 255, 0.15);border-radius:2px;position:relative;display:flex;align-items:center}.rz-slider-thumb{position:absolute;left:50%;top:-2px;width:6px;height:6px;border-radius:50%;background:#ffffff;box-shadow:0 0 8px #ffffff;cursor:pointer}.rz-glow-indicator-box{position:relative;width:105px;height:36px;border-radius:9999px;border:1px solid rgba(255, 255, 255, 0.12);background:rgba(255, 255, 255, 0.03);display:flex;align-items:center;justify-content:center}.rz-glow-orb{width:14px;height:14px;border-radius:50%;background:#C5A059;box-shadow:0 0 16px #C5A059, 0 0 30px #C5A059}.rz-cursor-pointer{position:absolute;right:18px;bottom:-8px;filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.8))}.rz-card-chroma{grid-column:2;grid-row:1;min-height:225px;display:flex;flex-direction:column;justify-content:space-between}.rz-card-tag{font-size:0.85rem;font-weight:600;color:rgba(255, 255, 255, 0.8)}.rz-chroma-title{font-size:1.45rem;font-weight:800;text-transform:uppercase;color:#ffffff;letter-spacing:-0.01em;margin-top:0.2rem}.rz-chroma-img{width:100%;height:95px;object-fit:contain;margin-top:0.5rem}.rz-card-kraken{grid-column:2;grid-row:2;min-height:225px;display:flex;justify-content:space-between;align-items:center}.rz-kraken-info{display:flex;flex-direction:column}.rz-kraken-title{font-size:1.35rem;font-weight:800;text-transform:uppercase;color:#ffffff;margin-top:0.25rem}.rz-kraken-line{width:45px;height:2px;background:#C5A059;margin-top:0.75rem;border-radius:1px;box-shadow:0 0 8px #C5A059}.rz-kraken-img{width:135px;height:135px;object-fit:contain}.rz-card-peripherals{grid-column:3;grid-row:1 / span 2;min-height:480px;display:flex;flex-direction:column;justify-content:space-between}.rz-peripherals-img{width:100%;height:310px;object-fit:cover;object-position:top center;border-radius:12px 12px 0 0}.rz-peripherals-footer{padding-top:1rem;border-top:1px solid rgba(255, 255, 255, 0.08)}.rz-dots-indicator{display:flex;gap:3px;margin-bottom:0.5rem}.rz-dots-indicator span{width:12px;height:2px;background:rgba(255, 255, 255, 0.3)}.rz-peripherals-title{font-size:1.35rem;font-weight:800;text-transform:uppercase;color:#ffffff}.rz-peripherals-sub{font-family:monospace;font-size:0.75rem;color:rgba(255, 255, 255, 0.5);margin-top:0.2rem}@media (max-width:1100px){.hero-razer-grid{grid-template-columns:1fr;gap:2.5rem}.bento-razer-grid{grid-template-columns:1fr 1fr}.rz-card-laptops{grid-column:1 / span 2;grid-row:1}.rz-card-chroma{grid-column:1;grid-row:2}.rz-card-kraken{grid-column:2;grid-row:2}.rz-card-peripherals{grid-column:1 / span 2;grid-row:3}}@media (max-width:680px){.bento-razer-grid{grid-template-columns:1fr}.rz-card-laptops, .rz-card-chroma, .rz-card-kraken, .rz-card-peripherals{grid-column:1 !important;grid-row:auto !important}}@media (max-width:640px){.rz-subgrid{grid-template-columns:1fr}.gd-top-bar{padding-inline:1rem}.gd-dock-razer{gap:1rem;padding-inline:1rem}.gd-top-utilities{display:none}}.gd-dialog{border:none;background:transparent;padding:0;max-width:640px;width:90%;margin:auto;border-radius:var(--radius-xl)}.gd-dialog::backdrop{background:rgba(0, 0, 0, 0.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.gd-dialog-surface{background:var(--surface-1);border:1px solid var(--surface-glass-border);border-radius:var(--radius-xl);box-shadow:0 24px 60px rgba(0, 0, 0, 0.8);overflow:hidden;display:flex;flex-direction:column}.gd-search-header{display:flex;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--line);gap:0.75rem}.gd-search-input{flex:1;background:none;border:none;color:var(--text);font-size:var(--text-base);outline:none}.gd-search-results{max-height:380px;overflow-y:auto;padding:0.5rem;list-style:none}.gd-search-item{padding:0.75rem 1rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background var(--duration-fast)}.gd-search-item:hover, .gd-search-item[aria-selected="true"]{background:var(--surface-2)}.gd-footer{border-top:1px solid var(--line);background:var(--surface-1);padding-block:var(--space-16) var(--space-8);position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:2fr repeat(3, 1fr);gap:var(--space-8);margin-bottom:var(--space-12)}.footer-brand h4, .footer-brand .footer-brand-title{font-size:var(--text-lg);font-weight:var(--weight-black);margin-bottom:var(--space-3);color:#ffffff}.footer-brand p{font-size:var(--text-sm);max-width:36ch}.footer-col h5, .footer-col .footer-col-title{font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-4);color:var(--text)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.footer-links a{font-size:var(--text-sm);color:var(--text-muted)}.footer-links a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);padding-top:var(--space-6);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:var(--text-xs);color:var(--text-subtle)}@media (max-width:800px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:500px){.footer-grid{grid-template-columns:1fr}}.hero-section{padding-top:calc(var(--dock-height) + 3rem);padding-bottom:3.5rem;max-width:1400px;margin-inline:auto;padding-inline:2rem;display:flex;flex-direction:column;align-items:flex-start;position:relative}.hero-content{max-width:820px;width:100%}.text-hero{font-size:clamp(2.5rem, 2rem + 3vw, 4.5rem);font-weight:900;line-height:1.05;letter-spacing:-0.03em;margin-block:1rem 1.25rem}.text-white{color:#ffffff}.text-accent{color:var(--accent);text-shadow:0 0 25px rgba(197, 160, 89, 0.45)}.text-lead{font-size:clamp(1.1rem, 1rem + 0.5vw, 1.35rem);line-height:1.6;color:var(--text-muted);margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.badge-neon{background:rgba(197, 160, 89, 0.12);border:1px solid rgba(197, 160, 89, 0.35);color:#C5A059;font-weight:700;letter-spacing:0.08em;text-transform:uppercase}.bento-section{padding-block:var(--space-12);max-width:1400px;margin-inline:auto;padding-inline:2rem}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:1.5rem;width:100%}.bento-card{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-lg);padding:2rem;position:relative;transition:all var(--duration-normal) var(--ease-out);box-sizing:border-box}.bento-card:hover{border-color:rgba(197, 160, 89, 0.4);box-shadow:0 12px 32px rgba(0, 0, 0, 0.6), 0 0 20px rgba(197, 160, 89, 0.08)}.bento-card.bento-span-2x2, .bento-card.bento-span-2x1{grid-column:span 2}@media (max-width:768px){.bento-card.bento-span-2x2, .bento-card.bento-span-2x1{grid-column:span 1}}.text-media-section{padding-block:var(--space-12);max-width:1400px;margin-inline:auto;padding-inline:2rem}.text-media-container{display:grid;gap:3rem;align-items:center}.text-media-container.split-50-50{grid-template-columns:1fr 1fr}.text-media-container.split-60-40{grid-template-columns:1.2fr 0.8fr}.text-media-body{display:flex;flex-direction:column;gap:1rem}.text-media-slot figure{margin:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);background:var(--surface-1)}.text-media-slot img{width:100%;height:auto;display:block}@media (max-width:820px){.text-media-container.split-50-50, .text-media-container.split-60-40{grid-template-columns:1fr}}.faq-section{padding-block:var(--space-12);max-width:1000px;margin-inline:auto;padding-inline:2rem}.faq-accordion{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.faq-item{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-md);padding:1.25rem 1.5rem;transition:border-color var(--duration-fast)}.faq-item[open]{border-color:rgba(197, 160, 89, 0.4);background:var(--surface-2)}.faq-item summary{cursor:pointer;font-size:1.05rem;color:#ffffff;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary::-webkit-details-marker{display:none}.faq-content{margin-top:1rem;color:var(--text-muted);line-height:1.6;border-top:1px solid var(--line);padding-top:0.75rem}.timeline-section{padding-block:var(--space-12);max-width:1000px;margin-inline:auto;padding-inline:2rem}.timeline-container{position:relative;margin-top:2.5rem;display:flex;flex-direction:column;gap:2rem}.timeline-container::before{content:'';position:absolute;left:20px;top:10px;bottom:10px;width:2px;background:var(--line)}.timeline-item{display:flex;gap:1.75rem;position:relative}.timeline-marker{width:42px;height:42px;border-radius:50%;background:var(--surface-1);border:2px solid #C5A059;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:2;font-weight:700;color:#C5A059}.timeline-body{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-md);padding:1.5rem;flex:1}.cta-ambient-section{padding-block:var(--space-12);max-width:1200px;margin-inline:auto;padding-inline:2rem}.cta-panel{background:linear-gradient(135deg, rgba(19, 20, 24, 0.95), rgba(11, 12, 14, 0.98));border:1px solid rgba(197, 160, 89, 0.3);border-radius:var(--radius-xl);padding:3.5rem 2.5rem;text-align:center;box-shadow:0 20px 60px rgba(0, 0, 0, 0.7), 0 0 30px rgba(197, 160, 89, 0.08)}.cta-panel h2{font-size:clamp(2rem, 1.6rem + 1.8vw, 3rem);margin-bottom:1rem}.cta-panel p{max-width:600px;margin-inline:auto;margin-bottom:2rem;font-size:1.1rem}.social-proof-section{padding-block:var(--space-12);max-width:1200px;margin-inline:auto;padding-inline:2rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem;margin-top:2rem}.metric-card{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.75rem;text-align:center}.metric-val{font-size:2.5rem;font-weight:900;color:#C5A059;line-height:1;margin-bottom:0.5rem}.metric-label{font-size:0.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em}.code-terminal-section{padding-block:var(--space-12);max-width:1000px;margin-inline:auto;padding-inline:2rem}.terminal-window{background:#0d0e12;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 16px 40px rgba(0, 0, 0, 0.7);margin-top:2rem}.terminal-header{background:#14161c;padding:0.75rem 1.25rem;display:flex;align-items:center;gap:0.5rem;border-bottom:1px solid var(--line)}.terminal-dots{display:flex;gap:6px}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-dot.dot-red{background:#ff5f56}.terminal-dot.dot-yellow{background:#ffbd2e}.terminal-dot.dot-green{background:#27c93f}.terminal-body{padding:1.5rem;font-family:monospace;font-size:0.95rem;line-height:1.6;color:#a9b1d6;overflow-x:auto}.gd-dock-nav{display:contents}.footer-legal-nav{display:flex;gap:1rem;align-items:center}.footer-legal-nav a{color:var(--text-subtle);text-decoration:none}.footer-legal-nav a:hover{color:var(--accent)}.contact-section{padding-block:0 4rem;position:relative;z-index:1}.contact-container{max-width:900px;margin:0 auto;padding-inline:2rem}.contact-card{padding:3rem 2.5rem;text-align:center}.contact-tag{justify-content:center;display:flex;margin-bottom:0.75rem}.contact-title{font-size:2.2rem;font-weight:800;margin-bottom:1rem;color:#ffffff}.contact-desc{margin:0 auto 2rem auto;max-width:54ch;color:rgba(255, 255, 255, 0.7);font-size:1rem;line-height:1.6}.contact-actions{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.contact-btn-wrap{display:flex;align-items:center;gap:1rem}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.glossary-term{cursor:help;text-decoration:underline dotted var(--accent);text-underline-offset:3px}.glossary-term:focus{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.gd-dock-razer.dock-solid{background:#0b0c0e !important;border-color:rgba(255,255,255,0.08) !important;box-shadow:0 16px 40px rgba(0,0,0,0.85) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}.gd-dock-razer.dock-minimal-flat{background:rgba(10,12,16,0.35) !important;border-color:transparent !important;box-shadow:none !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important}.gd-dock-icon-link{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:34px !important;height:34px !important;border-radius:50% !important;color:rgba(255,255,255,0.7) !important;transition:all 0.15s ease !important}.gd-dock-icon-link:hover{color:#ffffff !important;background:rgba(255,255,255,0.08) !important;transform:scale(1.08) !important}.gd-dock-icon-link.active{color:var(--accent) !important;box-shadow:0 0 12px rgba(197, 160, 89,0.35) !important}.gd-dock-mixed-link{display:inline-flex !important;align-items:center !important;gap:7px !important}.gd-dock-mixed-link svg, .gd-dock-icon-link svg{width:15px !important;height:15px !important;flex-shrink:0 !important;display:inline-block !important}
/* Extended Cugrid & V2 Block Styles */
.comparison-dual-section{padding-block:var(--space-12);max-width:1200px;margin-inline:auto;padding-inline:2rem}
.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}
.comparison-card{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-lg);padding:2rem}
.comparison-card.card-bad{border-color:rgba(255,77,77,0.3);background:linear-gradient(180deg, rgba(255,77,77,0.04) 0%, rgba(16,18,22,0.95) 100%)}
.comparison-card.card-good{border-color:rgba(197, 160, 89,0.4);background:linear-gradient(180deg, rgba(197, 160, 89,0.05) 0%, rgba(16,18,22,0.95) 100%)}
.comparison-card-title{font-size:1.35rem;margin-bottom:1.25rem}
.comparison-list{list-style:none;display:flex;flex-direction:column;gap:1rem}
.comparison-item{display:flex;gap:0.75rem;align-items:flex-start}
.comparison-icon{font-weight:900;font-size:1.1rem;line-height:1.2}
.text-danger{color:#ff5f56}
.feature-grid-section{padding-block:var(--space-12);max-width:1400px;margin-inline:auto;padding-inline:2rem}
.feature-grid{display:grid;gap:1.5rem;margin-top:2rem}
.feature-grid-section.cols-2 .feature-grid{grid-template-columns:repeat(auto-fit, minmax(360px, 1fr))}
.feature-grid-section.cols-3 .feature-grid{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}
.feature-grid-section.cols-4 .feature-grid{grid-template-columns:repeat(auto-fit, minmax(260px, 1fr))}
.feature-card{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.75rem;transition:all var(--duration-normal) var(--ease-out)}
.feature-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,0.5), 0 0 20px var(--accent-glow-subtle)}
.feature-icon{font-size:2rem;margin-bottom:1rem}
.feature-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.5rem}
.feature-title{font-size:1.15rem;font-weight:700;color:var(--text)}
.pricing-section{padding-block:var(--space-12);max-width:1200px;margin-inline:auto;padding-inline:2rem}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:2rem;margin-top:2.5rem;align-items:stretch}
.pricing-card{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-xl);padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between;position:relative}
.pricing-card.pricing-highlight{border-color:var(--accent);background:linear-gradient(180deg, rgba(197, 160, 89,0.06) 0%, rgba(16,18,22,0.98) 100%);box-shadow:0 16px 40px rgba(0,0,0,0.7), 0 0 30px var(--accent-glow-subtle)}
.pricing-tier-name{font-size:1.4rem;font-weight:700;margin-block:0.5rem}
.pricing-price{margin-block:1rem 1.5rem}
.price-val{font-size:2.5rem;font-weight:900;color:var(--text)}
.price-period{font-size:0.9rem;margin-left:0.25rem}
.pricing-features{list-style:none;display:flex;flex-direction:column;gap:0.75rem;margin-bottom:2rem;border-top:1px solid var(--line);padding-top:1.5rem}
.testimonials-section{padding-block:var(--space-12);max-width:1200px;margin-inline:auto;padding-inline:2rem}
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:1.5rem;margin-top:2rem}
.testimonial-card{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-lg);padding:2rem;display:flex;flex-direction:column;justify-content:space-between}
.testimonial-rating{font-size:1.2rem;margin-bottom:0.75rem}
.testimonial-quote{font-size:1.05rem;line-height:1.6;font-style:italic;color:var(--text);margin-bottom:1.5rem}
.testimonial-author-box{border-top:1px solid var(--line);padding-top:1rem}
.testimonial-author-meta{display:flex;flex-direction:column;gap:0.2rem}
.contact-form-section{padding-block:var(--space-12);max-width:900px;margin-inline:auto;padding-inline:2rem}
.contact-form{display:flex;flex-direction:column;gap:1.25rem;margin-top:2rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-group{display:flex;flex-direction:column;gap:0.4rem}
.form-label{font-size:0.85rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted)}
.form-control{width:100%;padding:0.75rem 1rem;background:var(--surface-2);border:1px solid var(--line-bright);border-radius:var(--radius-md);color:var(--text);font-size:0.95rem;transition:border-color var(--duration-fast)}
.form-control:focus{outline:var(--focus-ring);border-color:transparent}
.form-checkbox-label{display:flex;align-items:flex-start;gap:0.6rem;font-size:0.85rem;color:var(--text-muted);cursor:pointer}
@media (max-width:768px){.comparison-grid, .form-row{grid-template-columns:1fr}}
.badge-xs{font-size:0.7rem}
.badge-margin{margin-bottom:1.5rem}
.kbd-shortcut{font-size:0.75rem;color:var(--text-subtle)}
.hero-page{padding-top:calc(var(--dock-height) + 3rem)}
.hero-page-post{padding-top:calc(var(--dock-height) + 3rem);padding-bottom:5rem}
.container-narrow{max-width:800px}
.container-content{max-width:860px}
.container-post{max-width:860px}
.bento-card-article{padding:2.5rem;line-height:1.7;font-size:0.95rem}
.title-page-h1{font-size:var(--text-3xl);margin-bottom:2rem}
.title-page-sub{font-size:1.25rem;margin-bottom:1rem;color:#ffffff}
.title-page-sub-lg{font-size:1.3rem;margin-bottom:1rem;color:#ffffff}
.mb-1-5{margin-bottom:1.5rem}
.mb-2{margin-bottom:2rem}
.mb-3{margin-bottom:3rem}
.link-accent{color:var(--accent)}
.footer-minimal{border-top:1px solid var(--line);background:var(--surface-1);padding:1.5rem 2rem;font-size:0.85rem;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.footer-links-simple{display:flex;gap:1.5rem;align-items:center}
.mt-1-25{margin-top:1.25rem}
.text-sm-subtle{font-size:0.8rem;color:var(--text-subtle)}
.link-back-blog{color:var(--accent);font-size:0.85rem;font-weight:700;display:inline-flex;align-items:center;gap:6px}
.title-post-hero{font-size:clamp(2rem, 4vw, 3rem);line-height:1.2;margin-bottom:1.5rem;color:#ffffff}
.post-meta-bar{display:flex;gap:1.5rem;align-items:center;color:var(--text-muted);font-size:0.85rem;margin-bottom:2.5rem;border-bottom:1px solid var(--line);padding-bottom:1.5rem}
.gd-dock-razer.dock-solid{background:#0b0c0e !important;border-color:rgba(255,255,255,0.08) !important;box-shadow:0 16px 40px rgba(0,0,0,0.85) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
.gd-dock-razer.dock-minimal-flat{background:rgba(10,12,16,0.35) !important;border-color:transparent !important;box-shadow:none !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important}
.gd-dock-icon-link{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:34px !important;height:34px !important;border-radius:50% !important;color:rgba(255,255,255,0.7) !important;transition:all 0.15s ease !important}
.gd-dock-icon-link:hover{color:#ffffff !important;background:rgba(255,255,255,0.08) !important;transform:scale(1.08) !important}
.gd-dock-icon-link.active{color:var(--accent) !important;box-shadow:0 0 12px rgba(197, 160, 89,0.35) !important}
.gd-dock-mixed-link{display:inline-flex !important;align-items:center !important;gap:7px !important}
.gd-dock-mixed-link svg, .gd-dock-icon-link svg{width:15px !important;height:15px !important;flex-shrink:0 !important;display:inline-block !important}
.gd-dock-luxury, .gd-dock-razer{pointer-events:auto;display:flex;align-items:center;gap:1.75rem;padding:0.45rem 1.75rem;height:54px;background:rgba(14, 16, 22, 0.88);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(197, 160, 89, 0.35);border-radius:9999px;box-shadow:0 16px 40px rgba(0, 0, 0, 0.7), 0 0 25px rgba(197, 160, 89, 0.12)}
.gd-dock-luxury a, .gd-dock-razer a{font-size:0.82rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:rgba(248, 250, 252, 0.75);transition:color 0.2s ease, text-shadow 0.2s ease;white-space:nowrap}
.gd-dock-luxury a:hover, .gd-dock-razer a:hover{color:#DFBA73;text-shadow:0 0 12px rgba(223, 186, 115, 0.5)}
.gd-dock-luxury.dock-scrolled, .gd-dock-razer.dock-scrolled{height:46px !important;padding:0.25rem 1.4rem !important;gap:1.25rem !important;background:rgba(10, 11, 15, 0.95) !important;border-color:rgba(197, 160, 89, 0.5) !important;box-shadow:0 12px 35px rgba(0, 0, 0, 0.85), 0 0 20px rgba(197, 160, 89, 0.2) !important;transform:scale(0.97) translateY(-2px) !important;transition:all 0.25s cubic-bezier(0.16,1,0.3,1) !important}
.gd-dock-luxury.dock-scrolled .gd-dock-emblem, .gd-dock-razer.dock-scrolled .gd-dock-emblem{width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important}
.gd-dock-luxury.dock-scrolled .gd-dock-emblem svg, .gd-dock-razer.dock-scrolled .gd-dock-emblem svg{width:18px !important;height:18px !important}

/* ==============================================================================
   AUTOHAUS PLUS: Luxury Automotive Editorial Styles (No-Razer Elegance)
   ============================================================================== */
.gold-gradient, .text-gold-gradient {
    background: linear-gradient(135deg, #FFF5DF 0%, #DFBA73 40%, #C5A059 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.luxury-hero {
    position: relative;
    padding-top: calc(var(--dock-height) + 4.5rem);
    padding-bottom: 6rem;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.luxury-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(10, 11, 14, 0.82) 0%, rgba(10, 11, 14, 0.94) 85%, #0A0B0E 100%),
                radial-gradient(ellipse at 80% 30%, rgba(197, 160, 89, 0.12) 0%, transparent 60%);
    pointer-events: none;
}

.badge-gold {
    background: rgba(197, 160, 89, 0.12) !important;
    border: 1px solid rgba(197, 160, 89, 0.35) !important;
    color: #DFBA73 !important;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.editorial-card {
    background: linear-gradient(180deg, rgba(22, 25, 32, 0.85) 0%, rgba(14, 16, 20, 0.95) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--radius-xl);
    overflow: hidden;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
}

.editorial-card:hover {
    border-color: rgba(197, 160, 89, 0.4);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.8), 0 0 35px rgba(197, 160, 89, 0.12);
    transform: translateY(-4px);
}

.card-img-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #0f1115;
}

.card-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.editorial-card:hover .card-img-wrap img {
    transform: scale(1.05);
}

.card-img-badge {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 2;
}

.card-body-luxury {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
}

.luxury-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin-block: 2.5rem;
}

@media (max-width: 900px) {
    .luxury-gallery-grid {
        grid-template-columns: 1fr;
    }
}

.gallery-photo-card {
    position: relative;
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    aspect-ratio: 4 / 3;
    background: #111317;
}

.gallery-photo-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.gallery-photo-card:hover img {
    transform: scale(1.06);
}

.gallery-caption {
    position: absolute;
    inset: auto 0 0 0;
    padding: 1.5rem 1.25rem 1rem 1.25rem;
    background: linear-gradient(180deg, transparent 0%, rgba(10, 11, 14, 0.95) 100%);
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 600;
}

.spec-list-luxury {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-block: 1.25rem;
    padding: 0;
}

.spec-list-luxury li {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    font-size: 0.92rem;
    color: rgba(248, 250, 252, 0.85);
}

.spec-list-luxury li svg {
    color: #C5A059;
    flex-shrink: 0;
}


/* Luxury Automotive Section & Showcase Components */
.section-header-luxury {
    text-align: center;
    max-width: 820px;
    margin-inline: auto;
    margin-bottom: 3.5rem;
}

.section-tag-gold {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.95rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: rgba(197, 160, 89, 0.12);
    border: 1px solid rgba(197, 160, 89, 0.35);
    color: #DFBA73;
    margin-bottom: 1rem;
}

.section-title-luxury {
    font-size: clamp(2rem, 1.6rem + 1.6vw, 3rem);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -0.025em;
    color: #ffffff;
    margin-bottom: 1rem;
}

.section-lead-luxury {
    font-size: clamp(1rem, 0.95rem + 0.3vw, 1.15rem);
    line-height: 1.65;
    color: rgba(248, 250, 252, 0.72);
    max-width: 64ch;
    margin-inline: auto;
}

.showcase-grid-luxury {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-bottom: 4rem;
}

@media (max-width: 900px) {
    .showcase-grid-luxury {
        grid-template-columns: 1fr;
    }
}

.showcase-card-lg {
    background: linear-gradient(180deg, rgba(20, 23, 30, 0.9) 0%, rgba(13, 15, 19, 0.98) 100%);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: var(--radius-xl);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6);
}

.showcase-card-lg:hover {
    border-color: rgba(197, 160, 89, 0.45);
    transform: translateY(-5px);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.8), 0 0 35px rgba(197, 160, 89, 0.15);
}

.showcase-card-body {
    padding: 2.25rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
}

.hero-stats-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    width: 100%;
    margin-top: 3.5rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 800px) {
    .hero-stats-row {
        grid-template-columns: repeat(2, 1fr);
    }
}

.hero-stat-item {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.hero-stat-num {
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 1;
    color: #DFBA73;
    font-family: var(--font-sans);
}

.hero-stat-label {
    font-size: 0.82rem;
    font-weight: 500;
    color: rgba(248, 250, 252, 0.65);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.cta-gold-box {
    background: linear-gradient(135deg, rgba(22, 25, 33, 0.95) 0%, rgba(13, 14, 18, 0.98) 100%);
    border: 1px solid rgba(197, 160, 89, 0.35);
    border-radius: var(--radius-xl);
    padding: 4rem 2.5rem;
    text-align: center;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.75), 0 0 30px rgba(197, 160, 89, 0.1);
    margin-block: 4rem;
}

.workshop-badge-row {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-block: 1rem 1.5rem;
}


/* ==============================================================================
   AUTOHAUS PLUS: Definitive Luxury Automotive Styling (Clean & Solid)
   ============================================================================== */
.glow-bg {
    display: none !important;
}

.luxury-hero {
    position: relative;
    padding-top: calc(var(--dock-height) + 4.5rem);
    padding-bottom: 5.5rem;
    overflow: hidden;
    background-image: url('/assets/img/hero-luxury-atelier.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: 1px solid rgba(197, 160, 89, 0.2);
}

.luxury-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(10, 11, 14, 0.85) 0%, rgba(10, 11, 14, 0.94) 85%, #0A0B0E 100%),
                radial-gradient(ellipse at 75% 30%, rgba(197, 160, 89, 0.12) 0%, transparent 60%);
    pointer-events: none;
}

.hero-content-box {
    max-width: 840px;
    position: relative;
    z-index: 2;
}

.hero-title-main {
    font-size: clamp(2.5rem, 2rem + 3.2vw, 4.8rem);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -0.03em;
    color: #ffffff;
    margin-block: 1rem 1.25rem;
}

.hero-title-accent {
    background: linear-gradient(135deg, #FFF5DF 0%, #DFBA73 40%, #C5A059 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
}

.hero-lead-text {
    font-size: clamp(1.05rem, 0.98rem + 0.35vw, 1.25rem);
    line-height: 1.65;
    color: rgba(248, 250, 252, 0.82);
    margin-bottom: 2rem;
    max-width: 68ch;
}

.hero-cta-group {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.hero-stats-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    width: 100%;
    margin-top: 3.5rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    z-index: 2;
}

@media (max-width: 800px) {
    .hero-stats-row {
        grid-template-columns: repeat(2, 1fr);
    }
}

.section-py {
    padding-block: 5rem;
}

.section-py-alt {
    padding-block: 5rem;
    background: rgba(18, 21, 28, 0.5);
    border-block: 1px solid rgba(255, 255, 255, 0.06);
}

.container-narrow-faq {
    max-width: 900px;
    margin-inline: auto;
    padding-inline: var(--container-pad);
}

.showcase-grid-luxury {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.25rem;
    width: 100%;
}

@media (max-width: 920px) {
    .showcase-grid-luxury {
        grid-template-columns: 1fr;
    }
}

.showcase-card-lg {
    background: linear-gradient(180deg, rgba(22, 25, 33, 0.92) 0%, rgba(14, 16, 21, 0.98) 100%);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 1.25rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.65);
}

.showcase-card-lg:hover {
    border-color: rgba(197, 160, 89, 0.45);
    transform: translateY(-5px);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.8), 0 0 35px rgba(197, 160, 89, 0.15);
}

.card-img-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #0E1014;
}

.card-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.showcase-card-lg:hover .card-img-wrap img {
    transform: scale(1.05);
}

.showcase-card-body {
    padding: 2.25rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    gap: 1.5rem;
}

.showcase-title {
    font-size: 1.6rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 0.75rem;
    letter-spacing: -0.015em;
}

.showcase-desc {
    color: rgba(248, 250, 252, 0.75);
    line-height: 1.65;
    font-size: 0.98rem;
}

.showcase-footer {
    margin-top: auto;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.showcase-footer-text {
    font-size: 0.85rem;
    color: #DFBA73;
    font-weight: 600;
}

.pricing-grid-3col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    max-width: 1160px;
    margin-inline: auto;
    margin-top: 3rem;
    align-items: stretch;
}

@media (max-width: 960px) {
    .pricing-grid-3col {
        grid-template-columns: 1fr;
    }
}

.pricing-card-luxury {
    background: linear-gradient(180deg, rgba(20, 24, 31, 0.9) 0%, rgba(13, 15, 20, 0.98) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1.25rem;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6);
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.pricing-card-luxury:hover {
    transform: translateY(-4px);
    border-color: rgba(197, 160, 89, 0.35);
}

.pricing-card-featured {
    background: linear-gradient(180deg, rgba(28, 33, 44, 0.96) 0%, rgba(16, 18, 25, 0.98) 100%);
    border: 1.5px solid #C5A059;
    border-radius: 1.25rem;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.75), 0 0 35px rgba(197, 160, 89, 0.15);
}

.pricing-val-num {
    font-size: 2.6rem;
    font-weight: 900;
    color: #DFBA73;
}

.pricing-period-text {
    font-size: 0.9rem;
    color: rgba(248, 250, 252, 0.65);
    margin-left: 0.25rem;
}

.pricing-header {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.pricing-price-wrap {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    margin-block: 0.75rem 1.25rem;
}

.card-content-top {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.faq-luxury-wrap {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 2rem;
}

.faq-luxury-item {
    background: rgba(19, 22, 29, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0.75rem;
    padding: 1.25rem 1.5rem;
    transition: border-color 0.2s ease;
}

.faq-luxury-item[open] {
    border-color: rgba(197, 160, 89, 0.4);
    background: rgba(24, 28, 38, 0.95);
}

.faq-luxury-summary {
    cursor: pointer;
    font-size: 1.1rem;
    font-weight: 700;
    color: #ffffff;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq-luxury-summary::-webkit-details-marker {
    display: none;
}

.faq-luxury-content {
    margin-top: 1rem;
    color: rgba(248, 250, 252, 0.75);
    line-height: 1.65;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 0.75rem;
}

.contact-luxury-panel {
    background: linear-gradient(135deg, rgba(23, 27, 36, 0.95) 0%, rgba(13, 15, 20, 0.98) 100%);
    border: 1.5px solid rgba(197, 160, 89, 0.35);
    border-radius: 1.5rem;
    padding: 4rem 2.5rem;
    text-align: center;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.75), 0 0 35px rgba(197, 160, 89, 0.1);
    margin-block: 4rem;
}

.contact-grid-2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

@media (max-width: 650px) {
    .contact-grid-2col {
        grid-template-columns: 1fr;
    }
}

.contact-group {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    text-align: left;
}

.contact-label {
    font-size: 0.8rem;
    font-weight: 700;
    color: #DFBA73;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.contact-input, .contact-textarea {
    padding: 0.85rem 1rem;
    background: rgba(14, 16, 22, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0.5rem;
    color: #ffffff;
    font-size: 0.95rem;
    width: 100%;
    transition: border-color 0.2s ease;
}

.contact-input:focus, .contact-textarea:focus {
    outline: none;
    border-color: #C5A059;
    box-shadow: 0 0 10px rgba(197, 160, 89, 0.25);
}

.gallery-btn-row {
    text-align: center;
    margin-top: 2.5rem;
}