:root{color-scheme:dark;--bg:#080806;--surface:#11100d;--surface2:#18150f;--ink:#f7f3e9;--muted:#aaa294;--soft:#837d72;--orange:#e99100;--bright:#ffae19;--line:rgba(255,255,255,.1);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 10% 5%,rgba(233,145,0,.11),transparent 25%),var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}.wrap{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.site-header{position:sticky;z-index:20;top:0;min-height:70px;padding:0 max(20px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(8,8,6,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand{width:max-content}.brand img,footer img{display:block;width:92px;height:auto;border-radius:7px}.site-header nav{display:flex;gap:22px}.site-header nav a,footer a{color:#aaa294;font-size:12px;font-weight:700;text-decoration:none}.site-header nav a:hover,footer a:hover{color:#fff}
.button{display:inline-flex;min-height:50px;width:max-content;align-items:center;justify-content:center;gap:10px;padding:0 18px;border:1px solid var(--orange);border-radius:12px;color:#080806;background:linear-gradient(135deg,var(--bright),var(--orange));box-shadow:0 12px 34px rgba(233,145,0,.16);font-size:13px;font-weight:900;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-2px);box-shadow:0 17px 42px rgba(233,145,0,.24)}.button.small{justify-self:end;min-height:40px;padding-inline:14px;font-size:11px}.button.ghost{border-color:rgba(255,255,255,.14);color:#e3ddcf;background:rgba(255,255,255,.035);box-shadow:none}.button.ghost:hover{border-color:rgba(233,145,0,.38);background:rgba(233,145,0,.06)}
.eyebrow{margin:0;color:#dca83b;font-size:10.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero{min-height:calc(100svh - 70px);padding-block:76px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:72px}.hero h1{margin:14px 0 22px;font-size:clamp(52px,7.3vw,96px);line-height:.92;letter-spacing:-.065em}.hero h1 em{font-style:normal;color:#e99a12}.lede{max-width:680px;margin:0;color:#b8b0a2;font-size:clamp(16px,1.7vw,21px);line-height:1.55}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px}.text-link{color:#dda83a;font-size:12px;font-weight:800;text-decoration:none}.trust{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:24px;color:#8d8679;font-size:10.5px;font-weight:700}.trust span::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#69cb83;box-shadow:0 0 0 4px rgba(105,203,131,.08)}
.preview{padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(145deg,#18140d,#0b0b09);box-shadow:0 36px 100px rgba(0,0,0,.34);animation:up .6s cubic-bezier(.22,.72,.24,1) both}.preview>p{margin:22px 22px 0;color:#8f887b;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.score-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:20px 22px}.score-row span{color:#8d8679;font-size:16px;font-weight:900;letter-spacing:.12em}.score-row strong{color:#f5b72a;font-size:clamp(58px,7vw,86px);letter-spacing:-.07em}.spectrum{position:relative;height:24px;margin:0 22px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:linear-gradient(90deg,#5d5d5a,#8c805c 50%,#e99a12)}.spectrum i{position:absolute;left:8%;top:50%;width:18px;height:36px;border:3px solid #fff;border-radius:999px;background:#f7f4ec;transform:translate(-50%,-50%)}.spectrum-labels{display:flex;justify-content:space-between;padding:8px 22px 20px;color:#777166;font-size:9px}.preview-note{padding:18px 22px;border-top:1px solid rgba(255,255,255,.07);color:#989084;font-size:11px;line-height:1.45}.preview-note strong{color:#e8dfd0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid rgba(255,255,255,.07);background:#0d0c09}.stats div{padding:27px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.07)}.stats div:last-child{border-right:0}.stats strong{display:block;color:#efb02b;font-size:24px;letter-spacing:-.04em}.stats span{display:block;margin-top:4px;color:#847d71;font-size:10px}
.section{padding-block:100px}.section-heading{max-width:760px}.section-heading.narrow{max-width:650px}.section-heading h2,.disclaimer h2,.final h2{margin:12px 0 14px;font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.05em}.section-heading>p:last-child{margin:0;color:#aaa294;font-size:15px;line-height:1.55}.cards{display:grid;gap:12px;margin-top:34px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.cards article,.category-grid article{padding:22px;border:1px solid var(--line);border-radius:17px;background:#0e0e0c}.cards b{color:#dfaa3b;font-size:10px;letter-spacing:.1em}.cards h3,.category-grid h3,.before-list h3{margin:18px 0 7px;font-size:16px;letter-spacing:-.02em}.cards p,.category-grid p,.before-list p{margin:0;color:#918a7e;font-size:11.5px;line-height:1.5}
.before-band{border-block:1px solid rgba(233,145,0,.16);background:linear-gradient(180deg,rgba(233,145,0,.055),rgba(233,145,0,.018))}.before-grid{padding-block:92px;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:58px}.before-list{display:grid;gap:9px}.before-list article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#0d0d0b}.before-list article>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#171109;background:#eca622;font-size:10px;font-weight:900}.before-list h3{margin:1px 0 4px}.before-actions{grid-column:2;display:flex;align-items:center;gap:18px}
.categories{background:#0d0c09}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:32px}.category-grid article{display:grid;grid-template-columns:46px minmax(0,1fr);gap:15px;align-items:start}.category-grid article>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(233,145,0,.32);border-radius:12px;color:#f1b13c;background:rgba(233,145,0,.07);font-size:18px;font-weight:900}.category-grid h3{margin:2px 0 6px}
.privacy-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:70px;align-items:center}.proof{padding:24px;border:1px solid rgba(105,203,131,.22);border-radius:20px;background:rgba(105,203,131,.045)}.proof .status{display:block;color:#9be0ac;font-size:11px;font-weight:900}.proof code{display:block;width:max-content;margin:16px 0;padding:8px 10px;border-radius:9px;color:#ffd47c;background:#070706}.proof ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.proof li{position:relative;padding-left:18px;color:#9c9589;font-size:11px}.proof li::before{content:"✓";position:absolute;left:0;color:#6dcc87;font-weight:900}
.rights{border-block:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#0b0b09,#090907)}.disclaimer{padding-block:84px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);gap:60px;align-items:end}.disclaimer h2{margin-bottom:0}.disclaimer>p{margin:0;color:#aaa294;font-size:15px;line-height:1.65}.final{padding-block:110px;text-align:center}.final img{width:110px;border-radius:8px}.final .eyebrow{margin-top:22px}.final h2{max-width:760px;margin-inline:auto}.final>p:not(.eyebrow){color:#918a7e}.final .button{margin-top:16px}
footer{padding:28px max(20px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;border-top:1px solid rgba(255,255,255,.08);color:#777166}footer>div{display:flex;align-items:center;gap:12px}footer>div span,footer>p{font-size:9.5px}footer nav{display:flex;gap:18px}footer p{justify-self:end;margin:0}
@keyframes up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero-copy{animation:up .48s cubic-bezier(.22,.72,.24,1) both}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hero-copy,.preview{animation:none!important}.button{transition:none!important}}
@media(max-width:850px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;gap:36px;padding-block:68px}.preview{max-width:620px}.stats{grid-template-columns:repeat(2,1fr)}.stats div:nth-child(2){border-right:0}.stats div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}.cards.three,.cards.four{grid-template-columns:repeat(2,1fr)}.before-grid,.privacy-grid,.disclaimer{grid-template-columns:1fr;gap:34px}.before-actions{grid-column:1}.category-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr auto}footer>p{display:none}}
@media(max-width:560px){.wrap{width:min(calc(100% - 24px),var(--max))}.site-header{padding-inline:12px}.brand img{width:78px}.button.small{min-height:36px;padding-inline:11px}.hero{padding-block:52px}.hero h1{font-size:clamp(46px,15vw,70px)}.actions{align-items:stretch;flex-direction:column}.actions .button{width:100%}.hero-trust{display:grid;gap:9px}.stats{grid-template-columns:1fr 1fr}.section{padding-block:72px}.cards.three,.cards.four{grid-template-columns:1fr}.before-grid{padding-block:70px}.before-actions{align-items:stretch;flex-direction:column}.before-actions .button{width:100%}.preview{padding:8px;border-radius:20px}.score-row,.spectrum-labels,.preview-note{padding-inline:16px}.spectrum{margin-inline:16px}.disclaimer{padding-block:68px}footer{grid-template-columns:1fr;gap:18px}footer nav{justify-self:start}.category-grid article{grid-template-columns:40px minmax(0,1fr)}}


/* ===== Readability + front-page overflow fix ===== */
.hero,
.hero>*,
.hero-copy,
.preview,
.preview>*,
.score-row,
.spectrum,
.spectrum-labels,
.preview-note{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important
}
.hero{overflow:hidden}
.preview{
  width:100%!important;
  overflow:hidden!important
}
.score-row{
  width:100%;
  flex-wrap:wrap;
  align-items:flex-end
}
.score-row strong{
  max-width:100%;
  font-size:clamp(52px,6vw,78px)!important;
  line-height:.9;
  white-space:nowrap
}
.preview-note{
  overflow-wrap:anywhere;
  font-size:13px!important;
  line-height:1.55!important
}
.spectrum{width:auto!important}
.spectrum-labels{font-size:11px!important}
.site-header nav a,
footer a{font-size:13px!important}
.lede{font-size:clamp(18px,1.7vw,22px)!important}
.trust{font-size:12px!important}
.stats span{font-size:12px!important}
.section-heading>p:last-child{font-size:16px!important;line-height:1.65!important}
.cards p,
.category-grid p,
.before-list p{font-size:13.5px!important;line-height:1.58!important}
.cards h3,
.category-grid h3,
.before-list h3{font-size:17px!important}
.before-list article{padding:16px 17px!important}
.proof li{font-size:12.5px!important;line-height:1.45!important}
.disclaimer>p{font-size:16px!important}
footer>div span,
footer>p{font-size:11.5px!important;line-height:1.4!important}

@media(max-width:850px){
  .hero{overflow:visible}
  .preview{width:min(100%,620px)!important}
}
@media(max-width:560px){
  .score-row strong{font-size:clamp(48px,17vw,68px)!important}
  .preview-note{font-size:12.5px!important}
  .cards p,.category-grid p,.before-list p{font-size:13px!important}
}


/* ===== 13+ privacy-policy note ===== */
.before-list article:nth-child(6){
  border-color:rgba(233,145,0,.20);
  background:rgba(233,145,0,.045)
}


/* ===== Front page polish · round 2 ===== */
:where(a,button,input,textarea,summary):focus-visible{
  outline:3px solid rgba(255,181,50,.95)!important;
  outline-offset:3px!important
}
body{line-height:1.5}
.site-header{
  min-width:0;
  box-shadow:0 8px 32px rgba(0,0,0,.16)
}
.site-header>*{min-width:0}
.site-header nav{min-width:0;flex-wrap:wrap;justify-content:center}
.site-header nav a{white-space:nowrap}
.hero{
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.82fr)!important;
  gap:clamp(34px,5vw,72px)!important;
  padding-block:clamp(58px,8vw,92px)!important
}
.hero-copy{min-width:0}
.hero h1{
  max-width:10.5ch;
  font-size:clamp(50px,6.7vw,88px)!important;
  line-height:.94!important
}
.lede{max-width:640px!important}
.preview{
  align-self:center;
  justify-self:stretch;
  border-color:rgba(255,187,64,.13)!important
}
.score-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:14px!important
}
.score-row span{
  min-width:0;
  font-size:14px!important
}
.score-row strong{
  justify-self:end;
  font-size:clamp(46px,5.8vw,72px)!important
}
.stats strong{font-size:26px!important}
.stats span{max-width:20ch;margin-inline:auto!important;line-height:1.35!important}
.section{padding-block:clamp(74px,9vw,108px)!important}
.section-heading h2,
.disclaimer h2,
.final h2{
  text-wrap:balance
}
.cards article,
.category-grid article,
.before-list article,
.proof{
  transition:transform .18s ease,border-color .18s ease,background-color .18s ease
}
@media(hover:hover){
  .cards article:hover,
  .category-grid article:hover,
  .before-list article:hover{
    transform:translateY(-2px);
    border-color:rgba(233,145,0,.24)
  }
}
.cards article,
.category-grid article{
  min-width:0;
  overflow:hidden
}
.cards h3,
.category-grid h3,
.before-list h3{
  line-height:1.22!important
}
.cards p,
.category-grid p,
.before-list p,
.section-heading>p:last-child,
.disclaimer>p{
  text-wrap:pretty
}
.before-grid{
  align-items:start!important;
  gap:clamp(36px,5vw,66px)!important
}
.before-list article{
  grid-template-columns:36px minmax(0,1fr)!important;
  align-items:start
}
.before-list article>span{
  margin-top:1px
}
.before-actions{
  flex-wrap:wrap
}
.privacy-grid{
  gap:clamp(38px,6vw,76px)!important
}
.proof{
  min-width:0;
  overflow:hidden
}
.proof code{
  max-width:100%;
  overflow-wrap:anywhere
}
footer{
  min-width:0;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important
}
footer>*{min-width:0}
footer nav{
  min-width:0;
  flex-wrap:wrap;
  justify-content:center
}
footer>div span{
  min-width:0;
  overflow-wrap:anywhere
}

@media(max-width:980px){
  .site-header{grid-template-columns:1fr auto!important}
  .site-header nav{display:none!important}
  .hero{
    grid-template-columns:1fr!important;
    min-height:auto!important
  }
  .hero h1{max-width:11ch}
  .preview{
    width:min(100%,620px)!important;
    justify-self:start
  }
}

@media(max-width:700px){
  .wrap{width:min(calc(100% - 28px),var(--max))!important}
  .site-header{min-height:64px!important;padding-inline:14px!important}
  .brand img{width:82px!important}
  .button.small{min-height:38px!important;font-size:12px!important}
  .hero{padding-block:48px 58px!important}
  .hero h1{font-size:clamp(44px,14vw,66px)!important}
  .lede{font-size:17px!important;line-height:1.58!important}
  .trust{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .stats{grid-template-columns:1fr 1fr!important}
  .stats div{padding:22px 12px!important}
  .stats strong{font-size:23px!important}
  .stats span{font-size:11.5px!important}
  .section{padding-block:66px!important}
  .section-heading h2,
  .disclaimer h2,
  .final h2{font-size:clamp(32px,10vw,46px)!important}
  .cards.three,.cards.four{grid-template-columns:1fr!important}
  .cards article,.category-grid article{padding:18px!important}
  .before-grid{padding-block:66px!important;gap:30px!important}
  .before-actions{align-items:stretch;flex-direction:column!important}
  .before-actions .button{width:100%!important}
  .preview{border-radius:18px!important;padding:7px!important}
  .score-row{padding:16px!important}
  .score-row strong{font-size:clamp(44px,17vw,62px)!important}
  .spectrum{height:22px!important}
  .preview-note{padding:16px!important}
  .disclaimer{gap:24px!important;padding-block:64px!important}
  .final{padding-block:82px!important}
  footer{
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding:24px 16px!important
  }
  footer nav{justify-content:flex-start!important}
  footer>p{display:block!important;justify-self:start!important}
}