@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
  --navy: #071d58;
  --navy-2: #0a2a72;
  --cyan: #20d3e4;
  --cyan-soft: #dffbff;
  --violet: #7d35d1;
  --coral: #ff6268;
  --green: #a8d900;
  --paper: #f8fcff;
  --white: #fff;
  --ink: #071d58;
  --muted: #5f7198;
  --line: #cbd8ee;
  --shadow: 0 20px 55px rgba(7, 29, 88, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; color: var(--ink); background: var(--paper); font-family: 'Space Grotesk', sans-serif; }
a { color: inherit; }
button, input { font: inherit; }

.site-header {
  height: 92px; padding: 0 clamp(20px, 5vw, 76px); display: flex; align-items: center; justify-content: space-between;
  border-bottom: 1px solid rgba(7,29,88,.12); background: rgba(248,252,255,.9); backdrop-filter: blur(18px); position: relative; z-index: 20;
}
.brand-logo { display: block; width: clamp(190px, 19vw, 285px); line-height: 0; }
.brand-logo img { display: block; width: 100%; height: auto; }
nav { display: flex; align-items: center; gap: 22px; }
nav a, .text-button { font: 500 11px 'DM Mono'; letter-spacing: .08em; text-transform: uppercase; }
.nav-pill { text-decoration: none; padding: 10px 14px; border: 1.5px solid var(--navy); border-radius: 999px; transition: .2s; }
.nav-pill:hover { color: white; background: var(--navy); }
main { min-height: calc(100vh - 154px); position: relative; }

