:root{
  --black:#0D0D0D;
  --cream:#F6F4EF;
  --green:#39FF14;
  --muted:#8A8A84;
  --line:rgba(13,13,13,.16);
  --light-line:rgba(246,244,239,.18);
  --sans:"Space Grotesk","Helvetica Neue",Arial,sans-serif;
  --serif:"Instrument Serif",Georgia,serif;
  --pad:clamp(22px,3.2vw,58px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);background:var(--cream);color:var(--black);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
::selection{background:var(--green);color:var(--black)}

.minimal-header,.pain-header{
  position:fixed;inset:0 0 auto 0;height:76px;padding:0 var(--pad);z-index:40;
  display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid rgba(13,13,13,.12);
  transition:color .25s ease,border-color .25s ease,background .25s ease;
  backdrop-filter:blur(8px);
  background:rgba(246,244,239,.86);
}
.minimal-header[data-theme="dark"]{color:var(--cream);border-color:var(--light-line);background:rgba(13,13,13,.88)}
.minimal-header[data-theme="green"]{color:var(--black);border-color:rgba(13,13,13,.24);background:rgba(57,255,20,.9)}
.minimal-brand{font-size:15px;font-weight:700;letter-spacing:-.04em}
.minimal-brand span{color:var(--green)}
.minimal-header[data-theme="green"] .minimal-brand span{color:var(--black)}
.minimal-cta,.pain-back{font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:600}
.minimal-cta span,.pain-back span{color:var(--green);font-size:15px;margin-left:4px}
.minimal-header[data-theme="green"] .minimal-cta span{color:var(--black)}

.screen{min-height:100svh;padding:112px var(--pad) 38px;display:grid;position:relative;overflow:hidden}
.screen-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:600}

