/* ============================================================
   home-v2.css — "The Syllabus Record" landing world
   Scoped under body.landing-v2 ONLY. Never affects styles.css
   or the app pages. Always-dark ink world (ignores data-theme).
   ============================================================ */

@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/saira-condensed-400.woff2') format('woff2');}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/saira-condensed-500.woff2') format('woff2');}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/saira-condensed-600.woff2') format('woff2');}

/* ---- scope + reset the shared shell out of the way ---- */
body.landing-v2{
  --v2-ink:#15130F;
  --v2-ink-2:#1A1712;
  --v2-paper:#F1EBDD;
  --v2-paper-dim:#A49C8D;
  --v2-paper-faint:#8C8577;
  --v2-mark:#E5402A;          /* accent for text/marks/rules (4.5:1 on ink) */
  --v2-mark-solid:#D2331D;    /* deeper fill so white label passes AA */
  --v2-mark-solid-hover:#bb2c17;
  --v2-mark-hover:#cf3620;
  --v2-mark-soft:rgba(229,64,42,0.5);
  --v2-rule:rgba(241,235,221,0.08);
  --v2-rule-mid:rgba(241,235,221,0.15);
  --v2-serif:'Charter',Cambria,Georgia,serif;
  --v2-note:'Saira Condensed','Arial Narrow',sans-serif;
  --v2-wrap:1180px;
  --v2-pad:clamp(24px,5vw,72px);

  background:var(--v2-ink);
  color:var(--v2-paper);
  font-family:var(--v2-serif);
  -webkit-font-smoothing:antialiased;
}
/* hide the app chrome on the landing (kept in DOM for app.js) */
body.landing-v2 .mobile-bar,
body.landing-v2 .sidebar,
body.landing-v2 .sidebar-overlay{display:none !important;}
/* full-bleed: cancel the sidebar padding-offset from styles.css */
@media (min-width:861px){ body.landing-v2{ padding-left:0 !important; } }

/* the redesigned main is a plain flow container */
body.landing-v2 main.page{margin:0;padding:0;max-width:none;width:100%;}

body.landing-v2 .v2-wrap{max-width:var(--v2-wrap);margin:0 auto;padding:0 var(--v2-pad);position:relative;}
body.landing-v2 .v2-note{font-family:var(--v2-note);text-transform:uppercase;letter-spacing:0.15em;}
body.landing-v2 ::selection{background:var(--v2-mark);color:#fff;}
body.landing-v2 a{color:inherit;}
body.landing-v2 :focus-visible{outline:2px solid var(--v2-mark);outline-offset:3px;border-radius:2px;}

/* reveal (reuses home.js .in-view); gentle rise */
body.landing-v2.js-anim .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);}
body.landing-v2.js-anim .reveal.in-view{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  body.landing-v2.js-anim .reveal{opacity:1;transform:none;transition:none;}
  body.landing-v2 .conf-bar span{transition:none;}
  body.landing-v2 .attempts .bar{transition:none;}
  body.landing-v2 .rcard{transition:none;}
}

/* ============================================================
   TOP BAR
   ============================================================ */
body.landing-v2 .v2-topbar{position:sticky;top:0;z-index:40;
  background:rgba(21,19,15,0.82);backdrop-filter:saturate(120%) blur(10px);
  border-bottom:1px solid var(--v2-rule);}
body.landing-v2 .v2-topbar .v2-wrap{display:flex;align-items:center;justify-content:space-between;height:74px;}
body.landing-v2 .v2-logo{font-weight:700;font-size:1.12rem;letter-spacing:-0.01em;text-decoration:none;color:var(--v2-paper);}
body.landing-v2 .v2-logo b{color:var(--v2-mark);}
body.landing-v2 .v2-nav{display:flex;gap:30px;align-items:center;}
body.landing-v2 .v2-nav a{font-family:var(--v2-note);text-transform:uppercase;letter-spacing:0.13em;font-size:0.78rem;
  color:var(--v2-paper-dim);text-decoration:none;transition:color .2s;}
body.landing-v2 .v2-nav a:hover{color:var(--v2-paper);}
body.landing-v2 .v2-signin{color:var(--v2-paper) !important;border:1px solid var(--v2-rule-mid);
  padding:9px 17px;border-radius:6px;transition:border-color .2s,background .2s;background:none;cursor:pointer;}
