:root{
  --bg:        #0A0E22;
  --surface:   #151A34;
  --surface-2: #1C2242;
  --ink:       #EFEDFB;
  --ink-soft:  #9C98C2;
  --accent:    #8678FF;
  --accent-ink:#C6BFFF;
  --accent-soft:#242A52;
  --good:      #57CE98;
  --good-soft: #163428;
  --line:      #2A3058;
  --shadow:    0 24px 55px -20px rgba(0,0,0,.6);
  color-scheme: dark;
  --font-body:'Plus Jakarta Sans', -apple-system, 'Segoe UI', sans-serif;
}
body.sc-page *{box-sizing:border-box}
body.sc-page{background:var(--bg); color:var(--ink); font-family:var(--font-body); font-size:16px; line-height:1.55; -webkit-font-smoothing:antialiased}
body.sc-page h1,body.sc-page h2,body.sc-page h3{text-wrap:balance; margin:0; font-family:var(--font-body)}
body.sc-page p{margin:0}
body.sc-page a{color:var(--accent)}
body.sc-page button{font-family:inherit}
body.sc-page .sc-wrap{max-width:720px; margin:0 auto; padding-inline:20px}
body.sc-page .eyebrow{font-size:.78rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--accent-ink)}
body.sc-page header.band{
  background:linear-gradient(180deg,#03040A 0%,#0D1230 70%,#141B3E 100%);
  padding-block:22px 54px; text-align:center; position:relative; overflow:hidden;
}
body.sc-page .brandbar{display:flex; align-items:center; justify-content:center; gap:8px; font-size:.86rem; font-weight:700; color:var(--ink-soft); text-decoration:none; margin-bottom:30px}
body.sc-page .brandbar svg{flex:none}
body.sc-page header.band h1{font-size:clamp(1.5rem,4vw,2.1rem); font-weight:700; margin-bottom:8px; position:relative; z-index:1}
body.sc-page header.band p{color:var(--ink-soft); font-size:.92rem; max-width:420px; margin:0 auto; position:relative; z-index:1}
body.sc-page .mini-star{position:absolute; width:2px; height:2px; border-radius:50%; background:#fff; opacity:.5}
body.sc-page .tool-section{margin-top:-34px; position:relative; z-index:2; padding-bottom:50px}
body.sc-page .tool-card{background:var(--surface); border-radius:28px; box-shadow:var(--shadow); padding:28px 24px 30px; max-width:560px; margin:0 auto}
body.sc-page .chip-row{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px}
body.sc-page .chip{
  border:1.5px solid var(--line); background:var(--surface-2); color:var(--ink-soft);
  border-radius:999px; padding:8px 14px; font-size:.82rem; font-weight:700; cursor:pointer;
}
body.sc-page .chip:hover{border-color:var(--accent); color:var(--accent-ink)}
body.sc-page .field-label{display:block; font-size:.82rem; font-weight:700; color:var(--ink-soft); margin-bottom:8px}
body.sc-page .age-row{display:flex; gap:10px}
body.sc-page input[type="number"]{
  flex:1; min-width:0; font-family:inherit; font-size:1.4rem; font-weight:700; color:var(--ink);
  background:var(--surface-2); border:1.5px solid var(--line); border-radius:16px; padding:14px 16px;
  font-variant-numeric:tabular-nums;
}
body.sc-page input[type="number"]:focus{outline:2px solid var(--accent); outline-offset:1px}
body.sc-page select{
  font-family:inherit; font-size:1rem; font-weight:700; color:var(--ink);
  background:var(--surface-2); border:1.5px solid var(--line); border-radius:16px; padding:14px 12px;
}
body.sc-page .result{margin-top:22px; padding:22px; border-radius:20px; background:var(--accent-soft); border:1.5px solid var(--accent); text-align:center}
body.sc-page .result .range{font-size:2.2rem; font-weight:800; color:var(--ink); font-variant-numeric:tabular-nums}
body.sc-page .result .bracket{font-size:.86rem; font-weight:700; color:var(--accent-ink); margin-top:4px}
body.sc-page .result .note{font-size:.84rem; color:var(--ink-soft); margin-top:10px; line-height:1.5}
body.sc-page .cta-row{margin-top:18px; text-align:center}
body.sc-page .cta-row a{
  display:inline-flex; align-items:center; gap:6px; font-weight:700; font-size:.9rem;
  color:var(--accent-ink); text-decoration:none; background:var(--surface-2); border:1.5px solid var(--line);
  border-radius:999px; padding:10px 18px;
}
body.sc-page section.content{padding-block:56px}
body.sc-page section.content.alt{background:var(--surface-2)}
body.sc-page .content h2{font-size:clamp(1.4rem,3.2vw,1.8rem); font-weight:700; margin-bottom:12px}
body.sc-page .content > .sc-wrap > p.lede{color:var(--ink-soft); font-size:1rem; max-width:62ch; margin-bottom:28px}
body.sc-page .bracket-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:12px}
body.sc-page .bracket-card{background:var(--surface); border:1.5px solid var(--line); border-radius:16px; padding:16px}
body.sc-page .bracket-card .age{font-size:.74rem; font-weight:700; color:var(--accent-ink); text-transform:uppercase; letter-spacing:.03em}
body.sc-page .bracket-card .hours{font-size:1.4rem; font-weight:800; margin-top:5px}
body.sc-page .bracket-card .hours span{font-size:.86rem; font-weight:500; color:var(--ink-soft)}
body.sc-page .faq-item{border-bottom:1px solid var(--line)}
body.sc-page .faq-item summary{display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px 0; cursor:pointer; list-style:none; font-weight:700; font-size:.98rem}
body.sc-page .faq-item summary::-webkit-details-marker{display:none}
body.sc-page .faq-item summary::after{content:'+'; font-size:1.25rem; color:var(--accent); flex:none; font-weight:400; transition:transform .2s ease}
body.sc-page .faq-item[open] summary::after{transform:rotate(45deg)}
body.sc-page .faq-item p{padding-bottom:16px; color:var(--ink-soft); max-width:64ch; font-size:.92rem}
body.sc-page footer{padding-block:36px; text-align:center}
body.sc-page footer p{font-size:.78rem; color:var(--ink-soft); max-width:56ch; margin:0 auto 8px}
body.sc-page footer a{color:var(--ink-soft); text-decoration:underline}
@media (max-width:420px){body.sc-page .tool-card{padding:22px 16px 26px}
body.sc-page .bracket-grid{grid-template-columns:1fr}
body.sc-page .result .range{font-size:1.8rem}

}
body.sc-page .brandbar img.sc-ico{flex:none}