:root{--ink:#20251e;--paper:#eee9dc;--lime:#d7fd65;--orange:#fa7148;--purple:#a9a2fb;--cobalt:#4e63f5;--line:rgba(32,37,30,.27)}
html{scroll-behavior:smooth}
.page-membership{overflow-x:hidden}
.page-membership .member-hero{padding-top:82px;padding-bottom:76px}
.member-hero h1{font:600 clamp(65px,8.25vw,141px)/.93 'Space Grotesk';letter-spacing:-.087em;margin:26px 0 34px}
.member-hero h1 em{font-style:normal;color:var(--orange)}
.member-hero-bottom{border-top:1.5px solid var(--ink);padding-top:24px;display:flex;gap:25px;justify-content:space-between;align-items:start}
.member-hero-bottom p{font:500 clamp(20px,2vw,27px)/1.24 'DM Sans';max-width:650px;margin:0}
.preview-chip{background:var(--lime);padding:12px 17px;border:1.5px solid var(--ink);border-radius:40px;font-size:11px;font-weight:700;letter-spacing:.06em;white-space:nowrap}
.pillar-strip{padding-bottom:90px}
.pillar-strip .eyebrow{margin-bottom:22px}
.pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pillar-grid article{border:1.5px solid var(--ink);border-radius:12px;padding:25px 26px 28px;min-height:200px;display:flex;flex-direction:column;align-items:start}
.pillar-grid article:nth-child(1){background:var(--lime)}
.pillar-grid article:nth-child(2){background:var(--purple)}
.pillar-grid article:nth-child(3){background:#ffd0b0}
.pillar-grid article>span{font:700 12px 'DM Sans';letter-spacing:.1em}
.pillar-grid h2{font:600 clamp(28px,3vw,45px)/1 'Space Grotesk';letter-spacing:-.07em;margin:28px 0 8px}
.pillar-grid p{font-size:15px;line-height:1.4;margin:0;max-width:350px}
.profile-lab{background:#ddd9fb;padding:85px 0}
.lab-top{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:35px}
.lab-top h2,.verification h2,.plans-intro h2,.pilot h2{font:600 clamp(46px,6vw,92px)/.95 'Space Grotesk';letter-spacing:-.083em;margin:22px 0 0}
.lab-top h2 em,.verification h2 em,.plans-intro h2 em,.pilot h2 em{font-style:normal;color:var(--orange)}
.lab-top>p{font-size:18px;line-height:1.37;max-width:330px;margin:0}
.lab-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:18px}
.lab-form{background:#f8f3e8;border:1.5px solid var(--ink);border-radius:12px;padding:33px}
.identity-choice{border:0;padding:0;margin:0 0 27px}
.identity-choice legend{font-size:13px;font-weight:700;letter-spacing:.08em;margin-bottom:13px}
.role-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.role-buttons label{display:block;cursor:pointer}
.role-buttons input{position:absolute;opacity:0;width:1px;height:1px}
.role-buttons span{display:block;border:1.5px solid var(--ink);border-radius:9px;padding:18px 14px;text-align:center;font:700 clamp(15px,1.55vw,20px)/1.1 'Space Grotesk';transition:transform .2s,background .2s}
.role-buttons input:checked+span{background:var(--lime)}
.role-buttons input:focus-visible+span{outline:3px solid var(--cobalt);outline-offset:3px}
.role-buttons label:hover span{transform:translateY(-2px)}
.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.lab-form label>span:not(.role-buttons span),.lab-form .full-field>span{font:700 11px/1.3 'DM Sans';letter-spacing:.12em}
.lab-form select{width:100%;border:1.5px solid var(--ink);background:var(--paper);border-radius:8px;min-height:52px;padding:0 12px;margin-top:9px;font:600 15px 'DM Sans';color:var(--ink)}
.lab-form .full-field{display:block;margin-top:18px}
.lab-privacy{display:flex;gap:10px;align-items:start;margin:23px 0 21px;font-size:13px;line-height:1.5;opacity:.8;max-width:600px}
.lab-privacy span{font-size:20px;line-height:1}
.form-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.form-submit,.form-reset{border:1.5px solid var(--ink);border-radius:40px;padding:15px 19px;font-size:13px;font-weight:700}
.form-submit{background:var(--ink);color:white}
.form-submit:hover{background:var(--cobalt)}
.form-reset{background:transparent}
.form-reset:hover{background:var(--lime)}
.lab-feedback{min-height:22px;margin-top:14px;font-size:13px;font-weight:700;color:#2735a3}
.lab-promise{background:var(--ink);color:var(--paper);border-radius:12px;padding:38px;display:flex;flex-direction:column;justify-content:space-between;gap:35px}
.lab-star{font-size:115px;line-height:.75;color:var(--lime)}
.lab-promise .eyebrow{color:var(--lime)}
.lab-promise h3{font:600 clamp(37px,4vw,60px)/.97 'Space Grotesk';letter-spacing:-.075em;margin:17px 0}
.lab-promise h3 em{font:400 italic 1.05em 'DM Serif Display',Georgia,serif;color:var(--purple)}
.lab-promise p{font-size:17px;line-height:1.42;max-width:450px;margin:0}
.lab-promise small{color:var(--lime);font-weight:700;letter-spacing:.02em}
.verification{padding-top:105px;padding-bottom:110px}
.verification-intro{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:43px}
.verification-intro>p{max-width:400px;font-size:19px;line-height:1.35;margin:0}
.verification-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1.5px solid var(--ink)}
.verification-steps article{padding:26px 27px 30px 0;border-right:1px solid var(--line)}
.verification-steps article+article{padding-left:27px}
.verification-steps article:last-child{border:0}
.verification-steps article>span{font:700 11px 'DM Sans';letter-spacing:.12em;color:var(--orange)}
.verification-steps strong{display:block;font:600 clamp(22px,2.4vw,32px)/1.08 'Space Grotesk';letter-spacing:-.055em;margin:44px 0 12px;max-width:320px}
.verification-steps p{font-size:15px;line-height:1.5;max-width:320px;margin:0}
.verification-note{border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);margin-top:40px}
.verification-note summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:24px 0;cursor:pointer;font:600 19px/1.2 'Space Grotesk'}
.verification-note summary::-webkit-details-marker{display:none}
.verification-note summary span{font:500 26px 'Space Grotesk';color:var(--orange)}
.verification-note[open] summary span{transform:rotate(45deg)}
.verification-note p{max-width:850px;font-size:15px;line-height:1.5;margin:0 0 24px}
.membership-plans{background:var(--ink);color:var(--paper);padding:97px 0 100px}
.plans-intro{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:end;margin-bottom:39px}
.plans-intro h2 em{color:var(--lime)}
.plans-intro>p{font-size:21px;line-height:1.35;max-width:530px;margin:0}
.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.plan{border:1.5px solid var(--paper);border-radius:15px;padding:34px;display:flex;flex-direction:column;align-items:start;min-height:445px;color:var(--ink)}
.plan.free{background:var(--paper)}
.plan.business{background:var(--purple)}
.plan-type{font:700 11px 'DM Sans';letter-spacing:.11em}
.plan h3{font:600 clamp(32px,4vw,54px)/1 'Space Grotesk';letter-spacing:-.073em;margin:24px 0 18px}
.plan-price{font:600 clamp(39px,5vw,69px)/1 'Space Grotesk';letter-spacing:-.06em;white-space:nowrap}
.plan-price small{font:500 16px 'DM Sans';letter-spacing:0}
.plan ul{padding:20px 0 0 20px;margin:15px 0 24px;line-height:1.7;font-size:15px}
.plan ul em{font-size:12px;font-style:normal;font-weight:700;color:#2935a6}
.plan-action{display:inline-flex;align-items:center;padding:15px 22px;border-radius:40px;background:var(--ink);color:var(--paper);font-weight:700;font-size:14px;margin-top:auto}
.plan-action:hover{background:var(--cobalt)}
.plan-clarity{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;padding-top:22px;border-top:1px solid #9a9e93}
.plan-clarity>div{display:grid;gap:9px;font-size:13px;line-height:1.45}
.plan-clarity strong{font:600 18px 'Space Grotesk';color:var(--lime)}
.plan-clarity span{color:#bfc6bb}
.pilot{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-top:105px;padding-bottom:110px}
.pilot h2 em{color:var(--cobalt)}
.pilot-details>p{font-size:19px;line-height:1.4;margin:0 0 28px}
.pilot-link{display:inline-flex;align-items:center;gap:14px;border-bottom:1.5px solid var(--ink);padding:6px 0 10px;font-size:15px;font-weight:700}
.pilot-link:hover{color:var(--cobalt)}
.member-end{background:var(--orange);padding:90px 0;text-align:center}
.member-end h2{font:600 clamp(63px,9vw,145px)/.9 'Space Grotesk';letter-spacing:-.08em;margin:22px 0 35px}
@media(max-width:960px){
  .lab-top,.verification-intro{align-items:start}
  .lab-top h2,.verification h2,.plans-intro h2,.pilot h2{font-size:clamp(45px,6vw,75px)}
  .lab-grid{grid-template-columns:1fr}
  .lab-promise{min-height:360px}
  .plan{padding:25px}
}
@media(max-width:700px){
  .page-membership .member-hero{padding-top:48px;padding-bottom:60px}
  .member-hero h1{font-size:clamp(46px,11vw,70px);line-height:.95}
  .member-hero-bottom,.lab-top,.verification-intro,.plans-intro,.pilot{display:grid;grid-template-columns:1fr;gap:25px}
  .preview-chip{width:max-content;white-space:normal}
  .pillar-grid,.verification-steps,.plan-grid,.plan-clarity{grid-template-columns:1fr}
  .pillar-grid article{min-height:165px}
  .pillar-grid h2{margin-top:24px}
  .pillar-strip{padding-bottom:65px}
  .profile-lab,.membership-plans{padding:70px 0}
  .verification{padding-top:74px;padding-bottom:75px}
  .verification-steps article,.verification-steps article+article{padding:22px 0;border:0;border-bottom:1px solid var(--line)}
  .verification-steps strong{margin-top:22px}
  .plan{min-height:auto}
  .pilot{padding-top:75px;padding-bottom:75px}
}
@media(max-width:480px){
  .member-hero h1{font-size:clamp(42px,10.5vw,56px)}
  .lab-form{padding:22px}
  .role-buttons,.input-grid{grid-template-columns:1fr}
  .lab-top h2,.verification h2,.plans-intro h2,.pilot h2{font-size:44px}
  .lab-promise{padding:29px}
  .plan-price{font-size:clamp(34px,9vw,47px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.role-buttons span{transition:none}}