:root{--ink:#0c0c0e;--paper:#f4f1eb;--cream:#e8e2d7;--lime:#d9ff4d;--muted:#817e78;--line:rgba(12,12,14,.16);--serif:"Playfair Display",Georgia,serif;--sans:Manrope,Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}button,input{font:inherit}.grain{position:fixed;inset:0;opacity:.18;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");mix-blend-mode:multiply}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(244,241,235,.86);backdrop-filter:blur(16px);z-index:10}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-size:15px;font-weight:800;letter-spacing:.13em}.brand em{font:400 10px var(--mono);letter-spacing:.06em;border-left:1px solid var(--line);padding-left:9px}.brand-orbit{width:18px;height:18px;border:5px solid var(--ink);border-radius:50%;display:block;box-shadow:7px 0 0 -4px var(--lime)}nav{display:flex;gap:22px;margin:0 18px;flex-wrap:nowrap}nav a{color:var(--muted);text-decoration:none;font-size:11px;font-weight:700;white-space:nowrap;text-align:center;line-height:1.35}nav a.active{color:var(--ink);border-bottom:2px solid var(--lime);padding-bottom:2px}nav a.active,nav a:hover{color:var(--ink)}.nav-actions,.live,.bag-button{display:flex;align-items:center}.nav-actions{gap:24px}.live{gap:7px;font:10px var(--mono);text-transform:uppercase}.live i{height:7px;width:7px;background:#5da200;border-radius:50%;box-shadow:0 0 0 4px #d8e9b7}.bag-button{gap:10px;border:0;background:var(--ink);color:#fff;padding:10px 13px;font-size:11px;font-weight:700;cursor:pointer}.bag-button b{background:var(--lime);color:var(--ink);border-radius:50%;width:17px;height:17px;display:grid;place-items:center;font-size:10px}.hero{min-height:650px;padding:94px 7.5vw 52px;display:grid;grid-template-columns:1.1fr .9fr;position:relative;overflow:hidden;background:#eae5db}.hero-copy{align-self:center;position:relative;z-index:1}.kicker,.eyebrow{font:10px var(--mono);letter-spacing:.1em;color:#65635e;margin:0 0 16px}.hero h1,.section-heading h2,.assurance h2,.command-bar h2,.cart h2,dialog h2{font:600 clamp(48px,6.2vw,88px)/.97 var(--serif);letter-spacing:-.055em;margin:0}.hero h1 i,h2 i{font-weight:600}.intro{font-size:15px;line-height:1.7;max-width:420px;margin:27px 0;color:#4b4945}.hero-actions{display:flex;align-items:center;gap:27px}.button{border:0;display:inline-flex;gap:27px;justify-content:space-between;align-items:center;text-decoration:none;cursor:pointer;padding:15px 18px;font-size:12px;font-weight:800;letter-spacing:.02em;transition:.25s transform,.25s background}.button:hover{transform:translateY(-3px)}.primary{background:var(--ink);color:white}.primary span{color:var(--lime);font-size:18px}.text-button{background:none;border:0;cursor:pointer;font-size:12px;font-weight:800}.play{color:var(--ink);border:1px solid var(--ink);border-radius:50%;padding:4px 5px 4px 6px;margin-left:8px;font-size:8px}.hero-visual{position:relative;min-height:490px}.core{position:absolute;left:52%;top:47%;translate:-50% -50%;width:202px;height:202px;border-radius:50%;background:var(--ink);color:white;display:grid;place-content:center;text-align:center;z-index:2;box-shadow:0 22px 65px rgba(0,0,0,.18)}.core-ring{position:absolute;inset:-13px;border:1px solid #9b978e;border-radius:50%;border-right-color:transparent;animation:spin 15s linear infinite}.core span{font:700 60px var(--serif);line-height:.7;color:var(--lime)}.core small{font:8px var(--mono);letter-spacing:.13em;margin-top:15px}.orb{position:absolute;border:1px solid #aaa499;border-radius:50%}.orb-one{width:430px;height:430px;left:50%;top:47%;translate:-50% -50%}.orb-two{width:600px;height:600px;left:50%;top:47%;translate:-50% -50%;border-style:dashed}.protocol-card{position:absolute;background:#f8f6f1;padding:17px;width:171px;z-index:3;box-shadow:0 10px 30px rgba(12,12,14,.08)}.top-card{top:56px;right:8%}.lower-card{bottom:63px;left:2%}.card-label{display:block;font:9px var(--mono);color:var(--muted);letter-spacing:.1em}.protocol-card strong{display:block;font:600 26px var(--serif);margin-top:9px}.protocol-card small{font-size:10px;color:var(--muted)}.verified{display:block;margin-top:11px;color:#4d7400;font:9px var(--mono)}.signal-line{display:flex;gap:3px;margin-top:11px;align-items:end;height:17px}.signal-line i{width:8px;background:var(--lime);height:50%;animation:bars 1.5s ease-in-out infinite}.signal-line i:nth-child(2){height:90%;animation-delay:.2s}.signal-line i:nth-child(3){height:40%;animation-delay:.4s}.signal-line i:nth-child(4){height:100%;animation-delay:.1s}.signal-line i:nth-child(5){height:65%;animation-delay:.3s}.signal-line i:nth-child(6){height:80%;animation-delay:.5s}.node{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--lime);z-index:2}.n1{top:19%;left:27%}.n2{right:13%;bottom:28%}.n3{left:26%;bottom:17%}.hero-foot{position:absolute;bottom:28px;left:7.5vw;font:10px var(--mono);letter-spacing:.04em}.hero-foot span{margin:0 9px}.command-bar{padding:38px 7.5vw;display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:white}.eyebrow{color:#a8a69f}.command-bar h2{font-size:29px}.command-stats{display:flex;gap:44px}.command-stats div{display:grid;gap:4px}.command-stats b{font:600 23px var(--serif);color:var(--lime)}.command-stats span{font-size:10px;color:#a5a29d}.catalog-section{padding:110px 7.5vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:46px}.section-heading h2,.assurance h2{font-size:57px}.catalog-controls{display:grid;gap:15px}.search{border-bottom:1px solid var(--ink);padding-bottom:7px;width:240px;display:flex;gap:7px}.search input{background:none;border:0;outline:0;width:100%;font-size:11px}.filters{display:flex;gap:6px}.filters button{border:1px solid var(--line);background:transparent;padding:6px 8px;font:9px var(--mono);cursor:pointer}.filters button.active,.filters button:hover{background:var(--ink);color:white}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.product{background:var(--paper);min-height:352px;padding:17px;display:flex;flex-direction:column;transition:.35s background,.35s transform;position:relative}.product:hover{background:#fff;transform:translateY(-5px);z-index:1}.product-image{height:176px;background:#ded9cf;position:relative;overflow:hidden;display:grid;place-items:center}.product-image:before{content:"";width:104px;height:104px;border-radius:50%;background:var(--product-color);filter:blur(1px);box-shadow:0 20px 34px #5556}.product-image:after{content:attr(data-icon);font-size:78px;position:absolute;filter:grayscale(1) contrast(1.3);mix-blend-mode:multiply}.product-tag{position:absolute;top:9px;left:9px;background:var(--lime);padding:5px 7px;font:8px var(--mono)}.product-info{padding-top:17px}.product-category,.product-sku{font:9px var(--mono);color:var(--muted)}.product h3{font-size:14px;margin:8px 0 17px;letter-spacing:-.02em}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.price{font:600 19px var(--serif)}.add{border:1px solid var(--ink);background:transparent;width:31px;height:31px;font-size:20px;line-height:1;cursor:pointer;transition:.2s}.add:hover{background:var(--ink);color:var(--lime)}.assurance{background:var(--cream);padding:95px 7.5vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.assurance-list article{display:grid;grid-template-columns:50px 1fr 20px;gap:15px;padding:24px 0;border-top:1px solid var(--line)}.assurance-list article:last-child{border-bottom:1px solid var(--line)}.assurance-list span{font:10px var(--mono);color:var(--muted)}.assurance-list h3{margin:0;font-size:15px}.assurance-list p{font-size:13px;color:#5f5c57;line-height:1.6;margin:8px 0 0;max-width:410px}.assurance-list b{font-weight:400}footer{padding:27px 4.5vw;display:flex;justify-content:space-between;background:var(--ink);color:white;font:10px var(--mono);letter-spacing:.05em}footer p{margin:0;color:#aaa}.cart{position:fixed;right:0;top:0;bottom:0;width:min(430px,100%);padding:30px;background:#fbfaf6;z-index:30;transform:translateX(104%);transition:.4s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;box-shadow:-15px 0 50px #0002}.cart.open{transform:none}.cart-head{display:flex;justify-content:space-between}.cart h2{font-size:38px}.close{border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer}.cart-items{overflow:auto;margin-top:28px}.cart-item{display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid var(--line);padding:15px 0}.cart-item h3{margin:0;font-size:13px}.cart-item p{margin:5px 0;font:9px var(--mono);color:var(--muted)}.cart-item b{font:600 17px var(--serif)}.item-actions{display:flex;gap:6px;align-items:center}.item-actions button{border:1px solid var(--line);background:none;width:22px;height:22px;cursor:pointer}.cart-empty{font:14px var(--serif);color:var(--muted);padding:50px 0}.cart-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:18px}.total-line{display:flex;justify-content:space-between;align-items:center}.total-line b{font:600 27px var(--serif)}.cart-footer p{font-size:10px;color:var(--muted);line-height:1.5}.checkout{width:100%;margin-top:9px}.backdrop{position:fixed;inset:0;background:#0008;opacity:0;pointer-events:none;z-index:25;transition:.3s}.backdrop.show{opacity:1;pointer-events:auto}dialog{border:0;padding:40px;width:min(490px,calc(100% - 30px));background:#f8f5ef;box-shadow:0 25px 90px #0005;position:relative}dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}dialog h2{font-size:43px}.modal-copy{font-size:13px;color:#625f59;line-height:1.6}.modal-close{position:absolute;right:17px;top:17px}.offer-box{background:#e8e2d7;margin:25px 0;padding:18px}.offer-box label{font-size:12px;font-weight:700}.offer-box label b{float:right;font:600 18px var(--serif)}input[type=range]{display:block;width:100%;accent-color:var(--ink);margin:16px 0}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.offer-grid span{font:9px var(--mono);color:var(--muted)}.offer-grid b{display:block;color:var(--ink);font:600 14px var(--serif);margin-top:4px}.full{width:100%}.result{font-size:12px;min-height:18px;color:#517500}.success-mark{height:42px;width:42px;display:grid;place-items:center;background:var(--lime);border-radius:50%;margin-bottom:20px;font-size:21px}.toast{position:fixed;bottom:25px;left:50%;translate:-50% 20px;background:var(--ink);color:white;padding:12px 17px;font-size:11px;z-index:60;opacity:0;transition:.25s;pointer-events:none}.toast.show{opacity:1;translate:-50% 0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bars{50%{transform:scaleY(.45)}}@media(max-width:850px){nav,.live{display:none}.hero{grid-template-columns:1fr;padding-top:65px}.hero-visual{height:390px;min-height:0;margin-top:20px}.command-bar,.section-heading,.assurance{display:grid;gap:30px}.command-stats{gap:20px}.product-grid{grid-template-columns:repeat(2,1fr)}.assurance{grid-template-columns:1fr}.catalog-controls{justify-self:start}}@media(max-width:520px){.nav{padding:0 20px}.brand em{display:none}.hero,.catalog-section,.assurance{padding-left:24px;padding-right:24px}.hero h1{font-size:53px}.command-bar{padding:30px 24px}.command-stats{display:grid;grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr}.hero-visual{scale:.8;margin:-25px}.top-card{right:0}.lower-card{left:0}footer{padding:24px;gap:15px}.catalog-section{padding-top:70px;padding-bottom:70px}}
.demo-run-btn{background:var(--lime)!important;color:var(--ink)!important;padding:8px 14px!important;border-radius:6px!important;font-size:11px!important;font-weight:800!important;box-shadow:0 4px 12px rgba(217,255,77,.3)!important;white-space:nowrap}.demo-run-btn:hover{transform:translateY(-2px)}.demo-banner-bar{background:#18181b;color:#f4f4f5;padding:12px 4.5vw;display:flex;align-items:center;gap:15px;font-size:12px;border-bottom:1px solid rgba(255,255,255,.1)}.demo-badge{background:#d9ff4d;color:#0c0c0e;font:700 10px var(--mono);padding:3px 8px;border-radius:4px;letter-spacing:.05em}.small-btn{padding:6px 12px!important;font-size:10px!important;margin-left:auto}.demo-step-active{box-shadow:0 0 0 3px #d9ff4d,0 8px 25px rgba(217,255,77,.25)!important;transition:box-shadow .4s ease}.btn-active-feedback{transform:scale(.96)!important;box-shadow:0 0 0 3px #d9ff4d!important;transition:transform .1s ease,box-shadow .1s ease!important}
/* ---------------- HOW-TO GUIDE ---------------- */
.guide-section{padding:4.5rem 4.5vw;border-top:1px solid var(--line)}
.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:20px;margin-top:1.5rem}
.guide-card h3{margin:.9rem 0 .6rem;font-size:17px;font-weight:800}
.guide-steps{margin:0;padding-left:1.3rem;display:grid;gap:.55rem}
.guide-steps li{font-size:13px;line-height:1.55;color:#3f3d38}
.guide-steps li::marker{font-weight:800;color:var(--ink)}
.guide-steps b{color:var(--ink)}
/* ---------------- SECTION FLASH (smart navigation) ---------------- */
.section-flash{animation:sectionGlow 2.4s ease}
@keyframes sectionGlow{0%{box-shadow:0 0 0 0 rgba(217,255,77,0)}15%{box-shadow:0 0 0 4px rgba(217,255,77,.85)}60%{box-shadow:0 0 0 4px rgba(217,255,77,.5)}100%{box-shadow:0 0 0 0 rgba(217,255,77,0)}}
html{scroll-padding-top:90px}

/* ---------------- MERCHANT OS CONSOLE (ent-out dashboard) ---------------- */
.mos-console{font-family:'Manrope',sans-serif;font-size:12px;color:#e6e6e6;text-align:left}
.mos-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.mos-head b{font-size:15px;color:#fff}
.mos-live{color:#4ade80;font-size:10px;letter-spacing:1.5px;font-weight:800}
.mos-channels{color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:1px}
.mos-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:14px}
.mos-metric{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px}
.mos-metric span{display:block;font-size:20px;font-weight:800;color:#fff}
.mos-metric label{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}
.mos-metric.bad span{color:#ef4444}
.mos-metric.warn span{color:#f59e0b}
.mos-metric.ok span{color:#4ade80}
.mos-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:900px){.mos-cols{grid-template-columns:1fr}}
.mos-col h4{margin:10px 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#a3e635}
.mos-table{width:100%;border-collapse:collapse;font-size:11px}
.mos-table th{text-align:left;color:#64748b;font-weight:600;padding:3px 6px;border-bottom:1px solid rgba(255,255,255,.1)}
.mos-table td{padding:4px 6px;border-bottom:1px solid rgba(255,255,255,.05)}
.mos-pill{display:inline-block;padding:1px 7px;border-radius:99px;font-size:10px;font-weight:700}
.pill-ok{background:rgba(74,222,128,.15);color:#4ade80}
.pill-bad{background:rgba(239,68,68,.18);color:#ef4444}
.mos-alert{display:flex;gap:8px;align-items:center;padding:5px 8px;border-radius:8px;margin-bottom:5px;background:rgba(255,255,255,.04)}
.mos-alert b{font-size:10px}
.mos-alert-critical{border-left:3px solid #ef4444}
.mos-alert-warn{border-left:3px solid #f59e0b}
.mos-alert-info{border-left:3px solid #38bdf8}
.mos-domain{font-size:9px;text-transform:uppercase;color:#94a3b8;letter-spacing:1px}
.mos-empty{color:#64748b;font-size:11px;font-style:italic}
.mos-margin-ok{color:#4ade80;font-weight:700}
.mos-margin-bad{color:#ef4444;font-weight:700}

/* ================= ENTERPRISE CONTROL PLANE DESIGN SYSTEM =================
   The .enterprise-section / .ent-* classes had no stylesheet at all, which
   rendered the section as raw unstyled HTML. This block gives the whole
   Enterprise section a structured, card-based visual system that matches
   the site's warm-cream glassmorphic palette.
   ========================================================================= */

.enterprise-section {
  position: relative;
  padding: 96px 7.5vw 90px;
  background: #0c0c0e;
  background-image:
    radial-gradient(circle at 12% 8%, rgba(217, 255, 77, 0.10) 0%, transparent 42%),
    radial-gradient(circle at 88% 14%, rgba(56, 189, 248, 0.08) 0%, transparent 45%),
    radial-gradient(circle at 50% 100%, rgba(217, 255, 77, 0.05) 0%, transparent 55%);
  color: #f4f1eb;
  border-top: 1px solid rgba(244, 241, 235, 0.12);
  border-bottom: 1px solid rgba(244, 241, 235, 0.12);
}

.enterprise-section .kicker { color: rgba(217, 255, 77, 0.85); }

.enterprise-section .section-heading {
  display: block;
  max-width: 760px;
  margin-bottom: 48px;
}

.enterprise-section .section-heading h2 {
  color: #ffffff;
  font-size: clamp(34px, 4vw, 52px);
  margin: 0 0 16px;
}

.enterprise-section .section-subtext {
  font-size: 14px;
  line-height: 1.75;
  color: rgba(244, 241, 235, 0.62);
  margin: 0;
}

/* --- Card grid: responsive, aligned, equal heights --- */
.ent-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  gap: 18px;
}

.ent-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: rgba(244, 241, 235, 0.045);
  border: 1px solid rgba(244, 241, 235, 0.12);
  border-radius: 16px;
  padding: 22px;
  backdrop-filter: blur(10px);
  transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
  overflow: hidden;
}

.ent-card:hover {
  transform: translateY(-4px);
  border-color: rgba(217, 255, 77, 0.45);
  background: rgba(244, 241, 235, 0.07);
}

.ent-card-wide { grid-column: span 2; }
@media (max-width: 760px) { .ent-card-wide { grid-column: span 1; } }

/* Top lime accent line on hover */
.ent-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, rgba(217, 255, 77, 0.9), rgba(217, 255, 77, 0.15));
  opacity: 0;
  transition: opacity 0.25s ease;
}
.ent-card:hover::before { opacity: 1; }

.ent-card h3 {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #ffffff;
}

/* Status line under the heading */
.ent-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  font: 600 10.5px var(--mono, monospace);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(244, 241, 235, 0.5);
  background: rgba(244, 241, 235, 0.06);
  border: 1px solid rgba(244, 241, 235, 0.1);
  border-radius: 99px;
  padding: 5px 12px;
  margin: 0 0 14px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Trigger buttons */
.ent-btn {
  align-self: flex-start;
  border: 1px solid rgba(217, 255, 77, 0.55);
  background: transparent;
  color: var(--lime, #d9ff4d);
  padding: 9px 16px;
  border-radius: 9px;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: 0.22s background, 0.22s color, 0.22s transform;
}
.ent-btn:hover {
  background: var(--lime, #d9ff4d);
  color: #0c0c0e;
  transform: translateY(-2px);
}
.ent-btn:active { transform: translateY(0); }

/* Output console panel */
.ent-out {
  margin: 16px 0 0;
  padding: 14px;
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(244, 241, 235, 0.1);
  border-radius: 11px;
  font: 11px/1.55 var(--mono, monospace);
  color: rgba(244, 241, 235, 0.72);
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 340px;
  overflow: auto;
  min-height: 46px;
}
.ent-out:not(:empty) { color: #d7e8c9; }

/* Scrollbar inside output panels */
.ent-out::-webkit-scrollbar { width: 8px; }
.ent-out::-webkit-scrollbar-thumb { background: rgba(244, 241, 235, 0.18); border-radius: 8px; }

/* ================= MERCHANT OS LIVE CONSOLE ================= */
.mos-console { font-family: var(--sans, sans-serif); }

.mos-head {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(244, 241, 235, 0.12);
  margin-bottom: 14px;
}
.mos-head b { font-size: 16px; color: #ffffff; }
.mos-channels {
  color: rgba(244, 241, 235, 0.5);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
.mos-live {
  color: #4ade80;
  font: 800 9px var(--mono, monospace);
  letter-spacing: 2px;
  animation: mosPulse 1.8s ease-in-out infinite;
}
@keyframes mosPulse { 50% { opacity: 0.45; } }

.mos-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
  gap: 8px;
  margin-bottom: 16px;
}
.mos-metric {
  background: rgba(244, 241, 235, 0.05);
  border: 1px solid rgba(244, 241, 235, 0.1);
  border-radius: 11px;
  padding: 11px 12px;
}
.mos-metric span { display: block; font-size: 21px; font-weight: 800; color: #ffffff; line-height: 1.15; }
.mos-metric label {
  font-size: 9.5px;
  color: rgba(244, 241, 235, 0.55);
  text-transform: uppercase;
  letter-spacing: 0.6px;
}
.mos-metric.bad span { color: #f87171; }
.mos-metric.warn span { color: #fbbf24; }
.mos-metric.ok span { color: #4ade80; }

.mos-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 860px) { .mos-cols { grid-template-columns: 1fr; } }

.mos-col h4 {
  margin: 14px 0 7px;
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  color: rgba(217, 255, 77, 0.85);
}
.mos-col h4:first-child { margin-top: 0; }

.mos-table { width: 100%; border-collapse: collapse; font-size: 11px; }
.mos-table th {
  text-align: left;
  color: rgba(244, 241, 235, 0.45);
  font-weight: 600;
  font-size: 9.5px;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  padding: 4px 7px;
  border-bottom: 1px solid rgba(244, 241, 235, 0.14);
}
.mos-table td {
  padding: 5px 7px;
  border-bottom: 1px solid rgba(244, 241, 235, 0.06);
  color: rgba(244, 241, 235, 0.85);
}
.mos-table tr:last-child td { border-bottom: 0; }
.mos-table code {
  font: 10px var(--mono, monospace);
  color: #a3e635;
}

.mos-pill {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 99px;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.3px;
}
.pill-ok  { background: rgba(74, 222, 128, 0.14); color: #4ade80; }
.pill-bad { background: rgba(248, 113, 113, 0.16); color: #f87171; }
.pill-warn { background: rgba(251, 191, 36, 0.14); color: #fbbf24; }

.mos-alert {
  display: flex;
  gap: 9px;
  align-items: center;
  padding: 7px 10px;
  border-radius: 9px;
  margin-bottom: 6px;
  background: rgba(244, 241, 235, 0.05);
  border-left: 3px solid #38bdf8;
  font-size: 11px;
}
.mos-alert b { font-size: 9.5px; letter-spacing: 0.6px; }
.mos-alert-critical { border-left-color: #f87171; }
.mos-alert-critical b { color: #f87171; }
.mos-alert-warn { border-left-color: #fbbf24; }
.mos-alert-warn b { color: #fbbf24; }
.mos-alert-info b { color: #38bdf8; }
.mos-domain {
  font-size: 8.5px;
  text-transform: uppercase;
  color: rgba(244, 241, 235, 0.45);
  letter-spacing: 1px;
}
.mos-alert span:last-child { color: rgba(244, 241, 235, 0.8); }

.mos-empty {
  color: rgba(244, 241, 235, 0.4);
  font-size: 11px;
  font-style: italic;
  margin: 6px 0;
}
.mos-margin-ok { color: #4ade80; font-weight: 700; }
.mos-margin-bad { color: #f87171; font-weight: 700; }

/* Mobile polish for the whole section */
@media (max-width: 640px) {
  .enterprise-section { padding: 70px 24px 60px; }
  .ent-card { padding: 17px; }
}

/* Protocol surface chips + escrow strip inside the Merchant OS console */
.mos-proto { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 4px; }
.mos-escrow {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 4px;
}
.mos-escrow > div {
  background: rgba(244, 241, 235, 0.05);
  border: 1px solid rgba(244, 241, 235, 0.1);
  border-radius: 10px;
  padding: 8px 10px;
}
.mos-escrow label {
  display: block;
  font-size: 8.5px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: rgba(244, 241, 235, 0.5);
}
.mos-escrow b { font-size: 16px; color: #ffffff; }

/* Full-bleed dark wrapper behind the Audit Ledger so no plain cream strip
   shows between the Enterprise Control Plane, the ledger card and the footer. */
.audit-wrap {
  background: #0c0c0e;
  background-image:
    radial-gradient(circle at 12% 0%, rgba(217, 255, 77, 0.10) 0%, transparent 40%),
    radial-gradient(circle at 88% 20%, rgba(56, 189, 248, 0.07) 0%, transparent 45%),
    radial-gradient(circle at 50% 100%, rgba(217, 255, 77, 0.05) 0%, transparent 55%);
  padding: 48px 7.5vw 64px;
  border-top: 1px solid rgba(244, 241, 235, 0.12);
}

/* Inside the dark wrapper the ledger card blends with the section instead
   of floating as a separate box on a contrasting strip. */
.audit-wrap .ledger {
  margin-top: 0;
  border: 1px solid rgba(244, 241, 235, 0.12);
}

@media (max-width: 640px) {
  .audit-wrap { padding: 36px 24px 44px; }
}

/* ===== CORE DEMO STYLES ===== */
.coredemo-section { padding: 48px 4vw; }
.coredemo-intent { padding: 22px; margin-bottom: 18px; }
.cd-intent-form { display: flex; gap: 12px; flex-wrap: wrap; align-items: stretch; }
.cd-intent-form label { flex: 2 1 260px; display: flex; flex-direction: column; justify-content: center; gap: 6px; font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; opacity: .75; }
.cd-intent-form input { width: 100%; box-sizing: border-box; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.14); color: inherit; border-radius: 10px; padding: 12px 14px; font: inherit; }
.cd-intent-form label.cd-budget-label { flex: 0 1 160px; }
.cd-intent-form .button { align-self: stretch; display: inline-flex; align-items: center; justify-content: center; }
.cd-intent-meta { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 14px; font-size: .82rem; opacity: .8; }
.cd-pipeline { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 6px 0 20px; font: 600 .74rem/1 'DM Mono', monospace; letter-spacing: .1em; }
.cd-pipeline span { padding: 7px 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.16); opacity: .45; transition: all .4s; }
.cd-pipeline span.done { opacity: 1; border-color: #5da200; color: #7ddf64; }
.cd-pipeline span.fail { opacity: 1; border-color: #e5484d; color: #ff8589; background: rgba(229,72,77,.12); }
.cd-pipeline i { opacity: .35; }
.coredemo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; }
.cd-panel { padding: 20px; min-height: 320px; }
.cd-timeline { max-height: 420px; overflow: auto; }
.cd-offer { border: 1px solid rgba(255,255,255,.12); border-radius: 12px; padding: 12px 14px; margin-bottom: 10px; }
.offer-approved { border-color: rgba(93,162,0,.55); background: rgba(93,162,0,.07); }
.offer-rejected { border-color: rgba(229,72,77,.45); background: rgba(229,72,77,.06); }
.cd-offer-head { display: flex; justify-content: space-between; gap: 8px; }
.cd-offer-head small { opacity: .6; }
.cd-offer-prices { margin: 6px 0; font-size: 1.05rem; }
.cd-offer-prices span { text-decoration: line-through; opacity: .5; }
.cd-offer-prices small { margin-left: 8px; color: #7ddf64; }
.cd-offer-badges { display: flex; flex-wrap: wrap; gap: 6px; }
.cd-offer-reason { font-size: .8rem; opacity: .75; margin-top: 8px; }
.cd-decision { margin-top: 14px; padding: 16px; border-radius: 12px; text-align: center; font-size: 1.05rem; }
.cd-decision b { display: block; font-size: 1.25rem; letter-spacing: .04em; }
.decision-approved { background: rgba(93,162,0,.15); border: 1px solid #5da200; color: #b8f0a0; }
.decision-rejected { background: rgba(229,72,77,.14); border: 1px solid #e5484d; color: #ffb3b6; }
.cd-explain-list { list-style: none; padding: 0; font-size: .86rem; display: grid; gap: 8px; }
.cd-explain-list b { text-transform: uppercase; font-size: .68rem; letter-spacing: .1em; opacity: .65; display: block; }
.cd-checks { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.cd-blocked { margin-top: 12px; font-size: .8rem; padding: 10px 12px; border-radius: 10px; background: rgba(229,72,77,.1); border: 1px solid rgba(229,72,77,.4); }
.cd-razorpay { margin-top: 16px; padding-top: 14px; border-top: 1px dashed rgba(255,255,255,.2); }
.cd-rz-flow { font: 600 .78rem/1.6 'DM Mono', monospace; letter-spacing: .05em; color: #7ddf64; }
.cd-rz-meta { display: flex; gap: 14px; margin-top: 8px; font-size: .8rem; opacity: .8; flex-wrap: wrap; }