/* CoreCx brand system v1 (sample). Craft rules from the enterprise benchmark audit, identity is CoreCx's own:
   light 300 display + 500 titles, 1.4 body line-height, radii 12/16/24px, one primary + one navy secondary,
   soft 0 0 16px shadow, 4px accent rule on stats, cool "mist" neutral, shield-arch photo frame as signature. */
:root{
  --navy:#0B2748; --ink:#0B1B33; --ink-2:#3A4A60; --mute:#5E6C80;
  --mist:#F3F6F9; --mist-2:#E7EDF3; --line:#DCE4EC;
  --blue:#0E6CB6; --blue-h:#0C62A6; --blue-t:#E6F1FB;
  --teal:#11A6BA; --teal-t:#E1F5F8; --green:#6DB33F; --green-t:#EDF6E5; --violet:#5B4BD1; --violet-t:#ECE9FA;
  --r-sm:12px; --r:16px; --r-lg:24px;
  --shadow:0 0 16px rgba(11,39,72,.10); --shadow-lg:0 24px 60px -28px rgba(11,39,72,.35);
  --font:"Albert Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}html,body{margin:0}
body{background:#fff;color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.4;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}
h1,h2,h3,h4,p{margin:0}
.display{font-size:clamp(2.6rem,5.2vw,4.6rem);font-weight:300;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.display b{font-weight:600}
h2{font-size:clamp(1.9rem,3.3vw,2.8rem);font-weight:500;line-height:1.14;letter-spacing:-.02em;text-wrap:balance}
h3{font-size:1.25rem;font-weight:500;line-height:1.25}
.lead{font-size:1.25rem;font-weight:300;line-height:1.45;color:var(--ink-2);max-width:56ch}
.kicker{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.wrap{max-width:none;margin:0;padding-inline:clamp(20px,5vw,96px)}
.btn{display:inline-flex;align-items:center;gap:.5rem;min-height:3rem;padding:.75rem 1.4rem;border-radius:999px;font-weight:600;font-size:1rem;border:0;cursor:pointer;transition:background .15s,transform .15s}
.btn.primary{background:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue-h)}
.btn.navy{background:var(--navy);color:#fff}.btn.navy:hover{background:#14365F}
.btn.plain{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.btn.plain:hover{background:var(--mist)}
.btn svg{width:1.1rem;height:1.1rem}
.more{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--blue)}
.more svg{width:1rem;height:1rem;transition:transform .15s}.more:hover svg{transform:translateX(3px)}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:8px}
.c-green{--c:var(--green);--t:var(--green-t)}.c-blue{--c:var(--blue);--t:var(--blue-t)}.c-violet{--c:var(--violet);--t:var(--violet-t)}.c-teal{--c:var(--teal);--t:var(--teal-t)}

/* brand lockup: measured against the CoreCx deck (Michroma + Montserrat, deck gradient) */
.cx-lockup{display:inline-grid;gap:var(--cx-gap,.108em);line-height:1;font-size:var(--cx-size,118px)}
.cx-word{font-family:"Michroma",sans-serif;font-weight:400;font-size:1em;line-height:1;letter-spacing:var(--cx-ls,-.013em);background:linear-gradient(90deg,#0068B8 0%,#008FAE 26%,#00A574 56%,#2DB12C 82%,#40BA14 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;width:max-content;font-weight:400;filter:saturate(1.35) contrast(1.15)}
.cx-tag{font-family:"Montserrat",sans-serif;font-weight:500;font-size:var(--cx-tag,.284em);line-height:1;letter-spacing:var(--cx-tls,0);color:#5A6570;white-space:nowrap;margin-left:var(--cx-tagx,.093em);color:#3B4754;display:block;text-align:justify;text-align-last:justify;justify-self:stretch}

.brand{display:inline-flex;align-items:center;gap:.7rem;background:transparent}
.brand img.shield{height:66px;width:auto;display:block}
.brand .cx-lockup{--cx-size:34px}
/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(11,39,72,.03)}
.nav .wrap{display:flex;align-items:center;gap:1rem;height:92px}
.nav nav{display:flex;gap:.25rem;margin-left:1rem}
.nav nav a{padding:.55rem .85rem;font-weight:500;font-size:1.02rem;color:var(--ink);border-radius:8px}
.nav nav a:hover{color:var(--blue)}
.nav .right{margin-left:auto;display:flex;align-items:center;gap:.5rem}
.nav .right a.txt{padding:.55rem .8rem;font-weight:500;color:var(--ink-2)}
.burger{display:none;margin-left:auto;width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:#fff;place-items:center;cursor:pointer}
.burger svg{width:20px;height:20px}
.mob{display:none;padding:.5rem clamp(16px,3vw,40px) 1rem;border-top:1px solid var(--line);background:#fff}
.mob.open{display:block}.mob a{display:block;padding:.8rem .2rem;font-weight:500;border-bottom:1px solid var(--mist-2)}

/* mega menu */
.nav nav{height:100%;align-items:center}
.nav nav .dd{position:static;height:100%;display:flex;align-items:center}
.nav nav button.top{all:unset;cursor:pointer;padding:.55rem .85rem;font-weight:500;font-size:1.02rem;color:var(--ink);border-radius:8px;display:inline-flex;align-items:center;gap:.35rem}
.nav nav button.top svg{width:14px;height:14px;transition:transform .2s}
.nav nav .dd.open button.top{color:var(--blue)}
.nav nav .dd.open button.top svg{transform:rotate(180deg)}
.mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(11,39,72,.35);display:none}
.dd.open .mega{display:block;animation:drop .18s ease}
@keyframes drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mega .in{max-width:none;margin:0;padding:32px clamp(20px,5vw,96px) 28px;display:grid;grid-template-columns:280px 1fr 2.6fr;gap:3rem;align-items:start}
.mega .lbl{display:block;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:.9rem}
.mega .feat{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;border-radius:var(--r);background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .15s}
.mega .feat:hover{box-shadow:inset 0 0 0 2px #0097B2}
.mega .feat .pic{height:120px;display:grid;place-items:center;background:none}
.mega .feat .pic img{width:84px;height:84px}
.mega .feat .logo-plain{display:flex;align-items:center;gap:.6rem;padding:.6rem 0 .4rem;background:none}
.mega .feat .logo-plain img{height:46px;width:auto;flex:none}
.mega .feat .logo-plain .cx-lockup{font-size:24px;color:inherit}
.mega .feat .logo-plain .cx-word{font-size:1em;color:transparent}
.mega .feat .logo-plain .cx-tag{font-size:.284em;color:#3B4754}
.mega .feat b{font-size:1.15rem;font-weight:600}
.mega .feat span{font-size:.92rem;color:var(--ink-2)}
.mega .feat .go{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--blue);font-size:.92rem}
.mega .feat .go svg{width:16px;height:16px;transition:transform .15s}
.mega .feat:hover .go svg{transform:translateX(6px)}
.mega .plain a{display:block;padding:.4rem 0;font-weight:500;color:var(--ink)}
.mega .plain a:hover,.mega .caps2 a:hover{color:var(--blue)}
.mega .caps2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 2.5rem}
.mega .cblock h4{display:flex;align-items:center;gap:.5rem;font-size:.98rem;font-weight:600;margin-bottom:.4rem}
.mega .cblock h4 i{width:10px;height:10px;border-radius:3px;background:var(--c)}
.mega .cblock a{display:block;padding:.28rem 0 .28rem 1.1rem;font-size:.93rem;color:var(--ink-2);white-space:nowrap}
.mega .foot{border-top:1px solid var(--line);background:var(--mist)}
.mega .foot .row{max-width:none;margin:0;padding:14px clamp(20px,5vw,96px);display:flex;gap:2rem;flex-wrap:wrap;font-size:.9rem;font-weight:500}
.mega .foot a{display:inline-flex;align-items:center;gap:.4rem;color:var(--ink-2)}
.mega .foot a:hover{color:var(--blue)}
.mega .foot svg{width:14px;height:14px}
.mega.sol .in{grid-template-columns:2fr 1fr 1fr 1.1fr}
.mega.sol .bizg{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem;align-items:start}
.mega.sol .bizg a{align-content:start}
.mega.sol .rl a{display:grid;gap:.15rem;padding:.6rem .75rem;margin:0 -.75rem;border-radius:10px}
.mega.sol .rl a:hover{background:var(--mist)}
.mega.sol .rl a b{font-weight:600}
.mega.sol .rl a span{font-size:.88rem;color:var(--mute)}

/* hero */
.hero{position:relative;overflow:hidden;background:#fff;min-height:min(86vh,820px);display:flex;align-items:center}
.hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 92%}
.hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 32%,rgba(255,255,255,.45) 48%,rgba(255,255,255,0) 62%)}
.hero .wrap{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:minmax(0,780px) 1fr;gap:clamp(24px,5vw,72px);align-items:end;padding-block:clamp(64px,8vw,120px)}
.hero .kicker{color:#5A6570;font-family:"Montserrat",sans-serif;font-weight:500;letter-spacing:.06em}
.hero .display{color:var(--ink)}
.hero .display b{background:linear-gradient(90deg,#0068B8 0%,#008FAE 26%,#00A574 56%,#2DB12C 82%,#40BA14 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero2 .lead{color:var(--ink-2)}


.hero2 .copy{display:grid;gap:1.5rem}
.hero2 .acts{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}
.hero2 .facts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}
.hero2 .facts span{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .8rem;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:.9rem;font-weight:500;color:var(--ink-2)}
.hero2 .facts span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}
.frame{position:relative;width:100%;display:flex;justify-content:flex-start;align-self:end;margin-bottom:-24px}
/* chain-of-custody live card */
.custody{position:relative;width:min(360px,100%);background:#fff;border-radius:var(--r);box-shadow:var(--shadow-lg);padding:1.1rem 1.1rem 1rem}
.custody .hd{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem}
.custody .hd img{width:26px;height:26px}
.custody .hd b{font-size:.95rem;font-weight:600}
.custody .hd small{display:block;color:var(--mute);font-size:.78rem}
.custody .hd .live{margin-left:auto;font-size:.72rem;font-weight:700;color:var(--green);display:flex;align-items:center;gap:.35rem;letter-spacing:.06em}
.custody .hd .live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.3}}
.steps{display:grid;gap:.45rem}
.step{display:grid;grid-template-columns:28px 1fr auto;gap:.6rem;align-items:center;padding:.55rem .6rem;border-radius:10px;transition:background .3s}
.step .dot{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--mist);color:var(--mute);transition:background .3s,color .3s}
.step .dot svg{width:14px;height:14px}
.step b{font-size:.9rem;font-weight:600;color:var(--mute);transition:color .3s}
.step small{display:block;font-size:.76rem;color:var(--mute)}
.step em{font-style:normal;font-size:.74rem;font-weight:600;color:var(--mute)}
.step.done .dot,.step.on .dot{background:var(--c);color:#fff}
.step.done b,.step.on b{color:var(--ink)}
.step.on{background:var(--t)}
.step.done em{color:var(--green)}
.custody .bar{height:4px;border-radius:2px;background:var(--mist-2);margin-top:.8rem;overflow:hidden}
.custody .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),var(--blue),var(--violet),var(--teal));transition:width .5s}

/* industries */
.ind{padding-block:28px;border-bottom:1px solid var(--line)}
.ind .wrap{display:flex;align-items:center;gap:1rem 2.5rem;flex-wrap:wrap;justify-content:center}
.ind .t{font-size:.95rem;color:var(--mute);font-weight:500}
.ind .m{font-size:1.1rem;font-weight:700;letter-spacing:.02em;color:#94A2B4;display:inline-flex;gap:.5rem;align-items:center}
.ind .m svg{width:20px;height:20px}

section{padding-block:clamp(56px,7vw,104px)}
section.mist{background:var(--mist)}
.head{display:grid;gap:1rem;max-width:760px;margin-bottom:clamp(32px,4vw,52px)}
.head.split{max-width:none;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:end}

/* capabilities */
.caps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cap{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-rows:auto 1fr;transition:transform .2s,box-shadow .2s}
.cap:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.cap .scr{height:170px;background:var(--t);padding:18px 18px 0;display:flex;align-items:flex-end}
.cap .scr .ui{width:100%;height:100%;background:#fff;border-radius:10px 10px 0 0;box-shadow:0 -1px 12px rgba(11,39,72,.08);padding:12px;display:grid;gap:7px;align-content:start}
.cap .scr .ui i{display:block;height:8px;border-radius:4px;background:var(--mist-2)}
.cap .scr .ui i.c{background:var(--c);opacity:.85}
.cap .scr .ui .row{display:grid;grid-template-columns:18px 1fr 36px;gap:7px;align-items:center}
.cap .scr .ui .row span{width:18px;height:18px;border-radius:5px;background:var(--t)}
.cap .scr .ui .bars{display:flex;gap:4px;align-items:flex-end;height:46px}
.cap .scr .ui .bars i{flex:1;height:auto;background:var(--c);opacity:.75;border-radius:3px 3px 0 0}
.cap .body{padding:22px;display:grid;gap:.7rem;align-content:start}
.cap .num{font-size:.8rem;font-weight:700;color:color-mix(in srgb,var(--c) 62%,#0B2748);letter-spacing:.06em}
.cap p{color:var(--ink-2);font-size:.97rem}
.cap ul{list-style:none;margin:.2rem 0 .4rem;padding:0;display:grid;gap:.35rem}
.cap li{font-size:.92rem;font-weight:500;display:flex;gap:.5rem;align-items:center}
.cap li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c)}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.stat{border-left:4px solid var(--c,var(--blue));padding-left:1.4rem;display:grid;gap:.35rem}
.stat b{font-size:clamp(2.2rem,3.6vw,3rem);font-weight:300;letter-spacing:-.03em;line-height:1}
.stat span{color:var(--ink-2)}
.note{margin-top:1.5rem;color:var(--mute);font-size:.85rem}

/* story */
.story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,96px);align-items:center}
.story .pic{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:5/4;box-shadow:var(--shadow-lg)}
.story .pic img{width:100%;height:100%;object-fit:cover}
.story .copy{display:grid;gap:1.25rem}
.story ul{list-style:none;padding:0;margin:.25rem 0 .5rem;display:grid;gap:1rem}
.story li{display:grid;grid-template-columns:40px 1fr;gap:.9rem;align-items:start}
.story li .ic{width:40px;height:40px;border-radius:12px;background:var(--t);color:var(--c);display:grid;place-items:center}
.story li .ic svg{width:20px;height:20px}
.story li b{display:block;font-weight:600;margin-bottom:.15rem}
.story li span{color:var(--ink-2);font-size:.97rem}

/* roles */
.roles{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start}
.rlist{display:grid;gap:.4rem}
.rlist button{all:unset;cursor:pointer;padding:1rem 1.1rem;border-radius:var(--r-sm);font-weight:500;font-size:1.05rem;color:var(--ink-2);display:flex;justify-content:space-between;align-items:center}
.rlist button svg{width:16px;height:16px;opacity:0}
.rlist button.on{background:#fff;color:var(--ink);box-shadow:var(--shadow)}
.rlist button.on svg{opacity:1;color:var(--blue)}
.rpanel{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:clamp(24px,3vw,40px);display:grid;gap:1.25rem}
.rpanel .q{font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:300;line-height:1.3;letter-spacing:-.015em}
.rpanel .q b{font-weight:600}
.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rgrid a{border-radius:var(--r-sm);background:var(--mist);padding:1rem;display:grid;gap:.3rem;transition:background .15s}
.rgrid a:hover{background:var(--blue-t)}
.rgrid small{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.rgrid b{font-weight:600}
.rgrid span{font-size:.9rem;color:var(--ink-2)}

/* insights */
.ins{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.in{border-radius:var(--r);overflow:hidden;background:#fff;box-shadow:var(--shadow);display:grid;grid-template-rows:auto 1fr;transition:transform .2s,box-shadow .2s}
.in:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.in img{width:100%;height:200px;object-fit:cover}
.in .body{padding:22px;display:grid;gap:.6rem;align-content:start}
.in small{font-size:.76rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}
.in p{color:var(--ink-2);font-size:.96rem}

/* trust */
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tr{border-radius:var(--r);border:2px solid var(--mist-2);padding:1.5rem;display:grid;gap:.6rem;align-content:start;background:#fff}
.tr .ic{width:44px;height:44px;border-radius:12px;background:#0097B2;color:#fff;display:grid;place-items:center}
.tr .ic svg{width:20px;height:20px}
.tr p{color:var(--ink-2);font-size:.94rem}

/* cta */
.cta{border-radius:var(--r-lg);background:linear-gradient(120deg,#E6F4F8,#EEF8E8);color:var(--ink);padding:clamp(32px,5vw,64px);display:grid;grid-template-columns:1.3fr auto;gap:2rem;align-items:center;position:relative;overflow:hidden}
.cta::after{content:"";position:absolute;right:-40px;top:-50px;width:300px;height:300px;background:none;opacity:1}
.cta h2{color:var(--ink)}.cta p{color:var(--ink-2);font-size:1.15rem;font-weight:300;margin-top:.75rem;max-width:52ch}
.cta .acts{display:flex;gap:.75rem;flex-wrap:wrap;position:relative;z-index:1}


footer{background:var(--mist);border-top:1px solid var(--line);padding:56px 0 28px}
footer .cols{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:2rem}
footer h5,footer .fh{margin:0 0 .8rem;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
footer a{display:block;padding:.28rem 0;color:var(--ink-2);font-size:.95rem}
footer a:hover{color:var(--blue)}
footer .legal{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--line);color:var(--mute);font-size:.85rem}

@media (prefers-reduced-motion:reduce){.custody .hd .live::before{animation:none}.cap,.in{transition:none}}
@media (max-width:1060px){
  .nav nav,.nav .right{display:none}.burger{display:grid}
  .hero .wrap,.story,.roles,.cta,.head.split{grid-template-columns:1fr}
  .frame{justify-content:flex-start}.mega .in,.mega.sol .in{grid-template-columns:1fr 1fr}.mega.sol .biz{grid-column:1/-1}.mega .caps2{grid-column:1/-1}
  .caps,.stats,.trust{grid-template-columns:repeat(2,1fr)}
  .ins{grid-template-columns:1fr 1fr}.rgrid{grid-template-columns:1fr}
  .rlist{display:flex;flex-wrap:wrap}.rlist button svg{display:none}
  footer .cols{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:640px){.caps,.stats,.trust,.ins{grid-template-columns:1fr}.custody{width:100%}.mega .in,.mega.sol .in,.mega .caps2{grid-template-columns:1fr}footer .cols{grid-template-columns:1fr 1fr}}
/* ---------- inner pages (product / industry / role / need / foundation) ---------- */
.ph{background:var(--mist);overflow:hidden}
.ph .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,5vw,72px);align-items:center;padding-block:clamp(36px,5vw,72px)}
.crumb{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.9rem;color:var(--mute);margin-bottom:1.1rem}
.crumb a{color:var(--blue);font-weight:500}.crumb a:hover{text-decoration:underline}
.ph h1{font-size:clamp(2.4rem,4.6vw,4rem);font-weight:300;line-height:1.08;letter-spacing:-.03em;text-wrap:balance}
.ph .lead{margin-top:1.2rem}
.ph .acts{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.8rem}
.ph .fam{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c,var(--blue));margin-bottom:.9rem}
.ph .fam i{width:10px;height:10px;border-radius:3px;background:var(--c,var(--blue))}
.ph .pic{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:5/4;box-shadow:var(--shadow-lg);position:relative}
.ph .pic img{width:100%;height:100%;object-fit:cover}
.ph .pic .chip{position:absolute;left:16px;bottom:16px;right:16px;background:#fff;border-radius:var(--r-sm);box-shadow:var(--shadow-lg);padding:.9rem 1rem;display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:center}
.ph .pic .chip .ic{width:40px;height:40px;border-radius:10px;background:var(--c,var(--blue));color:#fff;display:grid;place-items:center}
.ph .pic .chip .ic svg{width:20px;height:20px}
.ph .pic .chip b{display:block;font-size:.95rem;font-weight:600}
.ph .pic .chip small{color:var(--mute);font-size:.82rem}
.ben{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.ben div{display:grid;gap:.6rem;align-content:start}
.ben .ic{width:48px;height:48px;border-radius:12px;background:var(--t,var(--blue-t));color:var(--c,var(--blue));display:grid;place-items:center}
.ben .ic svg{width:22px;height:22px}
.ben p{color:var(--ink-2)}
.frows{display:grid;gap:clamp(40px,6vw,80px)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}
.frow:nth-child(even) .viz{order:-1}
.frow .copy{display:grid;gap:1rem}
.frow .copy p{color:var(--ink-2);font-size:1.05rem;line-height:1.5}
.frow ul{list-style:none;padding:0;margin:.3rem 0 0;display:grid;gap:.55rem}
.frow li{display:flex;gap:.6rem;align-items:center;font-weight:500}
.frow li svg{width:18px;height:18px;color:var(--green);flex:none}
.viz{border-radius:var(--r-lg);background:var(--t,var(--blue-t));padding:28px;min-height:280px;display:flex;align-items:flex-end}
.viz .win{width:100%;background:#fff;border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
.viz .win .tb{display:flex;gap:6px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}
.viz .win .tb i{width:8px;height:8px;border-radius:50%;background:var(--mist-2)}
.viz .win .tb b{margin-left:6px;font-size:.78rem;font-weight:600;color:var(--mute)}
.viz .win .bd{padding:14px;display:grid;gap:8px}
.viz .win .r{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:9px 10px;border-radius:9px;background:var(--mist);font-size:.84rem;font-weight:500}
.viz .win .r span{width:22px;height:22px;border-radius:6px;background:var(--c,var(--blue));opacity:.85}
.viz .win .r em{font-style:normal;font-size:.75rem;color:var(--green);font-weight:600}
.viz .win .bars{display:flex;gap:4px;align-items:flex-end;height:60px;padding:4px 2px 0}
.viz .win .bars i{flex:1;background:var(--c,var(--blue));opacity:.75;border-radius:3px 3px 0 0}
.bigstat{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,64px);align-items:center;padding:clamp(28px,4vw,48px);border-radius:var(--r-lg);background:linear-gradient(120deg,#E6F4F8,#EEF8E8);color:var(--ink)}
.bigstat b{font-size:clamp(3rem,7vw,5.5rem);font-weight:300;letter-spacing:-.04em;line-height:1;color:#00758A}
.bigstat h3{font-size:clamp(1.3rem,2.2vw,1.8rem);font-weight:400;line-height:1.3}
.bigstat p{color:var(--ink-2);margin-top:.5rem}
.types{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.type{background:#fff;border-radius:var(--r);padding:1.5rem;display:grid;gap:.6rem;align-content:start;border:2px solid var(--mist-2)}
.type .n{font-size:.8rem;font-weight:700;color:var(--c,var(--blue));letter-spacing:.06em}
.type p{color:var(--ink-2);font-size:.95rem}
.chips2{display:flex;flex-wrap:wrap;gap:.5rem}
.chips2 span{padding:.5rem .9rem;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:.92rem;font-weight:500;color:var(--ink-2)}
.seclist{list-style:none;padding:0;margin:0;display:grid;gap:.8rem}
.seclist li{display:grid;grid-template-columns:24px 1fr;gap:.6rem;color:var(--ink-2)}
.seclist li svg{width:20px;height:20px;color:var(--violet)}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.opt{border-radius:var(--r-lg);padding:2rem;background:#fff;box-shadow:var(--shadow);display:grid;gap:.8rem;align-content:start}
.opt.hi{background:#fff;box-shadow:inset 0 0 0 2px #0097B2,var(--shadow)}
.opt small{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}

.opt h3{font-size:1.6rem;font-weight:500}
.opt p{color:var(--ink-2)}
.ucs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.uc{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:1.5rem;display:grid;gap:.8rem;align-content:start}
.uc small{font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}
.uc h3{font-size:1.15rem}
.uc .k{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-top:.2rem}
.uc p{color:var(--ink-2);font-size:.94rem}
.uc .d{background:var(--blue-t);border-radius:10px;padding:.8rem}
.uc .d .k{color:var(--blue)}
.rel{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.rel a{background:#fff;border-radius:var(--r);border:2px solid var(--mist-2);padding:1.4rem;display:grid;gap:.6rem;align-content:start;transition:border-color .15s,transform .15s}
.rel a:hover{border-color:var(--c,var(--blue));transform:translateY(-3px)}
.rel .ic{width:42px;height:42px;border-radius:11px;background:var(--t);color:var(--c);display:grid;place-items:center}
.rel .ic svg{width:20px;height:20px}
.rel p{color:var(--ink-2);font-size:.92rem}
.faq{display:grid;gap:.6rem;max-width:900px}
.faq details{background:#fff;border-radius:var(--r-sm);border:1px solid var(--line);padding:0 1.25rem}
.faq summary{cursor:pointer;list-style:none;padding:1.1rem 0;font-weight:500;font-size:1.08rem;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.5rem;line-height:1;color:var(--blue);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 1.1rem;color:var(--ink-2);line-height:1.5}
.ctab{border-radius:var(--r-lg);background:var(--mist);padding:clamp(28px,4vw,56px);display:grid;grid-template-columns:1.4fr auto;gap:2rem;align-items:center}
.ctab p{color:var(--ink-2);margin-top:.6rem;font-size:1.1rem;font-weight:300}
.ctab .acts{display:flex;gap:.75rem;flex-wrap:wrap}
.omap{display:grid;border-top:1px solid var(--line)}
.omap a{display:grid;grid-template-columns:1fr 1fr auto;gap:1.5rem;align-items:center;padding:1.1rem .25rem;border-bottom:1px solid var(--line)}
.omap a:hover{background:#fff}
.omap b{font-weight:500;font-size:1.05rem}
.omap span{color:var(--ink-2)}
.omap svg{width:18px;height:18px;color:var(--blue)}
.quote{font-size:clamp(1.5rem,2.8vw,2.3rem);font-weight:300;line-height:1.3;letter-spacing:-.015em;max-width:30ch}
.quote b{font-weight:600}
.need{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.need div{border-radius:var(--r);padding:1.4rem;background:#fff;box-shadow:var(--shadow);display:grid;gap:.5rem;align-content:start}
.need div.d{background:var(--blue-t)}.need div.d small{color:var(--blue)}
.need small{font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}
.need p{color:var(--ink-2)}
@media (max-width:1060px){.ph .wrap,.frow,.bigstat,.opts,.ctab{grid-template-columns:1fr}.frow:nth-child(even) .viz{order:0}.ben,.ucs{grid-template-columns:1fr 1fr}.types,.rel,.need{grid-template-columns:1fr 1fr}.omap a{grid-template-columns:1fr auto}.omap a span{display:none}}
@media (max-width:640px){.ben,.ucs,.types,.rel,.need{grid-template-columns:1fr}}

.form{display:grid;gap:14px;background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:clamp(20px,3vw,36px)}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form label{display:grid;gap:6px;font-size:.88rem;font-weight:600;color:var(--ink-2)}
.form input,.form select,.form textarea{font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);width:100%}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(16,119,198,.15)}
.form .ok{padding:14px;border-radius:10px;background:var(--green-t);font-weight:600}
.login-card{max-width:440px;margin:0 auto}
.login-card .hd{display:grid;justify-items:center;gap:.4rem;margin-bottom:.5rem;text-align:center}
.login-card .hd img{height:72px}
@media (max-width:640px){.form .row2{grid-template-columns:1fr}}
.ind .m{color:#7E8DA0;transition:color .15s}.ind .m:hover{color:var(--blue)}
.aisec{background:linear-gradient(180deg,#fff 0%,#F2FAF7 100%)}
.aihead{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:end;margin-bottom:clamp(24px,3vw,36px)}
.aihead h2{margin-top:.8rem}
.aihead .kicker{background:linear-gradient(90deg,#0097B2,#7ED957);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:.95rem}
.trendrow{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:clamp(24px,3vw,40px)}
.trendrow div{display:grid;gap:.3rem;padding:1.2rem 1.5rem 1.2rem 0;margin-right:1.5rem;border-right:1px solid var(--line)}
.trendrow div:last-child{border-right:0}
.trendrow .tn{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#00758A}
.trendrow b{font-size:1.15rem;font-weight:500}
.trendrow span:last-child{color:var(--ink-2);font-size:.95rem}
.aigrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.aic{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:1.6rem;display:grid;gap:.7rem;align-content:start;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.aic::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,#0097B2,#54C49C,#7ED957)}
.aic:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.aiico{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#E2F4F8,#EDF8E6);color:#00758A;display:grid;place-items:center}
.aiico svg{width:24px;height:24px}
.aic p{color:var(--ink-2);font-size:.96rem}
.aistat{margin-top:.3rem;font-size:.9rem;color:var(--mute)}
.aistat b{font-size:1.35rem;font-weight:500;color:var(--ink);margin-right:.25rem}
.aibar{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.1rem 1.4rem;border-radius:var(--r);background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.aibar span{color:var(--ink-2)}.aibar b{color:var(--ink)}
.partners{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
.pcard{border-radius:var(--r);border:2px solid var(--mist-2);padding:1.8rem;display:grid;gap:.5rem;align-content:start;background:#fff}
.pcard.soft{background:var(--mist);border-color:transparent}
.pname{font-size:1.9rem;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.ptype{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#00758A}
.pcard p{color:var(--ink-2);font-size:.96rem;margin-top:.3rem}
section.svc{padding-block:clamp(28px,3.5vw,44px);border-top:1px solid var(--line)}
.svcrow{display:grid;grid-template-columns:minmax(0,1.1fr) 2fr auto;gap:2rem;align-items:center}
.svcrow h3{font-size:1.15rem}
.svcrow ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.6rem}
.svcrow li{display:flex;gap:.5rem;align-items:center;color:var(--ink-2);font-weight:500}
.svcrow li svg{width:18px;height:18px;color:var(--mute)}
@media (max-width:1060px){.aihead,.svcrow{grid-template-columns:1fr}.aigrid{grid-template-columns:1fr 1fr}.partners{grid-template-columns:1fr}.trendrow{grid-template-columns:1fr}.trendrow div{border-right:0;border-bottom:1px solid var(--line);margin-right:0}}
@media (max-width:640px){.aigrid{grid-template-columns:1fr}}
.ind .wrap{display:grid;grid-template-columns:auto repeat(8,minmax(0,1fr));gap:1rem;align-items:center;justify-items:center}
.ind .t{justify-self:start;max-width:16ch;line-height:1.3}
.ind .m{font-size:1rem;white-space:nowrap}
@media (max-width:1200px){.ind .wrap{grid-template-columns:repeat(4,minmax(0,1fr))}.ind .t{grid-column:1/-1;max-width:none;justify-self:center}}
@media (max-width:640px){.ind .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hero2{display:grid;grid-template-columns:1fr 1fr;min-height:min(74vh,720px);background:#fff;overflow:hidden;padding:0!important}
.hero2 .display{font-size:clamp(2.4rem,4.2vw,4.1rem)}
.h2copy{display:flex;align-items:flex-start;padding:clamp(28px,3.2vw,52px) clamp(24px,4vw,72px) clamp(36px,4vw,64px) clamp(20px,5vw,96px)}
.h2copy .copy{max-width:700px}
.hero2 .kicker{color:#5A6570;font-family:"Montserrat",sans-serif;font-weight:500;letter-spacing:.06em}
.hero2 .display b{background:linear-gradient(90deg,#0068B8 0%,#008FAE 26%,#00A574 56%,#2DB12C 82%,#40BA14 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.h2art{position:relative;overflow:hidden;background:#7ED957;border-bottom-left-radius:clamp(40px,8vw,140px)}
.h2art .photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.aiorb{position:absolute;left:6%;top:9%;display:flex;align-items:center;gap:.7rem;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);padding:.55rem 1.1rem .55rem .55rem;border-radius:999px;box-shadow:0 18px 40px -18px rgba(0,60,40,.45)}
.aiorb .orb{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0%,#E6F8F3 40%,#A5E8CB 75%,#62CDB2 100%);display:grid;place-items:center;box-shadow:0 0 0 6px rgba(126,217,87,.28),0 0 24px rgba(17,159,176,.45);animation:orb 3s ease-in-out infinite}
.aiorb .orb img{width:30px;height:30px}
@keyframes orb{50%{box-shadow:0 0 0 10px rgba(126,217,87,.2),0 0 34px rgba(17,159,176,.55)}}
.aiorb b{display:block;font-size:.95rem;font-weight:600}.aiorb small{color:var(--mute);font-size:.78rem}
.callcard{position:absolute;left:6%;bottom:9%;width:min(320px,44%);background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-radius:18px;padding:1rem 1.1rem;box-shadow:0 20px 44px -20px rgba(0,60,40,.5);display:grid;gap:.6rem}
.callcard .ch{display:flex;align-items:center;gap:.5rem;font-size:.92rem}
.callcard .live{width:9px;height:9px;border-radius:50%;background:#2DB34A;box-shadow:0 0 0 4px rgba(45,179,74,.2);animation:pulse 1.6s infinite}
.callcard .t{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--mute);font-weight:500}
.callcard .wv{display:flex;align-items:center;gap:3px;height:44px}
.callcard .wv i{flex:1;height:var(--h);border-radius:2px;background:linear-gradient(180deg,#0097B2,#7ED957);animation:wv 1.2s ease-in-out infinite alternate}
@keyframes wv{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
.callcard small{color:var(--mute);font-size:.8rem}
.chips3{position:absolute;right:5%;top:30%;display:grid;gap:.5rem;justify-items:end}
.chips3 span{background:rgba(255,255,255,.94);border-radius:999px;padding:.45rem .9rem;font-size:.84rem;font-weight:600;color:var(--ink);box-shadow:0 10px 24px -14px rgba(0,60,40,.5)}
.chips3 span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#7ED957;margin-right:.45rem;vertical-align:middle}
@media (prefers-reduced-motion:reduce){.aiorb .orb,.callcard .wv i,.callcard .live{animation:none}}
@media (max-width:1060px){.hero2{grid-template-columns:1fr}.h2art{min-height:560px;border-bottom-left-radius:0}}
@media (max-width:640px){.chips3{display:none}.h2art{min-height:520px}.callcard{width:70%}}
.mega .cblock a .hc,.hc{display:inline-block;margin-left:.4rem;padding:.08rem .45rem;border-radius:999px;background:var(--teal-t);color:#08707F;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}
.aihc{margin-top:20px;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1.1rem 1.4rem;border-radius:var(--r);background:#fff;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
.aihc:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.aihc b{display:block;font-size:1.1rem;font-weight:600}.aihc small{color:var(--ink-2);font-size:.95rem}
.aihc>svg{width:20px;height:20px;color:#00758A}
.logindd{position:relative}
.logindd .lbtn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .8rem;font-weight:500;color:var(--ink-2);border-radius:8px}
.logindd .lbtn svg{width:14px;height:14px;transition:transform .2s}
.logindd.open .lbtn{color:var(--blue)}.logindd.open .lbtn svg{transform:rotate(180deg)}
.lmenu{position:absolute;right:0;top:calc(100% + 10px);width:300px;background:#fff;border-radius:14px;box-shadow:0 24px 60px -24px rgba(11,39,72,.4),0 0 0 1px var(--line);padding:8px;display:none;z-index:80}
.logindd.open .lmenu{display:grid;animation:drop .18s ease}
.lmenu a{display:grid;gap:.15rem;padding:.75rem .85rem;border-radius:10px}
.lmenu a:hover{background:var(--mist)}
.lmenu b{font-weight:600}.lmenu span{font-size:.85rem;color:var(--mute)}
.login2{display:grid;grid-template-columns:minmax(0,460px) 1fr;gap:clamp(28px,5vw,80px);align-items:start;padding-block:clamp(40px,5vw,72px)}
.login2 .side h2{font-size:clamp(1.6rem,2.6vw,2.2rem)}
.login2 .side ul{list-style:none;padding:0;margin:1.2rem 0;display:grid;gap:.9rem}
.login2 .side li{display:grid;grid-template-columns:40px 1fr;gap:.8rem;align-items:start}
.login2 .side li .ic{width:40px;height:40px;border-radius:11px;background:var(--blue-t);color:#00758A;display:grid;place-items:center}
.login2 .side li .ic svg{width:19px;height:19px}
.login2 .side li b{display:block;font-weight:600}.login2 .side li span{color:var(--ink-2);font-size:.95rem}
.login2 .switch{margin-top:1rem;padding:1rem 1.2rem;border-radius:var(--r-sm);background:var(--mist);display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}
.login-card .hd .lk{display:flex;align-items:center;gap:.6rem;justify-content:center}
.login-card .hd .lk img{height:52px}
.login-card .hd .lk .cx-lockup{font-size:26px}
.login-card .tag2{display:inline-block;margin-top:.4rem;padding:.25rem .7rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.login-card .tag2.c{background:var(--blue-t);color:var(--blue)}.login-card .tag2.p{background:var(--green-t);color:#4E8F23}
@media (max-width:1060px){.login2{grid-template-columns:1fr}.logindd .lmenu{right:auto;left:0}}
.cogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.coc{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:1.75rem;display:grid;gap:.7rem;align-content:start;border-top:4px solid var(--c);transition:transform .2s,box-shadow .2s}
.coc:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.coc .ic{width:48px;height:48px;border-radius:13px;background:var(--t);color:var(--c);display:grid;place-items:center}
.coc .ic svg{width:22px;height:22px}
.coc .n{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c)}
.coc p{color:var(--ink-2)}
@media (max-width:1060px){.cogrid{grid-template-columns:1fr}}
.fnav{position:sticky;top:calc(92px + env(safe-area-inset-top,0px));z-index:40;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.fnav .wrap{display:flex;gap:.25rem;overflow-x:auto;height:54px;align-items:center}
.fnav a{padding:.5rem .9rem;border-radius:999px;font-weight:500;font-size:.93rem;color:var(--ink-2);white-space:nowrap}
.fnav a:hover{background:var(--mist);color:var(--ink)}
.layers{display:grid;gap:10px}
.layer{display:grid;grid-template-columns:160px 1.3fr 1fr;gap:1.5rem;align-items:center;padding:1.1rem 1.4rem;border-radius:var(--r);background:#fff;box-shadow:inset 4px 0 0 var(--c,#94A2B4),0 0 0 1px var(--line)}
.layer.c-grey{--c:#94A2B4}
.layer .ln{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c,#6B7A8F)}
.layer .lp b{display:block;font-weight:600;font-size:1.05rem}.layer .lp span{color:var(--mute);font-size:.9rem}
.layer .ld{color:var(--ink-2);font-size:.95rem}
.note2{margin-top:1rem;color:var(--mute);font-size:.9rem}
.steps6{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;counter-reset:s}
.steps6 .st{background:#fff;border-radius:var(--r);padding:1.2rem;display:grid;gap:.4rem;align-content:start;box-shadow:var(--shadow);position:relative}
.steps6 .st .n{font-size:.78rem;font-weight:700;color:#00758A}
.steps6 .st b{font-size:1.05rem;font-weight:600}.steps6 .st p{color:var(--ink-2);font-size:.9rem}
.hcsec{background:linear-gradient(180deg,#F1FAF8,#fff)}
.dtabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.dtabs button{all:unset;cursor:pointer;display:grid;gap:.2rem;padding:1rem 1.1rem;border-radius:var(--r-sm);background:#fff;box-shadow:inset 0 0 0 1px var(--line);border-top:4px solid var(--c);transition:box-shadow .15s}
.dtabs button b{font-weight:600}.dtabs button span{font-size:.88rem;color:var(--mute)}
.dtabs button.on{box-shadow:inset 0 0 0 2px var(--c),var(--shadow)}
.dpanel{display:none}.dpanel.on{display:block;animation:fade .3s ease}
.dgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,56px);padding:clamp(20px,3vw,36px);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow)}
.dh{margin:1rem 0 .4rem;font-size:1rem;color:var(--mute);font-weight:600}
.dgrow{margin-top:1.4rem;padding:1rem 1.1rem;border-radius:var(--r-sm);background:var(--mist);display:grid;gap:.25rem}
.dgrow b{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.dbox{display:grid;gap:.7rem}.dbox>b{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--c)}
.dbox.add{margin-top:1.4rem}.dbox.add>b{color:var(--mute)}
.dbox .seclist li svg{color:var(--c)}
.tiers{display:grid;gap:8px}
.tiers div{display:grid;grid-template-columns:120px 1fr;gap:1rem;padding:.75rem 1rem;border-radius:10px;background:var(--mist)}
.tiers b{font-weight:600;color:var(--c)}.tiers span{color:var(--ink-2);font-size:.95rem}
.seclist li b{color:var(--ink);font-weight:600}
@media (max-width:1060px){.layer{grid-template-columns:1fr}.steps6{grid-template-columns:repeat(2,1fr)}.dtabs{grid-template-columns:1fr 1fr}.dgrid{grid-template-columns:1fr}}
@media (max-width:640px){.steps6,.dtabs{grid-template-columns:1fr}.tiers div{grid-template-columns:1fr}}

.scroll{overflow-x:auto}
.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem;background:#fff;border-radius:var(--r);box-shadow:0 0 0 1px var(--line);overflow:hidden}
.tbl th,.tbl td{padding:.9rem 1.1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.tbl thead th{background:var(--mist);font-size:.8rem;font-weight:700;letter-spacing:.04em;color:var(--ink)}
.tbl tbody tr:last-child td{border-bottom:0}
.tbl td:first-child{font-weight:600;color:var(--ink);white-space:nowrap}
.tbl td{color:var(--ink-2)}
/* colourful icon tiles */
:root{--g1:linear-gradient(135deg,#1565D8,#1EB6E8);--g2:linear-gradient(135deg,#2E9E2A,#9ED23A);--g3:linear-gradient(135deg,#5B3FD9,#A47BF5);--g4:linear-gradient(135deg,#F07B0A,#FFC02E);--g5:linear-gradient(135deg,#E0245E,#FF7A59);--g6:linear-gradient(135deg,#00897B,#33D1C4)}
.trust>.tr:nth-child(6n+1),.ben>div:nth-child(6n+1),.aigrid>.aic:nth-child(6n+1),.cogrid>.coc:nth-child(6n+1),.login2 .side li:nth-child(6n+1),.story li:nth-child(6n+1),.grid>.tr:nth-child(6n+1){--gi:var(--g1)}
.trust>.tr:nth-child(6n+2),.ben>div:nth-child(6n+2),.aigrid>.aic:nth-child(6n+2),.cogrid>.coc:nth-child(6n+2),.login2 .side li:nth-child(6n+2),.story li:nth-child(6n+2),.grid>.tr:nth-child(6n+2){--gi:var(--g2)}
.trust>.tr:nth-child(6n+3),.ben>div:nth-child(6n+3),.aigrid>.aic:nth-child(6n+3),.cogrid>.coc:nth-child(6n+3),.login2 .side li:nth-child(6n+3),.story li:nth-child(6n+3),.grid>.tr:nth-child(6n+3){--gi:var(--g3)}
.trust>.tr:nth-child(6n+4),.ben>div:nth-child(6n+4),.aigrid>.aic:nth-child(6n+4),.cogrid>.coc:nth-child(6n+4),.login2 .side li:nth-child(6n+4),.story li:nth-child(6n+4){--gi:var(--g4)}
.trust>.tr:nth-child(6n+5),.ben>div:nth-child(6n+5),.login2 .side li:nth-child(6n+5){--gi:var(--g5)}
.trust>.tr:nth-child(6n+6),.ben>div:nth-child(6n+6){--gi:var(--g6)}
.rel>a.c-blue,.ph .c-blue{--gi:var(--g1)}.rel>a.c-green{--gi:var(--g2)}.rel>a.c-violet{--gi:var(--g3)}.rel>a.c-teal{--gi:var(--g6)}
.tr .ic,.ben .ic,.aiico,.coc .ic,.login2 .side li .ic,.story li .ic,.rel .ic,.ph .pic .chip .ic,.aihc .aiico{background:var(--gi,var(--g1))!important;color:#fff!important;box-shadow:0 10px 18px -10px rgba(11,39,72,.55)}
.aihc .aiico{--gi:var(--g5)}
/* story pages */
.stepk{display:inline-flex;align-items:center;gap:.6rem;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#08707F;align-self:start;padding-top:.5rem}
.stepk b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--g1);color:#fff;font-size:.9rem;letter-spacing:0}
.story2{display:grid;grid-template-columns:260px 1fr;gap:clamp(20px,4vw,56px);align-items:start;margin-bottom:clamp(20px,3vw,32px)}
.story2 h2{font-weight:400;font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.3}
.outs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.outs div{background:#fff;border-radius:var(--r);padding:1.2rem;box-shadow:var(--shadow);display:grid;gap:.4rem;align-content:start}
.outs .ok{width:34px;height:34px;border-radius:10px;background:var(--g2);color:#fff;display:grid;place-items:center}.outs .ok svg{width:18px;height:18px}
.outs b{font-weight:600;font-size:1.05rem}.outs small{color:var(--mute);font-size:.86rem}
.tight2{padding-block:clamp(24px,3vw,40px)}
.pnext{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pnext a{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.3rem;border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .15s}
.pnext a:hover{box-shadow:inset 0 0 0 2px #0097B2}
.pnext a.nx{justify-content:flex-end;text-align:right}
.pnext svg{width:20px;height:20px;color:#00758A;flex:none}
.pnext small{display:block;color:var(--mute);font-size:.8rem}.pnext b{font-weight:600}
.indjump{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.6rem}
.indjump a{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .95rem;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-weight:500}
.indjump a span{font-size:.75rem;font-weight:700;color:#00758A}
.indjump a:hover{box-shadow:inset 0 0 0 2px #0097B2}
.sbrow{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,5vw,72px);align-items:start}
.sbrow.rev .sbpic{order:2}
.sbpic{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/5;box-shadow:var(--shadow-lg);position:sticky;top:110px}
.sbpic img{width:100%;height:100%;object-fit:cover}
.sbn{position:absolute;left:18px;top:18px;width:54px;height:54px;border-radius:16px;background:var(--g1);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.2rem;box-shadow:0 12px 24px -10px rgba(0,0,0,.4)}
.sbcopy{display:grid;gap:1.1rem}
.sbcopy h2{font-size:clamp(1.6rem,2.8vw,2.3rem)}
.sbblk{display:grid;gap:.5rem;padding-top:1rem;border-top:1px solid var(--line)}
.sbblk>b{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#08707F}
.sbblk p{color:var(--ink-2)}
.sbuc{display:grid;gap:.4rem}.sbuc a{color:var(--blue);font-weight:500}.sbuc a:hover{text-decoration:underline}
.allind{display:inline-flex;align-items:center;gap:.4rem;margin-top:.8rem;font-weight:600;color:var(--blue);font-size:.92rem}.allind svg{width:16px;height:16px}
@media (max-width:1060px){.story2,.sbrow{grid-template-columns:1fr}.sbrow.rev .sbpic{order:0}.sbpic{position:relative;top:0;aspect-ratio:16/10}.outs{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.outs,.pnext{grid-template-columns:1fr}}
.trust.t3{grid-template-columns:repeat(3,1fr)}
@media (max-width:1060px){.trust.t3{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.trust.t3{grid-template-columns:1fr}}
.aiorb{padding:.6rem 1.1rem .6rem 1rem!important}
.aiorb .orbw{font-size:1.25rem;line-height:1}
.aiorb b{font-family:"Michroma",sans-serif;font-weight:400;color:#0068B8;font-size:.85rem}

.brand .cx-lockup{--cx-size:36px!important}

/* brand intro screen (pure CSS, removes itself) */
.cxintro{position:fixed;inset:0;z-index:9999;background:#fff;display:grid;place-items:center;animation:cxiOut .55s ease 2.35s forwards}
.cxi-in{display:grid;justify-items:center;gap:22px;width:min(560px,78vw)}
.cxi-mark{width:100%;height:auto;overflow:visible}
.cxi-stroke{fill:none;stroke:url(#cxig);stroke-width:26;stroke-dasharray:1;stroke-dashoffset:1;animation:cxiDraw 1.25s cubic-bezier(.6,.05,.3,1) .15s forwards}
.cxi-fill{fill:url(#cxig);opacity:0;animation:cxiFill .55s ease 1.2s forwards}
.cxi-tag{font-family:"Montserrat",sans-serif;font-weight:500;font-size:calc(min(560px,78vw) / 21.3);letter-spacing:0;justify-self:stretch;display:block;text-align:justify;text-align-last:justify;color:#3B4754;clip-path:inset(0 100% 0 0);transform:translateY(8px);animation:cxiTag .5s ease 1.45s forwards;white-space:nowrap}
.cxi-bar{width:120px;height:3px;border-radius:2px;background:#E7EDF3;overflow:hidden}
.cxi-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#0068B8,#00A574,#40BA14);animation:cxiBar 2.1s ease .1s forwards}
@keyframes cxiDraw{to{stroke-dashoffset:0}}
@keyframes cxiFill{to{opacity:1}}
@keyframes cxiTag{to{clip-path:inset(0 0 0 0);transform:none}}
@keyframes cxiBar{to{width:100%}}
@keyframes cxiOut{to{opacity:0;visibility:hidden}}
@media (prefers-reduced-motion:reduce){.cxintro{display:none}}
/* meaningful illustrations */
.il{width:100%;background:#fff;border-radius:14px;box-shadow:0 10px 30px -18px rgba(11,39,72,.45),0 0 0 1px rgba(11,39,72,.06);padding:16px;font-size:.8rem;color:var(--ink);display:grid;gap:10px;line-height:1.3}
.il .ttl{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.82rem}
.il .ttl small{font-weight:500;color:var(--mute);font-size:.72rem}
.il .flow{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}
.il .flow .nd{min-width:0;padding:7px 4px}
.il .flow .nd b{font-size:.7rem}
.il .nd{display:grid;justify-items:center;gap:4px;text-align:center;padding:8px 8px;border-radius:10px;background:var(--mist);min-width:62px;flex:1}
.il .nd i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#fff;background:var(--ilc,var(--g1))}
.il .nd i svg{width:15px;height:15px}
.il .nd b{font-weight:600;font-size:.74rem}.il .nd small{font-size:.66rem;color:var(--mute)}
.il .ar{color:#9AA8B8;flex:none}.il .ar svg{width:14px;height:14px}
.il .row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:7px 9px;border-radius:9px;background:var(--mist)}
.il .row.w{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.il .dot{width:9px;height:9px;border-radius:50%;background:#2DB34A}.il .dot.a{background:#E39B0B}.il .dot.r{background:#D64545}.il .dot.g{background:#B5C0CC}
.il .tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.66rem;font-weight:700;background:var(--blue-t);color:var(--blue)}
.il .tag.ok{background:#E5F6EA;color:#1F8A3E}.il .tag.wn{background:#FDF1DC;color:#A86A00}.il .tag.bad{background:#FCE6E6;color:#B42323}.il .tag.vi{background:#EDEAFB;color:#5243B8}
.il .chips{display:flex;flex-wrap:wrap;gap:5px}
.il .mono{font-family:ui-monospace,Menlo,monospace;font-size:.72rem}
.il .lane{display:grid;grid-template-columns:62px 1fr;gap:8px;align-items:center}
.il .lane small{font-size:.68rem;color:var(--mute);font-weight:600}
.il .wf{display:flex;align-items:center;gap:2px;height:30px;position:relative}
.il .wf i{flex:1;border-radius:2px;background:var(--wc,#0E6CB6)}
.il .pci{position:absolute;top:-4px;bottom:-4px;left:44%;width:16%;background:repeating-linear-gradient(45deg,rgba(227,155,11,.18) 0 5px,rgba(227,155,11,.32) 5px 10px);border-radius:4px;border:1px dashed #E39B0B}
.il .ctrls{display:flex;gap:6px;align-items:center}
.il .btn2{padding:4px 9px;border-radius:7px;background:var(--mist);font-weight:600;font-size:.7rem}
.il .btn2.p{background:#0E6CB6;color:#fff}
.il .bub{padding:7px 10px;border-radius:12px;background:var(--mist);max-width:85%;font-size:.76rem}
.il .bub.me{margin-left:auto;background:var(--blue-t)}
.il .who{font-size:.64rem;color:var(--mute);font-weight:700;margin-bottom:2px}
.il .kp{display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:6px}
.il .kp div{padding:8px;border-radius:9px;background:var(--mist);display:grid;gap:1px}
.il .kp small{font-size:.62rem;color:var(--mute);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.il .kp b{font-size:1.05rem;font-weight:600}
.il .tv{border-radius:12px;background:#0F1B2D;padding:10px;display:grid;gap:6px;color:#fff}
.il .tv .kp div{background:rgba(255,255,255,.08)}.il .tv .kp small{color:#9FB2C8}
.il .tick{font-size:.68rem;color:#CFE3F5;white-space:nowrap;overflow:hidden}
.il .grid8{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.il .grid8 div{padding:7px;border-radius:8px;background:var(--mist);font-size:.68rem;display:grid;gap:2px}
.il .grid8 div.drag{outline:2px dashed #0E6CB6;background:var(--blue-t)}
.il .alert{border-radius:10px;padding:10px 12px;display:grid;gap:4px;background:#FFF5F5;box-shadow:inset 3px 0 0 #D64545}
.il .alert b{color:#B42323}
.il table{width:100%;border-collapse:collapse;font-size:.72rem}
.il th{text-align:left;color:var(--mute);font-weight:600;font-size:.64rem;text-transform:uppercase;padding:4px 6px;border-bottom:1px solid var(--line)}
.il td{padding:5px 6px;border-bottom:1px solid var(--mist)}
.il .ok{color:#1F8A3E;font-weight:700}.il .bad2{color:#B42323;font-weight:700}
.il .file{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:10px;border-radius:10px;background:var(--mist)}
.il .file .ic{width:38px;height:46px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;position:relative}
.il .file .ic svg{width:16px;height:16px;color:#5B6B7C}
.il .file .lk{position:absolute;right:-7px;bottom:-7px;width:20px;height:20px;border-radius:6px;background:var(--g3);display:grid;place-items:center;color:#fff}
.il .file .lk svg{width:11px;height:11px;color:#fff}
.il .people{display:flex;align-items:center;justify-content:space-between;gap:8px}
.il .pp{display:grid;justify-items:center;gap:4px;font-size:.7rem;font-weight:600}
.il .pp i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--ilc,var(--g1))}
.il .pp i svg{width:18px;height:18px}
.il .tl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.il .tl div{border-radius:9px;padding:8px;background:var(--mist);display:grid;gap:3px;font-size:.7rem}
.il .tl div.on{background:#EDEAFB;box-shadow:inset 0 0 0 2px #6D5BE0}
.il .mx td{text-align:center}.il .mx td:first-child{text-align:left;font-weight:600}
.il .score{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}
.il .ring{width:62px;height:62px;border-radius:50%;background:conic-gradient(#2DB12C calc(var(--v)*1%),#E7EDF3 0);display:grid;place-items:center}
.il .ring b{width:48px;height:48px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:1.05rem}
.il .search{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;box-shadow:inset 0 0 0 1.5px #0E6CB6;font-size:.76rem}
.il .search svg{width:14px;height:14px;color:#0E6CB6}
.il .bars2{display:grid;gap:5px}
.il .bars2 div{display:grid;grid-template-columns:88px 1fr 52px;gap:6px;align-items:center;font-size:.7rem}
.il .bars2 span.b{height:10px;border-radius:5px;background:var(--g6)}
.il .slot{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:10px;border-radius:10px;background:#EEF9F3;box-shadow:inset 0 0 0 1px #BFE6CF}
.il .slot .d{width:44px;border-radius:8px;background:#fff;text-align:center;box-shadow:inset 0 0 0 1px var(--line);padding:4px 0}
.il .slot .d small{display:block;font-size:.58rem;color:#B42323;font-weight:700}.il .slot .d b{font-size:1.05rem}
.il .ports{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.il .ports div{border-radius:8px;padding:7px;background:var(--mist);font-size:.66rem;display:grid;gap:3px}
.il .ports b{font-size:.7rem}
.il .chk{display:grid;gap:5px}
.il .chk div{display:flex;justify-content:space-between;padding:6px 9px;border-radius:8px;background:var(--mist);font-size:.74rem}
.il .devices{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.il .center{display:flex;justify-content:center}
.il .pill2{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--g1);color:#fff;font-weight:600;font-size:.74rem}
.il .pill2 svg{width:13px;height:13px}
.il .rec{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:#D64545;font-size:.7rem}.il .rec:before{content:"";width:8px;height:8px;border-radius:50%;background:#D64545}
.il .split{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.il .box{border-radius:10px;padding:9px;background:var(--mist);display:grid;gap:3px}
.il .box b{font-size:.76rem}.il .box small{font-size:.66rem;color:var(--mute)}
.il .big{font-size:1.4rem;font-weight:600;letter-spacing:-.01em}
/* home card variant */
.cap .scr{height:auto;min-height:170px;padding:14px 14px 0}
.cap .scr .il{border-radius:10px 10px 0 0;padding:12px;gap:7px;font-size:.74rem}

/* ===== mature product-screen style (overrides) ===== */
.stage{position:relative;width:100%;padding:18px 0 0 34px}
.stage .backwin{position:absolute;left:0;top:0;width:58%;height:88%;background:#fff;border-radius:10px;box-shadow:0 0 0 1px #E3E8EE,0 12px 28px -18px rgba(16,36,61,.35);overflow:hidden;font-size:.68rem;color:#5B6B7C}
.stage .backwin .bwh{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid #EEF2F6;font-weight:600;color:#26354A;background:#FAFBFC}
.stage .backwin .bwh i{width:7px;height:7px;border-radius:50%;background:#D5DCE4;display:inline-block}
.stage .backwin ul{list-style:none;margin:0;padding:6px}
.stage .backwin li{padding:6px 8px;border-radius:6px}
.stage .backwin li.on{background:#EEF4FB;color:#0F5FA8;font-weight:600}
.stage .il{position:relative;z-index:1}
.viz{background:radial-gradient(120% 90% at 85% 15%,#EEF2F6 0,#F5F7FA 45%,#FFFFFF 75%)!important;border:1px solid #EEF1F5}
.il{font-size:.72rem;padding:0 0 14px;gap:10px;border-radius:10px;box-shadow:0 0 0 1px #DFE5EC,0 24px 48px -28px rgba(16,36,61,.45);color:#1D2B3D}
.il>*:not(.ttl){margin-inline:14px}
.il .ttl{margin:0;padding:9px 14px;background:#FAFBFC;border-bottom:1px solid #EEF2F6;border-radius:10px 10px 0 0;font-size:.74rem;color:#26354A}
.il .ttl::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#0E6CB6;margin-right:7px;vertical-align:middle}
.il .ttl small{font-size:.66rem;color:#5E6C80;font-weight:500;padding:2px 7px;border-radius:5px;background:#F1F4F7}
.il .flow{background-image:radial-gradient(#D5DDE6 1px,transparent 1.2px);background-size:11px 11px;background-color:#FBFCFD;border:1px solid #EEF2F6;border-radius:8px;padding:10px 8px}
.il .nd{background:#fff;border:1px solid #D9E1E9;border-radius:7px;box-shadow:0 2px 4px -2px rgba(16,36,61,.12);padding:7px 5px;gap:3px}
.il .nd i{width:22px;height:22px;border-radius:6px;background:#F1F5F9!important;color:#3D5068!important;box-shadow:inset 0 0 0 1px #E1E7EE}
.il .nd i svg{width:12px;height:12px}
.il .nd b{font-weight:600;font-size:.68rem;color:#1D2B3D}.il .nd small{font-size:.6rem;color:#5E6C80}
.il .ar{color:#9AA8B8}.il .ar svg{width:12px;height:12px}
.il .row{background:#fff;border-radius:0;padding:7px 2px;border-bottom:1px solid #EEF2F6}
.il .row.w{box-shadow:none}
.il .tag{background:#F1F4F7;color:#3E4C5E;font-weight:600;border-radius:5px;font-size:.62rem;padding:2px 7px}
.il .tag.ok{background:#EAF6EE;color:#23753C}.il .tag.wn{background:#FCF3E2;color:#8F5F00}.il .tag.bad{background:#FBEBEB;color:#A12A2A}.il .tag.vi{background:#EEF4FB;color:#0F5FA8}
.il .dot{width:7px;height:7px}
.il .kp div{background:#fff;border:1px solid #E6EBF0;border-radius:7px}
.il .kp small{font-size:.58rem;color:#5E6C80}.il .kp b{font-size:.98rem;font-weight:600;color:#1D2B3D}
.il .tv .kp div{border:0}.il .tv .kp b{color:#fff}
.il .box{background:#fff;border:1px solid #E6EBF0;border-radius:7px}
.il .box b{font-size:.72rem}
.il .split{gap:8px}
.il .bub{background:#F3F5F8;border-radius:10px;font-size:.72rem}
.il .bub.me{background:#EEF4FB}
.il .who{font-size:.58rem;letter-spacing:.06em;color:#5E6C80}
.il .btn2{background:#fff;border:1px solid #DCE3EA;border-radius:6px;font-weight:600;color:#26354A}
.il .btn2.p{background:#0E6CB6;border-color:#0E6CB6;color:#fff}
.il .file{background:#fff;border:1px solid #E6EBF0}
.il .file .lk{background:#1D2B3D!important}
.il .pp i{background:#EEF2F6!important;color:#3D5068!important;box-shadow:inset 0 0 0 1px #DCE3EA}
.il .tl div{background:#fff;border:1px solid #E6EBF0}
.il .tl div.on{background:#F4F8FD;box-shadow:inset 0 0 0 1.5px #0E6CB6}
.il .chk div{background:#fff;border-bottom:1px solid #EEF2F6;border-radius:0;padding:6px 2px}
.il .ports div,.il .grid8 div{background:#fff;border:1px solid #E6EBF0;border-radius:7px}
.il .grid8 div.drag{outline:1.5px dashed #0E6CB6;background:#F4F8FD}
.il .slot{background:#fff;box-shadow:inset 0 0 0 1px #CDE7D6}
.il .pill2{background:#1D2B3D!important}
.il .bars2 span.b{background:#0E6CB6!important;opacity:.85;height:8px}
.il .search{box-shadow:inset 0 0 0 1px #9CC3E6;background:#fff}
.il .alert{background:#fff;box-shadow:inset 3px 0 0 #C63B3B,0 0 0 1px #F1D6D6}
.il th{font-size:.58rem;letter-spacing:.05em;color:#5E6C80}
.il td{border-bottom:1px solid #F0F3F6}
.il .wf i{background:var(--wc,#0E6CB6);opacity:.8}
.cap .scr{background:radial-gradient(120% 90% at 80% 10%,#EEF2F6,#F7F9FB 60%)!important}
.cap .scr .il{font-size:.68rem}

.il .ttl{justify-content:flex-start;gap:0}
.il .ttl small{margin-left:auto}
.stage{padding:30px 0 0 34px}
.stage .backwin .bwh{padding:7px 10px}
.frow .viz{padding:30px 28px 34px;align-items:center}
.frow .viz .stage{padding:34px 0 0 40px}
.frow .viz .il{font-size:.8rem}
.frow .viz .stage .backwin{font-size:.74rem}


/* product pages: proof chips, multivendor band, pipeline, metrics, stats */
.proof{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.1rem}
.proof span{display:inline-flex;gap:.35rem;align-items:center;padding:.35rem .75rem;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:.84rem;font-weight:500;color:var(--ink-2)}
.proof svg{width:14px;height:14px;color:#00A574}
a.more.dl{align-self:center;margin-left:.3rem}
.mvband{background:linear-gradient(135deg,#071B33 0%,#0B2E4F 55%,#0A3B44 100%);color:#fff}
.mvband .head h2,.mvband h3,.mvband b{color:#fff}.mvband .lead{color:#C9D7E6}.mvband .kicker{color:#5FD3C4}
.mv{display:grid;grid-template-columns:1.25fr .9fr 1fr;gap:clamp(16px,2.5vw,36px);align-items:center}
.mvsrc,.mvout{display:grid;gap:10px}
.mvsrc>div,.mvout>div{display:flex;gap:.8rem;align-items:center;padding:.8rem 1rem;border-radius:14px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.mvsrc .ic,.mvout .ic,.pipe .ic{width:38px;height:38px;flex:none;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#0068B8,#00A574);color:#fff}
.mvsrc .ic svg,.mvout .ic svg,.pipe .ic svg{width:20px;height:20px}
.mvsrc b{display:block;font-weight:600;font-size:.98rem}.mvsrc small{color:#AFC3D6;font-size:.84rem}
.mvout b{font-weight:500;font-size:.96rem}
.mvcore{position:relative;display:grid;place-items:center}
.mvlines{position:absolute;inset:50% -40px auto;height:2px;background:linear-gradient(90deg,transparent,#2DB12C 20%,#008FAE 80%,transparent);opacity:.7}
.mvbox{position:relative;width:100%;border-radius:20px;padding:1.4rem;background:#fff;color:var(--ink);box-shadow:0 20px 50px rgba(0,0,0,.35);display:grid;gap:.6rem;justify-items:start}
.mvbox b{color:var(--ink);font-size:1.25rem;font-weight:600}.mvbox .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#0068B8,#008FAE);color:#fff}.mvbox .ic svg{width:24px;height:24px}
.mvbox ul{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}.mvbox li{display:flex;gap:.45rem;align-items:center;font-size:.92rem;color:var(--ink-2)}.mvbox li svg{width:15px;height:15px;color:#00A574}
.mvnote{margin-top:1.6rem;color:#C9D7E6;font-size:.95rem;border-top:1px solid rgba(255,255,255,.14);padding-top:1rem}
.pipe{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:pp}
.pipe>div{position:relative;padding:1.2rem;border-radius:16px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);display:grid;gap:.45rem;align-content:start}
.pipe>div:not(:last-child)::after{content:'';position:absolute;right:-12px;top:38px;width:12px;height:2px;background:#5FD3C4}
.pipe small{color:#5FD3C4;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.7rem}.pipe b{font-size:1.1rem}.pipe p{color:#C9D7E6;font-size:.9rem}
.mets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mets>div{padding:1.3rem;border-radius:var(--r);background:#fff;box-shadow:inset 0 0 0 2px var(--mist-2);display:grid;gap:.4rem;align-content:start;border-top:4px solid transparent;border-image:linear-gradient(90deg,#0068B8,#00A574) 1;border-image-slice:1 0 0 0}
.mets h3{font-size:1.05rem;font-weight:600}.mets p{font-size:.9rem;color:var(--ink-2)}
.stats4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;border-radius:var(--r-lg);overflow:hidden;background:linear-gradient(120deg,#E6F4F8,#EEF8E8)}
.stats4>div{padding:clamp(18px,2.4vw,30px);display:grid;gap:.35rem;align-content:start;background:rgba(255,255,255,.35)}
.stats4 b{font-size:clamp(1.25rem,2vw,1.7rem);font-weight:500;letter-spacing:-.01em;line-height:1.15;color:#006E8A}
.stats4 span{color:var(--ink-2);font-size:.9rem}
@media (max-width:1000px){.mv{grid-template-columns:1fr}.mvlines{display:none}.pipe{grid-template-columns:1fr 1fr}.pipe>div::after{display:none}.mets{grid-template-columns:1fr 1fr}.stats4{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pipe,.mets,.stats4{grid-template-columns:1fr}}
/* Form windows (wide, no scrolling on laptop screens) */
.form [hidden],.csm [hidden]{display:none !important}
.csm{position:fixed;inset:0;z-index:200;background:rgba(10,24,40,.55);backdrop-filter:blur(6px);display:grid;place-items:center;overflow-y:auto;padding:16px}
.csm[hidden]{display:none}
html.csm-on{overflow:hidden}
.csm-p{width:min(1240px,100%);background:#fff;border-radius:var(--r-lg);box-shadow:0 30px 80px rgba(0,0,0,.35);padding:clamp(18px,2.2vw,28px) clamp(18px,2.6vw,34px);animation:csmIn .25s ease;margin:auto}
@keyframes csmIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.csm-h{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.9rem;padding-bottom:.9rem;border-bottom:1px solid var(--line)}
.csm-h h2{font-size:clamp(1.35rem,2.1vw,1.7rem);margin:.3rem 0 .15rem}.csm-h p{color:var(--mute);font-size:.94rem}
.csm-r{display:flex;gap:.8rem;align-items:center}
.csm-x{border:0;background:var(--mist);width:40px;height:40px;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;flex:none}
.csm .form{box-shadow:none;padding:0;gap:10px}
.csg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 16px}
.csg .s2{grid-column:span 2}.csg .s4{grid-column:1/-1}
.csm .form input,.csm .form select,.csm .form textarea{padding:9px 12px}
.csm .form label{font-size:.84rem;gap:4px}
.hp{position:absolute !important;left:-9999px;width:1px;height:1px;opacity:0}
.cs-topic{display:flex;gap:.5rem;align-items:center;font-size:.84rem}.cs-topic span{color:var(--mute);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.cs-topic b{padding:.3rem .8rem;border-radius:999px;background:var(--mist);font-weight:600;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-fs{border:0;padding:0;margin:0;display:grid;gap:6px;min-width:0}.cs-fs legend{font-size:.84rem;font-weight:600;color:var(--ink-2);margin-bottom:4px;padding:0}
.cs-chips{display:flex;flex-wrap:wrap;gap:6px}
.cs-chips label{display:inline-flex !important;align-items:center;cursor:pointer;font-weight:500 !important}
.cs-chips input{position:absolute;opacity:0;pointer-events:none}
.cs-chips span{padding:.38rem .8rem;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--line);font-size:.84rem;transition:all .15s;white-space:nowrap}
.cs-chips input:checked+span{background:linear-gradient(90deg,#0068B8,#008FAE);color:#fff;box-shadow:none}
.cs-chips input:focus-visible+span{outline:2px solid #008FAE;outline-offset:2px}
.cs-foot{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;justify-content:space-between;padding-top:.4rem}
.cs-ok{display:flex !important;gap:.6rem;align-items:flex-start;font-weight:500 !important;max-width:560px}.cs-ok input{width:auto;margin-top:3px}
.form .bad{box-shadow:0 0 0 2px #D64545 !important;border-color:#D64545 !important}
.cs-err{color:#B42318;font-weight:600;font-size:.9rem}
.cs-act{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.cs-act span{color:var(--mute);font-size:.86rem}
.cs-addr{margin-top:1rem;color:var(--mute)}
.cs-prev{display:grid;gap:1rem}.cs-note{color:var(--ink-2)}
.cs-mail{border:1px solid var(--line);border-radius:12px;overflow:hidden}.cs-mail>div{display:flex;gap:.8rem;padding:.6rem .9rem;border-bottom:1px solid var(--line);font-size:.9rem}.cs-mail>div span{color:var(--mute);width:64px;flex:none}
.cs-mail pre{margin:0;padding:.9rem;max-height:46vh;overflow:auto;background:var(--mist);font:12.5px/1.55 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap}
.cs-thanks{display:grid;justify-items:center;text-align:center;gap:.6rem;padding:2.5rem 1rem}.cs-thanks .ic{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0068B8,#00A574)}.cs-thanks .ic svg{width:28px;height:28px}
#app .form.csf{max-width:none}
@media (max-width:1100px){.csg{grid-template-columns:repeat(2,minmax(0,1fr))}.csg .s2{grid-column:1/-1}}
@media (max-width:640px){.csm{padding:0;place-items:start}.csm-p{border-radius:0;min-height:100%}.csg{grid-template-columns:1fr}.csm-h{flex-direction:column-reverse}.csm-r{width:100%;justify-content:space-between}.cs-chips span{white-space:normal}}
.g4w{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:980px){.g4w{grid-template-columns:1fr 1fr}}@media (max-width:560px){.g4w{grid-template-columns:1fr}}
.elctl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media (max-width:980px){.elctl{grid-template-columns:1fr 1fr}}@media (max-width:560px){.elctl{grid-template-columns:1fr}}
.elctl .tr p{font-size:.92rem;color:var(--ink-2)}
.elsteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:st}@media (max-width:980px){.elsteps{grid-template-columns:1fr 1fr}}@media (max-width:560px){.elsteps{grid-template-columns:1fr}}
.elsteps div{background:#fff;border-radius:var(--r);padding:1.4rem;box-shadow:inset 0 0 0 2px var(--mist-2);display:grid;gap:.5rem;align-content:start}
.elsteps div::before{counter-increment:st;content:counter(st);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;background:linear-gradient(135deg,#0068B8,#00A574)}
.elsteps p{font-size:.92rem;color:var(--ink-2)}

/* illustrations v25: mature and colourful */
.il .flow{background:linear-gradient(135deg,#F2F8FD,#F1FAF3)!important;background-image:linear-gradient(135deg,#F2F8FD,#F1FAF3)!important;border:1px solid #E1ECF4;border-radius:12px;padding:12px 10px}
.il .nd{position:relative;background:#fff;border:0;border-radius:10px;box-shadow:0 6px 16px -10px rgba(16,36,61,.4),inset 0 0 0 1px #E4EBF2;padding:11px 6px 8px;overflow:hidden}
.il .nd::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:var(--ilc,var(--g1))}
.il .nd i{width:28px;height:28px;border-radius:8px;background:var(--ilc,var(--g1))!important;color:#fff!important;box-shadow:0 5px 12px -5px rgba(16,36,61,.5)}
.il .nd i svg{width:14px;height:14px}
.il .nd b{color:#14243A}
.il .ar{color:#0096B4}
.mvg{position:relative;display:grid;grid-template-columns:37fr 26fr 37fr;gap:0;align-items:center;padding:12px 10px;border-radius:12px;background:linear-gradient(135deg,#F2F8FD,#F4F1FD 50%,#F1FAF3)}
.mvg-l{position:absolute;inset:12px 10px;width:calc(100% - 20px);height:calc(100% - 24px);pointer-events:none}
.mvg-l path{fill:none;stroke:url(#mvgg);stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-dasharray:4 4;animation:mvgd 1.4s linear infinite}
@keyframes mvgd{to{stroke-dashoffset:-16}}
@media (prefers-reduced-motion:reduce){.mvg-l path{animation:none}}
.mvg-in,.mvg-out{position:relative;display:grid;gap:6px}
.mvg-in>div{display:flex;align-items:center;gap:7px;background:#fff;border-radius:9px;padding:6px 8px;box-shadow:0 5px 14px -10px rgba(16,36,61,.45),inset 0 0 0 1px #E4EBF2}
.mvg-in i,.mvg-out i{width:24px;height:24px;flex:none;border-radius:7px;display:grid;place-items:center;color:#fff;background:var(--ilc)}
.mvg-in i svg,.mvg-out i svg{width:12px;height:12px}
.mvg-in b{display:block;font-size:.7rem;color:#14243A}.mvg-in small{font-size:.6rem;color:#5A6878}
.mvg-in em{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#22B04B;box-shadow:0 0 0 3px rgba(34,176,75,.18)}
.mvg-out{margin-left:12%}
.mvg-out>div{display:flex;align-items:center;gap:7px;background:#fff;border-radius:9px;padding:7px 8px;box-shadow:0 5px 14px -10px rgba(16,36,61,.45),inset 0 0 0 1px #E4EBF2}
.mvg-out b{font-size:.7rem;color:#14243A}
.mvg-hub{position:relative;display:grid;justify-items:center;gap:3px;text-align:center}
.mvg-hub .ring{width:64px;height:64px;border-radius:50%;padding:4px;background:conic-gradient(#1EB6E8,#5B3FD9,#E0245E,#F07B0A,#2E9E2A,#1EB6E8);box-shadow:0 10px 24px -10px rgba(91,63,217,.6)}
.mvg-hub .ring i{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0068B8}
.mvg-hub .ring svg{width:24px;height:24px}
.mvg-hub b{font-size:.72rem;color:#14243A;margin-top:3px}.mvg-hub small{font-size:.6rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(90deg,#0068B8,#00A574);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Auto-QM explainer */
.aqm-h{font-size:1.2rem;font-weight:600;margin:2.2rem 0 1rem}
.aqm-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.aqm-steps>div{position:relative;background:#fff;border-radius:var(--r);padding:1.2rem;box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:.45rem;align-content:start}
.aqm-steps>div:not(:last-child)::after{content:'';position:absolute;right:-12px;top:30px;width:12px;height:2px;background:linear-gradient(90deg,#0068B8,#00A574)}
.aqm-steps .n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;background:linear-gradient(135deg,#0068B8,#00A574)}
.aqm-steps b{font-size:1.02rem}.aqm-steps p{font-size:.9rem;color:var(--ink-2)}
.aqm-src{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.aqm-src>div{position:relative;background:#fff;border-radius:var(--r);padding:1.3rem 1.2rem 1.2rem;box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:.6rem;align-content:start;overflow:hidden}
.aqm-src>div::before{content:'';position:absolute;inset:0 0 auto;height:4px;background:var(--ilc)}
.aqm-src .tag2{justify-self:start;padding:.25rem .7rem;border-radius:999px;color:#fff;background:var(--ilc);font-size:.76rem;font-weight:600}
.aqm-src q{font-weight:600;color:var(--ink);quotes:'“' '”'}.aqm-src p{font-size:.9rem;color:var(--ink-2)}
.aqm-cmp td:last-child{font-weight:600;color:#0B5A43}.aqm-cmp td:last-child svg{width:15px;height:15px;color:#00A574;vertical-align:-2px;margin-right:6px}
.aqm-cmp th:last-child{color:#006E8A}
@media (max-width:1000px){.aqm-steps{grid-template-columns:1fr 1fr}.aqm-steps>div::after{display:none}.aqm-src{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.aqm-steps,.aqm-src{grid-template-columns:1fr}}

/* contact flow canvas */
.cf{position:relative;height:250px;container-type:inline-size;border-radius:12px;background:radial-gradient(#D3DEE8 1px,transparent 1.3px) 0 0/12px 12px,linear-gradient(135deg,#F3F8FD,#F2FAF4);border:1px solid #E1ECF4}
.cf-l{position:absolute;inset:0;width:100%;height:100%}
.cf-l path{fill:none;stroke:#7C8DA3;stroke-width:1.6;vector-effect:non-scaling-stroke;marker-end:url(#cfa)}
.cf-n{position:absolute;width:18%;transform:translateY(-50%);display:grid;justify-items:center;text-align:center;gap:3px;padding:8px 3px 6px;border-radius:9px;background:#fff;box-shadow:0 6px 14px -9px rgba(16,36,61,.45),inset 0 0 0 1px #E1E8EF;overflow:hidden}
.cf-n::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:var(--ilc)}
.cf-n i{width:22px;height:22px;flex:none;border-radius:6px;display:grid;place-items:center;color:#fff;background:var(--ilc)}.cf-n i svg{width:11px;height:11px}
.cf-n span{min-width:0}.cf-n b{display:block;font-size:.62rem;line-height:1.15;color:#14243A}.cf-n small{display:block;font-size:.54rem;color:#5A6878;line-height:1.15}
@container (max-width:400px){.cf-n small{display:none}.cf-n b{font-size:.56rem}.cf-n i{width:18px;height:18px}.cf-t{font-size:.5rem;padding:0 4px}}
.cf-n.cf-dec{box-shadow:0 6px 14px -9px rgba(16,36,61,.45),inset 0 0 0 1.5px #F0A23B}
.cf-t{position:absolute;transform:translate(-50%,-50%);font-size:.55rem;font-weight:700;padding:1px 6px;border-radius:999px;background:#fff;color:#3D5068;box-shadow:inset 0 0 0 1px #D5DEE8}
.cf-t.ok{color:#17732F;box-shadow:inset 0 0 0 1px #A9DDB6}.cf-t.no{color:#C0392B;box-shadow:inset 0 0 0 1px #F0B7AE}
.cf-pal{display:flex;flex-wrap:wrap;gap:5px}.cf-pal span{display:inline-flex;align-items:center;gap:4px;font-size:.62rem;font-weight:600;color:#3D5068;padding:3px 8px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #E1E8EF}.cf-pal i{width:8px;height:8px;border-radius:3px;background:var(--ilc)}
/* CX drill-down report */
.dd-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:.66rem;color:#5E6C80}.dd-crumb span{padding:2px 7px;border-radius:999px;background:var(--mist);color:#3D5068}.dd-crumb b{padding:2px 8px;border-radius:999px;color:#fff;background:linear-gradient(90deg,#0068B8,#008FAE)}
.dd-top{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:10px;border-radius:10px;background:linear-gradient(135deg,#F2F8FD,#F1FAF3)}
.dd-score small{display:block;font-size:.6rem;color:#5A6878;text-transform:uppercase;letter-spacing:.05em}.dd-score b{font-size:1.7rem;font-weight:600;color:#006E8A;line-height:1}.dd-score em{font-style:normal;font-size:.66rem;font-weight:700;margin-left:4px}
.dd-spark{width:100%;height:40px}
.dd-bars{display:grid;gap:5px}.dd-bars>div{display:grid;grid-template-columns:52px 1fr 26px;align-items:center;gap:8px;font-size:.66rem;padding:3px 6px;border-radius:7px}
.dd-bars>div.on{background:#EEF5FD;box-shadow:inset 0 0 0 1px #CFE1F5}
.dd-bars i{height:8px;border-radius:999px;background:#EDF1F5;position:relative;overflow:hidden}.dd-bars i::after{content:'';position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:999px;background:var(--ilc)}
.dd-bars b{text-align:right;color:#14243A}

.dd-kpi{display:flex;flex-wrap:wrap;gap:6px}.dd-kpi span{font-size:.62rem;color:#5A6878;padding:3px 8px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #E1E8EF}.dd-kpi b{color:#14243A;margin-left:3px}

/* hero AI lockup: CORECX AI on one baseline, line beneath aligned to the wordmark */
.aiorb{flex-direction:column;align-items:flex-start!important;gap:.4rem!important;border-radius:16px!important;padding:.75rem 1.15rem .7rem!important}
.aiorb .aio-top{display:flex;align-items:baseline;gap:.5rem;line-height:1}
.aiorb .aio-top .orbw{font-size:1.3rem;line-height:1}
.aiorb .aio-top b{display:inline;font-family:"Michroma",sans-serif;font-weight:400;font-size:1.3rem;line-height:1;color:#0068B8}
.aiorb small{display:block;font-size:.76rem;line-height:1.2;color:var(--mute);padding-top:.35rem;border-top:1px solid var(--line);align-self:stretch}

.partners.p2{grid-template-columns:1fr 1fr;margin-bottom:20px}
.pcard.tp{position:relative;overflow:hidden;border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#0068B8,#008FAE,#00A574,#40BA14) border-box;border:2px solid transparent}
.pcard.tp .pname{font-size:1.75rem!important;font-weight:500}
@media (max-width:760px){.partners.p2{grid-template-columns:1fr}}

/* simplified forms (v32): two columns, narrower window */
.csm-p{width:min(760px,100%)!important}
.csg{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.csg .s4{grid-column:1/-1}
.cs-foot{justify-content:space-between}
@media (max-width:640px){.csg{grid-template-columns:1fr!important}}

/* legal pages, 404, cookie consent, a11y */
.legal-links{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem}.legal-links a,.cookie-link{color:inherit;font:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:none}.legal-links a:hover,.cookie-link:hover{text-decoration:underline}
.lg-date{margin-top:1rem;color:var(--mute);font-size:.9rem}
.lg{display:grid;grid-template-columns:260px 1fr;gap:clamp(24px,4vw,64px);align-items:start}
.lg aside{position:sticky;top:110px;display:grid;gap:.15rem;font-size:.92rem}.lg aside b{margin-bottom:.4rem}.lg aside a{color:var(--ink-2);padding:.3rem 0}.lg aside a:hover{color:#0068B8}
.lg-other{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);display:grid;gap:.15rem}
.lg-body{max-width:72ch;display:grid;gap:2rem}.lg-body>section{padding:0!important;background:none;scroll-margin-top:130px}.lg-body h2{font-size:1.35rem;font-weight:600;margin-bottom:.6rem}.lg-body p,.lg-body li{color:var(--ink-2);line-height:1.7}.lg-body ul{padding-left:1.2rem;display:grid;gap:.45rem;margin:.4rem 0 .6rem}.lg-body a{color:#0068B8;text-decoration:underline}.lg-body code{background:var(--mist);padding:1px 6px;border-radius:5px}
@media (max-width:860px){.lg{grid-template-columns:1fr}.lg aside{position:static}}
.nf{display:grid;justify-items:start;gap:1rem;padding-block:clamp(60px,10vw,140px)}.nf-code{font-family:"Michroma",sans-serif;font-size:clamp(3rem,10vw,6rem);line-height:1;background:linear-gradient(90deg,#0068B8,#008FAE,#00A574,#40BA14);-webkit-background-clip:text;background-clip:text;color:transparent}
.ckb{position:fixed;left:16px;right:16px;bottom:16px;z-index:150;max-width:980px;margin:0 auto;display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;justify-content:space-between;background:#fff;border-radius:16px;padding:1rem 1.25rem;box-shadow:0 20px 50px -15px rgba(10,24,40,.45),0 0 0 1px var(--line)}
.ckb[hidden]{display:none}.ckb p{flex:1 1 420px;font-size:.92rem;color:var(--ink-2)}.ckb a{color:#0068B8;text-decoration:underline}.ckb-a{display:flex;flex-wrap:wrap;gap:.5rem}
.ck-p{width:min(560px,100%)!important}.ck-row{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--line)}.ck-row p{color:var(--mute);font-size:.9rem;margin-top:.2rem}.ck-on{font-size:.84rem;font-weight:600;color:#1E8A3A}
.ck-sw{position:relative;display:inline-block;width:48px;height:28px;flex:none;cursor:pointer}.ck-sw input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.ck-sw span[aria-hidden]{position:absolute;inset:0;border-radius:999px;background:#CBD5E0;transition:.2s}.ck-sw span[aria-hidden]::after{content:'';position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}.ck-sw input:checked+span{background:linear-gradient(90deg,#0068B8,#00A574)}.ck-sw input:checked+span::after{transform:translateX(20px)}.ck-sw input:focus-visible+span{outline:2px solid #008FAE;outline-offset:2px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:300;background:#0B2748;color:#fff;padding:.6rem 1rem;border-radius:8px}.skip:focus{top:12px}
.cs-ok a{color:#0068B8;text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #008FAE;outline-offset:2px}

.fblurb{color:var(--mute);font-size:.94rem;line-height:1.6;max-width:32ch;margin:1rem 0 0;text-align:left;text-wrap:pretty}
footer .cols>div:first-child{display:grid;justify-items:start;align-content:start}
footer .cols>div:first-child .brand{margin-bottom:0!important}

/* CTA banners: coloured CORECX wordmark watermark */
.cta,.ctab{position:relative;overflow:hidden;isolation:isolate}
.cta::after,.ctab::after{content:""!important;position:absolute!important;right:clamp(16px,2.2vw,36px)!important;bottom:clamp(12px,1.6vw,22px)!important;top:auto!important;left:auto!important;width:min(30%,380px)!important;height:auto!important;aspect-ratio:12293/1728;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjY0IC0xNjMyIDEyMjkzIDE3MjgiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMjgiIHkxPSIwIiB4Mj0iMTIyOTMiIHkyPSIwIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMDY4QjgiLz48c3RvcCBvZmZzZXQ9Ii4yNiIgc3RvcC1jb2xvcj0iIzAwOEZBRSIvPjxzdG9wIG9mZnNldD0iLjU2IiBzdG9wLWNvbG9yPSIjMDBBNTc0Ii8+PHN0b3Agb2Zmc2V0PSIuODIiIHN0b3AtY29sb3I9IiMyREIxMkMiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM0MEJBMTQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBmaWxsPSJ1cmwoI2cpIiBkPSJNMTI4IC03NDhWLTc4OFExMjggLTk5MiAxNDguMCAtMTEzMC41UTE2OCAtMTI2OSAyMTcuMCAtMTM1Ni4wUTI2NiAtMTQ0MyAzNTAuNSAtMTQ4OS4wUTQzNSAtMTUzNSA1NjMuMCAtMTU1MS41UTY5MSAtMTU2OCA4NzEgLTE1NjhIMTI3NFExNDgwIC0xNTY4IDE2MjEuNSAtMTU0OC41UTE3NjMgLTE1MjkgMTg0OS41IC0xNDcxLjVRMTkzNiAtMTQxNCAxOTc1LjAgLTEzMDIuNVEyMDE0IC0xMTkxIDIwMTQgLTEwMDdIMTgyMlExODIyIC0xMTUyIDE3OTYuMCAtMTIzMi41UTE3NzAgLTEzMTMgMTcwOC41IC0xMzQ5LjBRMTY0NyAtMTM4NSAxNTQxLjAgLTEzOTMuNVExNDM1IC0xNDAyIDEyNzQgLTE0MDJIODcxUTcyOCAtMTQwMiA2MzAuMCAtMTM5My41UTUzMiAtMTM4NSA0NzAuNSAtMTM1NC41UTQwOSAtMTMyNCAzNzYuNSAtMTI1OC4wUTM0NCAtMTE5MiAzMzIuMCAtMTA3OC4wUTMyMCAtOTY0IDMyMCAtNzg4Vi03NDhRMzIwIC01NzggMzMyLjAgLTQ2Ni4wUTM0NCAtMzU0IDM3Ni41IC0yODcuMFE0MDkgLTIyMCA0NzAuNSAtMTg3LjBRNTMyIC0xNTQgNjMwLjAgLTE0NC4wUTcyOCAtMTM0IDg3MSAtMTM0SDEyNzRRMTQzNSAtMTM0IDE1NDEuMCAtMTQxLjBRMTY0NyAtMTQ4IDE3MDguNSAtMTgyLjBRMTc3MCAtMjE2IDE3OTYuMCAtMjk1LjVRMTgyMiAtMzc1IDE4MjIgLTUxOUgyMDE0UTIwMTQgLTMzNSAxOTc1LjAgLTIyNS4wUTE5MzYgLTExNSAxODQ5LjUgLTU5LjVRMTc2MyAtNCAxNjIxLjUgMTQuMFExNDgwIDMyIDEyNzQgMzJIODcxUTY0NiAzMiA1MDEuMCAxLjVRMzU2IC0yOSAyNzQuNSAtMTExLjBRMTkzIC0xOTMgMTYwLjUgLTM0Ny4wUTEyOCAtNTAxIDEyOCAtNzQ4Wk0yOTg5LjM3NiAzMlEyNzY0LjM3NiAzMiAyNjE5LjM3NiAxLjVRMjQ3NC4zNzYgLTI5IDIzOTIuODc2IC0xMTEuMFEyMzExLjM3NiAtMTkzIDIyNzguODc2IC0zNDcuMFEyMjQ2LjM3NiAtNTAxIDIyNDYuMzc2IC03NDhWLTc4OFEyMjQ2LjM3NiAtOTkyIDIyNjYuMzc2IC0xMTMwLjVRMjI4Ni4zNzYgLTEyNjkgMjMzNS4zNzYgLTEzNTYuMFEyMzg0LjM3NiAtMTQ0MyAyNDY4Ljg3NiAtMTQ4OS4wUTI1NTMuMzc2IC0xNTM1IDI2ODEuMzc2IC0xNTUxLjVRMjgwOS4zNzYgLTE1NjggMjk4OS4zNzYgLTE1NjhIMzM5Mi4zNzZRMzU3Mi4zNzYgLTE1NjggMzcwMC4zNzYgLTE1NTEuNVEzODI4LjM3NiAtMTUzNSAzOTEyLjg3NiAtMTQ4OS4wUTM5OTcuMzc2IC0xNDQzIDQwNDYuMzc2IC0xMzU2LjBRNDA5NS4zNzYgLTEyNjkgNDExNS4zNzYgLTExMzAuNVE0MTM1LjM3NiAtOTkyIDQxMzUuMzc2IC03ODhWLTc0OFE0MTM1LjM3NiAtNTAxIDQxMDIuODc2IC0zNDcuMFE0MDcwLjM3NiAtMTkzIDM5ODguODc2IC0xMTEuMFEzOTA3LjM3NiAtMjkgMzc2Mi4zNzYgMS41UTM2MTcuMzc2IDMyIDMzOTIuMzc2IDMyWk0yOTg5LjM3NiAtMTM0SDMzOTIuMzc2UTM1MzUuMzc2IC0xMzQgMzYzMy4zNzYgLTE0NC4wUTM3MzEuMzc2IC0xNTQgMzc5Mi44NzYgLTE4Ny4wUTM4NTQuMzc2IC0yMjAgMzg4Ni44NzYgLTI4Ny4wUTM5MTkuMzc2IC0zNTQgMzkzMS4zNzYgLTQ2Ni4wUTM5NDMuMzc2IC01NzggMzk0My4zNzYgLTc0OFYtNzg4UTM5NDMuMzc2IC05NjQgMzkzMS4zNzYgLTEwNzguMFEzOTE5LjM3NiAtMTE5MiAzODg2Ljg3NiAtMTI1OC4wUTM4NTQuMzc2IC0xMzI0IDM3OTIuODc2IC0xMzU0LjVRMzczMS4zNzYgLTEzODUgMzYzMy4zNzYgLTEzOTMuNVEzNTM1LjM3NiAtMTQwMiAzMzkyLjM3NiAtMTQwMkgyOTg5LjM3NlEyODQ2LjM3NiAtMTQwMiAyNzQ4LjM3NiAtMTM5My41UTI2NTAuMzc2IC0xMzg1IDI1ODguODc2IC0xMzU0LjVRMjUyNy4zNzYgLTEzMjQgMjQ5NC44NzYgLTEyNTguMFEyNDYyLjM3NiAtMTE5MiAyNDUwLjM3NiAtMTA3OC4wUTI0MzguMzc2IC05NjQgMjQzOC4zNzYgLTc4OFYtNzQ4UTI0MzguMzc2IC01NzggMjQ1MC4zNzYgLTQ2Ni4wUTI0NjIuMzc2IC0zNTQgMjQ5NC44NzYgLTI4Ny4wUTI1MjcuMzc2IC0yMjAgMjU4OC44NzYgLTE4Ny4wUTI2NTAuMzc2IC0xNTQgMjc0OC4zNzYgLTE0NC4wUTI4NDYuMzc2IC0xMzQgMjk4OS4zNzYgLTEzNFpNNDQzMi43NTIgLTE1MzZINTQ2MC43NTJRNTY4NS43NTIgLTE1MzYgNTgyMy4yNTIgLTE1MTYuMFE1OTYwLjc1MiAtMTQ5NiA2MDMxLjc1MiAtMTQ0Ny4wUTYxMDIuNzUyIC0xMzk4IDYxMjcuNzUyIC0xMzEzLjBRNjE1Mi43NTIgLTEyMjggNjE1Mi43NTIgLTEwOThWLTEwNThRNjE1Mi43NTIgLTkzOCA2MTI0LjI1MiAtODUxLjVRNjA5NS43NTIgLTc2NSA2MDE0Ljc1MiAtNzExLjVRNTkzMy43NTIgLTY1OCA1Nzc0Ljc1MiAtNjM2TDYxMDguNzUyIDBINTkxNi43NTJMNTU4OS43NTIgLTYyMlE1NTY5Ljc1MiAtNjIxIDU1NDguMjUyIC02MjEuMFE1NTI2Ljc1MiAtNjIxIDU1MDMuNzUyIC02MjFINDYyNC43NTJWMEg0NDMyLjc1MlpNNDYyNC43NTIgLTc4N0g1NDczLjc1MlE1NjQ0Ljc1MiAtNzg3IDU3NDMuMjUyIC03OTguNVE1ODQxLjc1MiAtODEwIDU4ODguMjUyIC04MzkuMFE1OTM0Ljc1MiAtODY4IDU5NDcuNzUyIC05MjEuMFE1OTYwLjc1MiAtOTc0IDU5NjAuNzUyIC0xMDU4Vi0xMDk4UTU5NjAuNzUyIC0xMTkzIDU5NDIuNzUyIC0xMjQ4LjBRNTkyNC43NTIgLTEzMDMgNTg3MC43NTIgLTEzMjkuMFE1ODE2Ljc1MiAtMTM1NSA1NzA5Ljc1MiAtMTM2Mi41UTU2MDIuNzUyIC0xMzcwIDU0MjMuNzUyIC0xMzcwSDQ2MjQuNzUyWk02NDg5LjEyODAwMDAwMDAwMSAwVi0xNTM2SDc5OTcuMTI4MDAwMDAwMDAxVi0xMzc2SDY2ODEuMTI4MDAwMDAwMDAxVi04NjRINzk0Mi4xMjgwMDAwMDAwMDFWLTcwNEg2NjgxLjEyODAwMDAwMDAwMVYtMTYwSDgwMjUuMTI4MDAwMDAwMDAxVjBaTTgxOTAuNTA0MDAwMDAwMDAxIC03NDhWLTc4OFE4MTkwLjUwNDAwMDAwMDAwMSAtOTkyIDgyMTAuNTA0IC0xMTMwLjVRODIzMC41MDQgLTEyNjkgODI3OS41MDQgLTEzNTYuMFE4MzI4LjUwNCAtMTQ0MyA4NDEzLjAwNCAtMTQ4OS4wUTg0OTcuNTA0IC0xNTM1IDg2MjUuNTA0IC0xNTUxLjVRODc1My41MDQgLTE1NjggODkzMy41MDQgLTE1NjhIOTMzNi41MDRROTU0Mi41MDQgLTE1NjggOTY4NC4wMDQgLTE1NDguNVE5ODI1LjUwNCAtMTUyOSA5OTEyLjAwNCAtMTQ3MS41UTk5OTguNTA0IC0xNDE0IDEwMDM3LjUwNCAtMTMwMi41UTEwMDc2LjUwNCAtMTE5MSAxMDA3Ni41MDQgLTEwMDdIOTg4NC41MDRROTg4NC41MDQgLTExNTIgOTg1OC41MDQgLTEyMzIuNVE5ODMyLjUwNCAtMTMxMyA5NzcxLjAwNCAtMTM0OS4wUTk3MDkuNTA0IC0xMzg1IDk2MDMuNTA0IC0xMzkzLjVROTQ5Ny41MDQgLTE0MDIgOTMzNi41MDQgLTE0MDJIODkzMy41MDRRODc5MC41MDQgLTE0MDIgODY5Mi41MDQgLTEzOTMuNVE4NTk0LjUwNCAtMTM4NSA4NTMzLjAwNCAtMTM1NC41UTg0NzEuNTA0IC0xMzI0IDg0MzkuMDA0IC0xMjU4LjBRODQwNi41MDQgLTExOTIgODM5NC41MDQgLTEwNzguMFE4MzgyLjUwNCAtOTY0IDgzODIuNTA0IC03ODhWLTc0OFE4MzgyLjUwNCAtNTc4IDgzOTQuNTA0IC00NjYuMFE4NDA2LjUwNCAtMzU0IDg0MzkuMDA0IC0yODcuMFE4NDcxLjUwNCAtMjIwIDg1MzMuMDA0IC0xODcuMFE4NTk0LjUwNCAtMTU0IDg2OTIuNTA0IC0xNDQuMFE4NzkwLjUwNCAtMTM0IDg5MzMuNTA0IC0xMzRIOTMzNi41MDRROTQ5Ny41MDQgLTEzNCA5NjAzLjUwNCAtMTQxLjBROTcwOS41MDQgLTE0OCA5NzcxLjAwNCAtMTgyLjBROTgzMi41MDQgLTIxNiA5ODU4LjUwNCAtMjk1LjVROTg4NC41MDQgLTM3NSA5ODg0LjUwNCAtNTE5SDEwMDc2LjUwNFExMDA3Ni41MDQgLTMzNSAxMDAzNy41MDQgLTIyNS4wUTk5OTguNTA0IC0xMTUgOTkxMi4wMDQgLTU5LjVROTgyNS41MDQgLTQgOTY4NC4wMDQgMTQuMFE5NTQyLjUwNCAzMiA5MzM2LjUwNCAzMkg4OTMzLjUwNFE4NzA4LjUwNCAzMiA4NTYzLjUwNCAxLjVRODQxOC41MDQgLTI5IDgzMzcuMDA0IC0xMTEuMFE4MjU1LjUwNCAtMTkzIDgyMjMuMDA0IC0zNDcuMFE4MTkwLjUwNDAwMDAwMDAwMSAtNTAxIDgxOTAuNTA0MDAwMDAwMDAxIC03NDhaTTEwMjQ0Ljg4MDAwMDAwMDAwMSAwIDExMTE3Ljg4MDAwMDAwMDAwMSAtODEwIDEwMzA4Ljg4MDAwMDAwMDAwMSAtMTUzNkgxMDU4MC44ODAwMDAwMDAwMDFMMTEyNTAuODgwMDAwMDAwMDAxIC05MzRMMTE4OTkuODgwMDAwMDAwMDAxIC0xNTM2SDEyMTcxLjg4MDAwMDAwMDAwMUwxMTM4OS44ODAwMDAwMDAwMDEgLTgxMEwxMjI5Mi44ODAwMDAwMDAwMDEgMEgxMjAyMC44ODAwMDAwMDAwMDFMMTEyNTUuODgwMDAwMDAwMDAxIC02ODZMMTA1MTYuODgwMDAwMDAwMDAxIDBaIi8+PC9zdmc+") no-repeat right bottom/contain!important;opacity:.16!important;z-index:-1;pointer-events:none}
.cta>*,.ctab>*{position:relative;z-index:1}
.cta,.ctab{padding-bottom:clamp(64px,7.5vw,100px)!important}
@media (max-width:760px){.cta::after,.ctab::after{width:62%!important;opacity:.12!important}}

/* ===== Phones (added for the production site; verified at 360 and 390 px wide) ===== */
.frow>*{min-width:0}
@media (max-width:520px){
  footer .cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 1rem}
  footer .cols>div:first-child{grid-column:1/-1}
  footer .cols a{overflow-wrap:anywhere}
  .frow .viz{overflow:hidden}
  .frow .viz>.stage,.frow .viz>.win{zoom:.68}
}
@media (max-width:380px){
  .frow .viz>.stage,.frow .viz>.win{zoom:.6}
}
@media (max-width:640px){
  .csm{padding:0!important}
  .csm-p{width:100%!important;max-width:100vw;border-radius:0;padding:18px 16px!important}
  .csm-p *,.csm-h,.csm-t{min-width:0}
  .csm-h h2,.csm-h p{overflow-wrap:anywhere}
  .cs-foot{flex-direction:column;align-items:stretch}
  .cs-foot .btn{justify-content:center}
}

/* In-page jumps land below the sticky header and section menu. */
[id^="pc-"],[id^="fs-"],[id^="lg-"],[id^="sb-"],#opt,section[id]{scroll-margin-top:156px}
@media (max-width:860px){[id^="pc-"],[id^="fs-"],[id^="lg-"],[id^="sb-"],#opt,section[id]{scroll-margin-top:124px}}

/* "CoreCx" in running text is shown as the coloured CORECX wordmark.
   0.933em makes the wordmark's capitals the same height as the surrounding text's capitals (Michroma 75 vs Albert Sans 70 per 100px).
   The underlying text stays "CoreCx", so search engines, AI assistants, screen readers and copy-paste read the plain word. */
.cxw{font-family:"Michroma","Eurostile",sans-serif;font-weight:400;font-style:normal;font-synthesis:none;text-transform:uppercase;font-size:.933em;line-height:1;letter-spacing:.01em;white-space:nowrap;
  background:linear-gradient(90deg,#0068B8 0%,#008FAE 26%,#00A574 56%,#2DB12C 82%,#40BA14 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:saturate(1.35) contrast(1.15)}
/* A sentence containing the wordmark is wrapped in .cxl; it must behave like plain text. */
.cxl{display:inline}
/* On blue buttons and dark bands the gradient would not read, so the wordmark takes the text colour there. */
.btn.primary .cxw,.btn.navy .cxw,.mvband .cxw,.hl .cxw{background:none;-webkit-text-fill-color:currentColor;color:inherit;filter:none}

/* production: the brand intro plays once per visit */
.cx-seen .cxintro{display:none!important}