/* ── tokens ── */
:root {
  --navy:   #0B132B;
  --green:  #35c817;
  --green-d:#28a312;
  --mint:   #EDF7F2;
  --blue:   #E8F4FD;
  --lemon:  #F5E800;
  --white:  #FFFFFF;
  --offwhite:#F8FAF9;
  --muted:  #64748B;
  --border: rgba(11,19,43,0.08);
  --glass:  rgba(255,255,255,0.52);
  --glass-b: rgba(255,255,255,0.72);
  color-scheme: light;
}
*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{
  font-family:'Raleway',sans-serif; font-weight:400;
  font-size:1.12rem; line-height:1.7; color:var(--navy);
  background:#F0F7F4; -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }

/* ── canvas ── */
body::before{
  content:''; position:fixed; inset:0; z-index:-1;
  background:
    radial-gradient(ellipse 80% 50% at 20% 10%, rgba(237,247,242,0.9) 0%, transparent 60%),
    radial-gradient(ellipse 60% 40% at 80% 30%, rgba(232,244,253,0.7) 0%, transparent 55%),
    radial-gradient(ellipse 70% 50% at 50% 80%, rgba(245,232,0,0.07) 0%, transparent 60%),
    #F0F7F4;
}

/* ── nav ── */
.nav{
  position:fixed; top:0; left:0; right:0; z-index:200;
  padding:1.1rem 2.5rem;
  display:flex; align-items:center; justify-content:space-between;
  background:rgba(240,247,244,0.8);
  backdrop-filter:blur(20px) saturate(1.6);
  border-bottom:1px solid rgba(255,255,255,0.6);
}
.nav-logo{
  display:flex; flex-direction:column; align-items:flex-start; gap:0.15rem;
  font-size:1rem; font-weight:600; color:var(--navy); line-height:1.2;
}
.nav-logo em{ font-style:normal; color:var(--green-d); }
.nav-script{
  font-family:'Bad Script',cursive; font-size:0.8rem;
  color:var(--muted); margin-left:0; font-weight:400;
}
.reasons-grid-3{ grid-template-columns:repeat(3,1fr); }
@media(max-width:900px){ .reasons-grid-3{ grid-template-columns:1fr; } }
.nav-cta{
  background:var(--navy); color:#fff;
  padding:0.55rem 1.5rem; border-radius:100px;
  font-size:0.85rem; font-weight:600; letter-spacing:0.04em;
  transition:background 0.2s,transform 0.15s;
}
.nav-cta:hover{ background:#1A2A50; transform:translateY(-1px); }

/* ── HERO ── */
.hero{
  min-height:100svh; position:relative;
  display:grid; grid-template-columns:1fr 1fr;
  align-items:stretch; padding-top:70px;
}
@media(max-width:780px){ .hero{ grid-template-columns:1fr; min-height:auto; } }
.hero-left{
  display:flex; flex-direction:column; justify-content:center;
  padding:3rem 3rem 3rem 2.5rem;
  position:relative; z-index:2;
}
.hero-eyebrow{
  font-size:0.72rem; font-weight:600; letter-spacing:0.22em;
  text-transform:uppercase; color:var(--green-d); margin-bottom:1.5rem;
}
.hero h1{
  font-size:clamp(2.8rem,5vw,4.6rem); font-weight:200;
  line-height:1.08; color:var(--navy); text-wrap:balance;
  margin-bottom:0.5rem; letter-spacing:-0.02em;
}
.hero h1 strong{ font-weight:600; }
.hero-note{
  font-family:'Bad Script',cursive; font-size:1.25rem;
  color:var(--green-d); margin-bottom:1.8rem; display:block;
}
.hero-body{
  font-size:1.05rem; font-weight:300; color:var(--muted);
  line-height:1.75; max-width:420px; margin-bottom:2.2rem;
}
.hero-actions{ display:flex; gap:1rem; flex-wrap:wrap; align-items:center; }
.btn-primary{
  background:var(--green); color:var(--navy);
  padding:0.9rem 2.2rem; border-radius:100px;
  font-weight:600; font-size:0.95rem; letter-spacing:0.03em;
  transition:background 0.2s,transform 0.15s; display:inline-block;
}
.btn-primary:hover{ background:#2de01a; transform:translateY(-1px); }
.btn-ghost{
  color:var(--navy); font-weight:500; font-size:0.95rem;
  border-bottom:1.5px solid var(--border); padding-bottom:2px;
  transition:border-color 0.2s;
}
.btn-ghost:hover{ border-color:var(--navy); }
.hero-right{ position:relative; overflow:hidden; }
@media(max-width:780px){ .hero-right{ height:60vw; min-height:300px; } }
.hero-photo{
  position:absolute; inset:0;
  background:url('/assets/experts/workspace-collab.jpg') center top/cover no-repeat;
}
.hero-photo-fade{
  position:absolute; inset:0;
  background:linear-gradient(to right, var(--offwhite) 0%, transparent 22%);
}
@media(max-width:780px){
  .hero-photo-fade{
    background:linear-gradient(to bottom, transparent 55%, var(--offwhite) 100%);
  }
}

/* ── MISSION ── */
.mission{ padding:7rem 2.5rem; }
.mission-inner{ max-width:820px; margin:0 auto; }
.section-tag{
  font-size:0.72rem; font-weight:600; letter-spacing:0.2em;
  text-transform:uppercase; color:var(--green-d);
  display:block; margin-bottom:2rem;
}
.mission h2{
  font-size:clamp(2rem,4.5vw,3.5rem); font-weight:200;
  line-height:1.15; color:var(--navy); letter-spacing:-0.02em;
  text-wrap:balance; margin-bottom:1.5rem;
}
.mission h2 strong{ font-weight:600; }
.mission-pull{
  font-family:'Bad Script',cursive; font-size:1.5rem;
  color:var(--green-d); line-height:1.4; display:block;
  margin:2rem 0; max-width:560px;
  padding-left:1.5rem; border-left:3px solid var(--lemon);
}
.mission p{
  font-size:1.05rem; font-weight:300; color:var(--muted);
  line-height:1.8; margin-bottom:1.2rem; max-width:680px;
}
.mission p strong{ color:var(--navy); font-weight:600; }

/* ── FIT SLIDER ── */
.fit{ padding:7rem 0; position:relative; overflow:hidden; }
.fit::before{
  content:''; position:absolute; inset:0;
  background:linear-gradient(135deg,rgba(232,244,253,0.6) 0%,rgba(237,247,242,0.5) 100%);
}
.fit-inner{ position:relative; z-index:1; }
.fit-header{ max-width:700px; margin:0 auto 3.5rem; padding:0 2.5rem; text-align:center; }
.fit-header h2{
  font-size:clamp(2rem,4vw,3.2rem); font-weight:200;
  line-height:1.15; color:var(--navy); letter-spacing:-0.02em;
  text-wrap:balance; margin-bottom:0.6rem;
}
.fit-header h2 strong{ font-weight:600; }
.fit-header p{ font-size:1.05rem; font-weight:300; color:var(--muted); }
.fit-track-wrap{ position:relative; }
.fit-track{
  display:flex; transition:transform 0.55s cubic-bezier(0.4,0,0.2,1);
}
.fit-slide{
  min-width:100%; padding:0 2.5rem;
  display:grid; grid-template-columns:1fr 2fr; gap:4rem;
  align-items:center;
}
@media(max-width:680px){ .fit-slide{ grid-template-columns:1fr; gap:1.5rem; } }
.fit-slide-num{
  font-size:clamp(5rem,12vw,9rem); font-weight:100;
  color:var(--navy); opacity:0.08; line-height:1;
  text-align:right;
  font-variant-numeric:tabular-nums;
}
@media(max-width:680px){ .fit-slide-num{ display:none; } }
.fit-slide-content{}
.fit-label{
  font-size:0.7rem; font-weight:700; letter-spacing:0.2em;
  text-transform:uppercase; color:var(--green-d);
  display:block; margin-bottom:1.2rem;
}
.fit-slide h3{
  font-size:clamp(1.6rem,3.5vw,2.6rem); font-weight:200;
  line-height:1.15; color:var(--navy); letter-spacing:-0.02em;
  text-wrap:balance; margin-bottom:1rem;
}
.fit-slide h3 strong{ font-weight:600; }
.fit-slide p{
  font-size:1.05rem; font-weight:300; color:var(--muted); line-height:1.75;
  max-width:520px;
}
.fit-controls{
  display:flex; align-items:center; justify-content:center;
  gap:1.5rem; margin-top:3rem; padding:0 2.5rem;
}
.fit-arrow{
  background:var(--glass); backdrop-filter:blur(12px);
  border:1px solid var(--glass-b);
  width:44px; height:44px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  cursor:pointer; font-size:1.1rem; color:var(--navy);
  transition:background 0.2s,transform 0.15s;
}
.fit-arrow:hover{ background:rgba(255,255,255,0.8); transform:scale(1.05); }
.fit-dots{ display:flex; gap:0.5rem; }
.fit-dot{
  width:8px; height:8px; border-radius:50%;
  background:rgba(11,19,43,0.18); cursor:pointer;
  border:none; padding:0; transition:background 0.2s, transform 0.2s;
}
.fit-dot.active{ background:var(--green); transform:scale(1.25); }

/* ── TRELLISHOUSE — split layout ── */
.house{
  display:grid; grid-template-columns:1fr 1fr;
  min-height:70vh; align-items:stretch;
}
@media(max-width:780px){ .house{ grid-template-columns:1fr; } }
.house-left{
  padding:5rem 3.5rem 5rem 2.5rem;
  display:flex; flex-direction:column; justify-content:center;
  background:linear-gradient(135deg,rgba(232,244,253,0.55) 0%,rgba(237,247,242,0.45) 100%);
}
.house-right{
  position:relative; overflow:hidden;
}
@media(max-width:780px){ .house-right{ height:55vw; min-height:280px; } }
.house-photo{
  position:absolute; inset:0;
  background:url('/assets/experts/trellishouse-rooftop.jpg') center/cover no-repeat;
}
.house-photo-fade{
  position:absolute; inset:0;
  background:linear-gradient(to left,transparent 50%,rgba(240,247,244,0.6) 100%);
}
.house-tag{
  font-size:0.7rem; font-weight:600; letter-spacing:0.2em;
  text-transform:uppercase; color:var(--green-d);
  display:block; margin-bottom:1.5rem;
}
.house h2{
  font-size:clamp(2rem,4vw,3.2rem); font-weight:200;
  line-height:1.15; color:var(--navy);
  letter-spacing:-0.02em; text-wrap:balance; margin-bottom:0.7rem;
}
.house h2.house-headline{
  font-size:clamp(1.55rem,3.2vw,2.45rem);
  max-width:28ch;
}
.house h2 strong{ font-weight:600; }
.house-note{
  font-family:'Bad Script',cursive; font-size:1.15rem;
  color:var(--green-d); display:block; margin-bottom:1.5rem;
}
.house-body{
  font-size:1rem; font-weight:300; color:var(--muted);
  line-height:1.75; margin-bottom:2rem; max-width:420px;
}
.house-perks{ list-style:none; display:flex; flex-direction:column; gap:0.7rem; }
.house-perks li{
  font-size:0.95rem; font-weight:300; color:var(--muted);
  display:flex; gap:0.75rem; align-items:flex-start;
}
.house-perks li::before{
  content:'✦'; color:var(--green-d); font-size:0.7rem;
  flex-shrink:0; margin-top:0.42em;
}

/* ── TOOLS + PAPER DEMO ── */
.tools{ padding:7rem 2.5rem; position:relative; }
.tools::before{
  content:''; position:absolute; inset:0;
  background:linear-gradient(160deg,rgba(11,19,43,0.96) 0%,rgba(26,42,80,0.98) 100%);
}
.tools-inner{ position:relative; z-index:1; max-width:1000px; margin:0 auto; }
.tools-hd{ max-width:640px; margin-bottom:4.5rem; }
.tools-hd .section-tag{ color:var(--lemon); }
.tools-hd h2{
  font-size:clamp(2rem,4vw,3.2rem); font-weight:200;
  line-height:1.15; color:#fff; letter-spacing:-0.02em;
  text-wrap:balance; margin-bottom:0.6rem;
}
.tools-hd h2 strong{ font-weight:600; }
.tools-note{
  font-family:'Bad Script',cursive; font-size:1.1rem;
  color:rgba(245,232,0,0.7); display:block; margin-bottom:0.8rem;
}
.tools-hd p{ font-size:1rem; font-weight:300; color:rgba(255,255,255,0.55); }

.tool-row{
  display:grid; grid-template-columns:1fr 1fr; gap:4rem;
  align-items:center; padding:3.5rem 0;
  border-top:1px solid rgba(255,255,255,0.08);
}
.tool-row:last-child{ border-bottom:1px solid rgba(255,255,255,0.08); }
@media(max-width:720px){ .tool-row{ grid-template-columns:1fr; gap:2rem; } }
.tool-info{}
.tool-num{
  font-size:0.68rem; font-weight:700; letter-spacing:0.18em;
  text-transform:uppercase; color:var(--lemon); opacity:0.65;
  display:block; margin-bottom:1rem;
}
.tool-name{
  font-size:clamp(1.4rem,2.8vw,2rem); font-weight:200;
  color:#fff; letter-spacing:-0.01em; margin-bottom:0.8rem;
  line-height:1.2;
}
.tool-name strong{ font-weight:600; }
.tool-desc{
  font-size:0.97rem; font-weight:300; color:rgba(255,255,255,0.6);
  line-height:1.7;
}

/* paper document */
.paper{
  background:#fff;
  border-radius:10px;
  box-shadow:0 12px 40px rgba(0,0,0,0.28), 0 2px 8px rgba(0,0,0,0.12);
  overflow:hidden; position:relative;
}
.paper-top{
  background:#f4f4f4;
  border-bottom:1px solid #e8e8e8;
  padding:0.8rem 1.2rem;
  display:flex; align-items:center; gap:1.5rem;
}
.paper-lines{
  display:flex; flex-direction:column; gap:0px;
}
.paper-line{
  background:#eee; height:8px; border-radius:4px;
}
.paper-title{ font-size:0.72rem; color:#888; font-weight:500; letter-spacing:0.06em; }
.paper-stamp{
  margin-left:auto; background:rgba(53,200,23,0.12);
  color:var(--green-d); font-size:0.65rem; font-weight:700;
  letter-spacing:0.1em; text-transform:uppercase;
  padding:0.2rem 0.6rem; border-radius:4px;
  border:1px solid rgba(53,200,23,0.25);
}
.paper-body{ padding:1.2rem 1.4rem; display:flex; flex-direction:column; gap:0.85rem; }
.pfield{
  border-bottom:1px solid #ececec; padding-bottom:0.6rem;
}
.pfield-label{
  font-size:0.6rem; font-weight:700; letter-spacing:0.14em;
  text-transform:uppercase; color:#aaa; margin-bottom:0.25rem;
  font-family:'Raleway',sans-serif;
}
.pfield-val{
  font-size:0.82rem; color:#1a2540; min-height:1em;
  font-family:'Raleway',sans-serif; font-weight:400;
}
.pfield-val.cursor::after{ content:'|'; animation:blink 0.75s step-end infinite; color:var(--green-d); }
@keyframes blink{ 50%{ opacity:0; } }

/* ── COMPENSATION ── */
.comp{ padding:7rem 2.5rem; text-align:center; position:relative; }
.comp-inner{ max-width:660px; margin:0 auto; }
.comp-amount{
  font-size:clamp(2.25rem,5.5vw,3.75rem); font-weight:200;
  color:var(--navy); letter-spacing:-0.03em; line-height:1.1;
  margin-bottom:0.5rem;
  white-space:nowrap;
}
.comp-amount strong{ font-weight:600; color:var(--green-d); }
.comp-note{
  font-family:'Bad Script',cursive; font-size:1.3rem;
  color:var(--muted); display:block; margin-bottom:1.5rem;
}
.comp-body{
  font-size:1.05rem; font-weight:300; color:var(--muted);
  line-height:1.75; max-width:500px; margin:0 auto;
}
.comp-footnote{
  font-size:0.8rem; font-weight:300; color:var(--muted);
  line-height:1.55; max-width:560px; margin:1.25rem auto 0;
}
.legal-notes{
  max-width:860px; margin:0 auto; padding:0 2.5rem 3rem;
  font-size:0.8rem; font-weight:300; color:var(--muted); line-height:1.55;
}
.legal-notes strong{ color:var(--navy); font-weight:600; }

/* ── ROADMAP ── */
.roadmap{ padding:7rem 2.5rem; position:relative; }
.roadmap::before{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(232,244,253,0.5) 0%,rgba(237,247,242,0.4) 100%);
}
.roadmap-inner{ position:relative; z-index:1; max-width:720px; margin:0 auto; }
.roadmap h2{
  font-size:clamp(1.8rem,3.5vw,2.8rem); font-weight:200;
  line-height:1.15; color:var(--navy); letter-spacing:-0.02em;
  text-wrap:balance; margin-bottom:3rem;
}
.roadmap h2 strong{ font-weight:600; }
.steps{ display:flex; flex-direction:column; }
.step{
  display:grid; grid-template-columns:56px 1fr;
  gap:0 1.5rem; padding:2rem 0;
  border-top:1px solid var(--border); align-items:start;
}
.step:last-child{ border-bottom:1px solid var(--border); }
.step-bubble{
  width:36px; height:36px; border-radius:50%;
  background:var(--green); color:var(--navy);
  font-weight:700; font-size:0.85rem;
  display:flex; align-items:center; justify-content:center;
  flex-shrink:0; margin-top:0.15rem;
}
.step-body strong{
  display:block; font-size:1.05rem; font-weight:600;
  color:var(--navy); margin-bottom:0.35rem;
}
.step-body p{ font-size:0.95rem; font-weight:300; color:var(--muted); line-height:1.65; }

/* ── VALUES — editorial rows ── */
.values{ padding:7rem 2.5rem; }
.values-inner{ max-width:860px; margin:0 auto; }
.values h2{
  font-size:clamp(2rem,4vw,3.2rem); font-weight:200;
  line-height:1.15; color:var(--navy); letter-spacing:-0.02em;
  text-wrap:balance; margin-bottom:3.5rem;
}
.values h2 strong{ font-weight:600; }
.val-row{
  display:grid; grid-template-columns:80px 1fr 2fr;
  gap:0 3rem; padding:2.5rem 0;
  border-top:1px solid var(--border); align-items:start;
}
.val-row:last-child{ border-bottom:1px solid var(--border); }
@media(max-width:640px){
  .val-row{ grid-template-columns:1fr; gap:0.5rem; }
  .val-row-num{ font-size:1.5rem !important; }
}
.val-row-num{
  font-size:clamp(2rem,3.5vw,3rem); font-weight:100;
  color:var(--green-d); opacity:0.5; line-height:1.1;
  font-variant-numeric:tabular-nums;
}
.val-row-name{
  font-size:1.05rem; font-weight:600; color:var(--navy);
  line-height:1.3; padding-top:0.15rem;
}
.val-row-desc{
  font-size:0.97rem; font-weight:300; color:var(--muted);
  line-height:1.7;
}

/* ── PLEDGE / COMMITMENT ── */
.pledge{ padding:6rem 2.5rem; position:relative; }
.pledge::before{
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(53,200,23,0.06) 0%,transparent 70%);
}
.pledge-inner{ position:relative; z-index:1; max-width:680px; margin:0 auto; }
.pledge-intro{
  font-family:'Bad Script',cursive; font-size:1.4rem;
  color:var(--green-d); line-height:1.4; display:block; margin-bottom:1.5rem;
}
.pledge-body{
  font-size:1.05rem; font-weight:300; color:var(--muted);
  line-height:1.8; margin-bottom:2.5rem;
}
.pledge-list{ list-style:none; display:flex; flex-direction:column; gap:0.9rem; margin-bottom:3rem; }
.pledge-list li{
  font-size:1rem; font-weight:300; color:var(--navy);
  display:flex; gap:0.8rem; align-items:flex-start;
}
.pledge-list li::before{
  content:'✓'; color:var(--green-d); font-weight:700; flex-shrink:0; margin-top:0.12em;
}

/* ── APPLY ── */
.apply{ padding:4rem 2.5rem 7rem; }
.apply-inner{
  max-width:640px; margin:0 auto;
  background:var(--glass);
  backdrop-filter:blur(28px) saturate(1.5);
  border:1px solid var(--glass-b);
  border-radius:24px; padding:3.5rem;
  box-shadow:0 20px 60px rgba(11,19,43,0.1);
}
.apply h2{
  font-size:clamp(1.8rem,3.5vw,2.6rem); font-weight:200;
  line-height:1.15; color:var(--navy); letter-spacing:-0.02em;
  margin-bottom:0.5rem;
}
.apply h2 strong{ font-weight:600; }
.apply-note{
  font-family:'Bad Script',cursive; font-size:1.1rem;
  color:var(--muted); display:block; margin-bottom:1.5rem;
}
.apply-desc{
  font-size:0.95rem; font-weight:300; color:var(--muted);
  line-height:1.7; margin-bottom:1.1rem;
}
.apply-network-note{
  margin-bottom:2rem;
  padding:1rem 1.15rem;
  border-radius:12px;
  background:rgba(36,137,15,0.06);
  border:1px solid rgba(36,137,15,0.14);
  color:var(--navy);
}
.fg{ margin-bottom:1.2rem; }
.fg label{
  display:block; font-size:0.72rem; font-weight:700;
  letter-spacing:0.12em; text-transform:uppercase;
  color:var(--navy); margin-bottom:0.45rem;
}
.fg input,.fg select,.fg textarea{
  width:100%; padding:0.8rem 1rem;
  border:1.5px solid rgba(11,19,43,0.12); border-radius:10px;
  font-family:'Raleway',sans-serif; font-size:0.95rem; font-weight:300;
  color:var(--navy); background:rgba(255,255,255,0.7);
  outline:none; transition:border-color 0.2s;
}
.fg input:focus,.fg select:focus,.fg textarea:focus{
  border-color:var(--green); background:rgba(255,255,255,0.9);
}
.fg textarea{ resize:vertical; min-height:90px; }
.frow{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
@media(max-width:520px){ .frow{ grid-template-columns:1fr; } }
.btn-submit{
  display:block; width:100%; margin-top:1.5rem;
  background:var(--navy); color:#fff;
  font-family:'Raleway',sans-serif; font-weight:600; font-size:0.95rem;
  letter-spacing:0.04em; padding:1rem;
  border:none; border-radius:100px; cursor:pointer;
  transition:background 0.2s,transform 0.15s;
}
.btn-submit:hover{ background:#1A2A50; transform:translateY(-1px); }
.form-fine{
  font-size:0.8rem; font-weight:300; color:var(--muted);
  margin-top:1rem; line-height:1.55;
}

/* ── FOOTER ── */
.footer{
  background:rgba(11,19,43,0.97); padding:3rem 2.5rem;
  color:rgba(255,255,255,0.45);
}
.footer-inner{
  max-width:960px; margin:0 auto;
  display:flex; flex-wrap:wrap; gap:1.5rem 3rem;
  justify-content:space-between; align-items:flex-start;
}
.footer-brand{ color:#fff; font-weight:600; font-size:0.95rem; }
.footer-brand em{ font-style:normal; color:var(--green); }
.footer-sub{
  font-size:0.8rem; margin-top:0.3rem;
  font-family:'Bad Script',cursive; color:rgba(255,255,255,0.35);
}
.footer-links{ display:flex; gap:2rem; flex-wrap:wrap; font-size:0.85rem; font-weight:300; }
.footer-links a{ transition:color 0.2s; }
.footer-links a:hover{ color:#fff; }
.footer-copy{
  width:100%; font-size:0.78rem; font-weight:300;
  padding-top:1.5rem; border-top:1px solid rgba(255,255,255,0.07); margin-top:0.5rem;
}

@media(max-width:500px){
  .nav{ padding:1rem 1.2rem; }
  body{ font-size:1rem; }
  .apply-inner,.hero-left{ padding-left:1.4rem; padding-right:1.4rem; }
}

/* ── SIX REASONS (kept) ── */
.reasons{ padding:7rem 2.5rem; }
.reasons-inner{ max-width:1000px; margin:0 auto; }
.reasons-hd{ max-width:720px; margin-bottom:3.5rem; }
.reasons-hd h2{
  font-size:clamp(2rem,4vw,3.2rem); font-weight:200;
  line-height:1.15; color:var(--navy); letter-spacing:-0.02em;
  text-wrap:balance; margin-bottom:0.6rem;
}
.reasons-hd h2 strong{ font-weight:600; }
.reasons-hd p{ font-size:1.05rem; font-weight:300; color:var(--muted); }
.reasons-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:2rem 2.5rem;
}
@media(max-width:900px){ .reasons-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:560px){ .reasons-grid{ grid-template-columns:1fr; } }
.reason{ padding-top:1.5rem; border-top:1px solid var(--border); }
.reason-icon{
  width:28px; height:28px; color:var(--green-d); margin-bottom:1rem;
  display:block;
}
.reason h3{
  font-size:1.05rem; font-weight:600; color:var(--navy);
  margin-bottom:0.55rem; line-height:1.3;
}
.reason p{
  font-size:0.95rem; font-weight:300; color:var(--muted); line-height:1.7;
}

/* ── INSIDE WORKSPACE (kept) ── */
.workspace{ padding:7rem 2.5rem; position:relative; }
.workspace::before{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(237,247,242,0.55) 0%,rgba(232,244,253,0.4) 100%);
}
.workspace-inner{ position:relative; z-index:1; max-width:1000px; margin:0 auto; }
.workspace-hd{ max-width:720px; margin-bottom:3.5rem; }
.workspace-hd h2{
  font-size:clamp(2rem,4vw,3.2rem); font-weight:200;
  line-height:1.15; color:var(--navy); letter-spacing:-0.02em;
  text-wrap:balance; margin-bottom:0.6rem;
}
.workspace-hd h2 strong{ font-weight:600; }
.workspace-note{
  font-family:'Bad Script',cursive; font-size:1.15rem;
  color:var(--green-d); display:block; margin-bottom:0.5rem;
}
.workspace-panels{
  display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem;
}
.workspace-panels-3{ grid-template-columns:repeat(3,1fr); }
@media(max-width:900px){
  .workspace-panels,
  .workspace-panels-3{ grid-template-columns:1fr 1fr; }
}
@media(max-width:560px){
  .workspace-panels,
  .workspace-panels-3{ grid-template-columns:1fr; }
}
.wpanel{
  background:var(--glass); backdrop-filter:blur(16px) saturate(1.4);
  border:1px solid var(--glass-b); border-radius:18px; padding:1.4rem;
}
.wpanel h3{
  font-size:1rem; font-weight:600; color:var(--navy);
  margin:1rem 0 0.4rem;
}
.wpanel p{
  font-size:0.9rem; font-weight:300; color:var(--muted); line-height:1.65;
}
.wmock{
  background:rgba(255,255,255,0.85); border:1px solid rgba(11,19,43,0.06);
  border-radius:12px; padding:1rem; min-height:110px;
  display:flex; flex-direction:column; gap:0.45rem; justify-content:center;
}
.wmock-bar{
  height:8px; border-radius:4px; background:#e8ece9; width:88%;
}
.wmock-bar.mid{ width:62%; }
.wmock-bar.short{ width:40%; }
.wmock-btn{
  align-self:flex-start; margin-top:0.35rem;
  background:var(--green); color:var(--navy);
  font-size:0.68rem; font-weight:700; letter-spacing:0.06em;
  text-transform:uppercase; padding:0.35rem 0.7rem; border-radius:100px;
}
.wmock-btn.dark{ background:var(--navy); color:#fff; }
.wmock-split{ display:grid; grid-template-columns:1fr 1fr; gap:0.55rem; }
.wmock-pane,.wmock-pdf{
  background:#f6f8f7; border-radius:8px; padding:0.55rem;
  display:flex; flex-direction:column; gap:0.35rem;
}
.wmock-row{ display:flex; align-items:center; gap:0.4rem; }
.wmock-dot{ width:8px; height:8px; border-radius:50%; flex-shrink:0; }
.wmock-dot.g{ background:#35c817; }
.wmock-dot.y{ background:#e6b800; }
.wmock-dot.r{ background:#e25555; }
.wmock-line{ height:6px; border-radius:3px; background:#dde3df; flex:1; }
.wmock-wave{
  height:36px; border-radius:8px;
  background:repeating-linear-gradient(90deg,#d7e8dc 0 4px,transparent 4px 8px);
  opacity:0.85;
}
.wmock-rec{
  width:28px; height:28px; border-radius:50%; background:#e25555;
  margin:0.2rem auto 0; box-shadow:0 0 0 4px rgba(226,85,85,0.15);
}

/* ── QUALIFY ── */
.qualify{ padding:7rem 2.5rem; }
.qualify-inner{
  max-width:760px; margin:0 auto;
}
.qualify h2{
  font-size:clamp(1.9rem,3.8vw,3rem); font-weight:200;
  line-height:1.15; color:var(--navy); letter-spacing:-0.02em;
  text-wrap:balance; margin-bottom:1rem;
}
.qualify h2 strong{ font-weight:600; }
.qualify-lead{
  font-size:1.05rem; font-weight:300; color:var(--muted);
  line-height:1.75; margin-bottom:1.5rem; max-width:520px;
}
.qualify-checks{ list-style:none; display:flex; flex-direction:column; gap:0.75rem; }
.qualify-checks li{
  font-size:0.95rem; font-weight:300; color:var(--navy);
  display:flex; gap:0.75rem; align-items:flex-start; line-height:1.55;
}
.qualify-checks li::before{
  content:'✓'; color:var(--green-d); font-weight:700; flex-shrink:0; margin-top:0.1em;
}
.chips{ display:flex; flex-wrap:wrap; gap:0.55rem; }
.chip{
  font-size:0.78rem; font-weight:600; letter-spacing:0.04em;
  padding:0.45rem 0.85rem; border-radius:100px;
  border:1px solid rgba(11,19,43,0.1);
  background:rgba(255,255,255,0.65); color:var(--navy);
}
.chip.alt{ background:rgba(53,200,23,0.08); border-color:rgba(53,200,23,0.22); color:var(--green-d); }
.qualify-other-note{
  margin-top:1.25rem; font-size:0.92rem; font-weight:300;
  color:var(--muted); line-height:1.55; max-width:28rem;
}
.qualify-other-note a{
  color:var(--green-d); text-decoration:none; border-bottom:1px solid rgba(46,125,82,0.35);
}
.qualify-other-note a:hover{ border-bottom-color:var(--green-d); }

/* ── FAQ ── */
.faq{ padding:7rem 2.5rem; }
.faq-inner{ max-width:760px; margin:0 auto; }
.faq h2{
  font-size:clamp(1.9rem,3.8vw,2.8rem); font-weight:200;
  line-height:1.15; color:var(--navy); letter-spacing:-0.02em;
  text-wrap:balance; margin-bottom:2.5rem;
}
.faq h2 strong{ font-weight:600; }
.acc-item{ border-top:1px solid var(--border); }
.acc-item:last-child{ border-bottom:1px solid var(--border); }
.acc-btn{
  width:100%; background:none; border:none; cursor:pointer;
  display:flex; justify-content:space-between; align-items:center; gap:1rem;
  padding:1.35rem 0; text-align:left;
  font-family:'Raleway',sans-serif; font-size:1.05rem; font-weight:600;
  color:var(--navy);
}
.acc-chevron{
  width:10px; height:10px; border-right:2px solid var(--navy);
  border-bottom:2px solid var(--navy); transform:rotate(45deg);
  transition:transform 0.2s; flex-shrink:0; opacity:0.45;
}
.acc-btn[aria-expanded="true"] .acc-chevron{ transform:rotate(225deg); opacity:0.8; }
.acc-panel{ display:none; padding:0 0 1.35rem; }
.acc-panel.is-open{ display:block; }
.acc-panel p{
  font-size:0.97rem; font-weight:300; color:var(--muted); line-height:1.75;
}

/* ── APPLY extras ── */
.apply-alert{
  padding:0.85rem 1rem; border-radius:10px; margin-bottom:1.25rem;
  font-size:0.9rem; font-weight:400; line-height:1.5;
  background:rgba(53,200,23,0.12); color:var(--navy);
  border:1px solid rgba(53,200,23,0.28);
}
.apply-alert.is-error{
  background:rgba(226,85,85,0.1); border-color:rgba(226,85,85,0.3); color:#8b1e1e;
}
.check-grid{
  display:grid; grid-template-columns:1fr; gap:0.55rem;
  margin-top:0.35rem;
}
.check-grid label{
  display:flex; gap:0.65rem; align-items:flex-start;
  font-size:0.9rem; font-weight:300; color:var(--navy);
  letter-spacing:0; text-transform:none; cursor:pointer;
  line-height:1.45;
}
.check-grid input{ margin-top:0.2rem; accent-color:var(--green-d); width:auto; }
.check-group-label{
  margin:0.85rem 0 0.15rem;
  font-size:0.72rem; font-weight:700;
  letter-spacing:0.1em; text-transform:uppercase;
  color:var(--muted);
}
.check-group-label:first-child{ margin-top:0.2rem; }
.consent-row{
  display:flex; gap:0.75rem; align-items:flex-start;
  margin:1.4rem 0 0.35rem;
  font-size:0.9rem; font-weight:300; color:var(--navy);
  line-height:1.5; cursor:pointer;
}
.consent-row input[type="checkbox"]{
  width:1.15rem; height:1.15rem; margin-top:0.15rem; flex-shrink:0;
  accent-color:var(--green-d);
  border-radius:4px; cursor:pointer;
}
.consent-links{ margin-top:0.35rem; }
.fg .muted{ font-weight:400; color:var(--muted); text-transform:none; letter-spacing:0; }
.btn-submit:disabled{ opacity:0.55; cursor:not-allowed; transform:none; }
.form-done{ text-align:center; padding:2.5rem 0; }
.form-done h3{ font-weight:600; font-size:1.4rem; margin-bottom:0.7rem; color:var(--navy); }
.form-done p{ font-weight:300; color:var(--muted); line-height:1.7; }
.form-done-mark{
  width:48px; height:48px; border-radius:50%; margin:0 auto 1.2rem;
  background:rgba(53,200,23,0.15); color:var(--green-d);
  display:flex; align-items:center; justify-content:center;
  font-size:1.4rem; font-weight:700;
}

/* nav brand link */
.nav-logo a{ color:inherit; }
.nav-links{ display:flex; gap:1.5rem; align-items:center; }
.nav-links a{
  font-size:0.85rem; font-weight:500; color:var(--muted);
  transition:color 0.2s;
}
.nav-links a:hover,.nav-links a.is-active{ color:var(--navy); }
.nav-right{ display:flex; align-items:center; gap:1.5rem; }
@media(max-width:720px){
  .nav-links{ display:none; }
  .nav-script{ display:none; }
}

/* subtle motion */
@keyframes rise {
  from { opacity:0; transform:translateY(14px); }
  to { opacity:1; transform:translateY(0); }
}
.hero-left > *{ animation:rise 0.7s ease both; }
.hero-left > *:nth-child(1){ animation-delay:0.05s; }
.hero-left > *:nth-child(2){ animation-delay:0.14s; }
.hero-left > *:nth-child(3){ animation-delay:0.22s; }
.hero-left > *:nth-child(4){ animation-delay:0.3s; }
.hero-left > *:nth-child(5){ animation-delay:0.38s; }
.hero-photo{ animation:heroZoom 18s ease-in-out infinite alternate; }
@keyframes heroZoom {
  from { transform:scale(1); }
  to { transform:scale(1.06); }
}
@media (prefers-reduced-motion: reduce){
  .hero-left > *,.hero-photo{ animation:none; }
  html{ scroll-behavior:auto; }
}