/* Home page only. Calculator card is unchanged from style.css. */
body.home{--desk:#e6ebf5;--paper:#fff;background:var(--desk)}
@media(prefers-color-scheme:dark){body.home{--desk:#0f1322;--paper:#1b2138}}
.home .wrap{max-width:1080px;padding:0 24px}
.home main{padding:0}
.home h1,.home h2,.home h3{font-family:Georgia,"Palatino Linotype",serif;letter-spacing:-.02em;line-height:1.15}
.home p,.home li{max-width:68ch}

/* header */
.home header.site{background:var(--paper);border-bottom:1px solid var(--line)}
.home header.site .wrap{padding-top:14px;padding-bottom:14px}
.home .brand{display:flex;align-items:center;gap:10px;font-size:1.25rem}
.home .mark{width:30px;height:30px;color:var(--ink)}
@media(prefers-color-scheme:dark){.home .mark{color:#2c3556}}

/* hero */
.home .hero{padding:56px 0 64px;background:linear-gradient(var(--desk),var(--desk))}
.home .hero .wrap{display:grid;grid-template-columns:1fr minmax(0,460px);gap:64px;align-items:center}
.home h1{font-size:clamp(2.3rem,5vw,3.4rem);margin:0 0 18px}
.home .tag{font:1.2rem/1.55 Georgia,serif;color:var(--muted);margin:0 0 28px;max-width:34ch}
.ticks{list-style:none;margin:0;padding:0;font:1rem system-ui,sans-serif}
.ticks li{position:relative;padding:0 0 12px 34px}
.ticks li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 13l6 6L21 5' fill='none' stroke='%23d63a2f' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}

/* calculator card keeps the original look from style.css */
.home .score{margin:22px 0 6px}
.home .paper{box-shadow:0 12px 30px rgba(0,0,0,.06)}

/* sections */
.home .band{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:56px 0}
.home .article{padding-top:56px;padding-bottom:56px}
.home h2{font-size:clamp(1.6rem,3vw,2.1rem);margin:0 0 14px}
.home h3{font-size:1.2rem;margin:0 0 10px}
.home .article h2:not(:first-child){margin-top:48px}
.home .article p,.home .band p,.home .article li{color:var(--muted)}
.home .article strong,.home .band strong{color:var(--ink)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin:32px 0 0}
.band .split{margin:0}
.why{margin:32px 0 0}
.home .article ul{padding-left:20px}.home .article li{margin:8px 0}
.worked{font:1.05rem system-ui,sans-serif;background:var(--soft);border-left:4px solid var(--pen);padding:14px 18px;margin:18px 0;color:var(--ink)!important}
.worked span{display:block;font-size:.88rem;color:var(--muted);margin-bottom:2px}
.worked b{color:var(--good);font-size:1.25rem}
.scale{max-width:360px;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.scale th{position:static;text-align:left}
.scale td:last-child,.scale th:last-child{text-align:right;font-weight:700}
.scale td{text-align:left}

/* faq */
.home .faq .wrap{max-width:820px}
.home details{border-radius:6px;background:var(--bg);padding:14px 18px}
.home details[open]{border-color:var(--pen)}
.home summary{display:flex;justify-content:space-between;gap:16px;list-style:none}
.home summary::-webkit-details-marker{display:none}
.home summary::after{content:"+";font-size:1.3rem;line-height:1;color:var(--pen)}
.home details[open] summary::after{content:"\2212"}

/* footer */
.home footer.site{background:var(--paper);padding:28px 0}

@media(max-width:900px){
 .home .hero .wrap{grid-template-columns:1fr;gap:36px}
 .home .hero{padding:36px 0 44px}
 .split{grid-template-columns:1fr;gap:32px}
}
@media(max-width:480px){
 .home .wrap{padding:0 16px}
}