:root{--ink:#0a1633;--paper:#f4f8ff;--blue:#7ab8ff;--red:#ef7d86;--royal:#4169c1;--ice:#a9d8ff;--line:#1e3b6f;--muted:#5c6880;--white:#fff;--shadow:8px 8px 0 var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}a{color:inherit}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:2px solid var(--ink);background:rgba(244,248,255,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;letter-spacing:-.03em;font-size:1.15rem}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--blue);border:2px solid var(--ink);border-radius:6px;transform:rotate(-3deg);font-size:.95rem;box-shadow:3px 3px 0 var(--red)}.header-link{font-weight:800;text-underline-offset:4px;text-decoration-color:var(--red);text-decoration-thickness:3px}.finder{background:var(--ink);color:var(--white);padding:clamp(52px,8vw,100px) clamp(20px,7vw,110px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:clamp(32px,7vw,100px);align-items:center;position:relative;overflow:hidden}.finder:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(116deg,transparent 0 34px,rgba(122,184,255,.12) 35px 37px,transparent 38px 60px);clip-path:polygon(0 0,62% 0,40% 100%,0 100%);pointer-events:none}.finder:after{content:"";position:absolute;width:290px;height:290px;border:34px solid var(--red);border-radius:50%;right:-155px;top:-155px;opacity:.9;box-shadow:0 0 0 14px rgba(122,184,255,.16),0 0 0 32px rgba(239,125,134,.08)}.finder-copy{position:relative;z-index:1}.eyebrow{margin:0 0 12px;color:#9dccff;font-size:.78rem;letter-spacing:.16em;font-weight:900}.eyebrow.dark{color:var(--royal)}h1,h2,h3,p{margin-top:0}h1,h2{line-height:1.03;letter-spacing:-.05em}h1{font-size:clamp(3rem,6vw,6.4rem);max-width:9ch;margin-bottom:24px}h1 em{color:var(--blue);font-style:normal;position:relative;text-shadow:3px 3px 0 rgba(239,125,134,.75)}.intro{font-size:clamp(1.05rem,1.5vw,1.3rem);max-width:48ch;color:#dbe9ff}.quiz-card{background:var(--paper);color:var(--ink);border:2px solid var(--white);padding:clamp(20px,3vw,36px);box-shadow:12px 12px 0 var(--red);position:relative;z-index:1}.quiz-card:before{content:"";position:absolute;top:10px;right:10px;width:55px;height:5px;background:var(--blue);box-shadow:-15px 9px 0 var(--red)}.quiz-card fieldset{border:0;padding:0;margin:0 0 26px}.quiz-card legend{font-size:1.05rem;font-weight:900;margin-bottom:13px}.choice-grid{display:grid;gap:10px}.budget-grid{grid-template-columns:repeat(2,1fr)}.taste-grid{grid-template-columns:repeat(2,1fr)}.choice-grid label{cursor:pointer}.choice-grid input{position:absolute;opacity:0;pointer-events:none}.choice-grid span{display:block;border:2px solid #b8c9e7;padding:12px 14px;background:white;min-height:100%;border-radius:2px;transition:.15s ease}.choice-grid b,.choice-grid small{display:block}.choice-grid small{color:var(--muted);font-size:.78rem}.choice-grid input:checked+span{background:var(--blue);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);transform:translate(-2px,-2px)}.choice-grid input:focus-visible+span{outline:3px solid var(--red);outline-offset:3px}.battle-button{width:100%;border:2px solid var(--ink);background:var(--red);color:var(--ink);padding:16px 18px;font:inherit;font-weight:950;font-size:1.05rem;display:flex;justify-content:space-between;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:.15s ease}.battle-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.result-panel{margin:0;padding:32px clamp(20px,7vw,110px);background:linear-gradient(110deg,#9dccff 0 72%,#ef9aa1 72%);border-bottom:2px solid var(--ink);display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center}.result-panel[hidden]{display:none}.result-label{font-size:.75rem;letter-spacing:.15em;font-weight:900;margin-bottom:5px}.result-panel h2{font-size:clamp(2.4rem,4vw,4rem);margin-bottom:6px}.result-panel p{margin-bottom:0}.result-price span{display:block;font-size:2.6rem;font-weight:950;letter-spacing:-.06em}.result-price small{display:block;text-align:center}.result-actions{display:grid;gap:8px}.primary-link,.result-actions button{padding:12px 16px;border:2px solid var(--ink);font-weight:900;text-decoration:none;text-align:center;background:var(--ink);color:#fff;font:inherit}.result-actions button{background:transparent;color:var(--ink);cursor:pointer}.orientation{padding:clamp(60px,9vw,120px) clamp(20px,7vw,110px);display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,7vw,100px);align-items:start;position:relative}.orientation:after{content:"";position:absolute;left:4%;bottom:28px;width:18%;height:2px;background:var(--red);box-shadow:32px 8px 0 var(--blue),64px 16px 0 var(--royal)}.orientation h2,.comparison h2,.glossary h2{font-size:clamp(2.4rem,5vw,5rem);max-width:11ch}.path{display:grid}.path article{display:grid;grid-template-columns:52px 1fr;column-gap:18px;padding:24px 0;border-top:2px solid var(--ink)}.path article:last-child{border-bottom:2px solid var(--ink)}.path span{grid-row:1/3;background:var(--royal);color:#fff;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-weight:900;box-shadow:3px 3px 0 var(--red)}.path h3{margin:0;font-size:1.35rem}.path p{margin:5px 0 0;color:var(--muted)}.comparison{padding:clamp(60px,9vw,110px) clamp(20px,7vw,110px);background:#dfeeff;border-block:2px solid var(--ink);position:relative;overflow:hidden}.comparison:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(168deg,transparent 0 58px,rgba(65,105,193,.08) 59px 61px,transparent 62px 90px);pointer-events:none}.comparison>*{position:relative}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:33ch;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:var(--white);border:2px solid var(--ink);padding:24px;display:flex;flex-direction:column;min-height:390px;box-shadow:5px 5px 0 var(--ink)}.service-card.featured{background:#b9dcff}.card-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.badge{background:var(--red);border:1.5px solid var(--ink);padding:4px 8px;font-size:.7rem;font-weight:900;text-transform:uppercase}.badge.free{background:var(--ice)}.badge.classic{background:#b8cfff}.cost{font-weight:950;font-size:1.35rem;white-space:nowrap}.cost small{font-size:.72rem}.service-card h3{font-size:2rem;margin:26px 0 8px;letter-spacing:-.04em}.service-card p{color:var(--muted)}.service-card ul{padding-left:20px;margin:0 0 22px}.service-card a{margin-top:auto;font-weight:900;text-underline-offset:4px;text-decoration-color:var(--red);text-decoration-thickness:3px}.fine-print{margin:28px 0 0;max-width:100ch;font-size:.86rem;color:#4e5d78}.glossary{padding:clamp(60px,9vw,110px) clamp(20px,7vw,110px);background:linear-gradient(135deg,#f7faff 0 82%,#f8d8dc 82%)}.glossary h2{max-width:10ch}.glossary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.glossary-grid article{border-top:6px solid var(--red);background:white;padding:24px;box-shadow:4px 4px 0 #b8c9e7}.glossary-grid article:nth-child(2){border-color:var(--royal)}.glossary-grid article:nth-child(3){border-color:var(--blue)}.glossary-grid h3{font-size:1.7rem;margin-bottom:8px}.glossary-grid p{margin:0;color:var(--muted)}footer{background:var(--ink);color:#fff;padding:36px clamp(20px,7vw,110px);display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:7px solid var(--red)}footer p{margin:0;color:#b9cbea}
@media(max-width:980px){.finder,.orientation{grid-template-columns:1fr}.finder h1{max-width:11ch}.service-grid{grid-template-columns:repeat(2,1fr)}.result-panel{grid-template-columns:1fr auto}.result-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.section-heading{align-items:start;flex-direction:column}.section-heading>p{margin:0}}
@media(max-width:640px){.site-header{height:68px}.header-link{font-size:.85rem}.finder{padding-top:48px}.finder h1{font-size:3.25rem}.budget-grid,.taste-grid,.service-grid,.glossary-grid{grid-template-columns:1fr}.quiz-card{box-shadow:7px 7px 0 var(--red)}.result-panel{grid-template-columns:1fr;background:linear-gradient(160deg,#9dccff 0 78%,#ef9aa1 78%)}.result-price small{text-align:left}.result-actions{grid-template-columns:1fr}.orientation h2,.comparison h2,.glossary h2{font-size:2.7rem}.service-card{min-height:0}footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.choice-grid span,.battle-button{transition:none}}
.header-nav{display:flex;align-items:center;gap:22px}.header-link.active{color:var(--royal)}.guide-hero{background:var(--ink);color:#fff;padding:clamp(52px,8vw,100px) clamp(20px,7vw,110px);display:grid;grid-template-columns:1fr minmax(330px,.7fr);gap:clamp(36px,7vw,100px);align-items:center;position:relative;overflow:hidden}.guide-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(116deg,transparent 0 36px,rgba(122,184,255,.13) 37px 39px,transparent 40px 64px);clip-path:polygon(0 0,72% 0,45% 100%,0 100%)}.guide-hero>*,.free-comparison>*{position:relative}.guide-hero h1{max-width:11ch}.guide-hero h1 em{color:var(--blue);font-style:normal;text-shadow:3px 3px 0 rgba(239,125,134,.75)}.quick-pick{background:var(--paper);color:var(--ink);border:2px solid #fff;padding:clamp(24px,4vw,42px);box-shadow:12px 12px 0 var(--red)}.quick-pick h2{font-size:clamp(2.4rem,4vw,4rem);margin-bottom:15px}.quick-pick .primary-link{display:inline-block;margin-top:12px}.free-comparison{padding:clamp(60px,9vw,110px) clamp(20px,7vw,110px);background:#dfeeff;position:relative;overflow:hidden}.free-comparison:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(168deg,transparent 0 58px,rgba(65,105,193,.08) 59px 61px,transparent 62px 90px)}.free-list{display:grid;gap:16px}.free-row{background:#fff;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:24px;display:grid;grid-template-columns:58px 1.25fr 1fr 150px;gap:24px;align-items:center}.free-row.top-choice{background:#b9dcff}.free-row .rank{font-size:2rem;font-weight:950;color:var(--royal);align-self:start}.free-row h3{font-size:1.7rem;margin:8px 0 5px}.free-row p{color:var(--muted);margin:0}.free-row ul{margin:0;padding-left:20px}.free-row>a{font-weight:900;text-underline-offset:4px;text-decoration-color:var(--red);text-decoration-thickness:3px}
.prime-callout{padding:clamp(60px,9vw,110px) clamp(20px,7vw,110px);background:var(--ink);color:#fff;border-block:7px solid var(--red)}.prime-callout>div:first-child{display:grid;grid-template-columns:.8fr 1fr 1.1fr;gap:40px;align-items:end}.prime-callout h2{font-size:clamp(2.4rem,5vw,5rem);max-width:12ch}.prime-callout>div:first-child>p:last-child{color:#c9d9f4;font-size:1.08rem}.prime-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:38px 0 24px}.prime-grid article{border:2px solid #7699d4;padding:24px;background:#10234b}.prime-grid article:nth-child(2){border-color:var(--red)}.prime-grid h3{font-size:1.45rem;margin:10px 0}.prime-grid p{color:#cfdbef;margin:0}.mini-label{font-size:.72rem;letter-spacing:.12em;font-weight:900;color:var(--blue)}.text-link{font-weight:900;text-underline-offset:4px;text-decoration-color:var(--red);text-decoration-thickness:3px}.safety-check{padding:clamp(60px,9vw,110px) clamp(20px,7vw,110px);display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(34px,7vw,90px)}.safety-check h2{font-size:clamp(2.4rem,5vw,5rem);max-width:9ch}.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.safety-grid article{padding:26px;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff}.safety-grid .safe{border-top:8px solid var(--blue)}.safety-grid .danger{border-top:8px solid var(--red)}.safety-grid h3{font-size:1.55rem}.safety-grid ul{padding-left:20px}.next-step{padding:clamp(54px,8vw,90px) clamp(20px,7vw,110px);background:#b9dcff;text-align:center}.next-step h2{font-size:clamp(2.2rem,4vw,4.4rem);max-width:16ch;margin:0 auto 30px}.inline-button{display:flex;max-width:470px;margin:auto;text-decoration:none}.path a,footer a{font-weight:800;text-underline-offset:4px;text-decoration-color:var(--red)}
@media(max-width:980px){.guide-hero,.prime-callout>div:first-child,.safety-check{grid-template-columns:1fr}.free-row{grid-template-columns:48px 1fr}.free-row ul,.free-row>a{grid-column:2}.prime-grid{grid-template-columns:1fr}}
@media(max-width:640px){.header-nav{gap:12px}.free-row{grid-template-columns:1fr}.free-row .rank,.free-row ul,.free-row>a{grid-column:1}.safety-grid{grid-template-columns:1fr}.guide-hero h1{font-size:3.25rem}}
.genre-hero{background:var(--ink);color:#fff;padding:clamp(52px,8vw,100px) clamp(20px,7vw,110px);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(36px,7vw,100px);align-items:center;position:relative;overflow:hidden}.genre-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(116deg,transparent 0 34px,rgba(122,184,255,.12) 35px 37px,transparent 38px 60px);clip-path:polygon(0 0,68% 0,44% 100%,0 100%)}.genre-hero>*{position:relative}.genre-hero h1{max-width:10ch}.genre-hero-note{background:#b9dcff;color:var(--ink);border:2px solid #fff;padding:clamp(24px,4vw,42px);box-shadow:12px 12px 0 var(--red);transform:rotate(1deg)}.genre-hero-note h2{font-size:clamp(2rem,3vw,3.2rem);margin-bottom:14px}.genre-hero-note p:last-child{margin-bottom:0}.genre-jump{padding:24px clamp(20px,7vw,110px);background:#b9dcff;border-bottom:2px solid var(--ink);display:flex;align-items:center;gap:14px;flex-wrap:wrap}.genre-jump strong{margin-right:8px}.genre-jump a{background:#fff;border:2px solid var(--ink);padding:8px 12px;font-weight:850;text-decoration:none;box-shadow:3px 3px 0 var(--red)}.genre-section{padding:clamp(60px,8vw,100px) clamp(20px,7vw,110px)}.genre-section.tint{background:#dfeeff;border-block:2px solid var(--ink)}.genre-section.dark{background:var(--ink);color:#fff;border-block:7px solid var(--red)}.genre-section-heading{display:grid;grid-template-columns:1fr minmax(280px,.7fr);gap:30px;align-items:end;margin-bottom:38px}.genre-section-heading h2{font-size:clamp(2.4rem,5vw,5rem);max-width:12ch;margin-bottom:0}.genre-section-heading>p{color:var(--muted);max-width:48ch}.genre-section.dark .genre-section-heading>p{color:#c9d9f4}.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.genre-card{background:#fff;color:var(--ink);border:2px solid var(--ink);padding:24px;box-shadow:5px 5px 0 var(--ink);display:flex;flex-direction:column}.genre-card:nth-child(3n+2){border-top:8px solid var(--red)}.genre-card:nth-child(3n+1){border-top:8px solid var(--blue)}.genre-card:nth-child(3n){border-top:8px solid var(--royal)}.genre-card h3{font-size:1.7rem;letter-spacing:-.03em;margin:7px 0}.genre-card p{color:var(--muted);margin-bottom:14px}.genre-card .try-if{margin-top:auto;padding-top:14px;border-top:1px solid #b8c9e7;font-size:.9rem;color:var(--ink)}.genre-card .try-if strong{color:var(--royal)}.label-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.label-card{background:#10234b;border:2px solid #7699d4;padding:22px}.label-card:nth-child(even){border-color:var(--red)}.label-card h3{font-size:1.45rem;margin-bottom:5px}.label-card .literal{display:block;color:var(--blue);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.label-card p{color:#cfdbef;margin-bottom:0}.theme-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.theme-strip article{background:#fff;border:2px solid var(--ink);padding:24px;box-shadow:5px 5px 0 var(--red)}.theme-strip h3{font-size:1.45rem;margin-bottom:7px}.theme-strip p{margin:0;color:var(--muted)}.rating-warning{padding:clamp(50px,7vw,80px) clamp(20px,7vw,110px);background:linear-gradient(110deg,#9dccff 0 72%,#ef9aa1 72%);display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(30px,6vw,80px);align-items:center;border-bottom:2px solid var(--ink)}.rating-warning h2{font-size:clamp(2.2rem,4vw,4.2rem);margin:0}.rating-warning p{font-size:1.08rem;margin:0;max-width:60ch}.genre-next{padding:clamp(54px,8vw,90px) clamp(20px,7vw,110px);text-align:center}.genre-next h2{font-size:clamp(2.2rem,4vw,4.4rem);max-width:17ch;margin:0 auto 30px}.genre-next .inline-button{justify-content:space-between}
.mature-section{background:linear-gradient(145deg,#101d3d 0 70%,#532c45 100%);color:#fff;border-bottom:2px solid var(--ink)}.mature-section .genre-section-heading>p{color:#d4def0}.mature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mature-grid article{background:#fff;color:var(--ink);border:2px solid var(--ink);padding:24px;box-shadow:5px 5px 0 var(--red)}.mature-grid h3{font-size:1.45rem;margin:14px 0 8px}.mature-grid p{color:var(--muted);margin:0}.content-tag{display:inline-block;background:var(--red);border:1.5px solid var(--ink);padding:4px 8px;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.mature-grid article:nth-child(2n) .content-tag{background:var(--blue)}.mature-note{margin-top:24px;padding:20px 24px;background:#b9dcff;color:var(--ink);border:2px solid #fff;box-shadow:5px 5px 0 var(--red);font-size:1.02rem}
@media(max-width:1100px){.label-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.genre-hero,.genre-section-heading,.rating-warning{grid-template-columns:1fr}.genre-grid,.mature-grid{grid-template-columns:repeat(2,1fr)}.theme-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.site-header{height:auto;min-height:68px;padding-block:12px;gap:12px}.header-nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.header-link{font-size:.78rem}.genre-hero h1{font-size:3.25rem}.genre-grid,.label-grid,.theme-strip,.mature-grid{grid-template-columns:1fr}.genre-hero-note{box-shadow:7px 7px 0 var(--red)}.genre-jump{align-items:stretch}.genre-jump strong{width:100%}.genre-jump a{text-align:center;flex:1 1 42%}}