/* v18 — Tablet-first public presentation */
:root{
  --v18-ink:#0b241d;
  --v18-muted:#5f716b;
  --v18-green:#0b6b50;
  --v18-green-2:#084f3d;
  --v18-green-3:#032f25;
  --v18-soft:#edf7f3;
  --v18-line:rgba(8,79,61,.12);
  --v18-shadow:0 28px 70px rgba(4,48,37,.16);
}
body.v10-public{background:linear-gradient(180deg,#f7fbf9 0,#eef7f3 42%,#f8fbfa 100%);color:var(--v18-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.public-unified-header{background:linear-gradient(105deg,#063e31 0%,#0a654d 58%,#0d7658 100%)!important;border:0!important;box-shadow:0 12px 30px rgba(5,66,50,.16)!important;position:sticky!important;top:0!important;z-index:70!important}
.public-unified-header .site-nav a{font-weight:700;letter-spacing:.01em}
.public-unified-header .site-nav a:not(.nav-login){color:rgba(255,255,255,.82)!important}
.public-unified-header .site-nav a.active,.public-unified-header .site-nav a:hover{color:#fff!important;background:rgba(255,255,255,.1)!important}
.public-unified-header .nav-login{background:#fff!important;color:#075641!important;box-shadow:0 10px 26px rgba(0,0,0,.12)!important}

/* ticker: its own slim information band, never overlays hero/header */
.public-running-text{position:relative!important;top:auto!important;z-index:20!important;min-height:44px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;background:#ffffff!important;border:1px solid rgba(7,86,65,.1)!important;border-top:0!important;box-shadow:0 8px 24px rgba(7,86,65,.05)!important;overflow:hidden!important}
.public-running-text .ticker-label{height:44px!important;padding:0 22px!important;display:flex!important;align-items:center!important;gap:9px!important;background:linear-gradient(135deg,#0b6b50,#074b3a)!important;color:#fff!important;font-size:11px!important;font-weight:900!important;letter-spacing:.14em!important;white-space:nowrap!important}
.public-running-text .ticker-label i{width:8px!important;height:8px!important;border-radius:50%!important;background:#8ff0c9!important;box-shadow:0 0 0 5px rgba(143,240,201,.14)!important}
.public-running-text .ticker-track{height:44px!important;display:flex!important;align-items:center!important;overflow:hidden!important;color:#234d40!important;font-size:13px!important;font-weight:700!important}
.public-running-text .ticker-motion{gap:80px!important;animation-duration:34s!important}

.hero-shell{max-width:1440px!important;margin:0 auto!important;padding:76px 34px 48px!important}
.hero-grid{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(620px,1.18fr)!important;gap:58px!important;align-items:center!important}
.hero-copy{max-width:610px!important;padding:12px 0!important}
.hero-kicker{display:inline-flex!important;align-items:center!important;gap:10px!important;padding:9px 14px!important;border:1px solid rgba(11,107,80,.14)!important;border-radius:999px!important;background:#fff!important;color:#0b6b50!important;font-size:12px!important;font-weight:900!important;letter-spacing:.1em!important;text-transform:uppercase!important;box-shadow:0 8px 28px rgba(6,77,58,.06)!important}
.hero-copy h1{margin:20px 0 20px!important;font-size:clamp(42px,4.15vw,66px)!important;line-height:1.01!important;letter-spacing:-.048em!important;color:#092d23!important;font-weight:850!important}
.hero-copy h1 span{color:#087356!important}
.hero-lead{max-width:580px!important;font-size:17px!important;line-height:1.75!important;color:#587169!important}
.hero-actions{margin-top:28px!important;display:flex!important;gap:12px!important;flex-wrap:wrap!important}
.btn-primary-v10{background:linear-gradient(135deg,#087357,#054d3b)!important;color:#fff!important;border-radius:14px!important;padding:15px 20px!important;font-weight:850!important;box-shadow:0 16px 32px rgba(8,115,87,.22)!important}
.btn-secondary-v10{background:#fff!important;color:#0b614b!important;border:1px solid rgba(8,97,75,.16)!important;border-radius:14px!important;padding:15px 20px!important;font-weight:850!important}
.trust-row{margin-top:34px!important;padding-top:23px!important;border-top:1px solid rgba(8,79,61,.1)!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important}
.trust-row div{display:grid!important;gap:2px!important}.trust-row b{font-size:25px!important;color:#092f25!important}.trust-row span{font-size:12px!important;color:#708079!important;font-weight:700!important}

/* Tablet device */
.tablet-device{position:relative!important;width:100%!important;min-height:575px!important;padding:18px!important;border-radius:42px!important;background:linear-gradient(145deg,#122c25 0%,#051914 65%,#173b31 100%)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 40px 90px rgba(2,40,30,.28),inset 0 0 0 1px rgba(255,255,255,.08)!important;transform:perspective(1500px) rotateY(-2deg) rotateX(1deg)!important;transition:.35s ease!important}
.tablet-device:hover{transform:perspective(1500px) rotateY(0) rotateX(0) translateY(-4px)!important}
.tablet-camera{position:absolute!important;left:50%!important;top:6px!important;transform:translateX(-50%)!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#020a08!important;border:1px solid #2d4e45!important;box-shadow:0 0 0 2px rgba(0,0,0,.18)!important;z-index:3!important}
.tablet-screen{height:100%!important;min-height:535px!important;border-radius:28px!important;overflow:hidden!important;background:linear-gradient(180deg,#f8fbfa,#edf6f2)!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:inset 0 0 0 1px rgba(4,56,43,.06)!important;padding:22px!important;display:flex!important;flex-direction:column!important}
.tablet-homebar{position:absolute!important;left:50%!important;bottom:6px!important;transform:translateX(-50%)!important;width:82px!important;height:4px!important;border-radius:999px!important;background:rgba(255,255,255,.22)!important}
.tablet-screen .console-top{padding:0 0 16px!important;border-bottom:1px solid rgba(8,79,61,.09)!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.tablet-screen .console-brand{display:flex!important;align-items:center!important;gap:11px!important}.tablet-screen .console-brand img{width:42px!important;height:42px!important;object-fit:contain!important;background:transparent!important}.tablet-screen .console-brand b{display:block!important;font-size:14px!important;color:#0b3026!important}.tablet-screen .console-brand small{display:block!important;font-size:10px!important;color:#778780!important;margin-top:2px!important}.live-chip{font-size:9px!important;font-weight:900!important;letter-spacing:.12em!important;color:#087357!important;background:#e1f5ed!important;padding:8px 10px!important;border-radius:999px!important}.live-chip i{background:#22a975!important}
.tablet-screen .console-grid{display:grid!important;grid-template-columns:1.4fr .72fr .72fr!important;grid-template-rows:auto 1fr!important;gap:12px!important;margin-top:16px!important;flex:1!important}.tablet-screen .score-card{grid-row:1!important;grid-column:1!important;background:linear-gradient(145deg,#063c2f,#0a6b50)!important;color:#fff!important;border:0!important;border-radius:20px!important;padding:18px!important;box-shadow:0 15px 30px rgba(4,72,54,.15)!important}.score-card small{color:#a9ddca!important}.score-main strong{font-size:38px!important}.score-status{background:rgba(255,255,255,.13)!important;color:#d9f5e9!important}.score-meter{background:rgba(255,255,255,.15)!important}.score-meter i{background:#8ee3c2!important}.score-card p{color:#c7e7da!important;font-size:10px!important}.tablet-screen .mini-metric{background:#fff!important;border:1px solid rgba(8,79,61,.08)!important;border-radius:18px!important;padding:17px!important;box-shadow:0 9px 22px rgba(8,79,61,.05)!important}.mini-metric span{font-size:10px!important;color:#667971!important;font-weight:700!important}.mini-metric b{font-size:31px!important;color:#0a3e31!important}.mini-metric small{font-size:9px!important;color:#87948f!important}.tablet-screen .trend-card{grid-column:1/4!important;grid-row:2!important;border-radius:20px!important;background:#fff!important;border:1px solid rgba(8,79,61,.08)!important;padding:14px 16px!important;min-height:155px!important}.trend-head span{font-size:12px!important;font-weight:850!important;color:#143b31!important}.trend-head small{font-size:9px!important;color:#86938e!important}.bars{height:108px!important}.bar-item i{background:linear-gradient(180deg,#43c393,#087357)!important;border-radius:7px 7px 2px 2px!important}.bar-item small{font-size:8px!important;color:#75857f!important}.tablet-screen .console-list{margin-top:12px!important;background:#fff!important;border:1px solid rgba(8,79,61,.08)!important;border-radius:18px!important;overflow:hidden!important}.console-list-head{padding:10px 14px!important}.console-row{padding:10px 14px!important}.console-row strong{font-size:10px!important}.console-row span{font-size:9px!important}.console-row em{font-size:8px!important}

.metric-section,.insight-section,.capability-section,.flow-section,.cta-section{max-width:1380px!important;margin-left:auto!important;margin-right:auto!important}
.metric-section{padding-top:54px!important}.section-kicker{color:#0a7456!important;font-weight:900!important;letter-spacing:.13em!important}.section-intro h2,.insight-head h2{color:#0b3026!important;letter-spacing:-.03em!important}.metric-card{border:1px solid rgba(8,79,61,.09)!important;box-shadow:0 16px 38px rgba(6,63,48,.07)!important;border-radius:22px!important}.metric-card.featured{background:linear-gradient(145deg,#0a654d,#053f31)!important;color:#fff!important}.metric-card:not(.featured):hover{transform:translateY(-5px)!important;box-shadow:0 24px 48px rgba(6,63,48,.12)!important}.metric-icon{background:#e4f4ee!important;color:#087357!important}.metric-card.featured .metric-icon{background:rgba(255,255,255,.12)!important;color:#fff!important}
.flow-section{background:linear-gradient(120deg,#073f32 0%,#095f49 58%,#0a7255 100%)!important;box-shadow:0 24px 54px rgba(5,64,49,.15)!important}
.flow-steps>div{border:1px solid rgba(255,255,255,.11)!important;background:rgba(255,255,255,.075)!important}.flow-steps strong{font-size:14px!important;font-weight:900!important}.flow-steps small{font-size:11px!important;color:rgba(255,255,255,.68)!important}.flow-steps>div>b{font-size:13px!important;color:#9ce7c9!important}
.public-unified-footer{background:linear-gradient(105deg,#052f26,#07513f 60%,#0a6a50)!important}

@media(max-width:1120px){.hero-grid{grid-template-columns:1fr!important}.hero-copy{max-width:800px!important}.tablet-device{max-width:900px!important;margin:auto!important;transform:none!important}.hero-shell{padding-top:52px!important}.hero-copy h1{font-size:clamp(42px,7vw,62px)!important}}
@media(max-width:720px){.public-running-text{grid-template-columns:1fr!important}.public-running-text .ticker-label{display:none!important}.hero-shell{padding:38px 16px 30px!important}.hero-copy h1{font-size:39px!important}.hero-lead{font-size:15px!important}.trust-row{gap:8px!important}.tablet-device{min-height:0!important;padding:10px!important;border-radius:27px!important}.tablet-screen{min-height:430px!important;padding:13px!important;border-radius:20px!important}.tablet-screen .console-grid{grid-template-columns:1fr 1fr!important}.tablet-screen .score-card{grid-column:1/3!important}.tablet-screen .trend-card{grid-column:1/3!important}.tablet-screen .console-list{display:none!important}.console-brand small{max-width:185px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.live-chip{display:none!important}.metric-section,.insight-section,.capability-section,.flow-section,.cta-section{margin-left:14px!important;margin-right:14px!important}.flow-steps strong{font-size:13px!important}}
@media(max-width:450px){.hero-copy h1{font-size:34px!important}.hero-actions>a{width:100%!important;justify-content:center!important}.tablet-screen .mini-metric b{font-size:25px!important}.tablet-screen .score-main strong{font-size:31px!important}}
