/*
 * AndyIPTest · Edition 03 / Editorial
 * Calm, intentional, precise. The visual layer must never pretend to be a test result.
 * System type / no trackers / no web-font dependencies.
 */
:root{
 color-scheme:light;
 --bg:#f7f8fa;--bg2:#f0f2f5;
 --panel:rgba(255,255,255,.88);--panel2:rgba(255,255,255,.97);
 --text:#141922;--muted:#646e7b;--faint:#737e8e;
 --line:rgba(23,34,55,.095);--line2:rgba(23,34,55,.17);
 --aqua:#2859ec;--blue:#2859ec;--shadow:0 22px 65px rgba(20,42,82,.045);
 --r:22px;--nav:rgba(250,251,253,.78);
}
[data-theme="light"]{
 --bg:#f7f8fa;--bg2:#f0f2f5;--panel:rgba(255,255,255,.88);--panel2:rgba(255,255,255,.97);
 --text:#141922;--muted:#646e7b;--faint:#737e8e;
 --line:rgba(23,34,55,.095);--line2:rgba(23,34,55,.17);
 --aqua:#2859ec;--blue:#2859ec;--shadow:0 22px 65px rgba(20,42,82,.045);
 --nav:rgba(250,251,253,.78);
}
[data-theme="dark"]{
 color-scheme:dark;
 --bg:#11151e;--bg2:#191f2b;--panel:#1b2230;--panel2:#202838;
 --text:#f1f4fa;--muted:#b0bac9;--faint:#9eabc0;
 --line:rgba(222,232,251,.10);--line2:rgba(224,233,252,.21);
 --aqua:#a6bdff;--blue:#a6bdff;--shadow:0 22px 65px rgba(0,0,0,.16);
 --nav:rgba(19,24,34,.84);
}
html{scroll-padding-top:92px}
body{background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Helvetica Neue','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;letter-spacing:-.12px}
body::before,.noise,.ambient{display:none!important}
a,button{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #2859ec;outline-offset:3px}
::selection{background:rgba(67,113,255,.20)}
.shell{width:min(1192px,calc(100% - 96px))}
.site-header{background:var(--nav);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(255,255,255,.5);backdrop-filter:saturate(170%) blur(22px);-webkit-backdrop-filter:saturate(170%) blur(22px)}
.nav{height:76px}
.wordmark{gap:12px;font-weight:760;letter-spacing:-.85px;font-size:19px}
.wordmark-light{color:var(--text);font-weight:560}
.wordmark small{font-size:8px;letter-spacing:1.8px;color:var(--faint);margin-top:2px}
.logo-mark{height:38px;width:38px;border:1px solid #171e2f;background:#191f2b;border-radius:12px;gap:3px;box-shadow:0 5px 12px rgba(13,19,35,.12)}
.logo-mark span{background:#fff;width:3px;height:13px}
.logo-mark span:nth-child(2){height:18px}.logo-mark span:nth-child(3){height:9px}
.nav-links{gap:33px}.nav-links a{color:var(--muted);font-size:12px;font-weight:600}
.nav-links a:hover,.footer-links a:hover{color:var(--aqua)}
.nav-actions{gap:10px}.icon-btn{border-radius:50%;height:40px;width:40px;background:rgba(255,255,255,.62);border-color:var(--line)}
.nav-github{border:1px solid var(--line2);border-radius:30px;padding:12px 16px;background:rgba(255,255,255,.66);font-size:12px;box-shadow:0 3px 16px rgba(20,34,70,.025)}
.nav-github svg{height:16px;width:16px}.tiny-arrow{color:var(--aqua)}
.hero{padding-top:50px;position:relative}
.hero-eyebrow{font-size:10px;letter-spacing:1.65px;color:var(--faint);font-weight:720}
.live-dot{width:6px;height:6px;background:#4775fb;box-shadow:none}
.eyebrow-rule{background:var(--line2);width:35px}
.hero-grid{min-height:535px;grid-template-columns:1.05fr 1fr;gap:54px}
.hero-copy{position:relative;z-index:2;padding-bottom:15px}
.hero-pill{padding:9px 13px;background:#fff;border:1px solid rgba(24,45,84,.10);box-shadow:0 6px 20px rgba(24,37,68,.035);color:#526174;font-size:11px;font-weight:600;letter-spacing:.05px}
.sparkle{color:#4a72ee;font-size:13px}
.hero h1{font-size:clamp(66px,6.6vw,93px);line-height:1.13;letter-spacing:-5.8px;margin:24px 0 23px;font-weight:760}
[data-theme] .hero h1 span{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--text)}
.hero-subtitle{font-size:16px;line-height:1.95;color:var(--muted);letter-spacing:-.2px}
.hero-ctas{gap:11px;margin-top:31px}
.btn{font-weight:650;border-radius:999px;padding:14px 22px;min-height:48px;font-size:13px;gap:19px;transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn-primary,[data-theme="light"] .btn-primary{background:#222735;color:#fff;border-color:#222735;box-shadow:0 7px 17px rgba(15,23,41,.12)}
.btn-primary:hover,[data-theme="light"] .btn-primary:hover{background:#3b4f91}
.btn-secondary,.btn-outline{background:rgba(255,255,255,.63);color:var(--text);border:1px solid var(--line2)}
.btn-secondary:hover,.btn-outline:hover{border-color:var(--aqua)}
.hero-proof{margin-top:37px;gap:13px}.hero-proof p{font-size:12px;color:var(--muted)}
.hero-proof strong{font-size:13px;color:var(--text)}
.proof-icons span{border-color:var(--bg);background:#e2e9f7;color:#3558a3;font-size:8px;width:31px;height:31px}
.proof-icons span:nth-child(2){background:#e9eaf8;color:#6267b4}.proof-icons span:nth-child(3){background:#e3efec;color:#3d8c84}
.hero-visual{height:500px;overflow:visible;isolation:isolate;display:block;position:relative}
.visual-radiance{position:absolute;width:100%;aspect-ratio:1;left:0;top:20px;border-radius:48%;background:radial-gradient(circle at 48% 45%,#e2eafe 1%,#f0f3fa 45%,transparent 73%)}
.art-disc{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:400px;height:400px;border-radius:50%;background:radial-gradient(ellipse at 28% 24%,rgba(255,255,255,1),rgba(255,255,255,.27) 24%,transparent 37%),radial-gradient(ellipse at 72% 78%,rgba(70,102,193,.48),transparent 54%),conic-gradient(from 190deg,#e6ebf6,#adc6f3,#eef4fb,#99b3ec,#dee4f5,#dbe3f6);border:1px solid rgba(255,255,255,.95);box-shadow:inset 19px 20px 42px rgba(255,255,255,.72),inset -21px -26px 60px rgba(70,97,172,.30),0 32px 80px rgba(61,97,153,.16)}
.art-disc:before,.art-disc:after{content:"";position:absolute;inset:26px;border:1px solid rgba(255,255,255,.55);border-radius:50%;transform:rotate(-30deg) scaleY(.78)}
.art-disc:after{inset:64px;border-color:rgba(73,118,193,.24);transform:rotate(26deg) scaleX(.75)}
.art-disc-inner{position:absolute;inset:102px;border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.98),rgba(168,194,240,.3) 44%,rgba(55,96,165,.35) 90%);box-shadow:inset 9px 12px 20px rgba(255,255,255,.85),0 0 0 1px rgba(255,255,255,.6)}
.art-disc-glint{position:absolute;top:75px;left:90px;width:92px;height:42px;background:rgba(255,255,255,.7);filter:blur(24px);transform:rotate(-32deg)}
.art-disc-axis{position:absolute;top:53%;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:rotate(-25deg)}
.visual-eyebrow{position:absolute;right:4px;top:9px;font-size:9px;letter-spacing:2px;color:#5e7191;font-weight:700}.visual-eyebrow span{color:#8799b4}
.visual-float{position:absolute;top:100px;right:-12px;border:1px solid rgba(255,255,255,.97);background:rgba(255,255,255,.68);backdrop-filter:blur(18px);padding:12px 14px;border-radius:14px;color:#60718d;font-size:9px;letter-spacing:.7px;font-weight:750;box-shadow:0 16px 36px rgba(37,69,121,.08)}
.visual-float-dot{display:inline-block;margin-right:6px;width:6px;height:6px;border-radius:50%;background:#3d8b78}.visual-float>span:last-child{color:#557ce2;margin-left:12px}
.visual-panel{position:absolute;left:-3px;bottom:0;width:min(410px,89%);padding:22px 24px 18px;border-radius:21px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.79);box-shadow:0 24px 65px rgba(54,81,132,.14),inset 0 1px 0 #fff;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.visual-panel-top{display:flex;justify-content:space-between;gap:10px;color:#61718b;font-size:9px;letter-spacing:1.2px;font-weight:720}.visual-indicator{color:#4b8f7b;white-space:nowrap;letter-spacing:.3px}
.visual-panel-title{font-size:23px;letter-spacing:-1.05px;line-height:1.2;margin:19px 0 17px;font-weight:720;color:#25334d}
.visual-panel-lines>div{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid rgba(53,74,113,.12);color:#3a4964}
.visual-panel-lines span{font-size:9px;color:#8c9ab1}.visual-panel-lines strong{font-weight:600;font-size:12px}.visual-panel-lines em{margin-left:auto;font-size:9px;letter-spacing:.75px;font-style:normal;color:#8390a5}
.hero-divider{margin-top:26px;border-bottom:1px solid var(--line);padding:15px 0 22px;font-size:10px;letter-spacing:1.25px}
.capability-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:30px;gap:0}
.capability{position:relative;display:flex;flex-direction:column;gap:9px;padding:23px 20px 23px 0;border-right:1px solid var(--line);min-height:138px}
.capability:not(:first-child){padding-left:25px}.capability:last-child{border-right:none}
.cap-icon{font-size:10px;letter-spacing:1.5px;color:#5878bc;font-weight:650}
.capability strong{font-size:16px;font-weight:700;letter-spacing:-.55px}
.capability small{font-size:11px;line-height:1.55;color:var(--muted);padding-right:12px}
.cap-arrow{position:absolute;right:19px;top:21px;color:var(--faint);font-size:14px;transition:transform .2s}
.capability:hover .cap-arrow{transform:translate(3px,-3px);color:var(--aqua)}
.section{padding-top:108px}
.section-intro{margin-bottom:33px}.kicker,.section-aside,.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--faint)}
.index-tag{border:none;background:#e8ecf5;color:#506184;border-radius:7px;padding:6px 9px;font-weight:700}
.section-intro h2,.faq-head h2{font-size:clamp(31px,3.8vw,48px);line-height:1.18;letter-spacing:-1.95px;font-weight:730;margin:20px 0 13px}
.section-intro p{font-size:13px;line-height:1.85;color:var(--muted)}
.section-aside{color:var(--faint)}
.glass{background:var(--panel2);border:1px solid var(--line);border-radius:21px;box-shadow:0 12px 32px rgba(36,56,88,.035);backdrop-filter:none;-webkit-backdrop-filter:none}
.overview-layout{grid-template-columns:1.03fr .97fr;gap:15px}
.main-status-card{background:#202839;color:#f6f8fe;min-height:342px;padding:30px 31px;border:1px solid #303b51;box-shadow:0 22px 38px rgba(26,40,68,.13)}
.main-status-card:after{background:radial-gradient(circle,rgba(100,133,211,.19),transparent 70%);right:-135px;top:-170px}
.main-status-card .eyebrow{color:#bdc9db}.pulse-circle{background:#79a2ff;box-shadow:0 0 13px rgba(106,155,255,.48)}
.main-status-card .outlined-tag{color:#d4e1ff;border-color:rgba(203,220,255,.23);border-radius:99px;padding:7px 11px}
.ip-label{color:#b9c8df;margin-top:35px;font-size:10px}
.ip-value{font-size:clamp(32px,3vw,42px);color:#fff;letter-spacing:-1.55px;margin-top:8px}
.ip-meta{color:#becade;font-size:12px}
.main-status-card .btn-primary{background:#fff;color:#1d293d;border-color:#fff;box-shadow:none}
.main-status-card .btn-primary:hover{background:#e7edfc}
.round-action{background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.25);border-radius:50%}
.card-footnote{color:#becade;font-size:10px;line-height:1.65}
.metric-card{min-height:163px;padding:23px}.metric-header{font-size:10px;color:var(--faint)}.metric-icon{color:#6d84b4}
.metric-value{font-size:21px;font-weight:720;margin:20px 0 10px;color:var(--text)}
.metric-small{font-size:17px}.metric-bottom{font-size:11px}
.diagnostic-note{background:#edf2fb;border:1px solid #e2e9f6;border-radius:13px;padding:16px 18px}
.diagnostic-note p{color:#5c697e}.diagnostic-note strong{color:#32435f}
.note-icon{color:#5176be;border-color:#99afe1}
.extra-tests-grid{gap:15px;margin-top:18px}
.extra-test-card{padding:27px;min-height:340px}
.extra-test-heading h3{font-size:22px;font-weight:730;letter-spacing:-.8px}
.overline{color:#5775ad}.subtle-pill{border-radius:30px;color:var(--muted)}
.extra-test-card>p{font-size:12px;line-height:1.8}
.stack-results{border-radius:13px;background:var(--line)}
.stack-results>div{background:var(--bg2)}
.stack-results strong{color:var(--text)}
.lookup-controls input{background:var(--bg);border-color:var(--line2);border-radius:13px}
.lookup-controls input:focus{border-color:var(--aqua)}
.quick-section{padding-top:105px}.quick-grid{gap:13px}
.quick-card{min-height:140px;padding:22px}.quick-top{color:var(--faint);letter-spacing:1px}.quick-card strong{font-size:18px;font-weight:700}
.count-indicator{color:var(--text);font-weight:740;font-size:39px}
.toolbar{padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px}
.filter-row{gap:7px}
.filter-chip{background:transparent;color:var(--muted);border-color:transparent;padding:10px 13px;border-radius:40px;font-size:11px;font-weight:600}
.filter-chip:hover,.filter-chip.active{border-color:rgba(48,83,168,.09);background:#e9effb;color:#3155a4}
.search-wrap{min-width:215px}.search-wrap input{background:rgba(255,255,255,.89);border-color:var(--line2);border-radius:30px;height:42px}
.tools-grid{gap:13px}
.tool-card{min-height:216px;padding:24px 24px 20px;transition:transform .22s,border-color .22s,box-shadow .22s}
.tool-card:hover{transform:translateY(-3px);border-color:#c1cee5;box-shadow:0 16px 36px rgba(36,61,114,.085)}
.tool-icon{border:1px solid #e1e8f4;background:#f0f4fc;color:#4b639d;border-radius:13px;font-size:19px;width:43px;height:43px}
.tool-title{font-size:15px;font-weight:720;color:var(--text);letter-spacing:-.3px}.tool-domain{font-size:11px}
.tool-desc{font-size:12px;line-height:1.83;color:var(--muted);margin-top:23px}
.tool-tag{border:none;background:#f0f3f8;color:#607087;padding:7px 11px}
.tool-go{color:#3d65c5;font-weight:700}.tool-go:hover{color:#24478d}
.fav-btn{border-radius:50%;color:#738198}.fav-btn:hover,.fav-btn.active{color:#2b55b0;border-color:#b2c6ec}
.steps-grid{gap:14px}.step-card{background:#fff;border:1px solid var(--line);padding:30px;border-radius:21px}
.step-no{color:#647fae}.step-symbol{color:#6c82b1;font-size:30px}
.step-card h3{font-size:18px;letter-spacing:-.5px}.step-card p{color:var(--muted)}
.step-card a{color:#325aba}
.faq-section{padding-top:113px}.faq-list summary{font-size:14px;padding:23px 0}.faq-list summary span{color:#6483bd}
.faq-list p{font-size:12px}
.outro-section{background:#202839;border:1px solid #202839;color:#fff;border-radius:28px;padding:55px 58px;margin-top:120px}
.outro-section h2{font-size:31px;font-weight:730;letter-spacing:-1.2px}.outro-section p{color:#ccd5e4}
.outro-section .kicker{color:#a9bddc}
.outro-section .btn-primary{background:#fff;color:#1b2536;box-shadow:none}
.outro-section .btn-outline{border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff}
.outro-glow{background:radial-gradient(circle,rgba(118,153,236,.18),transparent 69%)}
.site-footer{padding-top:36px}.footer-brand{font-weight:750}
.footer-brand span{color:var(--text);font-weight:550}
.toast{background:#1f293a;color:#fff;border-color:#404d64;border-radius:50px;padding:13px 20px}
/* Dark appearance keeps contrast and reduces simulated translucency. */
[data-theme="dark"] .hero-pill,[data-theme="dark"] .nav-github,[data-theme="dark"] .icon-btn{background:rgba(255,255,255,.06);color:#d1d9e8}
[data-theme="dark"] .logo-mark{border-color:#3a455d;background:#2d3750}
[data-theme="dark"] .hero-visual{filter:brightness(.78) saturate(.76)}
[data-theme="dark"] .capability{border-right-color:var(--line)}
[data-theme="dark"] .index-tag{background:#28334a;color:#b8caff}
[data-theme="dark"] .diagnostic-note{background:#222d41;border-color:#354158}
[data-theme="dark"] .diagnostic-note p{color:#c0ccdd}
[data-theme="dark"] .diagnostic-note strong{color:#fff}
[data-theme="dark"] .tool-icon,[data-theme="dark"] .tool-tag{background:#29354a;border-color:#39455e;color:#d9e3f8}
[data-theme="dark"] .filter-chip.active,[data-theme="dark"] .filter-chip:hover{background:#283858;color:#d7e2ff}
[data-theme="dark"] .step-card{background:#1c2433}
[data-theme="dark"] .outro-section{background:#253148;border-color:#3e4e6a}
[data-theme="dark"] .stack-results>div{background:#202838}
[data-theme="dark"] .lookup-controls input{background:#202838}
[data-theme="dark"] .main-status-card{background:#29354b}
[data-theme="dark"] .main-status-card .btn-primary{background:#fff;color:#1d2638}
[data-theme="dark"] .tool-title{color:var(--text)}
[data-theme="dark"] .visual-radiance{opacity:.27}
[data-theme="dark"] .cap-arrow{color:#c4d2e9}
@media(max-width:1120px){
 .hero-grid{gap:26px;grid-template-columns:1fr 1fr}
 .art-disc{width:330px;height:330px}
 .hero-visual{height:470px}
 .visual-panel{width:94%}
 .visual-float{right:-4px}
 .hero h1{font-size:72px}
 .capability small{font-size:10px}
}
@media(max-width:920px){
 .shell{width:calc(100% - 56px)}
 .hero-grid{grid-template-columns:1fr .84fr;gap:20px}
 .hero h1{font-size:62px;letter-spacing:-4px}
 .art-disc{width:290px;height:290px}
 .hero-visual{height:435px}
 .visual-panel-title{font-size:19px}
 .capability-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 .capability:nth-child(2){border-right:none}
 .capability:nth-child(3){padding-left:0}
 .capability{border-bottom:1px solid var(--line)}
 .overview-layout{grid-template-columns:1fr}
}
@media(max-width:780px){
 .shell{width:min(100% - 38px,620px)}
 .nav{height:66px}.nav-links{display:none}
 .hero{padding-top:36px}.hero-grid{display:block;min-height:unset}
 .hero h1{font-size:clamp(52px,9vw,72px);letter-spacing:-3.6px;margin:22px 0}
 .hero-subtitle{font-size:14px}
 .hero-visual{display:none!important}
 .hero-proof{margin-top:25px}
 .hero-divider{margin-top:35px}
 .section,.quick-section,.faq-section{padding-top:76px}
 .section-intro h2,.faq-head h2{font-size:34px}
 .capability-strip{padding-top:9px}
 .overview-layout{grid-template-columns:1fr}
 .extra-tests-grid{grid-template-columns:1fr}
 .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tools-grid,.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .outro-section{padding:35px}
 .footer-top{display:block}
 .footer-links{flex-wrap:wrap;margin-top:20px}
}
@media(max-width:560px){
 .hero{padding-top:32px}
 .hero h1{font-size:clamp(48px,12vw,62px);line-height:1.16;letter-spacing:-3.2px}
 .hero-pill{font-size:10px}
 .hero-ctas{gap:10px;margin-top:25px}
 .hero-ctas .btn{min-height:48px;padding:12px 17px;font-size:12px;gap:10px}
 .hero-subtitle{line-height:1.85}
 .hero-proof{margin-top:24px}
 .capability{padding:19px 14px 18px 0;min-height:127px}
 .capability:not(:first-child){padding-left:13px}
 .capability:nth-child(3){padding-left:0}
 .capability strong{font-size:14px}.capability small{font-size:10px}
 .cap-arrow{right:10px}
 .section-intro h2,.faq-head h2{font-size:30px;letter-spacing:-1.2px}
 .main-status-card{padding:22px;min-height:322px}
 .ip-value{font-size:clamp(26px,7vw,34px)}
 .metric-card{padding:17px;min-height:148px}
 .metric-value{font-size:17px}
 .quick-card{padding:17px}
 .tools-grid,.steps-grid{grid-template-columns:1fr}
 .tool-card{min-height:196px}
 .toolbar{align-items:stretch}
 .search-wrap{width:100%}
 .filter-row{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
 .filter-row::-webkit-scrollbar{display:none}
 .filter-chip{flex-shrink:0}
 .outro-section{padding:29px;margin-top:75px}
 .outro-section h2{font-size:25px}
}
@media(max-width:360px){
 .shell{width:calc(100% - 30px)}
 .wordmark{font-size:16px}
 .nav{gap:9px}.nav-actions{gap:5px}
 .hero h1{font-size:46px}
 .hero-ctas{flex-wrap:wrap}
 .hero-ctas .btn{width:100%}
 .capability{min-height:143px}
}
@media(prefers-reduced-transparency:reduce){.site-header,.hero-pill,.nav-github,.visual-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}

/* Final polish: enforce legibility against the legacy light-theme selectors. */
[data-theme="light"] .outro-section{background:#202839!important;border-color:#202839;color:#fff}
[data-theme="light"] .outro-section .kicker{color:#b3c2df}
[data-theme="light"] .outro-section p{color:#ced8e8}
[data-theme="light"] .hero-pill{color:#526174}
[data-theme="dark"] .outro-section h2{color:#fff}
[data-theme="dark"] .outro-section p{color:#ced8e8}
[data-theme="dark"] .footer-brand span{color:var(--text)}
@media(prefers-contrast:more){
 .glass,.tool-card,.metric-card,.quick-card,.extra-test-card,.step-card{border-color:var(--line2)}
 .filter-chip.active{outline:2px solid currentColor}
 .hero-ctas a:focus-visible{outline-offset:4px}
}

/* Edition 04 · typographic clarity. Icons are reserved for real actions. */
.wordmark{gap:0;font-size:20px;letter-spacing:-.85px}
.nav{gap:18px}
.icon-btn{width:auto;min-width:51px;height:36px;padding:0 13px;border:1px solid var(--line2);border-radius:999px;background:transparent;color:var(--muted);font-size:11px;line-height:1;font-weight:650}
.icon-btn:hover{color:var(--text);background:var(--panel2)}
.nav-github{gap:8px}
.hero-eyebrow{gap:12px;letter-spacing:1.35px}
.hero-pill{padding:0;border:none;background:none;box-shadow:none;font-size:12px;letter-spacing:.1px;font-weight:600;color:var(--muted)}
[data-theme="light"] .hero-pill,[data-theme="dark"] .hero-pill{background:none;color:var(--muted)}
.hero h1{letter-spacing:-5px}
.hero-proof{margin-top:30px}
.hero-proof p{margin:0}
.hero-divider{color:var(--faint)}
.visual-panel{width:min(390px,85%);padding:22px 25px 18px}
.visual-panel-title{margin-top:12px}
.visual-panel-top{letter-spacing:1.5px}
.capability{padding-right:17px}
.capability strong{letter-spacing:-.3px}
.capability small{padding-right:0}
.main-status-card .eyebrow{letter-spacing:1.2px}
.status-top{gap:12px}
.main-status-card .status-bottom{gap:13px}
.card-footnote{padding-top:2px}
.metric-header{justify-content:flex-start}
.metric-value{margin-top:24px}
.diagnostic-note{padding:16px 20px}
.extra-test-heading{display:block}
.extra-test-heading h3{margin:9px 0 15px}
.quick-top{justify-content:flex-start}
.quick-card{padding:24px}
.tool-head{align-items:flex-start;gap:20px}
.tool-identity{min-width:0;display:block}
.tool-title{font-size:18px;font-weight:690;line-height:1.28;letter-spacing:-.4px}
.tool-domain{margin-top:9px;font-size:11px;line-height:1.3;color:var(--faint)}
.tool-card{min-height:208px;padding:25px 25px 23px;border-radius:19px;transition:box-shadow .18s,border-color .18s,transform .18s}
.tool-card:hover{transform:translateY(-1px);border-color:var(--line2);box-shadow:0 10px 26px rgba(36,61,114,.055)}
.fav-btn{width:auto;height:31px;min-width:51px;flex-shrink:0;padding:0 10px;border-radius:999px;background:transparent;border:1px solid var(--line2);font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap}
.fav-btn:hover,.fav-btn.active{background:rgba(40,89,236,.055);border-color:rgba(40,89,236,.35);color:var(--aqua)}
.tool-desc{margin:20px 0 21px;font-size:12px;line-height:1.85}
.tool-bottom{padding-top:14px;border-top:1px solid var(--line)}
.tool-tag{padding:0;background:transparent;border:none;font-size:11px;color:var(--faint)}
.tool-go{font-size:12px;font-weight:650}
.step-card{padding:30px;min-height:236px}
.step-card h3{margin-top:24px}
.step-card p{margin-top:15px}
.step-card a{color:var(--aqua)}
.empty-state{padding:62px 24px}
.empty-state strong{font-size:18px;letter-spacing:-.4px}
.faq-list summary{align-items:center}
.faq-list summary::after{content:"";display:block;flex:none;width:8px;height:8px;border:solid var(--muted);border-width:0 1.5px 1.5px 0;transform:rotate(45deg);transition:transform .2s;margin-right:5px}
.faq-list details[open] summary::after{transform:rotate(225deg)}
[data-theme="dark"] .tool-card:hover{box-shadow:0 10px 26px rgba(0,0,0,.11)}
[data-theme="dark"] .fav-btn.active{background:rgba(166,189,255,.13)}
@media(max-width:780px){.hero-proof{margin-top:22px}.hero-eyebrow{font-size:9px}}
@media(max-width:560px){.wordmark{font-size:18px}.tool-card{min-height:185px;padding:22px}.tool-desc{margin:18px 0 19px}.quick-card{padding:17px}.step-card{min-height:unset}.hero h1{letter-spacing:-3px}}
@media(max-width:360px){.wordmark{font-size:16px}.icon-btn{min-width:47px;padding:0 10px}}
@media(prefers-reduced-motion:reduce){.faq-list summary::after{transition:none}}