@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap');
:root{--bg:#0e1b16;--panel:#182a22;--cream:#f3efe5;--muted:#c9c5ba;--sage:#a6ba97;--copper:#d59a6f;--line:#32443a;--gutter:3vw}
*{box-sizing:border-box}html{font-size:16px;height:100%;background:var(--bg)}
body{margin:0;height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);overflow:hidden;background:radial-gradient(ellipse at top right,#20382a 0,var(--bg) 65%);color:var(--cream);font-family:Inter,Arial,sans-serif}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,.tool-link{font:inherit;cursor:pointer;color:inherit;background:transparent;border:1px solid var(--line);border-radius:8px;padding:10px 14px;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
button:hover,.tool-link:hover{background:#294132}button:focus-visible,a:focus-visible{outline:2px solid var(--copper);outline-offset:3px}button:disabled{opacity:.35;cursor:default}a{color:var(--sage)}
header{min-width:0;display:flex;align-items:center;justify-content:space-between;padding:20px var(--gutter);gap:16px;flex-wrap:wrap;z-index:2}
.brand{color:var(--sage);font-size:16px;letter-spacing:.23em;font-weight:600;text-decoration:none}.brand span{color:var(--cream);font-weight:400}.brand small{display:block;font-size:11px;letter-spacing:.13em;margin-top:8px;color:var(--muted);line-height:1.5}
.tools{display:flex;align-items:center;gap:9px;font-size:14px;flex-wrap:wrap}#counter{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;font-size:13px;margin-right:8px}#costs{border-color:#78916e;color:var(--sage)}#pdf{background:var(--sage);color:var(--bg);font-weight:600}#full{font-size:22px;padding:5px 12px}
main{min-width:0;min-height:0;overflow:auto;padding:clamp(16px,3vh,32px) 6vw;scrollbar-color:var(--line) transparent;scrollbar-width:thin;overscroll-behavior-y:contain}
section{display:none;width:100%;max-width:none;min-height:100%;margin:0 auto;align-items:center}section.active{display:grid}.slide-content{min-width:0;width:100%;animation:appear .25s ease-out}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;line-height:1.65;text-transform:uppercase;color:var(--sage);margin:0 0 18px}
h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.14;text-wrap:balance}h1{font-size:clamp(40px,min(4.7vw,7.7vh),74px);margin-bottom:22px}h1 em{color:var(--sage);font-weight:400}h2{font-size:clamp(30px,min(3.3vw,6.6vh),50px);margin-bottom:20px;max-width:1100px}h3{font-size:19px;line-height:1.4;font-weight:500;margin-bottom:12px}
p,li{color:var(--muted);line-height:1.6;font-size:16px}p{margin-bottom:16px}.intro{max-width:1040px;font-size:18px;line-height:1.6;margin-bottom:28px}.large{font-size:22px;max-width:960px}.muted{color:var(--muted)}.accent{color:var(--copper)}strong{color:var(--cream);font-weight:600}
.grid{display:grid;gap:clamp(14px,1.6vw,24px)}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{min-width:0;padding:clamp(20px,1.8vw,30px);border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#1b302aaa,#15271f66)}.card p:last-child{margin-bottom:0}.number{color:var(--copper);display:block;font-size:13px;letter-spacing:.1em;line-height:1.5;margin-bottom:16px}.card ul{padding-left:20px;margin:0}.card li{font-size:16px;margin-bottom:8px}.card li:last-child{margin-bottom:0}
.note{font-size:14px;line-height:1.6;color:var(--muted);margin:20px 0 0}.ribbon{display:flex;align-items:center;gap:12px 28px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;margin-top:26px;color:var(--sage);font-size:14px}.ribbon span{min-width:0}
.tablewrap{min-width:0;width:100%}table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:15px}th{text-align:left;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--sage);font-weight:500}td,th{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}td{color:var(--muted);line-height:1.55}td:first-child{color:var(--cream);font-weight:500;width:23%}th:first-child{width:23%}table.three-columns th:nth-child(2){width:17%}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.steps .card{padding:20px}.steps h3{font-size:17px}.steps p{font-size:15px}.quote{font-family:'Playfair Display',Georgia,serif;color:var(--sage);font-style:italic;font-size:28px;line-height:1.4;margin:28px 0 0}
.checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.checklist p{padding:12px 0;border-bottom:1px solid var(--line);margin:0;font-size:16px}.checklist strong{display:block;margin-bottom:3px}
.metric{font-family:Georgia,serif;font-size:clamp(32px,3vw,44px);color:var(--sage);margin-bottom:14px}.references{font-size:13px;line-height:1.8;margin-top:20px}.references a{display:inline-block;margin-right:16px;overflow-wrap:anywhere}.covermeta{font-size:13px;color:var(--muted);margin:24px 0 0}
.cover-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:clamp(32px,5vw,84px);align-items:center}.cover-copy .intro{font-size:clamp(16px,1.4vw,19px);margin:0;max-width:760px}.cover-pricing{border-left:1px solid #59704f;padding-left:clamp(28px,3vw,48px)}.cover-pricing .eyebrow{margin-bottom:20px}.cover-price{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.cover-price span{display:block;color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:9px}.cover-price strong{font-family:Georgia,serif;font-size:clamp(30px,2.7vw,42px);font-weight:400;color:var(--cream)}.cover-total span{display:block;font-size:14px;color:var(--sage);margin-bottom:9px}.cover-total strong{font-family:Georgia,serif;color:var(--sage);font-weight:400;font-size:clamp(34px,3.2vw,48px)}.cover-pricing .note{font-size:12px}.cover-pricing a{display:inline-block;font-size:14px;margin-top:18px;text-underline-offset:5px}
footer{display:flex;align-items:center;gap:28px;padding:12px var(--gutter) max(16px,env(safe-area-inset-bottom));z-index:2;background:var(--bg);border-top:1px solid #ffffff08;min-width:0}#progress{display:flex;gap:6px;flex:1;max-width:860px;min-width:0}#progress button{border:0;padding:12px 0;flex:1;min-width:0;min-height:44px;border-radius:0;background:none}#progress button:after{content:'';display:block;height:4px;width:100%;background:var(--line);border-radius:4px}#progress button.seen:after{background:var(--sage)}#progress button.current:after{background:var(--copper)}.navigation{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0}.navigation button{border-radius:50%;height:44px;width:44px;padding:0;font-size:22px}#next{background:var(--sage);color:var(--bg)}#sectionName{font-size:13px;color:var(--muted);margin-right:12px}
@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media screen and (min-width:1100px) and (max-height:800px){header{padding-top:14px;padding-bottom:14px}main{padding-top:14px;padding-bottom:20px}h2{font-size:34px;margin-bottom:16px}.eyebrow{margin-bottom:12px}.intro{font-size:16px;margin-bottom:20px}.card{padding:20px}.number{margin-bottom:12px}.note{margin-top:16px}.ribbon{margin-top:20px;padding-top:16px}.covermeta{margin-top:20px}}
@media screen and (max-width:1100px){.four{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.three{grid-template-columns:repeat(2,minmax(0,1fr))}.three>.card:last-child:nth-child(odd){grid-column:1/-1}.cover-grid{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:30px}#sectionName{display:none}.cover-pricing{padding-left:25px}}
@media screen and (max-width:800px){header{padding:16px var(--gutter);gap:12px}.brand{font-size:14px}.brand small{font-size:10px}.tools{font-size:13px;gap:7px}.tools button,.tools .tool-link{padding:8px 10px}#counter{margin-right:2px}.cover-grid{grid-template-columns:1fr;gap:28px}.cover-pricing{border-left:0;border-top:1px solid var(--line);padding:22px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.cover-pricing>.eyebrow,.cover-pricing>.note,.cover-pricing>a{grid-column:1/-1;margin:0}.cover-price{padding:0 0 16px;margin:0}.cover-total{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px}.cover-total span{margin:0}.cover-pricing strong{font-size:32px}.covermeta{margin-top:20px}h1{font-size:clamp(36px,6.5vw,52px);max-width:680px}.cover-copy .intro{font-size:17px}.cover-copy .ribbon{gap:12px 20px}section{align-items:start}h2{font-size:34px}main{padding-top:12px;padding-bottom:28px}}
@media screen and (max-width:600px){header{display:grid;grid-template-columns:minmax(0,1fr)}.brand small{display:none}.tools{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;width:100%}.download-label{display:none}.tools button,.tools .tool-link{font-size:13px;min-height:42px;padding:8px 11px}#counter{font-size:12px;margin-right:auto}#full{display:none}.two,.three,.four,.steps,.checklist{grid-template-columns:minmax(0,1fr)}.three>.card:last-child:nth-child(odd){grid-column:auto}h1{font-size:36px}h2{font-size:30px}.intro{font-size:16px;margin-bottom:22px}.eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:14px}.card{padding:22px}.cover-copy .ribbon{display:none}.cover-grid{gap:22px}.cover-pricing{gap:16px}.cover-price span{font-size:13px}.cover-pricing strong{font-size:29px}.cover-total strong{font-size:31px}.covermeta{font-size:12px}.note{font-size:13px}.checklist p{font-size:16px}.steps .card{padding:22px}.steps p{font-size:16px}.references{font-size:12px}footer{gap:16px;padding-top:8px;padding-bottom:max(10px,env(safe-area-inset-bottom))}#progress{gap:3px}.navigation{gap:7px}.navigation button{width:44px;height:44px}table,tbody,tr,td{display:block;width:100%}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}tr{border:1px solid var(--line);border-radius:10px;padding:15px 18px;margin-bottom:12px;background:#182a2266}td,td:first-child{border:0;width:100%;padding:6px 0;font-size:15px;overflow-wrap:break-word}td:first-child{font-size:17px}td:not(:first-child)::before{content:attr(data-label);display:block;color:var(--sage);font-size:11px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.quote{font-size:24px}}
@media screen and (max-height:500px) and (min-width:601px){header{padding-top:8px;padding-bottom:8px}.brand small{display:none}footer{padding-top:4px;padding-bottom:4px}section{align-items:start}.cover-grid{grid-template-columns:1.5fr 1fr}.cover-pricing{display:block;border-top:0;border-left:1px solid var(--line);padding:0 0 0 24px}.cover-price{margin-bottom:18px}.cover-total{display:block}h1{font-size:36px}.cover-copy .ribbon{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
@page{size:13.333333in 7.5in;margin:0}
@media print{
*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;animation:none!important}
html,body{width:13.333333in;height:auto;margin:0;padding:0;display:block;overflow:visible;background:var(--bg)}
header,footer{display:none!important}main{height:auto;min-height:0;overflow:visible;display:block;padding:0;margin:0}
section,section.active{display:flex;align-items:center;width:13.333333in;max-width:none;height:7.5in;min-height:0;margin:0;padding:42px 6%;background:radial-gradient(ellipse at top right,#20382a 0,var(--bg) 65%);break-inside:avoid;break-after:page;page-break-after:always;position:relative}
section:last-child{break-after:auto;page-break-after:auto}.slide-content{width:100%;animation:none;transform:none}section::after{content:attr(data-page);position:absolute;bottom:18px;right:3%;font:11px Inter,Arial,sans-serif;color:var(--muted)}
h1{font-size:52px;line-height:1.12;margin-bottom:22px}h2{font-size:36px;line-height:1.13;margin-bottom:18px;max-width:1050px}h3{font-size:17px;margin-bottom:10px}p,li,.card li{font-size:14px;line-height:1.55}.intro{font-size:16px;margin-bottom:24px}.eyebrow{font-size:11px;margin-bottom:14px}.card{padding:22px}.grid{gap:18px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.number{font-size:12px;margin-bottom:13px}.note{font-size:12px;line-height:1.5;margin-top:18px}.ribbon{margin-top:24px;padding-top:18px;font-size:13px}.steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.steps .card{padding:18px}.steps h3{font-size:16px}.steps p{font-size:13px}.checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.checklist p{font-size:14px;padding:11px 0}.checklist strong{margin-bottom:3px}table{display:table;table-layout:fixed}thead{display:table-header-group}tbody{display:table-row-group}tr{display:table-row}td,th{display:table-cell;padding:12px 14px;font-size:13px;line-height:1.5}th{font-size:11px}td::before{display:none}.metric{font-size:40px}.quote{font-size:25px;margin-top:24px}.references{font-size:11px;margin-top:16px}.cover-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:52px}.cover-copy .intro{font-size:17px}.cover-pricing{display:block;border-top:0;border-left:1px solid #59704f;padding:0 0 0 35px}.cover-price{padding-bottom:20px;margin-bottom:20px}.cover-price strong{font-size:36px}.cover-total{display:block}.cover-total strong{font-size:42px}.cover-pricing a{display:none}.covermeta{font-size:12px;margin-top:22px}
}