.is-deactivated,[hidden].is-deactivated{display:none!important}

.top-actions{justify-self:end;display:flex;align-items:center;gap:24px}
.site-links{display:flex;align-items:center;gap:20px}
.site-links a{color:var(--muted);text-decoration:none;font:500 9px DM Mono;text-transform:uppercase;letter-spacing:.05em;transition:color .2s}
.site-links a:hover{color:var(--fg)}

.scene-intro.active{display:block;overflow:visible}
.intro-stage{position:relative;display:grid;grid-template-columns:1.05fr .95fr;min-height:calc(100vh - 82px);overflow:hidden}
.conversion-shell{width:min(1240px,calc(100% - 64px));margin:0 auto}

.customers-section{scroll-margin-top:82px;padding:130px 0 110px;border-top:1px solid var(--line);background:var(--bg)}
.customers-head{display:grid;grid-template-columns:minmax(0,1.25fr) 150px minmax(260px,.65fr);gap:55px;align-items:end}
.customers-head h2,.contact-copy h2{font:500 clamp(52px,6vw,86px)/.96 Onest,sans-serif;letter-spacing:-.06em;margin:34px 0 0}
.customers-head h2 em,.contact-copy h2 em{font:inherit;font-style:normal;color:#92140c}
.customers-head>p{margin:0 0 6px;color:var(--muted);font-size:15px;line-height:1.65}
.customer-eye{width:126px;height:88px;box-shadow:none;opacity:.92}
.customer-stories{display:grid;grid-template-columns:1.16fr .92fr .92fr;gap:12px;margin-top:80px}
.customer-story{position:relative;min-height:390px;padding:28px;border:1px solid var(--line);background:var(--card);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s,border-color .3s}
.customer-story:after{content:"";position:absolute;right:-80px;bottom:-110px;width:250px;height:250px;border:1px solid var(--line);border-radius:50%;box-shadow:0 0 0 42px color-mix(in srgb,var(--fg) 3%,transparent),0 0 0 84px color-mix(in srgb,var(--fg) 2%,transparent)}
.customer-story:hover{transform:translateY(-5px);border-color:color-mix(in srgb,#92140c 55%,var(--line))}
.customer-story>span,.customer-story footer b{font:500 9px DM Mono;color:var(--muted);letter-spacing:.06em}
.customer-story h3{font:600 clamp(32px,3vw,48px)/1 Onest,sans-serif;letter-spacing:-.055em;margin:72px 0 18px}
.customer-story p{max-width:440px;margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.customer-story footer{position:relative;z-index:1;margin-top:auto;padding-top:28px;border-top:1px solid var(--line);display:grid;gap:9px}
.customer-story footer small{max-width:330px;font-size:11px;line-height:1.5;color:var(--fg)}
.customer-story-lead{background:#1e1e24;color:#fff8f0;border-color:#1e1e24}
.customer-story-lead>span,.customer-story-lead footer b,.customer-story-lead p{color:rgba(255,248,240,.62)}
.customer-story-lead footer{border-color:rgba(255,248,240,.16)}
.customer-story-lead:after{border-color:rgba(255,248,240,.13);box-shadow:0 0 0 42px rgba(255,248,240,.025),0 0 0 84px rgba(255,248,240,.018)}
.customer-note{margin:28px 0 0;text-align:right;color:var(--muted);font:9px DM Mono}

.contact-section{scroll-margin-top:82px;padding:110px 0;background:#1e1e24;color:#fff8f0}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(410px,.72fr);gap:84px;align-items:start}
.contact-copy>.label{color:rgba(255,248,240,.55)}
.contact-copy h2{margin-top:58px}.contact-copy h2 em{color:#fff8f0}
.contact-copy>p{max-width:590px;margin:32px 0 0;color:rgba(255,248,240,.66);font-size:16px;line-height:1.7}
.contact-promises{display:flex;flex-wrap:wrap;gap:7px;margin-top:40px}
.contact-promises span{padding:9px 11px;border:1px solid rgba(255,248,240,.2);font:8px DM Mono;color:rgba(255,248,240,.72)}
.direct-email{display:flex;justify-content:space-between;align-items:center;max-width:590px;margin-top:60px;padding:23px 0;border-top:1px solid rgba(255,248,240,.24);border-bottom:1px solid rgba(255,248,240,.24);color:#fff8f0;text-decoration:none;font:500 clamp(19px,2vw,28px) Onest,sans-serif}
.direct-email b{font-size:22px}
.demo-request{margin-top:0;padding:32px;background:#fff8f0;color:#1e1e24;border-radius:22px}
.demo-request header{display:flex;justify-content:space-between;align-items:start;gap:26px;padding-bottom:28px;border-bottom:1px solid rgba(30,30,36,.16)}
.demo-request header>div{display:grid;gap:11px}.demo-request header span{font:500 9px DM Mono;color:#737078}.demo-request header strong{max-width:310px;font:600 25px/1.12 Onest,sans-serif;letter-spacing:-.035em}.demo-request header small{text-align:right;font:8px/1.55 DM Mono;color:#737078}
.demo-request label{display:block;margin-top:30px}.demo-request label>span{display:block;margin-bottom:9px;font:500 9px DM Mono;color:#737078;text-transform:uppercase}
.demo-request input,.demo-request textarea{width:100%;border:0;border-bottom:1px solid rgba(30,30,36,.23);border-radius:0;background:transparent;color:#1e1e24;padding:5px 0 13px;outline:none;font:500 15px/1.5 Onest,sans-serif}
.demo-request textarea{resize:vertical;min-height:104px}.demo-request input:focus,.demo-request textarea:focus{border-color:#92140c}
.demo-request>button{width:100%;height:62px;margin-top:30px;padding:0 18px;border:0;background:#92140c;color:#fff8f0;display:flex;justify-content:space-between;align-items:center;font:500 10px DM Mono;text-transform:uppercase;cursor:pointer}
.demo-request>button b{font-size:20px}.demo-request>p{margin:14px 0 0;color:#737078;font:8px/1.5 DM Mono}

html[data-theme="dark"] .customers-section{background:var(--bg)}
html[data-theme="dark"] .customer-story:not(.customer-story-lead){background:var(--card)}

@media(max-width:900px){
  .top-actions{gap:10px}.site-links{gap:12px}.site-links a:first-child{display:none}.site-links a{font-size:8px}
  .theme-toggle{width:32px;height:32px;min-height:32px;padding:0;border:0;background:var(--soft);opacity:.7}
  .theme-toggle span{display:none!important;width:auto!important;height:auto!important;background:transparent!important;color:var(--fg)!important;font-size:14px!important}
  html[data-theme="light"] .theme-toggle .moon,html[data-theme="dark"] .theme-toggle .sun{display:grid!important}
  .scene-intro.active{display:block;padding-top:68px}
  .intro-stage{display:flex;flex-direction:column;min-height:calc(100svh - 68px);padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .intro-stage .begin-button{position:absolute}
  .conversion-shell{width:min(100% - 36px,680px)}
  .customers-section{scroll-margin-top:68px;padding:88px 0 70px}
  .customers-head{grid-template-columns:1fr auto;gap:30px;align-items:start}.customers-head>p{grid-column:1/-1;max-width:520px}.customer-eye{width:86px;height:60px}
  .customers-head h2,.contact-copy h2{font-size:clamp(44px,11vw,68px)}
  .customer-stories{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:54px -18px 0;padding:0 18px 12px;scrollbar-width:none}.customer-stories::-webkit-scrollbar{display:none}
  .customer-story{flex:0 0 min(84vw,390px);min-height:370px;scroll-snap-align:center}.customer-story:hover{transform:none}
  .customer-note{text-align:left;line-height:1.6}
  .contact-section{scroll-margin-top:68px;padding:80px 0 calc(74px + env(safe-area-inset-bottom))}
  .contact-grid{grid-template-columns:1fr;gap:62px}.contact-copy h2{margin-top:42px}.contact-copy>p{font-size:15px}.direct-email{font-size:20px;margin-top:44px}
  .demo-request{padding:22px 18px;border-radius:18px}.demo-request header strong{font-size:22px}.demo-request input,.demo-request textarea{font-size:16px}
}

@media(max-width:390px){
  .wordmark{gap:8px}.wordmark b{font-size:15px}.mini-eye{width:32px!important;height:23px!important}
  .site-links a{font-size:7px}.top-actions{gap:5px}
  .customers-head{grid-template-columns:1fr}.customer-eye{display:none}.customer-story{flex-basis:88vw;padding:23px}
  .demo-request header{display:grid;gap:7px}
}

@media(max-width:900px) and (orientation:landscape) and (max-height:600px){
  .intro-stage{display:grid;grid-template-columns:1.08fr .92fr;padding-bottom:calc(64px + env(safe-area-inset-bottom))}
}