@import 'tailwindcss';

:root { --ink:#10211d; --muted:#68736f; --line:#dce2de; --paper:#f4f6f2; --white:#fff; --lime:#c7f36b; --orange:#f36b42; --teal:#2f796b; }
* { 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, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.topbar { height:78px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 clamp(24px,5vw,78px); border-bottom:1px solid rgba(16,33,29,.12); background:rgba(244,246,242,.9); backdrop-filter:blur(14px); position:sticky; top:0; z-index:20; }
.brand { display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:-.03em; font-size:19px; }
.brandMark { width:28px; height:28px; display:flex; gap:3px; align-items:flex-end; padding:5px; border-radius:8px; background:var(--ink); }
.brandMark i { display:block; width:4px; border-radius:4px; background:var(--lime); transform:rotate(18deg); }.brandMark i:nth-child(1){height:8px}.brandMark i:nth-child(2){height:15px}.brandMark i:nth-child(3){height:11px}
.topbar nav { display:flex; gap:34px; font-size:13px; color:#43504c; }.topbar nav a:hover{color:var(--ink)}
.loginButton { justify-self:end; background:var(--ink); color:white; padding:12px 17px; border-radius:6px; font-size:13px; font-weight:700; display:flex; gap:16px; align-items:center; }
.hero { min-height:690px; display:grid; grid-template-columns:1.05fr .95fr; gap:7vw; align-items:center; padding:90px clamp(24px,7vw,110px) 110px; overflow:hidden; position:relative; }
.hero:after { content:""; position:absolute; width:480px; height:480px; border:1px solid rgba(47,121,107,.13); border-radius:50%; right:-200px; top:40px; box-shadow:0 0 0 65px rgba(47,121,107,.035),0 0 0 130px rgba(47,121,107,.025); }
.heroCopy { position:relative; z-index:2; max-width:710px; }.eyebrow,.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#51605b}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(243,107,66,.15)}
h1 { font-family:Georgia,"Times New Roman",serif; font-weight:400; font-size:clamp(52px,6.2vw,92px); line-height:.97; letter-spacing:-.055em; margin:25px 0; } h1 em{color:var(--teal);font-weight:400}
.intro { max-width:620px; color:#53605c; line-height:1.7; font-size:17px; }
.heroActions { display:flex; align-items:center; gap:30px; margin-top:35px; }.primaryButton{background:var(--ink);color:white;padding:16px 20px;border-radius:6px;font-size:13px;font-weight:750;display:flex;gap:30px}.textButton{font-size:13px;font-weight:750;border-bottom:1px solid #98a39f;padding:10px 0;display:flex;gap:20px}
.trustLine{display:flex;gap:22px;margin-top:48px;color:#727d79;font-size:11px}.trustLine span:before{content:"✓";color:var(--teal);font-weight:900;margin-right:7px}
.signalPanel{position:relative;z-index:2;background:#12251f;color:white;border-radius:8px;min-height:470px;padding:22px;box-shadow:0 30px 80px rgba(16,33,29,.2);transform:rotate(1deg)}.panelHeader{display:flex;justify-content:space-between;font-size:12px;font-weight:700}.live{color:#b6c2bd;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:7px;box-shadow:0 0 0 4px rgba(199,243,107,.13)}
.mapGrid{height:330px;margin:28px 0 15px;position:relative;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:36px 36px;border:1px solid rgba(255,255,255,.07);overflow:hidden}.mapOutline{position:absolute;inset:45px 55px;display:grid;place-items:center;border:1px solid rgba(199,243,107,.35);color:rgba(199,243,107,.12);font-size:135px;font-weight:900;clip-path:polygon(11% 22%,44% 16%,64% 28%,91% 17%,88% 49%,73% 69%,49% 68%,36% 88%,13% 71%,18% 46%)}
.signal{position:absolute;width:32px;height:32px;border-radius:50%;background:rgba(243,107,66,.22);display:grid;place-items:center;box-shadow:0 0 0 8px rgba(243,107,66,.08)}.signal b{width:20px;height:20px;border-radius:50%;background:var(--orange);display:grid;place-items:center;font-size:9px}.s1{left:48%;top:43%}.s2{left:67%;top:62%}.s3{left:30%;top:55%}.s4{left:58%;top:23%}
.latestSignal{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.06);padding:12px;border-radius:5px}.pulse{width:9px;height:9px;background:var(--orange);border-radius:50%}.latestSignal div{display:flex;flex-direction:column;gap:3px}.latestSignal small{font-size:9px;color:#98aaa3;text-transform:uppercase;letter-spacing:.06em}.latestSignal strong{font-size:11px}.latestSignal time{margin-left:auto;color:#8fa098;font-size:10px}
.portal{background:#e9eee9;min-height:760px;display:grid;grid-template-columns:72px 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sidebar{background:#10211d;padding:20px 14px;display:flex;flex-direction:column;align-items:center;gap:14px;color:#8ea099}.miniBrand{padding-bottom:20px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.miniBrand .brandMark{background:transparent}.sidebar>a{width:42px;height:42px;display:grid;place-items:center;border-radius:5px;font-size:18px}.sidebar>a.active{background:var(--lime);color:var(--ink)}.sidebarSpacer{flex:1}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#31564c;color:white;font-size:10px;font-weight:800}
.dashboard{padding:45px clamp(24px,5vw,72px) 60px;max-width:1500px;width:100%;margin:auto}.dashboardHead{display:flex;justify-content:space-between;align-items:flex-start}.dashboardHead h2{font-family:Georgia,serif;font-weight:400;font-size:36px;letter-spacing:-.035em;margin:7px 0}.dashboardHead p{color:#6d7874;margin:0;font-size:13px}.headActions{display:flex;gap:9px}.headActions button{height:39px;border:1px solid #ccd5d0;background:white;border-radius:5px;padding:0 14px;color:#53605c;font-size:11px;position:relative}.notificationDot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--orange);right:9px;top:8px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px 0}.metrics article{background:white;border:1px solid #dae1dd;border-radius:6px;padding:19px;display:grid;grid-template-columns:44px 1fr;column-gap:13px;align-items:center}.metricIcon{grid-row:1/4;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#edf7d8;color:#456620;font-weight:900}.mi1{background:#e3efec;color:#2f796b}.mi2{background:#fff0e8;color:#d55a34}.mi3{background:#ecebed;color:#635e67}.metrics p{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#78837f;margin:0}.metrics strong{font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1}.metrics small{font-size:9px;color:#7b8782;margin-top:3px}
.dashboardGrid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(260px,.7fr);gap:15px}.findingsCard,.coverageCard{background:white;border:1px solid #dae1dd;border-radius:6px}.cardTitle{padding:20px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e4e9e6}.cardTitle h3{font-size:14px;margin:0 0 5px}.cardTitle p{font-size:10px;color:#7a8681;margin:0}.cardTitle button{border:0;background:transparent;color:#3b6459;font-size:10px;font-weight:800}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;text-transform:uppercase;letter-spacing:.07em;font-size:8px;color:#8a9591;padding:12px 16px;border-bottom:1px solid #e6ebe8}td{padding:15px 16px;border-bottom:1px solid #edf0ee;color:#5c6864}td:first-child{display:flex;align-items:center;gap:10px;color:var(--ink)}td strong,td small{display:block}td strong{font-size:11px}td small{font-size:9px;color:#8b9692;margin-top:4px}.riskDot{width:7px;height:7px;border-radius:50%;background:#d0d8d4}.riskDot.high{background:var(--orange)}.riskDot.medium{background:#e9b34c}.confidence{display:flex;align-items:center;gap:7px}.confidence i{display:block;width:34px!important;height:3px;background:var(--teal);border-radius:5px}.status{padding:5px 8px;border-radius:3px;font-size:9px;font-weight:800}.status.new{background:#fff0e9;color:#c7502e}.status.reviewing{background:#fff6dd;color:#9a6a12}.status.verified{background:#e8f2ef;color:#28695d}
.healthScore{font-family:Georgia,serif;font-size:28px;color:var(--teal)}.ring{width:138px;height:138px;margin:25px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--teal) 0 97%,#e6ebe8 97%);position:relative}.ring:after{content:"";position:absolute;inset:12px;background:white;border-radius:50%}.ring div{position:relative;z-index:1;text-align:center}.ring strong,.ring span{display:block}.ring strong{font-family:Georgia,serif;font-size:30px}.ring span{font-size:9px;color:#7c8783}.coverageCard ul{list-style:none;margin:0 20px;padding:0 0 16px}.coverageCard li{display:flex;justify-content:space-between;padding:9px 0;font-size:10px;border-top:1px solid #edf0ee}.coverageCard li span{display:flex;align-items:center;gap:7px;color:#6a7671}.coverageCard li i{width:6px;height:6px;border-radius:50%;background:var(--teal)}.coverageCard li i.delayed{background:#e9b34c}.coverageCard li i.offline{background:var(--orange)}
.method{padding:100px clamp(24px,7vw,110px) 120px;background:#f6f7f4}.method h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.045em;margin:22px 0 60px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cdd5d1}.steps article{padding:24px 28px 10px 0;border-right:1px solid #d7ded9;min-height:190px}.steps article+article{padding-left:28px}.steps b{font-size:10px;color:var(--orange);letter-spacing:.1em}.steps h3{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:38px 0 10px}.steps p{font-size:12px;line-height:1.65;color:#6a7671}
@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:70px}.signalPanel{max-width:640px}.metrics{grid-template-columns:repeat(2,1fr)}.dashboardGrid{grid-template-columns:1fr}.coverageCard{display:none}.steps{grid-template-columns:repeat(2,1fr)}.topbar nav{display:none}}
@media(max-width:620px){.topbar{grid-template-columns:1fr auto;padding:0 18px}.loginButton{font-size:0}.loginButton span{font-size:14px}.hero{padding:55px 20px 70px;min-height:auto}.heroActions{align-items:flex-start;flex-direction:column;gap:10px}.trustLine{flex-direction:column;gap:8px;margin-top:32px}.signalPanel{min-height:400px}.mapGrid{height:260px}.portal{grid-template-columns:1fr}.sidebar{display:none}.dashboard{padding:36px 15px}.dashboardHead{gap:15px}.dashboardHead h2{font-size:28px}.dateButton{display:none}.metrics{grid-template-columns:1fr 1fr;gap:8px}.metrics article{grid-template-columns:1fr;padding:14px}.metricIcon{display:none}.metrics strong{font-size:24px}.tableWrap{margin-right:-1px}.steps{grid-template-columns:1fr}.steps article,.steps article+article{padding:24px 0;border-right:0}.method{padding:75px 20px}}

.standalonePortal{background:#e9eee9;min-height:100vh;display:grid;grid-template-columns:72px 1fr}
.dashboardTopBrand{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;margin-bottom:32px;border-bottom:1px solid #d0d9d4}
.dashboardTopBrand>span{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#78837f}
.accountMenu{display:flex;flex-direction:column;justify-content:center;padding-left:10px;min-width:150px}
.accountMenu strong{font-size:10px}.accountMenu small{font-size:8px;color:#7c8783;margin-top:3px}
@media(max-width:620px){.standalonePortal{grid-template-columns:1fr}.accountMenu{display:none}.dashboardTopBrand>span{display:none}}


.demoNotice{margin:18px 0 0;color:#78837f;font-size:10px;text-align:right}
.operationsCard{margin-top:16px;background:white;border:1px solid #dae1dd;border-radius:6px}.operationsGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:22px}.controlForm{display:grid;gap:12px}.controlForm h4,.sourceList h4{margin:0;font-size:13px}.controlForm label{display:grid;gap:6px;color:#65716c;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.controlForm input{width:100%;border:1px solid #cfd8d3;border-radius:5px;padding:11px 12px;background:#fbfcfa;color:var(--ink);font:inherit;font-size:12px}.controlForm button,#crawlNowButton{border:0;border-radius:5px;background:var(--ink);color:white;padding:11px 14px;font-size:10px;font-weight:800;cursor:pointer}.formRow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.keywordList{display:flex;flex-wrap:wrap;gap:6px;max-height:110px;overflow:auto}.keywordChip{display:inline-flex;align-items:center;gap:5px;background:#eef2ef;border-radius:99px;padding:5px 8px;font-size:9px;color:#52605b}.keywordChip button{background:transparent;color:#9a4c36;padding:0;font-size:11px}.sourceList{padding:0 22px 22px}.sourceRows{margin-top:10px;border-top:1px solid #e3e8e5}.sourceRow{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,1.5fr) auto;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid #edf0ee;font-size:10px}.sourceRow strong,.sourceRow small{display:block}.sourceRow small{color:#7c8783;margin-top:3px;overflow-wrap:anywhere}.sourceState{border-radius:99px;padding:5px 8px;background:#eef2ef;text-transform:uppercase;letter-spacing:.06em;font-size:8px}.sourceState.error{background:#fff0e9;color:#c7502e}.sourceState.completed{background:#e8f2ef;color:#28695d}.findingLink{color:var(--ink);text-decoration:underline;text-decoration-color:#aebbb5;text-underline-offset:3px}.evidenceLink{color:#2f796b;font-weight:800}.statusSelect{border:1px solid #d6ddd9;border-radius:4px;background:#fafbf9;padding:5px 6px;font-size:9px}.emptyCell{display:table-cell!important;text-align:center;padding:35px!important;color:#77827e}.operationError{color:#c7502e}.operationOk{color:#2f796b}#operationStatus{font-size:10px}.headActions button{cursor:pointer}.headActions #crawlNowButton{height:39px}.confidence i{width:var(--confidence-width,34px)!important;max-width:42px}.externalMark{font-size:9px;margin-left:4px}
@media(max-width:800px){.operationsGrid{grid-template-columns:1fr}.sourceRow{grid-template-columns:1fr}.formRow{grid-template-columns:1fr}}
.crawlerInfo{max-width:760px;background:white;border:1px solid #dae1dd;border-radius:6px;padding:28px;color:#53605c;line-height:1.7}.crawlerInfo code{background:#edf1ee;color:var(--ink);padding:2px 5px;border-radius:3px}.crawlerInfo .primaryButton{display:inline-flex;margin-top:12px}