:root { --pink:#e41675; --ink:#252326; --muted:#706a70; --cream:#f8f6f3; --paper:#fff; --line:rgba(37,35,38,.13); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--cream); font-family:"DM Sans",sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.guide-nav { position:absolute; z-index:10; top:0; left:50%; width:min(1180px,calc(100% - 48px)); transform:translateX(-50%); display:flex; align-items:center; justify-content:space-between; padding:28px 0; }
.guide-brand { display:flex; align-items:baseline; gap:7px; font-size:1.25rem; font-weight:700; letter-spacing:.05em; }
.guide-brand em { font-family:"Playfair Display",serif; font-weight:600; }
.guide-brand > span > span { color:var(--pink); }
.guide-back { padding:12px 18px; color:white; border-radius:999px; background:var(--ink); font-size:.78rem; font-weight:700; }
.guide-hero { max-width:900px; margin:auto; padding:150px 24px 75px; text-align:center; }
.guide-eyebrow { margin:0 0 22px; color:var(--pink); font-size:.68rem; font-weight:700; letter-spacing:.18em; }
.guide-hero h1 { margin:0 0 25px; font-size:clamp(3.8rem,7vw,7rem); line-height:.9; letter-spacing:-.065em; }
.guide-hero h1 em { color:var(--pink); font-family:"Playfair Display",serif; font-weight:600; }
.guide-hero > p:not(.guide-eyebrow) { max-width:650px; margin:0 auto; color:var(--muted); font-size:1.04rem; line-height:1.7; }
.guide-trust { display:flex; flex-wrap:wrap; justify-content:center; gap:12px 24px; margin-top:28px; color:var(--muted); font-size:.72rem; font-weight:600; }
.guide-trust span::before { content:"✓"; margin-right:7px; color:var(--pink); }
.guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; max-width:1180px; margin:0 auto; padding:45px 24px 115px; }
.guide-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid var(--line); background:var(--paper); box-shadow:0 18px 48px rgba(37,35,38,.08); }
.guide-cover-link { position:relative; display:block; padding:18px 18px 0; background:#eee8e3; }
.guide-cover-link img { width:100%; height:auto; aspect-ratio:1240/1754; object-fit:contain; box-shadow:0 12px 28px rgba(37,35,38,.18); transition:transform .25s ease; }
.guide-cover-link > span { position:absolute; right:31px; bottom:13px; padding:9px 12px; color:white; border-radius:999px; background:var(--pink); font-size:.58rem; font-weight:700; letter-spacing:.08em; opacity:0; transform:translateY(5px); transition:.2s; }
.guide-cover-link:hover img,.guide-cover-link:focus-visible img { transform:translateY(-4px); }
.guide-cover-link:hover > span,.guide-cover-link:focus-visible > span { opacity:1; transform:translateY(0); }
.guide-card-copy { display:flex; flex:1; flex-direction:column; padding:25px; }
.guide-card-copy > span { color:var(--pink); font-size:.61rem; font-weight:700; letter-spacing:.14em; }
.guide-card h2 { min-height:76px; margin:12px 0; font-size:1.45rem; line-height:1.08; letter-spacing:-.04em; }
.guide-card p { margin:0 0 24px; color:var(--muted); font-size:.8rem; line-height:1.62; }
.guide-download { display:flex; align-items:center; justify-content:space-between; min-height:50px; margin-top:auto; padding:0 17px; color:white; border-radius:999px; background:var(--pink); font-size:.76rem; font-weight:700; }
.guide-disclaimer { padding:58px 24px; text-align:center; background:white; }
.guide-disclaimer p { max-width:700px; margin:9px auto 0; color:var(--muted); font-size:.76rem; line-height:1.6; }
footer { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:30px; padding:34px max(24px,calc((100vw - 1180px)/2)); color:#aaa; background:#171517; font-size:.7rem; }
footer .guide-brand { color:white; }
footer p { margin:0; text-align:center; }
footer > span { text-align:right; }
@media (max-width:900px) { .guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .guide-card:last-child { grid-column:1/-1; width:calc(50% - 15px); justify-self:center; } }
@media (max-width:620px) { .guide-nav { width:calc(100% - 32px); padding:20px 0; } .guide-brand { font-size:1.02rem; } .guide-back { padding:10px 13px; font-size:.68rem; } .guide-hero { padding:125px 18px 45px; } .guide-hero h1 { font-size:clamp(3.25rem,16vw,4.7rem); } .guide-grid { grid-template-columns:1fr; gap:22px; padding:30px 18px 80px; } .guide-card:last-child { grid-column:auto; width:auto; } .guide-card h2 { min-height:0; } .guide-cover-link > span { display:none; } footer { grid-template-columns:1fr; text-align:center; } footer .guide-brand { justify-content:center; } footer > span { text-align:center; } }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto !important; transition:none !important; } }