:root{--bg:#050505;--panel:#090909;--panel2:#0d0d0d;--line:#20201e;--line2:#33332f;--text:#f1f1ec;--soft:#c5c5bd;--muted:#81817a;--dim:#5b5b55;--review:#fff;--green:#9fc3a8;--max:1300px;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--text);background:radial-gradient(circle at 82% -5%,rgba(255,255,255,.07),transparent 26%),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),var(--bg);background-size:auto,46px 46px,46px 46px,auto;font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}::selection{background:#fff;color:#000}.wrap{width:min(var(--max),calc(100% - 52px));margin:auto}.topline{height:1px;background:linear-gradient(90deg,transparent,#70706a,transparent);opacity:.6}
header{position:sticky;top:0;z-index:40;background:rgba(5,5,5,.95);backdrop-filter:blur(14px);border-bottom:1px solid #151513}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font:900 13px var(--mono);letter-spacing:.28em}.mark{width:28px;height:28px;border:1px solid #777;position:relative;display:grid;place-items:center;font:800 10px var(--mono)}.mark:before,.mark:after{content:"";position:absolute;background:#eee}.mark:before{width:1px;height:18px;left:8px;top:5px}.mark:after{height:1px;width:18px;right:5px;bottom:8px}.navlinks{display:flex;gap:25px;font:9px var(--mono);letter-spacing:.08em;color:#73736c}.navlinks a{padding:8px 0;border-bottom:1px solid transparent}.navlinks a:hover,.navlinks a.active{color:#fff;border-color:#383835}.actions{display:flex;gap:7px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid #4c4c47;background:#eee;color:#070707;border-radius:0;font:900 9px var(--mono);letter-spacing:.06em;transition:.15s}.btn:hover{background:#fff;border-color:#fff;transform:translateY(-1px)}.btn.dark{background:transparent;color:#fff;border-color:#383835}.btn.dark:hover{background:#101010;border-color:#383835}.btn.review{background:#fff;border-color:#fff;color:#000}.menu{display:none;background:#080808;color:#fff;border:1px solid #777;padding:10px;border-radius:0;font:800 9px var(--mono)}
.pageHero{padding:96px 0 64px;border-bottom:1px solid #181816;min-height:48vh;display:flex;align-items:flex-end}.pageHero.grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:end}.kicker{font:9px var(--mono);letter-spacing:.12em;color:#6d6d66;text-transform:uppercase}.kickerLine{display:flex;align-items:center;gap:10px;margin-bottom:22px}.kickerLine i{width:18px;height:1px;background:#777;display:block}.pageHero h1{margin:0 0 24px;font-size:clamp(48px,7.4vw,102px);line-height:.84;letter-spacing:-.075em;font-weight:950}.outline{color:transparent;-webkit-text-stroke:1px #e6e6e0}.lede{margin:0;max-width:780px;color:#6d6d66;font-size:15px;line-height:1.9}.heroActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.heroMeta{margin-top:15px;color:#575750;font:8px var(--mono);letter-spacing:.07em}.heroPanel{border:1px solid #2d2d29;background:rgba(9,9,9,.9);padding:22px;box-shadow:0 26px 80px rgba(0,0,0,.28)}.heroPanel .big{font-size:42px;font-weight:950;letter-spacing:-.055em;margin:5px 0 12px}.heroPanel p{margin:0;color:#6d6d66;font-size:11px;line-height:1.8}.signal{display:flex;gap:8px;align-items:center;margin-bottom:15px;color:#6d6d66;font:8px var(--mono);letter-spacing:.08em}.signal i{width:6px;height:6px;background:var(--green)}
section{padding:82px 0;border-top:1px solid #151513}.sectionHead{display:grid;grid-template-columns:.75fr 1.25fr;gap:58px;margin-bottom:34px}.sectionHead h2{margin:7px 0 0;font-size:clamp(34px,4.7vw,62px);letter-spacing:-.055em;line-height:.93}.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#2a2a27}.card{background:rgba(8,8,8,.94);padding:25px;min-height:215px;transition:background .16s ease,transform .16s ease}.card:hover{background:#0d0d0d;transform:translateY(-2px)}.index{font:8px var(--mono);color:#5a5a54}.card h3{margin:48px 0 8px;font-size:15px}.card p{margin:0;color:#7f7f77;font-size:11px;line-height:1.8}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#2a2a27}.block{background:rgba(8,8,8,.94);padding:24px;transition:background .16s ease}.block:hover{background:#0d0d0d}.block h3{margin:0 0 8px;font-size:14px}.block p{margin:0;color:#7c7c74;font-size:11px;line-height:1.8}
.codeGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.code{background:rgba(8,8,8,.96);border:1px solid #2d2d29;padding:24px;min-height:285px;color:#c2c2bb;font:11px/2 var(--mono);overflow:auto}.code .d{color:#5b5b55}.code .w{color:#eee}.code .a{color:#fff}.code .g{color:var(--green)}
.workspace{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pane{background:rgba(8,8,8,.95);border:1px solid #2d2d29;box-shadow:0 18px 55px rgba(0,0,0,.14)}.paneHead{padding:12px 14px;border-bottom:1px solid #232321;display:flex;justify-content:space-between;gap:10px;color:#6a6a63;font:8px var(--mono);letter-spacing:.08em}.paneBody{padding:19px}.field{margin-bottom:13px}.field label{display:block;margin-bottom:7px;color:#a3a39b;font:800 8px var(--mono);letter-spacing:.09em;text-transform:uppercase}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grid3n{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}input,textarea,select{width:100%;background:#050505;color:#eee;border:1px solid #3b3b37;border-radius:0;padding:10px 11px;outline:0}input:focus,textarea:focus,select:focus{border-color:#77776f}textarea{min-height:96px;resize:vertical;line-height:1.6}input::placeholder,textarea::placeholder{color:#66665f}select option{background:#080808;color:#eee}.toolbar{display:flex;flex-wrap:wrap;gap:7px}.helper{margin-top:9px;color:#72726b;font:8px/1.7 var(--mono)}.list{display:grid;gap:7px;max-height:690px;overflow:auto}.entry{border:1px solid #2c2c29;background:#0a0a0a;padding:12px;transition:border-color .15s ease,background .15s ease}.entry:hover{border-color:#4a4a44;background:#0d0d0d}.entryTop{display:flex;justify-content:space-between;gap:8px}.entryTitle{font-size:11px;font-weight:800}.entryMeta{font:8px var(--mono);color:#64645d}.entryBody{margin-top:5px;color:#7c7c75;font-size:9px;line-height:1.65}.mini{border:1px solid #343430;background:#101010;color:#fff;border-radius:0;padding:6px 9px;font:8px var(--mono)}.mini:hover{border-color:#777;background:#181818}.count{color:#88887f;font:8px var(--mono)}
.analyzeTop{display:flex;justify-content:space-between;gap:14px;align-items:flex-end}.score{font-size:58px;line-height:1;font-weight:950;letter-spacing:-.06em}.score small{font:9px var(--mono);color:#5f5f58}.status{font:10px var(--mono)}.status.good{color:var(--green)}.status.warn{color:#fff}.status.neutral{color:#b7b7af}.resultGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:15px 0}.metric{border:1px solid #272724;padding:9px}.metric small{display:block;color:#5d5d57;font:8px var(--mono);text-transform:uppercase;margin-bottom:5px}.metric strong{font-size:10px}.result{background:rgba(9,9,9,.96);border-left:2px solid #777;padding:14px;font-size:11px;line-height:1.8;color:#ddd}.explain{margin-top:8px;padding:10px;border:1px solid #353532;color:#6d6d66;font-size:9px;line-height:1.75}.explain.good{border-color:#334237;color:#a6c2ad}.explain.warn{border-color:#4b4b47;color:#d9d9d2}.pills{display:flex;flex-wrap:wrap;gap:5px}.pill{border:1px solid #30302d;padding:5px 7px;color:#6d6d66;font:8px var(--mono)}
.faq{border-top:1px solid #252522}.faq details{border-bottom:1px solid #252522}.faq summary{list-style:none;cursor:pointer;padding:18px 0;display:flex;justify-content:space-between;font-size:13px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:10px var(--mono);color:#666}.faq details[open] summary:after{content:"—"}.answer{padding:0 0 18px;max-width:860px;color:#7d7d76;font-size:11px;line-height:1.8}.downloads{display:grid;grid-template-columns:1fr 1fr;gap:14px}.download{background:#080808;border:1px solid #292927;padding:26px}.os{color:#65655f;font:8px var(--mono);letter-spacing:.09em}.download h3{margin:24px 0 8px;font-size:25px;letter-spacing:-.04em}.download p{margin:0 0 18px;color:#7f7f77;font-size:11px;line-height:1.8}.badge{margin-left:7px;padding:4px 6px;border:1px solid #343430;color:#707068;font:8px var(--mono)}.cta{background:#080808;border:1px solid #292927;padding:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.cta h3{margin:5px 0 0;font-size:23px;letter-spacing:-.035em}
footer{border-top:1px solid #20201e;padding:30px 0 45px;color:#5d5d57;font:9px var(--mono)}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footLinks{display:flex;gap:17px}.footLinks a:hover{color:#aaa}.toast{position:fixed;right:16px;bottom:16px;z-index:100;background:#090909;border:1px solid #555;color:#fff;padding:10px 12px;font:9px var(--mono);opacity:0;transform:translateY(10px);transition:.18s}.toast.show{opacity:1;transform:none}
@media(max-width:1040px){.pageHero.grid,.workspace,.codeGrid{grid-template-columns:1fr}.sectionHead{grid-template-columns:1fr}.cards4{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:1fr 1fr}.navlinks{display:none}.menu{display:block}.navlinks.open{display:flex;position:absolute;top:75px;left:27px;right:27px;padding:14px;background:#080808;border:1px solid #292927;flex-direction:column;gap:11px}.actions .dark{display:none}}
@media(max-width:640px){.wrap{width:calc(100% - 24px)}.nav{height:68px}.pageHero{padding:65px 0 50px}.pageHero h1{font-size:50px}.lede{font-size:14px}.cards4,.grid3,.downloads,.grid2,.grid3n,.resultGrid{grid-template-columns:1fr}.heroPanel .big{font-size:34px}.workspace{gap:9px}.actions .btn{padding:0 11px}}

.brandIcon{width:28px;height:28px;display:block;border:1px solid #3b3b37;object-fit:cover}.authSection{padding:86px 0 110px;min-height:calc(100vh - 160px)}.authWrap{display:grid;grid-template-columns:1fr 460px;gap:78px;align-items:center}.authIntro h1{margin:10px 0 24px;font-size:clamp(48px,6.5vw,86px);line-height:.86;letter-spacing:-.07em}.legalMini{color:#66665f;font:9px/1.7 var(--mono);max-width:650px}.legalMini a,.legalDoc a{color:#eee;text-decoration:underline;text-underline-offset:3px}.authCard{border:1px solid #30302d;background:rgba(8,8,8,.96);box-shadow:0 30px 100px rgba(0,0,0,.32);padding:24px}.authTabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #292927;margin:-24px -24px 20px}.authTab{background:#0a0a0a;border:0;border-right:1px solid #292927;color:#696962;padding:14px;font:900 9px var(--mono);letter-spacing:.08em}.authTab.active{background:#eee;color:#070707}.authMsg{border:1px solid #292927;padding:10px 11px;margin-bottom:14px;color:#8b8b83;font:9px/1.6 var(--mono)}.authMsg.good{border-color:#334237;color:#a6c2ad}.authMsg.warn{border-color:#4a4a46;color:#eee}.authSubmit{width:100%;margin-top:6px}.authSecondary{width:100%;margin-top:7px}.authPending,.recoveryPanel{border-top:1px solid #292927;margin-top:16px;padding-top:16px}.authPending p{margin:0 0 12px;color:#777770;font:9px/1.7 var(--mono)}.authPending .btn,.recoveryPanel .btn{width:100%}.recoveryPanel .authSecondary{margin-top:7px}.checkRow{display:flex;gap:9px;align-items:flex-start;margin:11px 0;color:#777770;font:9px/1.65 var(--mono)}.checkRow input{width:14px;height:14px;flex:0 0 auto;margin-top:1px;accent-color:#fff}.checkRow a{color:#eee;text-decoration:underline}.authFoot{margin-top:18px;padding-top:16px;border-top:1px solid #242421;color:#55554f;font:8px/1.75 var(--mono)}.signedIn{display:grid;gap:9px}.signedEmail{font:13px var(--mono);color:#eee;margin:2px 0 8px;word-break:break-word}.signedIn .btn{width:100%}.legalGrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#2a2a27}.legalCard{background:rgba(8,8,8,.95);padding:28px;min-height:205px}.legalCard:hover{background:#0d0d0d}.legalCard span{font:8px var(--mono);color:#5d5d57}.legalCard h3{margin:55px 0 9px;font-size:21px;letter-spacing:-.035em}.legalCard p{margin:0;color:#77776f;font-size:10px;line-height:1.8}.legalDoc{max-width:940px}.legalDoc h2{font-size:18px;margin:0 0 9px;padding-top:6px}.legalDoc h2:not(:first-child){margin-top:36px}.legalDoc p{margin:0;color:#81817a;font-size:11px;line-height:1.9}.legalNotice{border:1px solid #2d2d29;background:#080808;padding:27px}.legalNotice h2{margin:8px 0 12px;font-size:25px;letter-spacing:-.035em}.legalNotice p{margin:0;color:#7d7d76;font-size:10px;line-height:1.85;max-width:900px}@media(max-width:900px){.authWrap{grid-template-columns:1fr;gap:35px}.authCard{max-width:620px}.legalGrid{grid-template-columns:1fr}}@media(max-width:640px){.authSection{padding:58px 0 80px}.authCard{padding:18px}.authTabs{margin:-18px -18px 18px}.legalCard{min-height:180px}.legalCard h3{margin-top:38px}}

/* FINAL NAV + ACCOUNT CONTROLS */
.menu{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;background:#080808;color:#fff;border:1px solid #4c4c47;border-radius:0;font:900 9px var(--mono);letter-spacing:.06em}.menu:hover,.menu[aria-expanded="true"]{background:#111;border-color:#777}.actions{position:relative}.actions .btn.dark{display:inline-flex}.navlinks.open{display:grid;position:absolute;top:75px;right:0;left:auto;width:min(440px,calc(100vw - 32px));padding:14px;background:rgba(7,7,7,.98);border:1px solid #353531;box-shadow:0 22px 70px rgba(0,0,0,.45);grid-template-columns:1fr 1fr;gap:4px;z-index:60}.navlinks.open a{padding:12px 10px;border:1px solid transparent;color:#87877f}.navlinks.open a:hover,.navlinks.open a.active{background:#111;border-color:#333;color:#fff}.brandIcon{width:42px;height:42px;display:block;object-fit:contain;image-rendering:auto;flex:0 0 42px}.brand{gap:10px}.authCard{padding:26px}.authTabs{margin:-26px -26px 22px}.authSection{padding-top:74px}.authSubmit{min-height:46px;font-size:10px}.authIntro h1{font-size:clamp(52px,6.8vw,92px)}
@media(max-width:1040px){.navlinks{display:none}.navlinks.open{display:grid;position:absolute;top:75px;left:12px;right:12px;width:auto;grid-template-columns:1fr 1fr}.actions .btn.dark{display:inline-flex}.menu{display:inline-flex}}
@media(max-width:640px){.brandIcon{width:38px;height:38px;flex-basis:38px}.actions{gap:4px}.actions .btn,.menu{min-height:38px;padding:0 9px;font-size:8px}.navlinks.open{grid-template-columns:1fr}.authCard{padding:18px}.authTabs{margin:-18px -18px 18px}}