.hero {
  min-height: calc(100vh - 150px); display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(390px, .88fr); align-items: center;
  gap: clamp(30px, 6vw, 100px); padding: clamp(55px, 7vw, 105px) clamp(22px, 7vw, 110px); overflow: hidden;
  background-image: linear-gradient(rgba(7,29,88,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(7,29,88,.035) 1px, transparent 1px);
  background-size: 38px 38px;
}
.hero:before { content: ''; position: absolute; width: 600px; height: 600px; right: 6%; top: 4%; border-radius: 50%; background: radial-gradient(circle, rgba(32,211,228,.18), rgba(125,53,209,.05) 50%, transparent 70%); pointer-events: none; }
.hero-copy { position: relative; z-index: 2; }
.eyebrow, .control-kicker { margin: 0; color: var(--violet); font: 500 11px 'DM Mono'; letter-spacing: .16em; }
.eyebrow span { width: 8px; height: 8px; margin-right: 9px; display: inline-block; border-radius: 50%; background: var(--coral); box-shadow: 0 0 0 5px rgba(255,98,104,.12); }
h1 { margin: 26px 0; font-size: clamp(48px, 6.8vw, 100px); line-height: .9; letter-spacing: -.065em; }
h1 em { color: var(--violet); font-style: normal; position: relative; white-space: nowrap; }
h1 em:after { content: ''; height: 7px; position: absolute; left: 2%; right: -1%; bottom: 2px; z-index: -1; border-radius: 99px; background: var(--cyan); transform: rotate(-1deg); }
.lead { max-width: 720px; color: var(--muted); font-size: clamp(17px, 1.7vw, 22px); line-height: 1.55; }
.search { max-width: 820px; margin-top: 38px; padding: 7px; display: flex; align-items: center; border: 2px solid var(--navy); border-radius: 18px; background: white; box-shadow: 7px 8px 0 rgba(7,29,88,.15); transition: .2s; }
.search:focus-within { box-shadow: 7px 8px 0 rgba(32,211,228,.45); }
.search-icon { width: 19px; height: 19px; margin-left: 13px; border: 2px solid var(--violet); border-radius: 50%; position: relative; flex: none; }
.search-icon:after { content: ''; position: absolute; width: 7px; height: 2px; right: -5px; bottom: -3px; background: var(--violet); transform: rotate(45deg); }
.search input { min-width: 0; flex: 1; border: 0; outline: 0; padding: 16px 17px; color: var(--navy); background: transparent; font: 400 13px 'DM Mono'; }
.search button { align-self: stretch; padding: 0 22px; border: 0; border-radius: 11px; color: white; background: var(--navy); font-weight: 700; cursor: pointer; transition: .2s; }
.search button span { margin-left: 8px; color: var(--cyan); }
.search button:hover { background: var(--violet); }
.chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.chips span, .badge { padding: 6px 9px; border: 1px solid var(--line); border-radius: 99px; background: white; color: var(--navy); font: 500 10px 'DM Mono'; text-transform: uppercase; }
.chips span:nth-child(2n) { border-color: rgba(125,53,209,.35); }

.signal-watcher { min-height: 510px; position: relative; display: grid; place-items: center; }
.signal-watcher svg { width: min(100%, 500px); overflow: visible; position: relative; z-index: 3; filter: drop-shadow(0 22px 20px rgba(7,29,88,.14)); animation: float 5s ease-in-out infinite; }
.orbit { position: absolute; border: 1px solid rgba(125,53,209,.24); border-radius: 50%; }
.orbit:before, .orbit:after { content: ''; position: absolute; border-radius: 50%; }
.orbit-one { width: 440px; height: 440px; }
.orbit-two { width: 340px; height: 340px; border-color: rgba(32,211,228,.3); }
.orbit-one:before { width: 11px; height: 11px; left: 49px; top: 57px; background: var(--violet); box-shadow: 0 0 0 7px rgba(125,53,209,.12); }
.orbit-one:after { width: 10px; height: 10px; right: 27px; bottom: 105px; background: var(--cyan); box-shadow: 0 0 0 7px rgba(32,211,228,.12); }
.float-node { position: absolute; z-index: 4; width: 13px; height: 13px; border-radius: 50%; box-shadow: 0 0 0 8px rgba(7,29,88,.04); animation: pulse 2.5s ease-in-out infinite; }
.node-cyan { top: 13%; right: 9%; background: var(--cyan); }.node-violet { bottom: 24%; left: 6%; background: var(--violet); animation-delay: -.6s; }.node-coral { top: 28%; left: 8%; background: var(--coral); animation-delay: -1.2s; }.node-green { right: 14%; bottom: 12%; background: var(--green); animation-delay: -1.8s; }
.watcher-status { position: absolute; z-index: 6; right: 1%; bottom: 3%; display: flex; align-items: center; gap: 13px; padding: 13px 17px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.93); box-shadow: var(--shadow); }
.watcher-status>i { width: 11px; height: 11px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 6px rgba(168,217,0,.15); }
.watcher-status span, .watcher-status strong { display: block; }.watcher-status strong { margin-bottom: 4px; font: 500 10px 'DM Mono'; letter-spacing: .08em; }.watcher-status span { color: var(--muted); font-size: 11px; }
.trust-strip { padding: 21px clamp(22px, 7vw, 110px); display: flex; align-items: center; gap: 28px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--muted); background: white; font: 500 9px 'DM Mono'; letter-spacing: .12em; }
.trust-strip div { flex: 1; display: flex; justify-content: space-around; gap: 20px; color: var(--navy); }

