/* Mockup additions — built on the live site's tokens and base.css. */
.site-header nav ul li a{font-size:17.6px}
.hero .pill span{letter-spacing:.06em}

/* The path */
.path5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--radius-lg);overflow:hidden;margin-top:52px}
.path5 a{background:var(--surface);padding:32px 26px 34px;text-decoration:none;display:flex;flex-direction:column;gap:10px;transition:background .2s}
.path5 a:hover{background:#FBF6EC}
.path5 .pn{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--action-deep)}
.path5 .pw{font-family:var(--font-display);font-weight:800;font-size:36px;color:var(--ink);letter-spacing:-.02em}
.path5 .pq{font-size:18px;color:var(--body);line-height:1.45}
.path5 a.amp{background:var(--ink)}
.path5 a.amp .pw{color:#fff}.path5 a.amp .pq{color:#B4BAD4}.path5 a.amp .pn{color:var(--action)}

/* Four questions */
.q4{margin-top:48px;border-top:1px solid var(--rule)}
.q4 .qr{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:center;padding:26px 0;border-bottom:1px solid var(--rule)}
.q4 .qq{font-family:var(--font-display);font-weight:800;font-size:62px;line-height:1.04;letter-spacing:-.03em;color:var(--ink)}
.q4 .qr:nth-child(2) .qq{color:var(--brand)}
.q4 .qr:nth-child(3) .qq{color:#4A3AA8}
.q4 .qa{font-size:20px;color:var(--body)}
.noamb{display:flex;align-items:center;gap:26px;margin-top:38px;flex-wrap:wrap}
.noamb b{font-family:var(--font-display);font-weight:800;font-size:46px;letter-spacing:-.02em;background:var(--action);color:#180F00;padding:4px 20px;border-radius:var(--radius)}
.noamb span{font-size:21px;color:var(--body);max-width:44ch}

/* Numbered doors: 1 first, 2 second */
.door{position:relative;margin-top:64px}
.door .dn{position:absolute;left:-74px;top:0;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:24px;background:var(--action);color:#180F00;box-shadow:0 0 0 6px rgba(245,165,36,.18)}
.door.second .dn{background:transparent;color:var(--annotation);border:2px solid var(--rule);box-shadow:none}
.door .dlabel{font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--action-deep);margin-bottom:14px;display:block}
.dark .door .dlabel,.lp .door .dlabel{color:var(--action)}
.price{font-family:var(--font-mono);font-weight:600;font-size:15px;color:var(--action);letter-spacing:.04em}
.lp-offer .lp-art{margin-top:26px;line-height:0;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);overflow:hidden}
.lp-offer .lp-art svg{width:100%;height:auto;display:block}

/* GBP setup card (door 2) */
.setup{display:grid;grid-template-columns:1fr 1fr;gap:48px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:48px 52px}
.setup h3{font-size:30px;color:var(--ink);margin:0 0 14px}
.setup p{font-size:18.7px;color:var(--body);margin:0 0 14px}
.setup ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.setup li{display:flex;gap:16px;padding:13px 0;border-bottom:1px solid var(--rule);font-size:18px;color:var(--ink)}
.setup li b{font-family:var(--font-mono);font-size:13px;color:var(--action-deep);padding-top:3px}
.setup .big{font-family:var(--font-display);font-weight:800;font-size:44px;color:var(--ink);letter-spacing:-.02em;line-height:1}
.setup .btn{margin-top:22px}

/* Trust pillars */
.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:44px}
.pillars a{display:flex;flex-direction:column;gap:6px;padding:22px 24px;border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--canvas);text-decoration:none}
.pillars a:hover{border-color:var(--action)}
.pillars b{font-family:var(--font-mono);font-size:12.5px;color:var(--action-deep)}
.pillars span{font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--ink)}
.pillars em{font-style:normal;font-size:16.5px;color:var(--body)}
.trow{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center}
.trow.flip > .tart{order:-1}
.ttag{display:inline-block;font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--action-deep);margin-bottom:18px}
.dark .ttag{color:var(--action)}
.tart{line-height:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(8,12,36,.28)}
.light .tart,.alt .tart{border-color:var(--rule);box-shadow:0 24px 60px rgba(8,12,36,.14)}
.tart svg{width:100%;height:auto;display:block}
.tpoints{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--rule)}
.dark .tpoints{border-top-color:rgba(255,255,255,.16)}
.tpoints li{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid var(--rule);font-size:18.5px}
.dark .tpoints li{border-bottom-color:rgba(255,255,255,.16);color:#DDE1F0}
.tpoints b{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--action-deep);padding-top:3px}
.dark .tpoints b{color:var(--action)}
.tcta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:34px}
.tcta .price{color:var(--action-deep)}
.dark .tcta .price{color:var(--action)}
.trust-sec{padding:104px 0}