.screen--hero{grid-template-rows:auto 1fr auto;background:var(--cream)}
.hero-statement{margin:0;align-self:center;font-size:clamp(72px,10.2vw,188px);line-height:.77;letter-spacing:-.085em;font-weight:600;max-width:12ch}
.hero-statement span{display:block}
.hero-statement em{font-family:var(--serif);font-weight:400;color:var(--green);letter-spacing:-.05em}
.hero-statement__quiet{font-size:.54em;line-height:1;margin-top:.32em;letter-spacing:-.055em;font-weight:500}
.hero-footer{border-top:1px solid var(--line);padding-top:18px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px}
.hero-footer p{margin:0;max-width:620px;font-size:13px;line-height:1.55}
.scroll-link{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.scroll-link span{color:var(--green);font-size:16px;margin-left:6px}

.screen--logos{background:var(--black);color:var(--cream);grid-template-rows:auto auto 1fr;padding-bottom:0}
.screen--logos h2,.screen--proof h2,.screen--cta h2{margin:clamp(46px,8vh,90px) 0 0;font-size:clamp(72px,9.2vw,170px);line-height:.8;letter-spacing:-.08em;font-weight:600}
.screen--logos h2 em,.screen--proof h2 em{font-family:var(--serif);font-weight:400;color:var(--green);letter-spacing:-.04em}
.clean-logo-rail{align-self:end;margin:0 calc(var(--pad)*-1);overflow:hidden;border-top:1px solid var(--light-line);border-bottom:1px solid var(--light-line)}
.clean-logo-track{display:flex;width:max-content;animation:cleanRail 28s linear infinite}
.clean-logo-rail:hover .clean-logo-track{animation-play-state:paused}
.clean-logo{height:220px;width:clamp(300px,30vw,520px);display:flex;align-items:center;justify-content:center;padding:36px 52px;border-right:1px solid var(--light-line)}
.clean-logo img{display:block;max-width:100%;max-height:120px;width:auto;height:auto;transition:transform .2s ease,filter .2s ease}
.clean-logo:hover img{transform:scale(1.035)}
.clean-logo--ama img{max-height:72px}.clean-logo--beyond img{max-height:145px}.clean-logo--etched img{max-height:130px}.clean-logo--gd img{max-height:112px}
@keyframes cleanRail{to{transform:translateX(-50%)}}

.screen--proof{grid-template-rows:auto auto 1fr;background:var(--cream)}
.proof-list{align-self:end;border-top:1px solid var(--line);margin-top:48px}
.proof-row{display:grid;grid-template-columns:50px .8fr 1.3fr .65fr;gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);transition:color .18s ease,padding-left .18s ease}
.proof-row:hover{color:var(--green);padding-left:12px}
.proof-no,.proof-tag{font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.proof-row h3{margin:0;font-size:clamp(26px,3vw,50px);font-weight:500;letter-spacing:-.05em}
.proof-row p{margin:0;font-size:13px;line-height:1.55;max-width:600px;color:#4b4b47}.proof-row:hover p{color:var(--green)}
.proof-tag{text-align:right}

.screen--cta{background:var(--black);color:var(--cream);grid-template-rows:auto 1fr auto auto;row-gap:0}
.screen--cta h2{align-self:center;font-size:clamp(74px,9.4vw,170px);max-width:12ch}
.screen--cta h2 em{font-family:var(--serif);font-weight:400;color:var(--green);letter-spacing:-.04em}
.cta-support{justify-self:end;width:min(430px,38vw);margin:0 0 30px}
.cta-support p{margin:0;font-size:13px;line-height:1.6;color:#b7b6b0}
.contact-phone,.pain-phone{display:inline-block;margin-top:14px;color:var(--cream);font-size:14px;line-height:1.2;letter-spacing:.015em;font-weight:500;transition:color .2s ease}
.contact-phone:hover,.pain-phone:hover{color:var(--green)}
.cta-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--light-line);padding:22px 0 6px;font-size:clamp(28px,4vw,66px);letter-spacing:-.055em;font-weight:500;color:var(--cream)}
.cta-bar b{font-size:1.05em;font-weight:400;color:var(--green);transition:transform .2s ease}.cta-bar:hover b{transform:translate(7px,-7px)}
.cta-bar:hover span{color:var(--green)}

/* pain-point page */
.pain-page{background:var(--black);color:var(--cream)}
.pain-header{background:rgba(13,13,13,.9);border-bottom-color:var(--light-line)}
.pain-main{min-height:100svh;padding:120px var(--pad) 60px;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,7vw,120px)}
.pain-intro{position:sticky;top:120px;align-self:start}
.pain-intro h1{font-size:clamp(70px,8.8vw,160px);line-height:.8;letter-spacing:-.08em;margin:42px 0 30px;font-weight:600}.pain-intro h1 em{font-family:var(--serif);font-weight:400;color:var(--green)}
.pain-intro p{margin:0;color:#aaa9a2;font-size:13px;line-height:1.6;max-width:340px}
.pain-form{padding-top:8px}
.pain-field{padding:28px 0 34px;border-top:1px solid var(--light-line)}
.pain-field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.11em;margin-bottom:18px}.pain-field label span{color:var(--green);display:inline-block;width:42px}
.pain-field textarea,.pain-field input{width:100%;border:0;outline:0;background:transparent;color:var(--cream);padding:0;resize:vertical;font-family:var(--serif);font-size:clamp(30px,3.5vw,58px);line-height:1.05}
.pain-field textarea::placeholder,.pain-field input::placeholder{color:#4d4d49;opacity:1}
.pain-field:focus-within{border-top-color:var(--green)}
.pain-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:38px}
.pain-submit-row{border-top:1px solid var(--light-line);padding-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.pain-submit{border:0;background:var(--green);color:var(--black);padding:20px 22px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:16px;font-weight:600}.pain-submit b{font-size:25px;font-weight:400}.pain-submit:disabled{opacity:.65;cursor:wait}
.pain-submit-row p{margin:0;color:#b1b0aa;font-size:11px;line-height:1.5}.pain-submit-row small{display:block;margin-top:8px;color:#65655f;font-size:9px;line-height:1.5}.pain-submit-row p[data-state="success"]{color:var(--green)}.pain-submit-row p[data-state="error"]{color:#ff8d7d}
.honeypot{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}

@media(max-width:820px){
  .minimal-header,.pain-header{height:66px}
  .minimal-cta{font-size:9px}
  .screen{padding-top:92px;min-height:100svh}
  .hero-statement{font-size:clamp(62px,16vw,110px);line-height:.8}.hero-statement__quiet{font-size:.56em;line-height:1.03}
  .hero-footer{grid-template-columns:1fr;gap:18px}
  .screen--logos h2,.screen--proof h2{font-size:clamp(64px,15vw,100px)}
  .clean-logo{height:170px;width:270px;padding:30px}.clean-logo--ama img{max-height:55px}.clean-logo--beyond img{max-height:115px}.clean-logo--etched img{max-height:100px}.clean-logo--gd img{max-height:90px}
  .proof-row{grid-template-columns:34px 1fr;gap:12px;padding:22px 0}.proof-row p{grid-column:2}.proof-tag{grid-column:2;text-align:left;color:#77776f}.proof-row:hover{padding-left:6px}
  .screen--cta h2{font-size:clamp(64px,15vw,104px);align-self:center}.cta-support{width:auto;justify-self:start;align-self:end;margin-bottom:28px}.cta-bar{font-size:clamp(28px,8vw,48px)}
  .pain-main{grid-template-columns:1fr;padding-top:100px}.pain-intro{position:static}.pain-intro h1{font-size:18vw;margin-top:34px}.pain-form{padding-top:10px}.pain-contact-row{grid-template-columns:1fr;gap:0}.pain-submit-row{grid-template-columns:1fr;gap:20px}
}

@media(max-width:520px){
  :root{--pad:18px}
  .minimal-brand{font-size:14px}.minimal-cta{max-width:120px;text-align:right;line-height:1.2}
  .screen-kicker{font-size:8px}
  .screen--hero{padding-bottom:24px}.hero-statement{font-size:17vw}.hero-footer p{font-size:12px}
  .screen--logos h2,.screen--proof h2{font-size:17vw;margin-top:58px}
  .clean-logo{height:150px;width:230px;padding:24px}.clean-logo--ama img{max-height:48px}.clean-logo--beyond img{max-height:98px}.clean-logo--etched img{max-height:90px}.clean-logo--gd img{max-height:80px}
  .screen--proof{padding-bottom:24px}.proof-list{margin-top:36px}.proof-row h3{font-size:29px}.proof-row p{font-size:11px}.proof-tag{font-size:8px}
  .screen--cta{padding-bottom:24px}.screen--cta h2{font-size:15vw}.cta-support p{font-size:12px}.contact-phone,.pain-phone{font-size:13px}.cta-bar{padding-top:17px}
  .pain-field textarea,.pain-field input{font-size:9vw}.pain-field{padding:24px 0 28px}.pain-submit{font-size:15px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.clean-logo-track{animation:none}.clean-logo-rail{overflow-x:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
