:root{
  --sapphire:#0f206c;
  --deep:#06113a;
  --deep-2:#03091f;
  --bikini:#00c1de;
  --rain:#425cc7;
  --bel-air:#009ade;
  --spring:#fed120;
  --white:#f7fbff;
  --muted:#aab7db;
  --line:rgba(165,188,255,.16);
  --glass:rgba(8,22,68,.62);
  --shadow:0 30px 90px rgba(0,0,0,.38);
  --radius:26px;
  --container:min(1180px,calc(100% - 40px));
  --display:"Adapta Display Extra Bold","M PLUS 1p",Arial,sans-serif;
  --body:"M PLUS 1p",Arial,sans-serif;
}

.hero-copy .split-line:nth-child(2)>span {
    transition-delay: .12s;
    color: var(--bikini) !important;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--deep-2)}body{margin:0;font-family:var(--body);color:var(--white);background:var(--deep-2);overflow-x:hidden;line-height:1.5}body::selection{background:var(--bikini);color:var(--deep)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:var(--container);margin-inline:auto}.section{position:relative;padding:clamp(88px,10vw,150px) 0}.scroll-progress{position:fixed;inset:0 0 auto;z-index:200;height:3px;background:transparent}.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--rain),var(--bikini),var(--spring));box-shadow:0 0 18px var(--bikini)}
