@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');

:root{--paper:#f3f0e8;--ink:#10120f;--muted:#62665e;--blue:#2946ff;--acid:#d8ff47;--orange:#ff6b35;--line:#b9b7af;--white:#fff;--max:1440px;--pad:clamp(18px,4vw,68px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}
a{color:inherit}
img{max-width:100%;display:block}
.skip-link{position:absolute;left:-9999px;top:10px;z-index:200;background:#fff;padding:12px}.skip-link:focus{left:10px}
.site-header{height:78px;display:flex;align-items:center;gap:34px;padding:0 var(--pad);border-bottom:1px solid var(--ink);background:rgba(243,240,232,.94);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}
.brand{display:flex;align-items:center;margin-right:auto;padding:9px 12px;background:var(--blue);border:1px solid var(--ink);text-decoration:none}
.brand img{display:block;width:174px;height:auto}
.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;background:var(--blue);color:#fff;border-radius:50%;font:500 13px/1 'DM Mono',monospace;flex:0 0 auto}
.site-header nav{display:flex;gap:26px}.site-header nav a,.site-footer nav a{text-decoration:none;font:500 12px/1 'DM Mono',monospace;text-transform:uppercase}.site-header nav a:hover,.site-footer nav a:hover{text-decoration:underline}
.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.header-cta{height:44px;padding:0 18px;background:var(--acid);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.menu-toggle{display:none;background:transparent;border:1px solid var(--ink);padding:9px 12px;font:500 12px 'DM Mono',monospace;text-transform:uppercase}
.section-pad{padding:clamp(74px,9vw,132px) var(--pad);max-width:var(--max);margin:0 auto}
.hero{max-width:none;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(410px,.85fr);gap:clamp(38px,6vw,100px);align-items:center;padding-top:clamp(28px,3vw,44px);background-image:linear-gradient(rgba(16,18,15,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(16,18,15,.07) 1px,transparent 1px);background-size:44px 44px}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px;font:500 11px/1 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.eyebrow span{color:var(--blue)}
.hero h1,.section-heading h2{margin:0;font-family:'Playfair Display',Georgia,serif;font-weight:700;letter-spacing:-.045em;line-height:.95}
.hero h1{font-size:clamp(50px,6.6vw,105px);max-width:940px}.hero h1::first-line{font-style:italic}
.hero-lede{font-size:clamp(18px,1.55vw,24px)!important;line-height:1.45!important;color:var(--ink)!important}
.hero-copy>p:not(.eyebrow){max-width:760px;color:var(--muted);font-size:15px;line-height:1.7}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.button{min-height:52px;padding:0 22px;border:1px solid var(--ink)}.button-dark{background:var(--ink);color:#fff}.button-light{background:var(--paper)}.button:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--blue)}
.hero-stats{display:flex;gap:0;margin-top:52px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-stats span{padding:16px 24px 16px 0;margin-right:24px;border-right:1px solid var(--line);font:400 10px/1.35 'DM Mono',monospace;text-transform:uppercase}.hero-stats span:last-child{border-right:0}.hero-stats strong{display:block;font-size:18px;color:var(--blue);margin-bottom:5px}
.fit-finder{background:var(--blue);color:#fff;padding:clamp(24px,3vw,44px);box-shadow:16px 16px 0 var(--acid);transform:rotate(1deg)}.finder-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.finder-head h2{margin:0;font-family:'Playfair Display',serif;font-size:clamp(34px,3.7vw,58px);line-height:.95}.finder-head .eyebrow{margin-bottom:12px}.live-pill{padding:8px 10px;border:1px solid rgba(255,255,255,.65);border-radius:99px;font:500 9px 'DM Mono',monospace;text-transform:uppercase;white-space:nowrap}.live-pill:before{content:'';display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;margin-right:6px}.finder-intro{color:#dce1ff;line-height:1.55;font-size:13px}.finder-list{list-style:none;padding:0;margin:28px 0;border-top:1px solid rgba(255,255,255,.4)}.finder-list li{display:grid;grid-template-columns:38px 1fr 28px;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.4)}.finder-index{font:400 10px 'DM Mono',monospace;color:var(--acid)}.finder-list strong{display:block;font-size:16px}.finder-list small{display:block;color:#d9defa;margin-top:4px;line-height:1.4}.finder-list a{display:grid;place-items:center;width:28px;height:28px;background:var(--acid);color:var(--ink);text-decoration:none;border-radius:50%}.finder-note{font:400 10px/1.5 'DM Mono',monospace;text-transform:uppercase;color:#dce1ff}
.ticker{overflow:hidden;background:var(--ink);color:var(--acid);transform:rotate(-1deg);margin:-13px -10px 20px;width:calc(100% + 20px)}.ticker div{display:flex;width:max-content;animation:ticker 30s linear infinite}.ticker span{padding:16px 34px;font:500 11px 'DM Mono',monospace;text-transform:uppercase}.ticker span:after{content:'✦';margin-left:68px}@keyframes ticker{to{transform:translateX(-50%)}}
.section-heading{max-width:850px;margin-bottom:48px}.section-heading h2{font-size:clamp(42px,5.5vw,82px)}.section-heading>p:last-child{max-width:670px;color:var(--muted);line-height:1.65}.heading-row{max-width:none;display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.heading-row>div{max-width:850px}.text-link{font:500 11px 'DM Mono',monospace;text-transform:uppercase;text-underline-offset:5px;white-space:nowrap}
.need-list{border-top:1px solid var(--ink)}.need-list>a{display:grid;grid-template-columns:60px minmax(0,1fr) 190px 40px;align-items:center;gap:20px;padding:25px 14px;border-bottom:1px solid var(--ink);text-decoration:none;transition:.2s}.need-list>a:hover{background:var(--acid);padding-left:24px}.need-number,.need-list small{font:400 11px 'DM Mono',monospace;text-transform:uppercase}.need-list strong{font-family:'Playfair Display',serif;font-size:clamp(24px,3vw,42px)}.need-list .arrow{font-size:24px}.brand-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}.brand-strip span{font:500 10px 'DM Mono',monospace;text-transform:uppercase;margin-right:8px}.brand-strip a{padding:9px 12px;border:1px solid var(--line);font:500 10px 'DM Mono',monospace;text-transform:uppercase;text-decoration:none;background:#fff}.brand-strip a:hover{border-color:var(--blue);color:var(--blue)}
.products{max-width:none;background:#dedbd2}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--ink);border:1px solid var(--ink)}.product-card{background:var(--paper);min-width:0}.product-image{display:block;aspect-ratio:4/3;overflow:hidden;background:#fff;border-bottom:1px solid var(--ink)}.product-image img{width:100%;height:100%;object-fit:cover;transition:.35s}.product-card:hover .product-image img{transform:scale(1.035)}.card-body{padding:20px}.tags{display:flex;flex-wrap:wrap;gap:5px}.tags span{padding:5px 7px;border:1px solid var(--line);font:400 8px 'DM Mono',monospace;text-transform:uppercase}.tags span:first-child{background:var(--acid);border-color:var(--ink)}.row-id{color:var(--blue);font:500 10px 'DM Mono',monospace;margin:20px 0 10px}.card-body h3{font-family:'Playfair Display',serif;font-size:24px;line-height:1.05;margin:0}.card-body h3 a{text-decoration:none}.card-body>p:not(.row-id){color:var(--muted);font-size:12px;line-height:1.5}.card-link{display:inline-block;margin-top:8px;font:500 10px 'DM Mono',monospace;text-transform:uppercase;text-underline-offset:4px}
.notes{max-width:none;background:var(--ink);color:#fff}.inverse .eyebrow span{color:var(--acid)}.inverse>p:last-child{color:#aeb3ab}.note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #5d625a;border-left:1px solid #5d625a}.note-grid article{min-height:300px;padding:clamp(26px,4vw,54px);border-right:1px solid #5d625a;border-bottom:1px solid #5d625a;display:flex;flex-direction:column}.note-grid article>span{font:400 10px 'DM Mono',monospace;text-transform:uppercase;color:var(--acid)}.note-grid h3{font-family:'Playfair Display',serif;font-size:clamp(32px,4vw,58px);margin:24px 0 10px}.note-grid p{color:#bfc3bc;line-height:1.65;max-width:520px}.note-grid a{margin-top:auto;font:500 10px 'DM Mono',monospace;text-transform:uppercase;color:var(--acid);text-underline-offset:5px}
.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:step}.process-grid article{min-height:340px;padding:26px;border:1px solid var(--ink);display:flex;flex-direction:column;position:relative;background:#fff}.process-grid article:after{content:'→';position:absolute;right:-22px;top:42%;z-index:2;width:42px;height:42px;border:1px solid var(--ink);background:var(--orange);display:grid;place-items:center;border-radius:50%}.process-grid article:last-child:after{display:none}.process-grid span{font:500 10px 'DM Mono',monospace;text-transform:uppercase;color:var(--blue)}.process-grid strong{font-family:'Playfair Display',serif;font-size:clamp(30px,3vw,45px);line-height:1;margin-top:44px}.process-grid p{color:var(--muted);line-height:1.6}.process-grid a{margin-top:auto;font:500 10px 'DM Mono',monospace;text-transform:uppercase}
.guides{max-width:none;background:var(--acid)}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guide-grid>a{min-height:360px;padding:28px;border:1px solid var(--ink);text-decoration:none;display:flex;flex-direction:column;background:var(--paper);box-shadow:7px 7px 0 var(--ink);transition:.2s}.guide-grid>a:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 var(--blue)}.guide-grid span,.guide-grid em{font:500 10px 'DM Mono',monospace;text-transform:uppercase;font-style:normal}.guide-grid strong{font-family:'Playfair Display',serif;font-size:clamp(28px,3vw,42px);line-height:1;margin:44px 0 16px}.guide-grid p{color:var(--muted);line-height:1.6}.guide-grid em{margin-top:auto;text-decoration:underline;text-underline-offset:5px}
.faq-list{border-top:1px solid var(--ink)}.faq-list details{border-bottom:1px solid var(--ink)}.faq-list summary{list-style:none;cursor:pointer;padding:25px 56px 25px 0;font-family:'Playfair Display',serif;font-size:clamp(23px,2.4vw,34px);position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:10px;top:22px;font-family:'DM Mono',monospace}.faq-list details[open] summary:after{content:'−'}.faq-list details p{max-width:820px;margin:0;padding:0 50px 26px 0;color:var(--muted);line-height:1.7}
.site-footer{padding:60px var(--pad) 30px;background:var(--blue);color:#fff;display:grid;grid-template-columns:1fr auto;gap:34px}.site-footer>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;max-width:520px}.site-footer .brand-mark{background:var(--acid);color:var(--ink)}.site-footer strong{font-family:'Playfair Display',serif;font-size:28px}.site-footer>div p{grid-column:1/-1;color:#dbe0ff}.site-footer nav{display:flex;gap:22px;flex-wrap:wrap;justify-content:flex-end}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.35);padding-top:24px;font:400 9px 'DM Mono',monospace;text-transform:uppercase;color:#dbe0ff}
@media(max-width:1080px){.site-header nav{display:none}.hero{grid-template-columns:1fr}.fit-finder{max-width:680px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid{grid-template-columns:1fr}.guide-grid>a{min-height:280px}.site-header{gap:14px}}
@media(max-width:720px){.site-header{height:68px;padding:0 16px}.brand{padding:8px 10px}.brand img{width:146px}.header-cta{display:none}.menu-toggle{display:block}.site-header nav.open{position:absolute;display:grid;top:67px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--ink);padding:20px;gap:0}.site-header nav.open a{padding:14px 0;border-bottom:1px solid var(--line)}.section-pad{padding:72px 18px}.hero{padding-top:40px;gap:48px;background-size:30px 30px}.hero h1{font-size:49px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr)}.hero-stats span{margin:0;padding:13px 8px;border-right:1px solid var(--line)}.fit-finder{padding:24px 20px;box-shadow:8px 8px 0 var(--acid);transform:none}.finder-head{display:block}.live-pill{display:inline-block;margin-top:15px}.ticker{margin-top:-5px}.heading-row{display:block}.heading-row .text-link{display:inline-block;margin-top:22px}.need-list>a{grid-template-columns:38px minmax(0,1fr) 30px;gap:9px;padding:20px 0}.need-list small{grid-column:2}.product-grid{grid-template-columns:1fr}.note-grid{grid-template-columns:1fr}.note-grid article{min-height:260px}.process-grid{grid-template-columns:1fr}.process-grid article{min-height:270px}.process-grid article:after{content:'↓';right:calc(50% - 21px);top:auto;bottom:-30px}.guide-grid>a{min-height:310px}.site-footer{grid-template-columns:1fr;padding:48px 18px 24px}.site-footer nav{justify-content:flex-start;gap:16px}.copyright{grid-column:1}.section-heading h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.product-image img,.button,.guide-grid>a{transition:none}}