/* Straton / SB Help Group shared design system — epic-20261102
   Loaded AFTER integration.css. Presentation only. */
:root{
  --ep-bg:#050b14;--ep-bg2:#08121f;--ep-surface:#0c1a2a;--ep-surface2:#102236;--ep-line:rgba(148,180,210,.16);--ep-line2:rgba(148,180,210,.28);
  --ep-ink:#eef5fb;--ep-muted:#a3b6c7;--ep-dim:#7f95a8;
  --ep-teal:#20c8b3;--ep-mint:#7ff0de;--ep-blue:#4f8bff;--ep-violet:#8b6cff;--ep-amber:#ffb658;--ep-rose:#ff7b6b;
  --ep-grad:linear-gradient(135deg,#20c8b3 0%,#4f8bff 55%,#8b6cff 100%);
  --ep-grad-soft:linear-gradient(135deg,rgba(32,200,179,.18),rgba(79,139,255,.14) 55%,rgba(139,108,255,.18));
  --ep-r:18px;--ep-r-lg:26px;
  --ep-shadow:0 40px 90px -30px rgba(0,0,0,.65),0 0 0 1px rgba(148,180,210,.10);
  --ep-font:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --ep-display:"Plus Jakarta Sans",Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body.ep{margin:0;background:var(--ep-bg);color:var(--ep-ink);font-family:var(--ep-font);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.ep *{box-sizing:border-box}
body.ep img{max-width:100%;display:block}
body.ep a{color:var(--ep-mint)}
.ep-wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.ep-sec{position:relative;padding:112px 0}
.ep-sec.tight{padding:80px 0}
.ep-sec.alt{background:linear-gradient(180deg,var(--ep-bg2),var(--ep-bg))}
.ep-eyebrow{display:inline-flex;align-items:center;gap:10px;font:700 12px/1 var(--ep-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ep-mint)}
.ep-eyebrow:before{content:"";width:22px;height:2px;border-radius:2px;background:var(--ep-grad)}
.ep-h2{font:800 clamp(32px,4.4vw,56px)/1.05 var(--ep-display);letter-spacing:-.04em;margin:18px 0 18px;color:var(--ep-ink);text-wrap:balance}
.ep-h3{font:700 22px/1.25 var(--ep-display);letter-spacing:-.02em;margin:0 0 10px;color:var(--ep-ink)}
.ep-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.65;color:var(--ep-muted);max-width:720px;margin:0}
.ep-head{max-width:820px;margin-bottom:56px}
.ep-head.center{margin-inline:auto;text-align:center}.ep-head.center .ep-lead{margin-inline:auto}
.ep-grad-text{background:var(--ep-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ep-note{font-size:13.5px;line-height:1.6;color:var(--ep-dim)}

/* ---------- Header (shared by every page that uses .rd-nav) ---------- */
.rd-nav{background:rgba(5,11,20,.72)!important;-webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px);border-bottom:1px solid var(--ep-line)!important;min-height:68px;transition:background .25s,border-color .25s}
.rd-nav.ep-scrolled{background:rgba(5,11,20,.92)!important;border-bottom-color:var(--ep-line2)!important}
.rd-brand{display:inline-flex;align-items:center;gap:10px;font:800 18px/1 var(--ep-display)!important;letter-spacing:-.02em}
.rd-brand:before{content:"";width:28px;height:28px;border-radius:9px;background:var(--ep-grad);box-shadow:0 6px 20px -4px rgba(32,200,179,.55),inset 0 0 0 1px rgba(255,255,255,.25);flex:none;-webkit-mask:none;mask:none;
  background-image:linear-gradient(135deg,#20c8b3,#4f8bff 60%,#8b6cff),none}
.rd-nav-links{gap:6px!important;font-size:14px!important;font-weight:600}
.rd-nav-links>a:not(.rd-btn),.rd-nav summary{padding:9px 12px;border-radius:10px;color:var(--ep-muted)!important;transition:color .2s,background .2s;list-style:none}
.rd-nav summary::-webkit-details-marker{display:none}
.rd-nav summary:after{content:"▾";margin-left:6px;font-size:11px;opacity:.7}
.rd-nav-links>a:not(.rd-btn):hover,.rd-nav summary:hover{color:#fff!important;background:rgba(255,255,255,.06)}
.rd-menu{background:rgba(10,22,36,.97)!important;border:1px solid var(--ep-line2)!important;border-radius:16px!important;box-shadow:0 30px 70px -20px rgba(0,0,0,.7)!important;top:46px!important}
.rd-menu a{border-radius:10px;color:var(--ep-muted)!important;padding:10px 12px!important}.rd-menu a:hover{background:rgba(255,255,255,.06);color:#fff!important}

/* ---------- Buttons ---------- */
.rd-btn,.ep-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;min-height:44px;border-radius:12px;border:1px solid transparent;font:700 14.5px/1.2 var(--ep-display)!important;letter-spacing:-.005em;color:#04201c!important;text-decoration:none!important;cursor:pointer;white-space:nowrap;
  background:linear-gradient(135deg,#3be0c9,#20c8b3 45%,#4f9cff)!important;box-shadow:0 10px 28px -10px rgba(32,200,179,.65),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.rd-btn:hover,.ep-btn:hover{transform:translateY(-1px);filter:brightness(1.07);box-shadow:0 16px 34px -12px rgba(32,200,179,.8),inset 0 1px 0 rgba(255,255,255,.4)}
.rd-btn:active,.ep-btn:active{transform:translateY(0)}
.rd-btn.ep-ghost,.ep-btn.ep-ghost,.cv-trial-secondary{background:rgba(255,255,255,.04)!important;color:var(--ep-ink)!important;border-color:var(--ep-line2);box-shadow:none}
.rd-btn.ep-ghost:hover,.ep-btn.ep-ghost:hover,.cv-trial-secondary:hover{background:rgba(255,255,255,.09)!important;border-color:rgba(127,240,222,.55)}
.ep-btn.lg,.rd-btn.lg{padding:16px 26px;font-size:16px;border-radius:14px;min-height:54px}
.rd-btn:disabled{opacity:.65;cursor:wait}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--ep-amber)!important;outline-offset:3px!important;border-radius:8px}

/* ---------- Hero ---------- */
.ep-hero{position:relative;overflow:hidden;padding:84px 0 100px;isolation:isolate}
.ep-hero:before{content:"";position:absolute;inset:-20% -10% auto -10%;height:120%;z-index:-2;
  background:radial-gradient(60% 50% at 18% 12%,rgba(32,200,179,.22),transparent 60%),radial-gradient(50% 45% at 85% 8%,rgba(139,108,255,.24),transparent 62%),radial-gradient(40% 40% at 60% 70%,rgba(79,139,255,.14),transparent 65%);animation:ep-drift 18s ease-in-out infinite alternate}
.ep-hero:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(148,180,210,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(148,180,210,.07) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 60% at 50% 20%,#000 20%,transparent 75%);mask-image:radial-gradient(70% 60% at 50% 20%,#000 20%,transparent 75%)}
@keyframes ep-drift{from{transform:translate3d(-1.5%,0,0) scale(1)}to{transform:translate3d(1.5%,2%,0) scale(1.06)}}
.ep-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:56px;align-items:center}
.ep-pill{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 8px;border-radius:99px;border:1px solid var(--ep-line2);background:rgba(255,255,255,.04);font:600 13px/1.2 var(--ep-font);color:var(--ep-muted);margin-bottom:26px}
.ep-pill b{padding:3px 9px;border-radius:99px;background:var(--ep-grad);color:#04141a;font:800 11px/1.3 var(--ep-display);letter-spacing:.06em;text-transform:uppercase}
.ep-hero h1{font:800 clamp(40px,5.6vw,76px)/1.02 var(--ep-display);letter-spacing:-.05em;margin:0 0 24px;text-wrap:balance}
.ep-hero .ep-lead{font-size:clamp(17px,1.6vw,21px);max-width:640px}
.ep-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.ep-priceline{margin:22px 0 0;font-size:14.5px;color:var(--ep-muted)}
.ep-priceline b{color:var(--ep-ink);font-weight:700}.ep-priceline i{font-style:normal;color:var(--ep-dim);margin:0 8px}
.ep-chips{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}
.ep-chips li{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:99px;border:1px solid var(--ep-line);background:rgba(255,255,255,.03);font-size:13.5px;font-weight:600;color:var(--ep-muted)}
.ep-chips li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ep-teal);box-shadow:0 0 0 3px rgba(32,200,179,.18)}

/* ---------- Product mockup (pure CSS) ---------- */
.mk{position:relative;perspective:1600px}
.mk-window{position:relative;border-radius:20px;background:linear-gradient(180deg,#0e1e30,#091523);border:1px solid var(--ep-line2);box-shadow:var(--ep-shadow),0 0 120px -30px rgba(79,139,255,.45);overflow:hidden;transform:rotateY(-6deg) rotateX(3deg);transform-origin:70% 50%;animation:mk-float 9s ease-in-out infinite}
@keyframes mk-float{0%,100%{transform:rotateY(-6deg) rotateX(3deg) translateY(0)}50%{transform:rotateY(-4deg) rotateX(2deg) translateY(-8px)}}
.mk-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--ep-line);font:600 12px/1 var(--ep-font);color:var(--ep-dim)}
.mk-bar i{width:10px;height:10px;border-radius:50%;background:#26405a}.mk-bar i:nth-child(1){background:#ff6b5e}.mk-bar i:nth-child(2){background:#ffbf3f}.mk-bar i:nth-child(3){background:#2ad07a}
.mk-bar span{margin-left:10px;color:var(--ep-muted)}.mk-bar em{margin-left:auto;font-style:normal;padding:3px 9px;border-radius:99px;background:rgba(255,255,255,.06);font-size:10.5px;letter-spacing:.04em}
.mk-body{display:grid;grid-template-columns:54px 1fr;min-height:420px}
.mk-side{display:flex;flex-direction:column;gap:10px;padding:14px 10px;border-right:1px solid var(--ep-line);background:rgba(0,0,0,.18)}
.mk-side i{display:block;height:34px;border-radius:10px;background:rgba(255,255,255,.05);position:relative}
.mk-side i:before{content:"";position:absolute;inset:11px;border-radius:4px;background:rgba(163,182,199,.45)}
.mk-side i.on{background:var(--ep-grad-soft);box-shadow:inset 0 0 0 1px rgba(127,240,222,.45)}.mk-side i.on:before{background:var(--ep-mint)}
.mk-main{padding:16px;display:grid;gap:14px;align-content:start}
.mk-call{border-radius:16px;padding:16px;background:linear-gradient(135deg,rgba(32,200,179,.14),rgba(79,139,255,.10));border:1px solid rgba(127,240,222,.28)}
.mk-call-top{display:flex;align-items:center;gap:12px}
.mk-av{width:42px;height:42px;border-radius:50%;background:var(--ep-grad);flex:none;box-shadow:0 8px 20px -6px rgba(79,139,255,.7)}
.mk-lines{flex:1;min-width:0}.mk-lines b{display:block;font:700 14px/1.2 var(--ep-display);color:var(--ep-ink)}.mk-lines span{display:block;font-size:12px;color:var(--ep-muted);margin-top:3px}
.mk-live{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:99px;background:rgba(42,208,122,.14);color:#6ff0a8;font:700 11.5px/1 var(--ep-display);white-space:nowrap}
.mk-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#2ad07a;animation:mk-pulse 1.6s ease-out infinite}
@keyframes mk-pulse{0%{box-shadow:0 0 0 0 rgba(42,208,122,.7)}100%{box-shadow:0 0 0 9px rgba(42,208,122,0)}}
.mk-wave{display:flex;align-items:center;gap:3px;height:34px;margin:14px 0 12px}
.mk-wave i{flex:1;max-width:5px;border-radius:3px;background:linear-gradient(180deg,var(--ep-mint),var(--ep-blue));height:30%;animation:mk-bars 1.3s ease-in-out infinite}
.mk-wave i:nth-child(3n){animation-delay:-.4s}.mk-wave i:nth-child(3n+1){animation-delay:-.9s}.mk-wave i:nth-child(4n){animation-delay:-.2s;height:60%}
@keyframes mk-bars{0%,100%{height:22%}50%{height:96%}}
.mk-ctrls{display:flex;gap:8px;flex-wrap:wrap}.mk-ctrls span{padding:7px 12px;border-radius:9px;background:rgba(255,255,255,.07);font:600 11.5px/1 var(--ep-font);color:var(--ep-muted)}
.mk-ctrls span.end{background:rgba(255,107,94,.18);color:#ff9b91;margin-left:auto}
.mk-dispo{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.mk-dispo span{padding:6px 10px;border-radius:99px;border:1px solid var(--ep-line2);font:600 11px/1 var(--ep-font);color:var(--ep-muted)}.mk-dispo span.sel{border-color:rgba(127,240,222,.7);color:var(--ep-mint);background:rgba(32,200,179,.12)}
.mk-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:12px}
.mk-card{border-radius:14px;border:1px solid var(--ep-line);background:rgba(255,255,255,.025);padding:12px}
.mk-card h4{margin:0 0 9px;font:700 11px/1 var(--ep-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ep-dim)}
.mk-row{display:flex;align-items:center;gap:9px;padding:7px 0;border-top:1px solid var(--ep-line)}.mk-row:first-of-type{border-top:0}
.mk-row i{width:22px;height:22px;border-radius:50%;background:rgba(163,182,199,.2);flex:none}
.mk-row s{flex:1;height:7px;border-radius:5px;background:rgba(163,182,199,.22);text-decoration:none}.mk-row s:nth-child(3){max-width:62%}
.mk-row em{font:700 10px/1 var(--ep-font);font-style:normal;padding:4px 7px;border-radius:99px;background:rgba(79,139,255,.18);color:#9bbcff}
.mk-row em.go{background:rgba(32,200,179,.18);color:var(--ep-mint)}
.mk-pipe{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.mk-col b{display:block;font:700 10px/1 var(--ep-display);color:var(--ep-dim);margin-bottom:7px;letter-spacing:.05em}
.mk-col i{display:block;height:34px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid var(--ep-line);margin-bottom:6px;position:relative}
.mk-col i:after{content:"";position:absolute;left:8px;right:34%;top:10px;height:5px;border-radius:4px;background:rgba(163,182,199,.35)}
.mk-col i:before{content:"";position:absolute;left:8px;right:56%;bottom:8px;height:4px;border-radius:4px;background:rgba(127,240,222,.45)}
.mk-float{position:absolute;padding:11px 15px;border-radius:14px;background:rgba(12,26,42,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--ep-line2);box-shadow:0 24px 50px -16px rgba(0,0,0,.7);font:600 12px/1.35 var(--ep-font);color:var(--ep-muted);animation:mk-bob 7s ease-in-out infinite}
.mk-float b{display:block;font:700 13px/1.3 var(--ep-display);color:var(--ep-ink)}
.mk-f1{left:-26px;bottom:78px}.mk-f2{right:-14px;top:92px;animation-delay:-3.5s}
@keyframes mk-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.mk-cap{margin:14px 6px 0;text-align:center;font-size:12.5px;color:var(--ep-dim)}

/* ---------- Cards ---------- */
.ep-grid{display:grid;gap:20px}.ep-grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.ep-grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ep-card{position:relative;padding:30px;border-radius:var(--ep-r-lg);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--ep-line);transition:transform .25s ease,border-color .25s ease,background .25s}
.ep-card:hover{transform:translateY(-4px);border-color:rgba(127,240,222,.4)}
.ep-card p{margin:0;color:var(--ep-muted);font-size:16px;line-height:1.65}
.ep-card .ep-ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:20px;background:var(--ep-grad-soft);border:1px solid rgba(127,240,222,.3);color:var(--ep-mint)}
.ep-card .ep-ico svg{width:22px;height:22px}
.ep-card .ep-tag{display:inline-block;margin-bottom:14px;font:700 11px/1 var(--ep-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ep-mint)}
.ep-card a.ep-more{display:inline-block;margin-top:16px;font-weight:700;font-size:15px;text-decoration:none}.ep-card a.ep-more:hover{text-decoration:underline}
.ep-modes .ep-card h3{display:flex;align-items:center;gap:10px}
.ep-split{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;margin-top:20px}
.ep-callout{padding:32px;border-radius:var(--ep-r-lg);border:1px solid rgba(127,240,222,.3);background:var(--ep-grad-soft)}
.ep-callout h3{margin-top:0}.ep-callout p{color:var(--ep-muted);margin:0 0 12px}.ep-callout p:last-child{margin:0}

/* ---------- Screenshot tour ---------- */
.ep-shot{border-radius:var(--ep-r-lg);border:1px solid var(--ep-line2);background:#09131f;box-shadow:var(--ep-shadow);overflow:hidden}
.ep-shot-top{display:flex;align-items:center;gap:7px;padding:13px 18px;border-bottom:1px solid var(--ep-line);font:600 11px/1 var(--ep-font);letter-spacing:.1em;color:var(--ep-dim)}
.ep-shot-top i{width:10px;height:10px;border-radius:50%;background:#26405a}
.ep-shot-top span{margin-left:auto}
.ep-shot-img{position:relative;background:#0b1623}.ep-shot-img img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:left top}
.ep-shot-tabs{display:flex;gap:10px;padding:16px 18px;border-top:1px solid var(--ep-line);flex-wrap:wrap}
.ep-shot-tabs button{padding:10px 16px;border-radius:99px;border:1px solid var(--ep-line2);background:transparent;color:var(--ep-muted);font:600 14px/1 var(--ep-font);cursor:pointer;min-height:44px;transition:all .2s}
.ep-shot-tabs button.active{background:var(--ep-grad);color:#04141a;border-color:transparent;font-weight:700}

/* ---------- Pricing ---------- */
.rd-pricing.ep-pricing,.ep-pricing{background:transparent!important;border-top:0!important;padding:112px 0!important;color:var(--ep-ink)}
.ep-pricing .ep-head p{color:var(--ep-muted)}
.ep-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.ep-plan{position:relative;display:flex;flex-direction:column;padding:32px;border-radius:var(--ep-r-lg);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--ep-line2)}
.ep-plan.feat{background:linear-gradient(180deg,rgba(32,200,179,.14),rgba(79,139,255,.07) 60%,rgba(255,255,255,.02));border:1px solid transparent;
  background-clip:padding-box;box-shadow:0 30px 80px -30px rgba(32,200,179,.45)}
.ep-plan.feat:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:var(--ep-grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.ep-plan .badge{position:absolute;top:-13px;left:32px;padding:5px 12px;border-radius:99px;background:var(--ep-grad);color:#04141a;font:800 11px/1.2 var(--ep-display);letter-spacing:.08em;text-transform:uppercase}
.ep-plan .kind{font:700 12px/1 var(--ep-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ep-mint);margin-bottom:10px}
.ep-plan h3{font:800 24px/1.2 var(--ep-display);letter-spacing:-.02em;margin:0 0 6px;color:var(--ep-ink)}
.ep-plan .sub{margin:0 0 20px;color:var(--ep-muted);font-size:15px}
.ep-amt{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:0 0 4px;font:800 54px/1 var(--ep-display);letter-spacing:-.05em;color:#fff}
.ep-amt small{font:600 15px/1.3 var(--ep-font);letter-spacing:0;color:var(--ep-muted)}
.ep-amt .from{font:700 13px/1 var(--ep-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ep-dim);width:100%;margin-bottom:6px}
.ep-per{margin:0 0 22px;font-size:14px;color:var(--ep-dim)}
.ep-plan ul{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:11px}
.ep-plan li{position:relative;padding-left:28px;color:var(--ep-muted);font-size:15.5px;line-height:1.5}
.ep-plan li:before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:rgba(32,200,179,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%237ff0de' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5'/%3E%3C/svg%3E") center/12px no-repeat}
.ep-plan .rd-btn{margin-top:auto;width:100%}
.ep-tablewrap{margin-top:56px;border:1px solid var(--ep-line2);border-radius:var(--ep-r-lg);overflow:hidden;background:rgba(255,255,255,.02)}
.ep-tablewrap h3{margin:0;padding:24px 28px;font:800 22px/1.2 var(--ep-display);letter-spacing:-.02em;border-bottom:1px solid var(--ep-line)}
.ep-tablewrap h3 small{display:block;margin-top:6px;font:500 15px/1.5 var(--ep-font);letter-spacing:0;color:var(--ep-muted)}
.ep-cmp{width:100%;border-collapse:collapse;font-size:15px}
.ep-cmp th,.ep-cmp td{padding:18px 24px;text-align:left;vertical-align:top;border-top:1px solid var(--ep-line);color:var(--ep-muted);line-height:1.55}
.ep-cmp thead th{border-top:0;font:700 13px/1.3 var(--ep-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ep-ink);background:rgba(255,255,255,.03)}
.ep-cmp tbody th{width:150px;font:700 13px/1.4 var(--ep-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ep-dim)}
.ep-cmp td strong{color:var(--ep-ink)}
.ep-cmp td.hl,.ep-cmp thead th.hl{background:rgba(32,200,179,.07)}
.ep-fine{margin:26px 0 0;font-size:14.5px;color:var(--ep-muted);max-width:900px}
.ep-fine a{font-weight:600}
.ep-sizing{margin-top:28px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:22px 26px;border-radius:var(--ep-r);border:1px dashed var(--ep-line2);color:var(--ep-muted)}
.ep-sizing b{color:var(--ep-ink)}
.rd-note{border-radius:12px;background:rgba(32,200,179,.12)!important;color:#d2f8ed!important}

/* ---------- Proof ---------- */
.ep-proof{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);gap:56px;align-items:center;padding:44px;border-radius:32px;border:1px solid var(--ep-line2);background:linear-gradient(135deg,rgba(32,200,179,.10),rgba(139,108,255,.08) 70%,rgba(255,255,255,.02))}
.ep-portrait{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--ep-line2);aspect-ratio:4/5;background:#0b1623}
.ep-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}
.ep-quote{margin:0;font:700 clamp(24px,2.8vw,38px)/1.25 var(--ep-display);letter-spacing:-.03em;color:var(--ep-ink);text-wrap:balance}
.ep-quote:before{content:"“";display:block;font:800 80px/.6 var(--ep-display);margin-bottom:12px;background:var(--ep-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ep-person{margin-top:26px;display:flex;flex-direction:column;gap:4px}.ep-person b{font:700 17px/1.2 var(--ep-display);color:var(--ep-ink)}.ep-person span{color:var(--ep-muted);font-size:15px}
.ep-proof .ep-note{margin-top:18px}

/* ---------- FAQ (native details) ---------- */
.ep-faq{max-width:900px;margin-inline:auto;display:grid;gap:12px}
.ep-faq details{border:1px solid var(--ep-line);border-radius:16px;background:rgba(255,255,255,.025);transition:border-color .2s,background .2s}
.ep-faq details[open]{border-color:rgba(127,240,222,.4);background:rgba(255,255,255,.045)}
.ep-faq summary{cursor:pointer;list-style:none;padding:22px 26px;font:700 18px/1.4 var(--ep-display);letter-spacing:-.015em;color:var(--ep-ink);display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:44px}
.ep-faq summary::-webkit-details-marker{display:none}
.ep-faq summary:after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--ep-line2);color:var(--ep-mint);font:500 20px/1 var(--ep-font);transition:transform .25s}
.ep-faq details[open] summary:after{content:"−"}
.ep-faq .ans{padding:0 26px 24px;color:var(--ep-muted);font-size:16.5px;line-height:1.7}
.ep-faq .ans p{margin:0 0 10px}.ep-faq .ans p:last-child{margin:0}

/* ---------- Final CTA band ---------- */
.ep-cta{position:relative;overflow:hidden;text-align:center;padding:76px 32px;border-radius:34px;border:1px solid var(--ep-line2);background:radial-gradient(70% 120% at 50% 0%,rgba(79,139,255,.28),transparent 70%),radial-gradient(60% 100% at 10% 100%,rgba(32,200,179,.22),transparent 70%),var(--ep-surface)}
.ep-cta .ep-h2{margin-top:0}.ep-cta .ep-lead{margin-inline:auto}.ep-cta .ep-cta-row{justify-content:center}

/* ---------- Steps / lists ---------- */
.ep-steps{counter-reset:s;display:grid;gap:16px;padding:0;margin:0;list-style:none}
.ep-steps li{counter-increment:s;position:relative;padding:22px 24px 22px 76px;border-radius:var(--ep-r);border:1px solid var(--ep-line);background:rgba(255,255,255,.025)}
.ep-steps li:before{content:counter(s);position:absolute;left:22px;top:20px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--ep-grad);color:#04141a;font:800 16px/1 var(--ep-display)}
.ep-steps b{display:block;font:700 18px/1.3 var(--ep-display);color:var(--ep-ink);margin-bottom:4px}.ep-steps span{color:var(--ep-muted);font-size:16px}
.ep-links{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}.ep-links a{padding:12px 18px;border-radius:12px;border:1px solid var(--ep-line2);text-decoration:none;font-weight:700;color:var(--ep-ink)!important;background:rgba(255,255,255,.03);transition:all .2s}.ep-links a:hover{border-color:rgba(127,240,222,.6);background:rgba(255,255,255,.07)}

/* ---------- Contact / form / footer (integration.css selectors, restyled) ---------- */
.rd-contact{background:linear-gradient(180deg,var(--ep-bg),#07101c)!important;border-top:1px solid var(--ep-line)!important;padding:112px 0!important}
.rd-contact h2{font:800 clamp(32px,4vw,52px)/1.06 var(--ep-display)!important;letter-spacing:-.04em!important}
.rd-contact p{color:var(--ep-muted)!important;line-height:1.7}
.rd-contact .rd-contact-grid{gap:64px}
.rd-contact form{padding:34px!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02))!important;border:1px solid var(--ep-line2)!important;border-radius:var(--ep-r-lg)!important;box-shadow:var(--ep-shadow)}
.rd-contact label{color:var(--ep-ink)!important;font:600 14px/1.4 var(--ep-font)!important}
.rd-contact input:not([type=checkbox]),.rd-contact select,.rd-contact textarea,.rd-checkout input{background:rgba(3,10,18,.7)!important;border:1px solid var(--ep-line2)!important;border-radius:12px!important;color:var(--ep-ink)!important;padding:13px 15px!important;font:16px/1.4 var(--ep-font)!important;transition:border-color .2s,box-shadow .2s}
.rd-contact input:focus,.rd-contact select:focus,.rd-contact textarea:focus,.rd-checkout input:focus{border-color:var(--ep-teal)!important;box-shadow:0 0 0 4px rgba(32,200,179,.18)}
.rd-contact form>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rd-contact .field-row{gap:14px}
#demoForm>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
#demoForm>div,#demoForm>div>div{min-width:0}
.rd-contact form .rd-btn{width:100%;min-height:52px;font-size:16px}
.cv-next{margin:26px 0;padding:24px 26px;border-radius:var(--ep-r);border:1px solid var(--ep-line2);background:rgba(255,255,255,.03)}
.cv-next strong{display:block;font:700 16px/1.3 var(--ep-display);color:var(--ep-ink);margin-bottom:8px}
.cv-next ol{margin:0;padding-left:20px;color:var(--ep-muted);line-height:1.75}
.rd-footer{background:#040912!important;border-top:1px solid var(--ep-line)!important;padding:64px 0!important}
.rd-footer a{color:var(--ep-muted)!important;transition:color .2s}.rd-footer a:hover{color:#fff!important}
.rd-footer details{border-top:1px solid var(--ep-line)!important}
.rd-footer .rd-brand{color:#fff!important}
.rd-checkout{background:rgba(2,6,12,.78)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.rd-checkout-card{background:linear-gradient(180deg,#112338,#0c1a2a)!important;border:1px solid var(--ep-line2)!important;border-radius:var(--ep-r-lg)!important;box-shadow:var(--ep-shadow)}

/* ---------- Sticky mobile CTA ---------- */
.ep-mcta{position:fixed;left:12px;right:12px;bottom:12px;z-index:90;display:none;gap:10px;padding:10px;border-radius:18px;background:rgba(8,18,31,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--ep-line2);box-shadow:0 20px 50px -10px rgba(0,0,0,.7);transform:translateY(130%);transition:transform .3s ease}
.ep-mcta.show{transform:none}.ep-mcta .rd-btn{flex:1;padding:12px 10px}
.rd-skip{border-radius:10px}

/* ---------- Reveal motion (JS-gated, reduced-motion safe) ---------- */
.ep-js .ep-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.ep-js .ep-reveal.in{opacity:1;transform:none}

/* ---------- Document pages (pricing-transparency, pricing-explained, about, etc.) ---------- */
.rd-doc{width:min(960px,calc(100% - 40px))!important;margin:56px auto 96px!important;font-family:var(--ep-font)}
.rd-doc h1{font:800 clamp(34px,4.6vw,58px)/1.05 var(--ep-display)!important;letter-spacing:-.045em;margin:0 0 24px!important;text-wrap:balance}
.rd-doc h2{font:800 26px/1.2 var(--ep-display)!important;letter-spacing:-.025em;margin:0 0 14px!important}
.rd-doc h3{font:700 18px/1.3 var(--ep-display);letter-spacing:-.01em}
.rd-doc .lead{font-size:20px;color:var(--ep-muted);line-height:1.65}
.rd-doc .kicker{font:700 12px/1 var(--ep-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ep-mint);margin-bottom:18px}
.rd-doc .card,.rd-doc .highlight{padding:30px!important;border:1px solid var(--ep-line2)!important;border-radius:var(--ep-r-lg)!important;margin:22px 0!important;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015))!important}
.rd-doc .highlight{border-color:rgba(127,240,222,.4)!important;background:var(--ep-grad-soft)!important}
.rd-doc table{width:100%;border-collapse:collapse;display:table!important;font-size:15px;margin:12px 0}
.rd-doc th{font:700 12px/1.3 var(--ep-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ep-dim);text-align:left}
.rd-doc td,.rd-doc th{padding:13px 14px!important;border:0!important;border-bottom:1px solid var(--ep-line)!important;vertical-align:top}
.rd-doc td.price{font-weight:800;color:var(--ep-mint);white-space:nowrap}
.rd-doc .two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.rd-doc ul li{margin:6px 0}
.rd-doc a{color:var(--ep-mint)!important}
.rd-doc .note{padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.04);border-left:3px solid var(--ep-teal)}
.rd-doc .cta{margin-top:32px}.rd-doc .cta .btn{display:inline-flex;margin:0 10px 10px 0;padding:12px 18px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--ep-line2);color:var(--ep-ink)!important;font-weight:700;text-decoration:none}

/* ---------- Responsive ---------- */
@media(max-width:1020px){
  .ep-hero-grid{grid-template-columns:1fr;gap:44px}
  .mk{max-width:640px;margin-inline:auto}
  .ep-grid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ep-plans{grid-template-columns:1fr;max-width:560px;margin-inline:auto}
  .ep-split,.ep-proof{grid-template-columns:1fr}
  .ep-proof{padding:28px;gap:32px}.ep-portrait{max-width:320px;aspect-ratio:1/1}
}
@media(max-width:760px){
  body.ep{font-size:16px}
  .ep-wrap{width:calc(100% - 32px)}
  .ep-sec{padding:76px 0}.ep-sec.tight{padding:56px 0}
  .ep-head{margin-bottom:36px}
  .ep-hero{padding:48px 0 64px}
  .ep-grid.c2,.ep-grid.c3,.ep-grid.c4{grid-template-columns:1fr}
  .ep-card{padding:24px}
  .ep-cta-row .rd-btn,.ep-cta-row .ep-btn{flex:1 1 100%}
  .mk-window{transform:none;animation:none}.mk-body{grid-template-columns:1fr;min-height:0}.mk-side{display:none}.mk-grid{grid-template-columns:1fr}.mk-f1,.mk-f2{display:none}
  .ep-amt{font-size:46px}
  .ep-cmp,.ep-cmp thead,.ep-cmp tbody,.ep-cmp tr,.ep-cmp th,.ep-cmp td{display:block;width:100%}
  .ep-cmp thead{position:absolute;left:-9999px}
  .ep-cmp tr{border-top:1px solid var(--ep-line2);padding:8px 0}
  .ep-cmp tbody th{padding:14px 20px 4px;width:100%;border:0}
  .ep-cmp td{border:0;padding:6px 20px 10px}
  .ep-cmp td:before{content:attr(data-label);display:block;font:700 11px/1.3 var(--ep-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ep-mint);margin-bottom:3px}
  .ep-cmp td.hl{background:transparent}
  .ep-tablewrap h3{padding:20px}
  .ep-faq summary{padding:18px 20px;font-size:17px}.ep-faq .ans{padding:0 20px 20px}
  .ep-cta{padding:52px 22px;border-radius:26px}
  .rd-contact{padding:68px 0!important}.rd-contact form{padding:22px!important}.rd-contact form>div:first-child,#demoForm>div:first-child{grid-template-columns:1fr}
  .rd-doc .two-col{grid-template-columns:1fr}.rd-doc{margin:36px auto 72px!important}.rd-doc .card,.rd-doc .highlight{padding:22px!important}
  .rd-doc table{display:block!important;overflow-x:auto}
  .ep-mcta{display:flex}body.ep{padding-bottom:84px}
  .rd-nav-links .rd-btn.cv-trial-secondary{display:none}
  .ep-steps li{padding:20px 18px 20px 66px}.ep-steps li:before{left:16px}
  .rd-nav-links>a:not(.rd-btn){display:none}
}
@media(max-width:480px){
  .rd-nav{padding:10px 12px!important;gap:8px!important}
  .rd-nav .rd-brand{font-size:15px!important;gap:8px}.rd-brand:before{width:24px;height:24px}
  .rd-nav-links{gap:2px!important;flex:1 1 0!important;min-width:0!important;justify-content:flex-end}
  .rd-nav summary{padding:8px 8px!important;font-size:13px}
  .rd-nav .rd-btn{padding:10px 12px!important;font-size:13px!important;white-space:nowrap;min-height:0}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
  .ep-js .ep-reveal{opacity:1;transform:none}
  .mk-window{transform:none}
}
@media(forced-colors:active){.rd-btn,.ep-btn{border:1px solid ButtonText}}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ep-audience .ep-card{min-height:100%}
.ep-two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ep-roof{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:44px;border-radius:32px;border:1px solid var(--ep-line2);background:linear-gradient(135deg,rgba(255,182,88,.08),rgba(255,255,255,.02) 60%)}
.ep-roof .ep-h2{font-size:clamp(28px,3.4vw,42px)}
.ep-kicker-amber{color:var(--ep-amber)}.ep-kicker-amber:before{background:var(--ep-amber)}
@media(max-width:1020px){.ep-two,.ep-roof{grid-template-columns:1fr;gap:32px}.ep-roof{padding:28px}}
/* legacy blocks carried over from the old inline styles */
.rd-services{background:transparent!important;color:var(--ep-ink)!important;font-family:var(--ep-font)!important;padding:96px 0!important}
.rd-service-eyebrow{font:700 12px/1 var(--ep-display)!important;letter-spacing:.14em!important;color:var(--ep-mint)!important;text-transform:uppercase}
.rd-services h2{font:800 clamp(30px,4vw,48px)/1.08 var(--ep-display)!important;letter-spacing:-.035em!important;color:var(--ep-ink)}
.rd-service-intro{color:var(--ep-muted)!important}
.rd-service-grid article{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015))!important;border:1px solid var(--ep-line)!important;border-radius:var(--ep-r-lg)!important;transition:transform .25s,border-color .25s}
.rd-service-grid article:hover{transform:translateY(-3px);border-color:rgba(127,240,222,.4)!important}
.rd-service-grid h3{color:var(--ep-ink)!important}.rd-service-grid p{color:var(--ep-muted)!important}.rd-service-grid a{color:var(--ep-mint)!important}
.rd-company-credit{font-size:14px;color:var(--ep-dim)}.rd-company-credit a{color:var(--ep-mint);text-decoration:underline}
@media(max-width:600px){.rd-nav .cv-trial-secondary{display:none}.rd-nav .rd-btn{padding:11px 12px;font-size:13px}}

/* ---- phase 2: two-plan pricing, DID notice, Duke teaser, blog post shell ---- */
.ep-plans.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:940px;margin-inline:auto}
.ep-did{display:flex;gap:14px;align-items:flex-start;margin:22px auto 0;max-width:940px;padding:16px 20px;border-radius:var(--ep-r);border:1px dashed var(--ep-line2);background:rgba(255,255,255,.025);color:var(--ep-muted);font-size:15px;line-height:1.55}
.ep-did b{color:var(--ep-ink)}
.ep-did svg{flex:none;width:22px;height:22px;margin-top:2px;color:var(--ep-mint)}
.ep-soon{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;border:1px solid rgba(139,108,255,.45);background:rgba(139,108,255,.14);color:#c9bcff;font:800 11px/1 var(--ep-display);letter-spacing:.12em;text-transform:uppercase}
.ep-soon:before{content:"";width:6px;height:6px;border-radius:50%;background:#b7a5ff;box-shadow:0 0 0 3px rgba(183,165,255,.2)}
.ep-duke{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:44px;align-items:center;padding:52px;border-radius:32px;border:1px solid var(--ep-line2);background:radial-gradient(70% 120% at 0% 50%,rgba(139,108,255,.20),transparent 65%),radial-gradient(60% 100% at 100% 0%,rgba(79,139,255,.12),transparent 70%),rgba(255,255,255,.02)}
.ep-duke .ep-h2{margin:16px 0 14px;font-size:clamp(30px,3.6vw,46px)}
.ep-duke .ep-lead{margin:0 0 14px;max-width:560px}
.ep-orb{position:relative;width:min(260px,70%);aspect-ratio:1;margin-inline:auto}
.ep-orb i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(183,165,255,.4)}
.ep-orb i:nth-child(1){inset:0;animation:ep-orb 7s ease-in-out infinite}
.ep-orb i:nth-child(2){inset:14%;border-color:rgba(127,240,222,.45);animation:ep-orb 7s ease-in-out -2.3s infinite}
.ep-orb i:nth-child(3){inset:28%;border-color:rgba(79,139,255,.55);animation:ep-orb 7s ease-in-out -4.6s infinite}
.ep-orb:after{content:"";position:absolute;inset:40%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#b7a5ff 35%,#4f8bff 80%);box-shadow:0 0 60px 12px rgba(139,108,255,.45)}
@keyframes ep-orb{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:.45}}
.ep-duke-note{margin:26px 0 0;display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:14.5px;color:var(--ep-muted)}
.ep-duke.compact{grid-template-columns:1fr;padding:30px 32px;gap:12px;border-radius:24px}
.ep-duke.compact .ep-orb{display:none}
.ep-duke.compact h2,.ep-duke.compact h3{margin:12px 0 8px;font:800 24px/1.2 var(--ep-display);letter-spacing:-.02em;color:var(--ep-ink)}
.ep-duke.compact p{margin:0;color:var(--ep-muted);font-size:16px;line-height:1.65}
.ep-duke-wrap{width:min(900px,calc(100% - 40px));margin:36px auto}
.rd-doc .ep-duke-wrap{width:auto;margin:30px 0}
.rd-doc .ep-duke a{color:#7ff0de}
/* blog post shell (posts that previously had no site chrome) */
.ep-post{width:min(780px,calc(100% - 40px));margin:56px auto 24px;line-height:1.8;font-size:18px}
.ep-post h1{font:800 clamp(34px,5vw,54px)/1.1 var(--ep-display);letter-spacing:-.03em;margin:0 0 28px}
.ep-post h2{font:700 27px/1.3 var(--ep-display);letter-spacing:-.02em;margin:44px 0 12px}
.ep-post h3{font:700 22px/1.35 var(--ep-display);margin:32px 0 10px}
.ep-post p,.ep-post li{color:#c4d3e0}
.ep-post li{margin:6px 0}
.ep-post a{color:var(--ep-mint);text-underline-offset:3px}
.ep-post a:focus-visible{outline:3px solid var(--ep-mint);outline-offset:3px;border-radius:4px}
.ep-post-back{display:inline-block;margin:0 0 18px;font:700 13px/1 var(--ep-display);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
@media(max-width:1020px){.ep-duke{grid-template-columns:1fr;padding:34px 26px;gap:24px}.ep-orb{width:150px}}
@media(max-width:760px){.ep-plans.two{max-width:560px;grid-template-columns:1fr}.ep-post{font-size:17px;margin-top:36px}}
@media(prefers-reduced-motion:reduce){.ep-orb i{animation:none}}
.ep-post figure{margin:32px 0}.ep-post figure img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--ep-line)}
.ep-post .breadcrumb{font-size:14px;margin-bottom:22px;color:var(--ep-dim)}.ep-post .breadcrumb a{color:var(--ep-muted)}
.ep-post ul,.ep-post ol{padding-left:24px}
.ep-post strong{color:var(--ep-ink)}
body.ep-page{margin:0;background:var(--ep-bg);color:var(--ep-ink);font-family:var(--ep-font);line-height:1.65;-webkit-font-smoothing:antialiased}
body.ep-page *{box-sizing:border-box}
body.ep-page img{max-width:100%}
:where(img[width][height]){height:auto}
.ep-byline{margin:-6px 0 22px;color:var(--ep-dim);font-size:.92rem}
.ep-byline a{color:var(--ep-muted)}
.ep-related{margin:40px 0 8px;padding:20px 22px;border:1px solid var(--ep-line);border-radius:16px;background:var(--ep-surface)}
.ep-related h2{margin:0 0 10px;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ep-dim)}
.ep-related ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.ep-related a{color:var(--ep-ink)}