/* Public marketing page. All selectors are namespaced: no effects on the private panel. */
.ecwh-page,.ecwh-teaser{--ecwh-bg:#080e1c;--ecwh-panel:#111c2d;--ecwh-line:#2a4155;--ecwh-cyan:#73e6db;--ecwh-text:#eef7ff;--ecwh-muted:#a8bdcf;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ecwh-text)}
.ecwh-page *,.ecwh-teaser *{box-sizing:border-box}.ecwh-page a,.ecwh-teaser a{color:inherit;text-decoration:none}
.ecwh-body{margin:0;background:#090d18}
.ecwh-page{background:radial-gradient(ellipse 70% 600px at 48% 0,rgba(25,96,127,.21),transparent),linear-gradient(#090f1c,#090d17);overflow:hidden}
.ecwh-shell{width:min(1200px,calc(100% - 36px));margin-inline:auto}
.ecwh-hero{padding:82px 0 77px;position:relative;border-bottom:1px solid #233549}
.ecwh-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(440px,.9fr);align-items:center;gap:48px}
.ecwh-kicker,.ecwh-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#7fe7d8;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.ecwh-kicker{padding:9px 13px;border-radius:999px;background:rgba(51,207,200,.06);border:1px solid #315b64}.ecwh-kicker-dot,.ecwh-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4bedcf;box-shadow:0 0 16px #33dbc2;animation:ecwh-pulse 1.9s ease-in-out infinite}
.ecwh-page h1,.ecwh-page h2,.ecwh-page h3{color:#f3faff;letter-spacing:-.035em}
.ecwh-hero h1{font-size:clamp(42px,5.5vw,72px);line-height:1.03;margin:22px 0 18px;max-width:650px}.ecwh-hero h1 span{color:var(--ecwh-cyan)}
.ecwh-lead{max-width:600px;font-size:clamp(16px,1.5vw,19px);line-height:1.7;color:#b9cada}
.ecwh-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 22px}.ecwh-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:45px;border-radius:11px;padding:11px 17px;font-size:13px;font-weight:800;border:1px solid #42717b;transition:transform .18s ease,border-color .18s,background .18s}
.ecwh-btn-primary{background:#77eade;color:#091925!important;border-color:#77eade}.ecwh-btn-outline{background:#101f2f;color:#f0fbff!important}.ecwh-btn:hover{transform:translateY(-2px);border-color:#8cf4ea}.ecwh-btn:focus-visible{outline:3px solid #a0f7ed;outline-offset:3px}
.ecwh-hero-facts{display:flex;gap:8px;flex-wrap:wrap}.ecwh-hero-facts span{font-size:11px;color:#b3d4d5;padding:6px 9px;border-radius:8px;border:1px solid #2b4856}
.ecwh-network{position:relative;min-height:355px;border:1px solid #315162;border-radius:22px;background:radial-gradient(ellipse at 50% 45%,rgba(33,127,151,.13),transparent 57%),linear-gradient(145deg,#0d2131,#0b1727);display:grid;grid-template-columns:1fr .9fr 1fr;align-items:center;gap:16px;padding:47px 20px 44px;box-shadow:0 28px 70px rgba(0,0,0,.25);isolation:isolate}
.ecwh-net-caption{position:absolute;top:15px;left:20px;font-size:11px;color:#9dc8ce;font-weight:700}
.ecwh-net-col{z-index:1;display:grid;gap:12px}.ecwh-net-node{display:grid;grid-template-columns:25px 1fr;grid-template-rows:auto auto;gap:1px 8px;padding:10px;border-radius:11px;background:#11283a;border:1px solid #355568;min-width:0}.ecwh-net-node-icon{grid-row:span 2;display:grid;place-items:center;color:#6cf1df;font-size:22px}.ecwh-net-node strong{font-size:11px}.ecwh-net-node small{font-size:10px;color:#9bb9c6}.ecwh-net-center{z-index:2;position:relative;display:grid;place-items:center;gap:8px;min-height:165px;padding:14px 8px;border:1px solid #67bac4;border-radius:18px;background:#0b1b2c;box-shadow:0 0 35px rgba(21,173,184,.23);text-align:center}.ecwh-net-center strong{font-size:16px;line-height:1.18}.ecwh-net-center small{color:#9ac9d3;font-size:10px}.ecwh-net-center-icon{font-size:34px;color:#63e6da}.ecwh-net-center .ecwh-live-dot{position:absolute;top:10px;right:12px}
.ecwh-network-track{position:absolute;inset:45px 13px 40px;display:flex;align-items:center;justify-content:center;z-index:0;pointer-events:none}.ecwh-network-track i{position:absolute;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#299da8,transparent)}.ecwh-network-track i:nth-child(1){transform:translateY(-74px)}.ecwh-network-track i:nth-child(3){transform:translateY(74px)}.ecwh-network-track i::after{content:"";position:absolute;top:-3px;left:0;width:8px;height:8px;background:#75fbf1;border-radius:50%;box-shadow:0 0 15px #64e7e7;animation:ecwh-flow 3s linear infinite}.ecwh-network-track i:nth-child(2):after{animation-delay:1s}.ecwh-network-track i:nth-child(3):after{animation-delay:2s}
.ecwh-net-footnote{position:absolute;bottom:12px;left:18px;right:18px;color:#93b0c0;text-align:center;font-size:10px;line-height:1.4}
.ecwh-section{padding:76px 0}.ecwh-section-muted{background:rgba(16,29,46,.48);border-top:1px solid rgba(77,140,157,.15);border-bottom:1px solid rgba(77,140,157,.15)}
.ecwh-section-heading{max-width:810px;margin:0 auto 29px;text-align:center}.ecwh-section-heading h2,.ecwh-alarm-grid h2{font-size:clamp(28px,3.4vw,40px);line-height:1.15;margin:10px 0}.ecwh-section-heading p,.ecwh-alarm-grid p{line-height:1.65;color:var(--ecwh-muted);margin:0}
.ecwh-steps{padding:0;margin:36px 0 30px;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:none}
.ecwh-steps li{position:relative;padding:20px 15px;border-radius:15px;border:1px solid #2e4657;background:linear-gradient(155deg,#142539,#0c1b2c);min-height:210px}
.ecwh-steps li:not(:last-child)::after{content:'›';position:absolute;right:-15px;top:44%;z-index:1;font-size:24px;color:#7deade;text-shadow:0 0 15px #1ed2ba}
.ecwh-step-number{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#164052;border:1px solid #429dad;color:#85f7e9;font-size:14px;font-weight:900;margin-bottom:15px}.ecwh-steps strong{display:block;font-size:14px;line-height:1.4}.ecwh-steps p{font-size:12px;line-height:1.55;color:#a6c1cd;margin:8px 0 0}
.ecwh-playground{padding:26px;border-radius:19px;border:1px solid #335565;background:linear-gradient(135deg,#10283a,#0b1a29);box-shadow:0 20px 50px rgba(0,0,0,.2)}.ecwh-playground-head{display:flex;justify-content:space-between;gap:16px}.ecwh-playground h3{margin:6px 0;font-size:22px}.ecwh-playground-head p{font-size:12px;color:#a9c0d0;margin:0}.ecwh-demo-tag{font-size:11px;font-weight:800;align-self:start;border:1px solid #3b7375;padding:8px;border-radius:7px;color:#86eedf;white-space:nowrap}
.ecwh-scenarios{display:flex;flex-wrap:wrap;gap:9px;margin:23px 0}.ecwh-scenarios button{font:inherit;font-size:12px;font-weight:750;cursor:pointer;padding:10px 13px;border:1px solid #375164;border-radius:9px;background:#0d192a;color:#bcd5e1}.ecwh-scenarios button[aria-pressed="true"]{background:#15525d;color:#eafffb;border-color:#69e0d3}.ecwh-scenarios button:focus-visible{outline:2px solid #7aeae2;outline-offset:3px}
.ecwh-demo-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:center}.ecwh-demo-node{padding:17px 10px;text-align:center;border:1px solid #345667;background:#0c2535;border-radius:12px;font-size:13px;font-weight:800;overflow-wrap:anywhere}.ecwh-demo-node-center{border-color:#5dded1;background:#0a343f;box-shadow:0 0 20px rgba(37,217,204,.12)}.ecwh-demo-arrow{font-size:25px;color:#77efe0;animation:ecwh-breathe 2.5s ease-in-out infinite}.ecwh-demo-result{border-top:1px solid #365261;margin-top:21px;padding-top:20px}.ecwh-demo-status{display:inline-flex;padding:8px 11px;border:1px solid #5aa8a7;border-radius:8px;background:rgba(72,219,189,.09);color:#96f0db;font-weight:850;font-size:12px}.ecwh-demo-result p{font-size:13px;color:#bed3db;line-height:1.6;margin:11px 0 0;min-height:42px}
.ecwh-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ecwh-cards article{padding:22px;border:1px solid #2e4657;border-radius:15px;background:#0d1b2d;min-height:207px;transition:transform .2s,border-color .2s}.ecwh-cards article:hover{transform:translateY(-4px);border-color:#3e8c9a}.ecwh-card-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid #315b69;background:#112b41;border-radius:10px;color:#78eddf;font-size:25px}.ecwh-cards h3{font-size:16px;line-height:1.3;margin:13px 0 8px}.ecwh-cards p{font-size:12px;line-height:1.65;color:#aac2d0;margin:0}
.ecwh-orders-demo{padding:22px;border:1px solid #335364;border-radius:17px;background:#0c1c2d}.ecwh-orders-top{display:flex;justify-content:space-between;gap:13px;flex-wrap:wrap;margin-bottom:18px}.ecwh-orders-top strong{font-size:16px}.ecwh-orders-top strong span{font-size:11px;font-weight:600;color:#9fb3c4;padding-left:8px}.ecwh-orders-tabs{display:flex;gap:7px;flex-wrap:wrap}.ecwh-orders-tabs span{padding:7px 10px;border:1px solid #33627b;border-radius:8px;color:#a5e6e4;font-size:11px}.ecwh-orders-scroll{overflow-x:auto}.ecwh-orders-demo table{width:100%;min-width:750px;border-collapse:collapse;text-align:left;font-size:12px}.ecwh-orders-demo th{padding:12px;border-bottom:1px solid #416073;color:#a9c4d4;font-size:11px}.ecwh-orders-demo td{padding:14px 12px;border-bottom:1px solid #284559;color:#e1eff8}.ecwh-orders-demo td small{display:block;color:#94b3bf;font-size:10px;margin-top:5px}.ecwh-state{display:inline-flex;padding:6px 9px;border-radius:8px;font-size:11px;font-weight:850;border:1px solid #886e3d;background:#3a2c17;color:#f4c983;white-space:nowrap}.ecwh-state-supply{border-color:#9e7a33;color:#f7d687}.ecwh-state-alternative{border-color:#6558aa;background:#251d45;color:#c5baff}.ecwh-demo-alert{background:rgba(165,35,50,.1);animation:ecwh-alert 1.5s ease-in-out infinite}.ecwh-demo-disclaimer{color:#8fa8bb;font-size:11px;margin:15px 0 0}
.ecwh-alarm-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.ecwh-small-note{font-size:12px;margin-top:16px!important}.ecwh-deadlines{display:grid;gap:10px}.ecwh-deadlines>div{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #355368;border-radius:12px;background:#0e2334}.ecwh-deadlines strong{font-size:13px}.ecwh-deadlines p{font-size:12px;margin:4px 0 0}.ecwh-time-dot{flex:0 0 40px;width:40px;height:40px;border:1px solid #449eaa;background:#123e4e;color:#93f2e5;border-radius:10px;display:grid;place-items:center;font-weight:900}.ecwh-deadlines .ecwh-deadline-warning{border-color:#7a3e48;background:#351b2a}.ecwh-deadline-warning .ecwh-time-dot{background:#6a2932;border-color:#b5545a;color:#ffd7d7;animation:ecwh-pulse 1.9s infinite}
.ecwh-page.ecwh-js-enabled [data-ecwh-reveal]{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.ecwh-page.ecwh-js-enabled [data-ecwh-reveal].ecwh-visible{opacity:1;transform:translateY(0)}
/* Shared teaser sections inserted into existing public pages */
.ecwh-teaser{max-width:1180px;width:calc(100% - 36px);margin:35px auto;padding:25px 27px;background:linear-gradient(120deg,#102d40,#0c1a2e 60%,#101b34);border:1px solid #366270;border-radius:17px;display:flex;justify-content:space-between;align-items:center;gap:24px;position:relative;overflow:hidden}
.ecwh-teaser::after{content:"";position:absolute;right:-42px;top:-55px;width:200px;height:200px;border-radius:50%;border:1px solid rgba(99,234,223,.13);pointer-events:none}
.ecwh-teaser-copy{position:relative;z-index:1;max-width:820px}.ecwh-teaser-label{color:#87f5e7;letter-spacing:.12em;font-size:10px;font-weight:950}.ecwh-teaser h2{font-size:clamp(19px,2.2vw,27px);line-height:1.22;letter-spacing:-.03em;margin:8px 0}.ecwh-teaser p{font-size:13px;line-height:1.55;color:#bed0dd;margin:0}.ecwh-teaser-action{z-index:1;flex:0 0 auto;border:1px solid #7de9de;color:#082029!important;background:#7de9de;border-radius:10px;padding:12px 17px;font-weight:850;font-size:12px;white-space:nowrap}.ecwh-teaser-action:focus-visible{outline:2px solid white;outline-offset:3px}
@keyframes ecwh-flow{0%{left:0;opacity:0}12%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}@keyframes ecwh-pulse{0%,100%{opacity:.65;box-shadow:0 0 4px #23bfb6}50%{opacity:1;box-shadow:0 0 20px #35eee0}}@keyframes ecwh-breathe{0%,100%{opacity:.45;transform:translateX(0)}50%{opacity:1;transform:translateX(4px)}}@keyframes ecwh-alert{0%,100%{box-shadow:inset 0 0 0 transparent}50%{box-shadow:inset 0 0 15px rgba(241,80,98,.27)}}
@media(max-width:1100px){.ecwh-hero-grid{grid-template-columns:1fr}.ecwh-network{max-width:680px;width:100%}.ecwh-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.ecwh-steps li:not(:last-child)::after{display:none}.ecwh-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.ecwh-hero{padding:53px 0}.ecwh-network{min-height:310px;padding:44px 10px 38px;gap:7px}.ecwh-net-node{padding:8px 5px;grid-template-columns:1fr;text-align:center}.ecwh-net-node-icon{display:none}.ecwh-net-node strong{font-size:10px}.ecwh-net-center{min-height:138px}.ecwh-net-center strong{font-size:12px}.ecwh-net-center-icon{font-size:24px}.ecwh-steps{grid-template-columns:1fr}.ecwh-steps li{min-height:0}.ecwh-section{padding:52px 0}.ecwh-cards{grid-template-columns:1fr}.ecwh-alarm-grid{grid-template-columns:1fr;gap:26px}.ecwh-playground{padding:18px}.ecwh-demo-flow{gap:7px}.ecwh-demo-node{padding:12px 5px;font-size:11px}.ecwh-demo-arrow{font-size:16px}.ecwh-playground-head{display:block}.ecwh-demo-tag{display:inline-block;margin-top:10px}.ecwh-teaser{flex-direction:column;align-items:stretch;padding:21px}.ecwh-teaser-action{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.ecwh-page *, .ecwh-teaser *{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-ecwh-reveal]{opacity:1;transform:none}}
