:root{--navy:#071a38;--blue:#1677ff;--cyan:#23c6e8;--ink:#10213b;--muted:#64748b;--line:#dce5f0;--bg:#f4f7fb;--ok:#0a8059;--warn:#a96000;--bad:#b72b3a;--radius:16px;--shadow:0 14px 35px rgba(17,41,77,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}a{color:#0d5fd8;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--navy);font-size:20px;font-weight:800}.brand-inverse{color:#fff}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:2px solid var(--blue);border-radius:10px;color:var(--cyan)}.btn{border:0;border-radius:10px;padding:11px 17px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#e8eef7;color:var(--ink)}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(16,54,107,.12)}.btn-primary{background:linear-gradient(135deg,var(--blue),#0d5fd8);color:#fff}.btn-secondary{background:#e9f1ff;color:#0d5fd8;border:1px solid #c9dcff}.btn-ghost{background:transparent;border:1px solid var(--line)}.btn-danger{background:#fff0f1;color:var(--bad);border:1px solid #ffd0d5}.btn-sm{padding:7px 11px;font-size:13px}.full{width:100%;grid-column:1/-1}.button-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}
.public-body{background:#fff}.public-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}.public-nav{display:flex;align-items:center;gap:28px}.public-nav>a:not(.btn){color:#33445e;font-weight:650;font-size:14px}.nav-toggle{display:none;border:0;background:transparent;font-size:24px}.hero{background:radial-gradient(circle at 75% 10%,rgba(35,198,232,.2),transparent 30%),linear-gradient(135deg,#06152e,#0a2e64 65%,#0c4fa6);color:#fff;padding:90px 0 76px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{display:inline-block;color:#39d6f4;text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.16em;margin-bottom:14px}.hero h1,.page-hero h1{font-size:clamp(42px,6vw,70px);line-height:1.04;letter-spacing:-.045em;margin:0 0 24px}.hero p{font-size:19px;color:#ccdaee}.hero-actions,.trust-row{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.hero .btn-secondary{background:transparent;color:#fff;border-color:#ffffff55}.trust-row{color:#b9cae1;font-size:13px}.hero-visual{position:relative;min-height:390px;display:grid;place-items:center}.visual-grid{display:grid;grid-template-columns:repeat(3,92px);gap:17px;transform:rotate(-8deg)}.visual-cube{height:92px;border-radius:20px;background:linear-gradient(145deg,#1980ffdd,#1fd6f255);border:1px solid #82ddff77;box-shadow:0 15px 35px #0076ff55}.visual-card{position:absolute;right:0;bottom:10px;background:#ffffff1f;border:1px solid #ffffff33;padding:18px 22px;border-radius:15px;display:flex;flex-direction:column}.visual-card span{color:#c7d7ec;font-size:12px}.stats{background:#fff;border-bottom:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0}.stats-grid>div{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line)}.stats-grid>div:last-child{border:0}.stats-grid strong{font-size:24px;color:#0d5fd8}.stats-grid span{color:var(--muted);font-size:13px}.section{padding:86px 0}.section-muted{background:var(--bg)}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}.section-head h2,.contact-grid h2{font-size:38px;line-height:1.14;margin:0}.section-head>p{max-width:420px;color:var(--muted)}.service-grid,.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card,.catalog-card,.panel,.metric{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 4px 16px #112b5209}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.service-card h3,.catalog-card h3{margin:14px 0 8px}.service-card p,.catalog-card p{color:var(--muted);min-height:70px}.service-icon,.catalog-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#ecf4ff;color:var(--blue)}.badge{font-size:11px;text-transform:uppercase;color:#6b7c95}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps>div{background:#fff;border:1px solid var(--line);padding:24px;border-radius:var(--radius)}.steps b{color:var(--blue);font-size:26px}.contact-section{background:linear-gradient(#fff,#edf4ff)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.contact-details{display:flex;flex-direction:column;gap:12px;margin-top:30px}.contact-form{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.page-hero{background:linear-gradient(135deg,var(--navy),#0f4d9f);color:#fff;padding:90px 0 70px}.page-hero p{font-size:19px;color:#c9d8ec;max-width:720px}.prose{max-width:850px;font-size:17px}.public-footer{background:#06152e;color:#c4d2e5;padding:55px 0 20px}.public-footer .brand{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid a{color:#c4d2e5}.footer-bottom{margin-top:35px;padding-top:18px;border-top:1px solid #ffffff22;font-size:13px}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}
.admin-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:linear-gradient(#06162f,#08234b);color:#fff;padding:24px 18px;z-index:30;display:flex;flex-direction:column}.side-nav{display:flex;flex-direction:column;gap:5px;margin-top:34px}.side-nav a{display:flex;align-items:center;gap:12px;color:#c4d2e5;padding:11px 13px;border-radius:10px;font-weight:650;font-size:14px}.side-nav a.active,.side-nav a:hover{background:linear-gradient(135deg,var(--blue),#0d5ad0);color:#fff}.sidebar-user{margin-top:auto;border-top:1px solid #ffffff22;padding-top:18px;display:flex;gap:10px;align-items:center}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user small{font-size:11px;color:#9eb2cf}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6c55d9,#246bf0);color:#fff;font-weight:800}.avatar.large{width:58px;height:58px}.admin-main{margin-left:248px;width:calc(100% - 248px)}.topbar{height:90px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:14px;position:sticky;top:0;z-index:15}.topbar h1{font-size:22px;margin:0}.topbar p{font-size:12px;color:var(--muted);margin:2px 0}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-btn{width:39px;height:39px;border:1px solid var(--line);background:#fff;border-radius:10px;display:grid;place-items:center}.topbar>.icon-btn{display:none}.content{padding:28px;max-width:1600px;margin:auto}.alert{padding:14px 17px;border-radius:12px;margin-bottom:18px;border:1px solid}.alert-success{background:#ecfbf5;border-color:#b9ead7;color:#087b52}.alert-info{background:#eef5ff;border-color:#c8dcff;color:#1356a8}.alert-danger{background:#fff1f2;border-color:#ffcbd0;color:#a52838}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px}.metric span,.metric small{display:block;color:var(--muted)}.metric strong{display:block;font-size:28px;margin:8px 0}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.panel-head,.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.panel h2,.panel-head h2,.toolbar h2{font-size:18px;margin:0}.panel-head p,.toolbar p{font-size:12px;color:var(--muted);margin:3px 0}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:700px}.table-wrap th{text-align:left;color:#61718a;font-size:11px;text-transform:uppercase;padding:11px 10px;border-bottom:1px solid var(--line)}.table-wrap td{padding:12px 10px;border-bottom:1px solid #edf1f6;font-size:13px}.table-wrap td a strong,.table-wrap td a small,.activity strong,.activity small{display:block}.table-wrap td small,.activity small{color:var(--muted)}.status,.priority{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#e9eef6;color:#52627a}.status-published,.status-approved,.status-won,.status-qualified{background:#e5f8ef;color:var(--ok)}.status-draft,.status-new{background:#e9f1ff;color:#155cc1}.status-sent,.status-proposal{background:#eee9ff;color:#634ac2}.status-negotiation,.status-contacted{background:#fff3df;color:var(--warn)}.status-rejected,.status-lost,.status-cancelled,.status-spam{background:#ffeaec;color:var(--bad)}.status-expired,.status-archived{background:#edf0f4;color:#667085}.priority-high{background:#ffeaec;color:var(--bad)}.priority-medium{background:#fff4df;color:var(--warn)}.priority-low{background:#e8f8ef;color:var(--ok)}.activity-list{display:flex;flex-direction:column}.activity-list.horizontal{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.activity{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f6;color:var(--ink)}.activity-dot{width:9px;height:9px;border-radius:50%;background:var(--blue)}.activity>div{flex:1}.empty{text-align:center;color:var(--muted);padding:24px!important}.filterbar,.search-inline{display:flex;gap:10px;align-items:center;margin-bottom:18px}.filterbar{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.filterbar input{flex:1}.catalog-card{position:relative}.catalog-card>.status{position:absolute;right:18px;top:18px}.card-actions{display:flex;gap:8px;margin-top:18px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-head{display:flex;gap:16px;align-items:center}.detail-list>div{display:grid;grid-template-columns:140px 1fr;border-bottom:1px solid #edf1f6;padding:11px 0}.detail-list dt{color:var(--muted);font-size:12px}.detail-list dd{margin:0;white-space:pre-wrap}.timeline-item{display:flex;gap:12px;padding:10px 0}.timeline-item>span{width:10px;height:10px;border:2px solid var(--blue);border-radius:50%;margin-top:5px}.timeline-item strong,.timeline-item small{display:block}.timeline-item small{color:var(--muted)}.contact-row{padding:14px 0;border-bottom:1px solid var(--line)}.contact-row strong,.contact-row small,.contact-row span{display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label,form>label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750;color:#3a4a61}input,select,textarea{width:100%;border:1px solid #ccd7e5;border-radius:9px;background:#fff;padding:10px 12px;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px #1677ff22}.checkbox{flex-direction:row!important;align-items:center!important}.checkbox input{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.form-section{margin:25px 0}.quote-items{display:flex;flex-direction:column;gap:12px}.quote-item{border:1px solid var(--line);border-radius:12px;padding:13px;background:#f9fbfe}.quote-item-grid{display:grid;grid-template-columns:1.2fr 2fr .6fr .7fr .8fr .7fr .7fr 40px;gap:9px;align-items:end}.quote-item-grid label{font-size:11px}.quote-layout{display:grid;grid-template-columns:2fr .8fr;gap:20px}.quote-head,.quote-party,.quote-summary>div{display:flex;justify-content:space-between}.quote-party{margin:22px 0}.quote-party>div{display:flex;flex-direction:column}.quote-summary{margin-left:auto;width:min(420px,100%);padding-top:18px}.quote-summary>div{padding:8px}.quote-summary .total{background:#eaf2ff;border-radius:10px;color:#0d5fd8;font-size:18px}.user-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.grow{flex:1}.grow strong,.grow small{display:block}.user-row select{width:160px}.upload-form{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:end}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.media-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.media-card img{width:100%;height:170px;object-fit:cover}.media-card>div{padding:14px}.auth-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#06152e,#0d3e83);padding:25px}.auth-card{background:#fff;border-radius:20px;padding:34px;width:min(440px,100%);box-shadow:0 25px 60px #0004}.auth-card form{display:flex;flex-direction:column;gap:16px}.text-link{display:block;text-align:center;margin-top:18px}
@media(max-width:1100px){.service-grid,.card-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.span-3{grid-column:span 2}.quote-layout{grid-template-columns:1fr}.quote-item-grid{grid-template-columns:1fr 1fr 1fr 1fr}.media-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.public-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px;flex-direction:column}.public-nav.open{display:flex}.nav-toggle{display:block}.hero-grid,.contact-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.admin-main{margin-left:0;width:100%}.topbar>.icon-btn{display:grid}.detail-grid,.form-grid,.dashboard-grid{grid-template-columns:1fr}.span-2,.span-3{grid-column:span 1}.activity-list.horizontal{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.service-grid,.card-grid,.steps,.metric-grid,.media-grid{grid-template-columns:1fr}.hero h1,.page-hero h1{font-size:38px}.section{padding:58px 0}.section-head,.toolbar,.filterbar,.search-inline{align-items:stretch;flex-direction:column}.quote-item-grid{grid-template-columns:1fr}.user-row{flex-wrap:wrap}.user-row select{width:100%}}
.stack{display:flex;flex-direction:column;gap:20px}.status-queued{background:#fff3df;color:var(--warn)}.status-failed{background:#ffeaec;color:var(--bad)}.metric-list{display:flex;flex-direction:column}.metric-list>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.button-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.muted{color:var(--muted)}

/* CODEBI 5C1 SEO/CRO enhancements */
.hero-enterprise h1{max-width:920px}
.center-actions{display:flex;justify-content:center;margin-top:2rem}
.feature-grid,.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.feature-grid article,.faq-grid article,.panel-like{border:1px solid rgba(148,163,184,.24);background:rgba(15,23,42,.035);border-radius:18px;padding:1.25rem}
.public-body .catalog-section{margin:0 0 3rem}
.section-head.compact{margin-bottom:1.2rem}
.service-list{display:grid;gap:2rem}
.service-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.5rem;align-items:start}
.price-pill{display:inline-flex;align-items:center;gap:.35rem;border:1px solid rgba(37,99,235,.25);background:rgba(37,99,235,.08);border-radius:999px;padding:.45rem .8rem;font-weight:700}
.check-list{padding-left:1.1rem;display:grid;gap:.5rem}
.quote-item-grid input[type="search"]{border:1px solid rgba(148,163,184,.45);border-radius:10px;padding:.65rem .75rem;width:100%}
.service-card small{display:block;margin:.75rem 0;color:#2563eb;font-weight:700}
@media (max-width: 820px){.service-detail-grid{grid-template-columns:1fr}.public-nav{gap:.75rem}.hero-actions{flex-wrap:wrap}}