body.landing-v2 .v2-signin:hover{border-color:var(--v2-paper-dim);background:rgba(241,235,221,0.04);}
@media (max-width:820px){ body.landing-v2 .v2-nav a:not(.v2-signin){display:none;} }

/* ============================================================
   HERO
   ============================================================ */
body.landing-v2 .v2-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--v2-rule);}
body.landing-v2 .v2-hero .grid-lines{position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(to right,transparent,transparent calc(16.666% - 1px),var(--v2-rule) calc(16.666% - 1px),var(--v2-rule) 16.666%);}
body.landing-v2 .v2-hero .v2-wrap{position:relative;display:grid;grid-template-columns:1.12fr 0.88fr;gap:clamp(32px,5vw,64px);
  padding-top:clamp(60px,10vw,140px);padding-bottom:clamp(64px,10vw,150px);align-items:center;}
body.landing-v2 .v2-eyebrow{display:flex;gap:14px;align-items:center;flex-wrap:wrap;
  font-family:var(--v2-note);text-transform:uppercase;letter-spacing:0.15em;font-size:0.76rem;color:var(--v2-mark);margin-bottom:36px;}
body.landing-v2 .v2-eyebrow .sep{color:var(--v2-paper-faint);}
body.landing-v2 .v2-hero h1{font-weight:700;font-size:clamp(2.5rem,5.4vw,4.7rem);line-height:1.03;letter-spacing:-0.02em;
  margin:0 0 32px;text-wrap:balance;}
body.landing-v2 .v2-hero h1 em{font-style:italic;}
body.landing-v2 .v2-hero h1 .redmark{color:var(--v2-mark);}
body.landing-v2 .v2-hero .v2-sub{font-size:clamp(1.05rem,1.35vw,1.26rem);color:var(--v2-paper-dim);
  line-height:1.55;max-width:36ch;margin:0 0 44px;}
body.landing-v2 .v2-hero .v2-sub b{color:var(--v2-paper);font-weight:400;font-style:italic;}

/* CTAs */
body.landing-v2 .v2-cta-row{display:flex;align-items:center;gap:26px;flex-wrap:wrap;}
body.landing-v2 .v2-cta{display:inline-flex;align-items:center;gap:12px;background:var(--v2-mark-solid);color:#fff;
  border:none;cursor:pointer;text-decoration:none;font-family:var(--v2-note);font-weight:600;font-size:0.92rem;
  letter-spacing:0.11em;text-transform:uppercase;padding:15px 27px;border-radius:7px;transition:background .2s,transform .2s;}
body.landing-v2 .v2-cta:hover{background:var(--v2-mark-solid-hover);}
body.landing-v2 .v2-cta:active{transform:translateY(1px);}
body.landing-v2 .v2-cta .arrow{font-family:var(--v2-serif);font-size:1.05rem;line-height:1;}
body.landing-v2 .v2-cta-ghost{display:inline-flex;align-items:center;gap:11px;font-family:var(--v2-note);
  text-transform:uppercase;letter-spacing:0.12em;font-size:0.78rem;color:var(--v2-paper-dim);text-decoration:none;transition:color .2s;}
body.landing-v2 .v2-cta-ghost .ln{width:26px;height:1px;background:var(--v2-mark-soft);transform-origin:left;transition:transform .25s;}
body.landing-v2 .v2-cta-ghost:hover{color:var(--v2-paper);}
body.landing-v2 .v2-cta-ghost:hover .ln{transform:scaleX(1.5);}

/* reserved visual well — holds a future product film/screenshot; not wired to
   any image loader yet. If one is added later, style its image target then. */
body.landing-v2 .v2-visual{align-self:start;min-height:clamp(260px,34vw,400px);max-height:460px;border:1px solid var(--v2-rule-mid);
  border-radius:11px;display:flex;align-items:flex-end;padding:22px;position:relative;overflow:hidden;
  background:linear-gradient(180deg,rgba(229,64,42,0.06),rgba(26,23,18,0.2) 55%);}
body.landing-v2 .v2-visual .rv{font-family:var(--v2-note);text-transform:uppercase;letter-spacing:0.16em;
  font-size:0.68rem;color:var(--v2-paper-faint);position:relative;z-index:1;}
