/* Homepage only. The store and admin keep the shared stylesheet. */
.home-performance{--bg:#0b0c0e;--surface:#121315;--line:#292a2c;--muted:#a2a3a8;--brand:#ffba38;--brand-dark:#eaa320;--accent:#ffba38;background:var(--bg)}
.home-performance .wrap{max-width:1320px;padding-left:40px;padding-right:40px}
.home-performance .page{padding-bottom:0}
.home-performance main:focus{outline:none}
.home-performance h2{font-size:clamp(2.7rem,4.5vw,4.5rem);font-weight:700;line-height:.98;letter-spacing:-.015em}
.home-performance a,.home-performance button{-webkit-tap-highlight-color:rgba(255,186,56,.18)}
.home-performance :is(a,button):focus-visible{outline:2px solid var(--brand);outline-offset:5px}
.home-performance :is(section,[id]){scroll-margin-top:100px}
.home-performance .btn-solid,.home-performance .btn-ghost{border-radius:4px;font-size:.82rem;gap:24px;min-height:46px;font-weight:700}
.home-performance .btn-solid{box-shadow:0 4px 28px #ffba380c}
.home-performance .btn-solid:hover{box-shadow:0 6px 30px #ffba3826}
.home-performance .btn-lg{padding:17px 24px;min-height:52px}
.home-performance .btn-solid>span{font-size:1.3rem;line-height:1}
.home-performance .text-amber{color:var(--brand)}
.home-performance .text-muted{color:#8b8d92}
.home-skip{position:fixed;top:-70px;left:20px;z-index:100;padding:12px 20px;background:var(--brand);color:#101010;border-radius:4px;font-weight:700}
.home-skip:focus{top:12px}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:var(--brand);z-index:90;transform:scaleX(0);transform-origin:left;pointer-events:none}
.home-performance .site-header.hero-mode{background:linear-gradient(#0b0c0ecc,transparent);border-bottom:1px solid #ffffff12}
.home-performance .site-header.hero-mode.scrolled{background:#0b0c0ef2;position:fixed}
.home-performance .site-header::after{display:none}
.home-performance .header-inner{height:90px;gap:24px}
.home-performance .brand{font-size:1.12rem;letter-spacing:.02em;gap:10px;max-width:265px}
.home-performance .brand-name{max-width:135px;line-height:1.04;font-size:1.2rem}
.home-performance .brand-logo{height:48px;max-width:105px;object-fit:contain;border-radius:3px}
.home-performance .main-nav{gap:24px;align-items:center}
.home-performance .main-nav a{font-size:.76rem;color:#d4d4d4;white-space:nowrap}
.home-performance .main-nav a:hover,.home-performance .main-nav .nav-tuning{color:var(--brand)}
.home-performance .nav-tuning span{margin-left:5px}
.home-performance .main-nav .mobile-account-link{display:none}
.home-performance .header-actions{gap:16px}
.home-performance .header-actions .btn-sm{padding:9px 13px;min-height:36px;font-size:.73rem}
.home-performance .cart-link{font-size:.76rem}
.home-performance .cart-badge{background:transparent;border:1px solid #ffffff30;color:#fff;width:20px;height:20px;font-size:.65rem}
.home-performance .hello{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Cinematic hero: a real image layered with lightweight depth and light. */
.home-performance .performance-hero{min-height:760px;min-height:min(900px,100svh);height:820px;max-height:980px;padding:160px max(40px,calc((100vw - 1240px)/2)) 135px;isolation:isolate;align-items:center;background:#101010}
.home-performance .performance-hero::after{display:none}
.performance-hero-art,.performance-hero-shade,.hero-grid-lines{position:absolute;inset:0;pointer-events:none}
.performance-hero-art{z-index:-4;overflow:hidden}
.performance-hero-art img{width:100%;height:100%;object-fit:cover;object-position:65% 50%;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0) scale(1.045);transition:transform .8s ease-out}
.performance-hero-shade{z-index:-3;background:linear-gradient(90deg,#090a0dea 0%,#090a0db5 23%,#090a0d30 51%,transparent 76%),linear-gradient(0deg,#0b0c0e 0%,transparent 25%,transparent 80%,#090a0d50)}
.hero-grid-lines{z-index:-2;inset:90px 40px 75px;border-left:1px solid #ffffff07;border-right:1px solid #ffffff07}
.hero-grid-lines::before,.hero-grid-lines::after{content:'';position:absolute;top:0;width:1px;height:100%;background:#ffffff05;left:33.333%}
.hero-grid-lines::after{left:66.666%}
.performance-hero-content{width:100%;position:relative;z-index:2;max-width:1240px;margin:auto}
.performance-kicker{font:600 .65rem/1.6 'Inter',sans-serif;letter-spacing:.16em;color:var(--brand);display:flex;align-items:center;gap:12px;margin:0 0 26px;text-transform:uppercase}
.status-dot{width:6px;height:6px;flex:none;border-radius:50%;background:var(--brand);box-shadow:0 0 12px #ffba3890}
.kicker-divider{color:#818185;margin:0 2px}
.performance-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(6rem,10.5vw,10rem);font-weight:800;line-height:.81;letter-spacing:-.025em;margin:32px 0 28px}
.performance-title>span{color:var(--brand);text-shadow:0 0 60px #ffba3818}
.performance-hero-copy{font-size:.88rem;line-height:1.85;color:#c2c2c6;max-width:430px;margin:0}
.performance-actions{display:flex;align-items:center;gap:30px;margin-top:30px;flex-wrap:wrap}
.hero-text-link{display:inline-flex;align-items:center;gap:10px;color:#f4f4f5;font-size:.78rem;font-weight:600;min-height:48px}
.round-arrow{border:1px solid #ffffff40;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:1rem;transition:background .2s,color .2s}
.hero-text-link:hover .round-arrow{background:var(--brand);color:#151515;border-color:var(--brand)}
.hero-tech-signature{display:flex;align-items:center;gap:18px;margin-top:42px;color:#e0e0e2}
.tiny-label{font-size:.55rem;letter-spacing:.13em;line-height:1.6;color:#97989d}
.hero-tech-signature>.tiny-label{max-width:76px}
.hero-tech-signature>strong{font:700 1.5rem 'Space Grotesk',sans-serif;letter-spacing:-.08em}
.brand-slash{color:var(--brand);margin-left:3px}
.signature-separator{width:1px;height:22px;background:#ffffff25}
.hero-tech-signature>b{font:600 .8rem 'Space Grotesk',sans-serif;letter-spacing:-.03em}
.hero-tech-signature>b>span{color:#aaa;font-weight:500}

/* ECM Titanium lockup - "lit" gradient treatment.
   Rather than a band of light sweeping past the badge, the letterforms
   themselves are lit: a warm highlight flows continuously through the glyphs
   while a soft amber bloom breathes behind the lockup and the slash carries a
   slow live glow. Decorative only - every rule needs .home-motion, which the
   page adds only when animation is allowed, so the Motion button off state, a
   reduced-motion device and a no-JS visitor all get the same static lockup. */
.hero-tech-signature{position:relative;width:max-content;max-width:100%}

.home-motion .hero-tech-signature::before{
  content:'';position:absolute;inset:-28px -46px;pointer-events:none;z-index:-1;
  background:radial-gradient(58% 130% at 64% 50%,rgba(255,178,44,.17),rgba(255,178,44,0) 72%);
  animation:ecmBloom 8s ease-in-out infinite;
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  /* Applied to the whole lockup, not each word, so a single highlight travels
     across it, and two highlights per 200%-wide image keep the badge lit rather
     than going flat between passes.
     This element also carries .hero-enter, so the entrance animation has to be
     restated here - otherwise the shorthand on this rule (and the one on
     `.home-motion .hero-enter`) would clobber each other. */
  .home-motion .hero-tech-signature.hero-enter{
    /* Positioning note: with percentage background-position a rising value
       shifts the image LEFT, so the warm core is placed near the right of the
       170%-wide image and the 0->100% drift walks it from the last glyph back
       to the first, then returns. The soft shoulders are wider than the badge
       itself, so the lockup stays lit throughout instead of dimming between
       passes. */
    background-image:linear-gradient(102deg,
      #dcdce0 0%,
      #dcdce0 34%,
      #e7e2d8 44%,
      #f6ecd4 51%,
      #edc477 58.8%,
      #f6ecd4 66%,
      #e7e2d8 73%,
      #dcdce0 84%,
      #dcdce0 100%);
    background-size:170% 100%;
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent;
    animation:homeEnter .9s cubic-bezier(.16,1,.3,1) both,ecmFlow 10s ease-in-out infinite alternate;
  }
  /* the eyebrow label stays a quiet flat grey, and TITANIUM stays secondary */
  .home-motion .hero-tech-signature>.tiny-label{-webkit-text-fill-color:#97989d;color:#97989d}
  .home-motion .hero-tech-signature>b>span{opacity:.68}
}
.home-motion .hero-tech-signature .brand-slash{animation:ecmLive 4.4s ease-in-out infinite}
@keyframes ecmFlow{
  0%{background-position:0% 50%}
  100%{background-position:100% 50%}
}
@keyframes ecmBloom{
  0%,100%{opacity:.5;transform:scale(1)}
  50%{opacity:1;transform:scale(1.05)}
}
@keyframes ecmLive{
  0%,100%{text-shadow:0 0 0 rgba(255,178,44,0)}
  50%{text-shadow:0 0 15px rgba(255,178,44,.6)}
}
@media print{
  .home-motion .hero-tech-signature::before{display:none}
  .home-motion .hero-tech-signature.hero-enter{
    background:none;animation:none;color:inherit;
    -webkit-text-fill-color:currentColor;
  }
  .home-motion .hero-tech-signature>.tiny-label{-webkit-text-fill-color:#97989d;color:#97989d}
  .home-motion .hero-tech-signature .brand-slash{animation:none;text-shadow:none}
}
.hero-coordinate{position:absolute;right:max(40px,calc((100vw - 1240px)/2));bottom:165px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-size:.55rem;letter-spacing:.16em;color:#afafb4}
.hero-coordinate i{display:block;width:90px;height:1px;background:linear-gradient(90deg,transparent,var(--brand))}
.hero-coordinate b{font-size:.58rem;color:#e9e9eb;font-weight:500}
.performance-hero-bottom{position:absolute;bottom:28px;left:max(40px,calc((100vw - 1240px)/2));right:max(40px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid #ffffff20;gap:20px}
.scroll-cue{display:flex;align-items:center;gap:13px;font-size:.55rem;letter-spacing:.15em;color:#c9c9cd;min-height:28px}
.scroll-cue>span:last-child{color:var(--brand);font-size:1rem}
.scroll-line{height:26px;width:1px;background:#4d4d4d;position:relative;overflow:hidden}
.scroll-line::after{content:'';position:absolute;top:-13px;left:0;width:1px;height:13px;background:var(--brand);animation:scrollLine 2.4s ease-in-out infinite}
.hero-bottom-note{font-size:.53rem;letter-spacing:.2em;color:#96979b}
.hero-bottom-note i{color:var(--brand);margin:0 12px;font-style:normal}
.motion-toggle{background:transparent;border:0;font:500 .65rem 'Inter',sans-serif;color:#b9babd;cursor:pointer;display:flex;gap:10px;align-items:center;min-height:36px;padding:5px}
.motion-toggle[hidden],.map-controls[hidden]{display:none}
.motion-toggle:disabled{cursor:default;opacity:.65}
.motion-bars{display:flex;align-items:center;gap:3px;height:15px}
.motion-bars i{height:7px;width:2px;background:var(--brand);animation:motionBars 1.2s ease-in-out infinite alternate}
.motion-bars i:nth-child(2){height:14px;animation-delay:-.5s}
.motion-bars i:nth-child(3){height:10px;animation-delay:-.8s}
.performance-capabilities{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;border-bottom:1px solid var(--line);font-size:.61rem;font-weight:600;letter-spacing:.1em;color:#b6b7bb}
.performance-capabilities i{color:var(--brand);font-size:1rem;font-style:normal}

/* Alientech / ECM Titanium feature. */
.home-section{padding:106px 0}
.section-index{color:#6f7075;letter-spacing:.05em}
.tuning-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}
.tuning-copy h2{margin-bottom:24px}
.tuning-copy>p:not(.performance-kicker):not(.tuning-note){font-size:.87rem;color:#a9aab0;line-height:1.9;max-width:440px}
.tuning-tool{display:flex;align-items:center;gap:15px;margin:28px 0;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tool-mark{display:grid;place-content:center;position:relative;width:40px;height:42px;font:700 2rem 'Barlow Condensed',sans-serif;font-style:italic;color:#fff}
.tool-mark>span{position:absolute;right:-2px;top:5px;color:var(--brand)}
.tuning-tool strong{display:block;font-size:.83rem;font-weight:600;color:#e3e3e5}
.tuning-tool div>span{display:block;font-size:.67rem;color:#909196;margin-top:4px}
.tuning-benefits{list-style:none;padding:0;margin:0 0 29px}
.tuning-benefits li{display:flex;align-items:baseline;gap:12px;font-size:.78rem;color:#c3c4c8;margin:12px 0}
.tuning-benefits li>span{color:var(--brand)}
.tuning-note{font-size:.63rem;line-height:1.75;color:#8b8c92;max-width:420px;margin-top:18px}
.tuning-visual{min-width:0;position:relative;perspective:1200px}
.tuning-visual::before{content:'';position:absolute;inset:10% 0;background:radial-gradient(ellipse,#ffac1610,transparent 66%);pointer-events:none}
.calibration-panel{border:1px solid #42403a;border-radius:9px;background:linear-gradient(140deg,#1c1c1d,#101113 60%);box-shadow:0 25px 65px #0005,0 0 80px #ffba3805;overflow:hidden;position:relative}
.calibration-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px;border-bottom:1px solid #ffffff0d}
.panel-brand{font:500 .8rem 'Space Grotesk',sans-serif;color:#eee;letter-spacing:-.04em}
.panel-brand b{font-weight:500;color:#a2a2a7}
.panel-status{font:500 .5rem 'Inter',sans-serif;letter-spacing:.1em;color:#b5b4af;display:flex;align-items:center;gap:7px}
.panel-status i{width:5px;height:5px;background:var(--brand);border-radius:50%}
.calibration-heading{padding:27px 27px 0;display:flex;justify-content:space-between;align-items:center;gap:15px}
.calibration-heading h3{font:500 1.1rem 'Space Grotesk',sans-serif;letter-spacing:-.03em;text-transform:none;margin:7px 0 0}
.map-dimension{border:1px solid #454036;border-radius:4px;padding:6px 9px;display:flex;align-items:center;gap:7px;font:500 .8rem 'Space Grotesk',sans-serif;color:var(--brand)}
.map-dimension>span{font:500 .45rem 'Inter',sans-serif;letter-spacing:.06em;color:#aaa}
/* The panel furniture shares the map's energy: the live dot pulses and the
   3D VIEW chip breathes, so the surface never looks like the only live part. */
.home-motion .panel-status i{animation:panelPulse 1.9s ease-in-out infinite}
.home-motion .map-dimension{animation:dimensionGlow 3.6s ease-in-out infinite}
@keyframes panelPulse{
  0%,100%{opacity:.8;box-shadow:0 0 0 0 rgba(255,178,44,0)}
  50%{opacity:1;box-shadow:0 0 10px 2px rgba(255,178,44,.55)}
}
@keyframes dimensionGlow{
  0%,100%{border-color:#454036;box-shadow:0 0 0 rgba(255,178,44,0)}
  50%{border-color:#6d5b33;box-shadow:0 0 16px rgba(255,178,44,.2)}
}
.map-viewport{position:relative;height:320px;isolation:isolate;overflow:hidden}
.map-viewport::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,#ffae000b,transparent 60%);z-index:-1}
#tuningMap{width:100%;height:100%;display:block;position:absolute;inset:0}
.map-fallback{position:absolute;inset:0;width:100%;height:100%;opacity:.9}
.map-ready .map-fallback{display:none}
.map-axis{position:absolute;font:500 .45rem 'Inter',sans-serif;letter-spacing:.14em;color:#85817a;pointer-events:none}
.map-axis-y{left:20px;top:42%;writing-mode:vertical-rl;transform:rotate(180deg)}
.map-axis-x{bottom:16px;left:50%;transform:translateX(-50%)}
.map-axis-z{top:24px;right:20px;color:#b29b6c}
.map-controls{margin:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px;border-radius:5px;background:#090a0c;border:1px solid #ffffff0d}
.map-controls button{display:flex;justify-content:center;align-items:center;gap:9px;padding:12px 8px;min-height:42px;border:1px solid transparent;border-radius:3px;background:transparent;color:#75767a;font:500 .56rem 'Inter',sans-serif;cursor:pointer;transition:background .2s,border-color .2s}
.map-controls button span{font-size:.69rem;color:#abacb1}
.map-controls button:hover{background:#202020}
.map-controls button.is-active{background:#352b17;border-color:#715424;color:#bc892b}
.map-controls button.is-active span{color:#ffcb61}
.map-details{padding:18px 27px 22px;min-height:99px}
.map-details p{font-size:.68rem;line-height:1.65;color:#aaa9a6;margin:0 0 9px;min-height:2.2em}
.map-details>span{font-size:.44rem;letter-spacing:.14em;color:#85817a}
.tuning-caption{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;font-size:.51rem;letter-spacing:.07em;color:#929398}
.tuning-caption>span{display:flex;align-items:center;gap:8px}
.tuning-caption i{width:4px;height:4px;background:var(--brand);border-radius:50%;flex:none}
.tuning-caption a{font-size:.58rem;letter-spacing:0;color:#b6b6ba}
.tuning-caption a:hover{color:var(--brand)}

/* Workshop content: sharper edges, more space, clear actions. */
.home-performance .ssm-band{border:1px solid var(--line);border-radius:4px;background:#111214;padding:20px 0;margin:0 0 95px}
.home-performance .ssm-inner{padding:0 24px;gap:18px}
.home-performance .ssm-badge{width:42px;height:42px;background:transparent;color:var(--brand);border:1px solid #665025;border-radius:3px;font-size:.9rem}
.home-performance .ssm-text strong{font-size:.76rem}
.home-performance .ssm-text span{font-size:.65rem;margin-top:4px}
.home-performance .ssm-number{font-size:.67rem;border:0;background:transparent;padding:0;color:#d4d4d6}
.home-performance .ssm-reg-label{font-size:.5rem}
.home-performance .ssm-points{font-size:.63rem;gap:14px;margin-left:auto}
.home-performance .section{padding:0 0 96px}
.home-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px}
.home-section-heading h2{margin:0}
.home-section-heading .performance-kicker{margin-bottom:22px}
.home-section-lede{max-width:335px;color:#999ba2;font-size:.85rem;line-height:1.85;margin:0 0 5px}
.home-performance .service-grid{gap:16px;margin-top:0;perspective:1100px}
.home-performance .service-card{border-radius:5px;padding:29px;gap:18px;background:linear-gradient(140deg,#17181a,#101113);min-height:280px;box-shadow:none;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s ease,border-color .3s ease,opacity .6s ease}
.home-performance .service-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),#ffba3810,transparent 65%);opacity:0;transition:opacity .3s;pointer-events:none}
.home-performance .service-card:hover::before{opacity:1}
.home-performance .service-card:hover,.home-performance .service-card:focus-within{border-color:#9b7432}
.home-performance .service-card-featured{background:linear-gradient(135deg,#292318,#141312);border-color:#69502a}
.home-performance .service-icon{width:38px;height:38px;background:transparent;border:0;border-radius:0;place-items:start center}
.home-performance .service-icon svg{width:29px;height:29px}
.home-performance .service-num{font:400 .7rem 'Space Grotesk',sans-serif;color:#626267;top:29px;right:29px}
.home-performance .service-card h3{font-size:1.55rem;letter-spacing:0;margin:0}
.home-performance .service-card p{font-size:.77rem;color:#999ba2;line-height:1.8;margin:0}
.service-link{display:flex;justify-content:space-between;align-items:center;font-size:.68rem;color:#d0d1d4;margin-top:auto;padding-top:12px;position:relative;min-height:38px}
.service-link>span{font-size:1.2rem;color:var(--brand)}
.service-link:hover{color:var(--brand)}
.home-performance #why{border-top:1px solid var(--line);padding-top:46px}
.home-performance #why h2{font-size:2.5rem}
.home-performance .why-grid{gap:28px;margin-top:32px}
.home-performance .why-card{background:transparent;border:0;border-radius:0;border-left:1px solid var(--line);padding:0 0 0 22px;gap:12px}
.home-performance .why-card:hover{transform:none}
.home-performance .why-icon{width:25px;height:25px;border-radius:50%;font-size:.68rem;background:transparent}
.home-performance .why-card h3{font-size:1.3rem}
.home-performance .why-card p{font-size:.76rem}
.home-performance .section-head{gap:24px;align-items:flex-end}
.home-performance .eyebrow{font-size:.62rem;font-weight:600;letter-spacing:.15em;margin-bottom:20px}
.home-performance .featured-section>.muted{font-size:.83rem;line-height:1.85}
.home-performance .brands-strip{margin-top:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}
.home-performance .brands-strip>p{font-size:.63rem;letter-spacing:.08em}
.home-performance .brand-tile{border:0;background:transparent;border-radius:0;color:#b1b1b5;font-size:1.35rem;min-width:180px;min-height:65px;font-weight:700}
.home-performance .brand-tile:hover{color:var(--brand);box-shadow:none}
.home-performance .marquee:focus-within .marquee-track{animation-play-state:paused}
.home-performance .stripe-divider{height:2px;margin:0 0 85px;background:linear-gradient(90deg,var(--brand) 0 7%,#ffffff10 7% 100%);animation:none}
.home-performance .films-grid{gap:24px;margin-top:0}
.home-performance .film-media{aspect-ratio:16/10;border-radius:5px;border:1px solid var(--line)}
.home-performance .film-media iframe{pointer-events:auto}
.film-facade{width:100%;height:100%;display:block;border:0;padding:0;background:#151515;color:#fff;cursor:pointer;position:relative}
.film-facade::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090a0dbf,transparent 65%);pointer-events:none}
.home-performance .film-facade img{width:100%;height:100%;object-fit:cover;filter:saturate(.6) brightness(.7)}
.home-performance .film-play{opacity:1;transform:translate(-50%,-50%);z-index:1;width:58px;height:58px;font-size:15px;display:grid;place-items:center;color:#fff;background:#ffffff15;backdrop-filter:blur(6px);border:1px solid #ffffff60;border-radius:50%;box-shadow:none}
.film-watch-label{position:absolute;bottom:25px;left:25px;z-index:1;font:500 .58rem 'Inter',sans-serif;letter-spacing:.12em;color:#eee}
.home-performance .film-body{padding:20px 0 0}
.home-performance .film-body h3{font-size:1.6rem}
.home-performance .film-link{font-size:.6rem;letter-spacing:.1em}
.home-performance .films-head{text-align:left}
.home-performance #testimonials h2{font-size:2.7rem}
.home-performance .testimonial-card{border-radius:5px;padding:28px;background:#121315;box-shadow:none}
.home-performance .t-text{font-size:.8rem;line-height:1.9}
.home-performance .t-stars{font-size:.7rem}
.home-performance .t-avatar{background:#28231a;border:1px solid #615032;color:var(--brand);width:36px;height:36px;font-size:.85rem}
.home-performance .t-author b{font-size:.75rem}
.home-performance .t-author span{font-size:.65rem}
.home-performance .cta-band{margin:0 0 96px;padding:70px 32px;border-radius:5px;background:linear-gradient(120deg,#191816,#121315);border-color:#4a402d;isolation:isolate}
.home-performance .cta-band::before{background:radial-gradient(ellipse at 50% 0%,#ffa50016,transparent 70%)}
.home-performance .cta-band h2{font-size:clamp(3.2rem,6vw,6rem);line-height:.94;margin-bottom:24px}
.home-performance .cta-band .performance-kicker{justify-content:center;font-size:.58rem}
.home-performance .cta-band .lede{font-size:.82rem;max-width:490px;line-height:1.85}
.home-performance .booking-watermark{position:absolute;bottom:-42px;left:50%;transform:translateX(-50%);font:800 clamp(7rem,20vw,19rem)/1 'Barlow Condensed',sans-serif;letter-spacing:.02em;z-index:-1;color:#ffffff03;pointer-events:none}
.home-performance .cta-actions .btn-wa{border-radius:4px;font-size:.82rem;box-shadow:none}
.home-performance #visit .section-head{display:block}
.home-performance #visit h2{font-size:3rem}
.home-performance .info-card{border-radius:5px;background:#121315;padding:28px}
.home-performance .info-card h3{font-size:1.7rem}
.home-performance .info-card>.muted,.home-performance .contact-list,.home-performance .hours-table{font-size:.8rem}
.home-performance .map-embed{border-radius:3px;filter:grayscale(.75)}
.home-performance .site-footer{background:#08090a;border-top:1px solid var(--line);padding-top:46px}
.home-performance .footer-brand{font-size:1.5rem}
.home-performance .footer-inner .muted{font-size:.74rem;line-height:1.9}
.home-performance .footer-cols a{font-size:.74rem}
.home-performance .footer-bottom{font-size:.65rem;gap:20px}
.home-performance .footer-ssm{font-size:.65rem}
.home-performance .wa-btn{padding:11px 17px 11px 12px;animation:none;font-size:.75rem}
.home-performance .wa-btn::before,.home-performance .wa-btn::after{animation:none;display:none}
.home-performance .wa-icon svg{width:23px;height:23px}
.home-performance .wa-txt b{font-size:.72rem}
.home-performance .wa-txt span{font-size:.6rem}

/* Enhancement never hides content before JavaScript arms an observer. */
.home-motion .hero-enter{animation:homeEnter .9s cubic-bezier(.16,1,.3,1) both}
.home-motion .hero-enter:nth-child(2){animation-delay:.1s}
.home-motion .hero-enter:nth-child(3){animation-delay:.2s}
.home-motion .hero-enter:nth-child(4){animation-delay:.3s}
.home-motion .hero-enter:nth-child(5){animation-delay:.4s}
.home-performance [data-reveal]{transition:opacity .7s ease,translate .7s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.home-motion [data-reveal].home-reveal-ready:not(.is-visible){opacity:0;translate:0 28px}
.home-motion .calibration-panel[data-tilt]{transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s ease}
@keyframes homeEnter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@keyframes scrollLine{to{transform:translateY(52px)}}
@keyframes motionBars{to{transform:scaleY(.4)}}

@media(min-width:1500px){.home-performance .performance-hero{height:900px}.performance-title{font-size:10.5rem}}
@media(max-width:1180px){
  .home-performance .wrap{padding-left:30px;padding-right:30px}
  .home-performance .header-inner{gap:15px}
  .home-performance .main-nav{gap:16px}
  .home-performance .main-nav a{font-size:.7rem}
  .home-performance .brand-name{font-size:1rem;max-width:105px}
  .home-performance .brand-logo{max-width:80px;height:42px}
  .home-performance .header-actions{gap:9px}
  .home-performance .performance-hero{padding-left:30px;padding-right:30px}
  .performance-hero-bottom{left:30px;right:30px}
  .tuning-section{gap:40px}
  .home-performance .ssm-points{display:none}
  .home-performance .service-card{padding:24px}
}
@media(max-width:960px){
  .home-performance .header-inner{flex-wrap:wrap}
  .home-performance .main-nav{gap:12px}
  .home-performance .header-actions .hello{display:none}
  .home-performance .header-actions .btn-solid{display:none}
  .performance-title{font-size:7.4rem}
  .performance-hero-art img{object-position:60% 50%}
  .performance-capabilities{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:.57rem;gap:18px}
  .performance-capabilities i{display:none}
  .tuning-section{gap:30px;grid-template-columns:1fr 1.1fr}
  .tuning-copy h2{font-size:3.2rem}
  .calibration-toolbar{padding:16px}
  .calibration-heading{padding:20px 18px 0}
  .map-viewport{height:280px}
  .map-controls{margin:0 14px}
  .map-details{padding:16px 18px}
  .tuning-caption{flex-direction:column;align-items:flex-start;gap:10px}
  .home-performance .why-grid{grid-template-columns:repeat(2,1fr);gap:30px}
}
@media(max-width:820px){
  .home-performance .wrap{padding-left:22px;padding-right:22px}
  .home-performance .site-header .wrap.header-inner{padding:15px 22px;min-height:76px;gap:12px;flex-wrap:nowrap}
  .home-performance .brand-name{font-size:1rem;max-width:105px}
  .home-performance .brand-logo{height:39px;max-width:82px}
  .home-performance .brand{gap:8px;margin-right:auto}
  .home-performance .nav-burger{order:3;border-radius:3px;width:40px;height:40px}
  .home-performance .header-actions{flex:0 0 auto;gap:10px}
  .home-performance .header-actions .btn-ghost{border:0;padding:6px;min-height:40px;font-size:.7rem}
  .home-performance .main-nav.open{top:100%;background:#101113fa;padding:16px 24px 24px;gap:8px;max-height:calc(100vh - 76px);max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain}
  .home-performance .main-nav.open a{font-size:.9rem;padding:9px 0}
  .home-performance .main-nav .mobile-account-link{display:block}
  .home-performance .performance-hero{height:830px;min-height:760px;max-height:none;padding:130px 22px 150px;align-items:center}
  .performance-title{font-size:7.8rem;line-height:.82;margin-top:26px}
  .performance-kicker{font-size:.56rem;gap:8px}
  .performance-hero-art img{object-position:67% 50%}
  .performance-hero-shade{background:linear-gradient(90deg,#090a0de6,#090a0d7a 50%,#090a0d05),linear-gradient(0deg,#0b0c0e,transparent 40%)}
  .hero-coordinate{right:22px;bottom:115px}
  .performance-hero-bottom{left:22px;right:22px}
  .hero-bottom-note{display:none}
  .hero-grid-lines{inset:76px 22px 80px}
  .home-section{padding:76px 0}
  .tuning-section{grid-template-columns:1fr;gap:34px}
  .tuning-copy h2{font-size:3.8rem}
  .tuning-copy>p:not(.performance-kicker):not(.tuning-note){max-width:560px}
  .tuning-tool{max-width:560px}
  .tuning-visual{max-width:600px;width:100%;margin:0 auto}
  .map-viewport{height:330px}
  .tuning-caption{flex-direction:row;align-items:center}
  .home-performance .ssm-band{margin-bottom:72px}
  .home-performance .ssm-inner{gap:14px}
  .home-performance .section{padding-bottom:72px}
  .home-section-heading{gap:25px}
  .home-section-lede{max-width:270px;font-size:.78rem}
  .home-performance h2{font-size:3.3rem}
  .home-performance .films-grid{grid-template-columns:1fr 1fr;gap:18px}
  .home-performance .film-media{aspect-ratio:4/3}
  .home-performance .cta-band{margin-bottom:72px}
}
@media(max-width:560px){
  .home-performance .site-header .wrap.header-inner{padding:12px 18px;min-height:72px;gap:10px}
  .home-performance .brand-logo{max-width:60px;height:34px}
  .home-performance .brand-name{font-size:.92rem;max-width:96px}
  .home-performance .header-actions{gap:9px}
  .home-performance .header-actions .btn-ghost{display:none}
  .home-performance .cart-link{font-size:.68rem;gap:5px}
  .home-performance .performance-hero{height:auto;min-height:860px;padding:115px 22px 370px;align-items:flex-start}
  .performance-hero-art img{object-fit:cover;object-position:70% bottom;height:64%;position:absolute;bottom:0;left:0;width:100%}
  .performance-hero-art{background:#0b0c0e}
  .performance-hero-shade{background:linear-gradient(180deg,#0b0c0e 0%,#0b0c0e 31%,#0b0c0ecc 43%,transparent 66%,#0b0c0e 95%)}
  .hero-grid-lines{inset:72px 22px 75px}
  .performance-hero .performance-kicker{font-size:.5rem;letter-spacing:.13em;gap:7px;flex-wrap:wrap}
  .performance-title{font-size:clamp(5.8rem,23vw,8rem);margin:26px 0 22px;line-height:.83}
  .performance-hero-copy{font-size:.78rem;max-width:350px}
  .desktop-break{display:none}
  .performance-actions{gap:16px;margin-top:23px;flex-wrap:nowrap}
  .performance-actions .btn-lg{padding:13px 15px;min-height:48px;font-size:.7rem;gap:12px}
  .hero-text-link{font-size:.65rem;gap:7px}
  .round-arrow{width:27px;height:27px;font-size:.85rem;flex:none}
  .hero-tech-signature{gap:13px;margin-top:26px}
  .hero-tech-signature>.tiny-label{font-size:.46rem;max-width:65px}
  .hero-tech-signature>strong{font-size:1.3rem}
  .hero-tech-signature>b{font-size:.7rem}
  .hero-coordinate{bottom:112px;right:22px;gap:8px}
  .hero-coordinate>span{font-size:.44rem}
  .hero-coordinate>b{font-size:.46rem}
  .performance-hero-bottom{bottom:20px;padding-top:14px;gap:12px}
  .scroll-cue{font-size:.45rem;gap:10px;letter-spacing:.1em}
  .motion-toggle{font-size:.55rem;gap:8px}
  .performance-capabilities{font-size:.48rem;line-height:1.7;gap:14px 20px;padding:22px 0}
  .home-section{padding:62px 0}
  .home-performance h2,.tuning-copy h2{font-size:3.1rem}
  .tuning-copy>p:not(.performance-kicker):not(.tuning-note){font-size:.82rem}
  .tuning-benefits li{font-size:.73rem}
  .tuning-copy .btn-solid{width:100%;justify-content:space-between}
  .calibration-heading{padding-top:22px}
  .calibration-heading h3{font-size:1rem}
  .map-viewport{height:250px}
  .map-axis-y{left:10px}
  .map-axis-z{right:12px;top:18px;font-size:.38rem}
  .map-axis-x{font-size:.4rem}
  .map-details{min-height:109px}
  .map-details p{font-size:.65rem}
  .map-details>span{font-size:.38rem}
  .tuning-caption{font-size:.43rem;gap:10px;align-items:flex-start}
  .tuning-caption a{font-size:.48rem;text-align:right;max-width:95px}
  .home-performance .ssm-band{margin-bottom:62px}
  .home-performance .ssm-inner{padding:0 17px}
  .home-performance .ssm-text{min-width:170px}
  .home-performance .ssm-text strong{font-size:.69rem}
  .home-performance .ssm-text span{font-size:.58rem}
  .home-performance .ssm-reg{margin-left:56px}
  .home-section-heading{display:block;margin-bottom:28px}
  .home-section-lede{max-width:100%;margin:23px 0 0;font-size:.79rem}
  .home-performance .section{padding-bottom:62px}
  .home-performance .service-grid{grid-template-columns:1fr;gap:12px}
  .home-performance .service-card{min-height:260px;padding:25px;gap:15px}
  .home-performance .service-card h3{font-size:1.65rem}
  .home-performance .service-card p{font-size:.8rem}
  .home-performance .why-grid{gap:25px 20px}
  .home-performance #why h2{font-size:2.3rem}
  .home-performance .why-card{padding-left:14px}
  .home-performance .why-card p{font-size:.7rem}
  .home-performance .why-card h3{font-size:1.2rem}
  .home-performance .section-head{align-items:flex-start;gap:18px}
  .home-performance .section-head .btn-sm{padding:8px 12px;min-height:38px;font-size:.65rem;white-space:nowrap;gap:5px;margin-top:34px}
  .home-performance .featured-section h2{font-size:2.5rem}
  .home-performance .brand-tile{min-width:130px;font-size:1.1rem}
  .home-performance .stripe-divider{margin-bottom:62px}
  .home-performance .films-grid{grid-template-columns:1fr;gap:32px}
  .home-performance .film-media{aspect-ratio:16/10}
  .home-performance #testimonials h2{font-size:2.4rem}
  .home-performance .testimonials-grid{gap:13px}
  .home-performance .cta-band{padding:52px 22px;margin-bottom:62px}
  .home-performance .cta-band h2{font-size:3.5rem}
  .home-performance .cta-band .performance-kicker{font-size:.49rem;letter-spacing:.1em}
  .home-performance .cta-band .lede{font-size:.78rem}
  .home-performance .cta-actions{gap:10px}
  .home-performance #visit h2{font-size:2.7rem}
  .home-performance .footer-cols{gap:55px}
  .home-performance .footer-bottom{padding-bottom:90px}
  .home-performance .wa-btn{padding:13px}
}
@media(max-width:360px){
  .home-performance .wrap{padding-left:18px;padding-right:18px}
  .home-performance .brand-logo{max-width:49px}
  .home-performance .brand-name{font-size:.82rem;max-width:85px}
  .home-performance .performance-hero{padding-left:18px;padding-right:18px;min-height:850px}
  .performance-actions{gap:10px}
  .performance-actions .btn-lg{font-size:.64rem;padding:12px;gap:7px}
  .hero-text-link{font-size:.6rem}
  .hero-tech-signature{gap:10px}
  .hero-tech-signature>b{font-size:.62rem}
  .home-performance .cta-band h2{font-size:2.9rem}
}
@media(prefers-reduced-motion:reduce){
  .home-performance *,.home-performance *::before,.home-performance *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .home-performance [data-reveal]{opacity:1!important;translate:none!important}
  .home-performance [data-tilt],.home-performance .performance-hero-art img{transform:none!important}
}
.motion-paused .home-performance *,.motion-paused .home-performance *::before,.motion-paused .home-performance *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.motion-paused .home-performance [data-reveal]{opacity:1!important;translate:none!important;transition:none!important}
.motion-paused .home-performance [data-tilt],.motion-paused .home-performance .performance-hero-art img{transform:none!important;transition:none!important}
.motion-paused .home-performance .rev,.motion-paused .home-performance .reveal{opacity:1!important;transform:none!important}
html:not(.home-motion) .home-performance *,html:not(.home-motion) .home-performance *::before,html:not(.home-motion) .home-performance *::after{animation:none!important}
html:not(.home-motion) .home-performance .marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}
html:not(.home-motion) .home-performance .marquee-track{transform:none}
html:not(.home-motion) .home-performance .marquee-track [aria-hidden="true"]{display:none}

/* The full-bleed hero is 100vw wide, so a vertical scrollbar makes it wider than
   the usable viewport and adds a horizontal scrollbar. Clamp the root; `clip`
   (unlike `hidden`) does not create a scroll container, so the fixed header and
   sticky elements keep working. */
html{overflow-x:clip}