/* Grow: door 1, the Checkup */
.checkup{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;background:rgba(24,15,0,.07);border:1px solid rgba(42,28,2,.22);border-radius:var(--radius-lg);padding:44px 48px}
.checkup h3{font-size:32px;color:#180F00;margin:0 0 12px}
.checkup p{margin-top:12px !important}
.offer .door .dn{background:#180F00;color:#FFD066;box-shadow:0 0 0 6px rgba(24,15,0,.12)}
.offer .door.second .dn{background:transparent;color:#5A4110;border:2px solid rgba(42,28,2,.35)}
.offer .door .dlabel{color:#6B4A06}
.offer .checkup .offer-list{border-top-color:rgba(42,28,2,.28)}
.four.three{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Start here posts (static in the mockup) */
.post .thumb{position:relative}

@media (max-width:900px){
  .path5,.pillars{grid-template-columns:1fr 1fr}
  .q4 .qr,.trow,.setup,.checkup{grid-template-columns:1fr}
  .trow.flip > .tart{order:0}
  .q4 .qq{font-size:40px}
  .door .dn{position:static;margin-bottom:14px}
  .four.three{grid-template-columns:1fr}
}

/* ---- round 2 ---- */
.q4 .qq{font-size:38px;letter-spacing:-.02em}
.q4 .qr{padding:20px 0;grid-template-columns:1fr 1fr}
.noamb{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:22px}
.noamb b{font-size:34px}
.noamb b.nv{background:var(--ink);color:#fff}
@media (max-width:900px){.noamb{grid-template-columns:1fr}}

/* help tip on the profile-link field */
.fld{position:relative;display:block}
.fld input{padding-right:52px !important}
.tip{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:1px solid rgba(245,165,36,.6);background:rgba(245,165,36,.16);color:var(--action);font-family:var(--font-display);font-weight:800;font-size:15px;cursor:help;display:flex;align-items:center;justify-content:center;padding:0}
.tip:hover,.tip:focus-visible{background:var(--action);color:#180F00;outline:none}
.tipbox{position:absolute;right:0;bottom:calc(100% + 12px);width:300px;background:#FFFFFF;color:#2A2F4A;border-radius:var(--radius-lg);padding:16px 18px;box-shadow:0 18px 44px rgba(0,0,0,.35);font-size:14.5px;line-height:1.5;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .18s ease;z-index:20}
.tipbox b{display:block;color:var(--ink);font-family:var(--font-display);font-size:15.5px;margin-bottom:6px}
.tipbox ol{margin:0 0 8px;padding-left:20px}
.tipbox em{font-style:normal;color:var(--action-deep);font-size:13.5px}
.fld:hover .tipbox,.tip:focus + .tipbox{opacity:1;visibility:visible;transform:none}
.lp-form .fld .tipbox{text-transform:none;letter-spacing:0}

/* profile setup, redesigned */
.setup2{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;background:var(--ink);border-radius:var(--radius-lg);padding:48px;color:#C9CEE4}
.setup2 .tart{border-color:rgba(255,255,255,.12)}
.setup2 h3{color:#fff;font-size:32px;margin:0 0 14px;text-wrap:balance}
.setup2 p{color:#B4BAD4;font-size:18.5px;margin:0}
.setup2 .dlabel{color:var(--action)}
.ways{display:grid;gap:14px;margin-top:26px}
.way{border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-lg);padding:20px 22px;display:flex;flex-direction:column;gap:8px}
.way b{font-family:var(--font-display);font-size:21px;color:#fff}
.way p{font-size:17px}
.way.pick{border-color:var(--action);background:rgba(245,165,36,.08)}
.way .btn{align-self:flex-start;margin-top:8px}
@media (max-width:900px){.setup2{grid-template-columns:1fr;padding:28px}}

/* ---- round 3 ---- */
.pathtop{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.treebox{line-height:0;max-width:440px;justify-self:end;width:100%}
.treebox svg{width:100%;height:auto;display:block}
.tree .lb{fill:#3A4059}
.path5{margin-top:36px}
.path5 a{position:relative}
.dfy{margin-top:18px;background:linear-gradient(112deg,#F5A524 0%,#FFB63F 45%,#FFD066 100%);border-radius:var(--radius-lg);padding:44px 48px;display:grid;grid-template-columns:1.2fr 1.6fr .8fr;gap:40px;color:#2A1C02}
.dfy .dlabel{color:#6B4A06}
.dfy h3{font-size:28px;color:#180F00;margin:0 0 12px;text-wrap:balance}
.dfy p{color:#3A2705;font-size:17.5px;margin:0}
.dfy-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 26px;border-top:1px solid rgba(42,28,2,.25)}
.dfy-list li{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid rgba(42,28,2,.25);font-size:16px;color:#2A1C02}
.dfy-list b{font-family:var(--font-mono);font-size:12.5px;color:#8A6208;padding-top:2px}
.dfy-buy{display:flex;flex-direction:column;justify-content:center;gap:8px}
.dfy-buy .big{font-family:var(--font-display);font-weight:800;font-size:52px;line-height:1;color:#180F00}
.dfy-buy .btn{background:var(--ink);border-color:var(--ink);color:#fff;margin-top:10px;text-align:center}
.door.second .setup2{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}
@media (max-width:1100px){.dfy{grid-template-columns:1fr}.dfy-list{grid-template-columns:1fr}}
@media (max-width:900px){.pathtop{grid-template-columns:1fr}.treebox{justify-self:center;max-width:320px}}

/* Live-site compatibility (not in the mockup): Blocksy's parent stylesheet sets
   overflow-wrap:break-word globally, which splits words like "Citations" on
   phones. The approved mockup wraps normally. */
body.home #main{overflow-wrap:normal}
/* Blocksy also styles blockquotes, figcaptions and form controls; the mockup's
   pull-quote and free-grid form use the page's own type and spacing. */
body.home #main .pullquote blockquote{border-left:0;padding-left:0}
body.home #main .pullquote figcaption,
body.home #main .lp-form label{font-family:inherit;font-size:inherit;line-height:inherit}
body.home #main .lp-form input,
body.home #main .lp-form .tip,
body.home #main .lp-form .btn{line-height:normal}
body.home #main .lp-form .btn{min-height:0}
body.home #main .lp-form input{height:auto}
body.home #main .lp-form label{margin-bottom:0}