@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500&display=swap');
:root{--ink:#242824;--sand:#F0E8D8;--coral:#FF896F;--lime:#D3F477;--teal:#174E48;--white:#F8F5EE;--muted:#C0C8BE}*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--white);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}a,button,input,select{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--coral);outline-offset:5px}h1,h2,h3,.wordmark{font-family:'Bricolage Grotesque',sans-serif;line-height:1.06;letter-spacing:-.045em}h1{font-size:clamp(44px,6vw,86px);margin:20px 0 26px;max-width:850px}h2{font-size:clamp(30px,4vw,48px);margin:0 0 22px}h3{font-size:26px;margin:16px 0}p{margin:0 0 20px}.wrap{max-width:1220px;margin:auto;padding:0 30px}.eyebrow{font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.14em}.topline{background:var(--teal);text-align:center;font-size:11px;letter-spacing:.08em;padding:7px 12px}.nav{position:sticky;top:0;z-index:10;background:var(--ink);border-bottom:1px solid #ffffff20}.nav .wrap{display:flex;align-items:center;justify-content:space-between;min-height:85px;gap:20px}.wordmark{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:29px;font-weight:800;white-space:nowrap}.wordmark img{width:40px;height:40px}.wordmark small{color:var(--coral)}.navlinks{display:flex;align-items:center;gap:28px;font-size:14px}.navlinks a{text-decoration:none}.navlinks a:hover{color:var(--coral)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 22px;min-height:48px;border:1px solid transparent;border-radius:6px;background:var(--lime);color:var(--ink);font-weight:700;text-decoration:none;font-size:14px;cursor:pointer}.button:hover{background:#e0ff93;transform:translateY(-1px)}.button.secondary{background:transparent;border-color:currentColor;color:inherit}.button.dark{background:var(--ink);color:var(--white)}.hero{background:var(--coral);color:var(--ink);overflow:hidden;position:relative}.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center;padding-top:66px;padding-bottom:64px}.hero h1{max-width:650px}.hero .intro{max-width:430px;font-size:20px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 16px}.fine{font-size:12px;line-height:1.6;max-width:540px}.board{position:relative;background:var(--teal);padding:32px;border-radius:14px;transform:rotate(3deg);color:var(--white);box-shadow:12px 14px 0 #24282422}.board:before{content:'THE MATE’S SHORTLIST';font-size:11px;letter-spacing:.16em;display:block;border-bottom:1px solid #ffffff40;padding-bottom:18px}.board .pick{display:flex;gap:17px;align-items:center;padding:21px 0;border-bottom:1px solid #ffffff30}.board .pick:last-of-type{border-bottom:0}.rank{font:18px 'IBM Plex Mono',monospace;color:var(--coral)}.board h3{font-size:24px;margin:0 0 5px}.board p{font-size:12px;margin:0;color:#d5e4dc}.board img{width:93px;height:52px;object-fit:contain}.board .stamp{position:absolute;right:-15px;top:-28px;transform:rotate(11deg);background:var(--lime);color:var(--ink);border:2px solid var(--ink);border-radius:50%;width:90px;height:90px;display:grid;place-content:center;text-align:center;font-size:12px;font-weight:800;line-height:1.2}.board .foot{font:11px 'IBM Plex Mono',monospace;margin-top:18px}.trust{border-bottom:1px solid #ffffff25}.trust .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:21px;padding-bottom:21px;font-size:12px;align-items:center}.trust b{color:var(--lime);margin-right:7px}.trust img{max-width:45px;height:21px;object-fit:contain;vertical-align:middle;margin-right:8px}.section{padding:72px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-heading p{color:var(--muted);max-width:430px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #ffffff28;border-radius:10px;padding:25px;background:#2C332D;display:flex;flex-direction:column;position:relative}.card.featured{border-color:var(--lime)}.badge{display:inline-block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);font-weight:700;margin-bottom:22px}.logo-box{height:90px;display:flex;align-items:center;justify-content:center;background:#18221e;border-radius:7px;margin-bottom:10px}.logo-box img{max-width:180px;max-height:63px}.card p{color:var(--muted);font-size:14px}.card ul{padding-left:18px;font-size:13px;margin:0 0 26px}.card .button{width:100%;margin-top:auto}.card .review-link{text-align:center;font-size:12px;margin-top:13px}.sand{background:var(--sand);color:var(--ink)}.sand .section-heading p{color:#525e53}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:650px;text-align:left;font-size:14px}th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:14px;border-bottom:2px solid #242824}td{padding:22px 14px;border-bottom:1px solid #24282430}td:first-child{font-weight:700}td .button{padding:10px 15px;min-height:42px}table small{display:block;font-size:11px;font-weight:400}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.calculator p{color:var(--muted);max-width:480px}.receipt{background:var(--sand);color:var(--ink);padding:35px;position:relative;border-radius:4px}.receipt:after{content:'';position:absolute;bottom:-9px;left:0;width:100%;height:10px;background:linear-gradient(135deg,var(--sand) 5px,transparent 0),linear-gradient(225deg,var(--sand) 5px,transparent 0);background-size:12px 12px}.receipt header{font:13px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-align:center;padding-bottom:20px;border-bottom:1px dashed #24282460;margin-bottom:22px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fields label{font-size:12px;font-weight:700}.fields input,.fields select{width:100%;padding:10px;background:#fffdf6;border:1px solid #b7bbac;border-radius:4px;color:var(--ink);margin:5px 0 12px}.fields .wide{grid-column:1/-1}.total{border-top:1px dashed #24282460;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.total output{font:30px 'IBM Plex Mono',monospace}.receipt p{font-size:12px;color:#525e53;margin:16px 0 0}.steps{counter-reset:step;list-style:none;padding:0}.steps li{margin:16px 0;display:flex;gap:15px;align-items:center}.steps li:before{counter-increment:step;content:'0' counter(step);color:var(--coral);font:14px 'IBM Plex Mono',monospace}.split{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.mate-note{background:var(--teal);border-radius:12px;padding:35px}.mate-note h2{font-size:35px}.mate-note p{color:#d5e4dc}.faq details{border-top:1px solid #ffffff30;padding:20px 0}.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';color:var(--coral)}.faq details[open] summary:after{content:'−'}.faq details p{padding-top:17px;color:var(--muted);font-size:14px;max-width:700px;margin-bottom:0}.footer{padding:55px 0 100px;border-top:1px solid #ffffff30}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.footer p{color:var(--muted);font-size:12px;margin-top:20px;max-width:430px}.footer nav{display:flex;flex-direction:column;gap:9px;font-size:13px}.footer h3{font-size:18px;margin:0 0 20px}.footer .bottom{border-top:1px solid #ffffff20;padding-top:22px;margin-top:30px;font-size:11px;color:var(--muted)}.mobile-cta{display:none}.page-hero{background:var(--teal);padding:52px 0;color:var(--white)}.page-hero h1{font-size:clamp(38px,5vw,64px);max-width:900px}.page-hero .intro{max-width:710px;font-size:19px;color:#d5e4dc}.breadcrumb{font-size:12px;color:#d5e4dc;margin-bottom:25px}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:65px}.prose{max-width:780px}.prose h2{font-size:32px;margin:42px 0 20px}.prose h3{font-size:23px}.prose p,.prose li{color:#d2d8cd}.prose a{color:var(--lime)}.prose .button{color:var(--ink)}.prose ul{padding-left:22px}.aside{align-self:start;position:sticky;top:110px;background:var(--sand);color:var(--ink);padding:25px;border-radius:10px}.aside h3{margin-top:5px}.aside p{font-size:13px}.aside .button{width:100%}.callout{padding:23px;background:var(--teal);border-left:3px solid var(--coral);border-radius:5px;margin:28px 0}.callout p:last-child{margin:0}.review-index{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.review-index a{border:1px solid #ffffff35;padding:9px 14px;border-radius:5px;font-size:13px}.skip{position:absolute;left:15px;top:-100px;z-index:30;background:var(--lime);color:var(--ink);padding:10px}.skip:focus{top:10px}.nav-toggle{display:none}.legal-banner{font-size:12px;margin-top:28px;color:var(--muted)}
@media(max-width:900px){.navlinks{gap:15px}.navlinks .button{display:none}.hero-grid{gap:30px}.board{padding:23px}.cards{gap:12px}.card{padding:20px}.calculator,.split{gap:35px}.article-grid{grid-template-columns:minmax(0,1fr) 250px;gap:30px}.trust .wrap{flex-wrap:wrap;justify-content:center}}
@media(max-width:650px){.wrap{padding-left:20px;padding-right:20px}.nav .wrap{min-height:72px}.wordmark{font-size:26px}.nav-toggle{display:block;background:transparent;border:1px solid #ffffff50;color:var(--white);padding:7px 12px;border-radius:5px}.navlinks{display:none;position:absolute;top:72px;left:0;right:0;padding:20px;background:var(--ink);flex-direction:column;align-items:stretch;border-bottom:1px solid #ffffff40}.navlinks.open{display:flex}.navlinks a{padding:9px}.hero-grid{grid-template-columns:1fr;padding-top:38px;padding-bottom:40px;gap:40px}.hero h1{font-size:54px;max-width:450px}.hero .intro{font-size:18px}.board{margin:0 10px 5px;transform:rotate(2deg)}.board .pick{padding:14px 0}.board .stamp{width:75px;height:75px;right:-10px;top:-20px}.trust .wrap{font-size:10px;gap:13px}.section{padding:46px 0}.section-heading{display:block}.section-heading p{margin-top:15px}.cards,.calculator,.split,.article-grid{grid-template-columns:1fr}.cards{gap:18px}.card{padding:24px}.logo-box{height:85px}.card h3{margin-top:10px}.card .badge{margin-bottom:15px}.calculator{gap:30px}.receipt{padding:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--ink);padding:10px 16px max(10px,env(safe-area-inset-bottom));display:flex;gap:18px;align-items:center;border-top:1px solid #ffffff30}.mobile-cta div{font-size:12px;line-height:1.4}.mobile-cta small{display:block;color:var(--muted);font-size:10px}.mobile-cta .button{margin-left:auto;padding:12px 17px;white-space:nowrap}.aside{position:static}.page-hero{padding:32px 0}.page-hero h1{font-size:42px}.page-hero .intro{font-size:17px}.prose h2{font-size:29px}.footer{padding-bottom:120px}.total output{font-size:26px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.article-grid>*{min-width:0}.button svg{width:16px;height:16px;flex-shrink:0}.secure-icon{display:inline-block;width:14px;height:14px;vertical-align:-2px;color:var(--lime)}