@font-face{font-family:"Castoro Titling";src:url(/assets/fonts/CastoroTitling-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:"Libre Franklin";src:url(/assets/fonts/LibreFranklin-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
/* One palette, taken from the paintings: cobalt sky, ultramarine shadow, marble, gold, the peach. Laurel green lives only on the logo's leaf. */
:root{
  --cobalt:#0A67B9;--ultra:#0144A0;--deep:#012A63;
  --marble:#D5CCB8;--marble-2:#ECE6DA;--marble-3:#F6F2EA;
  --gold:#AB7C20;--gold-lt:#E2B75E;
  --peach:#F08457;--peach-2:#E86F3E;
  --ink:#0B1220;--ink-soft:#364150;--muted:#5C6675;--line:#D9D1C1;--line-2:#E7E1D5;
  --on-blue:#DDE9F7;--on-blue-2:#AFC8E8;--rule-b:rgba(255,255,255,.2);
  --r:2px;
  --cap:"Castoro Titling",Georgia,serif;
  --sans:"Libre Franklin","Franklin Gothic Medium","Helvetica Neue",Arial,sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:var(--sans);color:var(--ink);background:#fff;font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
.wrap{max-width:1216px;margin:0 auto;padding:0 32px}
.ico{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.star{width:16px;height:16px;fill:var(--gold);flex:none}
.star.off{fill:#D8D0C0}
.stars{display:inline-flex;gap:2px;vertical-align:-2px}
.pstar{position:relative;display:block}
.pstar .star+.star{position:absolute;inset:0;clip-path:inset(0 40% 0 0)}
.nw{white-space:nowrap}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Type: carved Roman capitals for headlines and figures, Franklin for everything read */
.cap,h1,h2{font-family:var(--cap);font-weight:400;text-transform:uppercase;letter-spacing:.015em;line-height:1.08;text-wrap:balance}
h2{font-size:46px}
h3{font-family:var(--sans);font-weight:700;font-size:21px;letter-spacing:-.01em;line-height:1.3}
p{text-wrap:pretty}
.fig{font-family:var(--cap);font-weight:400;line-height:1;letter-spacing:.01em;font-variant-numeric:lining-nums}
.sub{font-size:19px;color:var(--ink-soft);max-width:560px;margin-top:20px}
.tlink{display:inline-block;text-align:left;font-weight:700;font-size:16px;color:var(--cobalt);border-bottom:1.5px solid currentColor;padding-bottom:1px}
.tlink:hover{color:var(--ultra)}

/* Buttons: peach, ink label, square. One label page-wide: Apply Now */
.btn{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 30px;border-radius:var(--r);background:var(--peach);color:var(--ink);font-weight:700;font-size:17px;letter-spacing:.005em;white-space:nowrap;transition:background .15s}
.btn:hover{background:var(--peach-2)}
.btn:active{transform:translateY(1px)}
/* One focus ring on the whole site (audit F4): every link and button gets the gold ring unless a rule below sets its own. */
:where(a,button,summary,[tabindex]):focus-visible{outline:3px solid var(--gold-lt);outline-offset:3px}
.btn:focus-visible,.tlink:focus-visible,.frow:focus-visible,.post:focus-visible{outline:3px solid var(--gold-lt);outline-offset:3px}
.btn.sm{height:44px;padding:0 20px;font-size:16px}
.btn.block{width:100%}
.call{font-weight:500;color:var(--ink-soft);font-size:16px}
.call a{color:var(--ink);font-weight:700;border-bottom:1.5px solid var(--line)}
.call a:hover{border-color:var(--cobalt)}

/* Utility strip */
.util{background:var(--deep);color:var(--on-blue-2);font-size:14px;font-weight:500}
.util .wrap{display:flex;align-items:center;justify-content:space-between;height:40px;gap:24px}
.util a{color:#fff;font-weight:700}
.util .hrs{margin-left:14px}

/* Header: clear over the top of the hero painting, dark glass once the page moves.
   Ultramarine at .72 keeps white links at 4.496:1 or better (worst single pixel, over the brightest painting; audit); the blur lets the page show through. */
.hdr{position:sticky;top:0;z-index:40;margin-bottom:-80px;background:rgba(1,68,160,.72);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:inset 0 -1px 0 rgba(255,255,255,.1);transition:background .3s,box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s}
.hdr .wrap{display:flex;align-items:center;height:80px;gap:36px}
.hdr .logo{display:block;flex:none}
.hdr .logo img{height:44px;width:auto}
.js .hdr.over{background:rgba(1,68,160,0);-webkit-backdrop-filter:blur(0) saturate(1);backdrop-filter:blur(0) saturate(1);box-shadow:none}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav>li{position:relative}
.nav>li>a,.nav>li>button{display:flex;align-items:center;gap:6px;height:44px;padding:0 13px;font-size:16px;font-weight:600;color:#fff;border-radius:var(--r)}
.nav>li>a:hover,.nav>li>button:hover{background:rgba(255,255,255,.12)}
.nav .chev{width:15px;height:15px;stroke-width:2.2;transition:transform .2s}
.nav li.open .chev{transform:rotate(180deg)}
.mega{position:absolute;top:calc(100% + 12px);left:-12px;width:640px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:var(--r);padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:0 8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s,transform .16s,visibility .16s}
.nav li.open .mega{opacity:1;visibility:visible;transform:none}
.mega a{display:block;padding:12px 14px;border-radius:var(--r)}
.mega a:hover{background:var(--marble-3)}
.mega b{display:block;font-size:16px;font-weight:700}
.mega span{display:block;font-size:14px;color:var(--muted);line-height:1.4;margin-top:2px}
.hdr-right{display:flex;align-items:center;gap:18px}
.menu-btn{display:none;height:44px;padding:0 16px;border:1.5px solid rgba(255,255,255,.5);border-radius:var(--r);font-weight:700;font-size:16px;color:#fff}

/* Hero: the orchard painting, living */
.hero{position:relative;min-height:clamp(720px,calc(100svh - 40px),900px);display:flex;align-items:center;padding:128px 0 72px;background:var(--ultra);color:#fff;overflow:hidden}
.hero .bg{position:absolute;inset:0}
.hero .bg .m{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.hero .bg .m-p{display:none}
.hero .bg video{opacity:0;transition:opacity .6s}
.hero .bg video.ready{opacity:1}
.hero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,42,99,.5) 0%,rgba(1,42,99,.22) 40%,rgba(1,42,99,0) 60%),linear-gradient(rgba(1,42,99,.58),rgba(1,42,99,.3) 110px,rgba(1,42,99,0) 210px)}
.hero .wrap{position:relative;z-index:2;width:100%}
.hero-copy{max-width:700px}
.hero h1{font-size:clamp(46px,5.8vh,56px);line-height:1.05;max-width:680px;color:#fff;text-shadow:0 1px 26px rgba(1,30,80,.35)}
.hero .lede{font-size:19.5px;line-height:1.5;color:#fff;margin-top:18px;max-width:520px;text-shadow:0 1px 20px rgba(1,30,80,.4)}

/* The form: a marble slab with square edges */
.slab{margin-top:28px;max-width:510px;color:var(--ink);border-radius:var(--r);padding:26px 28px 22px;background-color:var(--marble-3);background-image:linear-gradient(rgba(246,242,234,.9),rgba(246,242,234,.9)),url(/assets/img/marble.jpg);background-size:cover;background-position:center}
.am-q{display:block;text-align:center;font-size:21px;font-weight:700;letter-spacing:-.012em;line-height:1.25}
.slider{position:relative;margin-top:60px;height:30px}
.bubble{position:absolute;left:0;bottom:calc(100% + 9px);height:38px;display:flex;align-items:center;padding:0 14px;background:var(--ultra);color:#fff;border-radius:var(--r);font-size:16px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;transition:left .16s var(--ease)}
.bubble::after{content:"";position:absolute;top:100%;left:var(--pt,26px);margin-left:-7px;border:7px solid transparent;border-top-color:var(--ultra);border-bottom:0;transition:left .16s var(--ease)}
.slider input{-webkit-appearance:none;appearance:none;position:absolute;inset:0;width:100%;height:30px;background:transparent;margin:0;cursor:pointer;z-index:1}
.slider input:focus{outline:none}
.slider input::-webkit-slider-runnable-track{height:4px;background:linear-gradient(90deg,var(--cobalt) var(--p,0%),#D6CDBC var(--p,0%))}
.slider input::-moz-range-track{height:4px;background:#D6CDBC}
.slider input::-moz-range-progress{height:4px;background:var(--cobalt)}
.slider input::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--cobalt);margin-top:-11px}
.slider input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--cobalt)}
.slider input:focus-visible::-webkit-slider-thumb{outline:3px solid var(--gold);outline-offset:2px}
.marks{position:absolute;left:13px;right:13px;top:23px;height:7px}
.marks i{position:absolute;top:0;width:2px;height:7px;margin-left:-1px;background:#CFC5B2}
.marks i.on{background:var(--cobalt)}
.ends{display:flex;justify-content:space-between;margin-top:8px;font-size:14px;font-weight:600;color:var(--muted)}
.slab .btn{margin-top:18px;height:58px;font-size:18px}
.proof-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 10px;margin-top:16px;font-size:14.5px;color:var(--ink-soft);text-align:center}
.proof-line a{color:var(--ink);font-weight:700;border-bottom:1.5px solid var(--line)}

/* Sections */
.sec{padding:120px 0}
.sec.blue{background:var(--cobalt);color:#fff}
.sec.ultra{background:var(--ultra);color:#fff}
.sec.marble{background:var(--marble-2)}
.blue .sub,.ultra .sub{color:var(--on-blue)}
.blue h2,.ultra h2{color:#fff}

/* Capital: the Payless section, in the paintings' colours */
.head2{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:end;margin-bottom:56px}
.head2 .right p{font-size:19px;color:var(--ink-soft)}
.head2 .right .btn{margin-top:24px}
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.card{position:relative;background:#fff;border-radius:var(--r);padding:36px 36px 34px;overflow:hidden}
.card h3{font-family:var(--cap);font-weight:400;text-transform:uppercase;letter-spacing:.015em;font-size:28px;line-height:1.1;margin-top:12px;text-wrap:balance}
.card p{font-size:16.5px;color:var(--ink-soft);margin-top:12px;max-width:380px}
.card h3:first-child,.card .fig:first-child{margin-top:0}
.card.dark{background:var(--ultra);color:#fff}
.card.dark p{color:var(--on-blue)}
.c-range{grid-column:span 7;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:end;min-height:300px}
.c-range .fig{font-size:44px;color:var(--ultra);margin-top:16px;white-space:nowrap}
.c-range .fig small{display:block;font-family:var(--sans);font-size:16px;font-weight:600;letter-spacing:0;color:var(--muted);margin-bottom:8px}
.chart{width:100%;height:auto;overflow:visible}
.chart .area{fill:rgba(1,68,160,.07)}
.chart .line{fill:none;stroke:var(--ultra);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.chart .base{stroke:var(--line);stroke-width:1;stroke-dasharray:3 5}
.chart .dot{fill:var(--ultra)}
.chart .halo{fill:var(--ultra);opacity:.12}
.chart .tag rect{fill:var(--ultra)}
.chart .tag text{fill:#fff;font:700 13px var(--sans)}
.chart .lbl{fill:var(--muted);font:600 12px var(--sans)}
.c-flow{grid-column:span 5;grid-row:span 2;display:flex;flex-direction:column}
.c-flow h3{font-size:34px}
.bars{margin-top:auto;padding-top:36px}
.bars .cols{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:end;height:220px;border-bottom:1px solid rgba(255,255,255,.24)}
.bars .col{height:var(--h);display:flex;flex-direction:column;justify-content:flex-end;background:rgba(255,255,255,.16);transform-origin:bottom}
.bars .col i{display:block;height:24%;background:var(--gold-lt)}
.bars .days{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:10px;font-size:13px;font-weight:600;color:var(--on-blue-2);text-align:center}
.bars .key{display:flex;gap:20px;margin-top:18px;font-size:14px;font-weight:600;color:var(--on-blue)}
.bars .key span{display:flex;align-items:center;gap:8px}
.bars .key span::before{content:"";width:12px;height:12px;background:rgba(255,255,255,.3)}
.bars .key span.pay::before{background:var(--gold-lt)}
.c-own{grid-column:span 7;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}
.own{text-align:center;border-left:1px solid var(--line);padding:8px 8px 8px 36px}
.own b{display:block;font-size:72px;color:var(--ultra)}
.own span{display:block;font-size:16px;font-weight:600;color:var(--muted);margin-top:12px}
.c-qual{grid-column:span 7;display:flex;flex-direction:column}
.c-qual .checks{margin-top:auto}
.c-qual h3{margin-bottom:30px}
.checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px;border-top:1px solid rgba(255,255,255,.22)}
.checks li{padding:26px 16px 0 0}
.checks li+li{padding-left:24px;border-left:1px solid rgba(255,255,255,.22)}
.checks .fig{display:block;font-size:44px;white-space:nowrap}
.checks .fig+span{display:block;font-size:15px;color:var(--on-blue);margin-top:12px;line-height:1.35}
.c-exp{grid-column:span 5}
.tl{position:relative;margin-top:14px}
.tl::before{content:"";position:absolute;left:5px;top:40px;bottom:22px;width:1.5px;background:var(--line)}
.tl li{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:14px;padding:18px 0 18px 30px;border-bottom:1px solid var(--line-2)}
.tl li:last-child{border-bottom:0;padding-bottom:0}
.tl li::before{content:"";position:absolute;left:1px;top:50%;width:10px;height:10px;margin-top:-5px;background:#fff;border:1.5px solid var(--ultra);transform:rotate(45deg)}
.tl li:last-child::before{background:var(--gold);border-color:var(--gold);margin-top:4px}
.tl .fig{font-size:34px;color:var(--ultra);white-space:nowrap}
.tl .fig+span{font-size:16px;color:var(--ink-soft);line-height:1.35}

/* Bank: Peachtree beside a traditional bank */
.center{text-align:center}
.center h2,.center .sub{margin-left:auto;margin-right:auto}
.center h2{max-width:760px}
.cmp{max-width:980px;margin:56px auto 0}
.cmp-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) minmax(0,1fr)}
.cmp-grid>div{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;font-size:17px}
.cmp-grid .h{border-bottom:0;padding-top:26px;padding-bottom:22px}
.cmp-grid .h.us{background:var(--ultra);border-radius:var(--r) var(--r) 0 0;justify-content:center;box-shadow:none}
.cmp-grid .h.us img{height:30px;width:auto}
.cmp-grid .h.them{justify-content:center;font-weight:700;color:var(--muted)}
.cmp-grid .lab{font-weight:700;color:var(--ink)}
.cmp-grid .us{background:var(--marble-3);font-weight:600;color:var(--ink);box-shadow:inset 2px 0 0 var(--ultra),inset -2px 0 0 var(--ultra)}
.cmp-grid .us .ico{width:20px;height:20px;stroke-width:2.6;color:var(--cobalt)}
.cmp-grid .us.last{border-radius:0 0 var(--r) var(--r);box-shadow:inset 2px 0 0 var(--ultra),inset -2px 0 0 var(--ultra),inset 0 -2px 0 var(--ultra);border-bottom-color:transparent}
.cmp-grid .them{color:var(--muted);font-weight:500}
.cmp-grid .them .ico{width:18px;height:18px;stroke-width:2.2;color:#B4ADA3}
.cmp-grid .l-m{display:none}
.cmp-grid .cell{display:flex;gap:10px;align-items:center}
.cmp .note{margin-top:28px;text-align:center;font-size:15px;color:var(--muted)}

/* Funding: eight ways, on the site's cobalt */
.fund-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:end;margin-bottom:56px}
.fund-head .sub{margin-top:0}
.flist{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;border-top:1px solid var(--rule-b)}
.flist li{border-bottom:1px solid var(--rule-b)}
.frow{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:20px;align-items:center;padding:24px 4px 24px 0;width:100%;text-align:left}
.frow b{display:block;font-size:20px;font-weight:700;letter-spacing:-.01em}
.frow span span{display:block;font-size:16px;color:var(--on-blue);margin-top:4px;line-height:1.45}
.frow .ico{width:22px;height:22px;stroke-width:2;color:#fff}
.frow:hover b{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.fund-foot{display:flex;align-items:center;gap:24px;margin-top:44px}
.blue .call,.ultra .call{color:var(--on-blue)}
.blue .call a,.ultra .call a{color:#fff;border-color:rgba(255,255,255,.45)}

/* Paintings: poster first, film fades in over it once ready */
.paint{position:absolute;inset:0;overflow:hidden}
.paint .m{position:absolute;inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);object-fit:cover;object-position:var(--pos,50% 50%)}
.paint video{opacity:0;transition:opacity .6s}
.paint video.ready{opacity:1}

/* How it works: one pinned scroll chapter. A three-part stepper follows the scroll and one step shows at a time.
   Without the pin (phone, reduced motion, no script) the steps are a plain list with Roman numerals. */
.chap{position:relative;background:var(--ultra);color:#fff}
.chap .pin{position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;padding:128px 0}
.chap .p-graft{--pos:64% 50%}
.chap .p-harvest{--pos:40% 50%;opacity:0}
.chap-in{position:relative;z-index:2;width:100%}
.pane{width:min(560px,100%);padding:38px 40px 34px;border-radius:var(--r);background:var(--ultra)}
.pane h2{color:#fff;font-size:38px;line-height:1.08}
.stepper{display:none}
.beats{margin-top:26px;border-top:1px solid var(--rule-b)}
.beats li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;padding:22px 0;border-bottom:1px solid var(--rule-b)}
.beats .n{font-family:var(--cap);font-size:24px;line-height:1;color:var(--gold-lt);padding-top:2px}
.beats h3{font-size:20px;color:#fff}
.beats p{font-size:16px;line-height:1.5;color:var(--on-blue);margin-top:6px}
.beats .when{display:block;margin-top:10px;font-size:14.5px;font-weight:700;color:var(--gold-lt)}
.chap .cta-row{display:flex;align-items:center;gap:22px;margin-top:26px}
.chap .call{color:var(--on-blue)}
.chap .call a{color:#fff;border-color:rgba(255,255,255,.4)}
.chap.pinned{height:560vh}
.chap.pinned .pin{position:sticky;top:0;height:100vh;min-height:0;padding:80px 0 0}
.chap.pinned .stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}
.stepper button{display:block;text-align:left;padding:0 0 2px;color:var(--on-blue-2);transition:color .4s}
.stepper .bar{display:block;height:3px;background:rgba(255,255,255,.2);overflow:hidden}
.stepper .bar i{display:block;height:100%;background:var(--gold-lt);transform-origin:0 50%;transform:scaleX(var(--f,0))}
.stepper .num{display:block;font-family:var(--cap);font-size:18px;line-height:1;margin-top:14px;transition:color .4s}
.stepper button.on .num{color:var(--gold-lt)}
.stepper button:focus-visible{outline:3px solid var(--gold-lt);outline-offset:5px}
.chap.pinned .beats{display:grid;margin-top:24px;padding-top:28px}
.chap.pinned .beats li{grid-area:1/1;display:block;padding:0;border:0;opacity:0;transform:translateY(12px);visibility:hidden;transition:opacity .45s var(--ease),transform .45s var(--ease),visibility 0s .45s}
.chap.pinned .beats li.on{opacity:1;transform:none;visibility:visible;transition:opacity .55s var(--ease) .1s,transform .55s var(--ease) .1s,visibility 0s}
.chap.pinned .beats .n{display:none}
.chap.pinned .beats h3{font-family:var(--cap);font-weight:400;text-transform:uppercase;letter-spacing:.015em;font-size:28px;line-height:1.1}
.chap.pinned .beats p{font-size:17.5px;margin-top:12px}
.chap.pinned .beats .when{margin-top:14px;font-size:15px}
.chap.pinned .cta-row{margin-top:30px;padding-top:26px;border-top:1px solid var(--rule-b)}

/* Reviews: the monument painting as a band; one lane of dark glass cards that steps along */
.proof{position:relative;overflow:hidden;background:var(--deep);color:#fff;padding:120px 0 104px}
.proof .paint{--pos:62% 50%}
.proof .paint::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,32,80,.62) 0%,rgba(1,32,80,.34) 36%,rgba(1,32,80,.42) 64%,rgba(1,32,80,.6) 100%)}
.proof>.wrap,.rv{position:relative;z-index:2}
.proof h2{color:#fff;max-width:620px;text-shadow:0 1px 24px rgba(1,20,60,.4)}
.proof-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:52px}
.score-row{display:flex;align-items:center;gap:20px}
.score{font-size:88px;line-height:.85}
.score-row .stars .star{width:20px;height:20px;fill:var(--gold-lt)}
.score-row .star.off{fill:rgba(255,255,255,.25)}
.score-row p{font-size:16px;color:rgba(255,255,255,.88);margin-top:8px;white-space:nowrap}
.score-row a{display:inline-block;margin-top:6px;font-weight:700;font-size:16px;border-bottom:1.5px solid rgba(255,255,255,.5);padding-bottom:1px;white-space:nowrap}
.score-row a:hover{border-color:#fff}
.rv-view{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 max(32px,calc((100vw - 1216px) / 2 + 32px));scroll-padding:0 max(32px,calc((100vw - 1216px) / 2 + 32px))}
.rv-view::-webkit-scrollbar{display:none}
.rv-track{display:flex;width:max-content}
.rv-card{flex:none;width:372px;margin-right:18px;display:flex;flex-direction:column;padding:26px 26px 22px;border-radius:var(--r);background:rgba(1,26,72,.56);-webkit-backdrop-filter:blur(26px) saturate(140%);backdrop-filter:blur(26px) saturate(140%);border:1px solid rgba(255,255,255,.16);color:#fff;scroll-snap-align:start}
.rv-card .stars .star{width:16px;height:16px;fill:var(--gold-lt)}
.rv-card .star.off{fill:rgba(255,255,255,.25)}
.rv-card q{display:block;font-size:17px;line-height:1.5;font-weight:500;margin-top:14px;flex:1;quotes:"\201C" "\201D"}
.rv-card .who{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14)}
.gmark{width:30px;height:30px;border-radius:var(--r);background:#fff;display:grid;place-items:center;flex:none}
.gmark svg{width:18px;height:18px}
.rv-card .who b{display:block;font-size:15px;font-weight:700}
.rv-card .who .meta{display:block;font-size:13.5px;color:rgba(255,255,255,.76)}
.rv-ctl{display:none;align-items:center;gap:10px;margin-top:26px}
.step .rv-view{--vw:min(1152px,calc(100vw - 64px));width:var(--vw);margin:0 auto;padding:0;overflow:hidden;scroll-snap-type:none}
.step .rv-card{width:calc((var(--vw) - 36px) / 3)}
.step .rv-track{transition:transform .8s var(--ease)}
.step .rv-ctl{display:flex}
.rv-ctl button{width:44px;height:44px;border:1.5px solid rgba(255,255,255,.45);border-radius:var(--r);display:grid;place-items:center;color:#fff}
.rv-ctl button:hover{background:rgba(255,255,255,.12)}
.rv-ctl .ico{width:20px;height:20px;stroke-width:2}
.rv-prog{position:relative;flex:1;max-width:220px;height:2px;margin-left:12px;background:rgba(255,255,255,.25);overflow:hidden}
.rv-prog i{position:absolute;inset:0;background:var(--gold-lt);transform:scaleX(0);transform-origin:left}
.rv-prog.run i{animation:rvfill 7s linear forwards}
.rv:hover .rv-prog i,.rv:focus-within .rv-prog i,.rv.off .rv-prog i{animation-play-state:paused}
@keyframes rvfill{to{transform:none}}
.rv-count{font-size:14px;font-weight:600;color:rgba(255,255,255,.8);font-variant-numeric:tabular-nums;margin-left:8px}

/* Industries: set like an inscription, gold stops between the names */
.ind{text-align:center}
.ind h2{color:var(--ink)}
.inscr{max-width:1100px;margin:36px auto 0;font-family:var(--cap);text-transform:uppercase;font-size:38px;line-height:1.62;letter-spacing:.03em;color:var(--ultra)}
.inscr .ln{display:block;white-space:nowrap}
.inscr i{display:inline-block;width:9px;height:9px;background:var(--gold);transform:rotate(45deg);margin:0 .6em;vertical-align:.22em}
.ind-note{max-width:620px;margin:34px auto 0;font-size:18px;color:var(--ink-soft)}

/* About */
.about{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px;align-items:center}
.about-pic{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:var(--r);background:var(--ultra)}
.about-pic img{width:100%;height:100%;object-fit:cover;object-position:40% 50%}
.about-txt .sub{max-width:600px}
.team{margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}
.team h3{font-size:19px}
.person{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;margin-top:22px}
.pname{display:block;font-family:var(--cap);font-size:26px;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;color:var(--ultra)}
.prole{display:block;font-size:15px;font-weight:600;color:var(--muted);margin-top:6px}
.person p{font-size:16.5px;color:var(--ink-soft)}
.about-txt .tlink{margin-top:26px}

/* Learn: one feature with a painting, four guides as text */
.learn-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}
.learn-head .sub{margin-top:14px}
.feat{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);background:#fff;border-radius:var(--r);overflow:hidden;text-align:left;width:100%}
.feat .pic{position:relative;min-height:420px;overflow:hidden;background:var(--ultra)}
.feat .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.feat:hover .pic img{transform:scale(1.03)}
.feat .txt{display:flex;flex-direction:column;justify-content:center;padding:48px 52px}
.feat .cat,.post .cat{font-size:14px;font-weight:600;color:var(--cobalt)}
.feat h3{font-family:var(--cap);font-weight:400;text-transform:uppercase;font-size:38px;line-height:1.08;letter-spacing:.015em;margin-top:12px;text-wrap:balance}
.feat p{font-size:17.5px;color:var(--ink-soft);margin-top:16px;max-width:440px}
.feat .by{font-size:14.5px;font-weight:600;color:var(--muted);margin-top:22px}
.feat .go,.post .go{font-size:15.5px;font-weight:700;color:var(--ultra);margin-top:22px}
.feat:hover h3,.post:hover h3{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}
.posts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:24px}
.post{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);padding:26px 24px 24px;text-align:left}
.post h3{font-size:19px;line-height:1.3;margin-top:10px;letter-spacing:-.005em}
.post p{font-size:15.5px;color:var(--ink-soft);margin-top:10px}
.post .go{margin-top:auto;padding-top:20px;font-size:15px}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:400px minmax(0,1fr);gap:88px;align-items:start}
.faq-side{position:sticky;top:128px}
.faq-side .sub{margin-top:18px}
.faq-side .sub a{color:var(--cobalt);font-weight:700;border-bottom:1.5px solid currentColor}
.faq-list{border-top:1.5px solid var(--ink)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;text-align:left;font-size:19px;font-weight:700;letter-spacing:-.01em}
.faq-item button::after{content:"+";flex:none;width:24px;text-align:center;font-weight:400;font-size:30px;line-height:1;color:var(--cobalt)}
.faq-item.open button::after{content:"\2212"}
.faq-item .ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}
.faq-item.open .ans{grid-template-rows:1fr}
.faq-item .ans>div{overflow:hidden}
.faq-item .ans p{font-size:17px;color:var(--ink-soft);padding:0 56px 26px 0}

/* Contact: the phone number carved big on marble, the message form on a white card */
.contact-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:start}
.bignum{display:inline-block;font-family:var(--cap);font-size:58px;line-height:1;letter-spacing:.01em;color:var(--ultra);margin-top:28px}
.bignum:hover{color:var(--cobalt)}
.cinfo{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px 20px;margin-top:36px;padding-top:28px;border-top:1px solid var(--line);font-size:17px;color:var(--ink-soft)}
.cinfo dt{font-weight:700;color:var(--ink)}
.cinfo a{color:var(--ultra);font-weight:700;border-bottom:1.5px solid rgba(1,68,160,.35)}
.inq{background:#fff;color:var(--ink);border-radius:var(--r);padding:32px 32px 28px}
.inq h3{font-family:var(--cap);font-weight:400;text-transform:uppercase;font-size:28px;letter-spacing:.02em;line-height:1.1}
.inq .hint{font-size:16px;color:var(--ink-soft);margin-top:8px}
.inq .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fld{margin-top:14px}
.fld label{display:block;font-size:14.5px;font-weight:700;margin-bottom:6px}
.fld input,.fld select,.fld textarea{width:100%;height:50px;border:1.5px solid var(--line);border-radius:var(--r);padding:0 14px;font-size:16.5px;background:#fff;color:var(--ink)}
.fld textarea{height:96px;padding:12px 14px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:3px solid rgba(10,103,185,.3);outline-offset:0;border-color:var(--cobalt)}
.inq .btn{margin-top:18px}
.inq .ok{margin-top:18px;font-size:17px;font-weight:600;color:var(--ultra)}
.inq .fine{font-size:13px;line-height:1.5;color:var(--muted);margin-top:14px}

/* The end: the closing painting, cropped above the watering can */
.final{position:relative;overflow:hidden;background:var(--deep);color:#fff;height:clamp(640px,50vw,760px)}
.final .paint .m{object-position:50% 0;transform-origin:62% 0;transform:scale(var(--z,1))}
.final .paint::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,42,99,.42) 0%,rgba(1,42,99,.14) 30%,rgba(1,42,99,0) 46%,rgba(1,42,99,0) 54%,rgba(1,42,99,.12) 63%,rgba(1,42,99,.36) 74%,rgba(1,42,99,.68) 86%,rgba(1,42,99,.92) 95%,#012A63 100%)}
.final .wrap{position:relative;z-index:2;text-align:center;padding-top:76px}
.final h2{font-size:48px;color:#fff;text-shadow:0 1px 24px rgba(1,30,80,.4)}
.final p{font-size:19px;margin-top:14px;color:#fff;text-shadow:0 1px 18px rgba(1,30,80,.5)}
.final .cta-row{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:26px}
.final .call{color:#fff;text-shadow:0 1px 14px rgba(1,30,80,.6)}
.final .call a{color:#fff;border-color:rgba(255,255,255,.6)}

/* Footer: the full sitemap */
.ftr{background:var(--deep);color:var(--on-blue-2);font-size:15px}
.ftr .top{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:40px;padding:72px 0 48px}
.ftr .brand img{height:44px;width:auto}
.ftr .brand p{margin-top:18px;max-width:280px;line-height:1.55}
.ftr .brand .ph{display:block;margin-top:18px;color:#fff;font-family:var(--cap);font-size:28px;line-height:1}
.fnews{margin-top:30px;max-width:330px}
.fnews label{display:block;color:#fff;font-size:14.5px;font-weight:700;margin-bottom:8px}
.fn-row{display:flex;gap:8px}
.fnews input{flex:1;min-width:0;height:46px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);color:#fff;border-radius:var(--r);padding:0 12px;font-size:15.5px}
.fnews input::placeholder{color:#8FA6C8}
.fnews input:focus{outline:3px solid var(--gold-lt);outline-offset:1px}
.fnews .btn{height:46px;padding:0 14px;font-size:15px}
.fnews .ok{color:#fff;font-size:15px;font-weight:600}
.ftr h4{color:#fff;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.ftr li{margin-top:9px;line-height:1.4}
.ftr li a:hover,.ftr li button:hover{color:#fff}
.ftr li button{text-align:left;font-size:15px}
.ftr .legal{border-top:1px solid rgba(255,255,255,.14);padding:28px 0 36px;font-size:13px;line-height:1.6;color:#8FA6C8}
.ftr .legal .row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:16px}
.ftr .legal .row nav{display:flex;flex-wrap:wrap;gap:20px}
.ftr .legal a:hover{color:#fff}

/* Mobile sticky bar */
.mbar{display:none}

/* Full-screen sheets: apply flow and the reader (articles and funding pages) */
.sheet-full{position:fixed;inset:0;z-index:80;background:#fff;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.sheet-full.open{opacity:1;visibility:visible}
.sheet-full .top{height:72px;background:var(--ultra);flex:none}
.sheet-full .top .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}
.sheet-full .top img{height:38px}
.sheet-full .x{height:44px;padding:0 16px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;border-radius:var(--r);color:#fff}
.sheet-full .x:hover{background:rgba(255,255,255,.12)}
.sheet-full .x .ico{width:20px;height:20px}
.sheet-full .body{flex:1;overflow:auto}
/* Apply, in 1West's grammar (George 5417): a marble rail names the three stages, the right side asks one question at
   a time, answers are tiles that move on by themselves, the requirement sits under the question. */
.apply .ap{display:grid;grid-template-columns:clamp(300px,36vw,520px) minmax(0,1fr);position:relative}
.ap-rail{position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--marble-3);border-right:1px solid var(--line-2);padding:26px clamp(24px,3vw,48px) 32px clamp(28px,calc(13vw - 88px),100px)}
.ap-logo{height:46px;width:auto;align-self:flex-start}
.ap-steps{margin:72px 0 0 clamp(0px,calc(18vw - 160px),96px);max-width:300px}
.ap-steps li{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:18px;padding-bottom:48px}
.ap-steps li:last-child{padding-bottom:0}
.ap-steps li:not(:last-child)::after{content:"";position:absolute;left:17px;top:44px;bottom:8px;width:2px;background:var(--line)}
.ap-steps li.done:not(:last-child)::after{background:var(--gold)}
.ap-steps .mk{width:36px;height:36px;border-radius:var(--r);display:grid;place-items:center;font-family:var(--cap);font-size:16px;line-height:1;color:var(--muted);background:#fff;border:1.5px solid var(--line)}
.ap-steps li.on .mk{background:var(--ultra);border-color:var(--ultra);color:#fff}
.ap-steps li.done .mk{background:var(--gold);border-color:var(--gold);color:#fff}
.ap-steps .mk .ico{width:18px;height:18px;stroke-width:2.8}
.ap-steps b{display:block;font-size:17px;font-weight:600;line-height:1.3;padding-top:7px;color:var(--muted)}
.ap-steps .ds{display:block;font-size:15px;line-height:1.5;color:var(--muted);margin-top:6px}
.ap-steps li.on b,.ap-steps li.done b{color:var(--ink)}
.ap-steps li.on .ds,.ap-steps li.done .ds{color:var(--ink-soft)}
.ap-steps .sh{display:none}
.ap-foot{margin-top:auto;font-size:15px;line-height:1.5;color:var(--ink-soft)}
.ap-foot a{font-weight:700;color:var(--ink)}
.ap-foot .g{display:flex;align-items:center;gap:8px;margin-top:6px;white-space:nowrap}
.ap-foot .stars{flex:none}
.ap-main{min-width:0}
.ap-top{display:flex;justify-content:flex-end;align-items:center;gap:6px;height:88px;padding:0 clamp(16px,5vw,80px) 0 24px}
.ap-call,.ap-x{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:var(--r);font-size:16px}
.ap-call{font-weight:600;color:var(--ink-soft)}
.ap-call .ico{width:18px;height:18px;color:var(--cobalt)}
.ap-x{font-weight:700;color:var(--ink)}
.ap-x .ico{width:20px;height:20px}
.ap-call:hover,.ap-x:hover{background:var(--marble-3)}
.ap-inner{box-sizing:content-box;max-width:600px;padding:4px 32px 80px clamp(32px,8vw,116px)}
.ap-q{font-family:var(--sans);text-transform:none;font-size:32px;font-weight:500;letter-spacing:-.015em;line-height:1.2;color:var(--ink);outline:0}
.ap-req{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:10px 14px;background:#EEF4FB;border:1px solid #CFDDEF;border-radius:var(--r);font-size:15px;line-height:1.45;color:var(--ink)}
.ap-req .ico{width:18px;height:18px;margin-top:1px;stroke-width:2;color:var(--cobalt)}
.ap-sub{font-size:17px;line-height:1.55;color:var(--ink-soft);margin-top:14px}
.ap-sub a{font-weight:700;color:var(--cobalt)}
.aopts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}
.aopt{display:flex;align-items:center;justify-content:center;min-height:58px;padding:8px 16px;border:1.5px solid var(--line);border-radius:var(--r);background:#fff;font-size:17px;font-weight:500;color:var(--ink-soft);text-align:center;transition:border-color .12s,background .12s,color .12s}
.aopt:hover{border-color:var(--ink-soft);color:var(--ink)}
.aopt.sel{background:#EEF4FB;border-color:var(--ultra);color:var(--ultra);font-weight:600}
.aopt:focus-visible,.ap-back:focus-visible,.ap-x:focus-visible,.ap-call:focus-visible{outline:3px solid var(--gold-lt);outline-offset:2px}
.fields{display:grid;gap:20px;margin-top:26px}
.fields .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.apply .field label{display:block;font-size:16px;font-weight:600;color:var(--ink);margin-bottom:8px}
.apply .field label .opt{font-weight:400;color:var(--muted)}
.apply .field input,.apply .field select{width:100%;height:54px;border:1px solid var(--line);border-radius:var(--r);background-color:var(--marble-3);padding:0 16px;font-size:17px;color:var(--ink)}
.apply .field select{appearance:none;-webkit-appearance:none;padding-right:46px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23364150' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:18px}
.apply .field select:invalid{color:#767B85}
.apply .field input::placeholder{color:#767B85}
.apply .field input:focus,.apply .field select:focus{outline:3px solid rgba(10,103,185,.22);outline-offset:0;border-color:var(--cobalt);background-color:#fff}
.ap-nav{display:flex;gap:12px;margin-top:40px}
.ap-back{flex:none;width:56px;height:56px;display:grid;place-items:center;border:1.5px solid var(--line);border-radius:var(--r);color:var(--ink-soft)}
.ap-back:hover{border-color:var(--ink-soft);color:var(--ink)}
.ap-nav .btn{flex:1}
.ap-nav .btn[disabled]{background:#F9D8CA;color:rgba(11,18,32,.42);cursor:default}
.apply .fine{font-size:13.5px;line-height:1.55;color:var(--muted);margin-top:20px}
.ap-done .mk{width:56px;height:56px;border-radius:var(--r);display:grid;place-items:center;background:var(--gold);color:#fff;margin-bottom:26px}
.ap-done .mk .ico{width:28px;height:28px;stroke-width:2.4}
.shot .proto-line{display:none}
@media (prefers-reduced-motion:no-preference){ .ap-inner>*{animation:apin .22s var(--ease) both} }
@keyframes apin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.reader .inner{max-width:720px;margin:0 auto;padding:56px 24px 88px}
.reader .kicker{font-size:15px;font-weight:600;color:var(--cobalt)}
.reader h1{font-size:44px;line-height:1.08;margin-top:10px;color:var(--ink)}
.reader .dek{font-size:20px;color:var(--ink-soft);margin-top:16px}
.reader .byl{font-size:15px;font-weight:600;color:var(--muted);margin-top:18px;padding-bottom:26px;border-bottom:1px solid var(--line)}
.reader .cover{margin-top:30px;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r);background:var(--ultra)}
.reader .cover img{width:100%;height:100%;object-fit:cover}
.reader .prose{margin-top:30px}
.reader .prose p{font-size:18.5px;line-height:1.7;color:#1F2835;margin-top:18px}
.reader .prose h2{font-size:26px;letter-spacing:.02em;margin-top:40px;color:var(--ultra)}
.reader .prose ul{margin-top:16px;border-top:1px solid var(--line)}
.reader .prose li{font-size:18px;padding:13px 0;border-bottom:1px solid var(--line);color:#1F2835}
.reader .best{margin-top:28px;padding:18px 20px;background:var(--marble-3);border-radius:var(--r);font-size:17px}
.reader .best b{display:block;font-size:14px;color:var(--muted);margin-bottom:4px}
.reader .draft{font-size:14px;color:var(--muted);margin-top:34px}
.reader .endcta{display:flex;align-items:center;gap:22px;margin-top:40px;padding-top:28px;border-top:1.5px solid var(--ink)}
.reader .more{margin-top:44px}
.reader .more h3{font-size:16px;color:var(--muted)}
.reader .more button{display:block;text-align:left;font-size:18px;font-weight:700;color:var(--cobalt);padding:12px 0;border-bottom:1px solid var(--line);width:100%}
.reader .more button:hover{color:var(--ultra)}

/* The Payless graphics: the line draws and the bars grow once they come into view; finished at once without motion */
@media (prefers-reduced-motion:no-preference){
  .js .draw .line{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset 1.6s var(--ease) .15s}
  .js .draw .area{opacity:0;transition:opacity .9s ease .9s}
  .js .draw .tag,.js .draw .dot,.js .draw .halo{opacity:0;transition:opacity .4s ease 1.5s}
  .js .draw.in .line{stroke-dashoffset:0}
  .js .draw.in .area,.js .draw.in .tag,.js .draw.in .dot,.js .draw.in .halo{opacity:1}
  .js .grow .col{transform:scaleY(.04);transition:transform .9s var(--ease)}
  .js .grow.in .col{transform:none}
}

/* Prototype note */

/* Tablet */
@media (max-width:1180px){
  .util .hrs{display:none}
  h2{font-size:42px}
  .hero .bg .m{object-position:68% 50%}
  .c-range{grid-template-columns:1fr}
  .c-flow h3{font-size:30px}
  .inscr{font-size:32px}
  .ftr .top{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ftr .brand{grid-column:1/-1}
}
@media (max-width:1100px){
  .step .rv-card{width:calc((var(--vw) - 18px) / 2)}
}
@media (max-width:1120px){
  .nav,.hdr-right .btn{display:none}
  .menu-btn{display:inline-flex;align-items:center}
  .hdr-right{margin-left:auto}
}
@media (max-width:1040px){
  .faq-grid,.fund-head,.contact-g,.about,.head2{grid-template-columns:1fr}
  .faq-side{position:static}
  .faq-grid{gap:44px}
  .head2{gap:20px;margin-bottom:40px}
  .c-range,.c-own,.c-flow,.c-qual,.c-exp{grid-column:span 12}
  .c-range{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .c-flow{grid-row:auto}
  .bars .cols{height:180px}
  .fund-head{gap:18px}
  .fund-head .sub{margin-top:0}
  .contact-g{gap:48px}
  .about{gap:48px}
  .about-pic{aspect-ratio:16/10}
  .feat{grid-template-columns:1fr}
  .feat .pic{min-height:0;aspect-ratio:16/9}
  .feat .txt{padding:34px 36px 38px}
  .posts{grid-template-columns:1fr 1fr}
  .proof-head{flex-direction:column;align-items:flex-start}
  .hero .bg .m{object-position:74% 50%}
  .hero-copy{max-width:500px}
  .final h2{font-size:40px}
}
/* Short laptop screens: the slab's Apply Now stays above the fold */
@media (min-width:721px) and (max-height:820px){
  .pane{padding:28px 32px 26px}
  .pane h2{font-size:32px}
  .beats li{padding:14px 0}
  .beats p{font-size:15px;line-height:1.45}
  .chap.pinned .stepper{margin-top:22px}
  .chap.pinned .beats{margin-top:18px;padding-top:22px}
  .chap.pinned .cta-row{margin-top:22px;padding-top:20px}
  .chap .cta-row .btn{height:50px}
  .hero{padding-top:108px;padding-bottom:36px}
  .hero h1{font-size:46px}
  .hero .lede{font-size:18px;margin-top:12px}
  .slab{margin-top:18px;padding-top:20px;padding-bottom:16px}
  .slider{margin-top:56px}
  .slab .btn{margin-top:14px;height:54px}
  .proof-line{margin-top:12px}
}
/* Phone */
@media (max-width:720px){
  body{font-size:17px}
  .wrap{padding:0 20px}
  .util{font-size:13px}
  .util .wrap{height:36px;justify-content:center}
  .util .where{display:none}
  .hdr{margin-bottom:-68px}
  .hdr .wrap{height:68px}
  .hdr .logo img{height:38px}
  .hero{display:block;min-height:0;padding:0 0 48px;background:var(--ultra)}
  .hero .bg{position:relative;inset:auto;height:auto;aspect-ratio:13/11}
  .hero .bg .m{object-position:50% 14%}
  .hero .bg .m-l{display:none}
  .hero .bg .m-p{display:block}
  .hero .bg::after{background:linear-gradient(rgba(1,42,99,.4),rgba(1,42,99,0) 130px),linear-gradient(rgba(1,68,160,0) 54%,rgba(1,68,160,.9) 90%,#0144A0 100%)}
  .hero .wrap{margin-top:-26px}
  .hero-copy{max-width:none}
  .hero h1{font-size:31px;line-height:1.1}
  .hero .lede{font-size:17px;margin-top:12px}
  .d-only{display:none}
  .slab{margin-top:22px;padding:22px 18px 18px}
  .am-q{font-size:19px}
  .slider{margin-top:56px}
  .slab .btn{margin-top:14px;height:56px}
  .proof-line{font-size:13.5px}
  .sec{padding:80px 0}
  h2{font-size:32px}
  .sub{font-size:17px}
  .head2{margin-bottom:32px}
  .bento{gap:14px}
  .card{padding:26px 22px 24px}
  .card h3,.c-flow h3{font-size:25px}
  .c-range{grid-template-columns:1fr;gap:20px;min-height:0}
  .c-range .fig{font-size:36px}
  .bars .cols{gap:8px;height:150px}
  .bars .days{gap:8px}
  .c-own{grid-template-columns:1fr;gap:18px}
  .own{display:flex;align-items:baseline;gap:12px;text-align:left;border-left:0;border-top:1px solid var(--line);padding:18px 0 0}
  .own b{font-size:52px}
  .own span{margin-top:0}
  .checks{grid-template-columns:1fr;margin-top:22px}
  .checks li,.checks li+li{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:baseline;gap:12px;padding:16px 0;border-left:0;border-bottom:1px solid rgba(255,255,255,.22)}
  .checks li:last-child{border-bottom:0;padding-bottom:0}
  .checks .fig{font-size:30px}
  .checks .fig+span{margin-top:0}
  .tl li{grid-template-columns:88px minmax(0,1fr);padding:14px 0 14px 28px}
  .tl .fig{font-size:28px}
  .tl .fig+span{font-size:15px}
  .cmp{margin-top:36px}
  .cmp-grid{grid-template-columns:1fr 1fr}
  .cmp-grid .h.lab-h,.cmp-grid .lab{display:none}
  .cmp-grid>div{padding:16px 14px;font-size:15px;align-items:flex-start;flex-direction:column;gap:6px}
  .cmp-grid .h{align-items:center}
  .cmp-grid .cell{align-items:flex-start}
  .cmp-grid .cell .ico{margin-top:1px}
  .cmp-grid .l-m{display:block;font-size:12.5px;font-weight:700;color:var(--muted)}
  .cmp-grid .us .l-m{color:var(--ink-soft)}
  .cmp-grid .h.us img{height:24px}
  .flist{grid-template-columns:1fr}
  .frow{padding:20px 0}
  .frow b{font-size:18px}
  .frow span span{font-size:15px}
  .fund-foot{flex-direction:column;align-items:stretch;gap:16px;margin-top:32px}
  .fund-foot .call{text-align:center}
  .proof{padding:80px 0 72px}
  .proof-head{gap:26px;margin-bottom:34px}
  .score{font-size:72px}
  .rv-view{padding:0 20px;scroll-padding:0 20px}
  .rv-card{width:296px;margin-right:12px;padding:22px 20px 18px}
  .rv-card q{font-size:16px}
  .step .rv-view{--vw:calc(100vw - 40px)}
  .step .rv-card{width:var(--vw)}
  .inscr{font-size:20px;line-height:1.8;margin-top:26px}
  .inscr .ln{white-space:normal}
  .inscr .ln span{display:block}
  .inscr i{display:none}
  .ind-note{font-size:16px}
  .person{grid-template-columns:1fr;gap:10px}
  .pname{font-size:23px}
  .learn-head{flex-direction:column;align-items:flex-start;gap:0;margin-bottom:32px}
  .feat .txt{padding:24px 20px 26px}
  .feat h3{font-size:27px}
  .feat p{font-size:16.5px}
  .posts{grid-template-columns:1fr;gap:14px;margin-top:14px}
  .post{padding:22px 20px 20px}
  .faq-item button{font-size:17.5px;padding:20px 0}
  .faq-item .ans p{padding-right:0;font-size:16px}
  .bignum{font-size:38px}
  .cinfo{grid-template-columns:76px minmax(0,1fr);font-size:16px}
  .inq{padding:24px 18px 22px}
  .inq h3{font-size:23px}
  .inq .row2{grid-template-columns:1fr;gap:0}
  .chap .pin{display:block;min-height:0;padding:0 0 72px}
  .chap .paint.p-graft{position:relative;inset:auto;aspect-ratio:4/3}
  .chap .p-graft .m{object-position:66% 50%}
  .chap .p-harvest{display:none}
  .pane{width:auto;margin-top:-40px;padding:26px 20px 24px}
  .pane h2{font-size:28px}
  .beats li{grid-template-columns:40px minmax(0,1fr);gap:8px;padding:18px 0}
  .beats .n{font-size:21px}
  .beats h3{font-size:18.5px}
  .beats p{font-size:15.5px}
  .chap .cta-row,.final .cta-row{flex-direction:column;align-items:stretch;gap:16px}
  .chap .cta-row .btn,.final .btn{width:100%}
  .chap .call,.final .call{text-align:center}
  .final{height:auto;display:flex;flex-direction:column}
  .final .paint{position:relative;inset:auto;aspect-ratio:5/4;order:2}
  .final{background:var(--cobalt)}
  .final .paint::after{background:linear-gradient(180deg,#0A67B9 0%,rgba(10,103,185,0) 26%,rgba(1,42,99,0) 52%,rgba(1,42,99,.3) 68%,rgba(1,42,99,.7) 84%,#012A63 100%)}
  .final .wrap{order:1;padding:64px 20px 28px;text-align:left}
  .final h2{font-size:32px}
  .final p{font-size:17px;text-shadow:none}
  .ftr .top{grid-template-columns:1fr 1fr;gap:32px;padding-top:56px}
  .ftr .brand{grid-column:span 2}
  .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--ultra);transform:translateY(110%);transition:transform .25s}
  .mbar.on{transform:none}
  .mbar .btn{flex:1;height:50px}
  .ftr{padding-bottom:calc(70px + env(safe-area-inset-bottom))} /* the Apply bar is 70px; the legal row must clear it (audit F1) */
  .mbar .callb{width:50px;height:50px;border:1.5px solid rgba(255,255,255,.5);border-radius:var(--r);display:grid;place-items:center;color:#fff}
  .apply .ap{display:block}
  .ap-rail{position:relative;height:auto;padding:12px 16px 18px;border-right:0;border-bottom:1px solid var(--line-2)}
  .ap-logo{height:36px}
  .ap-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0 0;max-width:none}
  .ap-steps li{display:flex;flex-direction:column;align-items:center;padding:0;text-align:center}
  .ap-steps li:not(:last-child)::after{left:calc(50% + 24px);right:calc(-50% + 24px);top:16px;bottom:auto;width:auto;height:2px}
  .ap-steps .mk{width:32px;height:32px;font-size:15px}
  .ap-steps b,.ap-steps .ds{display:none}
  .ap-steps .sh{display:block;font-size:14px;font-weight:600;margin-top:8px;color:var(--muted)}
  .ap-steps li.on .sh,.ap-steps li.done .sh{color:var(--ink)}
  .ap-foot{display:none}
  .ap-top{position:absolute;top:8px;right:6px;height:auto;padding:0;gap:0}
  .ap-call,.ap-x{width:44px;padding:0;justify-content:center}
  .ap-call span,.ap-x span{display:none}
  .ap-call .ico,.ap-x .ico{width:22px;height:22px}
  .ap-inner{padding:26px 16px 48px}
  .ap-q{font-size:26px}
  .aopts{grid-template-columns:1fr;gap:12px;margin-top:22px}
  .aopt{min-height:56px}
  .ap-nav{margin-top:32px}
  .sheet-full .top{height:64px}
  .sheet-full .top img{height:32px}
  .reader .inner{padding:32px 20px 64px}
  .reader h1{font-size:30px}
  .reader .dek{font-size:18px}
  .reader .prose p{font-size:17px}
  .reader .prose h2{font-size:22px}
  .reader .endcta{flex-direction:column;align-items:stretch;gap:14px}
  .reader .endcta .call{text-align:center}
}

/* Mobile menu */
.menu{position:fixed;inset:0;z-index:70;background:rgba(1,20,50,.45);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.menu.open{opacity:1;visibility:visible}
.menu .spanel{position:absolute;top:0;left:0;right:0;background:var(--ultra);color:#fff;padding:12px 20px 24px;transform:translateY(-20px);transition:transform .25s}
.menu.open .spanel{transform:none}
.menu .row{display:flex;justify-content:space-between;align-items:center;height:56px}
.menu .row img{height:36px}
.menu nav a{display:flex;align-items:center;height:54px;border-bottom:1px solid var(--rule-b);font-size:19px;font-weight:700}
.menu .btn{width:100%;margin-top:20px}
.menu .call{display:block;text-align:center;margin-top:14px;color:var(--on-blue)}
.menu .call a{color:#fff;border-color:rgba(255,255,255,.45)}
/* ---- Real pages (build.py). Everything above is the site-v6 prototype's CSS, unchanged except file paths. ---- */
/* Pages without the hero painting: the header sits in the flow as blue glass instead of over a painting */
/* Pages without the hero painting: solid ultramarine header, no glass (Design Auditor 5390, George 5396). */
.subpage .hdr{margin-bottom:0;background:var(--ultra);-webkit-backdrop-filter:none;backdrop-filter:none}
/* The apply flow as its own page at /apply/: the same sheet, in the flow instead of fixed */
.sheet-full.page{position:static;opacity:1;visibility:visible;min-height:100vh;min-height:100svh;transition:none}
.sheet-full.page .body{overflow:visible}
/* /apply/ as a page: the rail logo links home. */
.ap-home{display:block;align-self:flex-start}
.ap-home .ap-logo{display:block}
.apply .noscript{font-size:18px;color:var(--ink-soft)}
.apply .noscript a{color:var(--cobalt);font-weight:700}
/* Funding pages, guides, legal and 404 use the reader layout; its "more" list is links now, not buttons */
main.reader{background:#fff}
.reader .more a{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;font-size:18px;font-weight:700;color:var(--cobalt);padding:12px 0;border-bottom:1px solid var(--line);width:100%}
/* Rows that open a page carry the homepage's arrow (audit F3). */
.reader .more a .ico{width:16px;height:16px;stroke-width:2}
.reader .more a:hover{color:var(--ultra)}
.reader .more a:focus-visible{outline:3px solid var(--gold-lt);outline-offset:3px}
.reader .prose a{color:var(--cobalt);font-weight:600;border-bottom:1.5px solid currentColor}
.legal-doc .prose p{font-size:17px;line-height:1.7}
/* /learn/: the homepage's Learn section as a page, its heading promoted to the page's h1 at the h2 size */
.learn-head h1{font-size:46px}
@media (max-width:1180px){ .learn-head h1{font-size:42px} }
@media (max-width:720px){ .learn-head h1{font-size:32px} }
.feat:focus-visible{outline:3px solid var(--gold-lt);outline-offset:3px}
#flow h2[tabindex="-1"]:focus{outline:none}
/* Funding pages: the homepage's proof line under the Apply row (audit F2). */
.reader .endproof{margin-top:14px;font-size:15px;color:var(--muted)}
/* You are here (audit F5): Funding on /funding/*, Learn on /learn/*. A gold underline, no colour change. */
.nav>li>[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--gold-lt)}
@media (max-width:720px){ .reader .endproof{text-align:center} }
/* Closing band (George 5490, "move this pic up, why is the majority covered"): show the whole painting. No zoom,
   frame from 40% down, a slightly taller band on desktop, and the fade into the footer only on the last fifth. */
.final{height:clamp(640px,54vw,820px)}
.final .paint .m{object-position:50% 40%;transform:none}
.final .paint::after{background:linear-gradient(180deg,rgba(1,42,99,.42) 0%,rgba(1,42,99,.14) 30%,rgba(1,42,99,0) 46%,rgba(1,42,99,0) 80%,rgba(1,42,99,.45) 91%,rgba(1,42,99,.85) 97%,#012A63 100%)}
@media (max-width:720px){
  .final{height:auto}
  .final .paint::after{background:linear-gradient(180deg,#0A67B9 0%,rgba(10,103,185,0) 22%,rgba(1,42,99,0) 80%,rgba(1,42,99,.5) 92%,#012A63 100%)}
}