:root{--ink:#07111f;--paper:#f5f7f2;--white:#fff;--acid:#caff42;--blue:#3c64f4;--muted:#637083;--line:#d9dfd7;--ok:#23b26d;--danger:#de4d4d;--radius:20px}
*{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,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}button,a{font:inherit}button{color:inherit}.site-header,main,footer{max-width:1180px;margin:auto}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:600}.brand strong{font-weight:800}.brand-mark{width:30px;height:30px;background:var(--ink);border-radius:9px;display:grid;place-items:center;transform:rotate(8deg)}.brand-mark span{width:10px;height:10px;border:3px solid var(--acid);border-radius:50%}.privacy-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-size:.875rem;color:#425064;background:rgba(255,255,255,.55)}.privacy-pill span,.signal{width:8px;height:8px;border-radius:50%;background:var(--ok)}main{padding:0 24px}.intro{background:var(--ink);color:var(--white);border-radius:28px;padding:64px 68px;display:grid;grid-template-columns:1.45fr .8fr;gap:80px;align-items:end;position:relative;overflow:hidden}.intro:after{content:"";position:absolute;width:280px;height:280px;border:80px solid rgba(202,255,66,.08);border-radius:50%;right:-100px;top:-140px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font:700 .75rem Inter,ui-sans-serif,system-ui,sans-serif;margin:0 0 18px;color:#7d8999}.intro .eyebrow{color:var(--acid)}h1,h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.03;margin:0}h1{font-size:clamp(3rem,6vw,5.6rem);letter-spacing:-.065em}h1 em{font-style:normal;color:var(--acid)}.intro-copy{position:relative;z-index:1}.intro-copy p{font-size:1.08rem;color:#c6cfda;margin:0 0 28px}.primary-link{display:inline-flex;align-items:center;gap:32px;background:var(--acid);color:var(--ink);font-weight:700;text-decoration:none;padding:14px 18px 14px 22px;border-radius:12px}.primary-link span{font-size:1.3rem}.quick-status{margin-top:-1px;background:var(--white);border:1px solid var(--line);border-radius:0 0 22px 22px;display:grid;grid-template-columns:repeat(4,1fr);padding:24px 30px}.quick-status div{position:relative;padding:0 24px;border-right:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}.quick-status div:first-child{padding-left:0}.quick-status div:last-child{border:0}.quick-status strong{font:700 .95rem Inter,ui-sans-serif,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-status small{grid-column:2;color:var(--muted);font-size:.8rem}.signal{grid-row:1/3}.signal.off{background:var(--danger)}.checks-section{padding:100px 0 80px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-heading h2{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.045em}.section-heading>p{color:var(--muted);margin:0 0 8px}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.check-card{min-height:290px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-align:left;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.check-card:hover{transform:translateY(-4px);border-color:#9fa9b6;box-shadow:0 16px 35px rgba(7,17,31,.08)}.check-card:focus-visible,.primary-link:focus-visible,.close-button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.check-card.featured{background:var(--acid);border-color:var(--acid)}.card-number{font:700 .75rem Inter,ui-sans-serif,system-ui,sans-serif;color:var(--muted)}.featured .card-number{color:#526619}.card-icon{font-size:2rem;line-height:1}.card-copy{grid-column:1/3;align-self:end;padding:35px 0}.card-copy strong{display:block;font:700 1.55rem Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.025em;margin-bottom:8px}.card-copy small{font-size:.95rem;color:var(--muted);display:block;max-width:29ch}.featured .card-copy small{color:#43541b}.card-action{grid-column:1/3;border-top:1px solid var(--line);padding-top:16px;font-weight:700;display:flex;justify-content:space-between}.featured .card-action{border-color:rgba(7,17,31,.18)}.card-action b{font-size:1.2rem}.check-card.wide{grid-column:span 3;min-height:160px;grid-template-columns:auto 1fr auto;grid-template-rows:1fr;align-items:center;gap:25px}.wide .card-number{display:none}.wide .card-copy{grid-column:auto;padding:0}.wide .card-action{grid-column:auto;border:0;padding:0;gap:35px}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:48px 0;display:grid;grid-template-columns:1fr 2fr;gap:40px}.trust-strip p:last-child{font:600 clamp(1.25rem,2.5vw,2rem) Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.03em;line-height:1.35;margin:0;max-width:800px}footer{padding:46px 24px 58px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:var(--muted);font-size:.875rem}footer p:nth-child(2){text-align:center}footer p:last-child{text-align:right}dialog{border:0;padding:0;background:transparent;width:min(760px,calc(100% - 30px));max-height:90vh}dialog::backdrop{background:rgba(4,10,18,.72);backdrop-filter:blur(7px)}.dialog-shell{background:var(--white);border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.3)}.dialog-head{padding:25px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:start}.dialog-head .eyebrow{margin-bottom:8px}.dialog-head h2{font-size:2rem;letter-spacing:-.04em}.close-button{border:0;background:#eef1ed;border-radius:50%;width:42px;height:42px;font-size:1.6rem;cursor:pointer}.dialog-content{padding:28px;overflow:auto;max-height:calc(90vh - 110px)}.test-note{background:#f2f5ef;border-radius:12px;padding:14px 16px;color:#536075;margin:0 0 20px}.action-button{border:0;background:var(--ink);color:white;border-radius:12px;padding:13px 18px;font-weight:700;cursor:pointer}.action-button.secondary{background:#edf0ec;color:var(--ink)}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.test-video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#0b1018;border-radius:15px;transform:scaleX(-1)}.status-box{border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:18px}.status-box strong{font:700 1.1rem Inter,ui-sans-serif,system-ui,sans-serif;display:block;margin-bottom:4px}.status-box p{margin:0;color:var(--muted)}.meter{height:88px;display:flex;align-items:end;gap:5px;background:#f0f3ef;padding:14px;border-radius:14px}.meter i{display:block;flex:1;min-height:5px;background:#c8d0c6;border-radius:4px;transition:height .08s}.meter i.active{background:var(--blue)}.key-display{display:grid;place-items:center;min-height:170px;border:2px dashed var(--line);border-radius:15px;text-align:center}.key-display strong{font:800 3rem Inter,ui-sans-serif,system-ui,sans-serif}.key-display span{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:15px;overflow:hidden}.detail-grid div{padding:14px 16px;border-bottom:1px solid var(--line)}.detail-grid div:nth-child(odd){border-right:1px solid var(--line)}.detail-grid small{display:block;color:var(--muted);margin-bottom:3px}.detail-grid strong{word-break:break-word}.pixel-tester{position:fixed;z-index:100;inset:0;background:#fff;cursor:pointer;display:grid;place-items:center}.pixel-tester[hidden]{display:none}.pixel-tester button{position:absolute;right:20px;top:20px;background:rgba(0,0,0,.78);color:white;border:0;border-radius:999px;padding:10px 16px;cursor:pointer}.pixel-tester p{background:rgba(0,0,0,.74);color:white;border-radius:999px;padding:10px 16px;font-size:.9rem}.toast{position:fixed;z-index:120;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:white;padding:12px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){.intro{grid-template-columns:1fr;gap:30px;padding:45px 32px}.quick-status{grid-template-columns:1fr 1fr;gap:20px}.quick-status div:nth-child(2){border:0}.quick-status div:nth-child(3){padding-left:0}.check-grid{grid-template-columns:1fr 1fr}.check-card.wide{grid-column:span 2}.trust-strip{grid-template-columns:1fr}.trust-strip .eyebrow{margin-bottom:0}footer{grid-template-columns:1fr;gap:10px}footer p:nth-child(2),footer p:last-child{text-align:left;margin:0}}
@media(max-width:560px){.site-header{height:76px;padding:0 16px}.privacy-pill{font-size:0;padding:10px}.privacy-pill span{width:9px;height:9px}.brand{font-size:.95rem}main{padding:0 12px}.intro{padding:38px 22px;border-radius:22px}.intro h1{font-size:2.75rem}.quick-status{padding:20px 18px}.quick-status div{padding:0 10px}.quick-status strong{font-size:.82rem}.checks-section{padding:70px 0 55px}.section-heading{display:block}.section-heading>p{margin-top:12px}.check-grid{grid-template-columns:1fr}.check-card{min-height:235px}.check-card.wide{grid-column:auto;min-height:235px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto}.wide .card-number{display:block}.wide .card-copy{grid-column:1/3;align-self:end;padding:28px 0}.wide .card-action{grid-column:1/3;border-top:1px solid var(--line);padding-top:16px}.detail-grid{grid-template-columns:1fr}.detail-grid div:nth-child(odd){border-right:0}.dialog-content{padding:20px}.dialog-head{padding:20px}.trust-strip{padding:40px 10px}footer{padding-left:16px}}
.check-card{color:var(--ink);text-decoration:none}footer nav{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}footer nav a{color:var(--muted);text-decoration:none}footer nav a:hover{text-decoration:underline}@media(max-width:800px){footer nav{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* TestMySetup launch experience */
.header-nav{display:flex;align-items:center;gap:22px}.header-nav>a{color:var(--ink);font-size:.9rem;font-weight:700;text-decoration:none}.header-nav>a:hover{text-decoration:underline}.intro{padding:52px 58px;grid-template-columns:1.25fr .85fr;gap:64px}.intro h1{font-size:clamp(2.8rem,5.2vw,4.8rem)}.primary-link{border:0;cursor:pointer;text-align:left}.intro-meta{font-size:.78rem!important;color:#95a2b4!important;margin:14px 0 0!important}.setup-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:22px}.setup-progress span{height:6px;border-radius:999px;background:#e1e5df}.setup-progress span.done{background:var(--ok)}.setup-progress span.current{background:var(--acid);box-shadow:inset 0 0 0 1px rgba(7,17,31,.12)}.setup-step-label{color:var(--muted);font-size:.82rem;font-weight:700;margin:0 0 7px}.setup-title{font-size:clamp(1.55rem,4vw,2.2rem);letter-spacing:-.035em;margin:0 0 10px}.setup-copy{color:var(--muted);margin:0 0 20px}.setup-result{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border:1px solid var(--line);border-radius:14px;margin-top:14px}.setup-result span{width:11px;height:11px;flex:none;border-radius:50%;margin-top:6px;background:var(--muted)}.setup-result.pass span{background:var(--ok)}.setup-result.warn span{background:#dc8a16}.setup-result strong{display:block}.setup-result p{color:var(--muted);margin:3px 0 0}.setup-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.setup-actions .skip{background:transparent;border:0;color:var(--muted);font-weight:700;cursor:pointer;text-decoration:underline}.setup-summary{display:grid;gap:10px}.setup-summary .setup-result{margin:0}.setup-summary-text{width:100%;min-height:135px;border:1px solid var(--line);border-radius:12px;padding:13px;font:inherit;resize:vertical;background:#f8faf7;color:var(--ink)}.stop-button{background:#edf0ec;color:var(--ink)}
@media(max-width:800px){.intro{padding:42px 32px;grid-template-columns:1fr;gap:26px}.header-nav>a{display:none}}
@media(max-width:560px){.intro{padding:34px 22px}.intro h1{font-size:2.45rem}.primary-link{width:100%;justify-content:space-between}.setup-progress{gap:5px}.setup-actions .action-button{flex:1}.header-nav{gap:8px}}