/* SCRIEP · CI adaptation, September 2026.
   Source: scriep-corporate-design-rz.pdf, pp. 1–6.
   Load LAST: original page structure and responsive grids are retained.
   See DESIGN-ANALYSE.md for explicit CI rules versus web recommendations. */
@font-face{font-family:Inter;src:url('assets/fonts/inter-300.woff') format('woff');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:Inter;src:url('assets/fonts/inter-400.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/fonts/inter-500.woff') format('woff');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('assets/fonts/inter-700.woff') format('woff');font-style:normal;font-weight:600 900;font-display:swap}

:root{
  color-scheme:dark;
  --brand-navy:#0c1c4c;--brand-mint:#4cd6a5;--brand-magenta:#cf01db;
  --brand-mint-light:#a5ebd2;--brand-mint-pale:#dbf7ed;--brand-mint-wash:#edfbf6;
  --brand-green:#34a778;--brand-pink:#f1b3f4;--brand-pink-pale:#fae5fb;
  --primary:var(--brand-mint);--primary-2:var(--brand-mint);--primary-3:var(--brand-mint-light);
  --secondary:var(--brand-mint);--secondary-2:var(--brand-mint-light);
  --purple:var(--brand-magenta);--purple-2:var(--brand-pink);--purple-3:var(--brand-pink);
  --purple-dim:rgb(207 1 219 / .09);--purple-glow:rgb(207 1 219 / .1);
  --surface:#0b1839;--surface-2:#11234a;--surface-3:#192a54;
  --text:#f5f8fc;--text-soft:#bec8db;--text-muted:#a3b1ca;
  --border:rgb(165 235 210 / .13);--border-2:rgb(165 235 210 / .24);
  --radius-xl:28px;--radius-lg:22px;--radius-md:18px;--radius-sm:12px;
  --shadow-dark:0 20px 56px rgb(3 8 25 / .24);
  --shadow-glow:0 0 0 1px rgb(76 214 165 / .12),0 20px 54px rgb(3 8 25 / .22);
  --shadow-purple:0 18px 54px rgb(12 28 76 / .18);
  --content-width:1120px;
}
html{scroll-padding-top:104px;touch-action:auto}
body{
  font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;
  background-color:#08132f;
  background-image:radial-gradient(ellipse 65% 22% at 5% 3%,rgb(76 214 165 / .085),transparent 70%),
    radial-gradient(ellipse 75% 36% at 100% 35%,rgb(207 1 219 / .08),transparent 70%),
    radial-gradient(ellipse 75% 28% at 10% 70%,rgb(76 214 165 / .035),transparent 70%),
    linear-gradient(166deg,#08132f 0%,#0c1c4c 28%,#191940 58%,#311747 85%,#27183f 100%);
  color:var(--text);line-height:1.6;
}
::selection{background:var(--brand-mint);color:var(--brand-navy)}
:focus-visible{outline:2px solid var(--brand-mint-light);outline-offset:5px}
button,input,textarea,select{font:inherit}
button,a{-webkit-tap-highlight-color:rgb(76 214 165 / .15)}
[hidden]{display:none!important}
[data-reveal]{opacity:1;transform:none;filter:none;will-change:auto;transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
#scroll-progress{width:100%;background:linear-gradient(90deg,#4cd6a5,#a5ebd2,#cf01db);background-size:100%;animation:none;transition:none;box-shadow:none}
img{height:auto}
:is(h1,h2,h3,h4){font-weight:700;letter-spacing:-.045em;line-height:1.15;text-wrap:balance}
:is(.hero-v2-h1,.page-hero-h1,.about-hero-h1,.contact-hero h1,.beats-hero h1){
  font-size:clamp(46px,6.3vw,78px);line-height:1.055;letter-spacing:-.065em;font-weight:700;
}
:is(.hero-v2-h1,.page-hero-h1,.about-hero-h1,.contact-hero h1) em{
  font-style:normal;background:linear-gradient(110deg,var(--brand-mint) 0%,var(--brand-mint-light) 28%,var(--brand-pink) 52%,#e97ff0 70%,var(--brand-mint) 100%);
  background-clip:text;-webkit-background-clip:text;color:var(--brand-mint);-webkit-text-fill-color:transparent;
  background-size:220% 100%;background-position:0% 50%;
  filter:drop-shadow(0 0 18px rgb(76 214 165 / .16));animation:scriepSpectrum 7s ease-in-out infinite;
}
@keyframes scriepSpectrum{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
:is(.section-header h2,.sticky-left h2,.about-section-h2,.svc-detail-copy h2,.ref-grid-title,.ref-floating-title,.ref-featured-title,.beats-cta-copy h2,.about-cta-card h2,.cta-content h2,.cta-copy h2){
  font-size:clamp(30px,3.7vw,48px);line-height:1.13;letter-spacing:-.045em;
}
:is(.feat-card h4,.service-card h3,.svc-process-title,.about-tl-card h3,.about-value-title,.contact-card h3){font-size:21px;letter-spacing:-.035em;line-height:1.25}
:is(.hero-v2-sub,.page-hero-sub,.about-hero-sub,.contact-hero-sub,.beats-hero-text){font-weight:400;font-size:17px;line-height:1.8;max-width:54ch}
:is(.hero-v2-eyebrow,.about-hero-eyebrow,.beats-eyebrow,.sticky-eyebrow,.services-eyebrow,.upcoming-eyebrow,.cta-eyebrow,.svc-eyebrow){font-weight:500;font-size:11px;letter-spacing:.17em;color:var(--brand-mint)}
:is(.release-label,.release-counter,.release-type,.release-services,.release-note,.hero-stat-label,.trust-item){letter-spacing:.045em}
:is(.release-label,.release-type,.release-note,.hero-stat-label){font-size:11px}
:is(.hero-stat-num,.about-stat-num,.beats-stat-num,.calc-total-price){font-variant-numeric:tabular-nums;letter-spacing:-.055em;line-height:1.2}
.hero-stat-num{color:var(--text);font-size:28px}
.hero-stat-label{color:var(--text-muted);margin-top:7px}

/* Keep the centered logo, menu drawer and primary contact action. */
.header{background:rgb(8 19 47 / .84);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:var(--border)}
.header.scrolled{background:rgb(8 19 47 / .96);border-color:var(--border-2);box-shadow:0 8px 30px rgb(3 8 25 / .18)}
.header-inner{height:80px}
body:has(>.header){padding-top:80px}
.header-nav .header-nav-logo,.logo-mark{position:relative;isolation:isolate;width:176px;height:66px;margin:0;padding:8px 10px;background:transparent;border-radius:14px}
.header-nav .header-nav-logo:hover{background:transparent}
.header-nav-logo::before,.logo-mark::before{content:'';position:absolute;inset:2px -24px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 32% 55%,rgb(76 214 165 / .13),transparent 68%),radial-gradient(ellipse at 70% 60%,rgb(207 1 219 / .1),transparent 65%);opacity:.65;transition:opacity .25s ease}
.header-nav-logo::after,.logo-mark::after{content:'';position:absolute;bottom:2px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--brand-mint),var(--brand-magenta),transparent);opacity:.65;transition:opacity .25s ease,transform .25s ease}
.header-nav-logo img,.logo-mark img{display:block;width:100%;height:100%;object-fit:contain;filter:none;transition:transform .25s ease}
.header-nav-logo:hover::before,.logo-mark:hover::before{opacity:1}
.header-nav-logo:hover::after,.logo-mark:hover::after{opacity:1;transform:scaleX(1.12)}
.header-nav-logo:hover img,.logo-mark:hover img{filter:none;transform:translateY(-1px)}
.burger,.social-icon{width:44px;height:44px;border-color:var(--border);background:rgb(165 235 210 / .035)}
.header-cta{font-size:12px;letter-spacing:0;text-transform:none;font-weight:500;min-height:42px;padding:10px 16px;color:var(--brand-mint-light);border-color:rgb(76 214 165 / .4);background:rgb(76 214 165 / .065)}
.header-cta:hover{color:var(--brand-navy);background:var(--brand-mint);border-color:var(--brand-mint)}
.side-nav{height:100dvh;overflow-y:auto;background:#0b1839;border-color:var(--border-2);width:320px;visibility:hidden}
.nav-open .side-nav{visibility:visible}
.side-nav a{font-size:16px;text-transform:none;letter-spacing:-.015em;min-height:48px}
.side-nav a[aria-current=page]{color:var(--brand-mint);background:rgb(76 214 165 / .09)}
.side-nav-back{min-height:44px;font-size:12px;letter-spacing:.04em;color:var(--text-soft)}
.side-nav-footer-label{color:var(--text-muted);font-size:11px;letter-spacing:.15em}
.side-nav::before{background:radial-gradient(ellipse at top left,rgb(76 214 165 / .07),transparent 75%)}
.nav-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgb(3 8 25 / .65)}

/* Two-column hero, same hierarchy and actions, with the original CI wave. */
.hero-v2{min-height:calc(100svh - 80px);padding:94px 0 78px;isolation:isolate}
.page-hero,.about-hero,.contact-hero,.beats-hero{position:relative;isolation:isolate}
.hero-v2-inner{grid-template-columns:minmax(0,1fr) 360px;gap:64px}
:is(.hero-v2-inner,.page-hero-inner,.about-hero-inner,.contact-hero-inner,.beats-hero-inner,.services-grid,.calc-layout)>*{min-width:0}
.hero-v2::before,.page-hero::before,.about-hero::before,.contact-hero::before,.beats-hero::before{
  content:'';position:absolute;pointer-events:none;z-index:0;inset:12% -26% 0 23%;
  background:url('assets/brand/scriep-wave.svg') center right/1200px auto no-repeat;
  opacity:.21;transform:rotate(-16deg);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 58%);mask-image:linear-gradient(90deg,transparent 0%,#000 58%);
}
.hero-v2-copy,.hero-v2-release,.beats-hero-inner{position:relative;z-index:1}
.hero-v2-eyebrow{margin-bottom:28px}
.hero-v2-h1{margin-bottom:26px}
.hero-v2-actions{margin-bottom:34px;gap:12px}
.hero-stats{padding:18px 8px;background:rgb(12 28 76 / .42);border-color:var(--border);box-shadow:none;backdrop-filter:none;margin-bottom:30px}
.hero-stat{padding:0 25px}
.hero-waveform{display:none}
.hero-orb{filter:none;opacity:.45;will-change:auto}
.hero-orb-1{background:radial-gradient(circle,rgb(76 214 165 / .18),transparent 65%)}
.hero-orb-2,.hero-orb-3{background:radial-gradient(circle,rgb(207 1 219 / .14),transparent 65%)}
.release-panel-v2{padding:24px;border:1px solid rgb(165 235 210 / .2);background:linear-gradient(150deg,rgb(25 42 84 / .96),rgb(11 24 57 / .96));box-shadow:0 30px 70px rgb(3 8 25 / .3)}
.release-header{margin-bottom:22px}
.release-slide{grid-template-columns:100px minmax(0,1fr);align-items:center;gap:16px}
.release-title{font-size:19px;line-height:1.25;letter-spacing:-.03em}
.release-services{font-size:11px;line-height:1.65;color:var(--brand-mint-light)}
.release-slider{touch-action:pan-x pan-y pinch-zoom}
.release-type{line-height:1.5;margin-bottom:4px}
.release-live-dot{background:var(--brand-mint);box-shadow:0 0 12px rgb(76 214 165 / .35);animation:none}
.release-panel-glow{opacity:.25}
.release-dots{gap:0}
.release-dot{width:28px;height:32px;min-width:28px;min-height:32px;border-radius:0;background:none;position:relative}
.release-dot::after{content:'';position:absolute;width:5px;height:5px;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--text-muted);border-radius:999px;transition:width .2s,background .2s}
.release-dot.active{width:28px;background:none}
.release-dot.active::after{width:18px;background:var(--brand-mint)}
.release-footer{margin-top:18px;padding-top:10px}
.release-waveform-mini span{background:var(--brand-mint);opacity:.7}
.release-waveform-mini span{animation-iteration-count:3}