body.landing-v2 .v2-visual .corner{position:absolute;top:18px;right:20px;font-family:var(--v2-note);
  text-transform:uppercase;letter-spacing:0.15em;font-size:0.64rem;color:var(--v2-paper-faint);z-index:1;}

/* ============================================================
   POSITIONING BAND
   ============================================================ */
body.landing-v2 .v2-statement{border-bottom:1px solid var(--v2-rule);}
body.landing-v2 .v2-statement .v2-wrap{padding-top:clamp(70px,10vw,128px);padding-bottom:clamp(70px,10vw,128px);}
body.landing-v2 .v2-statement p{font-size:clamp(1.7rem,3.4vw,3rem);line-height:1.22;letter-spacing:-0.015em;max-width:24ch;font-weight:700;}
body.landing-v2 .v2-statement p .redmark{color:var(--v2-mark);}
body.landing-v2 .v2-statement .cap{display:block;font-family:var(--v2-note);text-transform:uppercase;letter-spacing:0.16em;
  font-size:0.8rem;font-weight:500;color:var(--v2-mark);margin-bottom:26px;}

/* ============================================================
   FEATURE SECTIONS — shared skeleton, distinct bodies
   ============================================================ */
body.landing-v2 .v2-feature{border-bottom:1px solid var(--v2-rule);scroll-margin-top:90px;}
body.landing-v2 .v2-how{scroll-margin-top:90px;}
body.landing-v2 .v2-feature .v2-wrap{padding-top:clamp(72px,11vw,150px);padding-bottom:clamp(72px,11vw,150px);}
body.landing-v2 .v2-flabel{font-family:var(--v2-note);text-transform:uppercase;letter-spacing:0.16em;font-size:0.8rem;
  color:var(--v2-mark);margin-bottom:22px;}
body.landing-v2 .v2-ftitle{font-weight:700;font-size:clamp(1.9rem,3.5vw,3rem);line-height:1.1;letter-spacing:-0.015em;
  max-width:18ch;margin:0 0 22px;text-wrap:balance;}
body.landing-v2 .v2-fsub{font-size:1.12rem;color:var(--v2-paper-dim);max-width:46ch;line-height:1.6;margin:0;}
body.landing-v2 .v2-flink{display:inline-flex;align-items:center;gap:11px;margin-top:30px;font-family:var(--v2-note);
  text-transform:uppercase;letter-spacing:0.12em;font-size:0.82rem;color:var(--v2-paper);text-decoration:none;}
body.landing-v2 .v2-flink .ln{width:28px;height:1px;background:var(--v2-mark);transform-origin:left;transition:transform .25s;}
body.landing-v2 .v2-flink:hover .ln{transform:scaleX(1.5);}

/* ---------- 01 QUESTIONS — ruled two-column, instructive key ---------- */
body.landing-v2 .v2-questions .q-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,88px);
  align-items:start;margin-top:clamp(44px,6vw,72px);}
body.landing-v2 .q-code{display:inline-block;font-family:var(--v2-note);text-transform:uppercase;letter-spacing:0.13em;
  font-size:0.76rem;color:var(--v2-mark);border:1px solid var(--v2-mark-soft);padding:5px 11px;border-radius:5px;margin-bottom:26px;}
body.landing-v2 .q-text{font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.4;margin:0 0 22px;}
body.landing-v2 .q-text .var{font-style:italic;}
body.landing-v2 .q-src{font-family:var(--v2-note);text-transform:uppercase;letter-spacing:0.11em;font-size:0.72rem;color:var(--v2-paper-faint);}
body.landing-v2 .key-card{background:var(--v2-ink-2);border:1px solid var(--v2-rule);border-radius:12px;padding:clamp(24px,3vw,34px);}
body.landing-v2 .key-title{font-size:1.16rem;font-style:italic;margin:0 0 6px;}
body.landing-v2 .key-note{font-size:0.95rem;color:var(--v2-paper-dim);margin:0 0 22px;line-height:1.5;}
body.landing-v2 .key-item{display:grid;grid-template-columns:18px 1fr;gap:14px;padding:14px 0;border-top:1px solid var(--v2-rule);align-items:start;}
body.landing-v2 .key-item .kmark{color:var(--v2-mark);font-weight:700;line-height:1.45;}
body.landing-v2 .key-item .kbody{font-size:1rem;line-height:1.45;}
body.landing-v2 .key-item .kbody .pts{display:block;margin-top:3px;font-family:var(--v2-note);text-transform:uppercase;letter-spacing:0.08em;font-size:0.72rem;color:var(--v2-paper-faint);}

