@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#07111f;--panel:#0d1a2b;--panel2:#101f33;--line:#1d3047;--text:#e8f0fa;--muted:#8da2bb;--brand:#19d3a2;--brand2:#37a4ff;--danger:#ff5f72;--warn:#ffbf47;--sidebar:250px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#07111f}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.app-body{background:#081321;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#06101d;border-right:1px solid #14263a;padding:24px 18px;display:flex;flex-direction:column;z-index:50}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;color:#04131a;font-family:Space Grotesk;font-weight:800}.brand span:last-child{display:flex;flex-direction:column}.brand b{font-family:Space Grotesk;font-size:20px}.brand small{font-size:9px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase}.sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:32px}.sidebar nav a{padding:11px 13px;border-radius:9px;color:#9bb0c8;font-size:14px}.sidebar nav a:hover{background:#102238;color:white}.nav-label{font-size:9px;color:#56708e;letter-spacing:1.5px;margin:19px 13px 5px}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:15px}.sidebar-foot>a{font-size:12px;color:#7890aa;margin-left:48px}.user-mini{display:flex;align-items:center;gap:10px;margin-bottom:8px}.user-mini>span,.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#17314b;color:var(--brand);font-weight:700}.user-mini div{display:flex;flex-direction:column}.user-mini b{font-size:12px}.user-mini small{font-size:10px;color:var(--muted)}.main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;background:rgba(8,19,33,.93);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.topbar h1{font:700 20px Space Grotesk;margin:0}.topbar p{font-size:11px;color:var(--muted);margin:3px 0 0}.topbar .btn{margin-left:auto}.menu-btn{display:none;background:none;border:0;color:white;font-size:22px}.content{padding:28px 32px;max-width:1550px;margin:auto}.footer{padding:22px 32px;color:#5f7895;font-size:11px;border-top:1px solid var(--line);margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:9px;padding:10px 15px;font-weight:650;font-size:13px;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--brand),#20b8d9);color:#04201b;box-shadow:0 8px 25px rgba(25,211,162,.13)}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{border-color:#28415d;color:#bad0e7;background:#0d1b2d}.btn-danger{background:#3a1721;color:#ff91a0;border-color:#6e2634}.btn-sm{padding:7px 10px;font-size:11px}.btn-lg{padding:14px 20px;font-size:15px}.full{width:100%}.flash{padding:12px 15px;border-radius:8px;margin-bottom:18px;font-size:13px;transition:.4s}.flash.success{background:#0e3a32;color:#65f1c9;border:1px solid #1c6655}.flash.error{background:#3b1720;color:#ffa6b1;border:1px solid #712534}.flash.fade{opacity:0}.welcome,.page-actions,.device-hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.welcome h2,.device-title h2{font:700 28px Space Grotesk;margin:4px 0}.welcome p,.page-actions p{color:var(--muted);margin:0;font-size:13px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--brand);font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.stat-grid article{border:1px solid var(--line);background:linear-gradient(145deg,#0e1c2e,#0b1727);padding:19px;border-radius:13px;display:flex;gap:14px;align-items:center}.stat-icon{width:43px;height:43px;background:#102b36;border:1px solid #1d5a55;display:grid;place-items:center;border-radius:11px;color:var(--brand);font-size:20px}.stat-grid article div{display:flex;flex-direction:column}.stat-grid small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.7px}.stat-grid strong{font:700 25px Space Grotesk;margin:3px 0}.stat-grid em{font-style:normal;font-size:10px;color:#69819c}.card{background:linear-gradient(145deg,#0d1b2c,#0a1726);border:1px solid var(--line);border-radius:13px;padding:20px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.card-head h3{font:650 16px Space Grotesk;margin:0}.card-head p{font-size:11px;color:var(--muted);margin:4px 0 0}.card-head>a{font-size:12px;color:var(--brand)}.dash-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,.8fr);gap:18px;margin-bottom:18px}.chart-card canvas{max-height:310px}.live-pill{font-size:9px;color:var(--brand);border:1px solid #27594d;padding:5px 8px;border-radius:20px}.usage-card{text-align:center}.ring{--p:0;width:145px;height:145px;border-radius:50%;margin:15px auto;display:grid;place-items:center;background:conic-gradient(var(--brand) calc(var(--p)*1%),#172c42 0);position:relative}.ring:after{content:"";position:absolute;inset:13px;background:#0d1b2c;border-radius:50%}.ring>div{z-index:1;display:flex;flex-direction:column}.ring strong{font:700 28px Space Grotesk}.ring small{color:var(--muted);font-size:10px}.usage-card>p{font-size:11px;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#6f88a4;text-transform:uppercase;letter-spacing:.8px;font-size:9px;padding:11px;border-bottom:1px solid var(--line)}td{padding:13px 11px;border-bottom:1px solid #13253a;color:#b6c7da;vertical-align:middle}tr:last-child td{border:0}.device-cell,.device-title{display:flex;align-items:center;gap:11px}.device-cell>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#10293b;color:var(--brand)}.device-cell div{display:flex;flex-direction:column}.device-cell small,.block{display:block;font-size:9px;color:#6f87a2;margin-top:3px}.status{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:700;text-transform:uppercase;padding:5px 7px;border-radius:15px;background:#16263a;color:#91a6bc}.status.online,.status.active,.status.acknowledged{background:#0f382f;color:#55e8bd}.status.offline,.status.expired,.status.cancelled{background:#222b38;color:#8395aa}.status.queued,.status.trial,.status.open,.status.warning{background:#3a3018;color:#ffd36c}.status.sent{background:#152f49;color:#71baff}.status.failed,.status.suspended,.status.critical{background:#3a1820;color:#ff8494}.status.resolved{background:#153529;color:#67d9a7}.empty{text-align:center!important;color:#617891!important;padding:40px!important}.icon-link{font-size:20px;color:var(--brand)}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.device-card{background:linear-gradient(150deg,#0f2033,#0a1725);border:1px solid var(--line);border-radius:14px;padding:21px}.device-card-top{display:flex;justify-content:space-between}.device-visual{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#12334a,#0c2437);color:var(--brand);font-size:24px;border:1px solid #1b4860}.device-visual.large{width:58px;height:58px;font-size:29px}.device-card h3{font:650 17px Space Grotesk;margin:16px 0 5px}.device-card>code{font-size:10px;color:#7090ae}.device-meta{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0;border-block:1px solid var(--line);padding:13px 0}.device-meta div{display:flex;flex-direction:column}.device-meta small{font-size:8px;color:#5f7894}.device-meta b{font-size:10px;margin-top:4px}.empty-state{grid-column:1/-1;text-align:center;padding:70px;border:1px dashed #28415b;border-radius:14px}.empty-state>span{font-size:50px;color:var(--brand)}.empty-state h3{font:700 22px Space Grotesk}.empty-state p{color:var(--muted);max-width:500px;margin:0 auto 20px;font-size:13px}.form-shell{display:grid;grid-template-columns:1fr 1.5fr;gap:30px;max-width:1050px}.form-intro{padding:35px 20px}.big-icon{font-size:60px;color:var(--brand)}.form-intro h2{font:700 28px Space Grotesk}.form-intro p{font-size:13px;line-height:1.8;color:var(--muted)}.quota-box{display:flex;flex-direction:column;border-left:3px solid var(--brand);padding:10px 15px;margin-top:25px}.quota-box b{font:700 24px Space Grotesk}.quota-box span{font-size:11px;color:var(--muted)}.form-card form>label,.form-card label,.auth-card label,.plan-edit label,.settings-grid label,.api-card label{display:flex;flex-direction:column;gap:7px;color:#9bb0c7;font-size:11px;margin-bottom:14px}input,select,textarea{width:100%;border:1px solid #28415b;background:#091624;color:#dce8f5;border-radius:8px;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(25,211,162,.08)}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.full-row{grid-column:1/-1}.form-card small{color:#5f7791}.device-actions{display:flex;gap:8px}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.metric-card{border:1px solid var(--line);background:#0c1a2b;border-radius:11px;padding:15px;display:flex;flex-direction:column}.metric-card:hover,.metric-card.active{border-color:#287c6d;background:#0d272d}.metric-card small{color:#7f96af;font-size:9px;text-transform:uppercase}.metric-card strong{font:700 23px Space Grotesk;margin:7px 0}.metric-card sup{font:500 10px Inter;color:var(--muted)}.metric-card em{font-style:normal;color:#536f8c;font-size:9px}.copy-field{display:flex;border:1px solid #28415b;background:#091624;border-radius:8px;overflow:hidden}.copy-field code{padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;color:#79eacb}.copy-field button{border:0;background:#162c42;color:#a9c0d8;padding:0 10px;cursor:pointer}.split-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.4fr);gap:18px}.rule-list article,.webhook-list article,.team-list article{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--line)}.rule-list article>div,.webhook-list article>div:first-child,.team-list article>div{flex:1}.rule-list b,.webhook-list b,.team-list b{font-size:12px}.rule-list p,.team-list p{font-size:10px;color:#8aa0b8;margin:4px 0}.rule-list small,.webhook-list small{font-size:9px;color:#5e7791}.severity{width:24px;height:24px;display:inline-grid;place-items:center;border-radius:7px;font-weight:800;font-size:11px}.severity.info{background:#163752;color:#67baff}.severity.warning{background:#43351a;color:#ffd06a}.severity.critical{background:#411923;color:#ff7f91}.toggle{width:38px;height:21px;border-radius:20px;background:#25364a;padding:3px}.toggle i{display:block;width:15px;height:15px;border-radius:50%;background:#758ba2;transition:.2s}.toggle.on{background:#14634f}.toggle.on i{transform:translateX(17px);background:#5ff0c4}.inline{display:inline}.inline-form{display:flex;gap:5px;align-items:center}.inline-form select{padding:7px}.webhook-list code{display:block;font-size:9px;color:#65d8bc;margin:5px 0;max-width:450px;overflow:hidden;text-overflow:ellipsis}.http-code{font-size:9px;background:#16263a;padding:5px}.danger-link{display:block;color:#ff7b8d;font-size:10px;text-align:right;margin-top:8px}.check{flex-direction:row!important;align-items:center}.check input{width:auto}.team-list .role-pill{font-size:9px;text-transform:uppercase;border:1px solid #29445f;border-radius:20px;padding:5px 8px;color:#8fb0cf}.settings-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.plan-card h2{font:700 30px Space Grotesk}.plan-card>strong{font:700 25px Space Grotesk;color:var(--brand)}.plan-card>strong small{font:400 10px Inter;color:var(--muted)}.plan-card ul{padding:0;list-style:none}.plan-card li{padding:9px;border-bottom:1px solid var(--line);font-size:11px}.plan-card p{font-size:11px;color:var(--muted)}.pricing-admin{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.plan-edit.new{border-style:dashed}.public-body{background:#06111e;color:white}.landing-nav{height:78px;display:flex;align-items:center;max-width:1240px;margin:auto;padding:0 25px}.landing-nav nav{margin:auto;display:flex;gap:28px}.landing-nav nav a{font-size:12px;color:#9ab0c8}.landing-nav>div{display:flex;gap:8px}.hero{min-height:690px;max-width:1240px;padding:90px 25px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;margin:auto}.hero h1{font:700 58px/1.05 Space Grotesk;margin:16px 0 22px;letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--brand)}.hero>div>p{font-size:16px;line-height:1.7;color:#94abc2;max-width:650px}.hero-actions{display:flex;gap:10px;margin-top:30px}.trust-row{display:flex;gap:22px;font-size:10px;color:#728ba5;margin-top:25px}.hero-console{background:linear-gradient(145deg,#0e2032,#091523);border:1px solid #21405a;border-radius:18px;padding:23px;box-shadow:0 35px 100px rgba(0,0,0,.35),0 0 70px rgba(25,211,162,.06)}.console-top{display:flex;gap:5px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px}.console-top span{width:7px;height:7px;border-radius:50%;background:#37506a}.console-top span:first-child{background:#ff6a7c}.console-top b{margin-left:auto;font-size:8px;color:#5f7993;letter-spacing:1.5px}.metric-live{display:grid;grid-template-columns:1fr auto;align-items:end;padding:25px 0}.metric-live small{grid-column:1/-1;color:#7892aa}.metric-live strong{font:700 52px Space Grotesk}.metric-live sup{font-size:15px;color:var(--muted)}.metric-live i{font-style:normal;font-size:9px;color:var(--brand)}.wave{height:80px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 100'%3E%3Cpath d='M0 70 C60 80 80 20 140 45 S230 88 290 35 390 60 500 15' fill='none' stroke='%2319d3a2' stroke-width='3'/%3E%3C/svg%3E") center/cover no-repeat;border-bottom:1px solid var(--line)}.console-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:20px}.console-grid div{background:#0c1b2b;padding:13px}.console-grid small{display:block;color:#687f99;font-size:9px}.console-grid b{font:600 16px Space Grotesk}.section{max-width:1240px;margin:auto;padding:90px 25px}.section-title{text-align:center;max-width:700px;margin:0 auto 45px}.section-title span{color:var(--brand);font-size:10px;letter-spacing:2px}.section-title h2{font:700 38px Space Grotesk;margin:10px}.section-title p{color:#829ab2;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-grid article{border:1px solid #19304a;background:#0a1827;border-radius:13px;padding:25px}.feature-grid article>b{color:var(--brand);font:700 12px Space Grotesk}.feature-grid h3{font:650 18px Space Grotesk}.feature-grid p{color:#8097af;font-size:12px;line-height:1.7}.dark-section{max-width:none;background:#091827;border-block:1px solid #18304a}.dark-section>*{max-width:1100px;margin-left:auto;margin-right:auto}.code-demo{background:#050d17;border:1px solid #1b3851;padding:25px;border-radius:13px;color:#7ce4c7;overflow:auto;font-size:13px;line-height:1.7}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:900px;margin:auto}.pricing-grid article{border:1px solid #1d344d;background:#0b1928;border-radius:14px;padding:26px;position:relative}.pricing-grid article.popular{border-color:var(--brand);transform:translateY(-10px)}.pricing-grid article>span{position:absolute;right:15px;top:15px;font-size:8px;color:var(--brand)}.pricing-grid h3{font:700 20px Space Grotesk}.pricing-grid strong{font:700 35px Space Grotesk}.pricing-grid strong small{font:400 10px Inter;color:#8198af}.pricing-grid p{font-size:11px;color:#8298af;line-height:1.7}.landing-footer{border-top:1px solid #1b3046;max-width:1240px;margin:auto;padding:40px 25px;display:flex;align-items:center;gap:20px}.landing-footer p{color:#7890a8;font-size:11px}.landing-footer a{margin-left:auto;color:var(--brand);font-size:12px}.auth-page{min-height:100vh;background:#07111f;display:grid;place-items:center;padding:25px}.auth-split{width:min(1000px,100%);display:grid;grid-template-columns:1.2fr .8fr;border:1px solid #1f3851;border-radius:20px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.3)}.auth-promo{padding:65px;background:radial-gradient(circle at 20% 100%,rgba(25,211,162,.14),transparent 50%),#0a1929}.auth-promo h1{font:700 42px/1.08 Space Grotesk;max-width:500px;margin-top:70px}.auth-promo>p{color:#8da3ba;line-height:1.7}.mini-stats{display:flex;gap:15px;margin-top:35px}.mini-stats div{border-left:2px solid var(--brand);padding-left:10px;display:flex;flex-direction:column}.mini-stats b{font:700 22px Space Grotesk}.mini-stats small{font-size:9px;color:#6f879f}.auth-card{padding:45px;background:#0d1b2b}.auth-card h2{font:700 26px Space Grotesk;margin:0 0 7px}.muted{color:var(--muted);font-size:12px}.auth-card form{margin-top:25px}.auth-bottom{text-align:center;font-size:11px;color:#7890a8;margin-top:20px}.auth-bottom a{color:var(--brand)}.auth-brand{margin-bottom:30px}.install-wrap{width:min(850px,100%)}.auth-card.wide{border:1px solid var(--line);border-radius:16px}.success-panel{text-align:center;padding:30px}.success-panel h2{color:var(--brand)}.auth-card textarea{width:100%}@media(max-width:1050px){.stat-grid{grid-template-columns:1fr 1fr}.device-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:repeat(3,1fr)}.pricing-admin{grid-template-columns:1fr 1fr}.hero h1{font-size:46px}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.25s}.menu-open .sidebar{transform:translateX(0)}.main{margin-left:0}.menu-btn{display:block;margin-right:15px}.content{padding:20px 15px}.dash-grid,.form-shell,.split-layout,.settings-grid,.hero,.auth-split{grid-template-columns:1fr}.landing-nav nav{display:none}.landing-nav .btn-ghost{display:none}.hero{padding-top:50px}.hero h1{font-size:42px}.feature-grid,.pricing-grid{grid-template-columns:1fr}.pricing-grid article.popular{transform:none}.auth-promo{display:none}.device-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.device-hero,.welcome,.page-actions{align-items:flex-start;gap:15px;flex-direction:column}.device-actions{flex-wrap:wrap}}@media(max-width:500px){.stat-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full-row{grid-column:auto}.metric-grid{grid-template-columns:1fr}.topbar{padding:0 15px}.topbar .btn{display:none}.hero h1{font-size:35px}.trust-row{flex-direction:column;gap:8px}}
.notification-list article{display:flex;align-items:center;gap:13px;padding:15px;border-bottom:1px solid var(--line);opacity:.68}.notification-list article.unread{opacity:1;background:rgba(25,211,162,.025)}.notification-list article>div{flex:1}.notification-list b{font-size:12px}.notification-list p{font-size:11px;color:#94a9bf;margin:5px 0}.notification-list small{font-size:9px;color:#5f7895}.user-mini{text-decoration:none}
/* IoTOne V1.1 Intelligence Edition */
.smart-dashboard-band{display:grid;grid-template-columns:1.1fr 1.4fr auto;gap:22px;align-items:center;background:linear-gradient(120deg,rgba(25,211,162,.11),rgba(43,177,223,.04));border:1px solid rgba(25,211,162,.35);border-radius:16px;padding:22px;margin-bottom:18px}.smart-dashboard-band h3{margin:5px 0;font:650 20px Space Grotesk}.smart-dashboard-band p{margin:0;color:var(--muted);font-size:11px}.smart-mini-list{display:flex;flex-direction:column;gap:7px}.smart-mini-list a{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:9px;background:rgba(4,14,25,.5);text-decoration:none}.smart-mini-list a div{display:flex;flex-direction:column}.smart-mini-list b{font-size:11px;color:#eef7ff}.smart-mini-list small{font-size:9px;color:#7891aa}.smart-clear{color:var(--brand);font-size:12px}.severity-badge{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:800;letter-spacing:.7px}.severity-badge.info{background:rgba(56,189,248,.12);color:#7dd3fc}.severity-badge.warning{background:rgba(245,158,11,.13);color:#fbbf24}.severity-badge.critical{background:rgba(244,63,94,.14);color:#fb7185}
.location-list{display:grid;gap:13px}.location-card{padding:20px}.weather-badge{font:700 29px Space Grotesk;color:var(--brand)}.location-meta{display:flex;flex-wrap:wrap;gap:15px;border-top:1px solid var(--line);padding-top:13px;color:var(--muted);font-size:10px}.location-meta b{color:#dcebf7}.card-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:14px}.card-actions form{margin:0}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.solution-card{border:1px solid var(--line);background:#0a1827;border-radius:15px;padding:23px;display:flex;flex-direction:column;gap:14px;opacity:.72}.solution-card.active{opacity:1;border-color:rgba(25,211,162,.35);box-shadow:0 18px 55px rgba(0,0,0,.2)}.solution-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:rgba(25,211,162,.1);font-size:23px}.solution-card h3{font:650 19px Space Grotesk;margin:9px 0}.solution-card p{color:#8ca2b8;font-size:12px;line-height:1.6;min-height:56px}.solution-card small{color:#637d96;font-size:10px}.solution-card form{margin-top:auto}.intelligence-explainer{margin-top:20px;display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:25px;padding:28px}.intelligence-explainer h2{font:650 25px Space Grotesk}.intelligence-explainer p{color:var(--muted);line-height:1.7}.intelligence-flow{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.intelligence-flow span{background:#071320;border:1px solid #1a3a4e;padding:11px;border-radius:10px;font-size:10px}.intelligence-flow b{color:var(--brand)}
.smart-welcome{border:1px solid rgba(25,211,162,.25);background:linear-gradient(110deg,rgba(25,211,162,.08),transparent)}.recommendation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.recommendation-card{border:1px solid var(--line);border-top:3px solid #38bdf8;border-radius:13px;background:#091725;padding:18px;display:flex;flex-direction:column}.recommendation-card.warning{border-top-color:#f59e0b}.recommendation-card.critical{border-top-color:#f43f5e}.recommendation-card h3{font:650 17px Space Grotesk;margin:13px 0 8px}.recommendation-card>p{color:#a4b5c7;font-size:11px;line-height:1.65}.muted-rec{opacity:.55}.rec-top{display:flex;justify-content:space-between;align-items:center}.confidence{font-size:9px;color:var(--brand)}.reason-box{background:#06121e;border:1px solid #183049;border-radius:9px;padding:10px;margin:9px 0;display:flex;flex-direction:column;gap:4px}.reason-box b{font-size:8px;color:#68819a;letter-spacing:1px}.reason-box span{font-size:10px;color:#b4c6d6}.rec-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto;padding-top:10px;color:#668099;font-size:9px}.suggested-action{border-left:2px solid var(--brand);padding:8px 10px;margin-top:12px;background:rgba(25,211,162,.04);font-size:10px}.suggested-action small{display:block;color:#678096;font-size:8px}.suggested-action b{color:var(--brand)}.weather-grid{display:grid;gap:9px}.weather-grid article{display:grid;grid-template-columns:1.4fr auto auto auto auto;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:12px}.weather-grid article>div{display:flex;flex-direction:column}.weather-grid small{font-size:8px;color:#637c95}.weather-grid strong{font:650 18px Space Grotesk}.weather-grid span{font-size:8px;color:#69839c}.weather-grid em{font-style:normal;font-weight:700;font-size:11px}.weather-grid em.good{color:var(--brand)}.weather-grid em.bad{color:#fb7185}.validation-list article{display:flex;gap:10px;align-items:flex-start;border-bottom:1px solid var(--line);padding:12px 0}.validation-list article>div{flex:1}.validation-list b{font-size:11px}.validation-list p{font-size:10px;color:#92a7bb;margin:3px 0}.validation-list small{font-size:9px;color:#637c95;line-height:1.4}.validation-list strong{font-size:11px}.validation-dot{width:9px;height:9px;border-radius:50%;margin-top:3px;background:#64748b}.validation-dot.normal{background:#19d3a2}.validation-dot.attention{background:#f59e0b}.validation-dot.inspect{background:#f43f5e}.validation-dot.stale{background:#a78bfa}.condition-row{display:grid;grid-template-columns:.8fr 1.5fr .55fr .8fr;gap:6px;margin-bottom:7px}.condition-row input,.condition-row select{margin:0}.safety-note{border:1px solid rgba(25,211,162,.25);background:rgba(25,211,162,.055);padding:11px;border-radius:9px;color:#99cdbd;font-size:10px;margin:12px 0}.smart-rules article{align-items:flex-start}.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.capability-grid article{border:1px solid var(--line);border-radius:11px;padding:14px;display:flex;gap:12px;align-items:center}.capability-grid article>span{font-size:20px;color:var(--brand)}.capability-grid article>div{flex:1}.capability-grid b{font-size:12px}.capability-grid p{font-size:10px;color:#7f96ad;margin:4px 0}.capability-grid code{font-size:8px}.comparison-strip{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:20px;padding:20px;margin-bottom:15px;background:linear-gradient(110deg,rgba(25,211,162,.07),rgba(56,189,248,.03))}.comparison-strip h3{margin:5px 0}.comparison-strip p{color:var(--muted);font-size:10px}.comparison-values{display:flex;align-items:center;gap:12px}.comparison-values span{display:flex;flex-direction:column}.comparison-values small{font-size:8px;color:#69839c}.comparison-values strong{font:700 24px Space Grotesk}.comparison-values>b{color:#4f6a82}.validation-chip{padding:6px 9px!important;border-radius:999px;font-size:8px!important;font-weight:700}.validation-chip.normal{background:rgba(25,211,162,.12);color:#19d3a2}.validation-chip.attention{background:rgba(245,158,11,.12);color:#fbbf24}.validation-chip.inspect{background:rgba(244,63,94,.12);color:#fb7185}.validation-chip.stale{background:rgba(167,139,250,.12);color:#c4b5fd}
@media(max-width:1050px){.solution-grid,.recommendation-grid{grid-template-columns:1fr 1fr}.smart-dashboard-band{grid-template-columns:1fr}.comparison-strip{grid-template-columns:1fr}.intelligence-explainer{grid-template-columns:1fr}}
@media(max-width:700px){.solution-grid,.recommendation-grid,.capability-grid{grid-template-columns:1fr}.condition-row{grid-template-columns:1fr 1fr}.weather-grid article{grid-template-columns:1fr auto auto}.weather-grid article>small{grid-column:1/-1}.comparison-values{flex-wrap:wrap}}