/* Inner pages (pricing, demo, proof report, thanks, privacy, terms). Loaded after site.css. */
.on-dark{background:var(--darkest);color:#fff}
.on-dark h1,.on-dark h2,.on-dark h3{color:#fff}
.on-dark .link--light{color:#fff}

/* page head */
.phead{padding:88px 0 80px;overflow:hidden}
.phead__in{display:block}
.phead__in--art{display:grid;grid-template-columns:7fr 5fr;gap:56px;align-items:center}
.phead__text{max-width:760px}
.phead h1{font-size:clamp(40px,5.2vw,68px);line-height:1.04;font-weight:500;letter-spacing:-.02em;color:var(--head)}
.phead p:not(.eyebrow){max-width:680px}
.phead .btn-row{margin-top:28px}
.phead--plain{padding:72px 0 56px}
.phead__art{display:flex;justify-content:center;min-width:0}
.pa{position:relative;width:min(320px,70%);aspect-ratio:1}
.pa__big{width:100%;height:100%;overflow:visible}
.pa__big path{fill:none;stroke:var(--head);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pa__big path.acc{stroke:var(--brand)}
.pa--check{width:min(260px,60%)}
.pa__coin{position:absolute;right:6%;bottom:8%;width:24%;aspect-ratio:1;border-radius:50%;background:var(--tint);border:2px solid var(--brand)}
.pa--demo{width:100%}
.phead .demo-panel{width:100%;max-width:560px}

/* sample report card, drawn line by line */
.srep{width:min(380px,100%);background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 18px 40px rgba(70,31,13,.08)}
.srep__top{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.srep__dot{width:14px;height:14px;border-radius:50%;background:var(--brand)}
.srep__top i{height:12px;width:46%;border-radius:6px;background:var(--tint)}
.srep__row{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.srep__row svg{flex:none;width:28px;height:28px}
.srep__row circle{fill:var(--blush);stroke:var(--line);stroke-width:1.5}
.srep__row path{fill:none;stroke:var(--brand);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.srep__bars{display:flex;flex-direction:column;gap:8px;flex:1}
.srep__bars i{display:block;height:10px;border-radius:5px;background:var(--line)}
.srep__bars i+i{background:var(--blush)}
.srep__fix{margin-top:18px;padding:14px;border-radius:12px;background:var(--blush);border:1px dashed var(--brand)}
.srep__fix i{display:block;height:10px;width:72%;border-radius:5px;background:var(--brand);opacity:.55}

/* sections */
.isec{max-width:880px}
.iwide .isec{max-width:none}
.isec>h2{max-width:820px}
.isec.center{margin:0 auto;text-align:center}
.isec.center .btn-row{justify-content:center}
.closing{padding:96px 0}
.closing h2{max-width:760px;margin:0 auto}
.closing p{max-width:680px;margin-left:auto;margin-right:auto}

/* price table */
.pt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px!important}
.pt__g{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px 28px 22px}
.pt__g:first-child{grid-row:span 2}
.pt__g h3{padding:18px 0 8px}
.prow{display:flex;justify-content:space-between;gap:24px;padding:14px 0;border-top:1px solid var(--line);font-size:19px;line-height:28px}
.prow span:last-child{text-align:right;font-weight:500;color:var(--head)}
.pnote{padding:14px 0 0;border-top:1px solid var(--line);color:var(--muted);font-size:18px;line-height:27px}
.pt__g--totals{grid-column:1/-1;background:var(--darkest);border-color:var(--darkest);color:#fff}
.pt__g--totals h3,.pt__g--totals .prow span:last-child{color:#fff}
.pt__g--totals .prow,.pt__g--totals .pnote{border-color:rgba(255,255,255,.22);color:#fff}
.pt__g--totals .prow span:last-child{font-size:22px}
@media (max-width:899px){.pt{grid-template-columns:1fr}.pt__g:first-child{grid-row:auto}}
@media (max-width:639px){.prow{flex-direction:column;gap:2px}.prow span:last-child{text-align:left}.pt__g{padding:8px 20px 18px}}

/* cards */
.dcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;margin-top:36px!important}
.dcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 28px 26px}
.band-blush .dcard{background:#fff}
.dcard .ico{display:block;width:64px;height:64px;margin-bottom:18px;overflow:visible}
.ico path{fill:none;stroke:var(--head);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ico path.acc{stroke:var(--brand)}
.dcard h3{margin-bottom:10px}
.dcard .fix{margin-top:14px;padding:10px 14px;border-radius:12px;background:var(--blush);color:var(--darkest);font-weight:500;font-size:18px;line-height:27px}
@media (hover:hover){.dcard{transition:translate .75s var(--soft),box-shadow .75s var(--soft)}.dcard:hover{translate:0 -4px;box-shadow:0 14px 30px rgba(70,31,13,.08)}}

.dcards--4{grid-template-columns:repeat(2,minmax(0,1fr))}
.dcards--7{grid-template-columns:repeat(3,minmax(0,1fr))}
.dcards--7 .dcard:last-child{grid-column:1/-1;display:grid;grid-template-columns:64px 1fr;column-gap:24px;align-items:start}
.dcards--7 .dcard:last-child .ico{grid-row:span 2;margin:0}
@media (max-width:899px){.dcards--7{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){.dcards--4,.dcards--7{grid-template-columns:1fr}.dcards--7 .dcard:last-child{display:block}.dcards--7 .dcard:last-child .ico{margin-bottom:18px}}

/* stat split */
.isplit{display:grid;grid-template-columns:5fr 6fr;gap:64px;align-items:center}
.coins{background:var(--blush);border-radius:var(--radius);padding:40px 32px}
.coins svg{display:block;width:100%;height:auto;overflow:visible}
.coins circle{fill:none;stroke:var(--head);stroke-width:2.4}
.coins path{fill:none;stroke:var(--brand);stroke-width:3;stroke-linecap:round}
.stat{font-size:clamp(56px,7vw,88px);line-height:1;font-weight:500;color:var(--brand);letter-spacing:-.02em}
@media (max-width:899px){.isplit{grid-template-columns:1fr;gap:32px}}

/* steps, facts, ticks */
.isteps{list-style:none;counter-reset:s;padding:0;max-width:760px}
.isteps li{counter-increment:s;position:relative;padding:6px 0 6px 64px;min-height:48px}
.isteps li+li{margin-top:18px}
.isteps li::before{content:counter(s);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;background:var(--tint);color:var(--head);font-weight:500;display:flex;align-items:center;justify-content:center}
.ifacts{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;margin-top:32px!important}
.ifacts div{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.ifacts dt{font-size:16px;line-height:24px;color:var(--muted)}
.ifacts dd{font-size:24px;line-height:31px;font-weight:500;color:var(--head);margin-top:8px}
.ticks--inner{max-width:760px}

/* legal reading layout */
.legal__in{display:grid;grid-template-columns:4fr 8fr;gap:56px;align-items:start}
.legal h2{font-size:30px;line-height:38px}
.legal__body{max-width:720px}
.legal__body ul{padding-left:0;list-style:none}
@media (max-width:899px){.legal__in{grid-template-columns:1fr;gap:20px}}

@media (max-width:899px){.phead__in--art{grid-template-columns:1fr;gap:36px}.phead{padding:56px 0}.phead__art{justify-content:flex-start}}
@media (max-width:639px){.closing{padding:64px 0}}
.legal{padding:56px 0}.legal+.legal{border-top:1px solid var(--line)}

/* Surfaces lift off their background */
.pt__g,.dcard,.ifacts div,.srep{border-color:var(--edge);box-shadow:var(--lift)}
.pt__g--totals{box-shadow:var(--lift)}
.coins{border:1px solid var(--edge);box-shadow:var(--lift)}