:root{
  --navy:#1B2A4A; --navy2:#243a63; --oxblood:#6E2230; --red:#C0392B;
  --teal:#2A9D8F; --gold:#D4A843; --mist:#F4F2EE; --ink:#1B2A4A; --muted:#5b6b85;
  --line:#e3e8f0; --card:#ffffff;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'DM Sans',-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);background:#fff;line-height:1.5;-webkit-font-smoothing:antialiased}
.serif{font-family:Georgia,'Times New Roman',serif}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
a{color:inherit;text-decoration:none}

.mockstrip{background:#10192e;color:#cdd8ea;font-size:11px;letter-spacing:2px;text-transform:uppercase;padding:7px 0}
.mockstrip .wrap{display:flex;justify-content:space-between}
.mockstrip .tag{color:#7e8fb0}

/* ===== TOP NAV (matches in-app navy bar) ===== */
header.nav{position:sticky;top:0;z-index:40;background:var(--navy);color:#fff;border-bottom:1px solid #2c3d60}
.nav .wrap{display:flex;align-items:center;height:62px;gap:30px}
.brand{font-size:22px;font-weight:800;letter-spacing:.3px}
.brand .red{color:var(--red)}
.navlinks{display:flex;gap:24px;margin-left:auto;font-size:14px;color:#c3ccdc;font-weight:500}
.navlinks a:hover{color:#fff}
.btn{display:inline-block;font-weight:600;font-size:14px;border-radius:8px;padding:9px 18px;cursor:pointer;border:1px solid transparent}
.btn-ghost{color:#fff;border-color:#3a4f78}.btn-ghost:hover{background:var(--navy2)}
.btn-gold{background:var(--gold);color:#3a2c06}.btn-gold:hover{filter:brightness(1.05)}
.btn-red{background:var(--red);color:#fff}.btn-red:hover{filter:brightness(1.05)}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy2)}
.btn-lg{padding:12px 24px;font-size:15px}

/* ===== HERO ===== */
.hero{background:var(--navy);color:#fff;padding:64px 0 72px;position:relative;overflow:hidden}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}
.kick{font-size:12px;letter-spacing:3px;color:#8fd6cc;font-weight:700;text-transform:uppercase}
.hero h1{font-family:Georgia,serif;font-size:46px;line-height:1.1;font-weight:700;margin:16px 0 0;letter-spacing:-.3px}
.hero .reel video{display:block;width:100%;height:auto;border-radius:12px}
.hero .wrap{grid-template-columns:1.18fr .82fr;gap:40px}
.hero h1 .it{font-style:italic;color:var(--gold)}
.hero p.lead{font-size:17.5px;color:#c8d2e4;margin-top:20px;max-width:520px}
.hero .ctas{display:flex;gap:13px;margin-top:28px}
.trust{margin-top:28px;font-size:12.5px;color:#93a3c2;letter-spacing:.3px}
.trust b{color:#cdd8ea}

/* ===== logo strip ===== */
.strip{background:var(--mist);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}
.strip .wrap{display:flex;align-items:center;gap:22px;justify-content:center;flex-wrap:wrap;font-size:12.5px;color:var(--muted);letter-spacing:.3px}
.strip b{color:var(--navy)}

/* ===== sections ===== */
section{padding:70px 0}
.eyebrow{font-size:12px;letter-spacing:3px;color:var(--teal);font-weight:700;text-transform:uppercase;text-align:center}
.h2{font-family:Georgia,serif;font-size:34px;font-weight:700;text-align:center;margin-top:10px;letter-spacing:-.3px;color:var(--navy)}
.sub{font-size:16.5px;color:var(--muted);text-align:center;max-width:660px;margin:14px auto 0}

/* ===== feature categories (ModMed-style grouped list) ===== */
.catblock{margin-top:42px}
.catlabel{font-size:13px;letter-spacing:1.6px;text-transform:uppercase;color:var(--oxblood);font-weight:800;
  padding-bottom:8px;border-bottom:2px solid var(--line);margin-bottom:18px}
.featgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 30px}
.feat{display:flex;gap:13px;padding:6px 0}
.feat .fi{width:34px;height:34px;border-radius:8px;background:var(--mist);display:grid;place-items:center;flex:none;font-size:16px}
.feat h4{font-size:15px;color:var(--navy);font-weight:700}
.feat p{font-size:13px;color:var(--muted);margin-top:2px}

/* ===== 360 "one capture" diagram band ===== */
.oneband{background:var(--navy);color:#fff}
.oneband .wrap{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.oneband .eyebrow{text-align:left;color:#8fd6cc}
.oneband h2{font-family:Georgia,serif;font-size:32px;font-weight:700;text-align:left;color:#fff;margin-top:10px;line-height:1.15}
.oneband h2 .it{font-style:italic;color:var(--gold)}
.oneband p{color:#c3cce0;margin-top:14px;font-size:16px;max-width:460px}
.ring{position:relative;width:380px;height:380px;margin:0 auto;max-width:100%}
.ring .core{position:absolute;left:50%;top:50%;width:128px;height:128px;margin:-64px 0 0 -64px;border-radius:50%;background:var(--red);display:grid;place-items:center;text-align:center;
  box-shadow:0 0 0 10px rgba(192,57,43,.18)}
.ring .core b{font-size:13px;color:#fff;font-weight:800;line-height:1.2}
.node{position:absolute;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:12px;background:#22345a;border:1px solid #34497a;
  display:grid;place-items:center;text-align:center;padding:8px}
.node span{font-size:11px;color:#cfd8ec;font-weight:600;line-height:1.25}
.node .t{display:block;font-size:9px;letter-spacing:1px;color:#8fd6cc;font-weight:700;text-transform:uppercase;margin-bottom:3px}

/* data security band */
.secgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px;text-align:left}
.seccard{background:#22345a;border:1px solid #34497a;border-radius:14px;padding:22px}
.seccard .sci{font-size:24px;margin-bottom:10px}
.seccard .sch{font-family:Georgia,serif;font-size:16px;color:#fff;font-weight:700;margin-bottom:7px}
.seccard p{color:#aebbd4;font-size:13px;margin:0;max-width:none}
@media(max-width:900px){.secgrid{grid-template-columns:1fr 1fr}}

/* ===== positioning blocks ===== */
.posrow{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-bottom:56px}
.posrow:last-child{margin-bottom:0}
.posrow.rev .ptext{order:2}
.ptext h3{font-family:Georgia,serif;font-size:26px;color:var(--navy);font-weight:700;letter-spacing:-.2px}
.ptext p{font-size:15.5px;color:var(--muted);margin-top:12px}
.ptext ul{list-style:none;margin-top:14px}
.ptext li{font-size:14px;color:#3a4f78;padding:5px 0 5px 18px;position:relative}
.ptext li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--teal)}
.pvis{background:var(--mist);border:1px solid var(--line);border-radius:14px;padding:22px;min-height:230px;display:flex;align-items:center;justify-content:center}

/* key differences — card grid */
.diffgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.diffcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 24px;border-top:3px solid var(--navy)}
.diffcard h3{font-family:Georgia,serif;font-size:20px;color:var(--navy);font-weight:700;line-height:1.2}
.diffcard p{font-size:14px;color:var(--muted);margin-top:12px}
.diffcard ul{list-style:none;margin-top:14px}
.diffcard li{font-size:13px;color:#3a4f78;padding:5px 0 5px 18px;position:relative}
.diffcard li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--teal)}
@media(max-width:900px){.diffgrid{grid-template-columns:1fr}}

/* ===== comparison (vs scribe / vs PM) ===== */
.cmp{background:var(--mist)}
.cmptable{margin-top:36px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.cmptable .hd{display:grid;grid-template-columns:1.4fr 1fr 1fr;background:var(--navy);color:#fff;font-size:13px;font-weight:700}
.cmptable .hd div{padding:14px 18px}
.cmptable .hd .us{background:var(--oxblood)}
.cmprow{display:grid;grid-template-columns:1.4fr 1fr 1fr;border-bottom:1px solid var(--line);font-size:13.5px}
.cmprow:last-child{border-bottom:none}
.cmprow div{padding:13px 18px;display:flex;align-items:center}
.cmprow .q{color:var(--navy);font-weight:600}
.cmprow .us{background:#faf6f2;color:#1f7a6e;font-weight:600}
.cmprow .them{color:var(--muted)}

/* ===== testimonials ===== */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}
.quote{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;border-top:3px solid var(--gold)}
.quote .qt{font-size:14.5px;color:#33425e;line-height:1.55;font-style:italic}
.quote .stat{margin:14px 0;font-family:Georgia,serif;font-size:26px;color:var(--red);font-weight:700}
.quote .who{display:flex;align-items:center;gap:11px;margin-top:14px;border-top:1px solid var(--line);padding-top:14px}
.quote .ava{width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}
.quote .nm{font-size:13.5px;color:var(--navy);font-weight:700}
.quote .role{font-size:11.5px;color:var(--muted)}

/* ===== final cta ===== */
.finalcta{background:var(--navy);color:#fff;text-align:center;position:relative;overflow:hidden}
.finalcta .wrap{position:relative}
.finalcta h2{font-family:Georgia,serif;font-size:38px;font-weight:700}
.finalcta h2 .it{font-style:italic;color:var(--gold)}
.finalcta p{color:#c3cce0;font-size:16.5px;margin-top:14px}
.finalcta .ctas{display:flex;gap:13px;justify-content:center;margin-top:28px}

/* ===== footer ===== */
footer{background:#13203a;color:#9fb0cc;padding:46px 0 28px;font-size:13px}
footer .wrap{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}
footer .brand{font-size:21px;color:#fff;margin-bottom:9px}
footer h6{color:#cdd8ea;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:11px}
footer a{display:block;color:#9fb0cc;padding:4px 0}footer a:hover{color:#fff}
.foot-tag{font-style:italic;color:#7e8fb0;font-size:12.5px;margin-top:6px;max-width:280px}
.foot-base{border-top:1px solid #233453;margin-top:30px;padding-top:16px;color:#6f80a0;font-size:12px;display:flex;justify-content:space-between}

@media(max-width:900px){
  .hero .wrap,.oneband .wrap,.posrow,.featgrid,.quotes,footer .wrap{grid-template-columns:1fr}
  .posrow.rev .ptext{order:0}
}

/* pricing */
.pricegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px}
.pricecard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 20px;position:relative;display:block}
.pricecard.feat{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 14px 34px rgba(212,168,67,.16);padding-top:30px}
.pricecard>div{display:block;width:100%}
.pricecard .badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--gold);color:#3a2c06;font-size:11px;font-weight:800;letter-spacing:.5px;padding:4px 12px;border-radius:20px;white-space:nowrap}
.pricecard .pt{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--oxblood);font-weight:800}
.pricecard .pp{font-family:Georgia,serif;font-size:30px;color:var(--navy);font-weight:700;margin:10px 0 4px}
.pricecard .pp span{font-size:14px;color:var(--muted);font-weight:400;font-family:'DM Sans',sans-serif}
.pricecard .pd{font-size:13px;color:var(--muted);margin-top:6px}
@media(max-width:900px){.pricegrid{grid-template-columns:1fr 1fr}}

/* page switching + nav active state */
.page[hidden]{display:none}
.navlinks a.on{color:#fff;position:relative}
.navlinks a.on:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--gold)}

/* shared prose */
.prose h3{font-family:Georgia,serif;font-size:24px;color:var(--navy);font-weight:700;margin-bottom:10px}
.prose h3:not(:first-child){margin-top:30px}
.prose p{font-size:16px;color:#3a4f78;margin-bottom:14px}

/* who we are */
.valuegrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}
.valuecard{background:var(--mist);border:1px solid var(--line);border-radius:14px;padding:22px;border-top:3px solid var(--teal)}
.valuecard .vh{font-family:Georgia,serif;font-size:18px;color:var(--navy);font-weight:700;margin-bottom:8px}
.valuecard p{font-size:14px;color:var(--muted)}
.leadcard{display:flex;gap:20px;align-items:flex-start;background:var(--navy);color:#fff;border-radius:16px;padding:28px;margin-top:44px}
.leadcard .ava-lg{width:64px;height:64px;border-radius:50%;background:var(--oxblood);color:#fff;display:grid;place-items:center;font-weight:700;font-size:20px;flex:none}
.leadcard .ln{font-family:Georgia,serif;font-size:20px;font-weight:700}
.leadcard .lr{font-size:13px;color:#9fb0cc;margin:3px 0 12px}
.leadcard p{font-size:15px;color:#d6deec;font-style:italic;line-height:1.55}

/* resources — steps */
.steplist{margin-top:38px;display:flex;flex-direction:column;gap:14px}
.stepitem{display:flex;gap:18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;align-items:flex-start}
.stepitem .sn{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;flex:none}
.stepitem h4{font-size:16px;color:var(--navy);font-weight:700;margin-bottom:4px}
.stepitem p{font-size:14px;color:var(--muted)}
.stepitem p b{color:var(--oxblood)}
/* resources — tips */
.tipgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.tipcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;border-top:3px solid var(--gold)}
.tipcard .ti{font-size:22px;margin-bottom:8px}
.tipcard .th{font-family:Georgia,serif;font-size:17px;color:var(--navy);font-weight:700;margin-bottom:7px;line-height:1.25}
.tipcard p{font-size:13.5px;color:var(--muted)}

/* how-to guides — openable folders of video slots */
.vfolder{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:16px;overflow:hidden}
.vfolder summary{list-style:none;cursor:pointer;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.vfolder summary::-webkit-details-marker{display:none}
.vfolder[open] summary{border-bottom:1px solid var(--line)}
.vfolder .vt{font-family:Georgia,serif;font-size:19px;color:var(--navy);font-weight:700}
.vfolder .vd{font-size:13.5px;color:var(--muted);margin-top:3px}
.vfolder .vc{font-size:13px;color:var(--muted);white-space:nowrap}
.vfolder .vc:after{content:" · Open"}.vfolder[open] .vc:after{content:" · Close"}
.vlist{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);column-gap:28px;padding:10px 24px 18px}
.vlist li{display:flex;gap:10px;padding:10px 0;font-size:14px;color:#3a4f78;border-bottom:1px solid #f0f3f8}
.vlist li span{color:var(--muted);min-width:20px}
@media(max-width:900px){.vlist{grid-template-columns:1fr}}
/* resources — quick ref */
.reftable{margin-top:30px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.refrow{display:grid;grid-template-columns:200px 1fr;border-bottom:1px solid var(--line)}
.refrow:last-child{border-bottom:none}
.refrow .rk{padding:15px 20px;font-weight:700;color:var(--navy);font-size:14px;background:var(--mist);border-right:1px solid var(--line)}
.refrow .rv{padding:15px 20px;font-size:14px;color:var(--muted)}

/* support */
.supportgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.supportcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 22px;text-align:center}
.supportcard .si{font-size:30px;margin-bottom:10px}
.supportcard .sh{font-family:Georgia,serif;font-size:18px;color:var(--navy);font-weight:700;margin-bottom:8px}
.supportcard p{font-size:13.5px;color:var(--muted);margin-bottom:14px}
.supportlink{font-weight:700;color:var(--red);font-size:14px}
.faq{margin-top:30px;display:flex;flex-direction:column;gap:12px}
.faqitem{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;border-left:3px solid var(--navy)}
.faqitem .q{font-weight:700;color:var(--navy);font-size:15.5px;margin-bottom:7px}
.faqitem .a{font-size:14px;color:var(--muted);line-height:1.55}

@media(max-width:900px){
  .valuegrid,.tipgrid,.supportgrid{grid-template-columns:1fr}
  .refrow{grid-template-columns:1fr}.refrow .rk{border-right:none;border-bottom:1px solid var(--line)}
  .leadcard{flex-direction:column}
}
.featgrid.four{grid-template-columns:repeat(4,1fr)}@media(max-width:1100px){.featgrid.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.featgrid.four{grid-template-columns:1fr}}.statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}.stat{border-top:3px solid var(--gold);padding-top:14px}.sn{font-family:Georgia,serif;font-size:34px;font-weight:700;color:var(--navy);letter-spacing:-.5px}.sl{font-size:13px;color:var(--muted);margin-top:4px}@media(max-width:900px){.statrow{grid-template-columns:1fr}}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/cormorant-garamond-latin-300-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300;font-display:swap;src:url('fonts/cormorant-garamond-latin-300-italic.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/cormorant-garamond-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/cormorant-garamond-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/hanken-grotesk-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/hanken-grotesk-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/hanken-grotesk-latin-600-normal.woff2') format('woff2')}
/* ===== RESTYLE 30 Sept 2026 — option 1: navy ink + red wordmark kept; gold/teal/oxblood out; type and space do the work ===== */
:root{
  --navy:#1B2A4A; --ink:#1B2A4A; --paper:#FBF9F4; --ivory:#F4F0E7; --muted:#5E6878;
  --rule:rgba(27,42,74,.15); --rule-d:rgba(244,240,231,.18); --onnavy:#B7C0D0;
  --serif:'Cormorant Garamond',Georgia,serif; --sans:'Hanken Grotesk',-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;
  --gold:var(--navy); --teal:var(--muted); --oxblood:var(--navy); --mist:var(--ivory); --line:var(--rule);
}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);font-size:17px;line-height:1.65;letter-spacing:.005em}
.serif{font-family:var(--serif)}
.wrap{max-width:1240px;padding:0 56px}

.mockstrip{background:var(--paper);color:var(--muted);border-bottom:1px solid var(--rule);letter-spacing:.24em;font-size:10.5px}
.mockstrip .tag{color:var(--muted)}

/* nav */
header.nav{background:rgba(251,249,244,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);border-bottom:1px solid var(--rule)}
.nav .wrap{height:80px;gap:40px}
.brand{font-family:var(--sans);font-size:19px;font-weight:600;letter-spacing:.06em;color:var(--ink)}
.navlinks{gap:36px;font-size:13.5px;color:var(--muted);font-weight:400;letter-spacing:.03em}
.navlinks a:hover{color:var(--ink)}
.navlinks a.on{color:var(--ink)}
.navlinks a.on:after{background:var(--ink);height:1px;bottom:-8px}

/* buttons: rectangular, letter-spaced, quiet */
.btn{border-radius:0;font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:14px 26px;transition:background .2s,color .2s,border-color .2s}
.btn-lg{padding:17px 32px;font-size:12px}
.btn-gold,.btn-navy,.btn-red{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn-gold:hover,.btn-navy:hover,.btn-red:hover{filter:none;background:#26375c}
.btn-ghost{color:var(--ink);border-color:var(--rule);background:transparent}
.btn-ghost:hover{background:transparent;border-color:var(--ink)}
header.nav .btn-ghost{border-color:transparent;padding-left:0;padding-right:0}
header.nav .btn-ghost:hover{border-color:transparent}

/* hero: ivory, headline across the full width, lead and film beneath */
.hero{background:var(--paper);color:var(--ink);padding:120px 0 140px}
.hero .wrap{grid-template-columns:1fr 1.05fr;column-gap:88px;row-gap:0;align-items:start}
#page-home .hero .wrap>div:first-child{display:contents}
#page-home .hero .kick{grid-column:1/-1;grid-row:1}
#page-home .hero h1{grid-column:1/-1;grid-row:2}
#page-home .hero p.lead{grid-column:1;grid-row:3}
#page-home .hero .ctas{grid-column:1;grid-row:4}
#page-home .hero .reel{grid-column:2;grid-row:3/5;margin-top:64px}
.kick{font-size:11px;letter-spacing:.3em;color:var(--muted);font-weight:500}
.hero h1{font-family:var(--serif);font-weight:300;font-size:80px;line-height:1;letter-spacing:-.012em;margin:36px 0 0;color:var(--ink)}
.hero h1 .it{font-style:italic;color:var(--ink);font-weight:300}
.hero p.lead{font-size:17.5px;line-height:1.75;color:var(--muted);margin-top:64px;max-width:540px}
.hero .ctas{gap:14px;margin-top:44px}
.hero .reel video{border-radius:2px;box-shadow:0 40px 80px -36px rgba(27,42,74,.45),0 0 0 1px var(--rule)}
.trust{color:var(--muted)}.trust b{color:var(--ink)}

/* sections */
section{padding:120px 0}
.eyebrow{font-size:11px;letter-spacing:.3em;color:var(--muted);font-weight:500}
.h2{font-family:var(--serif);font-weight:300;font-size:52px;line-height:1.05;letter-spacing:-.008em;color:var(--ink)}
.sub{font-size:17px;line-height:1.7;color:var(--muted)}

/* the seven pillars: numbered chapters, heading left, content right, hairlines not cards */
#page-home{counter-reset:pillar}
section.pillar{background:var(--paper)!important;padding:0 0 150px}
section.pillar .wrap{display:grid;grid-template-columns:4fr 8fr;column-gap:96px;padding-top:72px;background:linear-gradient(var(--rule),var(--rule)) 56px 0/calc(100% - 112px) 1px no-repeat}
.pillar .phead{position:sticky;top:130px;align-self:start}
.pillar .phead:before{counter-increment:pillar;content:counter(pillar,decimal-leading-zero);display:block;font-family:var(--sans);font-size:11px;letter-spacing:.3em;color:var(--muted);margin-bottom:40px}
.pillar .h2{text-align:left;margin-top:0}
.pillar .sub{text-align:left;margin:28px 0 0!important;max-width:none!important}
.pillar .catlabel{margin:0!important;padding:0 0 22px;border:0;font-size:11px;letter-spacing:.3em;color:var(--muted);font-weight:500}
.featgrid,.featgrid.four{grid-template-columns:1fr 1fr;gap:0 56px;margin-top:0!important}
.pillar .featgrid,.pillar .featgrid.four{grid-template-columns:1fr;gap:0}
.pillar .feat{display:grid;grid-template-columns:5fr 7fr;column-gap:48px;padding:28px 0 30px}
.pillar .feat>div{display:contents}
.pillar .feat p{margin-top:4px}
.feat{display:block;padding:30px 0 34px;border-top:1px solid var(--rule)}
.feat h4{font-family:var(--serif);font-weight:500;font-size:25px;line-height:1.15;color:var(--ink);letter-spacing:0}
.feat p{font-size:15.5px;line-height:1.65;color:var(--muted);margin-top:12px}

/* figures: set in type, not in gold boxes */
.statrow{margin-top:72px;gap:40px}
.stat{border-top:1px solid var(--ink);padding-top:22px}
.stat .sn{white-space:nowrap;font-family:var(--serif);font-weight:300;font-size:48px;line-height:1;color:var(--ink);letter-spacing:-.01em}
.stat .sl{font-size:13px;letter-spacing:.03em;color:var(--muted);margin-top:14px}

/* the one dark chapter */
section.pillar.oneband{background:var(--ink)!important;color:var(--paper);padding:150px 0}
section.pillar.oneband .wrap{background:none;padding-top:0}
.oneband .phead:before{color:var(--onnavy)}
.oneband h2{font-family:var(--serif);font-weight:300;font-size:52px;line-height:1.05;color:var(--paper);text-align:left;margin:0}
.oneband p{color:var(--onnavy);font-size:17px;line-height:1.7;margin-top:28px;max-width:none}
.oneband .secgrid{grid-template-columns:1fr;gap:0;margin-top:0}
.oneband .seccard{display:grid;grid-template-columns:5fr 7fr;column-gap:48px}
.oneband .seccard .sch{margin-bottom:0}
.oneband .seccard p{margin-top:4px}
.seccard{background:none;border:0;border-top:1px solid var(--rule-d);border-radius:0;padding:30px 0 34px}
.seccard .sch{font-family:var(--serif);font-weight:500;font-size:25px;line-height:1.15;color:var(--paper);margin-bottom:12px}
.seccard p{color:var(--onnavy);font-size:15.5px;line-height:1.65;margin:0}

/* the release note line */
#page-home>section:not(.pillar):not(.hero):not(.finalcta){padding:0 0 56px}
#page-home>section:not(.pillar):not(.hero):not(.finalcta) .sub{text-align:left;font-size:13px!important;letter-spacing:.02em;margin:0}

/* closing */
.finalcta{background:var(--ink);color:var(--paper);padding:170px 0}
.finalcta h2{font-family:var(--serif);font-weight:300;font-size:76px;line-height:1;letter-spacing:-.012em}
.finalcta h2 .it{color:var(--paper)}
.finalcta p{color:var(--onnavy);font-size:17px;margin-top:22px}
.finalcta .ctas{margin-top:52px;gap:14px}
.finalcta .btn-gold{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.finalcta .btn-gold:hover{background:#fff}
.finalcta .btn-ghost{color:var(--paper);border-color:var(--rule-d)}
.finalcta .btn-ghost:hover{border-color:var(--paper)}

/* footer */
footer{background:#152239;color:#8f9ab0;padding:80px 0 36px;font-size:13.5px}
footer .brand{color:var(--paper);font-size:18px}
footer h6{color:var(--onnavy);font-weight:500;font-size:10.5px;letter-spacing:.28em;margin-bottom:16px}
footer a{color:#8f9ab0}
.foot-tag{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--onnavy);line-height:1.4}
.foot-base{border-top:1px solid rgba(244,240,231,.12);margin-top:56px;padding-top:22px;color:#6f7a90}

/* ===== the other pages: same vocabulary ===== */
.page:not(#page-home) .hero{padding:110px 0 100px}
.page:not(#page-home) .hero h1{font-size:64px!important}
.page:not(#page-home) .hero p.lead{margin-top:32px}
.page:not(#page-home) section:not(.hero):not(.finalcta){background:var(--paper)!important}
.page:not(#page-home) .hero{padding:110px 0 100px!important}
.catlabel{border-bottom:1px solid var(--rule);color:var(--muted);font-weight:500;font-size:11px;letter-spacing:.3em}
.prose h3,.ptext h3,.diffcard h3{font-family:var(--serif);font-weight:400;font-size:32px;line-height:1.1;color:var(--ink)}
.prose p,.ptext p{font-size:17px;line-height:1.75;color:var(--muted)}
.ptext li,.diffcard li{color:var(--muted)}
.ptext li:before,.diffcard li:before{background:var(--ink);width:4px;height:4px}
.pvis{background:var(--ivory);border:0;border-radius:0}
.diffcard,.valuecard,.tipcard,.stepitem,.supportcard,.faqitem,.vfolder,.reftable,.pricecard,.quote,.cmptable{background:transparent;border:0;border-top:1px solid var(--rule);border-radius:0;box-shadow:none}
.faqitem{border-left:0;padding:26px 0}
.stepitem{padding:28px 0}
.valuecard,.tipcard,.supportcard,.diffcard{padding:30px 0}
.valuecard .vh,.tipcard .th,.supportcard .sh,.vfolder .vt,.leadcard .ln,.faqitem .q{font-family:var(--serif);font-weight:500;font-size:25px;line-height:1.15;color:var(--ink)}
.leadcard .ln{color:var(--paper)}
.faqitem .q{font-size:23px}
.valuecard p,.tipcard p,.supportcard p,.stepitem p,.faqitem .a,.vfolder .vd{font-size:15.5px;line-height:1.65;color:var(--muted)}
.stepitem h4{font-family:var(--serif);font-weight:500;font-size:24px;color:var(--ink)}
.stepitem .sn{background:none;color:var(--ink);font-family:var(--serif);font-weight:300;font-size:36px;width:44px;height:auto;display:block;border-radius:0;line-height:1}
.stepitem p b{color:var(--ink)}
.supportlink{color:var(--ink);font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:3px}
.leadcard{border-radius:0;padding:44px}
.leadcard .ava-lg{background:var(--paper);color:var(--ink)}
.vfolder summary{padding:24px 0}
.vlist{padding:10px 0 22px}.vlist li{border-bottom:1px solid var(--rule)}
.refrow{border-bottom:1px solid var(--rule)}.refrow .rk{background:transparent;border-right:0;padding-left:0}
.cmptable .hd{background:transparent;color:var(--ink);border-bottom:1px solid var(--ink)}.cmptable .hd .us{background:transparent}
.cmprow{border-bottom:1px solid var(--rule)}.cmprow .us{background:transparent;color:var(--ink)}
.pricecard.feat{box-shadow:none;border-top:1px solid var(--ink)}
.pricecard .badge{background:var(--ink);color:var(--paper);border-radius:0;letter-spacing:.16em;text-transform:uppercase;font-weight:500}
.pricecard .pt{color:var(--muted);font-weight:500;letter-spacing:.24em;font-size:11px}
.pricecard .pp{font-family:var(--serif);font-weight:300;font-size:40px}
.quote .stat{font-family:var(--serif);color:var(--ink)}

/* phones */
@media(max-width:900px){
  .wrap{padding:0 20px}
  .nav .wrap{height:auto;gap:14px;flex-wrap:wrap;padding-top:14px;padding-bottom:12px}
  .nav .brand{margin-right:auto}
  .navlinks{order:3;width:100%;margin-left:0;gap:22px;overflow-x:auto;white-space:nowrap;font-size:13px}
  header.nav .btn{padding:10px 14px;font-size:11px;letter-spacing:.12em}
  .mockstrip .wrap{flex-direction:column;gap:2px}
  .hero{padding:64px 0 80px}
  .hero .wrap{grid-template-columns:1fr}
  #page-home .hero .kick,#page-home .hero h1,#page-home .hero p.lead,#page-home .hero .ctas,#page-home .hero .reel{grid-column:1;grid-row:auto}
  #page-home .hero .reel{margin-top:48px}
  .hero h1{font-size:38px;line-height:1.05}
  .hero p.lead{margin-top:36px}
  .hero .ctas{flex-wrap:wrap}
  section.pillar{padding:0 0 88px}
  section.pillar .wrap{grid-template-columns:1fr;padding-top:48px;row-gap:36px;background-position:20px 0;background-size:calc(100% - 40px) 1px}
  .pillar .feat,.oneband .seccard{grid-template-columns:1fr;row-gap:8px}
  .pillar .phead{position:static}
  .h2,.oneband h2{font-size:38px}
  .featgrid,.featgrid.four,.oneband .secgrid{grid-template-columns:1fr}
  section.pillar.oneband{padding:88px 0}
  .statrow{grid-template-columns:1fr;gap:28px}
  .finalcta{padding:100px 0}.finalcta h2{font-size:48px}
  .finalcta .ctas{flex-wrap:wrap}
  .page:not(#page-home) .hero h1{font-size:42px!important}
}


/* ===== preview 2: less text ===== */
#page-home .hero p.lead{font-family:var(--serif);font-style:italic;font-weight:300;font-size:34px;line-height:1.2;color:var(--ink);margin-top:72px;max-width:460px}
#page-home .hero .ctas{margin-top:48px}
#page-home .hero .wrap{grid-template-rows:auto auto auto auto 1fr}
#page-home .hero .reel{margin-top:72px;grid-row:3/6}
.pillar .featgrid.names{grid-template-columns:1fr 1fr;column-gap:56px}
.pillar .featgrid.names .feat{display:block;padding:22px 0 24px}
.pillar .featgrid.names .feat h4{font-weight:400;font-size:27px}
@media(max-width:900px){
  #page-home .hero p.lead{font-size:26px;margin-top:36px}
  .pillar .featgrid.names{grid-template-columns:1fr}
}
/* ===== preview 4: homepage = chapter index; one page per chapter ===== */
.chapters{padding:40px 0 140px}
.chapters .wrap{display:grid;grid-template-columns:1fr 1fr;gap:96px 56px}
.chap{display:block;color:var(--ink)}
.chap:first-child{grid-column:1/-1;display:grid;grid-template-columns:7fr 5fr;column-gap:64px;align-items:end}
.chap:first-child .cimg{grid-row:1/5}
.cimg{display:block;overflow:hidden;border-radius:2px;box-shadow:0 34px 70px -40px rgba(27,42,74,.5),0 0 0 1px var(--rule);background:var(--ink)}
.cimg img{display:block;width:100%;height:auto;transition:transform .6s ease}
.chap:hover .cimg img{transform:scale(1.025)}
.chap .cn{display:block;margin-top:30px;font-size:11px;letter-spacing:.3em;color:var(--muted)}
.chap .ct{display:block;font-family:var(--serif);font-weight:300;font-size:40px;line-height:1.08;margin-top:12px}
.chap:first-child .ct{font-size:52px}
.chap .ct:after{content:"\2009\2192";font-size:.6em;opacity:0;transition:opacity .3s;vertical-align:.12em}
.chap:hover .ct:after{opacity:1}
.chap .cs{display:block;font-size:16px;line-height:1.65;color:var(--muted);margin-top:14px;max-width:520px}
.brandplate{aspect-ratio:1280/700;display:grid;place-items:center;background:var(--ink)}
.brandplate>span{font-family:var(--sans);font-weight:600;letter-spacing:.06em;font-size:clamp(28px,4vw,56px);color:var(--paper)}
.brandplate .red{color:var(--red)}

.chapter .chead{padding:96px 0 96px}
.chapter .chead .wrap{display:grid;grid-template-columns:5fr 7fr;column-gap:80px;align-items:center}
.chapter .chead .cn{font-size:11px;letter-spacing:.3em;color:var(--muted)}
.chapter .chead h1{font-family:var(--serif);font-weight:300;font-size:68px;line-height:1.02;letter-spacing:-.01em;margin-top:28px;color:var(--ink)}
.chapter .chead p{text-align:left!important;font-size:17.5px;line-height:1.7;color:var(--muted);margin-top:28px;max-width:460px}
.chapter .chead .plate{border-radius:2px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(27,42,74,.5),0 0 0 1px var(--rule);background:var(--ink)}
.chapter .chead .plate img{display:block;width:100%}
.chapter .cbody{padding:0 0 120px}
.chapter .cbody .wrap{padding-top:0}
.chapter .cbody .catlabel{padding:0 0 22px;border:0;margin:0}
.chapter .cbody .featgrid,.chapter .cbody .featgrid.four{grid-template-columns:1fr;gap:0;margin:0}
.chapter .cbody .feat{display:grid;grid-template-columns:5fr 7fr;column-gap:80px;padding:30px 0 32px;border-top:1px solid var(--rule)}
.chapter .cbody .feat>div{display:contents}
.chapter .cbody .feat h4{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.15;color:var(--ink)}
.chapter .cbody .feat p{font-size:16.5px;line-height:1.7;color:var(--muted);margin-top:4px;max-width:620px}
.chapter .cbody .featgrid.names{grid-template-columns:1fr 1fr 1fr;column-gap:56px}
.chapter .cbody .featgrid.names .feat{display:block;padding:22px 0 24px}
.chapter .cbody .featgrid.names .feat h4{font-size:26px}
.chapter .cbody .statrow{grid-template-columns:repeat(3,1fr);margin-top:80px}
.chapter .cbody .secgrid{display:grid;grid-template-columns:1fr;gap:0;margin:0}
.chapter .cbody .seccard{display:grid;grid-template-columns:5fr 7fr;column-gap:80px;background:none;border:0;border-top:1px solid var(--rule);border-radius:0;padding:30px 0 32px}
.chapter .cbody .seccard .sch{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.15;color:var(--ink);margin:0}
.chapter .cbody .seccard p{font-size:16.5px;line-height:1.7;color:var(--muted);margin-top:4px}
.chapter .cnext{padding:0 0 110px}
.chapter .cnext .wrap{display:grid;grid-template-columns:1fr 1fr;column-gap:56px}
.chapter .cnext a{display:block;border-top:1px solid var(--ink);padding-top:26px;color:var(--ink)}
.chapter .cnext a.next{grid-column:2;text-align:right}
.chapter .cnext .cn{display:block;font-size:11px;letter-spacing:.3em;color:var(--muted)}
.chapter .cnext .ct{display:block;font-family:var(--serif);font-weight:300;font-size:36px;line-height:1.1;margin-top:12px}
.chapter .cnext a:hover .ct{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.chapter>section[style*="padding:0 0 8px"]{padding:0 0 56px!important}
.chapter>section[style*="padding:0 0 8px"] .sub{text-align:left;font-size:13px!important;margin:0}
@media(max-width:900px){
  .chapters{padding:24px 0 88px}
  .chapters .wrap{grid-template-columns:1fr;gap:64px}
  .chap:first-child{display:block}
  .chap .ct,.chap:first-child .ct{font-size:34px}
  .chapter .chead{padding:56px 0}
  .chapter .chead .wrap{grid-template-columns:1fr;row-gap:40px}
  .chapter .chead h1{font-size:44px}
  .chapter .cbody .feat,.chapter .cbody .seccard{grid-template-columns:1fr;row-gap:8px}
  .chapter .cbody .featgrid.names{grid-template-columns:1fr}
  .chapter .cbody .statrow{grid-template-columns:1fr}
  .chapter .cnext .wrap{grid-template-columns:1fr;row-gap:36px}
  .chapter .cnext a.next{grid-column:1;text-align:left}
  .chapter .cnext .ct{font-size:28px}
}

/* 30 Sept: "One place." in the wordmark red; no chapter numbers */
#page-home .hero h1 .it{color:var(--red)}
.chap .ct{margin-top:30px}
.chapter .chead h1{margin-top:0}
.chapter .cnext .cn{font-size:18px;letter-spacing:0}
/* 30 Sept: one navy at the bottom — the footer takes the closing band's navy, split by a hairline */
footer{background:var(--ink);border-top:1px solid rgba(244,240,231,.12)}
/* 30 Sept (b): "Start sign-up" is the longer header label — keep brand, Sign in and the button on one row at phone width */
@media(max-width:900px){header.nav .btn{padding:10px 12px;letter-spacing:.08em}}

/* 1 Oct (e): videos */
.plate video,.vpair video,.vitem video{display:block;width:100%;height:auto;background:var(--ink)}
.chapter .cvideos{padding:0 0 100px}
.chapter .cvideos .vpair{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.chapter .cvideos figure{margin:0}
.chapter .cvideos video{border-radius:2px;box-shadow:0 34px 70px -40px rgba(27,42,74,.5),0 0 0 1px var(--rule)}
.chapter .cvideos figcaption{margin-top:14px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}
.vlist.play{grid-template-columns:1fr 1fr;column-gap:40px}
.vlist.play li{display:block;padding:0}
.vlist.play li:has(details[open]){grid-column:1/-1}
.vitem summary{list-style:none;cursor:pointer;display:flex;gap:10px;padding:10px 0}
.vitem summary::-webkit-details-marker{display:none}
.vitem summary:after{content:"\25B8";margin-left:auto;color:var(--muted)}
.vitem[open] summary:after{content:"\25BE"}
.vitem video{margin:6px 0 18px;box-shadow:0 0 0 1px var(--rule)}
@media(max-width:900px){.chapter .cvideos .vpair,.vlist.play{grid-template-columns:1fr}}

/* 1 Oct (g): Videos page — poster grid, one pop-up player */
.vgroup{padding:72px 0 0}
#page-videos .vgroup + section:not(.vgroup){margin-top:72px}
.vghead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;border-top:1px solid var(--ink);padding-top:24px;margin-bottom:28px}
.vghead .vt{font-family:var(--serif);font-weight:600;font-size:34px;line-height:1.1;color:var(--ink)}
.vghead .vd{font-size:15.5px;color:var(--muted);margin-top:6px}
.vghead .vc{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink);font-weight:600;white-space:nowrap}
.vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px 28px;align-items:start}
.vgrid.feature{grid-template-columns:repeat(12,1fr);gap:40px 28px}
.vgrid.feature .vcard{grid-column:span 4}
.vgrid.feature .vcard:nth-child(-n+2){grid-column:span 6}
/* 2 Oct (q): after the two wide films the rest sit three across; a last row of one or two is centred */
@media(min-width:901px){.vgrid.feature .vcard:last-child:nth-child(3n){grid-column:5/span 4}.vgrid.feature .vcard:nth-last-child(2):nth-child(3n){grid-column:3/span 4}}
.vcard{display:block;width:100%;text-align:left;background:none;border:0;padding:0;cursor:pointer;color:var(--ink);font:inherit}
.vthumb{position:relative;display:block;overflow:hidden;border-radius:2px;background:var(--ink);box-shadow:0 0 0 1px var(--rule)}
.vgrid.feature .vthumb{box-shadow:0 34px 70px -40px rgba(27,42,74,.5),0 0 0 1px var(--rule)}
.vthumb{aspect-ratio:16/10}
.vthumb img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .5s ease}
.vgroup{scroll-margin-top:90px}
.vcard:hover .vthumb img{transform:scale(1.03)}
.vplay{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(27,42,74,.82);transition:background .2s}
.vplay:after{content:"";position:absolute;left:22px;top:17px;border-style:solid;border-width:11px 0 11px 17px;border-color:transparent transparent transparent var(--paper)}
.vcard:hover .vplay{background:var(--ink)}
.vcard:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.vcap{display:flex;gap:12px;align-items:baseline;margin-top:14px}
.vsoon{position:absolute;top:12px;left:12px;background:var(--paper);color:var(--ink);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;font-weight:600;padding:5px 10px 4px}
.vcap .vn{font-size:11px;letter-spacing:.2em;color:var(--muted);font-weight:600}
.vcap .vtitle{font-family:var(--serif);font-weight:600;font-size:21px;line-height:1.2}
.vgrid.feature .vcap .vtitle{font-size:24px}
.vplayer{border:0;padding:0;background:var(--ink);width:min(1100px,94vw);max-height:94vh;margin:auto}
.vplayer::backdrop{background:rgba(15,22,38,.82)}
.vplayer video{display:block;width:100%;height:auto;max-height:84vh;background:#000}
.vpbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;color:var(--paper)}
.vptitle{font-family:var(--serif);font-weight:600;font-size:21px}
.vclose{background:none;border:1px solid var(--rule-d);color:var(--paper);font:inherit;font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:8px 14px;cursor:pointer}
.vclose:hover{border-color:var(--paper)}
@media(max-width:1100px){.vgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){
  .vgroup{padding-top:48px}
  .vghead{flex-direction:column;align-items:flex-start;gap:10px}
  .vghead .vt{font-size:28px}
  .vgrid,.vgrid.feature{grid-template-columns:1fr 1fr;gap:28px 16px}
  .vgrid.feature .vcard,.vgrid.feature .vcard:nth-child(-n+2){grid-column:span 1}
  .vgrid.feature .vcard:nth-child(-n+2){grid-column:1/-1}
  .vcap .vtitle,.vgrid.feature .vcap .vtitle{font-size:18px}
  .vplay{width:44px;height:44px;margin:-22px 0 0 -22px}.vplay:after{left:17px;top:13px;border-width:9px 0 9px 14px}
  .hero .ctas .btn-lg{padding:15px 20px}
}

/* 1 Oct (g): three hero buttons — keep each label on one line */
.btn{white-space:nowrap}
#page-home .hero .ctas{flex-wrap:wrap;gap:12px}
#page-home .hero .ctas .btn-lg{padding:17px 22px;letter-spacing:.12em}

/* 1 Oct (g): headings heavier and darker (Geoff: "difficult to see.. maybe a darker / more bold font") */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url('fonts/cormorant-garamond-latin-500-italic.woff2') format('woff2')}
.hero h1,.hero h1 .it,.h2,.oneband h2,.finalcta h2,.chap .ct,.chapter .chead h1,.chapter .cnext .ct,.stat .sn,.pricecard .pp,.quote .stat{font-weight:500}
#page-home .hero p.lead{font-weight:500}
.feat h4,.chapter .cbody .feat h4,.pillar .featgrid.names .feat h4,.seccard .sch,.chapter .cbody .seccard .sch,
.prose h3,.ptext h3,.diffcard h3,.valuecard .vh,.tipcard .th,.supportcard .sh,.vfolder .vt,.leadcard .ln,.faqitem .q,.stepitem h4{font-weight:600}
.kick,.eyebrow,.catlabel,.pillar .catlabel,.chapter .cbody .catlabel,.chap .cn,.chapter .chead .cn,.chapter .cnext .cn,.chapter .cvideos figcaption,.pricecard .pt{color:var(--ink);font-weight:600}
.oneband .phead:before{color:var(--paper)}
footer h6{color:var(--paper);font-weight:600}
.navlinks{color:var(--ink);font-weight:500}
.navlinks a:hover{color:var(--muted)}

/* ---- 3 Oct (a): the quiz panel on the homepage, the quiz page, the Support promises, ReD in red in headings ---- */
.promise{padding:96px 0 84px;text-align:center}
.promise p{font-family:var(--serif);font-weight:300;font-size:44px;line-height:1.22;letter-spacing:-.01em;color:var(--ink);margin:0}
.promise p.aim{font-style:italic;font-size:26px;color:var(--muted);margin-top:34px}
.promise .reach{margin-top:64px;padding-top:44px;border-top:1px solid var(--rule);max-width:560px;margin-left:auto;margin-right:auto}
.promise .reach .mail{display:inline-block;font-family:var(--serif);font-weight:400;font-size:34px;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:4px}
.promise .reach .soc{margin-top:26px;font:500 12px var(--sans);letter-spacing:.3em;text-transform:uppercase}
.promise .reach .soc a{color:var(--ink);border-bottom:1px solid var(--rule);padding-bottom:3px}
.promise .reach .soc span{margin:0 16px;color:var(--muted)}
@media (max-width:820px){.promise{padding:56px 0 48px}.promise p{font-size:28px}.promise p.aim{font-size:20px}}
.quizband{padding:8px 0 120px}
.quizband .wrap{display:block}
.quizband .qpanel{display:grid;grid-template-columns:1.18fr .82fr;gap:56px;align-items:center;background:var(--ivory);border:1px solid var(--ink);padding:84px 72px;position:relative}
.quizband .qpanel:before{content:"";position:absolute;inset:9px;border:1px solid var(--rule);pointer-events:none}
.quizband .kick{display:block;margin-bottom:22px;color:var(--ink)}
.quizband h2{font-family:var(--serif);font-weight:300;font-size:72px;line-height:1.02;letter-spacing:-.012em;text-align:left;color:var(--ink);margin:0}
.quizband p{font-size:19px;line-height:1.65;color:var(--ink);margin:0 0 32px;max-width:440px}
.quizband .btn-lg{padding:22px 32px;font-size:13px;position:relative}
.red{color:#C0392B}
.quizband .btn-dark,#page-quiz .btn-dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#page-quiz{background:var(--paper)}
#page-quiz .qwrap{max-width:860px;margin:0 auto;padding:72px 32px 120px}
#page-quiz .qback{font:500 11px var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);display:inline-block;margin-bottom:44px}
#page-quiz .qtitle{font-family:var(--serif);font-style:italic;font-weight:300;font-size:26px;color:var(--muted);margin-bottom:34px}
#page-quiz .qstep{display:flex;justify-content:space-between;font:500 11px var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
#page-quiz .qbar{height:1px;background:var(--rule);margin-bottom:40px;position:relative}
#page-quiz .qbar i{position:absolute;left:0;top:-1px;height:3px;background:var(--ink);width:0;transition:width .25s ease}
#page-quiz h1.qq{font-family:var(--serif);font-weight:300;font-size:54px;line-height:1.05;letter-spacing:-.01em;color:var(--ink);margin:0 0 30px}
#page-quiz .qopts{border-top:1px solid var(--rule)}
#page-quiz .qopt{display:flex;align-items:center;gap:16px;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--rule);padding:18px 6px;font:400 18px var(--sans);color:var(--ink);cursor:pointer}
#page-quiz .qopt:before{content:"";width:13px;height:13px;border:1px solid var(--ink);border-radius:50%;flex:none}
#page-quiz .qopt:hover{background:var(--ivory)}
#page-quiz .qopt.on{background:var(--ivory);font-weight:500}
#page-quiz .qopt.on:before{background:var(--ink);box-shadow:inset 0 0 0 3px var(--ivory)}
#page-quiz .qopt:focus-visible,#page-quiz .btn:focus-visible,#page-quiz .qlink:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
#page-quiz .qans{margin-top:48px}
#page-quiz .qlab{font:500 11px var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
#page-quiz .qnow{background:var(--ivory);padding:22px 26px 24px;margin-bottom:38px}
#page-quiz .qnow p{font-size:17px;line-height:1.65;color:var(--ink);margin:0;max-width:62ch}
#page-quiz .qans h3{font-family:var(--serif);font-weight:400;font-size:36px;line-height:1.12;color:var(--ink);margin:0 0 6px}
#page-quiz .qans .qbody p{font-size:17.5px;line-height:1.7;color:var(--ink);margin:14px 0 0;max-width:62ch}
#page-quiz .qfilm{display:inline-block;margin-top:26px;font:500 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:4px}
#page-quiz .qfilm:before{content:"\25B6\00a0\00a0";font-size:9px;vertical-align:1px}
#page-quiz .qrow{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:56px;flex-wrap:wrap}
#page-quiz .qlink{background:none;border:0;font:500 11px var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);cursor:pointer;padding:8px 0}
#page-quiz .qlink:hover{color:var(--ink)}
#page-quiz .btn[disabled]{opacity:.35;cursor:default}
#page-quiz .qsum{list-style:none;margin:36px 0 0;padding:0;border-top:1px solid var(--rule)}
#page-quiz .qsum li{display:grid;grid-template-columns:200px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--rule)}
#page-quiz .qsum .k{font:500 11px var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);padding-top:9px}
#page-quiz .qsum b{display:block;font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.15;color:var(--ink)}
#page-quiz .qsum span{display:block;color:var(--muted);font-size:15.5px;margin-top:4px}
#page-quiz .qend{margin-top:56px;display:flex;gap:12px;flex-wrap:wrap}
#page-quiz .qfine{font-size:13.5px;color:var(--muted);margin-top:28px}
@media (max-width:820px){
  .quizband .qpanel{grid-template-columns:1fr;gap:26px;padding:44px 28px} .quizband .btn-lg{display:block;text-align:center;padding:18px 14px;letter-spacing:.1em;white-space:normal;line-height:1.5} .quizband h2{font-size:42px} .quizband{padding-bottom:64px} .promise .reach .mail{font-size:24px}
  #page-quiz .qwrap{padding:44px 22px 80px} #page-quiz h1.qq{font-size:36px} #page-quiz .qans h3{font-size:28px}
  #page-quiz .qsum li{grid-template-columns:1fr;gap:4px} #page-quiz .qsum .k{padding-top:0}
}
#page-home .hero p.lead .lead2{display:block;margin-top:6px}
/* ---- 3 Oct (b): Try it — four buttons in a row may wrap ---- */
.hero .ctas,.finalcta .ctas,#page-quiz .qend{flex-wrap:wrap}