.page { max-width: 1120px; margin: auto; padding: 60px 24px 110px; }
.page h1 { overflow-wrap: anywhere; font-size: clamp(38px, 6vw, 70px); line-height: .98; }
.compact { max-width: 100%; margin: 0; }
.results { display: grid; gap: 13px; margin-top: 32px; }
.result { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; padding: 19px; border: 1px solid var(--line); border-left: 5px solid var(--cyan); border-radius: 13px; text-decoration: none; background: white; box-shadow: 0 7px 24px rgba(7,29,88,.06); transition: .2s; }
.result:hover { border-left-color: var(--violet); transform: translateY(-2px); box-shadow: var(--shadow); }
.result div { min-width: 0; }.result strong { display: block; overflow: hidden; text-overflow: ellipsis; }.result small { display: block; margin-top: 5px; color: var(--muted); font: 11px 'DM Mono'; }.result-signals { display:flex; align-items:center; gap:12px; }.result-signals b { color: var(--violet); font-size: 26px; text-align:right; }.result-signals b small { display:block; margin:0; font-size:9px; text-transform:uppercase; }
.badge { border-color: var(--navy); }.badge.malicious, .dot.malicious { background: var(--coral); }.badge.suspicious, .dot.suspicious { background: #ffd164; }.badge.clean, .dot.clean { background: var(--green); }.badge.unknown, .dot.unknown { background: #dbe4f3; }
.empty { padding: 65px; margin-top: 30px; text-align: center; border: 1px dashed var(--line); border-radius: 15px; background: white; }
.results-kicker { margin-top:58px; }.signal-cards { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.score { display: flex; align-items: center; gap: 25px; padding: 27px; border: 1px solid var(--line); border-radius: 18px; background: white; box-shadow: var(--shadow); }
.ring { width: 145px; height: 145px; flex: none; display: grid; place-content: center; text-align: center; border: 13px solid var(--coral); border-radius: 50%; }.ring.suspicious { border-color: #ffd164; }.ring.clean { border-color: var(--green); }.ring.unknown { border-color: var(--line); }.ring b { font-size: 42px; }.ring small { font: 10px 'DM Mono'; }
.detail h2 { margin-top: 55px; }.timeline { margin-left: 9px; border-left: 2px solid var(--cyan); }.timeline article { position: relative; padding: 0 0 32px 30px; }.dot { position: absolute; left: -8px; top: 3px; width: 15px; height: 15px; border: 2px solid var(--navy); border-radius: 50%; }.timeline p, .timeline small { color: var(--muted); font: 11px 'DM Mono'; }.timeline i { margin-left: 6px; color: var(--violet); font-style: normal; }.disclaimer { padding-top: 18px; border-top: 1px solid var(--line); color: var(--muted); font: 10px 'DM Mono'; }
.attention-card { display:flex; align-items:center; gap:25px; padding:27px; border:1px solid var(--line); border-radius:18px; background:white; box-shadow:var(--shadow); }.attention-number { width:130px; height:130px; flex:none; display:grid; place-content:center; text-align:center; border:9px solid var(--cyan); border-radius:28px; }.attention-card.elevated .attention-number { border-color:#ffd164; }.attention-card.high .attention-number { border-color:var(--coral); }.attention-card.surge .attention-number { border-color:var(--violet); box-shadow:0 0 0 7px rgba(125,53,209,.1); }.attention-number b { font-size:38px; }.attention-number small { font:9px 'DM Mono'; }.signal-label { margin:0 0 10px!important; color:var(--muted); font:500 9px 'DM Mono'; letter-spacing:.12em; }.attention-card p { color:var(--muted); }.attention-card small { color:var(--muted); font:10px 'DM Mono'; }.attention-badge { display:inline-block; padding:5px 8px; border:1px solid var(--line); border-radius:99px; color:var(--navy); background:var(--cyan-soft); font:500 9px 'DM Mono'; text-transform:uppercase; }.attention-badge.elevated { background:#fff0b9; }.attention-badge.high { background:#ffb6b9; }.attention-badge.surge { color:white; background:var(--violet); }.signal-note { margin-top:17px; padding:15px 18px; border-left:4px solid var(--cyan); border-radius:0 10px 10px 0; color:var(--muted); background:white; font-size:12px; }.signal-note strong { color:var(--navy); }
footer { min-height: 62px; padding: 10px 5vw; display: flex; align-items: center; gap: 9px; border-top: 1px solid var(--line); color: var(--muted); font: 10px 'DM Mono'; background: white; } footer img { width: 28px; }

/* Control Room */
.control-body { --control-bg:#061747; --control-card:#0a235e; --control-line:#24427e; --control-text:#f4f9ff; --control-muted:#91a9d4; color:var(--control-text); background:var(--control-bg); background-image:radial-gradient(circle at 90% 10%,rgba(125,53,209,.23),transparent 28%),linear-gradient(rgba(39,226,239,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(39,226,239,.025) 1px,transparent 1px); background-size:auto,38px 38px,38px 38px; }
.control-header { height:82px; padding:0 clamp(18px,4vw,60px); display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:20; border-bottom:1px solid var(--control-line); background:rgba(6,23,71,.94); backdrop-filter:blur(18px); }
.control-logo, .login-logo { display:flex; align-items:center; gap:15px; text-decoration:none; }.control-logo img { width:180px; padding:4px 8px; border-radius:9px; background:var(--paper); }.control-logo span, .login-logo span { padding-left:14px; border-left:1px solid var(--control-line); color:var(--cyan); font:500 10px 'DM Mono'; letter-spacing:.13em; white-space:nowrap; }
.control-header nav form { margin:0; }.control-header nav a { color:var(--control-text); }.text-button { padding:0; border:0; color:var(--control-text); background:none; text-decoration:underline; cursor:pointer; }.control-online { color:var(--control-muted); font:10px 'DM Mono'; text-transform:uppercase; }.control-online i { width:8px; height:8px; display:inline-block; margin-right:7px; border-radius:50%; background:var(--green); box-shadow:0 0 11px var(--green); }
.control-main { max-width:1500px; margin:auto; padding:44px clamp(18px,4vw,64px) 100px; }.control-intro { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:42px; }.control-intro h1,.review-head h1 { margin:14px 0 0; color:white; font-size:clamp(44px,6vw,84px); line-height:.9; }.control-kicker { color:var(--cyan); }.status-live { padding-bottom:8px; color:var(--control-muted); font:11px 'DM Mono'; }.status-live i { width:9px; height:9px; display:inline-block; margin-right:8px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); }
.metric-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-bottom:28px; }.metric-grid article { min-height:142px; padding:22px; display:flex; flex-direction:column; position:relative; overflow:hidden; border:1px solid var(--control-line); border-radius:13px; background:linear-gradient(145deg,#0c2868,var(--control-card)); }.metric-grid article:after { content:''; width:70px; height:70px; position:absolute; right:-25px; top:-25px; border:1px solid rgba(39,226,239,.24); border-radius:50%; }.metric-grid article:nth-child(2):after { border-color:rgba(125,53,209,.6); }.metric-grid article:nth-child(3):after { border-color:rgba(255,98,104,.6); }.metric-grid article:nth-child(4):after { border-color:rgba(39,226,239,.7); }.metric-grid article:nth-child(5):after { border-color:rgba(168,217,0,.6); }.metric-grid span,.metric-grid small { color:var(--control-muted); font:10px 'DM Mono'; text-transform:uppercase; letter-spacing:1px; }.metric-grid strong { margin:auto 0 2px; color:white; font-size:45px; }
.control-panel { padding:24px; border:1px solid var(--control-line); border-radius:14px; background:rgba(10,35,94,.92); box-shadow:0 18px 50px rgba(0,5,30,.16); }.panel-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }.panel-heading h2 { margin:0; color:white; font-size:26px; }.panel-heading>span { color:var(--control-muted); font:10px 'DM Mono'; }.control-table-wrap { overflow-x:auto; }.control-table { width:100%; min-width:920px; border-collapse:collapse; }.control-table th { padding:11px 14px; border-bottom:1px solid var(--control-line); color:var(--control-muted); text-align:left; font:9px 'DM Mono'; letter-spacing:1px; text-transform:uppercase; }.control-table td { padding:15px 14px; border-bottom:1px solid rgba(36,66,126,.7); font-size:13px; }.control-table td strong,.control-table td small { display:block; }.control-table td small,.control-table time { margin-top:4px; color:var(--control-muted); font:9px 'DM Mono'; }.control-table .badge { display:inline-block; color:var(--navy); }.visibility { font:9px 'DM Mono'; text-transform:uppercase; }.visibility:before { content:''; width:7px; height:7px; display:inline-block; margin-right:6px; border-radius:50%; }.visibility.public:before { background:var(--green); }.visibility.private:before { background:#999; }.row-link { color:var(--cyan); font:10px 'DM Mono'; white-space:nowrap; }.table-empty { padding:45px!important; color:var(--control-muted); text-align:center!important; font:11px 'DM Mono'; }
.attention-panel,.audit-panel { margin-bottom:28px; }.attention-panel { border-color:#315797; }.audit-panel { border-color:#4c397f; }.attention-table .attention-badge { color:var(--navy); }.attention-table .attention-badge.surge { color:white; }
.control-split { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(310px,.7fr); gap:28px; margin-top:28px; align-items:start; }.principal-list { display:grid; gap:9px; }.principal-list article { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:13px; padding:13px; border:1px solid var(--control-line); border-radius:10px; background:rgba(6,23,71,.3); }.principal-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:11px; color:var(--navy); background:var(--cyan); font:700 12px 'DM Mono'; }.principal-list strong,.principal-list small { display:block; }.principal-list small { margin-top:3px; color:var(--control-muted); font:9px/1.7 'DM Mono'; overflow-wrap:anywhere; }.status-pill { padding:5px 7px; border:1px solid var(--control-line); border-radius:99px; font:9px 'DM Mono'; text-transform:uppercase; }.status-pill.active { color:var(--green); }.status-pill.inactive { color:var(--coral); }.inline-actions { display:flex; gap:5px; }.inline-actions form { margin:0; }.mini-button { padding:7px; border:1px solid var(--control-line); border-radius:7px; color:var(--control-text); background:transparent; font:9px 'DM Mono'; cursor:pointer; }.mini-button:hover { border-color:var(--cyan); }.mini-button.danger:hover { border-color:var(--coral); color:var(--coral); }
.control-form { display:grid; gap:18px; }.control-form label:not(.check),.control-form legend { color:var(--control-muted); font:9px 'DM Mono'; letter-spacing:1px; text-transform:uppercase; }.control-form input[type=text],.control-form input[type=password],.control-form label:not(.check)>input { width:100%; display:block; margin-top:8px; padding:14px; border:1px solid var(--control-line); border-radius:8px; outline:none; color:var(--control-text); background:#061747; font:12px 'DM Mono'; }.control-form input:focus { border-color:var(--cyan); box-shadow:0 0 0 3px rgba(39,226,239,.1); }.control-form fieldset { display:grid; gap:12px; padding:15px; border:1px solid var(--control-line); border-radius:9px; }.check { font-size:13px; }.check input { margin-right:7px; accent-color:var(--cyan); }.control-button { padding:14px 17px; border:0; border-radius:9px; color:var(--navy); background:var(--cyan); font-weight:700; cursor:pointer; }.control-button span { margin-left:7px; }.control-button:hover { background:var(--green); }.control-button.small { padding:10px 13px; }.control-button.secondary { margin-top:20px; border:1px solid var(--control-muted); color:var(--control-text); background:transparent; }.control-alert { padding:15px; margin-bottom:18px; border:1px solid var(--cyan); border-radius:9px; background:rgba(39,226,239,.08); font:11px 'DM Mono'; }.control-alert.danger { border-color:var(--coral); color:#ffaaa9; background:rgba(255,98,104,.1); }.key-reveal { display:grid; grid-template-columns:minmax(220px,1fr) minmax(260px,2fr) auto; align-items:center; gap:22px; margin-bottom:28px; }.key-reveal p { margin:5px 0 0; color:var(--control-muted); }.key-reveal code { padding:14px; overflow:auto; color:var(--cyan); background:#041239; border-radius:7px; }
.login-body { min-height:100vh; display:grid; place-items:center; padding:25px; overflow:hidden; position:relative; }.login-shell { width:min(100%,850px); position:relative; z-index:2; }.login-logo { width:max-content; margin:0 auto 28px; }.login-logo img { width:230px; padding:5px 9px; border-radius:10px; background:var(--paper); }.login-card { display:grid; grid-template-columns:260px 1fr; align-items:center; gap:40px; padding:clamp(25px,5vw,52px); border:1px solid var(--control-line); border-radius:20px; background:rgba(10,35,94,.94); box-shadow:0 35px 90px rgba(0,5,30,.45); }.login-card h1 { margin:17px 0; color:white; font-size:clamp(42px,7vw,69px); line-height:.87; }.login-card>div>p,.login-card>div>small { color:var(--control-muted); line-height:1.5; }.login-card>div>small { display:block; margin-top:20px; font:9px 'DM Mono'; }.login-watcher svg { width:100%; filter:drop-shadow(0 15px 20px rgba(0,0,0,.25)); animation:float 5s ease-in-out infinite; }.login-orbit { position:absolute; border:1px solid rgba(39,226,239,.17); border-radius:50%; }.login-orbit.one { width:650px; height:650px; left:-270px; top:-260px; }.login-orbit.two { width:520px; height:520px; right:-220px; bottom:-240px; border-color:rgba(125,53,209,.3); }
.back-link { color:var(--cyan); font:10px 'DM Mono'; }.review-head { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin:35px 0; }.review-head h1 { overflow-wrap:anywhere; }.review-head p { color:var(--control-muted); }.review-score { width:150px; height:150px; flex:none; display:grid; place-content:center; text-align:center; border:8px solid var(--coral); border-radius:50%; }.review-score.suspicious { border-color:#ffd164; }.review-score.clean { border-color:var(--green); }.review-score.unknown { border-color:#999; }.review-score strong { color:white; font-size:43px; }.review-score small { color:var(--control-muted); font:9px 'DM Mono'; }.review-score span { margin-top:5px; font:9px 'DM Mono'; text-transform:uppercase; }.review-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr); gap:28px; align-items:start; }.review-grid aside { display:grid; gap:28px; }.fact-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; border:1px solid var(--control-line); background:var(--control-line); }.fact-grid div { padding:17px; background:var(--control-card); }.fact-grid dt { color:var(--control-muted); font:9px 'DM Mono'; text-transform:uppercase; letter-spacing:1px; }.fact-grid dd { margin:8px 0 0; font:11px 'DM Mono'; overflow-wrap:anywhere; }.tag-row { display:flex; flex-wrap:wrap; gap:7px; margin-top:20px; }.tag-row span { padding:6px; border:1px solid var(--control-line); border-radius:99px; color:var(--cyan); font:9px 'DM Mono'; }.json-panel pre { max-height:350px; padding:15px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; border-radius:8px; color:var(--cyan); background:#041239; font:10px/1.6 'DM Mono'; }.evidence-panel { border-color:#754753; }.evidence-panel>small { color:var(--control-muted); font:9px 'DM Mono'; }

@keyframes float { 0%,100% { transform:translateY(0) rotate(0); } 50% { transform:translateY(-12px) rotate(1deg); } }
@keyframes pulse { 0%,100% { transform:scale(.85); opacity:.7; } 50% { transform:scale(1.2); opacity:1; } }
@media (prefers-reduced-motion: reduce) { *,*:before,*:after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }

@media(max-width:1000px) { .hero { grid-template-columns:1fr; }.signal-watcher { min-height:430px; }.metric-grid { grid-template-columns:repeat(2,1fr); }.signal-cards,.control-split,.review-grid { grid-template-columns:1fr; }.key-reveal { grid-template-columns:1fr; }.principal-list article { grid-template-columns:auto minmax(0,1fr) auto; }.inline-actions { grid-column:2/-1; }.review-head { align-items:flex-start; } }
@media(max-width:700px) { .site-header { height:76px; }.brand-logo { width:170px; }.site-header nav a:first-child { display:none; }.hero { min-height:auto; padding-top:50px; }.signal-watcher { min-height:360px; }.signal-watcher svg { width:360px; }.orbit-one { width:340px; height:340px; }.orbit-two { width:270px; height:270px; }.watcher-status { right:50%; bottom:0; transform:translateX(50%); white-space:nowrap; }.trust-strip { align-items:flex-start; flex-direction:column; }.trust-strip div { width:100%; justify-content:flex-start; flex-wrap:wrap; }.search { display:grid; grid-template-columns:auto 1fr; }.search button { grid-column:1/-1; height:52px; }.chips { display:none; }.score { align-items:flex-start; flex-direction:column; }.result { grid-template-columns:1fr auto; }.result>.badge { grid-column:1/-1; width:max-content; }.control-header { padding:0 15px; }.control-logo img { width:145px; }.control-header nav a,.control-online { display:none; }.control-main { padding-top:30px; }.control-intro { align-items:flex-start; flex-direction:column; }.metric-grid { grid-template-columns:1fr 1fr; }.metric-grid article { min-height:115px; padding:15px; }.metric-grid strong { font-size:34px; }.principal-list article { grid-template-columns:auto minmax(0,1fr); }.status-pill { grid-column:1; }.inline-actions { grid-column:2; }.review-head { flex-direction:column; }.fact-grid { grid-template-columns:1fr; }.review-score { width:120px; height:120px; }.login-card { grid-template-columns:1fr; }.login-watcher { display:none; } }
@media(max-width:430px) { h1 { font-size:45px; }.hero { padding-left:18px; padding-right:18px; }.signal-watcher svg { width:310px; }.orbit-one { width:300px; height:300px; }.orbit-two { width:240px; height:240px; }.metric-grid { grid-template-columns:1fr; } }