/* ---------- 02 TUTOR — margin annotation ---------- */
body.landing-v2 .v2-tutor .v2-wrap{background:
  linear-gradient(180deg,transparent,rgba(26,23,18,0.35));}
body.landing-v2 .tutor-doc{display:grid;grid-template-columns:1fr minmax(240px,320px);gap:0;margin-top:clamp(44px,6vw,72px);
  border-top:1px solid var(--v2-rule-mid);}
body.landing-v2 .tutor-working{padding:clamp(28px,4vw,48px) clamp(28px,4vw,56px) clamp(28px,4vw,48px) 0;border-right:1px solid var(--v2-rule-mid);}
body.landing-v2 .tutor-detected{font-family:var(--v2-note);text-transform:uppercase;letter-spacing:0.11em;font-size:0.74rem;
  color:var(--v2-paper-faint);margin-bottom:24px;}
body.landing-v2 .tutor-detected b{color:var(--v2-mark);font-weight:600;}
body.landing-v2 .tutor-working .wline{font-size:1.15rem;line-height:1.9;}
body.landing-v2 .tutor-working .wline.dim{color:var(--v2-paper-dim);}
body.landing-v2 .tutor-working .flag{color:var(--v2-mark);border-bottom:1.5px solid var(--v2-mark-soft);}
body.landing-v2 .tutor-margin{padding:clamp(28px,4vw,48px) 0 clamp(28px,4vw,48px) clamp(24px,3vw,40px);position:relative;}
body.landing-v2 .tutor-margin .mnote{position:relative;padding-left:18px;margin-bottom:26px;}
body.landing-v2 .tutor-margin .mnote::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:var(--v2-mark);}
body.landing-v2 .tutor-margin .mnote .who{font-family:var(--v2-note);text-transform:uppercase;letter-spacing:0.12em;font-size:0.68rem;color:var(--v2-mark);display:block;margin-bottom:7px;}
body.landing-v2 .tutor-margin .mnote p{font-size:1rem;line-height:1.5;color:var(--v2-paper);font-style:italic;margin:0;}
body.landing-v2 .tutor-margin .modes{display:flex;gap:8px;flex-wrap:wrap;margin-top:32px;}
body.landing-v2 .tutor-margin .modes span{font-family:var(--v2-note);text-transform:uppercase;letter-spacing:0.1em;font-size:0.68rem;
  color:var(--v2-paper-dim);border:1px solid var(--v2-rule-mid);border-radius:20px;padding:5px 12px;}

/* ---------- 03 FLASHCARDS — horizontal recall deck ---------- */
body.landing-v2 .v2-cards-strip{display:flex;gap:20px;margin-top:clamp(44px,6vw,72px);overflow-x:auto;padding-bottom:8px;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}
body.landing-v2 .rcard{scroll-snap-align:start;flex:0 0 clamp(240px,26vw,300px);min-height:216px;border-radius:12px;
  border:1px solid var(--v2-rule-mid);background:var(--v2-ink-2);padding:24px;display:flex;flex-direction:column;
  justify-content:space-between;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s;}