.custom-cursor{position:fixed;inset:0 auto auto 0;width:32px;height:32px;border:1px solid rgba(255,255,255,.55);border-radius:50%;pointer-events:none;z-index:500;transform:translate(-50%,-50%);opacity:0;transition:width .2s,height .2s,background .2s,opacity .2s;mix-blend-mode:difference}.custom-cursor span{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.custom-cursor.hover{width:54px;height:54px;background:rgba(255,255,255,.14)}
.site-header{position:fixed;z-index:100;top:16px;left:0;right:0;transition:.35s ease}.nav-shell{width:min(1220px,calc(100% - 28px));margin:auto;height:72px;padding:0 14px 0 22px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(4,12,43,.45);backdrop-filter:blur(22px);display:flex;align-items:center;gap:28px;box-shadow:0 18px 60px rgba(0,0,0,.18)}.site-header.scrolled .nav-shell{background:rgba(3,9,31,.9);border-color:rgba(0,193,222,.18);height:66px}.brand{width:132px;display:flex;align-items:center}.brand img{width:100%;height:auto}.desktop-nav{display:flex;gap:28px;margin-left:auto}.desktop-nav a{font-size:13px;color:#c9d4ef;transition:.25s}.desktop-nav a:hover{color:#fff}.nav-cta{margin-left:6px}.menu-toggle{display:none;width:46px;height:46px;background:transparent;border:0;position:relative}.menu-toggle span{position:absolute;width:22px;height:2px;background:#fff;left:12px;transition:.25s}.menu-toggle span:first-child{top:18px}.menu-toggle span:last-child{top:27px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.mobile-menu{width:min(1220px,calc(100% - 28px));margin:8px auto 0;padding:18px;background:rgba(3,9,31,.96);border:1px solid var(--line);border-radius:20px;backdrop-filter:blur(22px)}.mobile-menu a{display:block;padding:14px 10px;border-bottom:1px solid rgba(255,255,255,.08)}
.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 24px;border-radius:14px;font-weight:700;font-size:14px;border:1px solid transparent;overflow:hidden;isolation:isolate;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s}.button:hover{transform:translateY(-2px)}.button-small{min-height:44px;padding:0 18px;font-size:12px;border-radius:12px}.button-primary{background:linear-gradient(135deg,var(--bikini),var(--bel-air));color:#041033;box-shadow:0 12px 34px rgba(0,193,222,.25)}.button-primary:hover{box-shadow:0 16px 42px rgba(0,193,222,.38)}.button-ghost{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.04);color:#fff}.button-ghost:hover{border-color:var(--bikini);background:rgba(0,193,222,.08)}.button-light{background:#fff;color:var(--sapphire);box-shadow:0 16px 40px rgba(0,0,0,.18)}.ripple-dot{position:absolute;border-radius:999px;background:rgba(255,255,255,.45);transform:scale(0);animation:ripple .65s linear;pointer-events:none;z-index:-1}@keyframes ripple{to{transform:scale(4);opacity:0}}
.hero{position:relative;min-height:100svh;padding:150px 0 92px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 72% 44%,rgba(0,154,222,.22),transparent 31%),radial-gradient(circle at 30% 10%,rgba(66,92,199,.15),transparent 26%),linear-gradient(180deg,#03091f 0%,#06113a 64%,#071644 100%)}.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 78%)}.hero-noise{position:absolute;inset:0;opacity:.11;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.ambient-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.72}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(400px,.72fr);gap:clamp(48px,6vw,92px);align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(0,193,222,.24);border-radius:999px;background:rgba(0,193,222,.06);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#b9eaf2;margin-bottom:24px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--bikini);box-shadow:0 0 0 6px rgba(0,193,222,.09),0 0 18px var(--bikini)}.display-heading{font-family:var(--display);font-size:clamp(43px,5.5vw,82px);line-height:.97;letter-spacing:-.055em;margin:0;max-width:780px}.accent-line{color:transparent;background:linear-gradient(90deg,#fff 0%,#8feeff 58%,var(--bikini) 100%);-webkit-background-clip:text;background-clip:text}.split-line{display:block;overflow:hidden}.split-line>span{display:block;transform:translateY(110%);transition:transform .9s cubic-bezier(.16,1,.3,1)}.in-view .split-line>span,.hero-copy .split-line>span{transform:translateY(0)}.hero-copy .split-line:nth-child(2)>span{transition-delay:.12s}.hero-lead{font-size:clamp(16px,1.55vw,20px);color:#b6c3e2;max-width:660px;margin:28px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.microproof{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px 24px;color:#8fa0ca;font-size:12px}.microproof span{position:relative}.microproof span+span::before{content:"";position:absolute;left:-13px;top:8px;width:3px;height:3px;background:var(--bikini);border-radius:50%}.microproof strong{color:#fff}.hero-quick-form{position:relative;width:100%;max-width:500px;justify-self:end;padding:32px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(150deg,rgba(12,31,91,.92),rgba(3,10,35,.96));box-shadow:0 34px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}.hero-quick-form::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--rain),var(--bikini),var(--spring))}.hero-quick-form::after{content:"";position:absolute;width:220px;height:220px;right:-110px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(0,193,222,.16),transparent 68%);pointer-events:none}.quick-form-head{position:relative;z-index:1;margin-bottom:24px}.quick-form-kicker{display:inline-flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.16em;font-weight:800;color:#a9e9f2}.quick-form-kicker i{width:7px;height:7px;border-radius:50%;background:var(--bikini);box-shadow:0 0 0 5px rgba(0,193,222,.09)}.quick-form-head h2{max-width:390px;margin:14px 0 9px;font-family:var(--display);font-size:clamp(28px,2.4vw,38px);line-height:1.02;letter-spacing:-.04em}.quick-form-head p{max-width:420px;margin:0;color:#91a2cb;font-size:12px}.quick-form-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:14px}.quick-form-field{display:block}.quick-form-field.full{grid-column:1/-1}.quick-form-field>span{display:block;margin-bottom:7px;color:#a9b6d5;font-size:9px;font-weight:700}.quick-form-field input{width:100%;min-height:48px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(1,7,27,.54);color:#fff;outline:none;transition:border-color .25s,box-shadow .25s,background .25s}.quick-form-field input::placeholder{color:#60709e}.quick-form-field input:hover{background:rgba(3,11,39,.72)}.quick-form-field input:focus{border-color:var(--bikini);box-shadow:0 0 0 3px rgba(0,193,222,.09)}.quick-form-field input.invalid{border-color:#ff7187}.quick-consent{position:relative;z-index:1;margin:16px 0 17px}.hero-quick-form .form-submit{position:relative;z-index:1;min-height:50px}.quick-form-note{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:7px 17px;margin-top:16px;color:#6f82b1;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.quick-form-note span{position:relative}.quick-form-note span+span::before{content:"";position:absolute;left:-10px;top:5px;width:3px;height:3px;border-radius:50%;background:var(--bikini)}.hero-visual{position:relative;min-height:620px;perspective:1200px;transform-style:preserve-3d;transition:transform .18s ease-out}.orbit-glow{position:absolute;width:430px;height:430px;left:50%;top:44%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(0,193,222,.25),rgba(66,92,199,.1) 43%,transparent 70%);filter:blur(18px)}.hero-orb{position:absolute;width:360px;height:360px;left:50%;top:40%;transform:translate(-50%,-50%);border-radius:50%;filter:drop-shadow(0 30px 70px rgba(0,193,222,.2))}.orb-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(0,193,222,.32);box-shadow:inset 0 0 34px rgba(0,193,222,.12),0 0 28px rgba(0,193,222,.08)}.ring-a{animation:spin 15s linear infinite;border-width:2px;border-left-color:transparent;border-right-color:var(--bikini)}.ring-b{inset:34px;animation:spinReverse 11s linear infinite;border-style:dashed;border-color:rgba(117,166,255,.42)}.ring-c{inset:72px;animation:spin 8s linear infinite;border-width:3px;border-top-color:var(--spring);border-bottom-color:transparent}.orb-core{position:absolute;inset:112px;border-radius:50%;background:linear-gradient(145deg,#101f64,#050b28);border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;box-shadow:inset 0 0 26px rgba(0,193,222,.15),0 16px 50px rgba(0,0,0,.5)}.orb-core img{width:74px}.orbit-node{position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 20px var(--bikini);background:var(--bikini)}.node-a{left:34px;top:84px}.node-b{right:46px;bottom:64px;background:var(--spring);box-shadow:0 0 20px var(--spring)}.node-c{right:7px;top:165px;background:var(--rain);box-shadow:0 0 20px var(--rain)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}.floating-card{position:absolute;width:218px;padding:17px 18px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(145deg,rgba(14,34,100,.83),rgba(4,11,39,.82));backdrop-filter:blur(18px);box-shadow:var(--shadow);z-index:3}.floating-card strong{display:block;font-size:14px;margin-top:5px}.card-kicker{font-size:9px;color:#84ddeb;letter-spacing:.14em}.float-one{left:0;top:10%;animation:float 5s ease-in-out infinite}.float-two{right:-2%;top:26%;animation:float 6s ease-in-out -2s infinite}.float-three{left:6%;top:57%;animation:float 5.6s ease-in-out -1s infinite}.float-three svg{color:var(--bikini);width:100%;margin-top:12px}.mini-bars{display:flex;align-items:flex-end;gap:5px;height:32px;margin-top:12px}.mini-bars i{width:10px;border-radius:4px 4px 2px 2px;background:linear-gradient(var(--bikini),var(--rain))}.mini-bars i:nth-child(1){height:12px}.mini-bars i:nth-child(2){height:23px}.mini-bars i:nth-child(3){height:18px}.mini-bars i:nth-child(4){height:31px}.mini-bars i:nth-child(5){height:26px}.status-pill{display:inline-flex;margin-top:12px;padding:5px 9px;border-radius:999px;font-size:9px;color:#8ff2c2;background:rgba(36,214,129,.1);border:1px solid rgba(36,214,129,.22)}@keyframes float{50%{transform:translateY(-10px)}}.hero-dashboard{position:absolute;left:20%;right:2%;bottom:0;height:212px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(145deg,rgba(10,25,76,.84),rgba(3,9,31,.94));backdrop-filter:blur(20px);box-shadow:0 40px 80px rgba(0,0,0,.5);transform:rotateX(7deg) rotateY(-4deg);overflow:hidden}.dash-top{height:42px;border-bottom:1px solid rgba(255,255,255,.09);display:flex;align-items:center;padding:0 16px;gap:7px;font-size:9px;letter-spacing:.15em;color:#8291bd}.dash-top span{margin-right:auto}.dash-top i{width:7px;height:7px;border-radius:50%;background:#28376e}.dash-grid{display:grid;grid-template-columns:1fr .8fr;grid-template-rows:1fr 1fr;gap:8px;padding:12px;height:170px}.dash-grid>div{border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.dash-metric{padding:14px}.dash-metric span{font-size:10px;color:#8291bd}.dash-metric b{display:block;font-size:31px;margin-top:4px}.dash-chart{display:flex;align-items:flex-end;gap:7px;padding:14px}.dash-chart span{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(var(--bikini),var(--rain))}.dash-chart span:nth-child(1){height:26%}.dash-chart span:nth-child(2){height:50%}.dash-chart span:nth-child(3){height:38%}.dash-chart span:nth-child(4){height:74%}.dash-chart span:nth-child(5){height:90%}.dash-line{grid-column:1/3;padding:8px 14px}.dash-line svg{width:100%;height:100%}.scroll-cue{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#7584af;display:flex;flex-direction:column;align-items:center;gap:8px}.scroll-cue span{width:1px;height:30px;background:linear-gradient(var(--bikini),transparent);animation:scrollLine 1.8s infinite}@keyframes scrollLine{50%{transform:scaleY(.45);transform-origin:top}}
.marquee-section{overflow:hidden;border-block:1px solid rgba(255,255,255,.08);background:#071744}.marquee-track{display:flex;width:max-content;align-items:center;gap:26px;padding:18px 0;animation:marquee 28s linear infinite}.marquee-track span{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#c7d3f1}.marquee-track i{width:7px;height:7px;border-radius:50%;background:var(--bikini);box-shadow:0 0 18px rgba(0,193,222,.65)}@keyframes marquee{to{transform:translateX(-50%)}}
.eyebrow-label{display:block;font-size:10px;letter-spacing:.18em;font-weight:700;color:var(--bikini);margin-bottom:18px}.section-intro{max-width:820px;margin-bottom:52px}.section-intro.compact{margin-bottom:34px}.section-intro h2,.editorial-copy h2,.contact-copy h2,.sticky-intro h2{font-family:var(--display);font-size:clamp(35px,4.6vw,64px);line-height:1.02;letter-spacing:-.045em;margin:0}.section-intro p,.editorial-copy>p,.contact-copy>p,.sticky-intro>p{color:var(--muted);font-size:17px;max-width:700px;margin:22px 0 0}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}.reveal.in-view{opacity:1;transform:none}.stats-section{background:#071744}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.stat-card{padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:230px;background:linear-gradient(145deg,rgba(255,255,255,.026),transparent);transition:background .25s}.stat-card:hover{background:rgba(0,193,222,.055)}.stat-number{font-family:var(--display);font-size:clamp(52px,6vw,82px);line-height:1;color:#fff;letter-spacing:-.06em}.stat-suffix{color:var(--bikini);font-size:15px;margin-left:8px;font-weight:700}.stat-card p{color:#94a4cd;font-size:13px;margin:25px 0 0;max-width:190px}
.problem-section{background:linear-gradient(180deg,#071744,#03091f)}.editorial-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(54px,7vw,100px);align-items:center}.insight-list{margin-top:34px;border-top:1px solid var(--line)}.insight-list article{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.insight-list article>span{font-size:11px;color:var(--bikini);font-weight:700}.insight-list h3{font-size:17px;margin:0 0 7px}.insight-list p{font-size:13px;color:#96a5cb;margin:0}.editorial-visual{position:relative;padding:12px;border-radius:32px;background:linear-gradient(145deg,rgba(66,92,199,.25),rgba(0,193,222,.08));border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}.editorial-visual img{border-radius:24px;aspect-ratio:4/3;object-fit:cover;width:100%}.visual-caption{position:absolute;left:34px;right:34px;bottom:34px;padding:18px 20px;border-radius:16px;background:rgba(3,9,31,.72);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1)}.visual-caption span{display:block;font-size:9px;letter-spacing:.16em;color:var(--bikini)}.visual-caption strong{display:block;margin-top:5px;font-size:13px}
.method-section{background:radial-gradient(circle at 50% 32%,rgba(66,92,199,.2),transparent 38%),#03091f;overflow:hidden}.section-canvas{opacity:.4}.process-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-grid::before{content:"";position:absolute;left:8%;right:8%;top:45px;height:1px;background:linear-gradient(90deg,transparent,var(--bikini),var(--rain),transparent);opacity:.5}.process-card{position:relative;min-height:330px;padding:28px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(18,40,116,.62),rgba(4,11,39,.8));backdrop-filter:blur(14px);transition:.3s}.process-card:hover{transform:translateY(-8px);border-color:rgba(0,193,222,.4);box-shadow:0 30px 60px rgba(0,0,0,.32)}.step{position:absolute;right:20px;top:18px;font-family:var(--display);font-size:32px;color:rgba(255,255,255,.12)}.process-icon{width:68px;height:68px;border-radius:18px;background:rgba(0,193,222,.08);border:1px solid rgba(0,193,222,.18);display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:54px}.process-icon i{width:10px;border-radius:4px;background:var(--bikini)}.process-icon i:nth-child(1){height:18px}.process-icon i:nth-child(2){height:32px}.process-icon i:nth-child(3){height:24px}.process-icon.connected i{width:12px;height:12px;border-radius:50%;position:relative}.process-icon.connected i+ i::before{content:"";position:absolute;width:10px;height:1px;background:var(--bikini);right:100%;top:50%}.process-icon.bars i:nth-child(1){height:14px}.process-icon.bars i:nth-child(2){height:24px}.process-icon.bars i:nth-child(3){height:40px}.process-icon.pulse i{width:8px;border-radius:999px;animation:pulseBars 1.2s ease-in-out infinite}.process-icon.pulse i:nth-child(2){animation-delay:.15s}.process-icon.pulse i:nth-child(3){animation-delay:.3s}@keyframes pulseBars{50%{height:42px}}.process-card h3{font-size:20px;margin:0 0 12px}.process-card p{font-size:13px;color:#9dacd0;margin:0}.centered-cta{text-align:center;margin-top:38px}
.benefits-section{background:#071744}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(245px,auto);gap:14px}.bento-card{position:relative;padding:28px;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);transition:.3s}.bento-card:hover{transform:translateY(-6px);border-color:rgba(0,193,222,.35);box-shadow:0 26px 60px rgba(0,0,0,.25)}.bento-card::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(0,193,222,.16),transparent 68%);right:-90px;bottom:-90px}.bento-wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;align-items:center}.card-index{font-size:10px;color:var(--bikini);font-weight:700}.bento-card h3{font-size:22px;margin:14px 0 10px}.bento-card p{font-size:13px;color:#9dacd0;margin:0}.source-visual{position:relative;height:150px}.source-visual span{position:absolute;width:48px;height:48px;border-radius:14px;background:#0e2e80;border:1px solid rgba(255,255,255,.15);top:50%;transform:translateY(-50%)}.source-visual span:nth-child(1){left:0}.source-visual span:nth-child(2){left:50%;transform:translate(-50%,-50%)}.source-visual span:nth-child(3){right:0}.source-visual i{position:absolute;left:25px;right:25px;top:50%;height:2px;background:linear-gradient(90deg,var(--rain),var(--bikini),var(--spring));box-shadow:0 0 14px var(--bikini)}.chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:36px}.chip-row span{padding:7px 9px;border-radius:999px;font-size:8px;letter-spacing:.12em;background:rgba(0,193,222,.08);border:1px solid rgba(0,193,222,.2);color:#9eeaf4}.gauge{margin-top:32px;width:120px;height:120px;border-radius:50%;border:10px solid rgba(255,255,255,.06);border-top-color:var(--bikini);border-right-color:var(--rain);display:grid;place-content:center;text-align:center;box-shadow:inset 0 0 18px rgba(0,193,222,.08)}.gauge span{font-size:8px;color:#8291bd}.gauge strong{font-size:21px}.ai-grid{display:grid;grid-template-columns:repeat(3,28px);gap:8px;margin-top:35px}.ai-grid i{height:28px;border-radius:8px;background:rgba(66,92,199,.25);border:1px solid rgba(115,154,255,.22)}.ai-grid i:nth-child(5){background:var(--bikini);box-shadow:0 0 20px rgba(0,193,222,.4)}.scale-visual{color:var(--bikini)}.scale-visual svg{width:100%;overflow:visible}.scale-visual circle{fill:var(--spring);stroke:var(--deep);stroke-width:5}
.usecases-section{background:linear-gradient(180deg,#071744,#03091f)}.tabs{border:1px solid var(--line);border-radius:28px;background:rgba(5,14,48,.72);overflow:hidden;box-shadow:var(--shadow)}.tab-list{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--line);overflow-x:auto}.tab-button{flex:1;min-width:190px;border:0;border-radius:14px;padding:15px 18px;background:transparent;color:#8796bd;cursor:pointer;font-weight:700;transition:.25s}.tab-button.active{background:linear-gradient(135deg,var(--rain),var(--sapphire));color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.2)}.tab-panel{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding:clamp(32px,5vw,70px)}.tab-panel h3{font-family:var(--display);font-size:clamp(28px,4vw,48px);line-height:1.05;letter-spacing:-.035em;margin:14px 0 20px}.tab-panel p{color:#9dacd0}.tab-panel ul{list-style:none;padding:0;margin:28px 0 0}.tab-panel li{position:relative;padding:12px 0 12px 24px;border-top:1px solid var(--line);font-size:13px;color:#c7d2ee}.tab-panel li::before{content:"";position:absolute;left:2px;top:19px;width:7px;height:7px;border-radius:50%;background:var(--bikini);box-shadow:0 0 10px var(--bikini)}.panel-tag{font-size:9px;letter-spacing:.16em;color:var(--bikini)}.role-visual{position:relative;min-height:340px;border-radius:26px;background:radial-gradient(circle at 70% 30%,rgba(0,193,222,.23),transparent 36%),linear-gradient(145deg,#102772,#06113a);border:1px solid rgba(255,255,255,.12);overflow:hidden;display:flex;align-items:flex-end;padding:36px}.role-number{position:absolute;right:24px;top:18px;font-family:var(--display);font-size:82px;color:rgba(255,255,255,.08)}.role-chart{display:flex;align-items:flex-end;gap:12px;width:100%;height:180px}.role-chart i{flex:1;background:linear-gradient(var(--bikini),var(--rain));border-radius:10px 10px 3px 3px}.role-chart i:nth-child(1){height:25%}.role-chart i:nth-child(2){height:48%}.role-chart i:nth-child(3){height:38%}.role-chart i:nth-child(4){height:76%}.role-chart i:nth-child(5){height:96%}.role-visual.sales{color:var(--bikini);align-items:center}.role-visual.sales svg{width:100%}.node-map{position:relative;width:100%;height:240px}.node-map i{position:absolute;width:36px;height:36px;border-radius:12px;background:var(--rain);border:1px solid rgba(255,255,255,.2);box-shadow:0 0 25px rgba(66,92,199,.35)}.node-map i:nth-child(1){left:10%;top:50%}.node-map i:nth-child(2){left:40%;top:14%;background:var(--bikini)}.node-map i:nth-child(3){left:45%;bottom:10%;background:var(--bel-air)}.node-map i:nth-child(4){right:10%;top:42%;background:var(--spring)}.node-map i:nth-child(5){left:22%;top:20%}.node-map i:nth-child(6){right:24%;bottom:8%}.node-map::before,.node-map::after{content:"";position:absolute;background:linear-gradient(90deg,var(--rain),var(--bikini));height:2px;width:70%;left:15%;top:50%;transform:rotate(-16deg);opacity:.7}.node-map::after{transform:rotate(22deg)}
.engagement-section{background:#03091f}.engagement-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.engagement-card{padding:clamp(30px,4vw,48px);border-radius:28px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,37,108,.52),rgba(5,13,45,.82));min-height:500px;display:flex;flex-direction:column}.engagement-card.featured{background:linear-gradient(145deg,var(--rain),var(--sapphire));border-color:rgba(255,255,255,.2);box-shadow:0 30px 80px rgba(31,66,185,.28)}.plan-top{display:flex;align-items:center;justify-content:space-between}.plan-top>span{font-family:var(--display);font-size:42px;color:rgba(255,255,255,.18)}.plan-top small{font-size:9px;letter-spacing:.15em;color:#a7b8e1}.engagement-card h3{font-family:var(--display);font-size:clamp(30px,4vw,48px);letter-spacing:-.035em;margin:26px 0 14px}.engagement-card>p{color:#a9b6d6;max-width:520px}.engagement-card.featured>p{color:#d3dcf5}.engagement-card ul{list-style:none;padding:0;margin:32px 0 38px}.engagement-card li{padding:14px 0;border-top:1px solid rgba(255,255,255,.12);font-size:13px}.engagement-card li:last-child{border-bottom:1px solid rgba(255,255,255,.12)}.engagement-card a{margin-top:auto;align-self:flex-start}.text-link{font-weight:700;color:var(--bikini);display:inline-flex;gap:9px}.pricing-note{text-align:center;color:#7f8db5;font-size:11px;margin:24px auto 0;max-width:780px}
.faq-section{background:#071744}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,8vw,110px);align-items:start}.sticky-intro{position:sticky;top:130px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;border:0;background:transparent;color:#fff;padding:26px 0;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer;font-weight:700;font-size:16px;gap:20px}.faq-item button i{position:relative;flex:0 0 24px;width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.faq-item button i::before,.faq-item button i::after{content:"";position:absolute;left:6px;right:6px;top:11px;height:1px;background:#fff;transition:.25s}.faq-item button i::after{transform:rotate(90deg)}.faq-item.open button i::after{transform:rotate(0)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.faq-answer p{overflow:hidden;color:#9facce;margin:0;max-width:680px;font-size:14px}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer p{padding:0 42px 28px 0}
.contact-section{background:radial-gradient(circle at 15% 50%,rgba(0,193,222,.15),transparent 30%),radial-gradient(circle at 80% 30%,rgba(66,92,199,.18),transparent 36%),#03091f;overflow:hidden}.contact-grid{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(48px,7vw,96px);align-items:center}.office-list{margin-top:42px}.office-list a{display:block;padding:18px 0;border-top:1px solid var(--line)}.office-list a:last-child{border-bottom:1px solid var(--line)}.office-list span{font-size:10px;color:var(--bikini);font-weight:700}.office-list p{margin:4px 0 0;font-size:12px;color:#99a7ca}.lead-form{padding:clamp(26px,4vw,46px);border-radius:28px;background:rgba(9,23,70,.74);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}.form-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--line)}.form-top span{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--bikini)}.form-top small{color:#7f8db5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:block}.form-grid label.full{grid-column:1/-1}.form-grid label>span{display:block;font-size:10px;color:#9dabce;margin-bottom:8px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(2,8,29,.55);color:#fff;padding:13px 14px;outline:none;transition:.25s}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--bikini);box-shadow:0 0 0 3px rgba(0,193,222,.09)}.form-grid input.invalid,.form-grid select.invalid{border-color:#ff7187}.form-grid textarea{resize:vertical}.consent{display:flex;gap:10px;align-items:flex-start;margin:18px 0;font-size:10px;color:#8291b6}.consent input{accent-color:var(--bikini);margin-top:3px}.form-submit{width:100%}.form-status{font-size:11px;margin:12px 0 0;min-height:18px;text-align:center;color:#91e7f2}
.site-footer{position:relative;background:#020719;padding:80px 0 24px;border-top:1px solid rgba(255,255,255,.08);overflow:hidden}.footer-canvas{opacity:.26}.footer-grid{position:relative;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.footer-brand img{width:190px}.footer-brand p{max-width:330px;color:#7f8db5;font-size:12px;margin-top:22px}.footer-grid h3{font-size:10px;letter-spacing:.16em;color:var(--bikini);margin:0 0 16px}.footer-grid>div:not(:first-child) a{display:block;color:#9aa8ca;font-size:12px;padding:6px 0}.footer-grid a:hover{color:#fff}.footer-bottom{position:relative;display:flex;justify-content:space-between;gap:20px;margin-top:60px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);color:#65739b;font-size:10px}.whatsapp-float{position:fixed;z-index:90;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#22d47d,#11a45d);display:grid;place-items:center;font-size:11px;font-weight:900;color:#032313;box-shadow:0 18px 40px rgba(0,0,0,.35)}.whatsapp-float i{position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(34,212,125,.45);animation:waPulse 2s infinite}@keyframes waPulse{to{transform:scale(1.35);opacity:0}}
.thank-you-page{min-height:100svh;background:radial-gradient(circle at 50% 40%,rgba(0,193,222,.18),transparent 30%),linear-gradient(180deg,#03091f,#06113a);display:flex;flex-direction:column;overflow:hidden}.thank-canvas{position:fixed}.thank-header{position:relative;z-index:2;padding:30px clamp(20px,5vw,70px)}.thank-header img{width:150px}.thank-main{position:relative;z-index:2;flex:1;display:grid;place-items:center;padding:40px 20px 80px}.thank-card{width:min(820px,100%);padding:clamp(34px,6vw,70px);border:1px solid rgba(255,255,255,.14);border-radius:32px;background:rgba(7,22,68,.66);backdrop-filter:blur(22px);text-align:center;box-shadow:var(--shadow)}.success-mark{width:84px;height:84px;border-radius:50%;margin:0 auto 26px;background:rgba(0,193,222,.08);border:1px solid rgba(0,193,222,.3);display:grid;place-items:center}.success-mark span{width:28px;height:16px;border-left:3px solid var(--bikini);border-bottom:3px solid var(--bikini);transform:rotate(-45deg) translate(3px,-3px)}.thank-card h1{font-family:var(--display);font-size:clamp(36px,6vw,64px);line-height:1.02;letter-spacing:-.045em;margin:0}.thank-card>p{color:#a9b6d7;max-width:650px;margin:22px auto 34px}.next-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:left;margin:0 0 34px}.next-steps article{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.next-steps article>span{font-size:9px;color:var(--bikini)}.next-steps strong{font-size:13px}.next-steps p{font-size:10px;color:#8392ba;margin:4px 0 0}.thank-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.thank-footer{position:relative;z-index:2;text-align:center;padding:20px;color:#62719a;font-size:10px}

@media (max-width:1060px){.hero-quick-form{max-width:760px;justify-self:start;margin-top:4px}.quick-form-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.hero-quick-form{max-width:none;padding:25px 20px;margin-top:6px;border-radius:22px}.quick-form-grid{grid-template-columns:1fr}.quick-form-field.full{grid-column:auto}.quick-form-head h2{font-size:30px}.quick-form-note{gap:7px 14px}}
@media (max-width:430px){.hero-quick-form{padding:23px 17px}.quick-form-note span+span::before{display:none}.quick-form-note{display:grid;gap:5px;text-align:center}}
@media (max-width:1060px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:140px}.hero-copy{max-width:820px}.hero-visual{min-height:570px}.stats-grid{grid-template-columns:1fr 1fr}.editorial-grid,.contact-grid{grid-template-columns:1fr}.editorial-visual{max-width:800px}.process-grid{grid-template-columns:1fr 1fr}.process-grid::before{display:none}.bento-grid{grid-template-columns:1fr 1fr}.faq-grid{grid-template-columns:1fr}.sticky-intro{position:static}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/3}.desktop-nav{display:none}.menu-toggle{display:block;margin-left:auto}.nav-cta{display:none}}
@media (max-width:760px){:root{--container:min(100% - 28px,1180px);--radius:20px}.section{padding:84px 0}.site-header{top:8px}.nav-shell{height:62px;border-radius:16px}.site-header.scrolled .nav-shell{height:60px}.brand{width:112px}.hero{min-height:auto;padding:126px 0 72px}.display-heading{font-size:clamp(40px,12vw,62px)}.hero-lead{font-size:15px}.hero-visual{min-height:510px;margin-top:10px}.hero-orb{width:290px;height:290px}.orb-core{inset:91px}.float-one{left:-2%;top:7%}.float-two{right:-2%;top:25%}.float-three{display:none}.floating-card{width:185px;padding:14px}.hero-dashboard{left:4%;right:4%;height:190px}.microproof{display:grid;gap:7px}.microproof span+span::before{display:none}.scroll-cue{display:none}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:190px}.editorial-grid{gap:48px}.visual-caption{left:24px;right:24px;bottom:24px}.process-grid{grid-template-columns:1fr}.process-card{min-height:auto}.process-icon{margin-bottom:34px}.bento-grid{grid-template-columns:1fr}.bento-wide{grid-column:auto;grid-template-columns:1fr}.source-visual,.scale-visual{margin-top:24px}.tab-panel{grid-template-columns:1fr;padding:28px}.role-visual{min-height:260px}.engagement-grid{grid-template-columns:1fr}.engagement-card{min-height:auto}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.next-steps{grid-template-columns:1fr}.custom-cursor{display:none}}
@media (max-width:430px){.hero-actions .button{width:100%}.hero-visual{min-height:480px}.hero-orb{width:240px;height:240px}.orb-core{inset:76px}.orb-core img{width:56px}.float-one{top:6%;left:0}.float-two{top:27%;right:0}.floating-card{width:162px}.hero-dashboard{left:0;right:0}.dash-grid{grid-template-columns:1fr 1fr}.section-intro h2,.editorial-copy h2,.contact-copy h2,.sticky-intro h2{font-size:36px}.tab-list{scroll-snap-type:x mandatory}.tab-button{scroll-snap-align:start;min-width:175px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.thank-actions .button{width:100%}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.split-line>span{transform:none}}

/* Motion refresh: decision UI, end-to-end icons and decision infrastructure */
.decision-ui{--ui-tilt-x:0deg;--ui-tilt-y:0deg;padding:12px;overflow:hidden;background:radial-gradient(circle at 82% 12%,rgba(0,193,222,.18),transparent 30%),linear-gradient(145deg,rgba(66,92,199,.26),rgba(0,193,222,.07));transform-style:preserve-3d}.decision-ui::before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 180deg,transparent,rgba(0,193,222,.12),transparent 32%);animation:uiAmbientSweep 12s linear infinite;pointer-events:none}.decision-shell{position:relative;min-height:500px;border-radius:24px;overflow:hidden;border:1px solid rgba(157,207,255,.18);background:linear-gradient(155deg,rgba(8,22,68,.98),rgba(2,8,30,.98));box-shadow:inset 0 1px rgba(255,255,255,.05),0 24px 70px rgba(0,0,0,.34);transform:perspective(1100px) rotateX(var(--ui-tilt-x)) rotateY(var(--ui-tilt-y));transition:transform .25s ease}.decision-shell::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(129,174,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(129,174,255,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 72%);pointer-events:none}.decision-topbar{position:relative;z-index:2;height:50px;padding:0 17px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(2,8,29,.54)}.decision-window-dots{display:flex;gap:5px}.decision-window-dots i{width:7px;height:7px;border-radius:50%;background:#31457f}.decision-window-dots i:nth-child(2){background:#425cc7}.decision-window-dots i:nth-child(3){background:#00c1de}.decision-product{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.04em;color:#cfdbf7}.decision-mark{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(135deg,var(--bikini),var(--rain));color:#fff;font-size:8px;font-weight:900;box-shadow:0 0 18px rgba(0,193,222,.25)}.decision-live{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:8px;font-weight:800;letter-spacing:.12em;color:#87f0bc}.decision-live i{width:6px;height:6px;border-radius:50%;background:#24d681;box-shadow:0 0 0 4px rgba(36,214,129,.08),0 0 14px #24d681;animation:uiStatusPulse 1.7s ease-in-out infinite}.decision-layout{position:relative;z-index:2;display:grid;grid-template-columns:58px 1fr;min-height:450px}.decision-sidebar{padding:19px 12px;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;align-items:center;gap:13px;background:rgba(2,8,29,.34)}.decision-sidebar span{width:30px;height:30px;border-radius:9px;border:1px solid rgba(138,174,255,.12);background:rgba(255,255,255,.025);position:relative}.decision-sidebar span::after{content:"";position:absolute;inset:9px;border-radius:4px;background:#5068a8;opacity:.48}.decision-sidebar span.active{background:rgba(0,193,222,.1);border-color:rgba(0,193,222,.32);box-shadow:inset 0 0 14px rgba(0,193,222,.08)}.decision-sidebar span.active::after{background:var(--bikini);opacity:1;box-shadow:0 0 12px rgba(0,193,222,.5)}.decision-sidebar>i{margin-top:auto;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 40% 35%,#8b9ed2,#263865 48%,#101a3c 49%)}.decision-content{padding:22px 22px 92px;min-width:0}.decision-heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.decision-heading-row small{display:block;font-size:7px;letter-spacing:.16em;color:#6f81b2}.decision-heading-row strong{display:block;margin-top:4px;font-size:18px;letter-spacing:-.025em}.decision-filter{padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.025);display:flex;align-items:center;gap:10px;font-size:7px;color:#98a9d1}.decision-filter i{width:5px;height:5px;border-right:1px solid #91a3ca;border-bottom:1px solid #91a3ca;transform:rotate(45deg) translateY(-2px)}.decision-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px}.decision-kpis article{position:relative;overflow:hidden;padding:13px 14px;border-radius:12px;border:1px solid rgba(143,178,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));opacity:0;transform:translateY(14px)}.decision-kpis article::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(var(--bikini),var(--rain));opacity:.8}.decision-kpis small{display:block;font-size:6px;letter-spacing:.14em;color:#7385b6}.decision-kpis strong{display:block;font-size:22px;line-height:1.15;margin:7px 0 5px}.decision-kpis article>i{display:block;font-style:normal;font-size:6px;color:#7e91bf}.decision-kpis .kpi-up{color:#64e7b0}.decision-kpis .kpi-status{display:flex;align-items:center;gap:5px;color:#83ddb3}.kpi-status b{width:5px;height:5px;border-radius:50%;background:#24d681}.decision-workspace{display:grid;grid-template-columns:1.5fr .8fr;gap:9px;margin-top:9px}.decision-chart-card,.decision-flow-card{position:relative;border-radius:14px;border:1px solid rgba(143,178,255,.1);background:rgba(255,255,255,.025);overflow:hidden}.decision-chart-card{padding:14px}.decision-flow-card{padding:14px}.ui-card-head{display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#9aabd3}.ui-card-head>i{font-style:normal;color:#5de0a5}.decision-line-chart{display:block;width:100%;height:auto;margin-top:5px;overflow:visible}.chart-grid path{fill:none;stroke:rgba(154,183,255,.09);stroke-width:1}.chart-area{fill:url(#decisionArea);opacity:0}.chart-line{fill:none;stroke:url(#decisionLine);stroke-width:6;stroke-linecap:round;stroke-dasharray:650;stroke-dashoffset:650;filter:drop-shadow(0 0 8px rgba(0,193,222,.25))}.chart-points circle{fill:#06113a;stroke:var(--bikini);stroke-width:4;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(0)}.chart-points circle:last-child{stroke:var(--spring)}.chart-legend{display:flex;gap:14px;margin-top:-2px;font-size:6px;color:#7184b4}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:12px;height:2px;background:var(--bikini)}.chart-legend span:last-child i{background:var(--spring)}.data-flow{height:150px;display:grid;grid-template-columns:52px 1fr 62px;align-items:center;margin-top:10px}.source-stack{display:grid;gap:9px}.source-stack span{height:26px;border-radius:7px;border:1px solid rgba(122,161,255,.18);background:#0c1e58;display:grid;place-items:center;font-size:6px;font-weight:800;color:#98addf;opacity:0;transform:translateX(-12px)}.flow-lines{height:100px;position:relative}.flow-lines i{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--rain),var(--bikini));transform-origin:left;transform:scaleX(0)}.flow-lines i:nth-child(1){top:18px;transform:rotate(20deg) scaleX(0)}.flow-lines i:nth-child(2){top:50px}.flow-lines i:nth-child(3){top:82px;transform:rotate(-20deg) scaleX(0)}.flow-lines b{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 12px var(--bikini);top:48px;left:0;opacity:0}.data-core{position:relative;width:58px;height:58px;border-radius:18px;border:1px solid rgba(0,193,222,.36);background:radial-gradient(circle at 45% 40%,rgba(0,193,222,.22),rgba(9,29,85,.95) 54%);display:grid;place-items:center;box-shadow:inset 0 0 22px rgba(0,193,222,.12),0 0 30px rgba(0,193,222,.08)}.data-core span{font-size:16px;font-weight:900}.data-core i{position:absolute;inset:-8px;border-radius:22px;border:1px dashed rgba(0,193,222,.28);animation:spin 8s linear infinite}.flow-footer{display:flex;justify-content:space-between;align-items:center;padding-top:11px;border-top:1px solid rgba(255,255,255,.06);font-size:6px;color:#7c8fbf}.flow-footer span{display:flex;align-items:center;gap:5px}.flow-footer i{width:5px;height:5px;border-radius:50%;background:#24d681;box-shadow:0 0 8px #24d681}.flow-footer strong{font-size:10px;color:#fff}.decision-ui.in-view .decision-kpis article{animation:uiCardEnter .65s cubic-bezier(.16,1,.3,1) forwards}.decision-ui.in-view .decision-kpis article:nth-child(2){animation-delay:.12s}.decision-ui.in-view .decision-kpis article:nth-child(3){animation-delay:.24s}.decision-ui.in-view .chart-area{animation:uiAreaIn .8s ease 1.05s forwards}.decision-ui.in-view .chart-line{animation:uiLineDraw 1.4s cubic-bezier(.2,.8,.2,1) .72s forwards}.decision-ui.in-view .chart-points circle{animation:uiPointIn .45s cubic-bezier(.16,1,.3,1) forwards}.decision-ui.in-view .chart-points circle:nth-child(1){animation-delay:1.3s}.decision-ui.in-view .chart-points circle:nth-child(2){animation-delay:1.48s}.decision-ui.in-view .chart-points circle:nth-child(3){animation-delay:1.66s}.decision-ui.in-view .chart-points circle:nth-child(4){animation-delay:1.84s}.decision-ui.in-view .source-stack span{animation:uiSourceIn .55s cubic-bezier(.16,1,.3,1) forwards}.decision-ui.in-view .source-stack span:nth-child(1){animation-delay:.7s}.decision-ui.in-view .source-stack span:nth-child(2){animation-delay:.82s}.decision-ui.in-view .source-stack span:nth-child(3){animation-delay:.94s}.decision-ui.in-view .flow-lines i{animation:uiFlowLine .7s ease forwards}.decision-ui.in-view .flow-lines i:nth-child(1){animation-delay:1.15s}.decision-ui.in-view .flow-lines i:nth-child(2){animation-delay:1.25s}.decision-ui.in-view .flow-lines i:nth-child(3){animation-delay:1.35s}.decision-ui.in-view .flow-lines b{animation:uiDataPacket 2.2s ease-in-out 1.65s infinite}.decision-ui.in-view .data-core{animation:uiCoreBreath 3s ease-in-out 1.7s infinite}

/* Animate every icon in the end-to-end process */
.process-card.in-view .process-icon{animation:processIconFloat 3.6s ease-in-out infinite}.process-card.in-view .process-icon:not(.connected):not(.bars):not(.pulse) i{animation:diagnosticBars 1.7s ease-in-out infinite;transform-origin:center bottom}.process-card.in-view .process-icon:not(.connected):not(.bars):not(.pulse) i:nth-child(2){animation-delay:.16s}.process-card.in-view .process-icon:not(.connected):not(.bars):not(.pulse) i:nth-child(3){animation-delay:.32s}.process-icon.connected{position:relative}.process-card.in-view .process-icon.connected i{animation:nodeSignal 1.8s ease-in-out infinite}.process-card.in-view .process-icon.connected i:nth-child(2){animation-delay:.18s}.process-card.in-view .process-icon.connected i:nth-child(3){animation-delay:.36s}.process-card.in-view .process-icon.connected i+ i::before{animation:connectorSignal 1.6s ease-in-out infinite;transform-origin:right}.process-card.in-view .process-icon.bars i{animation:implementationBars 1.8s cubic-bezier(.45,0,.2,1) infinite;transform-origin:center bottom}.process-card.in-view .process-icon.bars i:nth-child(2){animation-delay:.17s}.process-card.in-view .process-icon.bars i:nth-child(3){animation-delay:.34s}.process-card.in-view .process-icon.pulse{box-shadow:0 0 0 0 rgba(0,193,222,.1);animation:processIconFloat 3.6s ease-in-out infinite,processHalo 2.2s ease-out infinite}.process-card.in-view .process-icon.pulse i{animation:pulseBars 1.2s ease-in-out infinite}.process-card.in-view .process-icon.pulse i:nth-child(2){animation-delay:.15s}.process-card.in-view .process-icon.pulse i:nth-child(3){animation-delay:.3s}

/* Motion for the visual elements next to the infrastructure copy */
.bento-card.in-view .source-visual span{animation:bentoNodeFloat 3s ease-in-out infinite}.bento-card.in-view .source-visual span:nth-child(2){animation-delay:.28s}.bento-card.in-view .source-visual span:nth-child(3){animation-delay:.56s}.source-visual i{overflow:hidden}.source-visual i::after{content:"";position:absolute;inset:-3px auto -3px -30%;width:28%;background:linear-gradient(90deg,transparent,#fff,transparent);filter:blur(1px);opacity:0}.bento-card.in-view .source-visual i::after{animation:bentoLinePacket 2.4s ease-in-out .35s infinite}.bento-card.in-view .chip-row span{animation:chipSignal 3s ease-in-out infinite}.bento-card.in-view .chip-row span:nth-child(2){animation-delay:.25s}.bento-card.in-view .chip-row span:nth-child(3){animation-delay:.5s}.gauge{position:relative}.gauge::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px dashed rgba(0,193,222,.28);opacity:0}.bento-card.in-view .gauge::before{animation:gaugeOrbit 7s linear infinite}.bento-card.in-view .gauge strong{animation:gaugeValue 2.8s ease-in-out infinite}.bento-card.in-view .ai-grid i{animation:aiCell 2.8s ease-in-out infinite}.bento-card.in-view .ai-grid i:nth-child(2){animation-delay:.16s}.bento-card.in-view .ai-grid i:nth-child(3){animation-delay:.32s}.bento-card.in-view .ai-grid i:nth-child(4){animation-delay:.48s}.bento-card.in-view .ai-grid i:nth-child(5){animation-delay:.64s}.bento-card.in-view .ai-grid i:nth-child(6){animation-delay:.8s}.scale-visual path{stroke-dasharray:600;stroke-dashoffset:600}.bento-card.in-view .scale-visual path{animation:scalePathDraw 1.8s cubic-bezier(.2,.8,.2,1) forwards}.bento-card.in-view .scale-visual circle{transform-box:fill-box;transform-origin:center;animation:scalePoint 2.2s ease-in-out infinite}.bento-card.in-view .scale-visual circle:nth-of-type(2){animation-delay:.25s}.bento-card.in-view .scale-visual circle:nth-of-type(3){animation-delay:.5s}

@keyframes uiAmbientSweep{to{transform:rotate(360deg)}}
@keyframes uiStatusPulse{50%{opacity:.45;transform:scale(.82)}}
@keyframes uiCardEnter{to{opacity:1;transform:none}}
@keyframes uiAreaIn{to{opacity:1}}
@keyframes uiLineDraw{to{stroke-dashoffset:0}}
@keyframes uiPointIn{to{opacity:1;transform:scale(1)}}
@keyframes uiSourceIn{to{opacity:1;transform:none}}
@keyframes uiFlowLine{to{transform:scaleX(1)}}
@keyframes uiDataPacket{0%{left:0;opacity:0}15%,80%{opacity:1}100%{left:calc(100% - 5px);opacity:0}}
@keyframes uiCoreBreath{50%{transform:scale(1.045);box-shadow:inset 0 0 28px rgba(0,193,222,.18),0 0 42px rgba(0,193,222,.18)}}
@keyframes processIconFloat{50%{transform:translateY(-5px)}}
@keyframes diagnosticBars{0%,100%{transform:scaleY(.72);opacity:.6}50%{transform:scaleY(1.2);opacity:1;box-shadow:0 0 13px rgba(0,193,222,.35)}}
@keyframes nodeSignal{0%,100%{transform:scale(.82);opacity:.58}50%{transform:scale(1.18);opacity:1;box-shadow:0 0 16px rgba(0,193,222,.55)}}
@keyframes connectorSignal{0%,100%{transform:scaleX(.2);opacity:.28}50%{transform:scaleX(1);opacity:1}}
@keyframes implementationBars{0%,100%{transform:scaleY(.55);filter:brightness(.8)}50%{transform:scaleY(1.08);filter:brightness(1.25);box-shadow:0 0 12px rgba(0,193,222,.36)}}
@keyframes processHalo{0%{box-shadow:0 0 0 0 rgba(0,193,222,.24)}70%{box-shadow:0 0 0 15px rgba(0,193,222,0)}100%{box-shadow:0 0 0 0 rgba(0,193,222,0)}}
@keyframes bentoNodeFloat{50%{transform:translateY(calc(-50% - 6px));border-color:rgba(0,193,222,.45);box-shadow:0 12px 26px rgba(0,0,0,.2),0 0 20px rgba(0,193,222,.12)}}
@keyframes bentoLinePacket{0%{left:-30%;opacity:0}15%,75%{opacity:.85}100%{left:105%;opacity:0}}
@keyframes chipSignal{0%,100%{transform:translateY(0);background:rgba(0,193,222,.08)}50%{transform:translateY(-4px);background:rgba(0,193,222,.16);box-shadow:0 8px 18px rgba(0,0,0,.16)}}
@keyframes gaugeOrbit{0%{transform:rotate(0);opacity:.25}50%{opacity:.65}100%{transform:rotate(360deg);opacity:.25}}
@keyframes gaugeValue{50%{text-shadow:0 0 16px rgba(0,193,222,.7);transform:scale(1.05)}}
@keyframes aiCell{0%,100%{transform:scale(1);filter:brightness(.8)}45%{transform:scale(1.12);filter:brightness(1.45);box-shadow:0 0 16px rgba(66,92,199,.35)}}
@keyframes scalePathDraw{to{stroke-dashoffset:0}}
@keyframes scalePoint{0%,100%{transform:scale(.85)}50%{transform:scale(1.28);filter:drop-shadow(0 0 8px rgba(254,209,32,.8))}}

@media (max-width:760px){.decision-shell{min-height:470px}.decision-layout{grid-template-columns:42px 1fr}.decision-sidebar{padding-inline:6px}.decision-sidebar span{width:27px;height:27px}.decision-content{padding:18px 13px 86px}.decision-heading-row strong{font-size:15px}.decision-kpis{grid-template-columns:1fr 1fr}.decision-kpis article:last-child{display:none}.decision-workspace{grid-template-columns:1fr}.decision-flow-card{display:none}.decision-chart-card{min-height:205px}.decision-ui .visual-caption{left:22px;right:22px;bottom:22px}}
@media (max-width:430px){.decision-filter{display:none}.decision-kpis article{padding:11px}.decision-kpis strong{font-size:19px}.decision-line-chart{margin-top:12px}.decision-shell{min-height:430px}}
@media (prefers-reduced-motion:reduce){.decision-ui::before,.decision-live i,.data-core i,.process-card .process-icon,.process-card .process-icon i,.bento-card .source-visual span,.source-visual i::after,.chip-row span,.gauge::before,.gauge strong,.ai-grid i,.scale-visual path,.scale-visual circle{animation:none!important}.decision-kpis article,.source-stack span{opacity:1;transform:none}.chart-area{opacity:1}.chart-line,.scale-visual path{stroke-dashoffset:0}.chart-points circle{opacity:1;transform:scale(1)}.flow-lines i{transform:scaleX(1)}}

/* Preserve connector angles and source-node centering during motion */
.flow-lines i{--flow-angle:0deg;transform:rotate(var(--flow-angle)) scaleX(0)}
.flow-lines i:nth-child(1){--flow-angle:20deg}
.flow-lines i:nth-child(3){--flow-angle:-20deg}
.decision-ui.in-view .flow-lines i{animation-name:uiFlowLine}
@keyframes uiFlowLine{to{transform:rotate(var(--flow-angle)) scaleX(1)}}
@keyframes bentoNodeFloat{0%,100%{translate:0 0}50%{translate:0 -6px;border-color:rgba(0,193,222,.45);box-shadow:0 12px 26px rgba(0,0,0,.2),0 0 20px rgba(0,193,222,.12)}}


/* Use cases refresh: modern glowing UI visuals with motion */
.role-visual.role-ui{position:relative;min-height:360px;padding:18px;border-radius:28px;overflow:hidden;border:1px solid rgba(140,180,255,.16);background:radial-gradient(circle at 78% 18%,rgba(0,193,222,.18),transparent 28%),radial-gradient(circle at 18% 88%,rgba(66,92,199,.2),transparent 32%),linear-gradient(145deg,rgba(10,24,76,.98),rgba(2,9,31,.98));box-shadow:inset 0 1px rgba(255,255,255,.04),0 28px 70px rgba(0,0,0,.32)}
.role-visual.role-ui::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(129,174,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(129,174,255,.045) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,black,transparent 78%);pointer-events:none}
.role-visual.role-ui::after{content:"";position:absolute;inset:-35%;background:conic-gradient(from 180deg,transparent,rgba(0,193,222,.1),transparent 33%);animation:roleSweep 14s linear infinite;pointer-events:none}
.role-ui .role-number{right:18px;top:10px;font-size:74px;color:rgba(255,255,255,.06);z-index:0}
.ui-shell{position:relative;z-index:1;height:100%;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));backdrop-filter:blur(8px);overflow:hidden}
.ui-ambient{position:absolute;border-radius:50%;filter:blur(4px);opacity:.7;pointer-events:none}.ui-ambient-a{width:120px;height:120px;right:-24px;top:-16px;background:radial-gradient(circle,rgba(0,193,222,.4),transparent 68%)}.ui-ambient-b{width:150px;height:150px;left:-42px;bottom:-60px;background:radial-gradient(circle,rgba(66,92,199,.38),transparent 68%)}.ui-ambient-c{width:88px;height:88px;right:16%;bottom:12%;background:radial-gradient(circle,rgba(254,209,32,.24),transparent 68%)}
.ui-topline{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px;z-index:1}.ui-pill,.ui-status{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(154,183,255,.14)}.ui-pill{color:#d9f7ff;background:rgba(0,193,222,.08);box-shadow:0 0 22px rgba(0,193,222,.08)}.ui-status{color:#9aeac6;background:rgba(36,214,129,.08)}.ui-pill i,.ui-status i,.tech-footer i,.sales-alert b,.trace-list b{width:7px;height:7px;border-radius:50%;display:inline-block;background:currentColor;box-shadow:0 0 14px currentColor}.ui-card-row,.sales-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative;z-index:1}.ui-mini-card{position:relative;overflow:hidden;padding:12px 13px;border-radius:14px;border:1px solid rgba(151,187,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}.ui-mini-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(var(--bikini),var(--spring));opacity:.9}.ui-mini-card small{display:block;font-size:8px;letter-spacing:.12em;color:#7f92c0}.ui-mini-card strong{display:block;margin:7px 0 4px;font-size:22px;line-height:1.1}.ui-mini-card span{display:block;font-size:10px;color:#b1c0e1}
.finance-grid,.sales-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:10px;margin-top:10px;position:relative;z-index:1}.finance-panel,.sales-panel{position:relative;overflow:hidden;padding:14px;border-radius:16px;border:1px solid rgba(151,187,255,.1);background:rgba(255,255,255,.03)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:8px;letter-spacing:.1em;color:#8ca0cf}.panel-head strong{font-size:11px;letter-spacing:.02em;color:#eef4ff}
.finance-chart{display:block;width:100%;height:auto;overflow:visible}.finance-area{fill:url(#financeArea);opacity:.28}.finance-line{fill:none;stroke:url(#financeLine);stroke-width:6;stroke-linecap:round;stroke-dasharray:480;stroke-dashoffset:480;filter:drop-shadow(0 0 10px rgba(0,193,222,.28))}.finance-points circle{fill:#07133d;stroke:var(--bikini);stroke-width:4;opacity:.25}.finance-points circle:last-child{stroke:var(--spring)}.finance-axis{display:flex;justify-content:space-between;margin-top:6px;font-size:9px;color:#7d92c0}
.trace-flow{display:grid;gap:12px;margin:12px 0 16px}.trace-flow span{position:relative;padding:10px 12px 10px 34px;border-radius:12px;border:1px solid rgba(151,187,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.02));font-size:11px;color:#d8e6ff}.trace-flow span::before{content:"";position:absolute;left:12px;top:50%;width:10px;height:10px;border-radius:50%;background:var(--bikini);transform:translateY(-50%);box-shadow:0 0 14px rgba(0,193,222,.5)}.trace-flow span::after{content:"";position:absolute;left:16px;top:100%;width:2px;height:14px;background:linear-gradient(var(--bikini),transparent)}.trace-flow span:last-child::after{display:none}.trace-list{list-style:none;padding:0;margin:0;display:grid;gap:9px}.trace-list li{display:flex;align-items:center;gap:9px;font-size:11px;color:#b9c9ea}
.pipeline-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.pipeline-stage{position:relative;padding:12px 12px 38px;border-radius:14px;border:1px solid rgba(151,187,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.02));overflow:hidden}.pipeline-stage small{display:block;font-size:8px;letter-spacing:.12em;color:#7f92c0}.pipeline-stage b{display:block;margin-top:8px;font-size:24px;color:#fff}.pipeline-stage span{position:absolute;left:12px;right:12px;bottom:12px;height:7px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.pipeline-stage span::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--fill,70%);border-radius:inherit;background:linear-gradient(90deg,var(--rain),var(--bikini));box-shadow:0 0 14px rgba(0,193,222,.34)}.pipeline-stage:nth-child(1){--fill:82%}.pipeline-stage:nth-child(2){--fill:67%}.pipeline-stage:nth-child(3){--fill:52%}.pipeline-stage:nth-child(4){--fill:34%}
.forecast-wave{height:116px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:end;margin-top:10px}.forecast-wave i{display:block;height:var(--h,50%);border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,rgba(0,193,222,.95),rgba(66,92,199,.38));box-shadow:0 0 22px rgba(0,193,222,.18)}.forecast-wave i:nth-child(1){--h:38%}.forecast-wave i:nth-child(2){--h:62%}.forecast-wave i:nth-child(3){--h:54%}.forecast-wave i:nth-child(4){--h:84%}.forecast-wave i:nth-child(5){--h:72%}.forecast-meter{display:flex;justify-content:space-between;margin-top:10px;font-size:9px;color:#7d92c0}.sales-alert{margin-top:12px;display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:12px;border:1px solid rgba(254,209,32,.18);background:rgba(254,209,32,.06);font-size:11px;color:#fce8a1}
.tech-grid{position:relative;z-index:1;display:grid;grid-template-columns:.72fr 1.3fr .72fr;gap:10px;align-items:center;min-height:244px}.tech-column{display:grid;gap:8px}.tech-column small{font-size:8px;letter-spacing:.14em;color:#7f92c0;text-transform:uppercase;margin-bottom:4px}.tech-column span{position:relative;padding:12px 12px 12px 34px;border-radius:13px;border:1px solid rgba(151,187,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));font-size:11px;color:#d8e6ff}.tech-column span::before{content:"";position:absolute;left:12px;top:50%;width:10px;height:10px;border-radius:50%;background:var(--bikini);transform:translateY(-50%);box-shadow:0 0 16px rgba(0,193,222,.45)}.tech-column.outputs span::before{background:var(--spring);box-shadow:0 0 16px rgba(254,209,32,.45)}
.tech-core-panel{position:relative;display:grid;place-items:center;min-height:230px}.tech-core{position:relative;z-index:2;width:min(100%,260px);padding:22px 18px;border-radius:20px;border:1px solid rgba(151,187,255,.14);background:linear-gradient(145deg,rgba(8,22,68,.96),rgba(5,13,41,.96));text-align:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 30px rgba(0,193,222,.12)}.tech-core strong{display:block;font-size:16px;margin-bottom:5px}.tech-core p{margin:0;font-size:11px;color:#9fb0d5}.tech-core i{position:absolute;inset:auto auto 16px 50%;width:8px;height:8px;border-radius:50%;background:var(--bikini);transform:translateX(-50%);box-shadow:0 0 16px rgba(0,193,222,.6)}.tech-core i:nth-child(3){left:28%;bottom:22px;background:var(--rain)}.tech-core i:nth-child(4){left:72%;bottom:22px;background:var(--spring)}
.tech-links{position:absolute;inset:0;z-index:1}.tech-links span{position:absolute;height:2px;background:linear-gradient(90deg,rgba(66,92,199,.2),rgba(0,193,222,.95),rgba(254,209,32,.2));transform-origin:left center}.tech-links span:nth-child(1){left:10%;top:30%;width:28%;transform:rotate(10deg)}.tech-links span:nth-child(2){left:10%;bottom:30%;width:30%;transform:rotate(-10deg)}.tech-links span:nth-child(3){right:10%;top:30%;width:28%;transform-origin:right center;transform:rotate(-10deg)}.tech-links span:nth-child(4){right:10%;bottom:30%;width:30%;transform-origin:right center;transform:rotate(10deg)}.tech-links b{position:absolute;width:8px;height:8px;border-radius:50%;background:#d8f7ff;box-shadow:0 0 18px rgba(0,193,222,.75)}.tech-links b:nth-child(5){left:18%;top:29%}.tech-links b:nth-child(6){right:18%;bottom:29%}
.tech-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px;position:relative;z-index:1}.tech-footer span{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:12px;border:1px solid rgba(151,187,255,.1);background:rgba(255,255,255,.025);font-size:10px;color:#b8c8e8}
.tab-panel.active .ui-mini-card{animation:roleCardFloat 4.8s ease-in-out infinite}.tab-panel.active .ui-mini-card:nth-child(2){animation-delay:.2s}.tab-panel.active .ui-mini-card:nth-child(3){animation-delay:.4s}.tab-panel.active .role-ui::after{animation-duration:10s}.tab-panel.active .finance-line{animation:financeLineDraw 1.4s cubic-bezier(.2,.8,.2,1) forwards}.tab-panel.active .finance-points circle{animation:pointPulse 2.6s ease-in-out infinite}.tab-panel.active .finance-points circle:nth-child(2){animation-delay:.2s}.tab-panel.active .finance-points circle:nth-child(3){animation-delay:.4s}.tab-panel.active .finance-points circle:nth-child(4){animation-delay:.6s}.tab-panel.active .trace-flow span{animation:traceStep 4.6s ease-in-out infinite}.tab-panel.active .trace-flow span:nth-child(2){animation-delay:.25s}.tab-panel.active .trace-flow span:nth-child(3){animation-delay:.5s}.tab-panel.active .trace-flow span:nth-child(4){animation-delay:.75s}.tab-panel.active .trace-list li{animation:traceGlow 4.6s ease-in-out infinite}.tab-panel.active .trace-list li:nth-child(2){animation-delay:.3s}.tab-panel.active .trace-list li:nth-child(3){animation-delay:.6s}
.tab-panel.active .pipeline-stage{animation:pipelineLift 4.4s ease-in-out infinite}.tab-panel.active .pipeline-stage:nth-child(2){animation-delay:.18s}.tab-panel.active .pipeline-stage:nth-child(3){animation-delay:.36s}.tab-panel.active .pipeline-stage:nth-child(4){animation-delay:.54s}.tab-panel.active .pipeline-stage span::after{animation:pipelineFill 3.8s ease-in-out infinite}.tab-panel.active .forecast-wave i{animation:forecastBars 1.8s cubic-bezier(.45,0,.2,1) infinite;transform-origin:center bottom}.tab-panel.active .forecast-wave i:nth-child(2){animation-delay:.12s}.tab-panel.active .forecast-wave i:nth-child(3){animation-delay:.24s}.tab-panel.active .forecast-wave i:nth-child(4){animation-delay:.36s}.tab-panel.active .forecast-wave i:nth-child(5){animation-delay:.48s}.tab-panel.active .sales-alert{animation:alertBlink 2.4s ease-in-out infinite}
.tab-panel.active .tech-column span{animation:nodeGlow 3.6s ease-in-out infinite}.tab-panel.active .tech-column:nth-child(1) span:nth-child(2){animation-delay:.1s}.tab-panel.active .tech-column:nth-child(1) span:nth-child(3){animation-delay:.22s}.tab-panel.active .tech-column:nth-child(1) span:nth-child(4){animation-delay:.34s}.tab-panel.active .tech-column.outputs span:nth-child(2){animation-delay:.16s}.tab-panel.active .tech-column.outputs span:nth-child(3){animation-delay:.28s}.tab-panel.active .tech-column.outputs span:nth-child(4){animation-delay:.4s}.tab-panel.active .tech-core{animation:techCoreBreath 3s ease-in-out infinite}.tab-panel.active .tech-links b:nth-child(5){animation:dataPulseLeft 2.2s ease-in-out infinite}.tab-panel.active .tech-links b:nth-child(6){animation:dataPulseRight 2.2s ease-in-out 1.1s infinite}.tab-panel.active .tech-links span{animation:linkGlow 2.4s ease-in-out infinite}.tab-panel.active .tech-footer span{animation:footerSignal 4.6s ease-in-out infinite}.tab-panel.active .tech-footer span:nth-child(2){animation-delay:.25s}.tab-panel.active .tech-footer span:nth-child(3){animation-delay:.5s}
@keyframes roleSweep{to{transform:rotate(360deg)}}
@keyframes roleCardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px);box-shadow:0 14px 28px rgba(0,0,0,.18),0 0 18px rgba(0,193,222,.14)}}
@keyframes financeLineDraw{to{stroke-dashoffset:0}}
@keyframes pointPulse{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.18);filter:drop-shadow(0 0 8px rgba(0,193,222,.7))}}
@keyframes traceStep{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px);border-color:rgba(0,193,222,.3);box-shadow:0 0 18px rgba(0,193,222,.08)}}
@keyframes traceGlow{0%,100%{opacity:.7}50%{opacity:1;text-shadow:0 0 12px rgba(0,193,222,.32)}}
@keyframes pipelineLift{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px);box-shadow:0 14px 28px rgba(0,0,0,.18),0 0 18px rgba(0,193,222,.12)}}
@keyframes pipelineFill{0%,100%{filter:brightness(.95)}50%{filter:brightness(1.28);box-shadow:0 0 18px rgba(0,193,222,.4)}}
@keyframes forecastBars{0%,100%{transform:scaleY(.72);filter:brightness(.86)}50%{transform:scaleY(1.08);filter:brightness(1.22);box-shadow:0 0 18px rgba(0,193,222,.34)}}
@keyframes alertBlink{0%,100%{box-shadow:0 0 0 rgba(254,209,32,0)}50%{box-shadow:0 0 22px rgba(254,209,32,.16)}}
@keyframes nodeGlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px);border-color:rgba(0,193,222,.32);box-shadow:0 0 18px rgba(0,193,222,.08)}}
@keyframes techCoreBreath{50%{transform:scale(1.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 36px rgba(0,193,222,.2)}}
@keyframes linkGlow{0%,100%{opacity:.45}50%{opacity:1;box-shadow:0 0 18px rgba(0,193,222,.22)}}
@keyframes dataPulseLeft{0%{left:18%;top:29%;opacity:0}20%,80%{opacity:1}100%{left:47%;top:44%;opacity:0}}
@keyframes dataPulseRight{0%{right:18%;bottom:29%;opacity:0}20%,80%{opacity:1}100%{right:47%;bottom:44%;opacity:0}}
@keyframes footerSignal{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px);background:rgba(0,193,222,.08)}}
@media (max-width:760px){.role-visual.role-ui{min-height:unset}.role-ui .role-number{font-size:58px}.ui-shell{padding:16px}.ui-card-row,.sales-kpis,.tech-footer,.finance-grid,.sales-grid,.tech-grid{grid-template-columns:1fr}.tech-grid{min-height:auto}.tech-core-panel{min-height:200px}.pipeline-track{grid-template-columns:1fr 1fr}.forecast-wave{height:96px}.ui-topline{gap:8px}}
@media (max-width:430px){.ui-card-row,.sales-kpis,.pipeline-track,.tech-footer{grid-template-columns:1fr}.role-ui .role-number{font-size:48px}.ui-mini-card strong{font-size:19px}.ui-pill,.ui-status{font-size:9px;padding:7px 10px}}
@media (prefers-reduced-motion:reduce){.role-visual.role-ui::after,.tab-panel.active .ui-mini-card,.tab-panel.active .finance-line,.tab-panel.active .finance-points circle,.tab-panel.active .trace-flow span,.tab-panel.active .trace-list li,.tab-panel.active .pipeline-stage,.tab-panel.active .pipeline-stage span::after,.tab-panel.active .forecast-wave i,.tab-panel.active .sales-alert,.tab-panel.active .tech-column span,.tab-panel.active .tech-core,.tab-panel.active .tech-links b,.tab-panel.active .tech-links span,.tab-panel.active .tech-footer span{animation:none!important}.finance-line{stroke-dashoffset:0}.finance-points circle{opacity:1}}

/* ============================================
   PARCHE DE AJUSTES — Feedback cliente ago-2026
   ============================================ */

/* CAMBIO CSS-1: Botón "Agendar llamada" más grande (nav + hero) */
.nav-cta,
.hero-actions .button {
  font-size: 1.05rem;
  padding: 0.85em 1.8em;
}

/* CAMBIO CSS-2: KPIs de stats más grandes */
.stat-number {
  font-size: clamp(3.5rem, 8vw, 5.5rem);
}
.stat-suffix {
  font-size: clamp(1.2rem, 2.5vw, 1.6rem);
}

/* CAMBIO CSS-3: Numeración de process cards visible (no gris) */
.process-card .step {
  color: #00c1de;
  opacity: 1;
}

/* CAMBIO CSS-4: Reducir espacio entre sección IA (benefits) y sección tabs (usecases) */
.benefits-section {
  padding-bottom: 2rem;
}

/* CAMBIO CSS-5: Fix dashboard Forecast — números que se tapan */
.sales-kpis {
  gap: 0.75rem;
}
.sales-kpis .ui-mini-card {
  min-width: 0;
  overflow: visible;
}

/* CAMBIO CSS-6: Fix dashboard Escalabilidad — elementos que se enciman */
.tech-grid {
  gap: 1.5rem;
}
.tech-core-panel {
  position: relative;
  z-index: 1;
}
.tech-core {
  overflow: visible;
}
.tech-core p {
  white-space: nowrap;
}

/* CAMBIO CSS-7: Reducir espacio entre tabs y servicios adaptados */
.usecases-section {
  padding-bottom: 2rem;
}

/* CAMBIO CSS-8: Números grises de servicios → visibles */
.engagement-card .plan-top span {
  color: #ffffff;
  opacity: 1;
}

/* CAMBIO CSS-9: Texto "Punto de partida" / "Implementación" más grande */
.engagement-card .plan-top small {
  font-size: 0.85rem;
  letter-spacing: 0.08em;
}

/* CAMBIO CSS-10: Reducir espacio entre FAQ y contacto */
.faq-section {
  padding-bottom: 2rem;
}

/* CAMBIO CSS-11: Footer — títulos más grandes */
.site-footer h3 {
  font-size: 1rem;
  margin-bottom: 1em;
}

/* CAMBIO CSS-12: Footer — más espacio entre logo y frase */
.footer-brand img {
  margin-bottom: 1.5rem;
}
.footer-brand p {
  margin-top: 0;
}

/* CAMBIO CSS-13: Card index en bento-grid visible (no gris) */
.bento-card .card-index {
  color: #00c1de;
  opacity: 1;
}

/* AJUSTES CLIENTE · 14 SEP 2026
   Landing más corta, formularios unificados y servicios compactos. */

/* Ritmo vertical más ágil en toda la landing. */
.section{
  padding:clamp(64px,7vw,100px) 0;
}
.section-intro{
  margin-bottom:36px;
}
.section-intro.compact{
  margin-bottom:24px;
}
.eyebrow-label{
  margin-bottom:14px;
}
.section-intro p,.editorial-copy>p,.contact-copy>p,.sticky-intro>p{
  margin-top:16px;
}

/* Estadísticas más compactas y soporte visual para “+200 clientes”. */
.stat-card{
  min-height:200px;
  padding:28px;
}
.stat-card p{
  margin-top:18px;
}
.stat-prefix{
  font-family:var(--display);
  font-size:clamp(52px,6vw,82px);
  line-height:1;
  color:#fff;
  letter-spacing:-.06em;
}

/* Formulario del hero: mismos campos que el formulario final, manteniendo formato compacto. */
.hero-quick-form{
  padding:28px;
}
.quick-form-head{
  margin-bottom:18px;
}
.quick-form-grid{
  gap:11px 12px;
}
.quick-form-field>span{
  margin-bottom:5px;
}
.quick-form-field input,
.quick-form-field select,
.quick-form-field textarea{
  width:100%;
  min-height:44px;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:rgba(1,7,27,.54);
  color:#fff;
  outline:none;
  transition:border-color .25s,box-shadow .25s,background .25s;
}
.quick-form-field textarea{
  resize:vertical;
  min-height:68px;
}
.quick-form-field input::placeholder,
.quick-form-field textarea::placeholder{
  color:#60709e;
}
.quick-form-field input:hover,
.quick-form-field textarea:hover{
  background:rgba(3,11,39,.72);
}
.quick-form-field input:focus,
.quick-form-field select:focus,
.quick-form-field textarea:focus{
  border-color:var(--bikini);
  box-shadow:0 0 0 3px rgba(0,193,222,.09);
}
.quick-form-field input.invalid,
.quick-form-field select.invalid,
.quick-form-field textarea.invalid{
  border-color:#ff7187;
}
.quick-consent{
  margin:13px 0 14px;
}
.quick-form-note{
  margin-top:12px;
}

/* “Servicios adaptados a tu operación” más compacto sin cambiar contenido. */
.engagement-section.section{
  padding-top:clamp(58px,6vw,84px);
  padding-bottom:clamp(58px,6vw,84px);
}
.engagement-card{
  min-height:390px;
  padding:clamp(25px,3vw,36px);
}
.engagement-card h3{
  margin:18px 0 10px;
}
.engagement-card ul{
  margin:22px 0 26px;
}
.engagement-card li{
  padding:10px 0;
}
.pricing-note{
  margin-top:18px;
}

/* El bloque visual donde los nodos podían invadir el texto fue retirado junto con
   “Una misma arquitectura. Distintas decisiones”. Esta salvaguarda evita que
   ornamentos absolutos puedan tapar copy si se reutilizan componentes similares. */
.bento-card>div:first-child,
.engagement-card>h3,
.engagement-card>p,
.engagement-card>ul{
  position:relative;
  z-index:2;
}

@media (max-width:760px){
  .section{padding:58px 0}
  .section-intro{margin-bottom:28px}
  .section-intro.compact{margin-bottom:20px}
  .stat-card{min-height:165px;padding:24px}
  .hero-quick-form{padding:23px 20px}
  .engagement-section.section{padding-top:52px;padding-bottom:52px}
  .engagement-card{padding:24px;min-height:auto}
}

/* Final client adjustments */
.contact-section .contact-blue-line{
  color:var(--bel-air);
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
}
.contact-section .contact-blue-line>span{
  color:var(--bel-air);
  -webkit-text-fill-color:var(--bel-air);
}
.whatsapp-float{color:#fff;}
.whatsapp-icon{
  width:29px;
  height:29px;
  display:block;
  position:relative;
  z-index:2;
  color:#fff;
}
.whatsapp-icon .wa-bubble{
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.whatsapp-icon .wa-phone{
  fill:currentColor;
}