:root{--blue:#2510b5;--blue2:#3b16d9;--ink:#090b2d;--muted:#626681;--pale:#f5f4ff;--line:#dedcf4;--red:#ff203c;--white:#fff;--radius:24px;--shadow:0 30px 70px rgba(24,12,111,.15);--container:min(1180px,calc(100% - 48px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:var(--container);margin:auto}.skip-link{position:absolute;left:-999px;top:12px;background:#fff;padding:10px 16px;z-index:999}.skip-link:focus{left:12px}.site-header{position:fixed;inset:0 0 auto;z-index:100;color:#fff;transition:.25s}.site-header.scrolled,.page-about .site-header,.page-platform .site-header,.page-contact .site-header,.page-legal .site-header,.page-error .site-header{background:rgba(10,5,60,.92);backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(255,255,255,.1)}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:45px;height:45px;object-fit:contain}.brand-mark-blue{display:none}.brand span{display:flex;flex-direction:column;line-height:1.15}.brand strong{font-size:18px}.brand small{font-size:10px;font-weight:500;letter-spacing:.03em;opacity:.78}.site-nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}.site-nav>a:not(.nav-cta){opacity:.78;position:relative}.site-nav>a:not(.nav-cta):hover,.site-nav>a.active{opacity:1}.site-nav>a.active:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:#fff}.nav-cta{padding:12px 18px;border-radius:999px;background:#fff;color:var(--blue);display:flex;gap:12px}.menu-toggle{display:none}.hero{background:radial-gradient(circle at 78% 22%,#4e22f1 0,#2610b6 32%,#15076e 72%,#0d0447 100%);color:#fff;min-height:800px;position:relative;overflow:hidden;padding:158px 0 0}.hero:before{content:"";position:absolute;width:650px;height:650px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-190px;top:20px;box-shadow:0 0 0 110px rgba(255,255,255,.025),0 0 0 220px rgba(255,255,255,.02)}.hero-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.hero-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:center;position:relative;z-index:2}.hero-kicker,.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:var(--blue);display:inline-flex;align-items:center;gap:10px}.hero-kicker{color:#fff;margin-bottom:24px}.hero-kicker span{width:28px;height:2px;background:var(--red)}.hero h1{font-size:clamp(50px,6.1vw,82px);line-height:1.01;letter-spacing:-.055em;margin:0 0 28px}.hero h1 em{font-style:normal;color:#a89bff}.hero-copy>p{font-size:18px;color:rgba(255,255,255,.8);max-width:650px}.hero-actions{display:flex;gap:16px;align-items:center;margin-top:34px}.button,.button-ghost{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:999px;padding:15px 22px;font-size:13px;font-weight:700;border:0;cursor:pointer}.button{background:var(--red);color:#fff;box-shadow:0 15px 30px rgba(255,32,60,.25)}.button:hover{transform:translateY(-2px)}.button-ghost{border:1px solid rgba(255,255,255,.28);color:#fff}.trust-line{display:flex;align-items:center;gap:14px;margin-top:48px;font-size:11px}.trust-line span{text-transform:uppercase;letter-spacing:.12em;opacity:.55}.trust-line strong{font-size:12px}.trust-line i{height:18px;width:1px;background:rgba(255,255,255,.25)}.hero-stage{position:relative;min-height:520px}.platform-window{position:absolute;inset:30px 0 0;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.24);border-radius:28px;backdrop-filter:blur(22px);box-shadow:0 45px 100px rgba(3,0,36,.48);transform:perspective(1200px) rotateY(-7deg) rotateX(2deg)}.window-bar{height:58px;border-bottom:1px solid rgba(255,255,255,.13);display:flex;align-items:center;gap:8px;padding:0 22px}.window-bar>span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.45)}.window-bar small{margin-left:auto;text-transform:uppercase;letter-spacing:.13em;font-size:9px;opacity:.6}.window-body{position:relative;height:calc(100% - 58px);overflow:hidden}.brand-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,#ff2444,#fb4761);display:grid;place-content:center;text-align:center;box-shadow:0 0 0 20px rgba(255,255,255,.05),0 25px 60px rgba(255,32,60,.35);z-index:3}.brand-core img{width:65px;margin:0 auto 8px}.brand-core small,.brand-core strong{display:block}.brand-core small{font-size:9px;text-transform:uppercase;letter-spacing:.12em}.brand-core strong{font-size:16px}.orbit{position:absolute;border:1px dashed rgba(255,255,255,.25);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:320px;height:320px}.orbit-two{width:460px;height:460px}.metric{position:absolute;background:rgba(9,5,58,.78);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:15px 17px;min-width:145px;box-shadow:0 18px 40px rgba(0,0,0,.2);z-index:5}.metric small,.metric strong,.metric em{display:block}.metric small{font-size:9px;text-transform:uppercase;letter-spacing:.1em;opacity:.65}.metric strong{font-size:22px}.metric em{font-size:9px;font-style:normal;opacity:.65}.metric-a{left:14px;top:62px}.metric-b{right:12px;top:115px}.metric-c{right:35px;bottom:28px}.stage-glow{position:absolute;width:420px;height:420px;background:#6a45ff;filter:blur(100px);opacity:.32;right:-20px;top:50px}.hero-marquee{position:absolute;bottom:0;left:0;right:0;height:64px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;white-space:nowrap;overflow:hidden;color:rgba(255,255,255,.38);font-size:12px;font-weight:700;letter-spacing:.16em}.hero-marquee div{animation:marquee 28s linear infinite}.hero-marquee span{margin:0 28px;color:var(--red)}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:110px 0}.statement-grid{display:grid;grid-template-columns:230px 1fr;gap:80px}.statement-grid h2,.section-head h2,.signal-copy h2,.proof-copy h2,.narrative-grid h2{font-size:clamp(36px,4.5vw,62px);line-height:1.08;letter-spacing:-.04em;margin:0}.statement-grid p,.section-head p,.signal-copy p,.proof-copy p,.narrative-copy p{font-size:17px;color:var(--muted);max-width:760px}.platform-preview{background:var(--pale)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:54px}.section-head h2{max-width:790px;margin-top:12px}.text-link{font-size:13px;font-weight:700;color:var(--blue);white-space:nowrap}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.capability-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;min-height:290px;transition:.25s}.capability-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#c8c2f2}.capability-top{display:flex;justify-content:space-between;align-items:start}.capability-top>span{font-size:10px;font-weight:800;color:#9995b5}.capability-card h3{font-size:21px;margin:45px 0 10px}.capability-card p{color:var(--muted);font-size:14px}.capability-card a{font-size:12px;font-weight:700;color:var(--blue)}.icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#f1efff,#ded8ff);position:relative}.icon:before,.icon:after{content:"";position:absolute;border:2px solid var(--blue)}.icon-identity:before{width:12px;height:12px;border-radius:50%;left:15px;top:8px}.icon-identity:after{width:22px;height:12px;border-radius:12px 12px 5px 5px;left:10px;bottom:8px}.icon-journey:before{width:24px;height:14px;border-radius:12px;left:9px;top:15px}.icon-realtime:before{inset:9px;border-radius:50%}.icon-realtime:after{width:2px;height:13px;border-width:0 0 0 2px;left:22px;top:11px;transform:rotate(38deg);transform-origin:bottom}.icon-push:before{width:18px;height:23px;border-radius:10px 10px 5px 5px;left:12px;top:9px}.icon-analytics:before{width:4px;height:20px;bottom:10px;left:10px;box-shadow:10px -8px 0 -1px var(--blue),20px -15px 0 -1px var(--blue)}.icon-rewards:before{width:24px;height:20px;left:9px;bottom:8px}.icon-rewards:after{width:28px;height:7px;left:7px;top:9px}.signal-section{background:#10064f;color:#fff;overflow:hidden}.signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.signal-visual{height:500px;position:relative}.phone-card{position:absolute;width:300px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-4deg);background:#fff;color:var(--ink);border-radius:34px;padding:55px 28px 30px;box-shadow:0 40px 90px rgba(0,0,0,.38);z-index:4}.phone-notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:80px;height:18px;border-radius:20px;background:#0b0b25}.mini-label{font-size:9px;letter-spacing:.14em;font-weight:800;color:var(--red)}.phone-card h3{font-size:27px;line-height:1.15}.phone-card p{font-size:13px;color:var(--muted)}.phone-card button{width:100%;border:0;background:var(--blue);color:#fff;padding:13px;border-radius:12px;font-weight:700}.signal-pulse{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.14);border-radius:50%}.p1{width:390px;height:390px}.p2{width:520px;height:520px}.signal-badge{position:absolute;background:#2f1bc0;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:10px 15px;font-size:11px;font-weight:700;z-index:5}.badge-one{left:10px;top:105px}.badge-two{right:10px;bottom:100px}.eyebrow-light{color:#b9afff}.signal-copy h2{margin:18px 0 24px}.signal-copy p{color:rgba(255,255,255,.68)}.signal-copy ul{list-style:none;padding:0;margin:32px 0 0}.signal-copy li{border-top:1px solid rgba(255,255,255,.13);padding:16px 0;font-size:14px}.signal-copy li span{color:#8c7cff;font-size:10px;font-weight:800;margin-right:18px}.solution-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.solution-large,.solution-small{border-radius:24px;padding:38px;position:relative;overflow:hidden}.solution-large{background:linear-gradient(135deg,#2510b5,#15076b);color:#fff;min-height:510px}.solution-large h3{font-size:40px;line-height:1.08;max-width:560px;margin-top:55px}.solution-large p{max-width:520px;color:rgba(255,255,255,.7)}.solution-large a,.solution-small a{font-size:12px;font-weight:700}.solution-art{position:absolute;width:280px;height:280px;right:-50px;bottom:-55px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.05),0 0 0 90px rgba(255,255,255,.03)}.solution-art span{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--red)}.solution-art span:nth-child(1){left:30px;top:55px}.solution-art span:nth-child(2){right:60px;top:25px}.solution-art span:nth-child(3){left:85px;bottom:20px}.solution-stack{display:grid;gap:18px}.solution-small{background:var(--pale);min-height:246px}.solution-small h3{font-size:24px;line-height:1.18;margin:24px 0 10px}.solution-small p{font-size:13px;color:var(--muted)}.solution-accent{background:#ffedf0}.pill{display:inline-flex;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.15);padding:7px 11px;border-radius:999px;text-transform:uppercase;letter-spacing:.11em;font-size:9px;font-weight:800}.solution-small .pill{background:#fff;color:var(--blue)}.proof-section{background:#fafaff}.proof-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.proof-copy h2{margin:15px 0 24px}.timeline-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.timeline-cards article{background:#fff;border:1px solid var(--line);padding:24px;border-radius:18px;min-height:240px}.timeline-cards strong{color:var(--blue);font-size:12px}.timeline-cards h3{margin-top:45px}.timeline-cards p{font-size:12px;color:var(--muted)}.timeline-cards .current{background:var(--blue);color:#fff;transform:translateY(-18px)}.timeline-cards .current strong{color:#bdb5ff}.timeline-cards .current p{color:rgba(255,255,255,.7)}.cta-band{background:linear-gradient(125deg,#ff203c,#ff4960);color:#fff;padding:74px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.cta-inner h2{font-size:clamp(30px,4vw,52px);line-height:1.1;letter-spacing:-.035em;max-width:800px;margin:10px 0 0}.button-light{background:#fff;color:var(--blue);box-shadow:none;white-space:nowrap}.site-footer{background:#090526;color:#fff;padding:75px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:80px}.footer-brand{display:flex;gap:18px}.footer-brand img{width:55px;height:55px}.footer-brand strong{font-size:20px}.footer-brand p,.site-footer p{color:rgba(255,255,255,.55);font-size:12px}.site-footer h2{text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:#8379db;margin:0 0 18px}.site-footer a{display:block;font-size:12px;margin:8px 0;color:rgba(255,255,255,.76)}.footer-base{border-top:1px solid rgba(255,255,255,.1);margin-top:55px;padding-top:22px;display:flex;gap:28px;font-size:10px;color:rgba(255,255,255,.45)}.footer-base a{margin:0;margin-left:auto;font-size:10px}.page-hero{background:radial-gradient(circle at 80% 20%,#4a20e9,#2410aa 42%,#0d0449);color:#fff;padding:190px 0 110px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-70px;top:40px;box-shadow:0 0 0 70px rgba(255,255,255,.03)}.page-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center;position:relative;z-index:2}.page-hero h1{font-size:clamp(48px,6vw,76px);line-height:1.04;letter-spacing:-.05em;margin:18px 0 24px}.page-hero p{font-size:17px;color:rgba(255,255,255,.72);max-width:700px}.page-hero-mark{display:grid;place-items:center}.page-hero-mark img{width:230px;filter:drop-shadow(0 30px 50px rgba(0,0,0,.3))}.page-hero-stat{border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:38px;background:rgba(255,255,255,.08)}.page-hero-stat strong{display:block;font-size:70px;line-height:1}.page-hero-stat span{font-size:13px;color:rgba(255,255,255,.66)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detail-card{border:1px solid var(--line);border-radius:20px;padding:28px;min-height:245px}.detail-card>span{font-size:10px;color:var(--blue);font-weight:800}.detail-card h3{font-size:21px;margin:38px 0 10px}.detail-card p{font-size:13px;color:var(--muted)}.architecture-section{background:#10064f;color:#fff}.architecture-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.architecture-grid h2{font-size:50px;line-height:1.08}.architecture-grid p{color:rgba(255,255,255,.65)}.architecture-map{height:500px;position:relative}.arch-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;background:var(--red);display:grid;place-content:center;text-align:center;z-index:3}.arch-core img{width:70px;margin:auto}.arch-core span{font-size:11px;font-weight:700}.arch-node{position:absolute;background:#2d1ac0;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:12px 18px;font-size:11px;font-weight:700}.n1{left:8%;top:12%}.n2{right:12%;top:8%}.n3{right:0;top:48%}.n4{right:14%;bottom:8%}.n5{left:14%;bottom:8%}.n6{left:0;top:48%}.architecture-map:before,.architecture-map:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed rgba(255,255,255,.19);border-radius:50%}.architecture-map:before{width:360px;height:360px}.architecture-map:after{width:470px;height:470px}.narrative-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.history-section{background:var(--pale)}.history-line article{display:grid;grid-template-columns:180px 1fr;gap:40px;padding:38px 0;border-top:1px solid var(--line)}.history-year{font-size:40px;font-weight:800;color:var(--blue)}.history-line h3{font-size:28px;margin:5px 0}.history-line p{color:var(--muted);max-width:700px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.values-grid article{padding:30px;border-top:2px solid var(--blue);background:#fafaff}.values-grid span{font-size:10px;color:var(--blue);font-weight:800}.values-grid h3{margin-top:45px}.values-grid p{font-size:13px;color:var(--muted)}.contact-direct{padding:34px;border:1px solid rgba(255,255,255,.2);border-radius:22px;background:rgba(255,255,255,.06)}.contact-direct span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.13em;opacity:.55}.contact-direct a{font-size:18px;font-weight:700}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.contact-copy h2{font-size:45px;line-height:1.1}.contact-copy>p{color:var(--muted)}.company-card{margin-top:40px;background:var(--pale);padding:24px;border-radius:18px}.company-card span,.company-card p{display:block;font-size:12px;color:var(--muted)}.form-shell{background:#fff;border:1px solid var(--line);border-radius:24px;padding:38px;box-shadow:var(--shadow)}.contact-form label{display:block;font-size:11px;font-weight:700;margin-bottom:18px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:7px;border:1px solid #d9d7e8;border-radius:11px;padding:13px 14px;font:inherit;font-size:13px;background:#fff}.contact-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-foot{display:flex;justify-content:space-between;align-items:center;gap:30px}.form-foot p{font-size:10px;color:var(--muted);max-width:360px}.honeypot{position:absolute!important;left:-9999px!important}.form-message{padding:16px;border-radius:12px;margin-bottom:22px}.form-message strong,.form-message span{display:block}.success{background:#e9fff1;color:#13592b}.error{background:#fff0f1;color:#8d1020}.legal-hero{padding-bottom:70px}.legal-copy{max-width:820px}.legal-copy h2{margin-top:40px}.legal-copy p{color:var(--muted)}.legal-copy a{color:var(--blue);font-weight:700}.error-page{min-height:75vh;display:grid;place-items:center;text-align:center;padding:180px 0 100px}.error-page span{font-size:90px;color:var(--blue);font-weight:800}.error-page h1{font-size:48px;margin:0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}@media(max-width:900px){:root{--container:min(100% - 32px,1180px)}.site-header{background:rgba(10,5,60,.94)}.nav-wrap{height:74px}.brand-mark{width:38px;height:38px}.brand strong{font-size:15px}.menu-toggle{display:flex;width:42px;height:42px;border:0;background:transparent;flex-direction:column;gap:5px;justify-content:center;align-items:center;color:#fff}.menu-toggle span{width:21px;height:2px;background:#fff}.menu-toggle b{position:absolute;left:-9999px}.site-nav{position:fixed;inset:74px 0 auto;background:#0b0539;padding:24px 20px 34px;display:none;flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav>a{padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.1)}.site-nav>a.active:after{display:none}.nav-cta{margin-top:16px;justify-content:center}.hero{padding-top:130px;min-height:auto}.hero-layout,.signal-grid,.proof-grid,.page-hero-grid,.architecture-grid,.narrative-grid,.contact-grid{grid-template-columns:1fr}.hero-stage{min-height:460px}.platform-window{transform:none}.statement-grid{grid-template-columns:1fr;gap:25px}.capability-grid,.detail-grid,.values-grid{grid-template-columns:repeat(2,1fr)}.solution-layout{grid-template-columns:1fr}.timeline-cards{grid-template-columns:1fr}.timeline-cards .current{transform:none}.page-hero{padding-top:145px}.page-hero-mark{display:none}.architecture-grid{gap:30px}.contact-grid{gap:45px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:600px){.section{padding:78px 0}.brand small{display:none}.hero h1{font-size:50px}.hero-copy>p{font-size:15px}.hero-actions{align-items:stretch;flex-direction:column}.trust-line{flex-wrap:wrap}.trust-line span{width:100%}.hero-stage{min-height:400px}.platform-window{inset:20px 0 0}.brand-core{width:135px;height:135px}.brand-core img{width:50px}.orbit-one{width:250px;height:250px}.orbit-two{width:350px;height:350px}.metric{min-width:115px;padding:11px}.metric strong{font-size:17px}.metric-a{top:38px}.metric-b{top:105px}.metric-c{bottom:18px;right:15px}.capability-grid,.detail-grid,.values-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.signal-visual{height:430px}.phone-card{width:250px}.signal-badge{font-size:9px}.badge-one{left:-4px}.badge-two{right:-5px}.solution-large{min-height:480px;padding:28px}.solution-large h3{font-size:31px}.timeline-cards{grid-template-columns:1fr}.cta-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-base{flex-wrap:wrap}.footer-base a{margin-left:0}.page-hero h1{font-size:46px}.page-hero-stat strong{font-size:55px}.history-line article{grid-template-columns:1fr;gap:5px}.architecture-map{height:390px;transform:scale(.82)}.form-row{grid-template-columns:1fr}.form-foot{align-items:flex-start;flex-direction:column}.form-shell{padding:24px}.contact-copy h2{font-size:36px}}

/* Flexible deployment models */
.deployment-section{background:#fff}.deployment-grid,.operating-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.deployment-card,.operating-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;padding:38px;min-height:390px;background:linear-gradient(145deg,#fff,#f8f7ff)}.deployment-card:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-90px;top:-95px;background:radial-gradient(circle,rgba(59,22,217,.18),rgba(59,22,217,0) 70%)}.deployment-standalone:before{background:radial-gradient(circle,rgba(255,32,60,.16),rgba(255,32,60,0) 70%)}.deployment-label{display:inline-flex;padding:8px 12px;border-radius:999px;background:#ece9ff;color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.deployment-standalone .deployment-label{background:#fff0f2;color:#d51631}.deployment-card h3,.operating-card h3{font-size:30px;line-height:1.16;letter-spacing:-.025em;margin:34px 0 16px;max-width:520px}.deployment-card p,.operating-card p{font-size:14px;color:var(--muted)}.deployment-card ul{list-style:none;padding:0;margin:28px 0 0}.deployment-card li{position:relative;padding:10px 0 10px 28px;border-top:1px solid var(--line);font-size:12px;font-weight:600}.deployment-card li:before{content:"✓";position:absolute;left:2px;color:var(--blue);font-weight:800}.operating-models{background:var(--pale)}.operating-card{background:#fff}.operating-number{font-size:11px;font-weight:800;color:var(--blue)}.operating-card .pill{display:inline-flex;margin-top:24px;background:#eeeaff;color:var(--blue);padding:8px 12px;border-radius:999px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.operating-card-dark{background:#10064f;color:#fff;border-color:#10064f}.operating-card-dark p{color:rgba(255,255,255,.68)}.operating-card-dark .operating-number{color:#b9afff}.operating-card-dark .pill{background:rgba(255,255,255,.12);color:#fff}.operating-flow{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:30px}.operating-flow span{border:1px solid var(--line);border-radius:999px;padding:9px 11px;font-size:10px;font-weight:700}.operating-flow i{font-style:normal;color:var(--red)}.operating-card-dark .operating-flow span{border-color:rgba(255,255,255,.2)}
@media(max-width:900px){.deployment-grid,.operating-grid{grid-template-columns:1fr}}
@media(max-width:600px){.deployment-card,.operating-card{padding:28px;min-height:auto}.deployment-card h3,.operating-card h3{font-size:26px}.operating-flow{align-items:flex-start;flex-direction:column}.operating-flow i{transform:rotate(90deg);margin-left:18px}}

/* =========================================================
   v1.3 visual polish
   ========================================================= */
.hero-home{min-height:980px;padding-bottom:180px}.hero-aurora{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}.hero-aurora-one{width:520px;height:520px;right:8%;top:7%;background:rgba(125,80,255,.32)}.hero-aurora-two{width:420px;height:420px;left:-180px;bottom:140px;background:rgba(255,32,60,.12)}.hero-home .hero-layout{align-items:start}.hero-home .hero-copy{padding-top:45px}.hero-stage{min-height:600px}.platform-window{inset:0 -12px 0 0;border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(255,255,255,.055));transform:perspective(1200px) rotateY(-4deg) rotateX(1deg);transition:transform .25s ease;will-change:transform}.window-bar{height:64px;padding:0 24px}.window-dots{display:flex;gap:8px}.window-dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.48)}.window-bar small{display:flex;align-items:center;gap:7px}.window-bar small i{width:6px;height:6px;border-radius:50%;background:#65ffbe;box-shadow:0 0 12px #65ffbe}.window-body{height:calc(100% - 64px)}.data-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.038) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 50% 50%,#000 20%,transparent 80%)}.orbit-three{width:545px;height:545px;opacity:.45}.orbit-event{position:absolute;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 10px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.event-one{left:18px;top:70px}.event-two{right:22px;top:126px}.event-three{left:85px;bottom:36px}.brand-core{width:190px;height:190px;box-shadow:0 0 0 22px rgba(255,255,255,.045),0 0 80px rgba(255,32,60,.35),0 28px 70px rgba(0,0,0,.25)}.core-halo{position:absolute;inset:-22px;border:1px solid rgba(255,255,255,.13);border-radius:50%;animation:corePulse 3s ease-in-out infinite}.brand-core img{width:62px}.brand-core strong{font-size:17px}.metric{min-width:158px;border-radius:18px;padding:16px 18px;background:linear-gradient(145deg,rgba(17,7,94,.9),rgba(8,4,55,.82));backdrop-filter:blur(14px);box-shadow:0 20px 45px rgba(0,0,0,.26);transition:transform .3s ease,border-color .3s ease}.metric:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.38)}.metric-a{left:16px;top:46px}.metric-b{right:12px;top:100px}.metric-c{right:26px;bottom:62px}.metric-d{left:22px;bottom:42px}.metric-icon,.metric-trend{position:absolute;right:14px;top:13px;color:#bfb6ff}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#6affc2;box-shadow:0 0 12px #6affc2}.return-icon{font-size:14px}.metric strong{font-size:24px;line-height:1.25}.live-rail{position:absolute;left:50%;top:17px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;background:rgba(10,5,66,.72);border:1px solid rgba(255,255,255,.15);z-index:6}.rail-dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 6px rgba(255,32,60,.12)}.live-rail p{margin:0;line-height:1.15}.live-rail strong,.live-rail small{display:block;font-size:8px}.live-rail small{opacity:.58;margin-top:3px}.deployment-proof{position:absolute;z-index:4;left:50%;transform:translateX(-50%);bottom:72px;display:grid;grid-template-columns:1.05fr 1.3fr 1.3fr;gap:14px}.proof-intro,.proof-brand{border:1px solid rgba(255,255,255,.13);background:rgba(10,5,67,.55);backdrop-filter:blur(18px);border-radius:18px;min-height:82px;padding:15px 17px}.proof-intro{display:flex;flex-direction:column;justify-content:center}.proof-intro span,.proof-brand small{text-transform:uppercase;letter-spacing:.12em;font-size:8px;color:rgba(255,255,255,.55);font-weight:800}.proof-intro strong{font-size:12px;line-height:1.35}.proof-brand{display:flex;align-items:center;gap:13px}.proof-brand strong{display:block;font-size:10px;line-height:1.45}.proof-logo-placeholder{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.17);font-weight:800}.proof-newforest .proof-logo-placeholder{font-size:11px}.hero-marquee{height:54px}.hero-home .hero-marquee{bottom:0}@keyframes corePulse{0%,100%{transform:scale(.98);opacity:.45}50%{transform:scale(1.07);opacity:1}}

.deployment-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0,#f7f6ff 100%)}.deployment-glow{position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(64,25,213,.12),transparent 68%);right:-160px;top:-150px}.deployment-heading{max-width:920px}.deployment-heading p{margin:20px 0 0;max-width:720px;color:var(--muted)}.deployment-showcase{display:grid;grid-template-columns:1fr 1fr;gap:24px}.deployment-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;padding:32px 34px 36px;background:#fff;box-shadow:0 18px 55px rgba(20,10,95,.08);min-height:665px}.deployment-connected{background:linear-gradient(155deg,#1a0a76,#3215c7);color:#fff;border-color:transparent}.deployment-standalone{background:linear-gradient(155deg,#fff,#f4f1ff)}.deployment-card-head{display:flex;align-items:center;justify-content:space-between}.deployment-index{font-size:11px;font-weight:800;opacity:.55}.deployment-connected .deployment-label{background:rgba(255,255,255,.12);color:#fff}.deployment-visual{height:240px;margin:30px -2px 28px;position:relative;border-radius:24px;overflow:hidden}.connected-visual{background:radial-gradient(circle at 50% 50%,rgba(129,98,255,.65),rgba(255,255,255,.035) 58%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,40px 40px,40px 40px;border:1px solid rgba(255,255,255,.13)}.flow-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:118px;height:118px;border-radius:50%;display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,#ff2949,#ff5c72);box-shadow:0 0 0 15px rgba(255,255,255,.055),0 20px 45px rgba(255,32,60,.25);z-index:3}.flow-core img{width:42px;margin:auto}.flow-core span{font-size:8px;margin-top:5px;font-weight:700}.flow-node,.channel-chip{position:absolute;border-radius:999px;padding:9px 12px;font-size:9px;font-weight:800;box-shadow:0 10px 25px rgba(0,0,0,.13);z-index:4}.flow-node{background:rgba(11,5,77,.85);border:1px solid rgba(255,255,255,.18)}.node-wifi{left:22px;top:34px}.node-presence{right:20px;top:42px}.node-journey{left:26px;bottom:28px}.node-pwa{right:35px;bottom:28px}.flow-line{position:absolute;left:50%;top:50%;height:1px;width:125px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.48));transform-origin:left center}.line-one{transform:rotate(-145deg)}.line-two{transform:rotate(-35deg)}.line-three{transform:rotate(145deg)}.line-four{transform:rotate(35deg)}.standalone-visual{background:linear-gradient(145deg,#e9e4ff,#fff);border:1px solid #d9d3f4}.standalone-screen{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-3deg);width:230px;height:150px;border-radius:18px;background:#fff;border:1px solid #d8d1f4;box-shadow:0 25px 45px rgba(47,25,173,.18);padding:15px}.standalone-bar{display:flex;gap:5px}.standalone-bar span{width:6px;height:6px;border-radius:50%;background:#c7c0ea}.standalone-content{display:grid;grid-template-columns:1.1fr .9fr;gap:9px;margin-top:15px}.standalone-content i{display:block;border-radius:8px;background:linear-gradient(135deg,#2e13c6,#6b4cff);min-height:62px}.standalone-content i:nth-child(2){background:#f0edff}.standalone-content i:nth-child(3){grid-column:1/-1;min-height:30px;background:#ff3150}.channel-chip{background:#fff;color:var(--blue);border:1px solid #ded8f5}.chip-pwa{left:20px;top:24px}.chip-push{right:18px;top:40px}.chip-content{left:30px;bottom:22px}.chip-campaigns{right:24px;bottom:25px}.deployment-card h3{font-size:29px;margin:25px 0 14px}.deployment-connected p{color:rgba(255,255,255,.72)}.deployment-connected li{border-color:rgba(255,255,255,.15)}.deployment-connected li:before{color:#8dffcd}.deployment-card li{font-size:12px}.deployment-bridge{margin-top:24px;border:1px solid var(--line);border-radius:20px;padding:22px 28px;background:#fff;display:grid;grid-template-columns:.8fr 1.5fr .8fr;align-items:center;gap:22px;box-shadow:0 15px 35px rgba(30,16,111,.06)}.deployment-bridge>span{font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:var(--blue)}.deployment-bridge div{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px}.deployment-bridge i{font-style:normal;color:var(--red)}.deployment-bridge p{margin:0;color:var(--muted);font-size:11px;text-align:right}

.signal-section{position:relative;background:radial-gradient(circle at 15% 30%,#2c14aa 0,#14075f 35%,#0b043d 100%)}.signal-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 68%)}.signal-visual{height:590px}.signal-orbit{position:absolute;left:48%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.11);border-radius:50%}.orbit-s1{width:330px;height:330px}.orbit-s2{width:470px;height:470px}.orbit-s3{width:610px;height:610px}.phone-card{width:320px;padding:50px 26px 25px;border-radius:40px;transform:translate(-50%,-50%) rotate(-3deg)}.phone-status{position:absolute;left:25px;right:25px;top:18px;display:flex;justify-content:space-between;font-size:8px;font-weight:700}.phone-status i{width:35px;height:8px;border-radius:10px;background:linear-gradient(90deg,#0a0c2d 65%,#dadbea 65%)}.experience-card{margin:20px 0 16px;padding:14px;border-radius:14px;background:#f4f1ff;border:1px solid #e2dcff}.experience-card span,.experience-card strong,.experience-card small{display:block}.experience-card span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);font-weight:800}.experience-card strong{font-size:12px;margin:5px 0}.experience-card small{font-size:9px;color:var(--muted)}.phone-card button{display:flex;justify-content:center;gap:15px}.signal-badge{display:flex;align-items:center;gap:9px;background:rgba(49,28,197,.92);box-shadow:0 15px 30px rgba(0,0,0,.22)}.signal-badge>i{width:7px;height:7px;border-radius:50%;background:#79ffc8;box-shadow:0 0 12px #79ffc8}.signal-badge span{display:flex;gap:7px;align-items:center}.signal-badge small{opacity:.55}.badge-one{left:0;top:92px}.badge-three{right:15px;top:164px}.badge-two{right:-8px;bottom:116px}.badge-four{left:5px;bottom:55px}.signal-copy>p{max-width:610px}.signal-steps{margin-top:32px;border-top:1px solid rgba(255,255,255,.16)}.signal-steps article{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.13)}.signal-steps article>span{font-size:10px;font-weight:800;color:#8e7eff}.signal-steps strong{font-size:14px}.signal-steps p{margin:4px 0 0;font-size:11px!important;color:rgba(255,255,255,.55)!important}

.client-showcase-section{background:linear-gradient(180deg,#f7f6ff,#fff)}.showcase-intro{font-size:12px!important;max-width:330px!important}.client-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.client-showcase-card{position:relative;overflow:hidden;border-radius:30px;padding:34px;min-height:405px;color:#fff;box-shadow:0 30px 70px rgba(20,8,92,.18)}.client-showcase-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(to bottom,#000,transparent)}.goodwood-showcase{background:radial-gradient(circle at 85% 18%,rgba(105,73,255,.75),transparent 38%),linear-gradient(145deg,#100653,#2611a9)}.newforest-showcase{background:radial-gradient(circle at 86% 16%,rgba(50,190,127,.45),transparent 38%),linear-gradient(145deg,#071f24,#103b37)}.client-card-top{position:relative;display:flex;justify-content:space-between;align-items:center}.client-logo-placeholder{width:62px;height:62px;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.2);font-size:21px;font-weight:800}.client-status{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:999px;padding:8px 11px;font-size:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.client-status i{width:6px;height:6px;border-radius:50%;background:#70ffc6}.client-overline{position:relative;margin:38px 0 6px;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:rgba(255,255,255,.58);font-weight:800}.client-showcase-card h3{position:relative;font-size:29px;line-height:1.14;margin:0 0 20px;max-width:530px}.client-showcase-card>p:last-child{position:relative;color:rgba(255,255,255,.67);font-size:12px;max-width:590px}.event-tags{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.event-tags span{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.08);border-radius:999px;padding:8px 10px;font-size:9px;font-weight:700}

@media(max-width:1100px){.hero-home{min-height:1080px}.hero-layout{grid-template-columns:1fr;gap:50px}.hero-home .hero-copy{padding-top:0}.hero-stage{max-width:680px;width:100%;margin:auto}.deployment-proof{grid-template-columns:1fr 1fr;bottom:65px}.proof-intro{grid-column:1/-1;min-height:auto}.deployment-showcase{grid-template-columns:1fr}.deployment-card{min-height:auto}.client-showcase-grid{grid-template-columns:1fr}.deployment-bridge{grid-template-columns:1fr;text-align:center}.deployment-bridge div{flex-wrap:wrap}.deployment-bridge p{text-align:center}}
@media(max-width:900px){.hero-home{padding-bottom:230px}.deployment-proof{grid-template-columns:1fr;bottom:58px}.proof-intro{grid-column:auto}.hero-stage{min-height:540px}.platform-window{inset:0}.signal-grid{grid-template-columns:1fr}.signal-copy{order:-1}.signal-visual{height:560px}.showcase-intro{display:none}}
@media(max-width:650px){.hero-home{min-height:1220px;padding-top:130px;padding-bottom:285px}.hero-stage{min-height:510px}.platform-window{transform:none!important}.brand-core{width:142px;height:142px}.brand-core img{width:48px}.orbit-one{width:245px;height:245px}.orbit-two{width:360px;height:360px}.orbit-three{width:440px;height:440px}.metric{min-width:126px;padding:12px}.metric strong{font-size:18px}.metric-a{left:7px;top:47px}.metric-b{right:4px;top:100px}.metric-c{right:8px;bottom:45px}.metric-d{left:8px;bottom:27px}.live-rail{display:none}.deployment-proof{bottom:58px}.proof-brand{min-height:75px}.deployment-card{padding:24px}.deployment-visual{height:210px}.deployment-card h3{font-size:25px}.deployment-bridge div{flex-direction:column}.deployment-bridge i{transform:rotate(90deg)}.signal-visual{height:515px}.phone-card{width:270px}.orbit-s1{width:290px;height:290px}.orbit-s2{width:390px;height:390px}.orbit-s3{width:490px;height:490px}.signal-badge{font-size:9px;padding:8px 10px}.badge-one{left:-10px}.badge-three{right:-10px}.badge-two{right:-8px}.badge-four{left:-5px}.client-showcase-card{padding:26px;min-height:440px}.client-showcase-card h3{font-size:25px}.client-card-top{align-items:flex-start;gap:15px}.client-status{text-align:right}}
@media(prefers-reduced-motion:reduce){.core-halo,.hero-marquee div{animation:none!important}.platform-window{transform:none!important}}


/* =========================
   v1.4 visual/story refinements
   ========================= */
.hero-home{min-height:auto;padding-bottom:54px}
.hero-home .hero-layout{padding-bottom:48px}
.deployment-proof{position:relative;left:auto;bottom:auto;transform:none;margin:4px auto 36px;grid-template-columns:.92fr 1.45fr 1.45fr;width:var(--container)}
.proof-intro,.proof-brand{min-height:98px;padding:18px 20px}
.proof-brand{overflow:hidden}
.proof-logo-placeholder.proof-logo-word{width:112px;min-width:112px;height:50px;border-radius:14px;font-size:12px;line-height:1.15;padding:7px;text-align:center;letter-spacing:-.02em}
.proof-logo-placeholder.proof-logo-word--wide{width:132px;min-width:132px;font-size:10px}
.proof-brand small{font-size:9px}.proof-brand strong{font-size:11px;line-height:1.55}

.journey-showcase{align-items:stretch}.journey-card{display:flex;flex-direction:column;min-height:760px}
.journey-brand-row{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;margin:2px 0 25px;padding:13px 14px;border-radius:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14)}
.deployment-standalone .journey-brand-row{background:#f5f3ff;border-color:#e3dfff}.journey-brand-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#ff2445,#ff536b);font-weight:900;color:#fff;box-shadow:0 12px 24px rgba(255,32,60,.22)}
.journey-brand-mark--light{background:linear-gradient(145deg,#2b13bd,#6447ff)}.journey-brand-row small,.journey-brand-row strong{display:block}.journey-brand-row small{font-size:8px;text-transform:uppercase;letter-spacing:.11em;opacity:.56;font-weight:800}.journey-brand-row strong{font-size:13px;margin-top:2px}.journey-mode{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:8px 10px;background:rgba(112,255,198,.12);border:1px solid rgba(112,255,198,.25);color:#8dffd2;white-space:nowrap}.journey-mode--light{background:#ece9ff;border-color:#d8d1ff;color:#3119bd}
.journey-track{position:relative;display:grid;gap:10px;margin-top:22px}.journey-track:before{content:"";position:absolute;left:22px;top:22px;bottom:22px;width:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.32) 10%,rgba(255,255,255,.32) 90%,transparent)}.journey-track-standalone:before{background:linear-gradient(to bottom,transparent,#d7d1ff 10%,#d7d1ff 90%,transparent)}
.journey-track article{position:relative;display:grid;grid-template-columns:45px 38px 1fr;gap:12px;align-items:center;padding:11px 12px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);transition:transform .25s ease,background .25s ease}.journey-track-standalone article{background:#faf9ff;border-color:#ebe8ff}.journey-track article:hover{transform:translateX(5px);background:rgba(255,255,255,.11)}.journey-track-standalone article:hover{background:#f4f1ff}.journey-track article>span{position:relative;z-index:2;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#3320c4;border:1px solid rgba(255,255,255,.25);font-size:8px;font-weight:900}.journey-track-standalone article>span{background:#fff;border-color:#d9d3ff;color:#2e17ba}.journey-track strong,.journey-track small{display:block}.journey-track strong{font-size:11px;line-height:1.3}.journey-track small{font-size:9px;line-height:1.45;margin-top:3px;opacity:.6}.journey-icon{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.13);position:relative}.journey-track-standalone .journey-icon{background:#f0edff;border-color:#ddd7ff}.journey-icon:before,.journey-icon:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-color:currentColor}.icon-discover:before{width:12px;height:12px;border:2px solid;border-radius:50%}.icon-discover:after{width:7px;height:2px;background:currentColor;transform:translate(3px,5px) rotate(45deg)}.icon-wifi:before{width:17px;height:12px;border:2px solid;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-radius:50%}.icon-wifi:after{width:5px;height:5px;background:currentColor;border-radius:50%;top:65%}.icon-presence:before{width:15px;height:15px;border:2px solid;border-radius:50%}.icon-presence:after{width:3px;height:3px;background:#74ffc8;border-radius:50%;box-shadow:0 0 8px #74ffc8}.icon-trigger:before{width:14px;height:14px;border-left:2px solid;border-bottom:2px solid;transform:translate(-50%,-50%) rotate(-45deg)}.icon-push:before{width:14px;height:16px;border:2px solid;border-radius:7px 7px 5px 5px}.icon-insight:before{width:16px;height:12px;border-left:2px solid;border-bottom:2px solid}.icon-insight:after{width:12px;height:2px;background:currentColor;transform:translate(-45%,-20%) rotate(-35deg)}.icon-profile:before{width:8px;height:8px;border:2px solid;border-radius:50%;top:40%}.icon-profile:after{width:16px;height:8px;border:2px solid;border-bottom:0;border-radius:10px 10px 0 0;top:69%}.icon-schedule:before{width:15px;height:15px;border:2px solid;border-radius:4px}.icon-schedule:after{width:8px;height:2px;background:currentColor;box-shadow:0 4px 0 currentColor}.icon-engage:before{width:16px;height:12px;border:2px solid;border-radius:4px}.icon-engage:after{border:4px solid transparent;border-top-color:currentColor;top:70%;left:36%}.icon-return:before{width:15px;height:15px;border:2px solid;border-left-color:transparent;border-radius:50%}.icon-return:after{border:4px solid transparent;border-right-color:currentColor;left:27%;top:36%}

.live-context-card{position:absolute;left:22px;top:30px;z-index:5;padding:13px 15px;border-radius:16px;background:rgba(11,5,74,.82);border:1px solid rgba(255,255,255,.15);box-shadow:0 18px 35px rgba(0,0,0,.22);backdrop-filter:blur(14px)}.live-context-card span,.live-context-card strong,.live-context-card small{display:block}.live-context-card span{font-size:8px;text-transform:uppercase;letter-spacing:.11em;color:#a79aff;font-weight:800}.live-context-card span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#71ffc8;box-shadow:0 0 10px #71ffc8;margin-right:6px}.live-context-card strong{font-size:12px;margin:4px 0}.live-context-card small{font-size:8px;color:rgba(255,255,255,.55)}
.offer-phone{width:338px;padding-top:48px}.push-app-head{display:flex;gap:10px;align-items:center;margin-bottom:14px}.push-app-logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#2f16c6,#6548ff);color:#fff;font-size:10px;font-weight:900}.push-app-head strong,.push-app-head small{display:block}.push-app-head strong{font-size:11px}.push-app-head small{font-size:8px;color:#8b8da6}.offer-phone h3{font-size:23px;line-height:1.15;margin:10px 0}.offer-phone>p{font-size:11px;line-height:1.55}.offer-card{background:linear-gradient(145deg,#f6f2ff,#ece6ff);border-color:#ddd4ff}.message-state{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:8px;color:#73758e}.message-state i{width:6px;height:6px;border-radius:50%;background:#22bb73;box-shadow:0 0 8px rgba(34,187,115,.5)}.signal-route{position:absolute;left:50%;top:50%;width:460px;height:460px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.signal-route span{position:absolute;width:8px;height:8px;border-radius:50%;background:#7c66ff;box-shadow:0 0 16px #7c66ff;animation:routePulse 3s ease-in-out infinite}.signal-route span:nth-child(1){left:8%;top:38%}.signal-route span:nth-child(2){right:7%;top:31%;animation-delay:.9s}.signal-route span:nth-child(3){right:18%;bottom:14%;animation-delay:1.8s}.signal-outcome{margin-top:22px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.signal-outcome span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.signal-outcome i{font-style:normal;color:#8573ff}.signal-badge{max-width:190px}.badge-one{left:-4px;top:118px}.badge-three{right:2px;top:190px}.badge-two{right:-5px;bottom:120px}.badge-four{left:0;bottom:62px}@keyframes routePulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.45)}}

.client-logo-placeholder.client-logo-word{width:122px;height:62px;font-size:14px;line-height:1.12;text-align:center;padding:8px}.client-logo-placeholder.client-logo-word--wide{width:146px;font-size:12px}

.architecture-section{overflow:hidden}.architecture-grid-bg{position:absolute;inset:0;background:radial-gradient(circle at 70% 45%,rgba(86,52,255,.19),transparent 34%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,70px 70px,70px 70px;mask-image:linear-gradient(to right,transparent,#000 22%,#000 100%)}.architecture-grid-v14{grid-template-columns:.82fr 1.18fr;gap:70px}.architecture-copy{position:relative;z-index:2}.architecture-copy h2{font-size:47px;line-height:1.08}.architecture-legend{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.architecture-legend span{display:flex;align-items:center;gap:7px;font-size:8px;text-transform:uppercase;letter-spacing:.08em;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05)}.architecture-legend i{width:7px;height:7px;border-radius:50%}.legend-live{background:#70ffc6}.legend-decision{background:#ff3856}.legend-output{background:#836fff}.architecture-feed{display:grid;gap:8px;margin-top:25px}.architecture-feed article{display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:center;padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}.architecture-feed article>i{width:7px;height:7px;border-radius:50%;background:#70ffc6;box-shadow:0 0 9px rgba(112,255,198,.75)}.architecture-feed strong,.architecture-feed small{display:block}.architecture-feed strong{font-size:9px}.architecture-feed small{font-size:7px;color:rgba(255,255,255,.48);margin-top:2px}.architecture-feed article>span{font-size:7px;font-weight:900;color:#a99dff}.architecture-map-v14{min-height:600px}.arch-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed rgba(255,255,255,.15);border-radius:50%}.arch-ring-one{width:250px;height:250px}.arch-ring-two{width:410px;height:410px}.arch-ring-three{width:565px;height:565px}.arch-core-v14{width:188px;height:188px;display:flex;flex-direction:column;gap:5px;box-shadow:0 0 0 24px rgba(255,255,255,.035),0 0 80px rgba(255,32,60,.27)}.arch-core-v14 img{width:58px}.arch-core-v14 small{font-size:7px;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.arch-core-v14 span{font-size:11px}.arch-core-pulse{position:absolute;inset:-24px;border:1px solid rgba(255,255,255,.12);border-radius:50%;animation:corePulse 3s ease-in-out infinite}.architecture-map-v14 .arch-node{z-index:3;min-width:92px;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.2)}.architecture-map-v14 .arch-node i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#70ffc6;box-shadow:0 0 9px #70ffc6;margin-right:6px}.architecture-map-v14 .n1{left:7%;top:18%}.architecture-map-v14 .n2{right:10%;top:10%}.architecture-map-v14 .n3{right:0;top:45%}.architecture-map-v14 .n4{right:15%;bottom:10%}.architecture-map-v14 .n5{left:4%;bottom:18%}.architecture-map-v14 .n6{left:-2%;top:46%}.architecture-map-v14 .n7{left:35%;top:2%}.architecture-map-v14 .n8{left:32%;bottom:2%}.arch-node-live{border-color:rgba(112,255,198,.35)!important}.arch-node-decision{border-color:rgba(255,56,86,.32)!important}.arch-node-output{border-color:rgba(131,111,255,.4)!important}.arch-flow{position:absolute;z-index:1;border-radius:999px;background:linear-gradient(90deg,transparent,#755fff,transparent);opacity:.48}.flow-a{width:220px;height:1px;left:18%;top:32%;transform:rotate(20deg)}.flow-b{width:220px;height:1px;right:15%;top:36%;transform:rotate(-22deg)}.flow-c{width:200px;height:1px;left:17%;bottom:27%;transform:rotate(-18deg)}.flow-d{width:200px;height:1px;right:15%;bottom:25%;transform:rotate(18deg)}.arch-live-badge{position:absolute;right:4%;bottom:39%;z-index:4;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:10px 13px;border-radius:15px;background:rgba(9,4,66,.82);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px)}.arch-live-badge i{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:#70ffc6;box-shadow:0 0 12px #70ffc6}.arch-live-badge span,.arch-live-badge small{display:block}.arch-live-badge span{font-size:9px;font-weight:800}.arch-live-badge small{font-size:7px;opacity:.5}

@media(max-width:1100px){.deployment-proof{grid-template-columns:1fr 1fr}.proof-intro{grid-column:1/-1}.journey-card{min-height:auto}.architecture-grid-v14{grid-template-columns:1fr}.architecture-map-v14{max-width:720px;width:100%;margin:auto}.architecture-copy h2{font-size:42px}}
@media(max-width:900px){.hero-home{padding-bottom:54px}.deployment-proof{position:relative;bottom:auto;grid-template-columns:1fr}.proof-intro{grid-column:auto}.journey-brand-row{grid-template-columns:auto 1fr}.journey-mode{grid-column:1/-1;justify-self:start}.signal-grid{grid-template-columns:1fr}.signal-copy{order:-1}.architecture-map-v14{min-height:560px}}
@media(max-width:650px){.hero-home{min-height:auto;padding-bottom:54px}.deployment-proof{margin-bottom:28px}.proof-brand{align-items:flex-start;flex-direction:column}.proof-logo-placeholder.proof-logo-word,.proof-logo-placeholder.proof-logo-word--wide{width:100%;min-width:0}.journey-track article{grid-template-columns:35px 32px 1fr;padding:10px 8px}.journey-track small{font-size:8px}.journey-icon{width:30px;height:30px}.signal-visual{height:565px}.live-context-card{left:0;top:15px}.offer-phone{width:278px}.offer-phone h3{font-size:19px}.badge-one{left:-8px;top:135px}.badge-three{right:-10px;top:210px}.badge-two{right:-8px;bottom:108px}.badge-four{left:-8px;bottom:55px}.signal-outcome i{display:none}.client-logo-placeholder.client-logo-word,.client-logo-placeholder.client-logo-word--wide{width:100%;height:52px}.client-card-top{flex-direction:column}.architecture-copy h2{font-size:34px}.architecture-map-v14{min-height:510px}.arch-ring-one{width:210px;height:210px}.arch-ring-two{width:340px;height:340px}.arch-ring-three{width:450px;height:450px}.arch-core-v14{width:145px;height:145px}.architecture-map-v14 .arch-node{min-width:74px;padding:8px 9px;font-size:8px}.architecture-map-v14 .n1{left:0}.architecture-map-v14 .n3{right:-4%}.architecture-map-v14 .n5{left:0}.architecture-feed{display:none}}

/* =========================
   Portal Analytics v1.5 polish
   ========================= */
.deployment-proof-v15{display:grid!important;grid-template-columns:minmax(250px,.9fr) minmax(360px,1.35fr) minmax(360px,1.35fr)!important;gap:14px!important;align-items:stretch!important;max-width:var(--container)!important;width:calc(100% - 40px)!important;margin:10px auto 34px!important;overflow:visible!important}
.deployment-proof-v15 .proof-brand{min-width:0!important;width:auto!important;padding:18px 20px!important;display:grid!important;grid-template-columns:minmax(118px,auto) 1fr!important;gap:18px!important;align-items:center!important;overflow:hidden!important}
.deployment-proof-v15 .proof-logo-word{width:auto!important;min-width:118px!important;max-width:150px!important;height:auto!important;min-height:46px!important;padding:10px 12px!important;white-space:normal!important;line-height:1.05!important;font-size:14px!important;text-align:left!important;justify-content:flex-start!important}
.deployment-proof-v15 .proof-logo-word--wide{min-width:145px!important;max-width:170px!important;font-size:12px!important}
.deployment-proof-v15 .proof-brand-copy{min-width:0}.deployment-proof-v15 .proof-brand-copy small,.deployment-proof-v15 .proof-brand-copy strong{display:block}.deployment-proof-v15 .proof-brand-copy strong{line-height:1.35!important}

.journey-showcase-v15{grid-template-columns:1fr 1fr!important;gap:24px!important}.journey-card-v15{min-height:0!important;padding:34px!important;overflow:hidden}.journey-brand-row-v15{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:14px!important;margin:18px 0 24px!important;padding:14px!important;border-radius:18px!important}.journey-brand-row-v15 strong,.journey-brand-row-v15 small{display:block!important}.journey-brand-row-v15 strong{font-size:15px!important;line-height:1.2!important}.journey-brand-row-v15 small{margin-top:4px!important;font-size:9px!important;opacity:.68!important}.journey-card-v15>h3{font-size:29px!important;line-height:1.12!important;max-width:520px}.journey-card-v15>p{max-width:590px!important;line-height:1.65!important}
.journey-flow{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.journey-flow:before{content:"";position:absolute;left:9%;right:9%;top:39px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.65),rgba(255,255,255,.18));opacity:.65}.journey-flow-standalone:before{background:linear-gradient(90deg,#e4defc,#ff9aac,#e4defc)}.journey-flow article{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:0 6px 12px}.journey-step-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;margin-bottom:12px;background:linear-gradient(145deg,#6c50ff,#2b12c5);border:1px solid rgba(255,255,255,.28);box-shadow:0 12px 28px rgba(17,5,105,.32);font-size:22px;color:#fff}.journey-flow-standalone .journey-step-icon{background:linear-gradient(145deg,#ff3150,#ff6f84);box-shadow:0 12px 28px rgba(255,49,80,.2)}.journey-flow article>span{font-size:8px;font-weight:900;letter-spacing:.1em;opacity:.62}.journey-flow article>strong{display:block;margin-top:5px;font-size:12px;line-height:1.3}.journey-flow article>small{display:block;margin-top:7px;font-size:9px;line-height:1.55;opacity:.72}.deployment-standalone .journey-flow article>small{color:#665f83}.deployment-standalone .journey-flow article>strong{color:#09052e}

.architecture-section-v15{position:relative;overflow:hidden}.architecture-v15{position:relative;z-index:2;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(620px,1.45fr);grid-template-rows:auto auto;gap:28px 54px;align-items:start}.architecture-v15 .architecture-copy{grid-row:1/3}.architecture-v15 .architecture-copy h2{font-size:48px;line-height:1.08}.architecture-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.architecture-pill-row span{padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.architecture-canvas{position:relative;min-height:445px;padding:26px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(145deg,rgba(83,54,255,.14),rgba(255,255,255,.025));box-shadow:0 28px 80px rgba(4,0,45,.3);overflow:hidden}.architecture-canvas:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent)}
.architecture-inputs,.architecture-outputs{position:relative;z-index:2;display:grid;gap:10px}.architecture-inputs{grid-template-columns:repeat(5,1fr)}.architecture-outputs{grid-template-columns:repeat(4,1fr)}.architecture-inputs article,.architecture-outputs article,.architecture-core-row>article{min-width:0;padding:13px 10px;border-radius:15px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);text-align:center}.architecture-inputs i,.architecture-outputs i,.architecture-core-row>article i{display:grid;place-items:center;width:31px;height:31px;margin:0 auto 7px;border-radius:10px;background:rgba(111,87,255,.3);font-style:normal;font-size:14px}.architecture-inputs strong,.architecture-inputs small,.architecture-outputs strong,.architecture-outputs small,.architecture-core-row>article strong,.architecture-core-row>article small{display:block}.architecture-inputs strong,.architecture-outputs strong,.architecture-core-row>article strong{font-size:9px}.architecture-inputs small,.architecture-outputs small,.architecture-core-row>article small{margin-top:3px;font-size:7px;opacity:.52;line-height:1.35}.architecture-resolution{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;margin:18px 5%}.architecture-resolution:before,.architecture-resolution:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#765fff)}.architecture-resolution:after{background:linear-gradient(90deg,#765fff,transparent)}.architecture-resolution span{padding:9px 20px;border-radius:999px;background:linear-gradient(90deg,#3a20dc,#785cff);box-shadow:0 0 24px rgba(103,80,255,.38);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.architecture-resolution i{position:absolute;bottom:-12px;width:1px;height:12px;background:#765fff}.architecture-core-row{position:relative;z-index:2;display:grid;grid-template-columns:1fr 160px 1fr;gap:18px;align-items:center;margin-bottom:18px}.architecture-core-v15{position:relative;width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#ff2445,#ff5c72);box-shadow:0 0 0 13px rgba(255,255,255,.04),0 0 48px rgba(255,38,72,.34)}.architecture-core-v15 img{width:45px}.architecture-core-v15 strong{font-size:10px;margin-top:6px}.architecture-core-v15 small{font-size:7px;opacity:.7}.core-ripple{position:absolute;inset:-14px;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:corePulse 3s ease-in-out infinite}.live-activity-panel{grid-column:2;padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(14,7,89,.7);box-shadow:0 22px 55px rgba(0,0,0,.2)}.live-activity-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}.live-activity-head span,.live-activity-head strong{display:block}.live-activity-head span{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#a99cff}.live-activity-head strong{font-size:13px;margin-top:4px}.live-activity-head em{display:flex;gap:7px;align-items:center;font-style:normal;font-size:8px;color:#ff7387;font-weight:900}.live-activity-head em i{width:7px;height:7px;border-radius:50%;background:#ff3856;box-shadow:0 0 11px #ff3856;animation:routePulse 1.6s ease-in-out infinite}.live-activity-list{display:grid;gap:7px;margin-top:12px}.live-activity-list article{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;padding:9px 10px;border-radius:13px;background:rgba(255,255,255,.045)}.live-activity-list article>i{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:rgba(112,255,198,.12);color:#70ffc6;font-style:normal}.live-activity-list strong,.live-activity-list small{display:block}.live-activity-list strong{font-size:9px}.live-activity-list small{font-size:7px;opacity:.5;margin-top:2px}.live-activity-list time{font-size:7px;color:#a99cff}

@media(max-width:1200px){.deployment-proof-v15{grid-template-columns:1fr 1fr!important}.deployment-proof-v15 .proof-intro{grid-column:1/-1}.journey-showcase-v15{grid-template-columns:1fr!important}.journey-flow{grid-template-columns:repeat(6,1fr)}.architecture-v15{grid-template-columns:1fr}.architecture-v15 .architecture-copy{grid-row:auto}.live-activity-panel{grid-column:auto}}
@media(max-width:900px){.deployment-proof-v15{grid-template-columns:1fr!important;width:calc(100% - 32px)!important}.deployment-proof-v15 .proof-intro{grid-column:auto}.journey-flow{grid-template-columns:repeat(3,1fr)}.architecture-inputs{grid-template-columns:repeat(3,1fr)}.architecture-outputs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.deployment-proof-v15 .proof-brand{grid-template-columns:1fr!important}.deployment-proof-v15 .proof-logo-word,.deployment-proof-v15 .proof-logo-word--wide{max-width:none!important;width:100%!important;text-align:left!important}.journey-card-v15{padding:24px!important}.journey-brand-row-v15{grid-template-columns:auto 1fr!important}.journey-brand-row-v15 .journey-mode{grid-column:1/-1!important}.journey-flow{grid-template-columns:1fr 1fr}.journey-flow:before{display:none}.journey-flow article{padding:12px;border-radius:16px;background:rgba(255,255,255,.06)}.journey-flow-standalone article{background:#f7f4ff}.architecture-v15 .architecture-copy h2{font-size:34px}.architecture-canvas{padding:18px}.architecture-inputs{grid-template-columns:1fr 1fr}.architecture-core-row{grid-template-columns:1fr}.architecture-core-v15{margin:auto}.architecture-outputs{grid-template-columns:1fr 1fr}.live-activity-list article{grid-template-columns:32px 1fr}.live-activity-list time{grid-column:2}}

/* =========================
   Portal Analytics v1.6 fixes
   ========================= */

/* Deployment proof: fixed, left aligned, no overflow */
.deployment-proof-v15{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  display:grid!important;
  grid-template-columns:minmax(230px,.82fr) minmax(0,1.25fr) minmax(0,1.25fr)!important;
  width:min(calc(100% - 40px),var(--container))!important;
  max-width:var(--container)!important;
  margin:24px auto 34px!important;
  padding:0!important;
  gap:14px!important;
  transform:none!important;
  overflow:visible!important;
}
.deployment-proof-v15 .proof-intro,
.deployment-proof-v15 .proof-brand{min-width:0!important;width:100%!important;box-sizing:border-box!important}
.deployment-proof-v15 .proof-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:16px!important;
  padding:16px 18px!important;
  overflow:hidden!important;
}
.deployment-proof-v15 .proof-logo-placeholder{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:42px!important;
  padding:10px 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  white-space:nowrap!important;
  line-height:1!important;
  font-size:13px!important;
  text-align:left!important;
}
.deployment-proof-v15 .proof-logo-word--wide{font-size:11px!important}
.deployment-proof-v15 .proof-brand-copy{min-width:0!important;overflow:hidden!important}
.deployment-proof-v15 .proof-brand-copy small{font-size:7px!important;letter-spacing:.1em!important}
.deployment-proof-v15 .proof-brand-copy strong{font-size:9px!important;line-height:1.4!important;white-space:normal!important}

/* Customer journeys */
.journey-showcase-v16{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px}
.journey-panel-v16{position:relative;overflow:hidden;border-radius:30px;padding:30px;border:1px solid rgba(30,15,150,.13);box-shadow:0 24px 70px rgba(26,10,112,.12)}
.journey-panel-v16--connected{color:#fff;background:radial-gradient(circle at 92% 5%,rgba(120,91,255,.42),transparent 34%),linear-gradient(145deg,#211080,#3f18d5)}
.journey-panel-v16--standalone{color:#08052d;background:radial-gradient(circle at 96% 5%,rgba(255,92,117,.14),transparent 36%),linear-gradient(145deg,#fff,#f3f0ff)}
.journey-panel-v16:after{content:"";position:absolute;inset:auto -90px -120px auto;width:260px;height:260px;border:1px solid rgba(255,255,255,.1);border-radius:50%;pointer-events:none}
.journey-panel-v16--standalone:after{border-color:rgba(69,36,190,.09)}
.journey-panel-head-v16{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.journey-brand-v16{display:flex;align-items:center;gap:13px;min-width:0}
.journey-monogram-v16{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);font-size:13px;font-weight:800}
.journey-panel-v16--standalone .journey-monogram-v16{background:#fff;border-color:#ddd7ff;color:#2e17ba;box-shadow:0 10px 28px rgba(40,17,150,.08)}
.journey-brand-v16 div{min-width:0}.journey-brand-v16 small,.journey-brand-v16 strong,.journey-brand-v16 em{display:block}
.journey-brand-v16 small{margin-bottom:4px;font-size:7px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.journey-brand-v16 strong{font-size:16px;line-height:1.2}.journey-brand-v16 em{margin-top:4px;font-size:9px;font-style:normal;opacity:.68}
.journey-type-v16{flex:0 0 auto;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.12);font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.journey-panel-v16--standalone .journey-type-v16{background:#ffe8ed;color:#e31d42}
.journey-intro-v16{position:relative;z-index:1;margin:26px 0 24px;max-width:600px}
.journey-intro-v16 h3{font-size:28px;line-height:1.12;margin:0}.journey-intro-v16 p{margin:12px 0 0;font-size:12px;line-height:1.65;opacity:.72}
.journey-steps-v16{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.journey-steps-v16:before{content:"";position:absolute;left:8%;right:8%;top:31px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent)}
.journey-panel-v16--standalone .journey-steps-v16:before{background:linear-gradient(90deg,transparent,#d9d1ff,#ff8da1,#d9d1ff,transparent)}
.journey-steps-v16 li{position:relative;z-index:1;min-width:0;padding:0 4px 16px}
.journey-icon-v16{display:grid;place-items:center;width:52px;height:52px;margin-bottom:12px;border-radius:17px;background:linear-gradient(145deg,#755cff,#2a0ebd);border:1px solid rgba(255,255,255,.25);box-shadow:0 13px 30px rgba(13,4,95,.28);font-size:21px;color:#fff}
.journey-panel-v16--standalone .journey-icon-v16{background:linear-gradient(145deg,#ff3150,#ff7186);box-shadow:0 13px 30px rgba(255,49,80,.18)}
.journey-steps-v16 b{display:block;font-size:7px;letter-spacing:.1em;opacity:.55}.journey-steps-v16 strong{display:block;margin-top:5px;font-size:11px;line-height:1.3}.journey-steps-v16 p{margin:6px 0 0;font-size:8px;line-height:1.5;opacity:.68}
.journey-panel-v16--standalone .journey-steps-v16 p{color:#5d5676;opacity:1}

/* Platform orchestration */
.architecture-section-v16{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 30%,rgba(80,45,255,.18),transparent 38%),#12085c;color:#fff}
.architecture-layout-v16{position:relative;z-index:2;display:grid;grid-template-columns:minmax(280px,.7fr) minmax(580px,1.4fr);gap:26px 48px;align-items:start}
.architecture-copy-v16{grid-row:1/3}.architecture-copy-v16 h2{margin:16px 0 20px;font-size:47px;line-height:1.08}.architecture-copy-v16>p{max-width:540px;color:rgba(255,255,255,.7);line-height:1.7}
.architecture-summary-v16{display:grid;gap:10px;margin-top:28px}.architecture-summary-v16 article{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:13px 14px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.045)}
.architecture-summary-v16 article>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(105,82,255,.28);font-size:8px;font-weight:900}.architecture-summary-v16 strong,.architecture-summary-v16 small{display:block}.architecture-summary-v16 strong{font-size:11px}.architecture-summary-v16 small{margin-top:3px;font-size:8px;line-height:1.45;opacity:.55}
.architecture-board-v16{position:relative;padding:24px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:linear-gradient(145deg,rgba(90,61,255,.16),rgba(255,255,255,.025));box-shadow:0 30px 80px rgba(0,0,0,.28);overflow:hidden}
.architecture-board-v16:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:30px 30px;pointer-events:none}
.architecture-sources-v16,.architecture-destinations-v16{position:relative;z-index:1;display:grid;gap:10px}.architecture-sources-v16{grid-template-columns:repeat(5,minmax(0,1fr))}.architecture-destinations-v16{grid-template-columns:repeat(4,minmax(0,1fr))}
.architecture-sources-v16 article,.architecture-destinations-v16 article{min-width:0;padding:12px 8px;border-radius:14px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.06);text-align:center}
.architecture-sources-v16 i,.architecture-destinations-v16 i{display:grid;place-items:center;width:30px;height:30px;margin:0 auto 7px;border-radius:9px;background:rgba(106,83,255,.3);font-style:normal;font-size:13px}.architecture-sources-v16 strong,.architecture-sources-v16 small,.architecture-destinations-v16 strong{display:block}.architecture-sources-v16 strong,.architecture-destinations-v16 strong{font-size:8px}.architecture-sources-v16 small{margin-top:3px;font-size:6.5px;line-height:1.35;opacity:.52}
.architecture-flow-line-v16{position:relative;z-index:1;display:flex;align-items:center;margin:16px 3%}.architecture-flow-line-v16:before,.architecture-flow-line-v16:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#725cff)}.architecture-flow-line-v16:after{background:linear-gradient(90deg,#725cff,transparent)}.architecture-flow-line-v16 span{padding:8px 18px;border-radius:999px;background:linear-gradient(90deg,#351fd1,#775cff);box-shadow:0 0 22px rgba(107,84,255,.35);font-size:7px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.architecture-engine-v16{position:relative;z-index:1;display:grid;grid-template-columns:1fr 148px 1fr;gap:16px;align-items:center;margin-bottom:16px}.engine-card-v16{display:flex;align-items:center;gap:10px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.06)}.engine-card-v16 i{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:rgba(255,91,118,.14);font-style:normal}.engine-card-v16 strong,.engine-card-v16 small{display:block}.engine-card-v16 strong{font-size:9px}.engine-card-v16 small{margin-top:3px;font-size:7px;opacity:.5}
.architecture-core-v16{position:relative;width:140px;height:140px;margin:auto;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#ff2445,#ff6178);box-shadow:0 0 0 12px rgba(255,255,255,.04),0 0 46px rgba(255,39,72,.34)}.architecture-core-v16>span{position:absolute;inset:-13px;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:corePulse 3s ease-in-out infinite}.architecture-core-v16 img{display:block!important;width:42px!important;height:42px!important;max-width:42px!important;object-fit:contain!important}.architecture-core-v16 strong{margin-top:6px;font-size:9px}.architecture-core-v16 small{font-size:6.5px;opacity:.68}
.live-activity-v16{grid-column:2;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(10,4,66,.72);box-shadow:0 22px 56px rgba(0,0,0,.22)}.live-activity-v16 header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09)}.live-activity-v16 header span,.live-activity-v16 header strong{display:block}.live-activity-v16 header span{font-size:7px;text-transform:uppercase;letter-spacing:.12em;color:#aaa0ff}.live-activity-v16 header strong{margin-top:4px;font-size:12px}.live-activity-v16 header em{display:flex;gap:7px;align-items:center;font-size:7px;font-style:normal;font-weight:900;color:#ff7184}.live-activity-v16 header em i{width:7px;height:7px;border-radius:50%;background:#ff3856;box-shadow:0 0 10px #ff3856;animation:routePulse 1.5s ease-in-out infinite}
.activity-stream-v16{display:grid;gap:7px;margin-top:12px}.activity-stream-v16 article{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.045)}.activity-stream-v16 article>i{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:rgba(112,255,198,.12);color:#70ffc6;font-style:normal}.activity-stream-v16 strong,.activity-stream-v16 small{display:block}.activity-stream-v16 strong{font-size:8.5px}.activity-stream-v16 small{margin-top:2px;font-size:6.5px;opacity:.48}.activity-stream-v16 time{font-size:6.5px;color:#aaa0ff}

@media(max-width:1200px){
  .deployment-proof-v15{grid-template-columns:1fr 1fr!important}.deployment-proof-v15 .proof-intro{grid-column:1/-1}
  .journey-showcase-v16{grid-template-columns:1fr}
  .architecture-layout-v16{grid-template-columns:1fr}.architecture-copy-v16{grid-row:auto}.live-activity-v16{grid-column:auto}
}
@media(max-width:900px){
  .deployment-proof-v15{grid-template-columns:1fr!important;width:calc(100% - 32px)!important}.deployment-proof-v15 .proof-intro{grid-column:auto}
  .journey-steps-v16{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-steps-v16:before{display:none}.journey-steps-v16 li{padding:12px;border-radius:16px;background:rgba(255,255,255,.06)}.journey-panel-v16--standalone .journey-steps-v16 li{background:#f7f4ff}
  .architecture-sources-v16{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:650px){
  .deployment-proof-v15 .proof-brand{align-items:flex-start!important;flex-direction:column!important}.deployment-proof-v15 .proof-logo-placeholder{white-space:normal!important}
  .journey-panel-v16{padding:22px}.journey-panel-head-v16{flex-direction:column}.journey-type-v16{white-space:normal}.journey-intro-v16 h3{font-size:24px}.journey-steps-v16{grid-template-columns:1fr}
  .architecture-copy-v16 h2{font-size:34px}.architecture-board-v16{padding:16px}.architecture-sources-v16{grid-template-columns:1fr 1fr}.architecture-engine-v16{grid-template-columns:1fr}.architecture-destinations-v16{grid-template-columns:1fr 1fr}.activity-stream-v16 article{grid-template-columns:30px 1fr}.activity-stream-v16 time{grid-column:2}
}


/* =========================================================
   Portal Analytics v1.7 — readability + Google Material icons
   ========================================================= */
.material-symbols-rounded{
  font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;
  font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;
  display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;
  -webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;
  font-feature-settings:'liga';
}
.capability-material-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#f1efff,#ded8ff);color:var(--blue);font-size:27px}

/* Platform capability cards */
.detail-grid-v17{gap:20px}
.detail-card-v17{min-height:280px;padding:30px;background:linear-gradient(145deg,#fff,#fbfaff);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 8px 24px rgba(27,12,120,.035)}
.detail-card-v17:hover{transform:translateY(-5px);border-color:#c7c0f4;box-shadow:0 22px 52px rgba(30,14,124,.12)}
.detail-card-top-v17{display:flex;align-items:center;justify-content:space-between;gap:16px}
.detail-card-top-v17 b{font-size:12px;color:#6f64b8;letter-spacing:.06em}
.detail-card-icon-v17{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#f0edff,#ded8ff);color:var(--blue);font-size:30px;box-shadow:0 12px 28px rgba(42,17,171,.09)}
.detail-card-v17 h3{margin:30px 0 12px;font-size:23px;line-height:1.2}
.detail-card-v17 p{font-size:15px;line-height:1.7;color:#5d617b}

/* Customer journeys: larger, clearer type */
.journey-panel-v16{padding:34px}
.journey-brand-v16 small{font-size:10px;line-height:1.35}
.journey-brand-v16 strong{font-size:18px;line-height:1.25}
.journey-brand-v16 em{font-size:12px;line-height:1.4}
.journey-type-v16{font-size:9px;padding:10px 14px}
.journey-intro-v16 h3{font-size:31px}
.journey-intro-v16 p{font-size:15px;line-height:1.7}
.journey-icon-v16{font-size:27px}
.journey-steps-v16 b{font-size:10px}
.journey-steps-v16 strong{font-size:14px;line-height:1.35}
.journey-steps-v16 p{font-size:12px;line-height:1.6}

/* Architecture: increase all information density without sacrificing legibility */
.architecture-copy-v16>p{font-size:16px}
.architecture-summary-v16 article{grid-template-columns:44px 1fr;padding:15px 16px}
.architecture-summary-v16 article>span{width:36px;height:36px;font-size:21px}
.architecture-summary-v16 strong{font-size:14px}.architecture-summary-v16 small{font-size:11px;line-height:1.55}
.architecture-sources-v16 article,.architecture-destinations-v16 article{padding:15px 9px}
.architecture-sources-v16 i,.architecture-destinations-v16 i{width:40px;height:40px;font-size:22px}
.architecture-sources-v16 strong,.architecture-destinations-v16 strong{font-size:11px}
.architecture-sources-v16 small{font-size:9px;line-height:1.45}
.architecture-flow-line-v16 span{font-size:9px;padding:9px 19px}
.engine-card-v16{padding:16px}.engine-card-v16 i{width:42px;height:42px;flex-basis:42px;font-size:23px}
.engine-card-v16 strong{font-size:12px}.engine-card-v16 small{font-size:9px;line-height:1.4}
.architecture-core-v16 strong{font-size:11px}.architecture-core-v16 small{font-size:8px}
.live-activity-v16 header span{font-size:9px}.live-activity-v16 header strong{font-size:15px}.live-activity-v16 header em{font-size:9px}
.activity-stream-v16 article{padding:11px 12px}.activity-stream-v16 article>i{width:34px;height:34px;font-size:20px}
.activity-stream-v16 strong{font-size:11px}.activity-stream-v16 small{font-size:9px}.activity-stream-v16 time{font-size:9px}

@media(max-width:900px){
  .detail-card-v17{min-height:250px}
  .journey-steps-v16 strong{font-size:15px}.journey-steps-v16 p{font-size:13px}
}
@media(max-width:650px){
  .detail-card-v17{padding:24px;min-height:auto}.detail-card-icon-v17{width:52px;height:52px}
  .journey-brand-v16 small{font-size:9px}.journey-brand-v16 strong{font-size:17px}.journey-brand-v16 em{font-size:11px}
  .journey-intro-v16 p{font-size:14px}.journey-steps-v16 p{font-size:13px}
  .architecture-summary-v16 small{font-size:10px}.architecture-sources-v16 strong,.architecture-destinations-v16 strong{font-size:10px}
}

/* =========================================================
   v1.8 icon sizing, alignment and anonymous example journeys
   ========================================================= */

/* Journey identity headers now use a meaningful icon rather than a fictitious brand monogram. */
.journey-monogram-v16.material-symbols-rounded{
  display:grid;
  place-items:center;
  flex:0 0 58px;
  width:58px;
  height:58px;
  border-radius:18px;
  font-size:31px;
  line-height:1;
  font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 32;
}

/* Make the journey stages much easier to scan. */
.journey-icon-v16{
  width:68px;
  height:68px;
  border-radius:21px;
  font-size:34px;
  line-height:1;
  display:grid;
  place-items:center;
  font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 40;
}

.journey-steps-v16:before{top:34px}
.journey-steps-v16 li{padding-top:0}
.journey-steps-v16 b{margin-top:2px}

/* Centre Material Symbols precisely in every capability-card badge. */
.capability-material-icon,
.detail-card-icon-v17{
  display:grid !important;
  place-items:center !important;
  text-align:center;
  line-height:1 !important;
  padding:0 !important;
  font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 36;
}

.capability-material-icon{
  width:58px;
  height:58px;
  flex:0 0 58px;
  border-radius:18px;
  font-size:32px;
}

.detail-card-icon-v17{
  width:58px;
  height:58px;
  flex:0 0 58px;
  border-radius:18px;
  font-size:31px;
}

.detail-card-top-v17{
  align-items:center;
}

/* Improve spacing around larger icons. */
.capability-card h3{margin-top:38px}
.detail-card-v17 h3{margin-top:34px}

/* The example-event app badge should also be a properly centred icon. */
.push-app-logo.material-symbols-rounded{
  display:grid;
  place-items:center;
  line-height:1;
  font-size:22px;
  font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 28;
}

@media(max-width:900px){
  .journey-icon-v16{width:62px;height:62px;font-size:31px}
  .journey-monogram-v16.material-symbols-rounded{width:54px;height:54px;flex-basis:54px;font-size:29px}
}

@media(max-width:600px){
  .journey-icon-v16{width:58px;height:58px;font-size:29px}
  .capability-material-icon,.detail-card-icon-v17{width:54px;height:54px;flex-basis:54px;font-size:29px}
}

/* =========================================================
   Portal Analytics v1.10 — presence process readability
   ========================================================= */
/*
   The original .capability-top > span rule has greater selector
   specificity than the generic icon class and was forcing the Google
   Material Symbols back down to 10px. These selectors deliberately
   target the icon elements themselves so the intended size wins.
*/
.capability-top > .capability-material-icon.material-symbols-rounded{
  width:70px;
  height:70px;
  flex:0 0 70px;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  border-radius:21px;
  background:linear-gradient(145deg,#eeeaff,#dcd5ff);
  color:#2811b8;
  font-family:'Material Symbols Rounded' !important;
  font-size:40px !important;
  font-weight:normal !important;
  line-height:1 !important;
  text-align:center;
  font-variation-settings:'FILL' 1,'wght' 550,'GRAD' 0,'opsz' 48;
  box-shadow:0 12px 28px rgba(42,17,171,.12);
}

.detail-card-top-v17 > .detail-card-icon-v17.material-symbols-rounded{
  width:70px;
  height:70px;
  flex:0 0 70px;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  border-radius:21px;
  background:linear-gradient(145deg,#eeeaff,#dcd5ff);
  color:#2811b8;
  font-family:'Material Symbols Rounded' !important;
  font-size:40px !important;
  font-weight:normal !important;
  line-height:1 !important;
  text-align:center;
  font-variation-settings:'FILL' 1,'wght' 550,'GRAD' 0,'opsz' 48;
  box-shadow:0 12px 28px rgba(42,17,171,.12);
}

.capability-card h3{margin-top:34px}
.detail-card-v17 h3{margin-top:30px}

@media(max-width:900px){
  .capability-top > .capability-material-icon.material-symbols-rounded,
  .detail-card-top-v17 > .detail-card-icon-v17.material-symbols-rounded{
    width:64px;
    height:64px;
    flex-basis:64px;
    font-size:36px !important;
  }
}

@media(max-width:600px){
  .capability-top > .capability-material-icon.material-symbols-rounded,
  .detail-card-top-v17 > .detail-card-icon-v17.material-symbols-rounded{
    width:60px;
    height:60px;
    flex-basis:60px;
    border-radius:18px;
    font-size:34px !important;
  }
}

/* =========================================================
   v1.10 — Presence process readability
   ========================================================= */

/* Give each numbered process step more space */
.signal-steps article {
  grid-template-columns: 56px 1fr;
  gap: 20px;
  padding: 24px 0;
}

/* Enlarge 01 / 02 / 03 */
.signal-steps article > span {
  font-size: 13px;
  line-height: 1.3;
  font-weight: 800;
  color: #a99cff;
}

/* Enlarge process headings */
.signal-steps strong {
  display: block;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
}

/* Enlarge supporting descriptions */
.signal-steps p {
  margin: 7px 0 0;
  max-width: 620px;
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Enlarge the process pills underneath */
.signal-outcome {
  margin-top: 28px;
  gap: 10px;
}

.signal-outcome span {
  padding: 10px 14px;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.08em;
}

.signal-outcome i {
  font-size: 16px;
}

/* Tablet */
@media (max-width: 900px) {
  .signal-steps strong {
    font-size: 17px;
  }

  .signal-steps p {
    font-size: 14px !important;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .signal-steps article {
    grid-template-columns: 42px 1fr;
    gap: 13px;
    padding: 20px 0;
  }

  .signal-steps article > span {
    font-size: 11px;
  }

  .signal-steps strong {
    font-size: 16px;
  }

  .signal-steps p {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  .signal-outcome span {
    padding: 9px 11px;
    font-size: 9px;
  }
}

/* =========================================================
   v1.11 — Mobile hero refinement
   ========================================================= */

@media (max-width: 650px) {

  /*
   * Put the proposition and CTA above the platform visual.
   */
  .hero-home .hero-layout {
    display: flex;
    flex-direction: column;
    gap: 38px;
    padding-bottom: 34px;
  }

  .hero-home .hero-copy {
    order: 1;
    padding-top: 0;
  }

  .hero-home .hero-stage {
    order: 2;
  }

  /*
   * Tighten the top of the hero beneath the fixed navigation.
   */
  .hero-home {
    min-height: auto;
    padding-top: 112px;
    padding-bottom: 42px;
  }

  /*
   * Keep the main heading readable without overwhelming
   * narrow mobile screens.
   */
  .hero-home .hero h1,
  .hero-home h1 {
    font-size: clamp(43px, 13vw, 58px);
    line-height: 1.02;
    letter-spacing: -0.05em;
    margin-bottom: 22px;
  }

  .hero-home .hero-copy > p {
    max-width: none;
    font-size: 16px;
    line-height: 1.7;
  }

  .hero-home .hero-actions {
    margin-top: 28px;
    gap: 12px;
  }

  /*
   * Reduce the dashboard height and constrain its width.
   */
  .hero-home .hero-stage {
    width: 100%;
    max-width: 520px;
    min-height: 530px;
    margin: 0 auto;
  }

  .hero-home .platform-window {
    inset: 0;
    width: 100%;
    height: 510px;
    border-radius: 26px;
    transform: none !important;
  }

  .hero-home .window-bar {
    height: 54px;
    padding: 0 18px;
  }

  .hero-home .window-body {
    height: calc(100% - 54px);
  }

  /*
   * Scale the central identity core down slightly.
   */
  .hero-home .brand-core {
    width: 146px;
    height: 146px;
  }

  .hero-home .brand-core img {
    width: 48px;
    margin-bottom: 6px;
  }

  .hero-home .brand-core small {
    font-size: 8px;
  }

  .hero-home .brand-core strong {
    font-size: 15px;
  }

  /*
   * Keep the orbit system contained inside the mobile card.
   */
  .hero-home .orbit-one {
    width: 245px;
    height: 245px;
  }

  .hero-home .orbit-two {
    width: 355px;
    height: 355px;
  }

  .hero-home .orbit-three {
    width: 445px;
    height: 445px;
  }

  /*
   * Make floating metric cards more compact.
   */
  .hero-home .metric {
    min-width: 126px;
    max-width: 144px;
    padding: 12px 13px;
    border-radius: 15px;
  }

  .hero-home .metric small {
    font-size: 7px;
    line-height: 1.25;
  }

  .hero-home .metric strong {
    font-size: 19px;
    line-height: 1.2;
  }

  .hero-home .metric em {
    margin-top: 3px;
    font-size: 7px;
    line-height: 1.35;
  }

  /*
   * Reposition the four dashboard cards.
   */
  .hero-home .metric-a {
    left: 14px;
    top: 70px;
  }

  .hero-home .metric-b {
    right: 10px;
    top: 152px;
  }

  .hero-home .metric-c {
    right: 14px;
    bottom: 40px;
  }

  .hero-home .metric-d {
    left: 14px;
    bottom: 28px;
  }

  /*
   * Prevent tiny icon decorations from colliding with labels.
   */
  .hero-home .metric-icon,
  .hero-home .metric-trend {
    right: 10px;
    top: 10px;
    font-size: 12px;
  }

  /*
   * Simplify small orbit labels on mobile.
   */
  .hero-home .orbit-event {
    padding: 5px 8px;
    font-size: 7px;
  }

  .hero-home .event-one {
    left: 16px;
    top: 245px;
  }

  .hero-home .event-two {
    right: 14px;
    top: 245px;
  }

  .hero-home .event-three {
    display: none;
  }

  /*
   * Hide the desktop-style live activity pill in the cramped
   * mobile dashboard.
   */
  .hero-home .live-rail {
    display: none;
  }

  /*
   * Reduce decorative glow so it does not blur the content.
   */
  .hero-home .stage-glow {
    width: 300px;
    height: 300px;
    top: 90px;
    right: -80px;
    opacity: 0.24;
  }

  /*
   * Keep the customer proof cards directly below the hero
   * without excessive vertical whitespace.
   */
  .deployment-proof-v15 {
    margin-top: 20px !important;
  }
}

/* =========================================================
   v1.12 — Hero live orchestration visual
   ========================================================= */

.hero-orchestration-stage {
  position: relative;
  min-height: 620px;
}

.orchestration-window {
  position: absolute;
  inset: 0 -12px 0 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 32px;
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.17),
      rgba(255, 255, 255, 0.055)
    );
  box-shadow:
    0 45px 100px rgba(3, 0, 36, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(22px);
  transform:
    perspective(1200px)
    rotateY(-3deg)
    rotateX(1deg);
  transition: transform 0.25s ease;
  will-change: transform;
}

.orchestration-window-bar {
  position: relative;
  z-index: 5;
  height: 62px;
  display: flex;
  align-items: center;
  padding: 0 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

.orchestration-window-bar .window-dots {
  display: flex;
  gap: 8px;
}

.orchestration-window-bar .window-dots span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.44);
}

.orchestration-live-status {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  color: rgba(255, 255, 255, 0.72);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.orchestration-live-status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #69ffc1;
  box-shadow: 0 0 12px #69ffc1;
  animation: orchestrationLivePulse 1.8s ease-in-out infinite;
}

.orchestration-body {
  position: relative;
  height: calc(100% - 62px);
  min-height: 558px;
  overflow: hidden;
  padding: 28px;
}

.orchestration-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(
      rgba(255, 255, 255, 0.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.035) 1px,
      transparent 1px
    );
  background-size: 42px 42px;
  mask-image:
    radial-gradient(
      circle at 50% 52%,
      #000 18%,
      transparent 88%
    );
  pointer-events: none;
}

.orchestration-heading {
  position: relative;
  z-index: 4;
  max-width: 360px;
}

.orchestration-heading span {
  display: block;
  margin-bottom: 6px;
  color: #b9afff;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.orchestration-heading strong {
  display: block;
  color: #fff;
  font-size: 18px;
  line-height: 1.3;
}

.orchestration-core {
  position: absolute;
  z-index: 4;
  left: 52%;
  top: 51%;
  width: 178px;
  height: 178px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  text-align: center;
  background:
    linear-gradient(145deg, #ff2445, #ff5d73);
  box-shadow:
    0 0 0 18px rgba(255, 255, 255, 0.045),
    0 0 70px rgba(255, 36, 69, 0.38),
    0 28px 62px rgba(3, 0, 44, 0.3);
}

.orchestration-core img {
  width: 56px;
  margin-bottom: 7px;
}

.orchestration-core > small {
  color: rgba(255, 255, 255, 0.73);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.orchestration-core > strong {
  max-width: 125px;
  color: #fff;
  font-size: 13px;
  line-height: 1.25;
}

.core-status {
  position: absolute;
  left: 50%;
  bottom: -37px;
  width: max-content;
  display: flex;
  align-items: center;
  gap: 7px;
  transform: translateX(-50%);
  padding: 8px 11px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 999px;
  background: rgba(10, 5, 65, 0.84);
  box-shadow: 0 12px 28px rgba(3, 0, 45, 0.22);
  color: rgba(255, 255, 255, 0.82);
  font-size: 8px;
  font-weight: 700;
}

.core-status i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #69ffc1;
  box-shadow: 0 0 9px #69ffc1;
}

.orchestration-core-ripple {
  position: absolute;
  inset: -20px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  animation: orchestrationRipple 3s ease-out infinite;
}

.orchestration-core-ripple.ripple-two {
  animation-delay: 1.5s;
}

.orchestration-events {
  position: absolute;
  inset: 92px 22px 112px;
  z-index: 3;
}

.orchestration-event {
  position: absolute;
  width: 225px;
  min-height: 82px;
  display: grid;
  grid-template-columns: 38px 1fr auto;
  gap: 11px;
  align-items: center;
  padding: 13px 13px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 17px;
  background:
    linear-gradient(
      145deg,
      rgba(16, 8, 91, 0.91),
      rgba(8, 4, 54, 0.83)
    );
  box-shadow: 0 17px 36px rgba(2, 0, 34, 0.24);
  backdrop-filter: blur(14px);
  opacity: 0.5;
  transform: scale(0.96);
  transition:
    opacity 0.45s ease,
    transform 0.45s ease,
    border-color 0.45s ease,
    box-shadow 0.45s ease;
}

.orchestration-event.is-active {
  opacity: 1;
  transform: scale(1);
  border-color: rgba(122, 103, 255, 0.75);
  box-shadow:
    0 18px 42px rgba(2, 0, 34, 0.28),
    0 0 28px rgba(106, 82, 255, 0.16);
}

.orchestration-event-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #fff;
  background:
    linear-gradient(145deg, #6145ff, #2c14ba);
}

.orchestration-event-icon .material-symbols-rounded {
  font-size: 22px;
}

.orchestration-event small,
.orchestration-event strong,
.orchestration-event p {
  display: block;
}

.orchestration-event small {
  color: rgba(255, 255, 255, 0.48);
  font-size: 7px;
  line-height: 1.35;
}

.orchestration-event strong {
  margin-top: 3px;
  color: #fff;
  font-size: 10px;
  line-height: 1.3;
}

.orchestration-event p {
  margin: 3px 0 0;
  color: rgba(255, 255, 255, 0.58);
  font-size: 7.5px;
  line-height: 1.35;
}

.event-state {
  align-self: start;
  padding: 5px 7px;
  border-radius: 999px;
  color: #bdb5ff;
  background: rgba(111, 85, 255, 0.13);
  font-size: 6px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.event-state-live,
.event-state-success {
  color: #82ffd0;
  background: rgba(105, 255, 193, 0.1);
}

.event-state-live {
  display: flex;
  align-items: center;
  gap: 4px;
}

.event-state-live i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #69ffc1;
  box-shadow: 0 0 8px #69ffc1;
}

.orchestration-event-input {
  left: 0;
  top: 0;
}

.orchestration-event-identity {
  right: 0;
  top: 34px;
}

.orchestration-event-decision {
  left: 2px;
  top: 190px;
}

.orchestration-event-output {
  right: 0;
  top: 225px;
}

.orchestration-event-response {
  left: 50%;
  bottom: -2px;
  transform: translateX(-50%) scale(0.96);
}

.orchestration-event-response.is-active {
  transform: translateX(-50%) scale(1);
}

.orchestration-flow {
  position: absolute;
  inset: 112px 65px 135px;
  z-index: 2;
  pointer-events: none;
}

.orchestration-flow::before,
.orchestration-flow::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px dashed rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.orchestration-flow::before {
  width: 300px;
  height: 300px;
}

.orchestration-flow::after {
  width: 420px;
  height: 420px;
}

.flow-progress {
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #7b65ff;
  box-shadow:
    0 0 0 5px rgba(123, 101, 255, 0.13),
    0 0 18px #7b65ff;
  animation: orchestrationFlow 5s linear infinite;
}

.flow-progress-1 {
  left: 6%;
  top: 18%;
}

.flow-progress-2 {
  right: 5%;
  top: 31%;
  animation-delay: 1.2s;
}

.flow-progress-3 {
  right: 14%;
  bottom: 11%;
  animation-delay: 2.4s;
}

.flow-progress-4 {
  left: 19%;
  bottom: 7%;
  animation-delay: 3.6s;
}

.orchestration-summary {
  position: absolute;
  z-index: 5;
  left: 22px;
  right: 22px;
  bottom: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
}

.orchestration-summary article {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
}

.orchestration-summary .material-symbols-rounded {
  width: 29px;
  height: 29px;
  flex: 0 0 29px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: #bcb3ff;
  background: rgba(105, 82, 255, 0.19);
  font-size: 17px;
}

.orchestration-summary small,
.orchestration-summary strong {
  display: block;
}

.orchestration-summary small {
  color: rgba(255, 255, 255, 0.44);
  font-size: 6px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.orchestration-summary strong {
  margin-top: 2px;
  overflow: hidden;
  color: #fff;
  font-size: 8px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@keyframes orchestrationLivePulse {
  0%,
  100% {
    opacity: 0.42;
    transform: scale(0.82);
  }

  50% {
    opacity: 1;
    transform: scale(1.25);
  }
}

@keyframes orchestrationRipple {
  0% {
    opacity: 0.5;
    transform: scale(0.82);
  }

  100% {
    opacity: 0;
    transform: scale(1.42);
  }
}

@keyframes orchestrationFlow {
  0%,
  100% {
    opacity: 0.3;
    transform: scale(0.8);
  }

  50% {
    opacity: 1;
    transform: scale(1.4);
  }
}

/* Medium desktop and tablet */
@media (max-width: 1100px) {
  .hero-orchestration-stage {
    width: 100%;
    max-width: 720px;
    min-height: 620px;
    margin: 0 auto;
  }

  .orchestration-window {
    inset: 0;
    transform: none;
  }
}

/* Tablet */
@media (max-width: 780px) {
  .hero-orchestration-stage {
    min-height: 700px;
  }

  .orchestration-window {
    height: 680px;
  }

  .orchestration-body {
    min-height: 618px;
  }

  .orchestration-heading strong {
    font-size: 17px;
  }

  .orchestration-events {
    inset: 92px 15px 120px;
  }

  .orchestration-event {
    width: 205px;
  }

  .orchestration-core {
    width: 156px;
    height: 156px;
  }

  .orchestration-core img {
    width: 48px;
  }

  .orchestration-flow::before {
    width: 270px;
    height: 270px;
  }

  .orchestration-flow::after {
    width: 370px;
    height: 370px;
  }
}

@media (max-width: 780px) and (min-width: 651px) {
  .hero-orchestration-stage {
    min-height: 760px;
  }

  .orchestration-window {
    height: 740px;
    min-height: 740px;
  }

  .orchestration-body {
    min-height: 678px;
  }

  .orchestration-events {
    inset: 92px 14px 118px;
  }

  .orchestration-event {
    width: 195px;
  }

  .orchestration-core {
    top: 46%;
    width: 145px;
    height: 145px;
  }

  .orchestration-event-input {
    top: 0;
  }

  .orchestration-event-identity {
    top: 82px;
  }

  .orchestration-event-decision {
    top: 265px;
  }

  .orchestration-event-output {
    top: 350px;
  }

  .orchestration-event-response {
    top: 470px;
  }
}

/* Mobile */
@media (max-width: 650px) {
  .hero-orchestration-stage {
    width: 100%;
    max-width: 520px;
    min-height: 710px;
  }

  .orchestration-window {
    position: relative;
    inset: auto;
    width: 100%;
    height: 690px;
    border-radius: 25px;
    transform: none !important;
  }

  .orchestration-window-bar {
    height: 54px;
    padding: 0 17px;
  }

  .orchestration-body {
    height: calc(100% - 54px);
    min-height: 636px;
    padding: 20px 15px;
  }

  .orchestration-heading {
    max-width: 250px;
  }

  .orchestration-heading span {
    font-size: 7px;
  }

  .orchestration-heading strong {
    font-size: 15px;
  }

  .orchestration-core {
    top: 44%;
    width: 132px;
    height: 132px;
  }

  .orchestration-core img {
    width: 42px;
    margin-bottom: 5px;
  }

  .orchestration-core > small {
    font-size: 6px;
  }

  .orchestration-core > strong {
    max-width: 96px;
    font-size: 10px;
  }

  .core-status {
    bottom: -32px;
    padding: 7px 9px;
    font-size: 6.5px;
  }

  .orchestration-events {
    inset: 84px 8px 125px;
  }

  .orchestration-event {
    width: 175px;
    min-height: 72px;
    grid-template-columns: 32px 1fr;
    gap: 8px;
    padding: 10px;
  }

  .orchestration-event-icon {
    width: 32px;
    height: 32px;
  }

  .orchestration-event-icon .material-symbols-rounded {
    font-size: 18px;
  }

  .orchestration-event small {
    font-size: 6px;
  }

  .orchestration-event strong {
    font-size: 8.5px;
  }

  .orchestration-event p {
    font-size: 6.5px;
  }

  .event-state {
    display: none;
  }

  .orchestration-event-input {
    left: 0;
    top: 0;
  }

  .orchestration-event-identity {
    right: 0;
    top: 95px;
  }

  .orchestration-event-decision {
    left: 0;
    top: 214px;
  }

  .orchestration-event-output {
    right: 0;
    top: 322px;
  }

  .orchestration-event-response {
    left: 50%;
    bottom: -6px;
  }

  .orchestration-flow {
    inset: 130px 28px 160px;
  }

  .orchestration-flow::before {
    width: 225px;
    height: 225px;
  }

  .orchestration-flow::after {
    width: 330px;
    height: 330px;
  }

  .orchestration-summary {
    left: 11px;
    right: 11px;
    bottom: 13px;
    gap: 5px;
  }

  .orchestration-summary article {
    gap: 6px;
    padding: 8px 7px;
  }

  .orchestration-summary .material-symbols-rounded {
    width: 25px;
    height: 25px;
    flex-basis: 25px;
    font-size: 14px;
  }

  .orchestration-summary small {
    font-size: 5px;
  }

  .orchestration-summary strong {
    font-size: 6.5px;
  }
}

/* Narrow phones */
@media (max-width: 390px) {
  .hero-orchestration-stage {
    min-height: 735px;
  }

  .orchestration-window {
    height: 715px;
  }

  .orchestration-event {
    width: 158px;
  }

  .orchestration-core {
    width: 118px;
    height: 118px;
  }

  .orchestration-core img {
    width: 37px;
  }

  .orchestration-core > strong {
    font-size: 9px;
  }

  .orchestration-summary strong {
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .orchestration-live-status i,
  .orchestration-core-ripple,
  .flow-progress {
    animation: none !important;
  }

  .orchestration-window {
    transform: none !important;
  }
}

/* =========================================================
   v1.13 — Complete live orchestration animation
   ========================================================= */

/* ---------------------------------------------------------
   Journey card states
   --------------------------------------------------------- */

.orchestration-event {
  overflow: hidden;
}

.orchestration-event::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
  background:
    radial-gradient(
      circle at 20% 50%,
      rgba(119, 96, 255, 0.2),
      transparent 58%
    );
  transition: opacity 0.45s ease;
}

.orchestration-event.is-pending {
  opacity: 0.34;
  transform: scale(0.95);
  filter: saturate(0.72);
}

.orchestration-event.is-active {
  opacity: 1;
  transform: scale(1);
  filter: saturate(1);
  border-color: rgba(132, 114, 255, 0.82);
  box-shadow:
    0 18px 42px rgba(2, 0, 34, 0.3),
    0 0 30px rgba(106, 82, 255, 0.2);
}

.orchestration-event.is-active::before {
  opacity: 1;
}

.orchestration-event.is-complete {
  opacity: 0.74;
  transform: scale(0.985);
  filter: saturate(0.9);
  border-color: rgba(105, 255, 193, 0.3);
  box-shadow:
    0 14px 34px rgba(2, 0, 34, 0.2),
    0 0 20px rgba(105, 255, 193, 0.06);
}

.orchestration-event.is-complete
.orchestration-event-icon {
  background:
    linear-gradient(
      145deg,
      #39c898,
      #176f59
    );
}

.orchestration-event.is-complete
.orchestration-event-icon::after {
  content: "check";
  position: absolute;
  display: grid;
  place-items: center;
  inset: 0;
  border-radius: inherit;
  color: #fff;
  font-family: "Material Symbols Rounded";
  font-size: 22px;
  font-variation-settings:
    "FILL" 1,
    "wght" 600,
    "GRAD" 0,
    "opsz" 24;
  background:
    linear-gradient(
      145deg,
      #39c898,
      #176f59
    );
}

.orchestration-event-icon {
  position: relative;
  overflow: hidden;
  transition:
    background 0.4s ease,
    box-shadow 0.4s ease,
    transform 0.4s ease;
}

.orchestration-event.is-active
.orchestration-event-icon {
  transform: scale(1.06);
  box-shadow:
    0 0 0 5px rgba(113, 91, 255, 0.12),
    0 0 22px rgba(113, 91, 255, 0.34);
}

/* Active-card scanning sheen */
.orchestration-event::after {
  content: "";
  position: absolute;
  top: -25%;
  bottom: -25%;
  left: -55%;
  width: 35%;
  opacity: 0;
  pointer-events: none;
  transform: skewX(-18deg);
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.12),
      transparent
    );
}

.orchestration-event.is-active::after {
  opacity: 1;
  animation:
    orchestrationCardSheen
    1.35s
    ease-out
    forwards;
}

/* ---------------------------------------------------------
   Centre engine breathing and state changes
   --------------------------------------------------------- */

.orchestration-core {
  animation:
    orchestrationCoreBreath
    3.2s
    ease-in-out
    infinite;
  transition:
    background 0.45s ease,
    box-shadow 0.45s ease;
}

.orchestration-core.is-receiving {
  background:
    linear-gradient(
      145deg,
      #ff2445,
      #ff5d73
    );
}

.orchestration-core.is-resolving {
  background:
    linear-gradient(
      145deg,
      #ff294c,
      #ff6a78
    );
}

.orchestration-core.is-deciding {
  background:
    linear-gradient(
      145deg,
      #ef315b,
      #ff5874
    );
}

.orchestration-core.is-delivering {
  background:
    linear-gradient(
      145deg,
      #ff2848,
      #ff6878
    );
}

.orchestration-core.is-measuring {
  background:
    linear-gradient(
      145deg,
      #ff2445,
      #ff516c
    );
  box-shadow:
    0 0 0 18px rgba(255, 255, 255, 0.045),
    0 0 85px rgba(255, 36, 69, 0.46),
    0 28px 62px rgba(3, 0, 44, 0.3);
}

/* ---------------------------------------------------------
   Processing pill travelling highlight
   --------------------------------------------------------- */

.core-status {
  overflow: hidden;
}

.core-status::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -45%;
  width: 38%;
  pointer-events: none;
  transform: skewX(-20deg);
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(105, 255, 193, 0.2),
      rgba(255, 255, 255, 0.16),
      transparent
    );
  animation:
    orchestrationStatusSweep
    2.5s
    ease-in-out
    infinite;
}

.core-status i {
  position: relative;
  z-index: 1;
  animation:
    orchestrationStatusDot
    1.4s
    ease-in-out
    infinite;
}

.core-status-text {
  position: relative;
  z-index: 1;
  min-width: 116px;
  text-align: left;
}

/* ---------------------------------------------------------
   Actual moving packets
   --------------------------------------------------------- */

.flow-progress {
  opacity: 0;
  animation: none;
  transition: opacity 0.25s ease;
}

.flow-progress.is-flowing {
  opacity: 1;
}

/*
  Packet 1:
  arrival card toward centre
*/
.flow-progress-1.is-flowing {
  animation:
    orchestrationPacketOne
    1.65s
    cubic-bezier(0.45, 0, 0.2, 1)
    infinite;
}

/*
  Packet 2:
  centre toward identity card
*/
.flow-progress-2.is-flowing {
  animation:
    orchestrationPacketTwo
    1.65s
    cubic-bezier(0.45, 0, 0.2, 1)
    infinite;
}

/*
  Packet 3:
  centre toward decision/output side
*/
.flow-progress-3.is-flowing {
  animation:
    orchestrationPacketThree
    1.65s
    cubic-bezier(0.45, 0, 0.2, 1)
    infinite;
}

/*
  Packet 4:
  response back toward analytics/core
*/
.flow-progress-4.is-flowing {
  animation:
    orchestrationPacketFour
    1.65s
    cubic-bezier(0.45, 0, 0.2, 1)
    infinite;
}

/* Add a short packet trail */
.flow-progress::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 50%;
  width: 32px;
  height: 2px;
  transform:
    translateY(-50%)
    rotate(var(--packet-angle, 0deg));
  transform-origin: right center;
  border-radius: 999px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(123, 101, 255, 0.72)
    );
}

/* ---------------------------------------------------------
   Background movement
   --------------------------------------------------------- */

.orchestration-grid {
  animation:
    orchestrationGridDrift
    18s
    linear
    infinite;
}

.orchestration-window::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: -30%;
  pointer-events: none;
  opacity: 0.32;
  background:
    radial-gradient(
      circle at 30% 25%,
      rgba(118, 88, 255, 0.18),
      transparent 32%
    ),
    radial-gradient(
      circle at 75% 65%,
      rgba(255, 64, 95, 0.1),
      transparent 30%
    );
  animation:
    orchestrationAuroraDrift
    14s
    ease-in-out
    infinite alternate;
}

.orchestration-window-bar,
.orchestration-body {
  position: relative;
  z-index: 1;
}

/* ---------------------------------------------------------
   Live badge refinement
   --------------------------------------------------------- */

.orchestration-live-status {
  position: relative;
}

.orchestration-live-status::after {
  content: "";
  position: absolute;
  right: -7px;
  top: 50%;
  width: 17px;
  height: 17px;
  transform: translateY(-50%);
  border: 1px solid rgba(105, 255, 193, 0.2);
  border-radius: 50%;
  animation:
    orchestrationLiveRing
    1.8s
    ease-out
    infinite;
}

/* ---------------------------------------------------------
   Paused and accessibility states
   --------------------------------------------------------- */

.orchestration-window.is-paused *,
.orchestration-window.is-reduced-motion * {
  animation-play-state: paused !important;
}

.orchestration-window.is-reduced-motion
.orchestration-event {
  opacity: 0.78;
  transform: none;
}

.orchestration-window.is-reduced-motion
.orchestration-event.is-active,
.orchestration-window.is-reduced-motion
.orchestration-event.is-complete {
  opacity: 1;
}

/* ---------------------------------------------------------
   Keyframes
   --------------------------------------------------------- */

@keyframes orchestrationCardSheen {
  0% {
    left: -55%;
  }

  100% {
    left: 130%;
  }
}

@keyframes orchestrationCoreBreath {
  0%,
  100% {
    transform:
      translate(-50%, -50%)
      scale(1);
  }

  50% {
    transform:
      translate(-50%, -50%)
      scale(1.025);
  }
}

@keyframes orchestrationStatusSweep {
  0% {
    left: -45%;
  }

  55%,
  100% {
    left: 125%;
  }
}

@keyframes orchestrationStatusDot {
  0%,
  100% {
    opacity: 0.55;
    transform: scale(0.82);
  }

  50% {
    opacity: 1;
    transform: scale(1.25);
  }
}

@keyframes orchestrationPacketOne {
  0% {
    left: 5%;
    top: 16%;
    opacity: 0;
    --packet-angle: 28deg;
  }

  15% {
    opacity: 1;
  }

  85% {
    opacity: 1;
  }

  100% {
    left: 47%;
    top: 47%;
    opacity: 0;
    --packet-angle: 28deg;
  }
}

@keyframes orchestrationPacketTwo {
  0% {
    right: 48%;
    top: 48%;
    opacity: 0;
    --packet-angle: -24deg;
  }

  15% {
    opacity: 1;
  }

  85% {
    opacity: 1;
  }

  100% {
    right: 5%;
    top: 28%;
    opacity: 0;
    --packet-angle: -24deg;
  }
}

@keyframes orchestrationPacketThree {
  0% {
    right: 46%;
    bottom: 45%;
    opacity: 0;
    --packet-angle: 24deg;
  }

  15% {
    opacity: 1;
  }

  85% {
    opacity: 1;
  }

  100% {
    right: 9%;
    bottom: 12%;
    opacity: 0;
    --packet-angle: 24deg;
  }
}

@keyframes orchestrationPacketFour {
  0% {
    left: 21%;
    bottom: 7%;
    opacity: 0;
    --packet-angle: -28deg;
  }

  15% {
    opacity: 1;
  }

  85% {
    opacity: 1;
  }

  100% {
    left: 48%;
    bottom: 45%;
    opacity: 0;
    --packet-angle: -28deg;
  }
}

@keyframes orchestrationGridDrift {
  from {
    background-position:
      0 0,
      0 0;
  }

  to {
    background-position:
      42px 42px,
      42px 42px;
  }
}

@keyframes orchestrationAuroraDrift {
  0% {
    transform:
      translate3d(-2%, -1%, 0)
      scale(1);
  }

  100% {
    transform:
      translate3d(4%, 3%, 0)
      scale(1.08);
  }
}

@keyframes orchestrationLiveRing {
  0% {
    opacity: 0.65;
    transform:
      translateY(-50%)
      scale(0.65);
  }

  100% {
    opacity: 0;
    transform:
      translateY(-50%)
      scale(1.45);
  }
}

/* ---------------------------------------------------------
   Mobile refinements
   --------------------------------------------------------- */

@media (max-width: 650px) {
  .core-status-text {
    min-width: 98px;
  }

  .orchestration-event.is-complete
  .orchestration-event-icon::after {
    font-size: 18px;
  }

  .flow-progress::after {
    width: 22px;
  }

  @keyframes orchestrationPacketOne {
    0% {
      left: 4%;
      top: 12%;
      opacity: 0;
    }

    15% {
      opacity: 1;
    }

    85% {
      opacity: 1;
    }

    100% {
      left: 48%;
      top: 39%;
      opacity: 0;
    }
  }

  @keyframes orchestrationPacketTwo {
    0% {
      right: 48%;
      top: 39%;
      opacity: 0;
    }

    15% {
      opacity: 1;
    }

    85% {
      opacity: 1;
    }

    100% {
      right: 5%;
      top: 27%;
      opacity: 0;
    }
  }

  @keyframes orchestrationPacketThree {
    0% {
      right: 48%;
      bottom: 56%;
      opacity: 0;
    }

    15% {
      opacity: 1;
    }

    85% {
      opacity: 1;
    }

    100% {
      right: 5%;
      bottom: 26%;
      opacity: 0;
    }
  }

  @keyframes orchestrationPacketFour {
    0% {
      left: 48%;
      bottom: 14%;
      opacity: 0;
    }

    15% {
      opacity: 1;
    }

    85% {
      opacity: 1;
    }

    100% {
      left: 48%;
      bottom: 54%;
      opacity: 0;
    }
  }
}

/* ---------------------------------------------------------
   Reduced-motion override
   --------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .orchestration-core,
  .orchestration-grid,
  .orchestration-window::after,
  .orchestration-live-status::after,
  .core-status::before,
  .core-status i,
  .orchestration-event::after,
  .flow-progress {
    animation: none !important;
  }

  .orchestration-event {
    transition: none !important;
  }
}

/* Keep the final response card centred in every animation state */
.orchestration-event-response.is-pending {
  transform: translateX(-50%) scale(0.95);
}

.orchestration-event-response.is-active {
  transform: translateX(-50%) scale(1);
}

.orchestration-event-response.is-complete {
  transform: translateX(-50%) scale(0.985);
}

/* =========================================================
   v1.15 — Orchestration card layout: no overlaps
   ========================================================= */

/*
 * Give the desktop visual more vertical room.
 */
.hero-orchestration-stage {
  min-height: 700px;
}

.orchestration-window {
  min-height: 680px;
}

.orchestration-body {
  height: calc(100% - 62px);
  min-height: 618px;
}

/*
 * Give the card layout a larger usable area.
 */
.orchestration-events {
  inset: 92px 18px 112px;
}

/*
 * Slightly reduce the card width so left and right cards
 * remain fully visible beside the centre engine.
 */
.orchestration-event {
  width: 205px;
  min-height: 78px;
  padding: 12px;
}

/*
 * Move the centre engine slightly upward and reduce it
 * just enough to prevent it covering card content.
 */
.orchestration-core {
  left: 50%;
  top: 47%;
  width: 160px;
  height: 160px;
}

.orchestration-core img {
  width: 50px;
}

/*
 * Top row
 */
.orchestration-event-input {
  left: 0;
  top: 0;
}

.orchestration-event-identity {
  right: 0;
  top: 28px;
}

/*
 * Lower side row
 *
 * These sit below the centre point and clear of the core.
 */
.orchestration-event-decision {
  left: 0;
  top: 245px;
}

.orchestration-event-output {
  right: 0;
  top: 265px;
}

/*
 * Final response card sits centred beneath the engine,
 * between the lower cards and the summary row.
 */
.orchestration-event-response {
  left: 50%;
  top: 365px;
  bottom: auto;
  transform: translateX(-50%) scale(0.975);
}

.orchestration-event-response.is-pending {
  transform: translateX(-50%) scale(0.975);
}

.orchestration-event-response.is-active {
  transform: translateX(-50%) scale(1);
}

.orchestration-event-response.is-complete {
  transform: translateX(-50%) scale(0.985);
}

/*
 * Keep the status pill close to the core, but above the
 * final response card.
 */
.core-status {
  bottom: -32px;
}

/*
 * Re-centre the orbital rings around the adjusted engine.
 */
.orchestration-flow {
  inset: 105px 55px 155px;
}

/*
 * Keep the summary fixed at the bottom with clear space
 * above it.
 */
.orchestration-summary {
  bottom: 18px;
}

/* =========================================================
   Medium desktop / tablet
   ========================================================= */

@media (max-width: 1100px) and (min-width: 651px) {
  .hero-orchestration-stage {
    min-height: 720px;
  }

  .orchestration-window {
    min-height: 700px;
  }

  .orchestration-body {
    min-height: 638px;
  }

  .orchestration-event {
    width: 215px;
  }

  .orchestration-core {
    top: 47%;
    width: 158px;
    height: 158px;
  }

  .orchestration-event-decision {
    top: 250px;
  }

  .orchestration-event-output {
    top: 272px;
  }

  .orchestration-event-response {
    top: 385px;
  }
}

/* =========================================================
   v1.16 — Mobile orchestration layout with no overlaps
   ========================================================= */

@media (max-width: 650px) {

  /*
   * Increase the mobile visual height to accommodate:
   * heading, two cards, engine, three cards and summary.
   */
  .hero-orchestration-stage {
    width: 100%;
    max-width: 520px;
    min-height: 950px;
  }

  .orchestration-window {
    position: relative;
    inset: auto;
    width: 100%;
    height: 930px;
    min-height: 930px;
    border-radius: 25px;
    transform: none !important;
  }

  .orchestration-window-bar {
    height: 54px;
    padding: 0 17px;
  }

  .orchestration-body {
    height: calc(100% - 54px);
    min-height: 876px;
    padding: 20px 15px;
  }

  /*
   * Heading remains at the top.
   */
  .orchestration-heading {
    position: relative;
    z-index: 6;
    max-width: 290px;
  }

  .orchestration-heading span {
    font-size: 7px;
  }

  .orchestration-heading strong {
    font-size: 15px;
    line-height: 1.35;
  }

  /*
   * Use the entire body as the positioning canvas.
   */
  .orchestration-events {
    position: absolute;
    inset: 0;
    z-index: 3;
  }

  /*
   * Every mobile card uses one full row.
   */
  .orchestration-event {
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;

    width: calc(100% - 38px);
    max-width: none;
    min-height: 76px;

    grid-template-columns: 36px minmax(0, 1fr) auto;
    gap: 10px;

    padding: 11px 12px;

    transform: translateX(-50%) scale(0.975);
  }

  .orchestration-event.is-pending {
    transform: translateX(-50%) scale(0.975);
  }

  .orchestration-event.is-active {
    transform: translateX(-50%) scale(1);
  }

  .orchestration-event.is-complete {
    transform: translateX(-50%) scale(0.985);
  }

  /*
   * Keep state badges visible on normal mobile widths.
   */
  .event-state {
    display: inline-flex;
    align-items: center;
  }

  /*
   * Card row positions.
   */
  .orchestration-event-input {
    top: 96px;
  }

  .orchestration-event-identity {
    top: 188px;
  }

  /*
   * Centre engine sits between step 2 and step 3.
   */
  .orchestration-core {
    left: 50%;
    top: 388px;

    width: 148px;
    height: 148px;

    transform: translate(-50%, -50%);
  }

  .orchestration-core img {
    width: 46px;
    margin-bottom: 5px;
  }

  .orchestration-core > small {
    font-size: 6.5px;
  }

  .orchestration-core > strong {
    max-width: 110px;
    font-size: 10px;
  }

  /*
   * Keep the changing status beneath the engine,
   * leaving clear space before the next card.
   */
  .core-status {
    bottom: -34px;
    padding: 7px 10px;
    font-size: 6.5px;
  }

  .core-status-text {
    min-width: 105px;
  }

  /*
   * Remaining journey cards.
   */
  .orchestration-event-decision {
    top: 500px;
  }

  .orchestration-event-output {
    top: 592px;
  }

  .orchestration-event-response {
    top: 684px;
  }

  /*
   * Keep event-card icons consistent.
   */
  .orchestration-event-icon {
    width: 36px;
    height: 36px;
  }

  .orchestration-event-icon .material-symbols-rounded {
    font-size: 20px;
  }

  .orchestration-event small {
    font-size: 6.5px;
  }

  .orchestration-event strong {
    font-size: 9px;
  }

  .orchestration-event p {
    font-size: 7px;
  }

  /*
   * Resize and reposition the decorative orbit system.
   */
  .orchestration-flow {
    inset: 245px 18px 270px;
  }

  .orchestration-flow::before {
    width: 250px;
    height: 250px;
  }

  .orchestration-flow::after {
    width: 360px;
    height: 360px;
  }

  /*
   * Summary remains fixed along the bottom.
   */
  .orchestration-summary {
    left: 11px;
    right: 11px;
    bottom: 14px;
    gap: 6px;
  }

  .orchestration-summary article {
    gap: 6px;
    min-height: 63px;
    padding: 8px 7px;
  }

  .orchestration-summary .material-symbols-rounded {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    font-size: 15px;
  }

  .orchestration-summary small {
    font-size: 5px;
  }

  .orchestration-summary strong {
    font-size: 6.5px;
    line-height: 1.35;
    white-space: normal;
  }
}

@media (max-width: 390px) {

  .hero-orchestration-stage {
    min-height: 980px;
  }

  .orchestration-window {
    height: 960px;
    min-height: 960px;
  }

  .orchestration-body {
    min-height: 906px;
  }

  .orchestration-event {
    width: calc(100% - 24px);
    grid-template-columns: 34px minmax(0, 1fr);
  }

  /*
   * Hide the small state badge only on very narrow screens.
   */
  .event-state {
    display: none;
  }

  .orchestration-core {
    top: 400px;
    width: 138px;
    height: 138px;
  }

  .orchestration-event-decision {
    top: 510px;
  }

  .orchestration-event-output {
    top: 602px;
  }

  .orchestration-event-response {
    top: 694px;
  }
}

/* =========================================================
   v1.17 — Compact, readable mobile orchestration
   ========================================================= */

@media (max-width: 650px) {

  /*
   * Reduce the overall height now that the cards are stacked.
   */
  .hero-orchestration-stage {
    min-height: 860px;
  }

  .orchestration-window {
    height: 840px;
    min-height: 840px;
  }

  .orchestration-body {
    height: calc(100% - 54px);
    min-height: 786px;
    padding: 18px 14px;
  }

  /* Larger heading */
  .orchestration-heading {
    max-width: 320px;
  }

  .orchestration-heading span {
    margin-bottom: 7px;
    font-size: 8px;
    line-height: 1.3;
  }

  .orchestration-heading strong {
    font-size: 17px;
    line-height: 1.32;
  }

  /*
   * Cards are wider and more readable.
   */
  .orchestration-event {
    width: calc(100% - 28px);
    min-height: 84px;

    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 12px;

    padding: 13px 14px;
    border-radius: 18px;
  }

  .orchestration-event-icon {
    width: 42px;
    height: 42px;
    border-radius: 13px;
  }

  .orchestration-event-icon .material-symbols-rounded {
    font-size: 23px;
  }

  /* Larger card typography */
  .orchestration-event small {
    font-size: 8px;
    line-height: 1.35;
  }

  .orchestration-event strong {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.3;
  }

  .orchestration-event p {
    margin-top: 4px;
    font-size: 9.5px;
    line-height: 1.4;
  }

  .event-state {
    padding: 5px 7px;
    font-size: 6.5px;
  }

  /*
   * Compact vertical sequence.
   */
  .orchestration-event-input {
    top: 86px;
  }

  .orchestration-event-identity {
    top: 178px;
  }

  /*
   * Move the engine upwards to remove the large empty gap
   * after Identity recognised.
   */
  .orchestration-core {
    left: 50%;
    top: 348px;

    width: 138px;
    height: 138px;
  }

  .orchestration-core img {
    width: 44px;
    margin-bottom: 6px;
  }

  .orchestration-core > small {
    font-size: 7px;
  }

  .orchestration-core > strong {
    max-width: 112px;
    font-size: 11px;
    line-height: 1.25;
  }

  .core-status {
    bottom: -33px;
    padding: 8px 11px;
    font-size: 7.5px;
  }

  .core-status-text {
    min-width: 122px;
  }

  /*
   * Bring the lower cards closer together.
   */
  .orchestration-event-decision {
    top: 436px;
  }

  .orchestration-event-output {
    top: 528px;
  }

  .orchestration-event-response {
    top: 620px;
  }

  /*
   * Keep the decorative rings focused around the engine,
   * rather than filling the whole mobile card.
   */
  .orchestration-flow {
    inset: 220px 18px 270px;
  }

  .orchestration-flow::before {
    width: 235px;
    height: 235px;
  }

  .orchestration-flow::after {
    width: 330px;
    height: 330px;
  }

  /*
   * Make the three summary cards easier to read.
   */
  .orchestration-summary {
    left: 10px;
    right: 10px;
    bottom: 12px;
    gap: 6px;
  }

  .orchestration-summary article {
    min-height: 66px;
    gap: 7px;
    padding: 9px 8px;
  }

  .orchestration-summary .material-symbols-rounded {
    width: 29px;
    height: 29px;
    flex-basis: 29px;
    font-size: 17px;
  }

  .orchestration-summary small {
    font-size: 6px;
    line-height: 1.25;
  }

  .orchestration-summary strong {
    margin-top: 3px;
    font-size: 7.5px;
    line-height: 1.35;
    white-space: normal;
  }
}

/*
 * Narrow-phone override.
 * This must appear after your earlier max-width:390px rules.
 */
@media (max-width: 390px) {

  .hero-orchestration-stage {
    min-height: 875px;
  }

  .orchestration-window {
    height: 855px;
    min-height: 855px;
  }

  .orchestration-body {
    min-height: 801px;
  }

  .orchestration-event {
    width: calc(100% - 20px);
    min-height: 84px;
    grid-template-columns: 40px minmax(0, 1fr);
    padding: 12px;
  }

  .event-state {
    display: none;
  }

  .orchestration-event-input {
    top: 88px;
  }

  .orchestration-event-identity {
    top: 180px;
  }

  .orchestration-core {
    top: 350px;
    width: 134px;
    height: 134px;
  }

  .orchestration-event-decision {
    top: 438px;
  }

  .orchestration-event-output {
    top: 530px;
  }

  .orchestration-event-response {
    top: 622px;
  }

  .orchestration-event strong {
    font-size: 11px;
  }

  .orchestration-event p {
    font-size: 9px;
  }
}

/* =========================================================
   v1.18 — Mobile core status beside engine
   ========================================================= */

@media (max-width: 650px) {

  /*
   * Keep the engine slightly left of centre so there is
   * dedicated space for the status pill on its right.
   */
  .orchestration-core {
    left: 43%;
  }

  /*
   * Move the changing status pill to the right-hand side
   * of the engine instead of underneath it.
   */
  .core-status {
    left: calc(100% + 10px);
    right: auto;
    bottom: auto;
    top: 50%;

    width: 150px;
    min-height: 44px;

    justify-content: flex-start;
    gap: 9px;

    padding: 10px 12px;

    transform: translateY(-50%);

    border-radius: 14px;

    font-size: 9px;
    line-height: 1.3;
    text-align: left;
    white-space: normal;
  }

  .core-status-text {
    min-width: 0;
    width: auto;
    text-align: left;
  }

  .core-status i {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
  }

  /*
   * Keep the lower cards safely below the engine and
   * right-side status pill.
   */
  .orchestration-event-decision {
    top: 455px;
  }

  .orchestration-event-output {
    top: 550px;
  }

  .orchestration-event-response {
    top: 645px;
  }

  /*
   * Slightly increase the visual height to retain a clean
   * gap above the summary row.
   */
  .hero-orchestration-stage {
    min-height: 885px;
  }

  .orchestration-window {
    height: 865px;
    min-height: 865px;
  }

  .orchestration-body {
    min-height: 811px;
  }
}

@media (max-width: 390px) {

  /*
   * On very narrow screens use a slightly smaller side pill
   * and move the engine further left.
   */
  .orchestration-core {
    left: 40%;
  }

  .core-status {
    left: calc(100% + 7px);
    width: 130px;
    min-height: 42px;
    padding: 9px 10px;
    font-size: 8px;
  }

  .orchestration-event-decision {
    top: 458px;
  }

  .orchestration-event-output {
    top: 553px;
  }

  .orchestration-event-response {
    top: 648px;
  }
}

/* Small mobile gap between the final journey card and bottom summary pills */
@media (max-width: 650px) {
  .orchestration-event-response {
    top: 635px;
  }

  .orchestration-summary {
    bottom: 10px;
  }
}

@media (max-width: 390px) {
  .orchestration-event-response {
    top: 638px;
  }
}

/* =========================================================
   v1.19 — Desktop status pill left of engine
   ========================================================= */

@media (min-width: 651px) {

  /*
   * Move the live processing pill to the left of the engine.
   */
  .orchestration-core .core-status {
    left: auto;
    right: calc(100% + 16px);
    top: 50%;
    bottom: auto;

    width: 168px;
    min-height: 46px;

    transform: translateY(-50%);

    justify-content: flex-start;
    gap: 10px;

    padding: 11px 14px;
    border-radius: 15px;

    font-size: 10px;
    line-height: 1.3;
    text-align: left;
    white-space: normal;
  }

  .orchestration-core .core-status-text {
    min-width: 0;
    width: auto;
    font-size: 10px;
    line-height: 1.35;
    text-align: left;
  }

  .orchestration-core .core-status i {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
  }

  /*
   * Nudge the engine slightly right so the status pill
   * has dedicated space and does not cover the left card.
   */
  .orchestration-core {
    left: 55%;
  }

  /*
   * Keep the decision card safely clear of the status pill.
   */
  .orchestration-event-decision {
    left: 0;
    top: 255px;
    width: 195px;
  }

  /*
   * Keep the lower centre card clear of the moved engine.
   */
  .orchestration-event-response {
    top: 382px;
  }
}

@media (min-width: 651px) and (max-width: 900px) {

  .orchestration-core {
    left: 56%;
  }

  .orchestration-core .core-status {
    right: calc(100% + 10px);
    width: 145px;
    padding: 10px 12px;
    font-size: 9px;
  }

  .orchestration-core .core-status-text {
    font-size: 9px;
  }

  .orchestration-event-decision {
    width: 185px;
  }
}

/* =========================================================
   v1.20 — Remove orchestration summary pills
   ========================================================= */

.orchestration-summary {
  display: none !important;
}

@media (min-width: 651px) {
  .orchestration-window {
    min-height: 640px;
  }

  .orchestration-body {
    min-height: 578px;
  }

  .orchestration-event-response {
    top: 390px;
  }
}

@media (max-width: 650px) {
  .hero-orchestration-stage {
    min-height: 790px;
  }

  .orchestration-window {
    height: 770px;
    min-height: 770px;
  }

  .orchestration-body {
    min-height: 716px;
  }

  .orchestration-event-response {
    top: 638px;
  }
}

/* =========================================================
   v1.21 — More panel depth and title spacing
   ========================================================= */

/* Desktop and tablet */
@media (min-width: 651px) {

  .hero-orchestration-stage {
    min-height: 735px;
  }

  .orchestration-window {
    min-height: 715px;
  }

  .orchestration-body {
    min-height: 653px;
  }

  /* More space below the heading */
  .orchestration-events {
    inset: 118px 18px 86px;
  }

  /* Keep the top cards below the title */
  .orchestration-event-input {
    top: 12px;
  }

  .orchestration-event-identity {
    top: 36px;
  }

  /* Move the lower section down slightly */
  .orchestration-event-decision {
    top: 270px;
  }

  .orchestration-event-output {
    top: 290px;
  }

  /* Final card with proper bottom clearance */
  .orchestration-event-response {
    top: 420px;
    bottom: auto;
  }
}

/* Mobile */
@media (max-width: 650px) {

  .hero-orchestration-stage {
    min-height: 845px;
  }

  .orchestration-window {
    height: 825px;
    min-height: 825px;
  }

  .orchestration-body {
    min-height: 771px;
  }

  /* Bigger gap between title and first card */
  .orchestration-event-input {
    top: 105px;
  }

  .orchestration-event-identity {
    top: 202px;
  }

  /* Keep engine and remaining cards aligned */
  .orchestration-core {
    top: 372px;
  }

  .orchestration-event-decision {
    top: 478px;
  }

  .orchestration-event-output {
    top: 575px;
  }

  /* Lift slightly while retaining a visible bottom gap */
  .orchestration-event-response {
    top: 672px;
  }
}

/* Narrow phones */
@media (max-width: 390px) {

  .hero-orchestration-stage {
    min-height: 865px;
  }

  .orchestration-window {
    height: 845px;
    min-height: 845px;
  }

  .orchestration-body {
    min-height: 791px;
  }

  .orchestration-event-input {
    top: 108px;
  }

  .orchestration-event-identity {
    top: 205px;
  }

  .orchestration-core {
    top: 375px;
  }

  .orchestration-event-decision {
    top: 481px;
  }

  .orchestration-event-output {
    top: 578px;
  }

  .orchestration-event-response {
    top: 675px;
  }
}

/* =========================================================
   Final orchestration step — show completed tick when active
   ========================================================= */

.orchestration-event-response.is-active .orchestration-event-icon {
  position: relative;
  background: linear-gradient(
    145deg,
    #39c898,
    #176f59
  ) !important;

  box-shadow:
    0 0 0 5px rgba(105, 255, 193, 0.12),
    0 0 22px rgba(105, 255, 193, 0.3) !important;
}

/* Hide the original redeem icon */
.orchestration-event-response.is-active
.orchestration-event-icon
.material-symbols-rounded {
  visibility: hidden;
}

/* Show the completed tick */
.orchestration-event-response.is-active
.orchestration-event-icon::after {
  content: "check";
  position: absolute;
  inset: 0;
  z-index: 2;

  display: grid;
  place-items: center;

  color: #fff;
  font-family: "Material Symbols Rounded";
  font-size: 22px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  font-variation-settings:
    "FILL" 1,
    "wght" 700,
    "GRAD" 0,
    "opsz" 24;
}

/* Give the final state pill the completed appearance */
.orchestration-event-response.is-active .event-state {
  color: #82ffd0;
  background: rgba(105, 255, 193, 0.11);
}

/* Portal Analytics v2 narrative additions */
.industry-section{background:linear-gradient(180deg,#f7f5ff 0%,#fff 100%)}
.industry-section .section-head p,.foundation-section .section-head p{max-width:760px;margin-top:16px;color:#62647a;line-height:1.7}
.industry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.industry-card{padding:28px;border:1px solid #e7e3f6;border-radius:24px;background:#fff;box-shadow:0 14px 40px rgba(28,12,110,.06);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.industry-card:hover{transform:translateY(-4px);border-color:#c8c0f0;box-shadow:0 22px 50px rgba(28,12,110,.11)}
.industry-card>span{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:linear-gradient(145deg,#ede9ff,#dcd5ff);color:var(--blue);font-size:26px}
.industry-card h3{margin:22px 0 10px;font-size:20px}.industry-card p{margin:0;color:#64677c;font-size:14px;line-height:1.65}
.foundation-section{background:#f8f7fc}
.foundation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}
.foundation-card{position:relative;overflow:hidden;padding:30px;border:1px solid #e3def5;border-radius:26px;background:#fff;box-shadow:0 18px 48px rgba(28,12,110,.07)}
.foundation-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:#2d19b8}
.foundation-card--connecting{color:#fff;border-color:transparent;background:linear-gradient(145deg,#241184,#4b20d6)}
.foundation-card--connecting:before{background:#ff3a5d}.foundation-card--vision:before{background:#45b977}
.foundation-card>span{display:inline-flex;padding:8px 11px;border-radius:999px;background:#ede9ff;color:#321cb4;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.foundation-card--connecting>span{background:rgba(255,255,255,.12);color:#fff}
.foundation-card h3{margin:22px 0 18px;font-size:23px;line-height:1.25}.foundation-card ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.foundation-card li{position:relative;padding-left:20px;color:#62647a;font-size:14px;line-height:1.55}.foundation-card li:before{content:"✓";position:absolute;left:0;color:#3a24bd;font-weight:800}
.foundation-card--connecting li{color:rgba(255,255,255,.78)}.foundation-card--connecting li:before{color:#ff8297}
@media(max-width:900px){.industry-grid,.foundation-grid{grid-template-columns:1fr 1fr}.foundation-card--vision{grid-column:1/-1}}
@media(max-width:650px){.industry-grid,.foundation-grid{grid-template-columns:1fr}.foundation-card--vision{grid-column:auto}.industry-card,.foundation-card{padding:24px}}

/* Consent preferences */
.footer-link-button,.legal-inline-button{margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.footer-link-button:hover,.footer-link-button:focus-visible,.legal-inline-button:hover,.legal-inline-button:focus-visible{color:#fff}.legal-inline-button{color:var(--blue)}.legal-inline-button:hover,.legal-inline-button:focus-visible{color:#ff3153}
.cookie-consent[hidden],.cookie-consent [hidden]{display:none!important}.cookie-consent{position:fixed;inset:0;z-index:10000;display:grid;align-items:end;padding:24px}.cookie-consent__backdrop{position:absolute;inset:0;background:rgba(12,7,43,.52);backdrop-filter:blur(5px)}.cookie-consent__panel{position:relative;width:min(760px,100%);margin:0 auto;padding:28px;border:1px solid rgba(255,255,255,.16);border-radius:26px;background:#fff;color:#211d35;box-shadow:0 28px 90px rgba(12,7,43,.3);outline:0}.cookie-consent__summary{display:grid;grid-template-columns:auto 1fr;gap:18px}.cookie-consent__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#eeeaff;color:var(--blue);font-size:28px}.cookie-consent h2{margin:0 0 10px;font-size:24px}.cookie-consent p{margin:0;color:#62647a;font-size:14px;line-height:1.65}.cookie-consent a{display:inline-block;margin-top:10px;color:var(--blue);font-size:13px;font-weight:700}.cookie-consent__preferences{display:grid;gap:10px;margin-top:20px}.cookie-choice{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px;border:1px solid #e7e3f3;border-radius:16px;background:#faf9fe}.cookie-choice strong{display:block;margin-bottom:4px;font-size:14px}.cookie-choice p{font-size:12px}.cookie-choice__status{flex:none;padding:6px 9px;border-radius:999px;background:#e9f8f1;color:#17704f;font-size:10px;font-weight:800;text-transform:uppercase}.cookie-switch{position:relative;flex:none;width:48px;height:28px}.cookie-switch input{position:absolute;width:1px;height:1px;opacity:0}.cookie-switch span{position:absolute;inset:0;border-radius:999px;background:#bbb8c8;transition:.2s;cursor:pointer}.cookie-switch span:after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.25);transition:.2s}.cookie-switch input:checked+span{background:var(--blue)}.cookie-switch input:checked+span:after{transform:translateX(20px)}.cookie-switch input:focus-visible+span{outline:3px solid rgba(45,25,184,.28);outline-offset:3px}.cookie-consent__actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:22px}.cookie-button{min-height:44px;padding:11px 17px;border:1px solid #dcd7ec;border-radius:12px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.cookie-button--secondary{background:#fff;color:#302b43}.cookie-button--secondary:hover{background:#f5f3fb}.cookie-button--primary{border-color:var(--blue);background:var(--blue);color:#fff}.cookie-button--primary:hover{background:#241196}.cookie-button:focus-visible{outline:3px solid rgba(45,25,184,.25);outline-offset:2px}.cookie-consent-open{overflow:hidden}
@media(max-width:650px){.cookie-consent{padding:12px}.cookie-consent__panel{padding:21px;border-radius:21px}.cookie-consent__summary{grid-template-columns:1fr}.cookie-consent__icon{width:44px;height:44px}.cookie-consent h2{font-size:21px}.cookie-choice{align-items:flex-start}.cookie-consent__actions{display:grid;grid-template-columns:1fr}.cookie-button{width:100%}}

/* =========================================================
   v2.1 — connecting-the-dots journey and multi-industry PWAs
   ========================================================= */
.dots-journey-section{position:relative;overflow:hidden;background:#0c0539;color:#fff}
.dots-journey-glow{position:absolute;width:620px;height:620px;right:-260px;top:-250px;border-radius:50%;background:radial-gradient(circle,rgba(93,59,255,.35),transparent 68%);pointer-events:none}
.dots-journey-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;position:relative;z-index:1}
.dots-journey-heading h2{font-size:clamp(36px,4.6vw,58px);line-height:1.08;letter-spacing:-.04em;margin:16px 0 0;max-width:760px}
.dots-journey-heading>p{margin:0;color:rgba(255,255,255,.68);font-size:16px;line-height:1.75}
.dots-journey{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:relative;z-index:1}
.dots-journey:before{content:"";position:absolute;left:7%;right:7%;top:49px;height:2px;background:linear-gradient(90deg,#ff203c,#8f79ff,#41d9ff);opacity:.72}
.dots-step{position:relative;min-width:0;padding:0 13px;text-align:center}
.dots-step-number{display:block;color:#9d92e2;font-size:9px;font-weight:800;letter-spacing:.15em;margin-bottom:9px}
.dots-step-icon{position:relative;z-index:2;width:58px;height:58px;margin:0 auto 22px;display:grid;place-items:center;border-radius:19px;border:1px solid rgba(255,255,255,.24);background:linear-gradient(145deg,#3921b9,#201078);box-shadow:0 0 0 8px #0c0539,0 18px 35px rgba(0,0,0,.22);font-size:29px;font-variation-settings:'FILL' 1,'wght' 500,'GRAD' 0,'opsz' 32}
.dots-step:nth-child(1) .dots-step-icon,.dots-step:nth-child(6) .dots-step-icon{background:linear-gradient(145deg,#ff4358,#d80c2b)}
.dots-step h3{font-size:16px;margin:0 0 8px}
.dots-step p{margin:0;color:rgba(255,255,255,.58);font-size:11px;line-height:1.58}
.dots-outcome{margin:56px auto 0;max-width:690px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;padding:16px 20px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.055);text-align:center;font-size:12px}
.dots-outcome span{color:rgba(255,255,255,.55)}.dots-outcome i{font-style:normal;color:#ff4057;font-size:20px}.dots-outcome strong{color:#fff}

.industry-section{overflow:hidden;padding-bottom:118px}
.phone-scroll-hint{display:none}
.phone-showcase{display:grid;grid-template-columns:repeat(6,minmax(190px,1fr));gap:18px;align-items:end;margin-top:46px;padding:28px 0 18px}
.experience-phone{min-width:0}.experience-phone:nth-child(even){transform:translateY(24px)}
.experience-phone-shell{position:relative;overflow:hidden;aspect-ratio:9/18.8;padding:29px 12px 12px;border:5px solid #17152b;border-radius:31px;background:#f7f7fb;box-shadow:0 26px 46px rgba(28,16,91,.18),inset 0 0 0 1px rgba(255,255,255,.7);color:#17172c}
.experience-phone-notch{position:absolute;z-index:4;width:42%;height:17px;left:29%;top:5px;border-radius:0 0 12px 12px;background:#17152b}
.experience-status{display:flex;justify-content:space-between;padding:0 5px 10px;font-size:7px;font-weight:800}
.experience-app-head{display:grid;grid-template-columns:34px 1fr 18px;gap:7px;align-items:center;margin-bottom:12px}
.experience-app-head>span:last-child{font-size:17px}.experience-app-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:var(--phone-accent);color:#fff;font-size:18px;font-variation-settings:'FILL' 1}
.experience-app-head div{min-width:0;line-height:1.15}.experience-app-head small,.experience-app-head strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.experience-app-head small{font-size:6px;text-transform:uppercase;letter-spacing:.08em;color:#74758a}.experience-app-head strong{font-size:9px;margin-top:3px}
.experience-brandmark{width:34px;height:34px;display:grid;place-items:center;position:relative;border-radius:11px;background:var(--phone-accent);color:#fff;overflow:hidden;box-shadow:0 6px 12px color-mix(in srgb,var(--phone-accent) 25%,transparent)}.experience-brandmark b{position:relative;z-index:1;font-size:8px;letter-spacing:-.04em}.experience-brandmark:after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.55);border-radius:50%}.experience-brandmark--flame{border-radius:55% 45% 52% 48%/65% 50% 50% 35%}.experience-brandmark--spark:after{inset:8px;border-radius:2px;transform:rotate(45deg)}.experience-brandmark--leaf{border-radius:65% 25% 65% 25%}.experience-brandmark--crest:after{inset:5px 7px;border-radius:3px 3px 10px 10px}.experience-brandmark--forge:after{inset:8px 5px;border-radius:2px;transform:skew(-12deg)}
.experience-hero-card{min-height:48%;padding:16px 13px;border-radius:18px;background:var(--phone-hero);color:#fff;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;box-shadow:0 13px 26px color-mix(in srgb,var(--phone-accent) 24%,transparent)}.experience-hero-card:after{content:"";position:absolute;width:95px;height:95px;right:-38px;top:-30px;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 16px rgba(255,255,255,.05),0 0 0 32px rgba(255,255,255,.035)}
.experience-hero-card>span{position:relative;z-index:1;font-size:5.5px;font-weight:800;letter-spacing:.12em;opacity:.82}.experience-hero-card h3{position:relative;z-index:1;font-size:clamp(13px,1.22vw,18px);line-height:1.14;margin:14px 0 5px;letter-spacing:-.03em}.experience-meta{position:relative;z-index:1;font-size:6px;opacity:.72}.experience-hero-card button{position:relative;z-index:1;margin-top:auto;border:0;border-radius:999px;padding:8px 10px;background:#fff;color:#15142c;font:700 7px Montserrat,Arial,sans-serif}.experience-hero-card button i{font-style:normal;margin-left:5px}
.experience-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.experience-mini-grid>span{min-width:0;padding:8px;border:1px solid #e5e3ef;border-radius:12px;background:#fff}.experience-mini-grid i{display:block;color:var(--phone-accent);font-size:15px}.experience-mini-grid strong,.experience-mini-grid small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.experience-mini-grid strong{margin-top:2px;font-size:6.5px}.experience-mini-grid small{font-size:5.5px;color:#87879a;margin-top:1px}
.experience-phone-nav{position:absolute;left:12px;right:12px;bottom:10px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e4e3ed;padding-top:8px;color:#858698}.experience-phone-nav span{display:flex;flex-direction:column;align-items:center;font-size:6px;line-height:1.1}.experience-phone-nav i{font-size:15px;margin-bottom:2px}.experience-phone-nav .is-current{color:var(--phone-accent);font-weight:800}
.experience-caption{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:18px;color:#302e52;font-size:11px}.experience-caption span{font-size:17px;color:var(--phone-accent)}
.experience-phone--event{--phone-accent:#6b38e8;--phone-hero:linear-gradient(145deg,#8658ff,#3b19a9)}
.experience-phone--hospitality{--phone-accent:#c17b29;--phone-hero:linear-gradient(145deg,#dba65f,#7e4217)}
.experience-phone--competition{--phone-accent:#e31e49;--phone-hero:linear-gradient(145deg,#ff506f,#9c0d2d)}
.experience-phone--retail{--phone-accent:#087c72;--phone-hero:linear-gradient(145deg,#23aa9d,#075c57)}
.experience-phone--education{--phone-accent:#245abf;--phone-hero:linear-gradient(145deg,#4f83e4,#173f91)}
.experience-phone--workforce{--phone-accent:#4237a6;--phone-hero:linear-gradient(145deg,#6558d9,#2b247a)}
.phone-showcase-note{text-align:center;margin:50px auto 0;color:#575a72;font-size:13px;font-weight:600}

@media(max-width:1100px){
  .dots-journey{grid-template-columns:repeat(3,1fr);row-gap:42px}.dots-journey:before{display:none}.dots-step{padding:0 25px}.phone-showcase{grid-template-columns:repeat(3,minmax(190px,1fr));gap:38px 24px;max-width:780px;margin-left:auto;margin-right:auto}.experience-phone:nth-child(even){transform:none}.experience-phone-shell{max-width:235px;margin:auto}.experience-hero-card h3{font-size:17px}
}
@media(max-width:780px){
  .dots-journey-heading{grid-template-columns:1fr;gap:24px}.dots-journey-heading>p{max-width:650px}.dots-journey{grid-template-columns:1fr 1fr}.dots-outcome{border-radius:22px}.phone-scroll-hint{display:block;margin:24px 0 4px;color:#77758e;font-size:11px;font-weight:700}.phone-showcase{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;max-width:none;margin:0 calc((100vw - var(--container))/2 * -1);padding:24px max(24px,calc((100vw - var(--container))/2)) 32px;scrollbar-width:none}.phone-showcase::-webkit-scrollbar{display:none}.experience-phone{flex:0 0 224px;scroll-snap-align:center}.experience-phone-shell{max-width:none}.experience-phone:nth-child(even){transform:translateY(14px)}.phone-showcase-note{margin-top:22px}
}
@media(max-width:520px){
  .dots-journey{grid-template-columns:1fr;gap:0;margin-top:44px}.dots-step{display:grid;grid-template-columns:30px 54px 1fr;gap:13px;align-items:start;text-align:left;padding:13px 0}.dots-step-number{margin:18px 0 0}.dots-step-icon{width:50px;height:50px;margin:0;font-size:25px;box-shadow:0 0 0 6px #0c0539}.dots-step h3{margin-top:4px}.dots-step p{font-size:11px}.dots-outcome{grid-template-columns:1fr;padding:18px}.dots-outcome i{transform:rotate(90deg)}.experience-phone{flex-basis:210px}.industry-section{padding-bottom:88px}
}

/* v2.3 — richer, product-like multi-industry PWA showcase */
.experience-phone-shell{aspect-ratio:9/19.5;padding:29px 11px 12px;background:linear-gradient(180deg,#fff 0,#f6f7fb 100%);border-color:#11111b;box-shadow:0 30px 58px rgba(20,13,72,.22),0 8px 18px rgba(17,17,27,.16),inset 0 0 0 1px rgba(255,255,255,.8)}
.experience-app-head{grid-template-columns:38px 1fr 21px;margin-bottom:10px}.experience-app-head>span:last-child{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#eeedf5;color:#4f5064;font-size:13px}
.experience-brandmark{width:38px;height:38px;border-radius:13px;box-shadow:0 7px 16px color-mix(in srgb,var(--phone-accent) 30%,transparent)}.experience-brandmark:after{display:none}.experience-brandmark i,.experience-brandmark i:before,.experience-brandmark i:after{position:absolute;display:block;content:""}
.experience-wordmark strong{font-size:9.5px;letter-spacing:-.025em}.experience-wordmark small{font-size:5.5px;color:var(--phone-accent);font-weight:800}
.experience-brandmark--sunny i{width:14px;height:14px;border:3px solid #fff;border-radius:50%}.experience-brandmark--sunny i:before{width:24px;height:24px;left:-8px;top:-8px;border:3px dotted rgba(255,255,255,.78);border-radius:50%}
.experience-brandmark--flame i{width:15px;height:21px;left:11px;top:8px;background:#fff;border-radius:80% 20% 60% 40%;transform:rotate(42deg)}.experience-brandmark--flame i:after{width:7px;height:11px;left:4px;top:7px;background:var(--phone-accent);border-radius:80% 20% 60% 40%}
.experience-brandmark--spark i{width:18px;height:18px;left:10px;top:10px;background:#fff;clip-path:polygon(50% 0,61% 36%,100% 50%,61% 64%,50% 100%,39% 64%,0 50%,39% 36%)}
.experience-brandmark--leaf i{width:20px;height:14px;left:9px;top:11px;border-radius:100% 0 100% 0;background:#fff;transform:rotate(-18deg)}.experience-brandmark--leaf i:after{width:15px;height:1.5px;left:3px;top:7px;background:var(--phone-accent);transform:rotate(-28deg)}
.experience-brandmark--crest i{width:19px;height:23px;left:9px;top:7px;background:#fff;clip-path:polygon(0 0,100% 0,92% 68%,50% 100%,8% 68%)}.experience-brandmark--crest i:after{width:3px;height:15px;left:8px;top:3px;background:var(--phone-accent);box-shadow:-5px 5px 0 -1px var(--phone-accent),5px 5px 0 -1px var(--phone-accent)}
.experience-brandmark--forge i{width:21px;height:19px;left:9px;top:9px;border:4px solid #fff;border-left-width:7px;transform:skew(-10deg)}.experience-brandmark--forge i:after{width:9px;height:4px;left:4px;top:4px;background:var(--phone-accent)}
.experience-hero-card{min-height:35%;padding:14px 12px 12px;border-radius:17px}.experience-hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.09),transparent 45%);pointer-events:none}.experience-hero-card h3{font-size:clamp(13px,1.18vw,17px);margin:10px 0 4px;max-width:92%}.experience-hero-card button{padding:7px 10px;box-shadow:0 6px 14px rgba(0,0,0,.14)}
.experience-live-strip{height:25px;margin:7px 1px 6px;padding:0 7px;display:flex;align-items:center;gap:5px;border-radius:8px;background:color-mix(in srgb,var(--phone-accent) 8%,#fff);border:1px solid color-mix(in srgb,var(--phone-accent) 18%,#e7e6ef);color:#515266;font-size:5.5px;font-weight:700;white-space:nowrap;overflow:hidden}.experience-live-strip i{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:var(--phone-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--phone-accent) 14%,transparent)}.experience-live-strip span{overflow:hidden;text-overflow:ellipsis}
.experience-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.experience-feature-grid button{min-width:0;height:43px;padding:4px 1px;border:1px solid #e6e5ee;border-radius:9px;background:#fff;color:#333449;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:700 4.8px Montserrat,Arial,sans-serif;box-shadow:0 3px 8px rgba(25,20,70,.04)}.experience-feature-grid button i{color:var(--phone-accent);font-size:14px;font-variation-settings:'FILL' 1,'wght' 500}.experience-feature-grid button:hover{border-color:var(--phone-accent);transform:translateY(-1px)}
.experience-phone-nav{bottom:9px;padding-top:6px}.experience-phone-nav i{font-size:14px}.experience-phone-nav span{font-size:5.5px}
.experience-caption{margin-top:20px}.experience-caption strong{font-size:10px}
.experience-phone--event{--phone-accent:#6938e8;--phone-hero:linear-gradient(145deg,#8b61ff 0%,#5b25d5 55%,#261078 100%)}
.experience-phone--hospitality{--phone-accent:#b96921;--phone-hero:linear-gradient(145deg,#dca45a 0%,#a85f22 48%,#552709 100%)}
.experience-phone--competition{--phone-accent:#df1647;--phone-hero:linear-gradient(145deg,#ff5a7a 0%,#dc1749 48%,#7c0826 100%)}
.experience-phone--retail{--phone-accent:#087d72;--phone-hero:linear-gradient(145deg,#36b9aa 0%,#087d72 52%,#06433f 100%)}
.experience-phone--education{--phone-accent:#245cbd;--phone-hero:linear-gradient(145deg,#5e91ed 0%,#245cbd 52%,#102d6d 100%)}
.experience-phone--workforce{--phone-accent:#4637ad;--phone-hero:linear-gradient(145deg,#7466e6 0%,#4637ad 52%,#241b69 100%)}

/* v2.4 — photographic PWA showcase */
.industry-section{position:relative;isolation:isolate;background:linear-gradient(180deg,#fff 0%,rgba(247,246,255,.94) 48%,#fff 100%)}
.industry-section:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(248,247,255,.84) 33%,rgba(248,247,255,.78) 72%,#fff 100%),url('/assets/showcase/showcase-background.webp') center/cover no-repeat;opacity:.9}
.industry-section:after{content:"";position:absolute;z-index:-1;width:760px;height:480px;left:50%;top:28%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(94,64,219,.14),transparent 68%);pointer-events:none}
.experience-phone-shell{background:linear-gradient(180deg,#fff 0%,#f5f5fa 100%);box-shadow:0 34px 70px rgba(24,17,75,.25),0 10px 22px rgba(17,17,27,.18),inset 0 0 0 1px rgba(255,255,255,.9)}
.experience-hero-card{min-height:38%;background:#1b1930;padding:14px 12px 12px;box-shadow:0 15px 30px color-mix(in srgb,var(--phone-accent) 26%,transparent)}
.experience-hero-card:before{z-index:2;background:linear-gradient(145deg,color-mix(in srgb,var(--phone-accent) 32%,transparent),transparent 55%)}
.experience-hero-card:after{z-index:2;opacity:.55}
.experience-hero-art{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.015);transition:transform .45s ease}
.experience-phone:hover .experience-hero-art{transform:scale(1.06)}
.experience-hero-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(10,8,25,.16) 0%,rgba(10,8,25,.28) 35%,rgba(10,8,25,.92) 100%)}
.experience-hero-card>span,.experience-hero-card h3,.experience-hero-card .experience-meta,.experience-hero-card button{z-index:3;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.experience-hero-card h3{font-size:clamp(14px,1.24vw,18px);margin-top:8px}
.experience-hero-card button{text-shadow:none;background:rgba(255,255,255,.96);box-shadow:0 8px 20px rgba(0,0,0,.22)}
.experience-phone--competition .experience-hero-art{object-position:56% center}
.experience-phone--competition .experience-hero-card{box-shadow:0 15px 32px rgba(223,22,71,.32)}
.experience-phone--competition .experience-hero-card h3{font-size:clamp(16px,1.38vw,20px);text-transform:uppercase;letter-spacing:-.045em}
@media(prefers-reduced-motion:reduce){.experience-hero-art{transition:none}.experience-phone:hover .experience-hero-art{transform:scale(1.015)}}

/* v2.5 — clearer showcase guidance and sector labels */
.experience-caption{
  gap:10px;
  margin-top:22px;
  min-height:32px;
  color:#282541;
}
.experience-caption span{
  font-size:24px;
  line-height:1;
  filter:drop-shadow(0 4px 8px color-mix(in srgb,var(--phone-accent) 22%,transparent));
}
.experience-caption strong{
  font-size:13px;
  font-weight:800;
  line-height:1.25;
  letter-spacing:-.015em;
}
@media(max-width:780px){
  .phone-scroll-hint{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    width:fit-content;
    min-width:min(100%,310px);
    margin:28px 0 8px;
    padding:11px 14px 11px 16px;
    border:1px solid rgba(54,39,142,.14);
    border-radius:999px;
    background:rgba(255,255,255,.8);
    box-shadow:0 10px 26px rgba(35,22,108,.08);
    color:#37324f;
    font-size:16px;
    font-weight:800;
    line-height:1.25;
    letter-spacing:-.015em;
  }
  .phone-scroll-hint span{
    display:grid;
    place-items:center;
    width:30px;
    height:30px;
    flex:0 0 30px;
    border-radius:50%;
    background:var(--blue);
    color:#fff;
    font-size:18px;
  }
  .experience-caption{gap:11px;margin-top:22px;justify-content:flex-start;padding-left:8px}
  .experience-caption span{font-size:26px}
  .experience-caption strong{font-size:14px}
}
@media(max-width:520px){
  .phone-scroll-hint{font-size:15px;min-width:min(100%,292px)}
}