/* Homepage presentation only. No selectors alter engine internals or navigation state. */
.won-homepage{--home-soft:#eaf1ee;--home-gold:#e7b866;--home-shadow:0 10px 26px #182a3609;min-width:0}
.won-homepage .home-hero{position:relative;isolation:isolate;max-width:65rem;margin-inline:auto;padding-block:1rem 2.25rem;text-align:center}
.won-homepage .home-hero::before{content:"";position:absolute;z-index:-1;inset:0 12%;background:radial-gradient(ellipse at 50% 10%,#086b680a,transparent 65%);pointer-events:none}
.won-homepage .home-hero h1{font-size:clamp(2.15rem,4.3vw,3.8rem);line-height:1.08;letter-spacing:-.045em;max-width:23ch;margin:.25rem auto 1.15rem}
.won-homepage .hero-intro{max-width:53rem;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.7;margin:0 auto 1.5rem;color:#3b515b}
.hero-actions{display:flex;gap:.75rem;align-items:center;justify-content:center;flex-wrap:wrap}
.won-homepage .hero-actions .button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.25rem;box-shadow:0 4px 10px #086b6810;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}
.won-homepage .hero-actions .button-secondary{background:var(--won-surface);color:var(--won-accent);border-color:var(--won-border);box-shadow:none}
.won-homepage .home-wheel{margin:0;scroll-margin-block-start:1rem}
.home-icon{display:inline-block;flex-shrink:0;vertical-align:middle}
.home-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;list-style:none;padding:1.75rem .25rem;margin:0;border-bottom:1px solid var(--won-border)}
.home-values li{display:flex;align-items:flex-start;gap:.65rem;min-width:0}
.home-values .home-icon{color:var(--won-accent);margin-top:.1rem}
.home-values strong{display:block;font-size:.95rem;line-height:1.4}
.home-values p{font-size:.85rem;line-height:1.55;color:#455963;margin:.35rem 0 0}
.won-homepage .home-section{margin-block:clamp(3rem,6vw,5rem)}
.won-homepage .home-section-title{font-size:clamp(1.65rem,2.6vw,2.25rem);letter-spacing:-.025em;line-height:1.2;margin:0 0 1.1rem}
.home-section-heading{max-width:48rem;margin-block-end:1.75rem}
.home-section-heading p{color:#455963;margin:.5rem 0 0}
.home-split{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:center}
.home-split>*,.home-use-card,.home-step,.home-tool-card{min-width:0}
.home-visual{margin:0;padding:clamp(1.25rem,3vw,2.5rem);background:var(--home-soft);border:1px solid #cadbd4;border-radius:1.25rem}
.names-diagram{min-height:18rem;display:grid;align-items:center}
.names-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;margin:0;padding:0;text-align:center}
.names-flow>li{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;min-width:0}
.names-flow strong{font-size:.85rem;min-height:2.5em}
.sample-names{display:grid;gap:.4rem;width:100%;list-style:none;margin:0;padding:0}
.sample-names li{border:1px solid #c4d6ce;background:var(--won-surface);border-radius:.5rem;padding:.25rem .5rem;font-size:.85rem}
.sample-names li,.sample-winner,.duplicate-entries li,.random-diagram li>span:last-child{min-width:0;overflow-wrap:anywhere}
.flow-arrow{position:absolute;inset-inline-start:-1.35rem;top:50%;color:var(--won-accent)}
.flow-arrow .home-icon{width:20px;height:20px}
.diagram-wheel{width:min(100%,6rem);aspect-ratio:1;border-radius:50%;background:conic-gradient(from 15deg,#086b68 0 25%,#e7b866 25% 50%,#93bdb2 50% 75%,#d48065 75%);border:4px solid var(--won-surface);box-shadow:0 0 0 1px #afc7bd;position:relative;flex:none}
.diagram-wheel::after{content:"";position:absolute;inset:37%;border-radius:50%;background:var(--won-surface);border:2px solid #cadbd4}
.sample-winner{display:flex;align-items:center;gap:.5rem;border:1px solid #8db4a5;background:var(--won-surface);border-radius:.65rem;padding:.65rem .5rem;font-weight:750;color:#174a3c;font-size:.9rem;max-width:100%}
.sample-winner .home-icon{width:20px;height:20px}
.home-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;list-style:none;padding:0;margin:0}
.home-step{position:relative;border:1px solid var(--won-border);background:var(--won-surface);border-radius:1rem;padding:1.5rem;box-shadow:var(--home-shadow)}
.home-step+.home-step::before{content:"";position:absolute;top:2.75rem;inset-inline-start:-1.5rem;width:1.5rem;border-top:2px dashed #9ab7af}
.home-icon-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--home-soft);color:var(--won-accent);width:48px;height:48px;border-radius:.85rem;margin-block-end:1rem}
.home-step h3,.home-use-card h3,.home-tool-card h3{font-size:1.15rem;letter-spacing:-.01em;margin:0 0 .75rem;line-height:1.35}
.home-step p,.home-use-card p,.home-tool-card p{margin:0;color:#3e555e}
.home-use-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}
.home-use-card{grid-column:span 2;border:1px solid var(--won-border);background:var(--won-surface);border-radius:1rem;padding:1.5rem}
.home-use-card:nth-last-child(-n+2){grid-column:span 3}
.home-link-list{display:flex;list-style:none;padding:0;margin:.75rem 0 0;gap:.5rem 1rem;flex-wrap:wrap}
.home-link-list a,.home-text-link{min-height:44px;display:inline-flex;align-items:center;gap:.5rem;padding-block:.5rem;font-weight:700}
.home-tool-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
.home-tool-card{position:relative;border:1px solid var(--won-border);border-radius:1rem;padding:1.15rem;background:var(--won-surface);box-shadow:0 3px 12px #182a3604;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.home-tool-card h3 a{display:inline-flex;align-items:center;min-height:44px;color:var(--won-ink);text-decoration-color:var(--won-border);overflow-wrap:anywhere}
.home-tool-card p{font-size:.9rem;line-height:1.65}
.tool-motif{display:inline-flex;color:var(--won-accent);padding:.5rem;background:var(--home-soft);border-radius:50%;margin-bottom:.6rem}
.home-tool-card:nth-child(3n+2) .tool-motif{background:#f5ebd7;color:#765018}
.home-tool-card:nth-child(3n) .tool-motif{background:#f6e8e1;color:#96462c}
.home-section-action{margin:1.5rem 0 0;text-align:center}
.home-randomness{padding:clamp(1.25rem,3vw,2.5rem);border:1px solid #cadbd4;background:linear-gradient(145deg,#eff5f1,#f8faf8);border-radius:1.25rem}
.random-diagram{background:var(--won-surface);min-height:24rem}
.random-diagram ol{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.random-diagram li{position:relative;display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border:1px solid #ceddd6;border-radius:.7rem;background:#f4f8f5;line-height:1.35;min-width:0}
.random-diagram li:not(:last-child)::after{content:"";position:absolute;top:100%;inset-inline-start:2rem;height:1rem;border-inline-start:2px solid #a0bcae}
.stage-number{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.65rem;height:1.65rem;background:var(--won-accent);color:#fff;border-radius:50%;font-size:.85rem;font-weight:750}
.random-diagram li:nth-child(3){border-color:#c0a975;background:#fcf6e8}
.duplicate-explanation{margin-block-start:2rem;padding-block-start:1.75rem;border-top:1px solid #c5d7ce;max-width:100%}
.duplicate-explanation h3{font-size:1.2rem;margin:0 0 1rem}
.duplicate-explanation>p{max-width:52rem}
.duplicate-visual{max-width:32rem;margin-block:1rem}
.duplicate-entries{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;padding:0;margin:0}
.duplicate-entries li{border:1px solid #c5d7ce;border-radius:.6rem;padding:.65rem .25rem;background:var(--won-surface);text-align:center}
.duplicate-entries .duplicate-match{border:2px solid #086b68;background:#e1eee8;font-weight:750;color:#164b3d}
.duplicate-caption{margin:.6rem 0 0;font-size:.9rem;font-weight:700;color:#164b3d}
.guide-promo{display:flex;gap:1.5rem;align-items:flex-start;padding:clamp(1.25rem,3vw,2.5rem);border:1px solid var(--won-border);border-radius:1.25rem;background:var(--won-surface);box-shadow:var(--home-shadow)}
.guide-promo .home-icon-badge{flex:none;background:#f5ebd7;color:#765018}
.guide-promo p{max-width:52rem}
.won-homepage .home-faq{max-width:58rem;margin-inline:auto}
.home-faq .faq-item{padding:.35rem 1.25rem;border-radius:.75rem;margin:.7rem 0;box-shadow:0 2px 6px #182a3603}
.home-faq summary{position:relative;list-style:none;padding:1rem 2rem 1rem 0;min-height:52px;line-height:1.5}
.home-faq summary::-webkit-details-marker{display:none}
.home-faq summary::after{content:"+";position:absolute;inset-inline-end:0;top:1rem;color:var(--won-accent);font-size:1.3rem;line-height:1.2}
.home-faq details[open] summary::after{content:"−"}
.home-faq .faq-item p{margin:.25rem 0 1rem;line-height:1.75}
.home-reveal-run{animation:home-reveal .42s ease-out both}
.home-reveal-run[data-reveal-step="1"]{animation-delay:40ms}
.home-reveal-run[data-reveal-step="2"]{animation-delay:80ms}
.home-reveal-run[data-reveal-step="3"]{animation-delay:120ms}
.home-reveal-run[data-reveal-step="4"]{animation-delay:160ms}
@keyframes home-reveal{from{opacity:.9;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .won-homepage .hero-actions .button:hover{transform:translateY(-2px);box-shadow:0 7px 15px #086b681a}
 .home-tool-card:hover{transform:translateY(-3px);border-color:#8aaea0;box-shadow:0 8px 20px #182a3610}
}
@media(max-width:68rem){.home-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-values{gap:1rem}}
@media(max-width:48rem){
 .home-split{grid-template-columns:1fr}.home-values{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-steps{grid-template-columns:1fr;gap:1rem}.home-step+.home-step::before{top:-1rem;inset-inline-start:2.95rem;width:0;height:1rem;border-top:0;border-inline-start:2px dashed #9ab7af}
 .home-use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-use-card,.home-use-card:nth-last-child(-n+2){grid-column:auto}
 .home-use-card:last-child{grid-column:1/-1}
 .home-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-visual{max-width:100%}.random-diagram{min-height:0}
}
@media(max-width:30rem){
 .won-homepage .home-hero{padding-block:.5rem 1.5rem}.won-homepage .home-hero h1{font-size:2.2rem;letter-spacing:-.035em}
 .hero-actions{align-items:stretch}.hero-actions .button{flex:1 1 100%}
 .home-values{padding-block:1.25rem;gap:1.15rem .75rem}.home-values li{flex-direction:column;gap:.45rem}
 .home-use-grid,.home-tool-grid{grid-template-columns:1fr}
 .home-use-card,.home-step{padding:1.25rem}.home-tool-card{padding:1rem 1.25rem}
 .names-flow{gap:.65rem}.names-flow strong{font-size:.8rem}.sample-winner{flex-direction:column;gap:.25rem;padding:.45rem}.flow-arrow{inset-inline-start:-.85rem}.flow-arrow .home-icon{width:14px;height:14px}
 .home-visual{padding:1.1rem}.names-diagram{min-height:16rem}
 .guide-promo{flex-direction:column;gap:.25rem}.home-faq .faq-item{padding:.25rem 1rem}
}
@media(prefers-reduced-motion:reduce){
 .home-reveal-run{animation:none!important;opacity:1;transform:none}
 .home-tool-card,.won-homepage .hero-actions .button{transition:none;transform:none}
}

/* Homepage editorial additions; every selector stays under the homepage root. */
.won-homepage .home-editorial{min-width:0}
.won-homepage .home-editorial>.home-section-title{max-width:38ch}
.won-homepage .home-editorial>p{max-width:50rem;color:#3e555e}
.won-homepage .home-editorial>.home-visual{margin-top:1.5rem;background:var(--won-surface);box-shadow:var(--home-shadow);min-width:0}
.won-homepage .home-visual h3{font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.35;margin:0 0 1.25rem}
.won-homepage .home-visual h4{font-size:1rem;line-height:1.4;margin:0 0 .75rem}
.won-homepage .home-visual figcaption{margin-top:1.4rem;padding-top:1rem;border-top:1px solid #cadbd4;color:#3e555e;font-size:.95rem;max-width:70ch}
.won-homepage .home-process-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;margin:0;padding:0;counter-reset:home-process}
.won-homepage .home-process-flow li{position:relative;counter-increment:home-process;padding:1.15rem;min-width:0;border:1px solid #cadbd4;border-radius:.8rem;background:#f4f8f5}
.won-homepage .home-process-flow li:before{content:counter(home-process,decimal-leading-zero);position:absolute;right:1rem;top:1rem;font-size:.8rem;font-weight:700;color:#455963}
.won-homepage .home-process-flow .home-icon{color:var(--won-accent);display:block;width:24px;height:24px}
.won-homepage .home-process-flow strong,.won-homepage .home-process-flow li>span{display:block;margin-top:.75rem}
.won-homepage .home-process-flow li>span{color:#3e555e;font-size:.95rem}
.won-homepage .home-odds-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.won-homepage .home-odds-panel{min-width:0;padding:1.25rem;background:#f4f8f5;border:1px solid #cadbd4;border-radius:.85rem}
.won-homepage .home-entry-chips{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0 0 1.25rem;padding:0}
.won-homepage .home-entry-chips li{padding:.4rem .8rem;border:1px solid #9ab7af;border-radius:.5rem;background:var(--won-surface);font-weight:650}
.won-homepage .home-odds-bars{list-style:none;margin:0;padding:0}
.won-homepage .home-odds-bars li+li{margin-top:.85rem}
.won-homepage .home-odds-bars strong{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.4rem;font-size:.95rem}
.won-homepage .home-odds-track{display:block;height:.6rem;background:#dde7e1;border-radius:1rem;overflow:hidden;margin-top:.45rem}
.won-homepage .home-odds-fill{display:block;height:100%;background:var(--won-accent);border-radius:1rem}
.won-homepage .home-odds-25{width:25%}
.won-homepage .home-odds-50{width:50%}
.won-homepage .home-odds-panel:nth-child(2) .home-odds-50{background:#765018}
.won-homepage .home-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;margin:0;padding:0}
.won-homepage .home-route-grid li{display:grid;grid-template-columns:1fr 24px;align-content:start;gap:.4rem;min-width:0;padding:1.1rem;border:1px solid #cadbd4;border-radius:.8rem;background:#f4f8f5}
.won-homepage .home-route-grid li>a,.won-homepage .home-route-grid li>p{grid-column:1/-1}
.won-homepage .home-route-grid li>a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.won-homepage .home-route-grid p{margin:0;font-size:.95rem;color:#3e555e}
.won-homepage .home-route-grid .home-icon{color:var(--won-accent)}
.won-homepage .home-figure-note{margin:0 0 1.25rem;font-size:.9rem;color:#455963}
.won-homepage .home-again-flow{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;padding:0;counter-reset:home-again}
.won-homepage .home-again-flow>li{min-width:0;counter-increment:home-again;border-top:2px solid #9ab7af;padding-top:1rem}
.won-homepage .home-again-flow>li:before{content:counter(home-again,decimal-leading-zero);display:block;color:var(--won-accent);font-size:.8rem;font-weight:700;margin-bottom:.5rem}
.won-homepage .home-again-flow p{margin:.5rem 0 0;font-size:.95rem;color:#3e555e}
.won-homepage .home-again-flow .home-again-branches{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.75rem;align-items:center}
.won-homepage .home-again-branches:before{grid-column:1/-1}
.won-homepage .home-again-branches section{min-width:0;padding:1.1rem;border:1px solid #cadbd4;background:#f4f8f5;border-radius:.8rem}
.won-homepage .home-again-branches section:last-child{background:#fcf6e8;border-color:#d9c7a7}
.won-homepage .home-or{font-size:.8rem;font-weight:750;color:#455963;text-align:center}
.won-homepage .home-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
.won-homepage .home-example-card{padding:1.25rem;border:1px solid var(--won-border);border-radius:.85rem;background:var(--won-surface);min-width:0}
.won-homepage .home-example-card h3{font-size:1.1rem;margin:0 0 .75rem}
.won-homepage .home-example-card p{margin:0;color:#3e555e}
.won-homepage .home-editorial a:focus-visible,.won-homepage .home-faq summary:focus-visible,.won-homepage .home-discovery a:focus-visible{outline:3px solid var(--won-accent);outline-offset:4px;border-radius:.2rem}
@media(max-width:64rem){.won-homepage .home-process-flow,.won-homepage .home-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:48rem){.won-homepage .home-odds-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:35rem){.won-homepage .home-process-flow,.won-homepage .home-route-grid,.won-homepage .home-example-grid,.won-homepage .home-again-flow{grid-template-columns:minmax(0,1fr)}.won-homepage .home-again-flow .home-again-branches{grid-template-columns:minmax(0,1fr)}.won-homepage .home-editorial h2,.won-homepage .home-editorial h3,.won-homepage .home-editorial p,.won-homepage .home-visual strong,.won-homepage .home-visual a{overflow-wrap:anywhere}}