/* The existing pill buttons remain. Mint is reserved for clear actions. */
.btn{min-height:50px;padding:13px 24px;font-size:13px;font-weight:500;text-transform:none;letter-spacing:0;line-height:1.5;box-shadow:none}
.btn-primary{background:linear-gradient(110deg,#4cd6a5,#8ee7c6);color:var(--brand-navy);border-color:rgb(165 235 210 / .2);box-shadow:0 8px 26px rgb(76 214 165 / .1)}
.btn-ghost,.btn-hero-light{background:rgb(165 235 210 / .025);border:1px solid rgb(165 235 210 / .25);color:var(--text);backdrop-filter:none}
.btn-hero{min-width:180px}
.btn::after{transition:opacity .2s}
.btn:active{transform:translateY(1px)}
.pulse-border::after{background:linear-gradient(120deg,rgb(76 214 165 / .28),transparent 40%,rgb(207 1 219 / .22));opacity:.65;animation:none}
.floating-panel{--float-distance:-8px;--float-rotate:.3deg;animation-name:scriepFloat;animation-duration:7s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
@keyframes scriepFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(var(--float-distance)) rotate(var(--float-rotate))}}
.svc-badge-1{animation-delay:-.5s}.svc-badge-2{animation-delay:-2.2s}.svc-badge-3{animation-delay:-1.1s}.svc-badge-4{animation-delay:-3.4s}
.floating-panel:focus-within,.floating-panel:hover{animation-play-state:paused}
.motion-offscreen,.document-inactive .floating-panel,.document-inactive :is(.hero-v2-h1,.page-hero-h1,.about-hero-h1,.contact-hero h1) em{animation-play-state:paused!important}

/* Surface family; existing card radii and grids are preserved. */
:is(.feat-card,.service-card,.upcoming-card,.svc-badge,.svc-visual-card,.about-hero-panel,.about-tl-card,.about-member-card,.about-equip-card,.about-value-card,.contact-card,.contact-form,.calc-summary,.calc-option,.beat-card,.beats-stat,.ref-card,.ref-featured-card,.thanks-card,.buy-ok-card){
  background-color:var(--surface);border-color:var(--border);box-shadow:var(--shadow-dark);backdrop-filter:none;-webkit-backdrop-filter:none;
}
:is(.feat-card,.service-card,.svc-badge,.about-value-card,.contact-card){background:linear-gradient(145deg,rgb(17 35 74 / .8),rgb(11 24 57 / .85))}
.service-card::before{background:linear-gradient(90deg,var(--brand-mint),var(--brand-magenta));height:2px;opacity:.7}
.service-card-bar,.feat-card::before{background:var(--brand-mint);width:2px}
:is(.svc-badge-icon,.contact-card-icon,.service-icon,.about-value-icon){background:rgb(76 214 165 / .07);border-color:rgb(76 214 165 / .2);color:var(--brand-mint)}
.service-num{color:var(--brand-mint);font-size:12px;letter-spacing:.08em}
.feat-icon{color:var(--brand-mint);background:rgb(76 214 165 / .08)}
.section{padding:96px 0}
.trust-strip{border-color:var(--border);padding:18px 0}
.trust-item{font-size:11px;padding:8px 12px;text-transform:none;border-color:var(--border);background:rgb(12 28 76 / .3);color:var(--text-soft)}
.trust-item-dot{background:var(--brand-mint)}
.sticky-inner{gap:72px}
.sticky-left h2{max-width:12ch}
.quote-section{padding:100px 0;isolation:isolate;overflow:hidden}
.quote-section::before{inset:0;opacity:.14;background:url('assets/brand/scriep-wave.svg') center/cover no-repeat;filter:none;z-index:-1}
.quote-text{font-size:clamp(28px,4vw,48px);line-height:1.25;font-weight:500;letter-spacing:-.045em;text-wrap:balance}
.quote-mark{color:var(--brand-mint);opacity:.75;font-size:88px}
.quote-author{color:var(--text-soft)}
:is(.cta-card,.about-cta-card,.beats-cta-inner){background:linear-gradient(125deg,rgb(12 28 76 / .85),rgb(40 23 66 / .92));border-color:rgb(165 235 210 / .22);box-shadow:var(--shadow-dark)}
.cta-card h2,.about-cta-card h2,.beats-cta-inner h2{font-size:clamp(30px,3.4vw,44px);line-height:1.16;letter-spacing:-.045em}
.footer{border-top:1px solid var(--border);background:rgb(8 19 47 / .45);padding:32px 0}
.footer-copy,.footer-links a{font-size:12px;color:var(--text-soft);letter-spacing:0;text-transform:none}
.footer-copy::before{content:'';display:inline-block;width:38px;height:35px;margin-right:12px;background:url('assets/brand/scriep-logo-mint.svg') center/contain no-repeat;vertical-align:middle}
.footer-links a:hover{color:var(--brand-mint)}

/* Form states, filters and commerce UI. */
input:not([type=checkbox]):not([type=range]):not([type=hidden]),textarea,select{
  background:rgb(6 15 38 / .6);color:var(--text);border-color:rgb(165 235 210 / .23);border-radius:12px;font-size:16px;line-height:1.5;
}
input::placeholder,textarea::placeholder{color:#9eacc5;opacity:1}
input:focus,textarea:focus,select:focus{border-color:var(--brand-mint);box-shadow:0 0 0 3px rgb(76 214 165 / .1)}
input[type=checkbox],input[type=range]{accent-color:var(--brand-mint)}
.calc-pill,.calc-step-btn,.tag-btn,.beats-reset-btn{min-height:44px;font-size:12px;letter-spacing:0}
.calc-pill.active,.tag-btn.active{background:rgb(76 214 165 / .12);color:var(--brand-mint-light);border-color:var(--brand-mint)}
.calc-total-price{font-size:42px;color:var(--brand-mint);background:none;-webkit-text-fill-color:currentColor}
.calc-total-value{font-size:42px;line-height:1.2;letter-spacing:-.055em;color:var(--brand-mint);background:none;-webkit-text-fill-color:currentColor;font-variant-numeric:tabular-nums}
.license-modal{background:rgb(3 8 25 / .85)}
.license-tier-card{background:var(--surface);border-color:var(--border);min-width:0}
.license-tier-card.featured{border-color:rgb(76 214 165 / .6);box-shadow:0 0 30px rgb(76 214 165 / .07)}
.license-tier-price{font-size:32px;line-height:1.2;letter-spacing:-.04em}
.beats-hero h1 span{color:var(--brand-mint-light)}
.beats-stat-num{background:none;color:var(--text);-webkit-text-fill-color:currentColor;font-size:32px}
.beats-field label{color:var(--text-soft)}
.beats-hero{isolation:isolate}
.ref-card-title{font-size:20px;line-height:1.3;letter-spacing:-.03em}
.ref-card{opacity:1;transform:none}
.service-card,.upcoming-card{opacity:1;transform:none}
.ref-featured-title{font-size:clamp(26px,3.4vw,44px)}
.about-member-name{font-size:36px;letter-spacing:-.045em}
.about-panel-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.about-stat-label{font-size:10px;letter-spacing:.06em}
.contact-hero .hero-sub{font-weight:400;line-height:1.8}
.section-eyebrow{color:var(--brand-mint);font-size:11px;letter-spacing:.17em}
.ref-scroll-strip:hover,.ref-scroll-strip:focus-within{animation-play-state:paused}
.about-panel-logo{filter:none}
.about-panel-logo img{background:var(--brand-mint-wash);padding:16px;border-radius:16px}
.legal-header{background:rgb(8 19 47 / .95);border-color:var(--border);backdrop-filter:blur(12px)}
.legal-logo img{width:156px;height:56px;object-fit:contain;background:transparent;padding:5px 8px;border-radius:12px}
.legal-brand-mark{width:156px;height:56px;flex-shrink:0;background:transparent;padding:5px 8px;border:0;border-radius:12px}
.legal-brand-mark img{width:100%;height:100%;object-fit:contain}
.legal-brand-kicker{font-size:10px;letter-spacing:.08em;color:var(--text-muted)}
.legal-brand-title{font-size:20px;letter-spacing:-.035em;line-height:1.2}
.legal-nav a{letter-spacing:0;font-size:12px;min-height:44px;display:inline-flex;align-items:center}
.legal-hero h1{font-size:clamp(32px,6vw,60px);line-height:1.1;letter-spacing:-.05em;overflow-wrap:anywhere}
.legal-card h2,.legal-section h2{font-size:24px;line-height:1.3;letter-spacing:-.03em}
.legal-card p,.legal-section p{line-height:1.85;font-weight:400}
.thanks-card h1,.buy-ok-card h1{font-size:clamp(36px,5vw,54px);line-height:1.15;letter-spacing:-.045em}
.thanks-check,.buy-ok-check{background:linear-gradient(120deg,var(--brand-mint),var(--brand-mint-light));color:var(--brand-navy);box-shadow:0 12px 30px rgb(76 214 165 / .1)}
.thanks-check svg path,.buy-ok-check svg path{stroke:var(--brand-navy)}

@media(hover:hover) and (pointer:fine){
  .btn-primary:hover{filter:none;background:linear-gradient(110deg,#72e0b9,#a5ebd2);box-shadow:0 12px 32px rgb(76 214 165 / .16);transform:translateY(-2px)}
  .btn-ghost:hover{border-color:var(--brand-mint);background:rgb(76 214 165 / .06)}
  :is(.feat-card,.service-card,.svc-badge,.about-value-card,.contact-card):hover{transform:translateY(-4px);border-color:rgb(76 214 165 / .35);box-shadow:0 24px 54px rgb(3 8 25 / .28)}
}
@media(max-width:1050px){
  .hero-v2-inner{grid-template-columns:minmax(0,1fr) 330px;gap:32px}
  .hero-v2-h1{font-size:clamp(46px,6.6vw,66px)}
  .hero-v2-actions{gap:10px}.btn-hero{min-width:0}
  .release-panel-v2{padding:20px}.release-slide{grid-template-columns:88px minmax(0,1fr);gap:12px}.release-cover{width:88px;height:88px}
}
@media(max-width:899px){
  .hero-orb,.hero-scroll-dot,.pulse-border::after,.wf-bar,.release-waveform-mini span,.release-live-dot,.quote-scan-line,.ref-scroll-strip{animation:none!important}
  .floating-panel{--float-distance:-4px;--float-rotate:0deg;animation-duration:8s}
  :is(.hero-v2-h1,.page-hero-h1,.about-hero-h1,.contact-hero h1) em{filter:none;animation-duration:9s}
  .header-right .social-icons{display:none}.header-inner{padding-inline:20px}
  .header-cta{padding:9px 12px;font-size:11px}
  .logo-mark{width:144px;height:58px;padding:7px 8px}
  .hero-v2-inner{grid-template-columns:1fr;gap:40px}
  .hero-v2{min-height:0;padding:70px 0 60px}
  .hero-v2-copy{max-width:650px}.hero-v2-release{width:100%;max-width:460px;margin-top:0}
  .hero-v2-h1{font-size:clamp(48px,8vw,72px)}
  .hero-v2::before{inset:25% -100% 0 0;background-size:1000px;opacity:.16}
  .hero-scroll-hint{display:none}
  .section{padding:72px 0}.quote-section{padding:76px 0}
  .sticky-inner{gap:36px}
  .page-hero-inner,.about-hero-inner,.contact-hero-inner{grid-template-columns:1fr;gap:36px}
  .page-hero,.about-hero,.contact-hero{min-height:0;padding-top:68px;padding-bottom:56px}
  .hero-orb,.beats-hero-orb{display:none}
  .glass-card{backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(max-width:600px){
  .header-inner{height:72px;padding-inline:16px;gap:10px}body:has(>.header){padding-top:72px}
  .logo-mark{width:134px;height:54px;padding:7px 8px;border-radius:10px}
  .header-cta{font-size:10px;padding:9px 10px;min-height:40px}
  .burger{width:40px;height:40px}.header-right{gap:0}
  .hero-v2{padding:50px 0 48px}
  .hero-v2-eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:24px}
  :is(.hero-v2-h1,.page-hero-h1,.about-hero-h1,.contact-hero h1,.beats-hero h1){font-size:clamp(39px,10vw,57px);line-height:1.08;letter-spacing:-.065em}
  .hero-v2-h1{font-size:clamp(40px,10.7vw,58px)}
  :is(.hero-v2-sub,.page-hero-sub,.about-hero-sub,.contact-hero-sub,.beats-hero-text){font-size:15px;line-height:1.8}
  .hero-v2-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:28px}
  .btn-hero{width:100%}.hero-stats{width:100%;justify-content:space-evenly;padding:18px 4px;margin-bottom:0}
  .hero-stat{padding:0 14px}.hero-stat-num{font-size:25px}.hero-stat-label{font-size:10px}
  .hero-v2-inner{gap:30px}.release-panel-v2{padding:20px}
  .release-title{font-size:18px}.release-services{font-size:10px}
  .hero-v2::before{inset:24% -180% 0 -15%;opacity:.12}
  .trust-strip-inner{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .trust-item{padding:8px;font-size:10px;letter-spacing:0;justify-content:center}
  .section{padding:60px 0}.section-header{margin-bottom:28px}.sticky-left h2{max-width:none}
  .quote-section{padding:64px 0}.quote-text{font-size:29px}
  .btn{min-height:48px;padding:12px 20px}
  .cta-card,.about-cta-card,.beats-cta-inner{padding:28px 22px}
  .footer-inner{gap:22px}.footer{padding:30px 0}.footer-copy{font-size:12px}
  .footer-inner{flex-direction:column;align-items:flex-start}
  .about-hero-panel{padding:24px}
  .about-stat-num{font-size:32px}
  .about-stat{padding:16px 12px}
  .thanks-card,.buy-ok-card{padding:34px 24px}
  .license-tier-price{font-size:28px}
  .calc-total-price{font-size:36px}
  .calc-total-value{font-size:36px}
  .legal-brand-mark{width:112px;height:44px;padding:6px 8px}
  .legal-brand-copy{display:none}
}
@media(max-width:380px){
  .header-inner{gap:8px;padding-inline:12px}.header-inner>.logo{position:static;transform:none;margin-right:auto}
  .logo-mark{width:112px;height:50px;padding:6px}.header-cta{padding:9px 8px}
  .floating-panel{--float-distance:-3px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  [data-reveal],.service-card,.upcoming-card,.ref-card{opacity:1!important;transform:none!important;filter:none!important}
}