body.landing-v2 .rcard:hover{transform:translateY(-6px);border-color:var(--v2-mark-soft);}
body.landing-v2 .rcard .side{font-family:var(--v2-note);text-transform:uppercase;letter-spacing:0.13em;font-size:0.68rem;color:var(--v2-paper-faint);}
body.landing-v2 .rcard .q{font-size:1.24rem;line-height:1.35;margin-top:14px;}
body.landing-v2 .rcard.answer{background:var(--v2-mark);border-color:var(--v2-mark);}
body.landing-v2 .rcard.answer .side{color:rgba(255,255,255,0.7);}
body.landing-v2 .rcard.answer .q{color:#fff;font-style:italic;}
body.landing-v2 .rcard .rate{display:flex;gap:6px;margin-top:16px;}
body.landing-v2 .rcard .rate i{width:22px;height:4px;border-radius:2px;background:var(--v2-rule-mid);font-style:normal;}
body.landing-v2 .rcard .rate i.on{background:var(--v2-mark);}
body.landing-v2 .rcard.answer .rate i{background:rgba(255,255,255,0.3);}
body.landing-v2 .rcard.answer .rate i.on{background:#fff;}

/* ---------- 04 YOUR RECORD — marks over time + confidence intensity ---------- */
body.landing-v2 .record-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px);align-items:start;margin-top:clamp(44px,6vw,72px);}
body.landing-v2 .record-panel .rp-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:22px;
  font-family:var(--v2-note);text-transform:uppercase;letter-spacing:0.13em;font-size:0.76rem;color:var(--v2-paper-dim);}
body.landing-v2 .record-panel .rp-h .sample{color:var(--v2-paper-faint);}
body.landing-v2 .conf-row{display:grid;grid-template-columns:1fr 96px;gap:16px;align-items:center;padding:15px 0;border-top:1px solid var(--v2-rule);}
body.landing-v2 .conf-row .topic{font-size:1.02rem;}
body.landing-v2 .conf-row .topic .pt{font-family:var(--v2-note);letter-spacing:0.06em;font-size:0.7rem;color:var(--v2-paper-faint);margin-left:8px;text-transform:uppercase;}
body.landing-v2 .conf-bar{height:8px;border-radius:4px;background:rgba(241,235,221,0.09);overflow:hidden;}
body.landing-v2 .conf-bar span{display:block;height:100%;border-radius:4px;background:var(--v2-mark);width:var(--v,0%);
  transform-origin:left;transform:scaleX(0);transition:transform 1s cubic-bezier(.16,1,.3,1);}
body.landing-v2 .v2-feature.in-view .conf-bar span{transform:scaleX(1);}
/* faded accent for weak topics (single-accent intensity, not a new hue) */
body.landing-v2 .conf-row.weak .conf-bar span{opacity:0.4;}
body.landing-v2 .conf-row.mid .conf-bar span{opacity:0.7;}

body.landing-v2 .record-history{background:var(--v2-ink-2);border:1px solid var(--v2-rule);border-radius:12px;padding:clamp(24px,3vw,32px);}
body.landing-v2 .record-history .rh-title{font-size:1.12rem;font-style:italic;margin:0 0 4px;}
body.landing-v2 .record-history .rh-note{font-size:0.94rem;color:var(--v2-paper-dim);margin:0 0 26px;line-height:1.5;}
body.landing-v2 .attempts{display:flex;align-items:stretch;gap:clamp(8px,1.6vw,16px);height:154px;}
body.landing-v2 .attempts .col{position:relative;flex:1;height:100%;padding-bottom:26px;display:flex;align-items:flex-end;justify-content:center;}
body.landing-v2 .attempts .bar{width:100%;max-width:34px;background:var(--v2-mark);border-radius:3px 3px 0 0;
  height:var(--h,20%);transform-origin:bottom;transform:scaleY(1);transition:transform .85s cubic-bezier(.16,1,.3,1);}
body.landing-v2 .v2-feature:not(.in-view) .attempts .bar{transform:scaleY(0);}
body.landing-v2 .attempts .col .n{position:absolute;bottom:0;left:0;right:0;text-align:center;
  font-family:var(--v2-note);font-size:0.72rem;color:var(--v2-paper-faint);letter-spacing:0.04em;}

/* ============================================================
   HOW IT WORKS
   ============================================================ */
body.landing-v2 .v2-how{border-bottom:1px solid var(--v2-rule);}
body.landing-v2 .v2-how .v2-wrap{padding-top:clamp(72px,10vw,140px);padding-bottom:clamp(72px,10vw,140px);}
body.landing-v2 .v2-how h2{font-weight:700;font-size:clamp(1.8rem,3.2vw,2.7rem);line-height:1.12;letter-spacing:-0.015em;
  max-width:20ch;margin:0 0 clamp(44px,6vw,72px);text-wrap:balance;}
