:root {
  --bg: #f5f7fa;
  --bg-soft: #f8fafc;
  --sidebar: #ffffff;
  --surface: #ffffff;
  --surface-2: #f8fafc;
  --line: #e4e7ec;
  --line-soft: rgba(255,255,255,.06);
  --text: #f7fbff;
  --muted: #95a7bc;
  --blue: #2f7cff;
  --cyan: #35d6ff;
  --green: #27d987;
  --purple: #9b6cff;
  --amber: #e9bb36;
  --red: #ff6676;
  --radius: 14px;
  --shadow: 0 18px 50px rgba(0,0,0,.28);
  --sidebar-width: 272px;
}

/* M.I.A.I unified light product system */
:root {
  --bg:#f6f7fb;--bg-soft:#f9fafb;--sidebar:#fff;--surface:#fff;--surface-2:#f8fafc;
  --line:#e4e7ec;--line-soft:#eef1f5;--text:#172033;--muted:#667085;
  --blue:#5b5bd6;--cyan:#2878bd;--green:#16805c;--purple:#6657d9;
  --amber:#b76e00;--red:#b42318;--radius:14px;--shadow:0 8px 28px rgba(16,24,40,.07);
  --sidebar-width:264px;
}
html,body{background:var(--bg);color:var(--text)}
body{line-height:1.5}
a{color:var(--blue)}
:focus-visible{outline:3px solid rgba(91,91,214,.24);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sidebar{background:#fff;border-right:1px solid var(--line);box-shadow:none}
.logo{min-height:76px;padding:17px 22px;border-bottom:1px solid var(--line-soft)}
.logo img{width:174px;height:40px;object-fit:contain;object-position:left center}
.sidebar nav{padding:10px 12px 22px}
.nav-heading{margin:20px 10px 7px;color:#98a2b3;font-size:10px;letter-spacing:.11em}
.nav-link{min-height:39px;margin:2px 0;padding:8px 10px;color:#475467;border:0;border-radius:9px;font-size:13px;font-weight:600}
.nav-link span{color:#667085;font-size:15px}
.nav-link:hover{color:#4d45ba;background:#f2f1ff;transform:none}
.nav-link.active{color:#4d45ba;background:#efefff;border:0;box-shadow:none}
.nav-link.active span{color:#5b5bd6}
.user-box{min-height:76px;grid-template-columns:36px 1fr auto;padding:12px 15px;border-top:1px solid var(--line)}
.avatar{width:36px;height:36px;color:#fff;background:#5b5bd6}
.user-box strong{color:var(--text);font-size:13px}.user-box span{color:var(--muted);font-size:11px}
.user-actions{display:flex!important;align-items:flex-end!important;gap:2px!important}.user-actions a{font-size:11px}
.topbar{height:68px;padding:0 28px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.topbar h1{color:var(--text);font-size:20px}.topbar-account{color:var(--muted);font-size:13px;text-decoration:none}
.content{max-width:1600px;padding:28px 32px}.menu-button{color:var(--text)}
footer{color:#98a2b3;border-top:1px solid var(--line-soft);background:#fff}
.flash{color:#403a9e;background:#f0efff;border-color:#d8d5ff}
.button,.primary-light-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;border:1px solid transparent;border-radius:9px;font-weight:700;text-decoration:none;cursor:pointer}
.button-primary,.primary-light-button{color:#fff!important;background:#5b5bd6}.button-primary:hover,.primary-light-button:hover{background:#4c4cbe}
input,select,textarea{color:var(--text);background:#fff;border-color:#d0d5dd}
.field{margin-bottom:17px}.field label{display:block;margin-bottom:6px;color:#344054;font-size:13px;font-weight:700}
.field input,.field select,.field textarea{display:block;width:100%;min-height:44px;padding:10px 12px;border:1px solid #d0d5dd;border-radius:9px}
.field small{display:block;margin-top:5px;color:var(--muted)}
.field input:focus,.field textarea:focus,.field select:focus,.ask-miai-form textarea:focus,.assistant-form textarea:focus{border-color:#7777df;outline:3px solid rgba(91,91,214,.12)}
.card,.panel,.section-card,.light-card,.security-card{background:#fff!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:0 1px 2px rgba(16,24,40,.03)!important}
table{color:var(--text);background:#fff}th{color:#475467;background:#f8fafc}td,th{border-color:var(--line)!important}
.page-intro{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.page-intro h2{margin:3px 0;color:var(--text);font-size:28px}.page-intro p{margin:5px 0;color:var(--muted)}
.eyebrow{color:#5b5bd6;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.platform-content{width:100%}.section-card{overflow:hidden}.section-header{padding:18px 21px;border-bottom:1px solid var(--line)}.section-header h2{margin:0;color:var(--text);font-size:17px}.section-header p{margin:4px 0 0;color:var(--muted);font-size:12px}
.ask-miai-conversation{display:grid;gap:13px;min-height:260px;max-height:54vh;overflow:auto;padding:22px}
.ask-miai-message{display:grid;gap:4px;max-width:min(780px,86%);padding:12px 14px;border-radius:12px;background:#f2f4f7;color:var(--text);white-space:pre-wrap}
.ask-miai-message.user{justify-self:end;background:#ecebff}.ask-miai-message strong{color:var(--muted);font-size:11px}.ask-miai-message span{line-height:1.55}.ask-miai-message.thinking span{color:var(--muted);font-style:italic}.ask-miai-message.error{background:#fff1f0;color:#912018}.empty-state{color:var(--muted)}
.ask-miai-form{padding:18px 21px;border-top:1px solid var(--line)}.ask-miai-form>label{display:block;margin-bottom:7px;color:#344054;font-size:13px;font-weight:700}.ask-miai-compose{display:flex;gap:10px;align-items:flex-end}.ask-miai-compose textarea{width:100%;min-height:70px;padding:11px;border:1px solid #d0d5dd;border-radius:9px;resize:vertical}
.miai-assistant-trigger{position:fixed;right:22px;bottom:22px;z-index:45;display:flex;align-items:center;gap:9px;padding:10px 16px 10px 10px;border:0;border-radius:999px;color:#fff;background:#5b5bd6;box-shadow:0 10px 30px rgba(72,61,177,.3);font-weight:750;cursor:pointer}.miai-assistant-trigger img{width:30px;height:30px;border-radius:50%;background:#fff;object-fit:contain}
.assistant-scrim{position:fixed;inset:0;z-index:47;background:rgba(16,24,40,.25)}.miai-assistant{position:fixed;inset:0 0 0 auto;z-index:48;display:grid;grid-template-rows:auto 1fr auto;width:min(430px,100vw);background:#fff;border-left:1px solid var(--line);box-shadow:-18px 0 50px rgba(16,24,40,.13);transform:translateX(102%);transition:transform .22s ease}.assistant-open .miai-assistant{transform:none}.miai-assistant header{display:flex;align-items:center;gap:11px;padding:16px 18px;border-bottom:1px solid var(--line)}.miai-assistant header img{width:38px;height:38px;object-fit:contain}.miai-assistant header div{display:grid;flex:1}.miai-assistant header span{color:var(--muted);font-size:12px}.miai-assistant header button{border:0;background:transparent;color:#667085;font-size:28px;cursor:pointer}.assistant-messages{display:grid;align-content:start;gap:12px;overflow:auto;padding:18px}.assistant-welcome{padding:13px;border-radius:11px;color:#475467;background:#f8fafc}.assistant-form{display:flex;gap:9px;padding:14px;border-top:1px solid var(--line);background:#fff}.assistant-form textarea{flex:1;padding:10px 11px;border:1px solid #d0d5dd;border-radius:10px;resize:none}.assistant-form button{width:42px;border:0;border-radius:10px;color:#fff;background:#5b5bd6;font-size:20px;cursor:pointer}
.miai-global-progress{position:fixed;inset:0;z-index:99;display:grid;place-items:start center;padding:24px;background:rgba(16,24,40,.25)}.miai-global-progress[hidden]{display:none}.miai-global-progress__panel{display:flex;align-items:center;gap:13px;width:min(520px,calc(100vw - 32px));padding:17px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.miai-global-progress__panel p{margin:3px 0 0;color:var(--muted)}.miai-global-progress__spinner{width:25px;height:25px;border:3px solid #e5e7eb;border-top-color:#5b5bd6;border-radius:50%;animation:miai-spin .8s linear infinite}@keyframes miai-spin{to{transform:rotate(360deg)}}
.auth-body{background:#f6f7fb}.auth-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(440px,1.1fr);min-height:100vh}.auth-brand{display:flex;flex-direction:column;justify-content:space-between;padding:48px;background:#fff;border-right:1px solid var(--line)}.auth-logo img{width:185px;height:48px;object-fit:contain;object-position:left}.auth-brand h1{max-width:540px;margin:15px 0;color:var(--text);font-size:clamp(35px,4vw,55px);line-height:1.05;letter-spacing:-.04em}.auth-brand p{max-width:510px;color:var(--muted);line-height:1.7}.auth-brand small{color:#98a2b3}.auth-form-area{display:grid;place-items:center;padding:34px}.auth-card{width:min(450px,100%);padding:34px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.auth-card-logo img{width:42px;height:42px;object-fit:contain}.auth-card h2{margin:15px 0 5px;color:var(--text);font-size:25px}.auth-card>p{margin:0 0 23px;color:var(--muted)}.auth-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-error{margin-bottom:17px;padding:11px 12px;color:#912018;background:#fff1f0;border:1px solid #f4c7c3;border-radius:8px;font-size:13px}.auth-submit{width:100%}.auth-switch{text-align:center!important;margin:18px 0 0!important;font-size:13px}.auth-switch a,.auth-home{color:#4d45ba;font-weight:700}.auth-home{display:block;margin-top:16px;text-align:center;text-decoration:none;font-size:12px}
.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#98a2b3;font-size:11px;font-weight:700;letter-spacing:.08em}.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:var(--line)}.auth-google{width:100%;color:#344054!important;background:#fff;border-color:#d0d5dd}.auth-google:hover{background:#f9fafb;border-color:#98a2b3}
@media(max-width:900px){.shell{display:block}.main{margin-left:0}.sidebar{transform:translateX(-102%);transition:transform .2s ease;box-shadow:12px 0 35px rgba(16,24,40,.12)}.menu-open .sidebar{transform:none}.menu-button{display:block}.topbar{padding:0 18px}.content{padding:22px 18px}.auth-layout{grid-template-columns:1fr}.auth-brand{min-height:300px;padding:32px}.auth-brand small{display:none}.auth-form-area{padding:28px 18px 50px}}
@media(max-width:560px){.topbar-account{display:none}.miai-assistant-trigger span{display:none}.miai-assistant-trigger{padding:9px}.ask-miai-compose{display:grid}.auth-brand{min-height:240px}.auth-brand h1{font-size:34px}.auth-brand p{display:none}.auth-card{padding:25px}.auth-name-grid{grid-template-columns:1fr}.content{padding:18px 13px}}

/* Public website — deliberately scoped away from the authenticated portal. */
.public-site{--p-ink:#14243b;--p-muted:#59677a;--p-line:#dfe6ed;--p-blue:#2563eb;--p-navy:#10243f;--p-pale:#f4f7fb;margin:0;color:var(--p-ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}
.public-site *{box-sizing:border-box}.public-site a{color:inherit}.public-site h1,.public-site h2,.public-site h3,.public-site p{margin-top:0}.public-site h1,.public-site h2,.public-site h3{line-height:1.12;letter-spacing:-.025em}.public-container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;z-index:1000;top:8px;left:8px;padding:10px 14px;color:#fff!important;background:#111;transform:translateY(-150%)}.skip-link:focus{transform:none}
.public-header{position:sticky;z-index:50;top:0;background:rgba(255,255,255,.96);border-bottom:1px solid var(--p-line);backdrop-filter:blur(14px)}.public-header__inner{display:flex;align-items:center;gap:28px;min-height:76px}.public-brand{display:flex;flex:none}.public-brand img{display:block;width:152px;height:38px;object-fit:contain;object-position:left}.public-navigation{display:flex;align-items:center;justify-content:center;gap:25px;min-width:0;margin-left:auto}.public-navigation>a,.public-navigation summary{color:#35445a;font-size:14px;font-weight:650;text-decoration:none;white-space:nowrap;cursor:pointer}.public-navigation>a:hover,.public-navigation summary:hover{color:var(--p-blue)}.public-navigation details{position:relative}.public-navigation summary{list-style:none}.public-navigation summary::-webkit-details-marker{display:none}.public-navigation summary::after{content:"⌄";margin-left:5px}.nav-popover{position:absolute;top:32px;left:-18px;display:grid;gap:3px;width:250px;padding:10px;background:#fff;border:1px solid var(--p-line);border-radius:12px;box-shadow:0 18px 45px rgba(19,34,54,.14)}.nav-popover a{display:grid;padding:9px 10px;border-radius:8px;text-decoration:none;font-size:14px}.nav-popover a:hover{background:var(--p-pale)}.nav-popover span{color:var(--p-muted);font-size:12px}.public-account{display:flex;align-items:center;gap:17px;flex:none}.public-account>a:first-child{font-size:14px;font-weight:700;text-decoration:none}.public-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border:1px solid transparent;border-radius:9px;font-size:14px;font-weight:750;text-decoration:none;transition:transform .15s,background .15s,border-color .15s}.public-button:hover{transform:translateY(-1px)}.public-button--primary{color:#fff!important;background:var(--p-blue)}.public-button--primary:hover{background:#174fca}.public-button--secondary{background:#fff;border-color:#bac6d3}.public-button--light{color:var(--p-navy)!important;background:#fff}.public-button--outline{color:#fff!important;border-color:rgba(255,255,255,.5)}.public-menu{display:none;margin-left:auto;padding:8px;border:0;background:transparent}.public-menu span{display:block;width:23px;height:2px;margin:5px;background:var(--p-ink)}
.public-hero{overflow:hidden;padding:92px 0 82px;background:linear-gradient(180deg,#f8fbff 0,#fff 100%)}.hero-layout{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:72px}.public-kicker{margin-bottom:15px;color:var(--p-blue);font-size:12px;font-weight:850;letter-spacing:.13em}.public-hero h1,.page-hero h1,.detail-hero h1{max-width:850px;margin-bottom:23px;font-size:clamp(42px,5.6vw,70px);letter-spacing:-.05em}.public-hero h1 span{display:block;color:#426b9e}.public-lead{max-width:720px;margin-bottom:28px;color:var(--p-muted);font-size:clamp(18px,2vw,21px);line-height:1.65}.public-actions{display:flex;flex-wrap:wrap;gap:12px}.google-journey{display:inline-flex;gap:18px;margin-top:22px;color:#34445a!important;font-size:14px;font-weight:700;text-decoration:none}.product-preview{padding:17px;background:#fff;border:1px solid #dce5ef;border-radius:18px;box-shadow:0 26px 70px rgba(28,57,89,.13);transform:rotate(1deg)}.preview-bar{display:flex;align-items:center;gap:9px;padding:3px 2px 16px;border-bottom:1px solid var(--p-line)}.preview-bar>span{width:10px;height:10px;border-radius:50%;background:#24a36a}.preview-bar b{font-size:13px}.preview-bar small{margin-left:auto;color:var(--p-muted)}.preview-query{margin:24px 14px 13px;padding:15px 17px;color:#fff;background:var(--p-navy);border-radius:11px;font-weight:650}.preview-result{display:flex;gap:14px;margin:0 14px;padding:18px;background:#f4f8fd;border-radius:11px}.preview-result i{font-style:normal;color:var(--p-blue);font-size:24px}.preview-result p{margin:4px 0 0;color:var(--p-muted);font-size:13px}.preview-sources{display:flex;gap:7px;margin:18px 14px 5px}.preview-sources span,.status,.category{display:inline-flex;padding:4px 9px;color:#42617f;background:#edf4fb;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.public-section{padding:88px 0}.public-section--tint{background:var(--p-pale)}.public-section--border{border-block:1px solid var(--p-line)}.section-heading{max-width:680px;margin-bottom:38px}.section-heading h2,.split-feature h2{font-size:clamp(31px,4vw,45px)}.section-heading>p:last-child,.split-feature p{color:var(--p-muted);font-size:17px}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.public-card{display:block;padding:27px;color:var(--p-ink)!important;background:#fff;border:1px solid var(--p-line);border-radius:14px;text-decoration:none;box-shadow:0 2px 3px rgba(16,36,63,.02)}.app-card{display:flex;flex-direction:column;min-height:282px}.app-icon,.brand-mark{display:grid;place-items:center;width:46px;height:46px;margin-bottom:22px;color:#fff;background:var(--p-navy);border-radius:11px;font-size:21px;font-weight:850}.app-icon--large,.brand-mark--large{width:72px;height:72px;font-size:30px}.app-card .category{align-self:flex-start;margin:0 0 13px}.app-card h2,.app-card h3,.public-card h2{margin-bottom:11px;font-size:21px}.app-card p,.public-card p{color:var(--p-muted)}.app-card>a{margin-top:auto;color:var(--p-blue);font-weight:750;text-decoration:none}.section-action{margin-top:28px}.split-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.split-feature a{color:var(--p-blue);font-weight:750;text-decoration:none}.connection-map{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:28px;background:#fff;border:1px solid var(--p-line);border-radius:17px}.connection-map b{grid-column:1/-1;padding:20px;color:#fff;background:var(--p-navy);border-radius:10px;text-align:center;font-size:24px}.connection-map span{padding:15px;background:var(--p-pale);border:1px solid var(--p-line);border-radius:9px;text-align:center;font-weight:700}
.page-hero,.detail-hero{padding:72px 0 62px;background:#f7faff;border-bottom:1px solid var(--p-line)}.page-hero h1,.detail-hero h1{font-size:clamp(40px,5vw,62px)}.breadcrumbs{margin-bottom:35px;color:var(--p-muted);font-size:13px}.breadcrumbs a{font-weight:700;text-decoration:none}.detail-title{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start}.catalogue-tools{margin-bottom:30px}.catalogue-tools>label{display:block;margin-bottom:7px;font-size:13px;font-weight:750}.catalogue-tools input{width:min(550px,100%);min-height:48px;padding:11px 14px;color:var(--p-ink);background:#fff;border:1px solid #b8c5d2;border-radius:9px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.filters button{padding:8px 13px;color:#425269;background:#fff;border:1px solid var(--p-line);border-radius:99px;cursor:pointer}.filters button.active{color:#fff;background:var(--p-navy)}.catalogue-grid h2{font-size:20px}.mini-logos{display:flex;gap:5px;margin-bottom:12px}.mini-logos span{display:grid;place-items:center;min-width:25px;height:25px;padding:0 5px;background:#eef3f7;border-radius:6px;font-size:10px;font-weight:850}.prose-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.prose-grid h2,.faq h2{font-size:32px}.prose-grid p{color:var(--p-muted);font-size:17px}.check-list{display:grid;gap:12px;padding:0;list-style:none}.check-list li{position:relative;padding-left:29px}.check-list li::before{content:"✓";position:absolute;left:0;display:grid;place-items:center;width:20px;height:20px;color:#176b4a;background:#dff4ea;border-radius:50%;font-size:12px;font-weight:900}.four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.four-grid article{padding:23px;background:#fff;border:1px solid var(--p-line);border-radius:12px}.four-grid span{color:var(--p-blue);font-weight:850}.four-grid h3{margin:21px 0 8px;font-size:18px}.four-grid p{color:var(--p-muted);font-size:14px}.use-case{padding:17px 0;border-top:1px solid var(--p-line)}.use-case p{margin:5px 0 0;font-size:14px}.number-list{display:grid;gap:25px;padding:0;list-style:none;counter-reset:steps}.number-list li{display:grid;grid-template-columns:80px 1fr}.number-list b{color:var(--p-ink)}.number-list span{color:var(--p-muted)}.related-grid,.solution-grid,.resource-grid,.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.related-grid .public-card:hover,.solution-grid .public-card:hover,.integration-card:hover{border-color:#9eb5cc;box-shadow:0 10px 30px rgba(16,36,63,.07)}.faq{max-width:800px}.faq details{padding:18px 0;border-bottom:1px solid var(--p-line)}.faq summary{font-weight:750;cursor:pointer}.faq details p{margin:12px 0 0;color:var(--p-muted)}
.integration-card .status{float:right}.brand-mark{background:#e6f0fa;color:#1e4d7c}.future-panel{margin-top:40px;padding:28px;background:var(--p-pale);border-radius:14px}.future-panel>p{color:var(--p-muted)}.future-list{display:flex;flex-wrap:wrap;gap:8px}.future-list span{padding:7px 10px;background:#fff;border:1px solid var(--p-line);border-radius:7px;font-size:13px}.workflow{max-width:760px;margin:65px auto 0}.workflow>div{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:17px 0;border-top:1px solid var(--p-line)}.workflow span{display:grid;place-items:center;width:37px;height:37px;color:#fff;background:var(--p-navy);border-radius:50%;font-weight:800}.process-list{max-width:850px}.process-list article{display:grid;grid-template-columns:70px 1fr;gap:25px;padding:32px 0;border-bottom:1px solid var(--p-line)}.process-list article>span{color:var(--p-blue);font-weight:850}.process-list h2{margin-bottom:8px;font-size:29px}.process-list p{color:var(--p-muted);font-size:17px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.pricing-grid .public-card{display:flex;flex-direction:column;min-height:440px}.pricing-grid .public-button{margin-top:auto}.pricing-grid .featured{border:2px solid var(--p-blue)}.resource-grid{grid-template-columns:repeat(3,1fr)}.narrow{max-width:760px}.narrow p{color:var(--p-muted);font-size:18px}
.conversion{padding:62px 0;color:#fff;background:var(--p-navy)}.conversion>.public-container{display:flex;align-items:center;justify-content:space-between;gap:40px}.conversion .public-kicker{color:#7eb3ff}.conversion h2{margin-bottom:8px;font-size:38px}.conversion p{margin-bottom:0;color:#c8d5e5}.public-footer{padding:64px 0 24px;color:#c9d4e1;background:#09182a}.footer-grid{display:grid;grid-template-columns:2fr repeat(5,1fr);gap:40px}.footer-brand img{width:145px;padding:8px;background:#fff;border-radius:6px}.footer-brand p{margin-top:18px;color:#92a4ba}.public-footer h2{margin-bottom:17px;color:#fff;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.public-footer a{display:block;margin:9px 0;color:#bdcada;text-decoration:none;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;margin-top:45px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:12px}.footer-bottom div{display:flex;gap:20px}.footer-bottom a{display:inline;margin:0}
@media(max-width:1080px){.public-header__inner{gap:18px}.public-navigation{gap:15px}.public-navigation>a,.public-navigation summary{font-size:13px}.public-account>a:first-child{display:none}.app-grid,.related-grid,.solution-grid,.integration-grid{grid-template-columns:repeat(2,1fr)}.four-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:2fr repeat(3,1fr)}.footer-grid>div:nth-last-child(-n+2){margin-top:15px}.resource-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.public-container{width:min(100% - 32px,1180px)}.public-menu{display:block}.public-navigation{position:absolute;top:76px;right:0;left:0;display:none;align-items:stretch;padding:16px;background:#fff;border-bottom:1px solid var(--p-line);box-shadow:0 15px 30px rgba(16,36,63,.1)}.public-navigation.open{display:grid}.public-navigation details{position:static}.nav-popover{position:static;width:auto;margin-top:8px;box-shadow:none}.public-account{margin-left:0}.hero-layout,.split-feature,.prose-grid{grid-template-columns:1fr;gap:45px}.public-hero{padding:65px 0}.product-preview{transform:none}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}.conversion>.public-container{align-items:flex-start;flex-direction:column}.pricing-grid{grid-template-columns:1fr}}
@media(max-width:560px){.public-header__inner{min-height:68px}.public-brand img{width:120px}.public-navigation{top:68px}.public-account .public-button{min-height:40px;padding:8px 12px;font-size:12px}.public-hero h1,.page-hero h1,.detail-hero h1{font-size:39px}.public-section{padding:62px 0}.app-grid,.related-grid,.solution-grid,.resource-grid,.integration-grid,.four-grid{grid-template-columns:1fr}.app-card{min-height:250px}.detail-title{grid-template-columns:1fr}.prose-grid{gap:45px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column;gap:15px}.footer-bottom div{flex-wrap:wrap}.preview-bar small{display:none}}
@media(prefers-reduced-motion:reduce){.public-site *{scroll-behavior:auto!important;transition:none!important}}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
  background:
    radial-gradient(circle at 78% -5%, rgba(47,124,255,.12), transparent 28%),
    radial-gradient(circle at 28% 105%, rgba(53,214,255,.06), transparent 32%),
    linear-gradient(180deg, var(--bg), var(--bg-soft));
  color: var(--text);
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

body {
  min-height: 100vh;
}

a {
  color: inherit;
}

button,
input,
select,
textarea {
  font: inherit;
}

.shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
}

.sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  width: var(--sidebar-width);
  height: 100vh;
  z-index: 30;
  display: flex;
  flex-direction: column;
  background:
    linear-gradient(180deg, rgba(6,17,30,.99), rgba(4,12,22,.99));
  border-right: 1px solid var(--line);
}

.logo {
  min-height: 96px;
  display: flex;
  align-items: center;
  padding: 18px;
  border-bottom: 1px solid var(--line-soft);
}

.logo img {
  width: 214px;
  max-width: 100%;
  display: block;
}

.sidebar nav {
  padding: 14px;
  overflow-y: auto;
}

.nav-heading {
  margin: 23px 10px 8px;
  color: #6f8299;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.nav-link {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 4px 0;
  padding: 9px 12px;
  color: #cbd6e4;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: .18s ease;
}

.nav-link span {
  width: 22px;
  color: #9db3cc;
  text-align: center;
  font-size: 18px;
}

.nav-link:hover {
  color: white;
  background: rgba(47,124,255,.10);
  border-color: rgba(47,124,255,.18);
  transform: translateX(2px);
}

.nav-link.active {
  color: white;
  background: linear-gradient(135deg, #2e7cf7, #1558d5);
  border-color: rgba(255,255,255,.10);
  box-shadow: 0 9px 24px rgba(32,104,226,.25);
}

.nav-link.disabled {
  opacity: .42;
  cursor: default;
}

.user-box {
  margin-top: auto;
  min-height: 82px;
  display: grid;
  grid-template-columns: 40px 1fr auto;
  gap: 11px;
  align-items: center;
  padding: 15px 18px;
  border-top: 1px solid var(--line);
}

.avatar {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-weight: 800;
  background: linear-gradient(135deg, #5d7590, #293d55);
}

.user-box div:nth-child(2) {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.user-box span {
  color: var(--green);
  font-size: 12px;
}

.user-box a {
  color: var(--muted);
  font-size: 12px;
  text-decoration: none;
}

.main {
  grid-column: 2;
  min-width: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 26px;
  background: rgba(4,9,20,.90);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--line);
}

.topbar h1 {
  margin: 0;
  font-size: 22px;
}

.menu-button {
  display: none;
  color: white;
  border: 0;
  background: transparent;
  font-size: 24px;
}

.system-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  color: #d9e6f6;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(10,22,38,.78);
  font-size: 12px;
}

.system-status::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 12px rgba(39,217,135,.7);
}

.content {
  flex: 1;
  width: 100%;
  max-width: 1700px;
  margin: 0 auto;
  padding: 22px;
}

footer {
  padding: 19px 24px;
  color: #657890;
  text-align: center;
  font-size: 12px;
}

.flash-stack {
  display: grid;
  gap: 10px;
  margin-bottom: 16px;
}

.flash {
  padding: 12px 14px;
  border: 1px solid rgba(47,124,255,.36);
  border-radius: 8px;
  color: #dbe9ff;
  background: rgba(47,124,255,.10);
}

.hero-grid {
  display: grid;
  grid-template-columns: 1.35fr .85fr;
  gap: 18px;
  margin-bottom: 18px;
}

.hero {
  position: relative;
  min-height: 252px;
  overflow: hidden;
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 78% 38%, rgba(53,214,255,.14), transparent 26%),
    radial-gradient(circle at 58% 100%, rgba(47,124,255,.11), transparent 34%),
    linear-gradient(145deg, rgba(15,29,48,.99), rgba(7,17,31,.99));
  box-shadow: var(--shadow);
}

.hero::after {
  content: "M.I.A.I";
  position: absolute;
  right: -8px;
  bottom: -34px;
  color: rgba(255,255,255,.025);
  font-size: 130px;
  font-weight: 900;
  letter-spacing: .08em;
}

.hero h2 {
  max-width: 760px;
  margin: 0 0 12px;
  font-size: clamp(35px, 4vw, 61px);
  line-height: 1.03;
  letter-spacing: -.035em;
}

.hero h2 span {
  color: var(--cyan);
}

.hero p {
  max-width: 680px;
  margin: 0;
  color: #b6c4d6;
  font-size: 16px;
  line-height: 1.7;
}

.eyebrow {
  display: inline-block;
  margin-bottom: 10px;
  color: #7d91aa;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 17px;
  border-radius: 7px;
  cursor: pointer;
  font-weight: 750;
  text-decoration: none;
}

.button.primary,
button[type="submit"] {
  color: white;
  border: 0;
  background: linear-gradient(135deg, #2f7cff, #1457d0);
  box-shadow: 0 9px 22px rgba(31,103,226,.24);
}

.button.secondary {
  color: #dbe9f9;
  border: 1px solid var(--line);
  background: rgba(13,29,49,.82);
}

.button:hover {
  filter: brightness(1.08);
}

.panel,
.form-panel {
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(12,24,41,.98), rgba(7,17,30,.98));
  box-shadow: var(--shadow);
}

.form-panel {
  width: min(1000px, 100%);
}

.panel-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.panel-header h2 {
  margin: 0;
}

.quick-grid {
  display: grid;
  gap: 12px;
}

.quick-card {
  min-height: 72px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  color: #e2ebf5;
  text-decoration: none;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(13,29,49,.72);
  transition: .18s ease;
}

.quick-card:hover {
  border-color: rgba(47,124,255,.48);
  background: rgba(27,69,126,.24);
  transform: translateY(-2px);
}

.quick-card > span {
  color: var(--cyan);
  font-size: 23px;
}

.quick-card div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.quick-card small {
  color: var(--muted);
}

.kpi-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.kpi {
  min-height: 132px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background:
    linear-gradient(145deg, rgba(15,29,48,.98), rgba(8,19,33,.98));
  box-shadow: var(--shadow);
}

.kpi-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  flex: 0 0 46px;
  border-radius: 10px;
  color: var(--blue);
  background: rgba(47,124,255,.13);
  font-size: 23px;
}

.kpi-icon.green {
  color: var(--green);
}

.kpi-icon.purple {
  color: var(--purple);
}

.kpi-icon.cyan {
  color: var(--cyan);
}

.kpi div {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.kpi small {
  margin-bottom: 6px;
  color: #d9e2ee;
}

.kpi strong {
  margin-bottom: 10px;
  font-size: 30px;
  line-height: 1;
}

.kpi div span {
  color: var(--muted);
  font-size: 12px;
}

.dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0,1.7fr) minmax(320px,.9fr);
  gap: 18px;
}

.table-wrap {
  width: 100%;
  overflow-x: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
}

th,
td {
  padding: 13px 12px;
  border-bottom: 1px solid var(--line-soft);
  text-align: left;
  vertical-align: middle;
}

th {
  color: #8fa1b7;
  font-size: 12px;
  font-weight: 700;
}

td {
  color: #dbe4ef;
  font-size: 13px;
}

tbody tr:hover td {
  background: rgba(47,124,255,.035);
}

.status {
  display: inline-flex;
  padding: 5px 9px;
  border-radius: 5px;
  font-size: 11px;
  text-transform: capitalize;
}

.status-completed {
  color: #8ff2b8;
  background: rgba(39,217,135,.18);
}

.status-running {
  color: #ffe49c;
  background: rgba(233,187,54,.18);
}

.status-failed {
  color: #ff9aa6;
  background: rgba(255,102,118,.17);
}

.status-queued,
.status-review,
.status-no_results {
  color: #afd0ff;
  background: rgba(47,124,255,.18);
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px 18px;
}

.form-grid > div {
  display: grid;
  gap: 7px;
}

.form-grid label {
  color: #dbe4ef;
  font-size: 13px;
}

.form-grid input,
.form-grid select,
.form-grid textarea,
.login-card input {
  width: 100%;
  min-height: 45px;
  padding: 10px 12px;
  color: #f3f8ff;
  background: #091523;
  border: 1px solid #203650;
  border-radius: 7px;
  outline: none;
}

.form-grid input:focus,
.form-grid select:focus,
.form-grid textarea:focus,
.login-card input:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px rgba(47,124,255,.13);
}

.full-width {
  grid-column: 1 / -1;
}

.muted {
  color: var(--muted);
  line-height: 1.6;
}

.summary-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 16px;
  margin-bottom: 18px;
}

.summary-card {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface);
}

.summary-card small {
  display: block;
  margin-bottom: 6px;
  color: var(--muted);
}

.summary-card strong {
  font-size: 20px;
}

.empty {
  padding: 24px !important;
  color: var(--muted) !important;
  text-align: center !important;
}

.login-shell {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
}

.login-card {
  width: min(430px, 100%);
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background:
    linear-gradient(145deg, rgba(12,24,41,.99), rgba(6,16,29,.99));
  box-shadow: 0 30px 80px rgba(0,0,0,.35);
}

.login-card img {
  display: block;
  width: 220px;
  margin: 0 auto 24px;
}

.login-card form {
  display: grid;
  gap: 12px;
}

.login-card label {
  color: #dbe4ef;
  font-size: 13px;
}

.login-card button {
  min-height: 44px;
  margin-top: 8px;
  border: 0;
  border-radius: 7px;
  color: white;
  background:
    linear-gradient(135deg, #2f7cff, #1457d0);
  cursor: pointer;
  font-weight: 750;
}

@media (max-width: 1450px) {
  .kpi-grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}

@media (max-width: 1100px) {
  .hero-grid,
  .dashboard-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    transform: translateX(-100%);
    transition: transform .2s ease;
  }

  body.menu-open .sidebar {
    transform: translateX(0);
  }

  .main {
    grid-column: 1;
  }

  .menu-button {
    display: block;
  }

  .system-status {
    display: none;
  }

  .kpi-grid,
  .summary-grid,
  .form-grid {
    grid-template-columns: 1fr;
  }

  .full-width {
    grid-column: 1;
  }
}


/* =========================================================
   M.I.A.I LIGHT DASHBOARD
   ========================================================= */

body {
  background: #f5f7fa;
  color: #344054;
}

/* Main application chrome */

.sidebar {
  background: #ffffff !important;
  border-right: 1px solid #e4e7ec !important;
}

.topbar,
.header,
.app-header {
  background: #ffffff !important;
  border-color: #e4e7ec !important;
  color: #182230 !important;
}

/* Navigation */

.nav-link {
  color: #475467 !important;
}

.nav-link:hover {
  background: #f8fafc !important;
  color: #182230 !important;
}

.nav-link.active {
  background: #eef1ff !important;
  color: #5267df !important;
}

.nav-section-title,
.nav-heading {
  color: #98a2b3 !important;
}

/* Main content */

.main,
.main-content,
.content {
  background: #f5f7fa !important;
}

/* Dashboard cards */

.metric-card,
.stat-card,
.dashboard-card,
.panel,
.card {
  background: #ffffff !important;
  border: 1px solid #e4e7ec !important;
  color: #344054 !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.04) !important;
}

.metric-value,
.stat-value {
  color: #182230 !important;
}

.metric-label,
.stat-label {
  color: #667085 !important;
}

/* Recent activity */

.activity-row,
.recent-activity {
  background: #ffffff !important;
  border-color: #e4e7ec !important;
  color: #344054 !important;
}

/* General dashboard text */

.dashboard h1,
.dashboard h2,
.dashboard h3,
.dashboard h4 {
  color: #182230 !important;
}

.dashboard p {
  color: #667085;
}



/* =========================================================
   M.I.A.I EXACT LIGHT THEME FIX
   Uses actual production component classes
   ========================================================= */


/* ---------------------------------------------------------
   APPLICATION
   --------------------------------------------------------- */

html,
body {
    background: #f5f7fa !important;
    color: #344054 !important;
}

.shell {
    background: #f5f7fa !important;
}

.main {
    background: #f5f7fa !important;
}

.content {
    background: #f5f7fa !important;
}


/* ---------------------------------------------------------
   SIDEBAR
   --------------------------------------------------------- */

.sidebar {
    background: #ffffff !important;
    background-image: none !important;
    border-right: 1px solid #d0d5dd !important;
}


/* ---------------------------------------------------------
   M.I.A.I LOGO

   Current SVG was designed for dark background.
   Force it dark enough to be clearly visible.
   --------------------------------------------------------- */

.logo {
    background: #ffffff !important;
    border-bottom: 1px solid #e4e7ec !important;
}

.logo img {
    opacity: 1 !important;

    /*
       Converts the existing pale/white logo into
       a dark navy version without needing another SVG.
    */
    filter:
        brightness(0)
        saturate(100%)
        invert(15%)
        sepia(17%)
        saturate(1228%)
        hue-rotate(178deg)
        brightness(89%)
        contrast(92%) !important;
}


/* ---------------------------------------------------------
   SIDEBAR HEADINGS
   --------------------------------------------------------- */

.nav-heading {
    color: #667085 !important;
    font-weight: 800 !important;
}


/* ---------------------------------------------------------
   SIDEBAR LINKS
   --------------------------------------------------------- */

.nav-link {
    color: #344054 !important;
    background: transparent !important;
    border-color: transparent !important;
}

.nav-link span {
    color: #667085 !important;
}

.nav-link:hover {
    color: #182230 !important;
    background: #f2f4f7 !important;
    border-color: #e4e7ec !important;
    transform: none !important;
}

.nav-link:hover span {
    color: #405bc8 !important;
}


/* Active item */

.nav-link.active {
    color: #3448b8 !important;

    background: #eef1ff !important;
    background-image: none !important;

    border: 1px solid #d8ddff !important;

    box-shadow: none !important;
}

.nav-link.active span {
    color: #405bc8 !important;
}


/* Disabled items */

.nav-link.disabled {
    color: #98a2b3 !important;
    opacity: .65 !important;
}

.nav-link.disabled span {
    color: #b0b8c4 !important;
}


/* ---------------------------------------------------------
   USER BOX
   --------------------------------------------------------- */

.user-box {
    background: #ffffff !important;
    border-top: 1px solid #e4e7ec !important;
    color: #344054 !important;
}

.user-box strong {
    color: #182230 !important;
}

.user-box span {
    color: #667085 !important;
}

.user-box a {
    color: #5267c9 !important;
}


/* Avatar can retain some colour */

.avatar {
    color: #3448b8 !important;

    background: #eef1ff !important;
    background-image: none !important;

    border: 1px solid #d8ddff !important;
}


/* ---------------------------------------------------------
   TOP HEADER
   --------------------------------------------------------- */

.topbar {
    background: #ffffff !important;
    background-image: none !important;

    border-bottom: 1px solid #d0d5dd !important;

    color: #182230 !important;
}

.topbar h1,
.topbar h2,
.topbar strong {
    color: #182230 !important;
}


/* System status */

.system-status {
    color: #344054 !important;

    background: #ffffff !important;
    background-image: none !important;

    border: 1px solid #d0d5dd !important;
}

.system-status::before {
    background: #12b76a !important;
    box-shadow: none !important;
}


/* ---------------------------------------------------------
   DASHBOARD HERO
   --------------------------------------------------------- */

.hero {
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fafbff 55%,
            #eef2ff 100%
        ) !important;

    border: 1px solid #d0d5dd !important;

    box-shadow:
        0 1px 3px rgba(16,24,40,.06) !important;
}

.hero h1,
.hero h2,
.hero h3,
.hero strong {
    color: #101828 !important;
}

.hero p {
    color: #475467 !important;
}


/* Hero eyebrow */

.hero .eyebrow,
.eyebrow {
    color: #5267c9 !important;
    font-weight: 800 !important;
}


/* ---------------------------------------------------------
   KPI GRID

   THESE ARE THE SIX DARK BOXES FROM THE SCREENSHOT.
   --------------------------------------------------------- */

.kpi {
    background: #ffffff !important;
    background-image: none !important;

    border: 1px solid #cfd6df !important;

    color: #344054 !important;

    box-shadow:
        0 1px 3px rgba(16,24,40,.06) !important;
}


/* KPI titles */

.kpi small {
    color: #344054 !important;
    font-weight: 700 !important;
}


/* KPI big number */

.kpi strong {
    color: #101828 !important;
    font-weight: 750 !important;
}


/* KPI explanatory text */

.kpi div span {
    color: #667085 !important;
}


/* KPI icon */

.kpi-icon {
    color: #405bc8 !important;
    background: #eef1ff !important;
}

.kpi-icon.green {
    color: #067647 !important;
    background: #ecfdf3 !important;
}

.kpi-icon.purple {
    color: #6941c6 !important;
    background: #f4f3ff !important;
}

.kpi-icon.cyan {
    color: #026aa2 !important;
    background: #f0f9ff !important;
}


/* ---------------------------------------------------------
   PANELS

   Recent Discovery Jobs / Trusted Sources etc.
   --------------------------------------------------------- */

.panel {
    background: #ffffff !important;
    background-image: none !important;

    border: 1px solid #cfd6df !important;

    color: #344054 !important;

    box-shadow:
        0 1px 3px rgba(16,24,40,.05) !important;
}

.panel-header {
    border-color: #e4e7ec !important;
}

.panel-header h2,
.panel-header h3 {
    color: #101828 !important;
}


/* ---------------------------------------------------------
   QUICK CARDS
   --------------------------------------------------------- */

.quick-card {
    background: #ffffff !important;
    background-image: none !important;

    border: 1px solid #d0d5dd !important;

    color: #344054 !important;

    box-shadow: none !important;
}

.quick-card:hover {
    background: #f8fafc !important;
    border-color: #98a2b3 !important;
}

.quick-card strong {
    color: #101828 !important;
}

.quick-card small {
    color: #667085 !important;
}


/* ---------------------------------------------------------
   TABLES
   --------------------------------------------------------- */

.table-wrap {
    background: #ffffff !important;
}

table {
    background: #ffffff !important;
}

thead,
thead tr {
    background: #f8fafc !important;
}

th {
    background: #f8fafc !important;

    color: #344054 !important;

    border-bottom: 1px solid #d0d5dd !important;

    font-weight: 700 !important;
}

td {
    background: #ffffff !important;

    color: #475467 !important;

    border-bottom: 1px solid #eaecf0 !important;
}

tbody tr:hover td {
    background: #f8fafc !important;
}


/* ---------------------------------------------------------
   BUTTONS
   --------------------------------------------------------- */

.button.secondary {
    background: #ffffff !important;
    background-image: none !important;

    color: #344054 !important;

    border: 1px solid #d0d5dd !important;

    box-shadow:
        0 1px 2px rgba(16,24,40,.05) !important;
}

.button.secondary:hover {
    background: #f8fafc !important;
    border-color: #98a2b3 !important;
}


/* ---------------------------------------------------------
   FORMS
   --------------------------------------------------------- */

input,
select,
textarea {
    background: #ffffff !important;

    color: #101828 !important;

    border: 1px solid #98a2b3 !important;
}

input::placeholder,
textarea::placeholder {
    color: #667085 !important;
    opacity: 1 !important;
}


/* ---------------------------------------------------------
   GENERAL TEXT READABILITY
   --------------------------------------------------------- */

h1,
h2,
h3,
h4 {
    color: #101828 !important;
}

p {
    color: #475467;
}

.muted {
    color: #667085 !important;
}

.empty {
    color: #667085 !important;
}


/* ---------------------------------------------------------
   SUMMARY CARDS
   --------------------------------------------------------- */

.summary-card {
    background: #ffffff !important;
    background-image: none !important;

    border: 1px solid #d0d5dd !important;

    color: #344054 !important;
}

.summary-card small {
    color: #667085 !important;
}

.summary-card strong {
    color: #101828 !important;
}


/* ---------------------------------------------------------
   FOOTER
   --------------------------------------------------------- */

footer {
    color: #667085 !important;
}


/* ---------------------------------------------------------
   MOBILE MENU BUTTON
   --------------------------------------------------------- */

.menu-button {
    color: #344054 !important;
}


/* M.I.A.I dashboard hero description readability */
.hero p,
.dashboard-hero p,
.workspace-hero p,
.welcome-panel p {
    color: #475467 !important;
    opacity: 1 !important;
    font-weight: 450 !important;
}


/* Dashboard hero description */
.miai-hero-description {
    color: #344054 !important;
    opacity: 1 !important;
    font-weight: 500 !important;
}



/* ==========================================================
   M.I.A.I PLATFORM SHELL
   Platform pages provide their own navigation sidebar.
   Remove the normal application sidebar column.
   ========================================================== */

.shell.shell--platform {
    grid-template-columns: minmax(0, 1fr);
}

.shell.shell--platform > .main {
    grid-column: 1;
    width: 100%;
    min-width: 0;
}

/* Final shell cascade: shared light navigation must win over legacy rules. */
html,body{background:#f6f7fb!important;color:#172033!important}
.shell{grid-template-columns:264px minmax(0,1fr)}
.sidebar{width:264px;background:#fff!important;border-right:1px solid #e4e7ec!important;box-shadow:none!important}
.logo{min-height:76px;padding:17px 22px;border-bottom:1px solid #eef1f5}.logo img{width:174px;height:40px;object-fit:contain;object-position:left}
.sidebar nav{padding:10px 12px 22px}.nav-heading{margin:20px 10px 7px;color:#98a2b3!important;font-size:10px}
.nav-link{min-height:39px;margin:2px 0;padding:8px 10px;color:#475467!important;border:0!important;border-radius:9px;font-size:13px;font-weight:600}
.nav-link span{color:#667085!important;font-size:15px}.nav-link:hover,.nav-link.active{color:#4d45ba!important;background:#efefff!important;box-shadow:none!important;transform:none!important}
.user-box{min-height:76px;padding:12px 15px;border-top:1px solid #e4e7ec!important}.user-box strong{color:#172033}.user-box span{color:#667085!important}
.topbar{height:68px;padding:0 28px;background:rgba(255,255,255,.94)!important;border-bottom:1px solid #e4e7ec!important}.topbar h1{color:#172033}.menu-button{color:#172033!important}
.content{max-width:1600px;padding:28px 32px}.main{grid-column:2}.flash{color:#403a9e!important;background:#f0efff!important;border-color:#d8d5ff!important}
.miai-assistant-trigger,.miai-assistant,.assistant-scrim,.auth-layout{display:flex}.miai-assistant{display:grid}.auth-layout{display:grid}
@media(max-width:900px){.shell{display:block}.main{margin-left:0;grid-column:1}.sidebar{transform:translateX(-102%);transition:transform .2s ease}.menu-open .sidebar{transform:none}.menu-button{display:block}.content{padding:22px 18px}}


/* ==========================================================
   ASK M.I.A.I DRAWER VISIBILITY FIX
   Hidden scrims and drawers must never intercept page clicks.
   ========================================================== */

.assistant-scrim[hidden] {
    display: none !important;
    pointer-events: none !important;
}

.assistant-scrim:not([hidden]) {
    display: block;
    pointer-events: auto;
}

/* Keep Ask M.I.A.I launcher above normal page content. */
.miai-assistant-trigger {
    z-index: 50;
}

/* When assistant is open, scrim sits below drawer and launcher. */
.assistant-scrim {
    z-index: 47;
}

.miai-assistant {
    z-index: 51;
}

/* Global progress is hidden unless explicitly activated. */
.miai-global-progress[hidden] {
    display: none !important;
    pointer-events: none !important;
}


/* Public contact journey */
.contact-hero{background:
  radial-gradient(circle at 82% 20%,rgba(84,104,255,.22),transparent 30%),
  linear-gradient(135deg,#0a1024 0%,#121a38 55%,#18254b 100%);color:#fff}
.contact-hero .breadcrumbs,.contact-hero .breadcrumbs a{color:#b9c7ef}
.contact-hero .public-kicker{color:#8fa7ff}
.contact-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.contact-intro h2{font-size:clamp(2rem,4vw,3.4rem);max-width:12ch;line-height:1.02}
.contact-intro>p{font-size:1.08rem;max-width:52ch;color:#4d5870}
.contact-points{display:grid;gap:1rem;margin-top:2rem}
.contact-points>div{display:grid;grid-template-columns:3rem 1fr;gap:1rem;align-items:start;padding:1rem 0;border-top:1px solid rgba(23,36,70,.14)}
.contact-points span{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:#121b3b;color:#9db0ff;font-weight:800;font-size:.78rem}
.contact-points p{margin:0;color:#4d5870}
.contact-points b{color:#121b3b}
.contact-form{display:grid;gap:1rem;padding:clamp(1.4rem,4vw,2.6rem);box-shadow:0 30px 80px rgba(12,22,51,.13)}
.contact-form h2{margin:0 0 .25rem;font-size:1.8rem}
.contact-form label{display:grid;gap:.45rem;color:#1b2745;font-weight:750}
.contact-form label small{font-weight:500;color:#6b758a}
.contact-form input,.contact-form textarea{width:100%;border:1px solid #cbd3e1;border-radius:.65rem;padding:.85rem 1rem;background:#fff;color:#111b35;font:inherit;transition:border-color .2s,box-shadow .2s}
.contact-form input:focus,.contact-form textarea:focus{outline:0;border-color:#5267ec;box-shadow:0 0 0 4px rgba(82,103,236,.14)}
.contact-form textarea{resize:vertical;min-height:10rem}
.contact-form .public-button{justify-self:start;border:0;cursor:pointer}
.public-notice{padding:.9rem 1rem;border:1px solid #9eb3f7;border-radius:.65rem;background:#eef2ff;color:#17254d}
.form-note{margin:0;color:#6b758a;font-size:.88rem}
.contact-honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
@media (max-width:800px){.contact-layout{grid-template-columns:1fr}.contact-intro h2{max-width:none}}


/* Pitch-deck public website */
.public-site{
  --deck-bg:#06111f;
  --deck-panel:#0b2035;
  --deck-panel-2:#102a45;
  --deck-line:#1c3a56;
  --deck-orange:#ff861f;
  --deck-cyan:#35d3e8;
  --deck-white:#f7f9fc;
  --deck-muted:#a8b8ca;
  color:#14243a;
  background:#f5f7fa;
}
.public-site .public-header{
  background:rgba(6,17,31,.97);
  border-bottom-color:#18324b;
  box-shadow:0 8px 30px rgba(0,0,0,.18);
}
.public-site .public-brand img{width:166px;height:42px}
.public-site .public-navigation>a,
.public-site .public-navigation summary,
.public-site .public-account>a:first-child{color:#e7edf5}
.public-site .public-navigation>a:hover,
.public-site .public-navigation summary:hover{color:var(--deck-orange)}
.public-site .public-navigation summary::after{color:var(--deck-cyan)}
.public-site .nav-popover{background:#0c2034;border-color:#28445f;box-shadow:0 22px 50px rgba(0,0,0,.34)}
.public-site .nav-popover a{color:#e7edf5}
.public-site .nav-popover a:hover{background:#15324e}
.public-site .nav-popover span{color:#9fb1c5}
.public-site .public-menu span{background:#fff}
.public-site .public-button--primary{color:#06111f!important;background:var(--deck-cyan);font-weight:850}
.public-site .public-button--primary:hover{background:#67e5f2}
.public-site .public-button--secondary{color:#fff!important;background:transparent;border-color:#536a81}
.public-site .public-button--secondary:hover{border-color:var(--deck-orange)}
.public-site .deck-eyebrow{margin:0 0 16px;color:var(--deck-orange);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.deck-hero{position:relative;overflow:hidden;padding:92px 0 82px;color:var(--deck-white);background:var(--deck-bg)}
.deck-hero::before{position:absolute;content:"";top:-220px;right:-180px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(53,211,232,.13),transparent 65%)}
.deck-hero::after{position:absolute;content:"";bottom:-280px;left:-200px;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(255,134,31,.10),transparent 68%)}
.deck-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);align-items:center;gap:78px}
.deck-hero h1{max-width:760px;margin:0;color:#fff;font-size:clamp(48px,5.5vw,78px);line-height:.99;letter-spacing:-.052em}
.deck-hero h1 span,.deck-page-hero h1 span{color:var(--deck-cyan)}
.deck-hero__lead{max-width:700px;margin:28px 0;color:#b7c5d5;font-size:19px;line-height:1.65}
.deck-proofline{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:28px;padding-top:22px;border-top:1px solid #1a3852;color:#9eb0c4;font-size:13px}
.deck-proofline b{color:#fff}
.builder-sequence{padding:18px;background:linear-gradient(145deg,#0a1c2f,#0d2943);border:1px solid #21415e;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.32)}
.builder-sequence>div{display:grid;grid-template-columns:42px 1fr;align-items:center;min-height:54px;padding:0 15px;border-bottom:1px solid #1c3953;color:#dfe8f2}
.builder-sequence>div span{color:var(--deck-cyan);font-size:11px;font-weight:900}
.builder-sequence>div b{font-size:13px;letter-spacing:.07em}
.builder-sequence>div.is-live{margin-top:8px;color:#06111f;background:var(--deck-cyan);border:0;border-radius:8px}
.builder-sequence>div.is-live span{color:#06111f}
.builder-sequence>p{margin:16px 8px 4px;color:#91a6bc;font-size:12px;line-height:1.5}
.deck-proof{color:#fff;background:#0a1b2d;border-top:1px solid #19344e;border-bottom:1px solid #19344e}
.deck-proof>.public-container{display:grid;grid-template-columns:repeat(4,1fr)}
.deck-proof div div{display:flex;min-height:118px;padding:24px 28px;flex-direction:column;justify-content:center;border-right:1px solid #1c3953}
.deck-proof div div:first-child{border-left:1px solid #1c3953}
.deck-proof strong{color:var(--deck-cyan);font-size:30px;letter-spacing:-.03em}
.deck-proof span{margin-top:6px;color:#9eb1c5;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.section-heading--deck{max-width:870px}
.section-heading--deck h2{color:#0a1728;font-size:clamp(38px,4vw,57px);line-height:1.04;letter-spacing:-.045em}
.section-heading--deck>p:last-child{max-width:800px;color:#607188;font-size:17px;line-height:1.7}
.deck-capabilities{padding:92px 0}
.capability-pillars{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px;background:var(--deck-bg);border:1px solid #173650;border-radius:16px;overflow:hidden}
.capability-pillars article{position:relative;min-height:300px;padding:34px 28px;border-right:1px solid #1a3953}
.capability-pillars article:last-child{border-right:0}
.capability-pillars article::before{position:absolute;content:"";top:0;right:0;left:0;height:4px;background:var(--accent)}
.capability-pillars .pillar-create{--accent:#35d3e8}.capability-pillars .pillar-research{--accent:#6f8cff}.capability-pillars .pillar-connect{--accent:#38d58b}.capability-pillars .pillar-engineer{--accent:#ffae36}
.capability-pillars span{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.12em}
.capability-pillars h3{margin:80px 0 14px;color:#fff;font-size:22px}
.capability-pillars p{margin:0;color:#9db0c5;font-size:14px;line-height:1.65}
.deck-products{padding:92px 0;background:#eaf0f5}
.verified-builds{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px}
.verified-builds article{position:relative;min-height:220px;padding:26px;background:linear-gradient(145deg,#0a1b2d,#0f2b46);border:1px solid #173c5b;border-radius:13px;box-shadow:0 18px 45px rgba(11,30,48,.12)}
.verified-builds article:last-child{grid-column:span 2}
.verified-builds img{display:block;width:90px;height:26px;object-fit:contain;object-position:left}
.verified-builds span{display:block;margin-top:36px;color:var(--deck-orange);font-size:10px;font-weight:900;letter-spacing:.1em}
.verified-builds h3{margin:8px 0 22px;color:#fff;font-size:19px;line-height:1.2}
.verified-builds a{color:var(--deck-cyan);font-size:12px;text-decoration:none}
.deck-builder-cta{padding:70px 0;color:#fff;background:var(--deck-bg);border-top:1px solid #1a3953}
.deck-builder-cta>.public-container{display:flex;align-items:center;justify-content:space-between;gap:50px}
.deck-builder-cta h2{max-width:780px;margin:0;color:#fff;font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.04em}
.deck-builder-cta p:last-child{color:#9db0c5}
.deck-page-hero{padding:82px 0 72px;color:#fff;background:var(--deck-bg);border-top:1px solid #162f48}
.deck-page-hero h1{margin:0;color:#fff;font-size:clamp(48px,6vw,76px);line-height:1;letter-spacing:-.05em}
.deck-page-hero p:last-child{max-width:800px;margin:25px 0 0;color:#acbccd;font-size:18px;line-height:1.65}
.deck-catalogue{padding:74px 0;background:#edf2f6}
.deck-catalogue .catalogue-tools{margin-bottom:38px}
.deck-catalogue .catalogue-tools label{color:#102239;font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.deck-catalogue .catalogue-tools input{background:#fff;border-color:#c3cfda}
.deck-catalogue .filters button{color:#40536a;background:#fff;border-color:#c8d3de}
.deck-catalogue .filters button.active{color:#071422;background:var(--deck-cyan);border-color:var(--deck-cyan)}
.product-catalogue{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.product-card{overflow:hidden;background:#fff;border:1px solid #d2dce5;border-radius:15px;box-shadow:0 15px 40px rgba(20,42,65,.08);transition:transform .18s,box-shadow .18s}
.product-card:hover{transform:translateY(-4px);box-shadow:0 22px 52px rgba(20,42,65,.14)}
.product-art{position:relative;display:flex;min-height:205px;padding:25px;flex-direction:column;color:#fff;background:linear-gradient(145deg,#071522,#102c47);overflow:hidden}
.product-art::after{position:absolute;content:"";right:-65px;bottom:-90px;width:210px;height:210px;border:1px solid rgba(53,211,232,.25);border-radius:50%;box-shadow:0 0 0 30px rgba(53,211,232,.035),0 0 0 65px rgba(255,134,31,.025)}
.product-art img{position:relative;z-index:1;width:102px;height:30px;object-fit:contain;object-position:left}
.product-art>span{position:relative;z-index:1;margin-top:35px;color:var(--deck-orange);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.product-art strong{position:relative;z-index:1;max-width:250px;margin-top:8px;color:#fff;font-size:25px;line-height:1.05;letter-spacing:-.03em}
.product-art i{position:absolute;right:18px;top:17px;color:#34526f;font-size:12px;font-style:normal;font-weight:900}
.product-card__body{padding:25px}
.product-card__body h2{margin:9px 0 12px;color:#102239;font-size:22px}
.product-card__body p{min-height:72px;color:#637489;font-size:14px;line-height:1.6}
.product-card__body a{color:#0c7280;font-size:13px;font-weight:850;text-decoration:none}
.product-detail-hero{padding:72px 0;color:#fff;background:var(--deck-bg)}
.product-detail-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:72px}
.product-detail-hero .breadcrumbs,.product-detail-hero .breadcrumbs a{color:#8299af}
.product-detail-hero h1{margin:0;color:#fff;font-size:clamp(46px,5vw,70px);line-height:1;letter-spacing:-.05em}
.product-detail-hero .public-lead{max-width:720px;color:#b1c0d0}
.product-art--large{min-height:380px;padding:38px;border:1px solid #224762;border-radius:16px;box-shadow:0 32px 80px rgba(0,0,0,.28)}
.product-art--large img{width:145px;height:42px}
.product-art--large>span{margin-top:80px}
.product-art--large strong{max-width:390px;font-size:40px}
.product-art--large i{top:auto;right:34px;bottom:28px;color:#41617e}
.product-story{padding:86px 0}
.product-story h2{font-size:36px;line-height:1.18}
.public-site .public-footer{background:#050e19}
.public-site .footer-brand img{width:155px;padding:0;background:transparent;border-radius:0}
@media(max-width:980px){
  .deck-hero__grid,.product-detail-hero__grid{grid-template-columns:1fr}
  .builder-sequence{max-width:560px}
  .capability-pillars{grid-template-columns:1fr 1fr}
  .capability-pillars article:nth-child(2){border-right:0}
  .capability-pillars article{border-bottom:1px solid #1a3953}
  .verified-builds,.product-catalogue{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .public-site .public-navigation{background:#081727;border-color:#1d3851}
  .deck-proof>.public-container{grid-template-columns:1fr 1fr}
  .deck-proof div div:nth-child(3){border-left:1px solid #1c3953}
  .deck-builder-cta>.public-container{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .deck-hero{padding:62px 0}
  .deck-hero h1{font-size:46px}
  .deck-proof>.public-container,.capability-pillars,.verified-builds,.product-catalogue{grid-template-columns:1fr}
  .deck-proof div div,.deck-proof div div:first-child,.deck-proof div div:nth-child(3){border-left:0;border-right:0;border-bottom:1px solid #1c3953}
  .capability-pillars article{min-height:240px;border-right:0}
  .capability-pillars h3{margin-top:50px}
  .verified-builds article:last-child{grid-column:auto}
  .product-art--large{min-height:310px}
  .product-art--large strong{font-size:32px}
}


/* Unified pitch-deck treatment for every public page */
.public-site .page-hero,
.public-site .detail-hero,
.public-site .contact-hero{
  color:var(--deck-white);
  background:
    radial-gradient(circle at 82% 18%,rgba(53,211,232,.12),transparent 30%),
    radial-gradient(circle at 8% 88%,rgba(255,134,31,.09),transparent 28%),
    var(--deck-bg);
  border-color:#193750;
}
.public-site .page-hero h1,
.public-site .detail-hero h1,
.public-site .contact-hero h1{color:#fff}
.public-site .page-hero .public-lead,
.public-site .detail-hero .public-lead,
.public-site .contact-hero .public-lead{color:#b7c6d5}
.public-site .page-hero .breadcrumbs,
.public-site .page-hero .breadcrumbs a,
.public-site .detail-hero .breadcrumbs,
.public-site .detail-hero .breadcrumbs a,
.public-site .contact-hero .breadcrumbs,
.public-site .contact-hero .breadcrumbs a{color:#93a9be}
.public-site .public-kicker{color:var(--deck-orange)}
.public-site .public-section{
  color:#14243a;
  background:#f7f9fc;
}
.public-site .public-section--tint{background:#e9eff5}
.public-site .public-section--border{border-color:#cbd7e2}
.public-site .public-section h2,
.public-site .public-section h3,
.public-site .public-section b,
.public-site .public-section strong{color:#0b1b2d}
.public-site .public-section p,
.public-site .section-heading>p:last-child,
.public-site .split-feature p,
.public-site .prose-grid p,
.public-site .process-list p,
.public-site .future-panel>p,
.public-site .faq details p,
.public-site .narrow p{color:#53667d}
.public-site .public-section a:not(.public-button){color:#086f7d}
.public-site .public-card{
  color:#14243a!important;
  background:#fff;
  border-color:#c9d5e0;
  box-shadow:0 14px 36px rgba(12,35,57,.07);
}
.public-site .public-card h2,
.public-site .public-card h3,
.public-site .public-card b{color:#0b1b2d}
.public-site .public-card p{color:#5a6d83}
.public-site .integration-card,
.public-site .solution-grid .public-card,
.public-site .resource-grid .public-card,
.public-site .related-grid .public-card{position:relative;overflow:hidden}
.public-site .integration-card::before,
.public-site .solution-grid .public-card::before,
.public-site .resource-grid .public-card::before,
.public-site .related-grid .public-card::before{
  position:absolute;
  content:"";
  top:0;
  right:0;
  left:0;
  height:4px;
  background:linear-gradient(90deg,var(--deck-cyan),var(--deck-orange));
}
.public-site .brand-mark,
.public-site .app-icon{
  color:#071522;
  background:var(--deck-cyan);
  border-radius:9px;
}
.public-site .category,
.public-site .status{
  color:#7a3c00;
  background:#fff0df;
  border:1px solid #ffd0a3;
}
.public-site .future-panel{
  color:#14243a;
  background:#e8eef4;
  border:1px solid #cbd7e2;
}
.public-site .future-list span{
  color:#22364d;
  background:#fff;
  border-color:#c4d1dd;
}
.public-site .connection-map,
.public-site .four-grid article{
  color:#14243a;
  background:#fff;
  border-color:#c8d5e0;
}
.public-site .connection-map b{color:#fff;background:var(--deck-bg)}
.public-site .connection-map span{color:#21374e;background:#edf2f7;border-color:#ccd8e3}
.public-site .four-grid span,
.public-site .process-list article>span{color:#087887}
.public-site .four-grid p{color:#596c82}
.public-site .check-list li{color:#283d54}
.public-site .check-list li::before{color:#075b66;background:#d9f8fb}
.public-site .number-list b{color:#12263d}
.public-site .number-list span{color:#5b6f85}
.public-site .use-case{border-color:#cbd7e2}
.public-site .workflow h2,
.public-site .faq h2{color:#0b1b2d}
.public-site .workflow>div,
.public-site .faq details,
.public-site .process-list article{border-color:#c9d5e0}
.public-site .workflow span{color:#06111f;background:var(--deck-cyan)}
.public-site .process-list h2,
.public-site .process-list b,
.public-site .faq summary{color:#10243a}
.public-site .pricing-grid .featured{border-color:var(--deck-cyan);box-shadow:0 18px 45px rgba(15,113,126,.13)}
.public-site .contact-intro h2,
.public-site .contact-intro b{color:#0b1b2d}
.public-site .contact-intro>p,
.public-site .contact-points p{color:#53667d}
.public-site .contact-points>div{border-color:#c9d5e0}
.public-site .contact-points span{color:#06111f;background:var(--deck-cyan)}
.public-site .contact-form{background:#fff}
.public-site .contact-form h2,
.public-site .contact-form label{color:#10243a}
.public-site .contact-form label small,
.public-site .form-note{color:#66798e}
.public-site .contact-form input,
.public-site .contact-form textarea{color:#10243a;background:#f9fbfd;border-color:#afbecd}
.public-site .contact-form input::placeholder,
.public-site .contact-form textarea::placeholder{color:#77899c;opacity:1}
.public-site .contact-form input:focus,
.public-site .contact-form textarea:focus{border-color:var(--deck-cyan);box-shadow:0 0 0 4px rgba(53,211,232,.18)}
.public-site .conversion{color:#fff;background:linear-gradient(135deg,#091b2f,#0d2a45)}
.public-site .conversion h2{color:#fff}
.public-site .conversion p{color:#b8c7d7}
.public-site .conversion .public-kicker{color:var(--deck-orange)}
.public-site .public-footer h2{color:#fff}
.public-site .public-footer p,
.public-site .public-footer span{color:#9eb0c3}
.public-site .public-footer a{color:#c7d3df}
.public-site .public-footer a:hover{color:var(--deck-cyan)}


/* Builder-and-apps customer sales journey */
.public-site .deck-hero__lead{color:#f0f4f8;font-weight:520}
.public-site .builder-sequence>p{color:#d8e2ec}
.public-site .deck-page-hero>div>p:last-child{color:#eef3f8}
.builder-sales{padding:96px 0}
.builder-sales__grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:80px}
.builder-sales h2{max-width:680px;margin:0 0 22px;color:#0a1a2c;font-size:clamp(38px,4.5vw,58px);line-height:1.04;letter-spacing:-.045em}
.builder-sales__grid>div>p:not(.deck-eyebrow){color:#4d6279;font-size:18px;line-height:1.7}
.builder-sales .check-list{margin:28px 0}
.builder-demo{padding:34px;color:#fff;background:linear-gradient(145deg,#071522,#102c47);border:1px solid #244964;border-radius:16px;box-shadow:0 28px 70px rgba(8,27,45,.18)}
.builder-demo>span{display:block;margin:0 0 10px;color:var(--deck-orange);font-size:10px;font-weight:900;letter-spacing:.13em}
.builder-demo blockquote{margin:0 0 30px;padding:22px;color:#fff;background:#122f4a;border-left:4px solid var(--deck-cyan);border-radius:7px;font-size:22px;line-height:1.45}
.builder-demo>p{margin:0 0 30px!important;color:#eef3f8!important;font-size:16px!important;line-height:1.65!important}
.builder-demo>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.builder-demo>div b{padding:13px 8px;color:#071522!important;background:var(--deck-cyan);border-radius:7px;text-align:center;font-size:11px}
.builder-demo--sticky{position:sticky;top:110px}
.builder-demo--sticky .public-button{margin-top:18px}
.pricing-grid--focused{grid-template-columns:repeat(2,minmax(0,440px));justify-content:center}
.footer-grid--focused{grid-template-columns:minmax(260px,2fr) repeat(3,minmax(130px,1fr))}
.public-site .deck-hero .deck-eyebrow,
.public-site .deck-page-hero .deck-eyebrow,
.public-site .product-detail-hero .deck-eyebrow,
.public-site .deck-builder-cta .deck-eyebrow{color:#ff9b45}
.public-site .deck-hero h1,
.public-site .deck-page-hero h1,
.public-site .product-detail-hero h1,
.public-site .deck-builder-cta h2{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.14)}
@media(max-width:900px){
  .builder-sales__grid{grid-template-columns:1fr;gap:45px}
  .builder-demo--sticky{position:static}
  .pricing-grid--focused{grid-template-columns:1fr}
  .footer-grid--focused{grid-template-columns:1fr 1fr}
  .footer-grid--focused .footer-brand{grid-column:1/-1}
}
@media(max-width:560px){
  .builder-demo{padding:24px}
  .builder-demo>div{grid-template-columns:1fr}
  .footer-grid--focused{grid-template-columns:1fr}
}