body.landing-v2 .v2-how h2 .redmark{color:var(--v2-mark);}
body.landing-v2 .how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--v2-rule-mid);}
body.landing-v2 .how-step{padding:32px clamp(18px,2vw,30px) 0 0;border-right:1px solid var(--v2-rule);}
body.landing-v2 .how-step:last-child{border-right:none;}
body.landing-v2 .how-step .st{font-family:var(--v2-note);text-transform:uppercase;letter-spacing:0.12em;font-size:0.72rem;color:var(--v2-mark);margin-bottom:16px;}
body.landing-v2 .how-step h3{font-weight:700;font-size:1.28rem;line-height:1.2;margin:0 0 10px;letter-spacing:-0.01em;}
body.landing-v2 .how-step p{font-size:0.98rem;color:var(--v2-paper-dim);line-height:1.55;margin:0;}

/* ============================================================
   CLOSING CTA
   ============================================================ */
body.landing-v2 .v2-closing{border-bottom:1px solid var(--v2-rule);}
body.landing-v2 .v2-closing .v2-wrap{padding-top:clamp(80px,12vw,170px);padding-bottom:clamp(80px,12vw,170px);text-align:left;}
body.landing-v2 .v2-closing h2{font-weight:700;font-size:clamp(2.4rem,5.2vw,4.4rem);line-height:1.04;letter-spacing:-0.02em;
  max-width:16ch;margin:0 0 40px;text-wrap:balance;}
body.landing-v2 .v2-closing h2 em{font-style:italic;color:var(--v2-mark);}
body.landing-v2 .v2-closing .free-note{margin-top:22px;font-family:var(--v2-note);text-transform:uppercase;letter-spacing:0.13em;font-size:0.76rem;color:var(--v2-paper-faint);}

/* ============================================================
   FOOTER
   ============================================================ */
body.landing-v2 .v2-footer{padding:clamp(48px,6vw,72px) 0 clamp(40px,5vw,56px);}
body.landing-v2 .v2-footer .v2-wrap{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;align-items:flex-start;}
body.landing-v2 .v2-footer .fbrand .v2-logo{font-size:1.05rem;}
body.landing-v2 .v2-footer .ftag{color:var(--v2-paper-dim);font-size:0.96rem;margin-top:12px;max-width:34ch;line-height:1.5;}
body.landing-v2 .v2-footer .fnav{display:flex;gap:clamp(28px,5vw,64px);flex-wrap:wrap;}
body.landing-v2 .v2-footer .fcol h4{font-family:var(--v2-note);text-transform:uppercase;letter-spacing:0.14em;font-size:0.72rem;color:var(--v2-paper-faint);margin:0 0 14px;font-weight:500;}
body.landing-v2 .v2-footer .fcol a{display:block;text-decoration:none;color:var(--v2-paper-dim);font-size:0.98rem;margin-bottom:10px;transition:color .2s;}
body.landing-v2 .v2-footer .fcol a:hover{color:var(--v2-paper);}
body.landing-v2 .v2-footer .fbottom{margin-top:clamp(40px,5vw,60px);padding-top:22px;border-top:1px solid var(--v2-rule);
  font-family:var(--v2-note);text-transform:uppercase;letter-spacing:0.13em;font-size:0.72rem;color:var(--v2-paper-faint);}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:860px){
  body.landing-v2 .v2-hero .v2-wrap{grid-template-columns:1fr;gap:40px;}
  body.landing-v2 .v2-questions .q-grid{grid-template-columns:1fr;gap:36px;}
  body.landing-v2 .tutor-doc{grid-template-columns:1fr;}
  body.landing-v2 .tutor-working{border-right:none;border-bottom:1px solid var(--v2-rule-mid);padding-right:0;}
  body.landing-v2 .tutor-margin{padding-left:0;}
  body.landing-v2 .record-grid{grid-template-columns:1fr;gap:44px;}
  body.landing-v2 .how-steps{grid-template-columns:1fr 1fr;}
  body.landing-v2 .how-step{border-bottom:1px solid var(--v2-rule);padding-bottom:26px;}
  body.landing-v2 .how-step:nth-child(2){border-right:none;}
}
@media (max-width:560px){
  body.landing-v2 .how-steps{grid-template-columns:1fr;}
  body.landing-v2 .how-step{border-right:none;}
  body.landing-v2 .v2-cta{width:100%;justify-content:center;}
}