:root{
  --bg:#031118; --bg2:#061c24; --panel:#082732; --panel2:#0b3440;
  --teal:#149aaa; --cyan:#54e5eb; --cyan2:#8af8f5; --silver:#aebbc1;
  --white:#f7fbfc; --muted:#8da6ad; --line:rgba(137,236,240,.16);
  --ok:#42d49a; --warn:#f0b951; --danger:#ff6e6a; --ink:#06181f;
  --shadow:0 25px 80px rgba(0,0,0,.28); --max:1320px; --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--white);background:linear-gradient(180deg,#031118 0,#061922 50%,#04141b 100%);line-height:1.55}
body:has(.login-stage){overflow:hidden}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
img{max-width:100%}.eyebrow{font-size:11px;font-weight:900;letter-spacing:2.3px;text-transform:uppercase;color:var(--cyan)}.eyebrow.light{color:#8af8f5}
.particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.aurora{position:absolute;border-radius:50%;filter:blur(90px);opacity:.4}.aurora-a{width:520px;height:520px;background:#0ab8c5;right:-120px;top:-120px}.aurora-b{width:460px;height:460px;background:#03587c;left:-100px;bottom:-160px}
.login-stage{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 70% 20%,rgba(20,154,170,.16),transparent 30%),linear-gradient(135deg,#020d12,#041b24 60%,#063744)}
.login-grid,.hero-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(84,229,235,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(84,229,235,.035) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 72%,transparent)}
.login-shell{position:relative;z-index:2;width:min(1180px,calc(100% - 42px));display:grid;grid-template-columns:1.05fr .72fr;gap:40px;align-items:center}
.login-visual{padding:48px 40px}.visual-badge{display:inline-flex;padding:8px 12px;border:1px solid rgba(84,229,235,.25);border-radius:999px;color:#8af8f5;font-size:10px;font-weight:900;letter-spacing:1.6px;background:rgba(84,229,235,.05)}
.login-visual h2{font-size:clamp(56px,6vw,88px);line-height:.96;letter-spacing:-4px;margin:25px 0}.login-visual h2 span{color:var(--cyan);text-shadow:0 0 30px rgba(84,229,235,.22)}
.login-visual>p{max-width:650px;color:#9fb8be;font-size:18px}.visual-track{display:flex;align-items:center;gap:12px;margin:36px 0;color:#9ec5ca;font-size:10px;font-weight:850;letter-spacing:1px;text-transform:uppercase}.visual-track i{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px rgba(84,229,235,.7)}.visual-track:before,.visual-track:after{content:"";height:1px;width:35px;background:linear-gradient(90deg,transparent,var(--cyan))}
.visual-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:570px}.visual-metrics div{padding:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:18px;backdrop-filter:blur(10px)}.visual-metrics strong{display:block;font-size:27px;color:var(--cyan2)}.visual-metrics span{font-size:9px;color:#799ba2;text-transform:uppercase;letter-spacing:1px}
.glass{background:linear-gradient(145deg,rgba(9,43,54,.9),rgba(5,27,35,.84));border:1px solid rgba(128,237,240,.20);box-shadow:0 40px 120px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(22px)}
.login-card{position:relative;padding:42px;border-radius:34px;overflow:hidden}.login-card:before{content:"";position:absolute;inset:-1px;border-radius:34px;padding:1px;background:linear-gradient(130deg,rgba(84,229,235,.6),transparent 35%,transparent 65%,rgba(84,229,235,.22));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;pointer-events:none}
.brand-stage{height:130px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:24px}.brand-stage img{width:260px;height:120px;object-fit:contain;object-position:left center;filter:drop-shadow(0 12px 30px rgba(0,0,0,.45))}
.login-card h1{font-size:44px;line-height:1.02;letter-spacing:-2px;margin:12px 0;color:#fff}.login-card h1 span{color:var(--cyan)}.login-lead{color:#9db8be;max-width:500px}.login-form{display:grid;gap:14px;margin-top:30px}.login-form label{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:#bad0d5}
.password-wrap{display:flex;margin-top:8px;border:1px solid rgba(160,224,228,.16);border-radius:15px;background:rgba(255,255,255,.045);overflow:hidden}.password-wrap input{flex:1;padding:15px 16px;border:0;background:transparent;color:#fff;outline:none}.password-wrap button{width:48px;border:0;background:transparent;color:#6bdbe1;cursor:pointer}
.neon-btn{position:relative;overflow:hidden;border:0;border-radius:15px;padding:15px 18px;background:linear-gradient(90deg,#1697a6,#56e4e9);color:#04161c;font-weight:950;cursor:pointer;box-shadow:0 14px 40px rgba(32,213,221,.19);transition:.25s}.neon-btn:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(32,213,221,.3)}.neon-btn:after{content:"";position:absolute;top:-80%;left:-30%;width:35%;height:250%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);transform:rotate(20deg);transition:.6s}.neon-btn:hover:after{left:110%}
.login-foot{font-size:10px;color:#71929a;margin-top:22px}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 6px rgba(66,212,154,.1);margin-right:8px}.login-error{margin:14px 0;padding:12px 14px;border:1px solid rgba(255,110,106,.3);background:rgba(255,110,106,.08);border-radius:13px;color:#ffb8b5;font-size:12px}

.portal-bg{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.45}
.topbar{position:sticky;top:0;z-index:60;height:78px;display:flex;align-items:center;gap:25px;padding:0 max(22px,calc((100vw - var(--max))/2));background:rgba(3,17,24,.82);border-bottom:1px solid rgba(128,237,240,.10);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:12px;min-width:250px}.brand-logo{width:64px;height:54px;border-radius:13px;background:rgba(255,255,255,.03);display:grid;place-items:center}.brand-logo img{width:56px;height:48px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:14px;letter-spacing:1.3px}.brand-copy small{font-size:9px;color:#75bac1;letter-spacing:1px;margin-top:5px}
.topbar nav{display:flex;gap:22px;margin:auto;font-size:11px;font-weight:800;color:#9ab3b8}.topbar nav a:hover{color:var(--cyan)}.top-actions{display:flex;align-items:center;gap:8px;font-size:10px;color:#79959b}.save-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 5px rgba(66,212,154,.09)}.save-dot.saving{background:var(--warn)}.logout,.presenter-link{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#98b3b8;padding:8px 11px;border-radius:999px;font-size:10px;cursor:pointer}.presenter-link:hover,.logout:hover{color:#fff;border-color:rgba(84,229,235,.25)}
main,footer{position:relative;z-index:2}
.hero{position:relative;overflow:hidden;min-height:740px;background:radial-gradient(circle at 80% 35%,rgba(18,155,170,.17),transparent 32%),radial-gradient(circle at 10% 0%,rgba(7,89,115,.20),transparent 38%),linear-gradient(135deg,#031118,#061e27 68%,#083b46)}
.hero-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:#0ca6b6;filter:blur(130px);right:-180px;top:120px;opacity:.13}.hero-inner{width:min(calc(100% - 40px),var(--max));margin:auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;min-height:650px;padding:80px 0 55px}.hero-copy{position:relative;z-index:3}.hero h1{font-size:clamp(54px,6.1vw,88px);line-height:.98;letter-spacing:-4px;margin:18px 0 27px}.hero h1 span{color:var(--cyan);text-shadow:0 0 34px rgba(84,229,235,.18)}.hero-copy>p{max-width:770px;color:#9fb8be;font-size:18px}
.hero-actions{display:flex;gap:10px;margin:32px 0 25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 18px;font-size:12px;font-weight:900;cursor:pointer;border:1px solid transparent;transition:.23s}.btn:hover{transform:translateY(-2px)}.btn-neon{background:linear-gradient(90deg,#20a5b3,#63eef0);color:#04171d;box-shadow:0 12px 36px rgba(84,229,235,.15)}.btn-glass{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#cce4e8}.btn-outline{background:transparent;border-color:rgba(20,154,170,.35);color:#0f7581}.btn-neon.dark{color:#04191e}
.hero-tags{display:flex;flex-wrap:wrap;gap:7px}.hero-tags span{padding:6px 9px;border-radius:999px;border:1px solid rgba(84,229,235,.15);background:rgba(84,229,235,.035);font-size:9px;font-weight:850;color:#79cbd0;letter-spacing:.6px}
.hero-scene{position:relative;height:540px}.hero-logo-orbit{position:absolute;width:360px;height:360px;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center}.logo-holo{width:245px;height:245px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(84,229,235,.10),rgba(0,0,0,.14));border:1px solid rgba(84,229,235,.16);box-shadow:0 0 90px rgba(34,214,221,.12),inset 0 0 45px rgba(84,229,235,.06)}.logo-holo img{width:210px;height:210px;object-fit:contain;filter:drop-shadow(0 15px 25px rgba(0,0,0,.4))}
.orbit{position:absolute;border-radius:50%;border:1px solid rgba(84,229,235,.18);animation:spin 18s linear infinite}.orbit:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 22px var(--cyan)}.orbit-1{width:330px;height:330px}.orbit-1:before{top:32px;right:42px}.orbit-2{width:390px;height:390px;border-style:dashed;animation-direction:reverse;animation-duration:28s}.orbit-2:before{bottom:58px;left:23px}@keyframes spin{to{transform:rotate(360deg)}}
.floating-product{position:absolute;width:172px;padding:10px;background:rgba(5,28,36,.78);border:1px solid rgba(84,229,235,.14);border-radius:18px;box-shadow:0 22px 55px rgba(0,0,0,.3);backdrop-filter:blur(15px);animation:float 5s ease-in-out infinite}.floating-product img{width:100%;height:130px;object-fit:contain;background:#fff;border-radius:11px}.floating-product span{display:block;font-size:8px;color:#6fdbe1;font-weight:900;letter-spacing:.7px;margin:9px 3px 2px}.fp1{left:0;top:85px;transform:rotate(-5deg)}.fp2{right:0;bottom:70px;transform:rotate(5deg);animation-delay:-2.3s}@keyframes float{50%{translate:0 -10px}}
.floating-card{position:absolute;padding:16px;border-radius:17px;background:rgba(5,28,36,.82);border:1px solid rgba(84,229,235,.13);box-shadow:0 18px 45px rgba(0,0,0,.28);backdrop-filter:blur(14px)}.progress-card{right:5px;top:60px;width:150px}.progress-card small{font-size:8px;color:#6db0b7;font-weight:900}.progress-card strong{display:block;font-size:34px;color:var(--cyan)}.mini-progress{height:5px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.mini-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--teal),var(--cyan));transition:.5s}
.hero-strip{width:min(calc(100% - 40px),var(--max));margin:0 auto 35px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(84,229,235,.1);background:rgba(255,255,255,.025);border-radius:22px;overflow:hidden}.hero-strip div{padding:17px 20px;border-right:1px solid rgba(255,255,255,.06)}.hero-strip div:last-child{border:0}.hero-strip strong,.hero-strip span{display:block}.hero-strip strong{font-size:16px;color:#d8eff1}.hero-strip span{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#6e949b;margin-top:3px}
.section{width:min(calc(100% - 40px),var(--max));margin:auto;padding:105px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:34px}.section-head>div{max-width:900px}.section-head h2{font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-2.8px;margin:8px 0 15px}.section-head h2 span{color:var(--cyan)}.section-head p{color:#8fa8ae;font-size:16px;max-width:840px}.glass-label{display:inline-flex;white-space:nowrap;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);font-size:9px;font-weight:900;letter-spacing:1px;color:#a5c3c8}.glass-label.warning{color:#ffd98d;border-color:rgba(240,185,81,.25);background:rgba(240,185,81,.06)}.glass-label.ok{color:#8cf2c4;border-color:rgba(66,212,154,.22);background:rgba(66,212,154,.06)}.glass-label.cyan{color:#90f0f3;border-color:rgba(84,229,235,.22);background:rgba(84,229,235,.06)}
.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin:35px 0 20px}.metric-grid article{padding:24px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.016));border-radius:20px}.metric-grid b{display:block;font-size:42px;color:var(--cyan)}.metric-grid span{display:block;font-size:10px;font-weight:850;text-transform:uppercase;color:#a8c1c6}.metric-grid small{display:block;color:#647f86;font-size:9px;margin-top:9px}
.finding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.finding{position:relative;overflow:hidden;padding:28px;border-radius:22px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(150deg,rgba(8,40,50,.7),rgba(5,27,35,.65));transition:.25s}.finding:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:var(--cyan);filter:blur(80px);opacity:.05;right:-30px;top:-30px}.finding:hover{transform:translateY(-3px);border-color:rgba(84,229,235,.2)}.finding.hot{border-color:rgba(255,110,106,.20)}.finding .icon{font-size:30px;color:var(--cyan)}.finding h3{font-size:18px;margin:14px 0 7px}.finding p{font-size:13px;color:#8ea8ae}.finding em{display:block;margin-top:18px;font-style:normal;font-size:9px;font-weight:850;color:#76dbe0;text-transform:uppercase;letter-spacing:.7px}
.ecosystem-map{margin-top:20px;padding:30px;border-radius:27px;border:1px solid rgba(84,229,235,.11);background:linear-gradient(145deg,rgba(8,43,53,.82),rgba(4,25,32,.82));box-shadow:var(--shadow)}.map-title{display:flex;justify-content:space-between;align-items:center}.map-title small{color:#6fc7cd;font-size:9px;font-weight:900;letter-spacing:1.4px}.map-title h3{font-size:26px;margin:5px 0}.map-flow{display:grid;grid-template-columns:1fr 120px 1fr;align-items:stretch;gap:16px;margin-top:24px}.eco-box{padding:23px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.eco-logo{height:80px}.eco-logo img{height:78px;width:150px;object-fit:contain;object-position:left}.rhino-mark{height:80px;display:flex;align-items:center;font-weight:950;font-size:31px;letter-spacing:5px;color:#c9d4d7}.eco-box h4{font-size:20px;margin:7px 0 1px}.eco-box code{font-size:10px;color:#66cbd1}.node-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.node-row i{font-style:normal;font-size:8px;font-weight:850;color:#8be2e6;border:1px solid rgba(84,229,235,.16);padding:6px 8px;border-radius:999px}.eco-box p{font-size:10px;color:#78959b;margin-top:18px}.not-equal{display:grid;place-items:center;text-align:center}.not-equal b{font-size:48px;color:var(--cyan)}.not-equal span{font-size:8px;text-transform:uppercase;color:#638087}
.route-counter{text-align:right}.route-counter strong{display:block;font-size:42px;color:var(--cyan)}.route-counter span{font-size:9px;color:#7c969c;text-transform:uppercase}.race-track{position:relative;display:flex;justify-content:space-between;align-items:center;margin:38px 0 28px;padding:0 12px}.track-line{position:absolute;left:23px;right:23px;height:3px;background:#15343d;overflow:hidden;border-radius:99px}.track-line i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--teal),var(--cyan));box-shadow:0 0 15px rgba(84,229,235,.4);transition:.5s}.track-node{position:relative;z-index:2;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#071e27;border:2px solid #1c4954;color:#6b939b;font-size:8px;font-weight:950}.track-node.start,.track-node.finish{width:54px;height:54px;background:linear-gradient(145deg,#0a7886,#48dbe1);color:#04191f;border-color:#78f0f2}
.checkpoint-stack{display:grid;gap:17px}.checkpoint{border-radius:25px;overflow:hidden;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.027);box-shadow:0 12px 40px rgba(0,0,0,.12)}.checkpoint-head{display:grid;grid-template-columns:72px 1fr 110px;gap:17px;align-items:center;padding:20px 24px;background:linear-gradient(90deg,rgba(10,50,61,.85),rgba(5,28,36,.62))}.checkpoint-no{width:57px;height:57px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#0e8998,#55e5e9);color:#04171c;font-size:20px;font-weight:950;box-shadow:0 10px 30px rgba(43,212,220,.12)}.checkpoint-head h3{font-size:20px;margin:0}.checkpoint-head p{font-size:11px;color:#76959b;margin:4px 0}.checkpoint-progress{text-align:right}.checkpoint-progress b{display:block;color:var(--cyan);font-size:24px}.checkpoint-progress span{font-size:8px;color:#68858c;text-transform:uppercase}
.tasks{display:grid;gap:1px;background:rgba(255,255,255,.04)}.task{display:grid;grid-template-columns:36px 1.1fr 1fr;gap:17px;padding:17px 22px;background:#051a22}.task:hover{background:#061f28}.task-check{appearance:none;width:24px;height:24px;border:2px solid #2b5861;border-radius:8px;cursor:pointer;position:relative}.task-check:checked{background:linear-gradient(145deg,#159baa,#55e4e8);border-color:transparent}.task-check:checked:after{content:"✓";position:absolute;left:5px;top:-1px;color:#04161b;font-weight:950}.task-main strong{display:block;font-size:13px}.task-main span{font-size:11px;color:#708e95}.task.completed .task-main strong{text-decoration:line-through;color:#668187}.task-meta{display:grid;grid-template-columns:1fr 130px;gap:8px}.task-field label{font-size:8px;text-transform:uppercase;letter-spacing:.7px;color:#58757c;font-weight:850}.task-field input,.task-field textarea,.team-grid input{width:100%;display:block;margin-top:5px;padding:9px 10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:10px;color:#d8eaec;outline:none}.task-field textarea{min-height:38px;resize:vertical}.task-evidence{grid-column:1/-1}
.catalog-section{position:relative;background:radial-gradient(circle at 15% 35%,rgba(20,154,170,.15),transparent 24%),linear-gradient(180deg,#04151c,#082832 50%,#04171e);border-top:1px solid rgba(84,229,235,.08);border-bottom:1px solid rgba(84,229,235,.08)}.catalog-inner{padding-top:115px;padding-bottom:115px}.catalog-transform{display:grid;grid-template-columns:1fr 95px 1fr;gap:18px;align-items:stretch}.catalog-before,.catalog-after{padding:28px;border-radius:27px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.compare-title{font-size:9px;color:#79dce1;font-weight:950;letter-spacing:1.5px}.pdf-fan{position:relative;height:330px;margin:18px 0}.pdf-fan img{position:absolute;width:205px;border-radius:13px;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 45px rgba(0,0,0,.4)}.pdf-fan img:nth-child(1){left:5%;top:35px;transform:rotate(-7deg)}.pdf-fan img:nth-child(2){left:30%;top:0;z-index:2}.pdf-fan img:nth-child(3){left:56%;top:40px;transform:rotate(7deg)}.catalog-before ul{padding-left:18px;color:#8ba7ad;font-size:12px}.transform-core{display:grid;place-items:center;align-content:center;color:#6ee6e9}.transform-core span{writing-mode:vertical-rl;font-size:8px;font-weight:900;letter-spacing:2px}.transform-core b{font-size:44px}.flow-orbit{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:7px;align-items:center;margin:35px 0}.flow-orbit div{padding:16px 8px;border-radius:16px;border:1px solid rgba(84,229,235,.12);background:rgba(84,229,235,.04);text-align:center}.flow-orbit b{display:grid;place-items:center;margin:auto auto 8px;width:29px;height:29px;border-radius:50%;background:var(--cyan);color:#04191e;font-size:10px}.flow-orbit span{font-size:9px;color:#b6d4d8}.flow-orbit i{font-style:normal;color:#65d8dd}.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.benefits span{padding:8px 9px;border-radius:9px;background:rgba(255,255,255,.035);font-size:9px;color:#9fbec3}
.product-showcase{margin-top:25px;padding:30px;border-radius:28px;background:linear-gradient(145deg,#f7fbfc,#dfeaec);color:var(--ink);box-shadow:var(--shadow)}.showcase-head small{font-size:9px;color:#128795;font-weight:950;letter-spacing:1.3px}.showcase-head h3{font-size:31px;margin:5px 0 4px}.showcase-head p{font-size:12px;color:#60777d}.showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.showcase-grid article{position:relative;padding:13px 13px 18px;border-radius:19px;background:#fff;border:1px solid #d7e3e5;transition:.25s}.showcase-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(4,31,39,.11)}.showcase-grid article.featured{border-color:#55dbe1;box-shadow:0 0 0 3px rgba(84,229,235,.09)}.product-image{height:190px;border-radius:13px;background:#fff;display:grid;place-items:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain}.showcase-grid small{font-size:9px;color:#128795;font-weight:950}.showcase-grid h4{font-size:15px;margin:5px 0 2px}.showcase-grid p{font-size:10px;color:#6a7c81;margin:0}
.catalog-lab{margin-top:22px;padding:30px;border-radius:28px;background:#f7fbfc;color:var(--ink);box-shadow:var(--shadow)}.lab-header{display:flex;justify-content:space-between;gap:30px;align-items:end}.lab-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#dff6f7;color:#087c89;font-size:8px;font-weight:950}.lab-header h3{font-size:28px;margin:6px 0 2px}.lab-header p{font-size:12px;color:#657a80;max-width:760px}.selected-counter{text-align:center;padding:12px 17px;border-radius:16px;background:#e7f5f6}.selected-counter strong{display:block;font-size:26px;color:#0a8c9a}.selected-counter span{font-size:8px;text-transform:uppercase;color:#688087}.lab-controls{display:grid;grid-template-columns:1fr 220px auto;gap:9px;margin:20px 0}.lab-controls input,.lab-controls select,.product-form input,.product-form select{padding:11px 12px;border:1px solid #d3e1e4;border-radius:11px;background:#fff;color:#071b23;outline:none}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.product-card{position:relative;display:grid;grid-template-columns:86px 1fr;gap:13px;align-items:center;padding:12px;border:1px solid #dae5e7;border-radius:16px;background:#fff;cursor:pointer;transition:.2s}.product-card:hover,.product-card.selected{border-color:#24adba;box-shadow:0 0 0 3px rgba(36,173,186,.08)}.product-card img{width:86px;height:86px;object-fit:contain;background:#fff;border-radius:10px}.product-card input{position:absolute;right:10px;top:10px}.product-card small{color:#0d8894;font-size:8px;font-weight:950}.product-card h4{font-size:13px;margin:4px 0 2px;padding-right:20px}.product-card p{font-size:9px;color:#708288;margin:0}.product-card em{font-style:normal;font-size:8px;color:#2e646c}
.backoffice{margin-top:22px;padding:30px;border-radius:28px;background:linear-gradient(145deg,#f8fbfb,#e8eff0);color:var(--ink);display:grid;grid-template-columns:1fr 1fr 1fr;gap:17px;box-shadow:var(--shadow)}.backoffice-copy{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:end;gap:25px;border-bottom:1px solid #d8e3e5;padding-bottom:20px}.backoffice-copy h3{font-size:29px;margin:6px 0 3px}.backoffice-copy p{font-size:12px;color:#657a80;max-width:800px}.data-pipeline{display:flex;align-items:center;gap:6px}.data-pipeline span{padding:6px 9px;background:#dceff1;border-radius:999px;font-size:8px;font-weight:950;color:#196d77}.data-pipeline i{font-style:normal;color:#55aeb7}
.upload-station,.product-form,.product-preview{padding:20px;border-radius:21px;background:#fff;border:1px solid #d9e4e6}.upload-title,.form-title{display:flex;gap:10px;align-items:center;margin-bottom:14px}.upload-title>span,.form-title>span{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;background:#0e8c9a;color:#fff;font-size:9px;font-weight:950}.upload-title b,.upload-title small,.form-title b,.form-title small{display:block}.upload-title small,.form-title small{font-size:8px;color:#7b9095}.drop-zone{display:grid;place-items:center;min-height:200px;border:1.5px dashed #9dc7cc;border-radius:16px;background:#f6fafb;overflow:hidden;cursor:pointer}.drop-zone input{display:none}.drop-zone>div{text-align:center;color:#6b858b}.drop-zone b{display:block;font-size:32px;color:#1a99a7}.drop-zone strong{display:block;font-size:12px}.drop-zone span{font-size:8px}.drop-zone img{display:none;width:100%;height:200px;object-fit:contain;background:#fff}.photo-rules{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.photo-rules span{font-size:8px;color:#5e767c;padding:6px;background:#f3f7f8;border-radius:8px}.photo-rules b{color:#0d7783}.photo-quality{margin-top:10px;padding:8px 9px;border-radius:9px;background:#e9f5f6;color:#3f747c;font-size:9px}.photo-quality.good{background:#e5f8ee;color:#24764e}.photo-quality.warn{background:#fff2db;color:#8e6415}
.product-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.product-form .form-title{grid-column:1/-1}.product-form label{font-size:8px;color:#687e84;font-weight:850;text-transform:uppercase}.product-form input,.product-form select{display:block;width:100%;margin-top:4px;padding:9px 10px}.product-form button{grid-column:1/-1}
.product-preview{display:flex;flex-direction:column}.preview-photo{height:210px;border-radius:14px;background:#fff;display:grid;place-items:center;overflow:hidden;border:1px solid #e0e8ea;margin-bottom:14px}.preview-photo img{width:100%;height:100%;object-fit:contain}.product-preview small{font-size:8px;color:#0d8a97;font-weight:950}.product-preview b{font-size:20px;margin:5px 0}.product-preview span{font-size:11px;color:#687c82}.product-preview em{font-size:9px;font-style:normal;color:#23838e;margin-top:10px}
.bot-flow{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.chat-demo{padding:25px;border:1px solid rgba(84,229,235,.11);border-radius:25px;background:linear-gradient(145deg,rgba(8,43,53,.82),rgba(4,25,32,.82));box-shadow:var(--shadow)}.chat-head{display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}.bot-avatar{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#1094a2,#61e8eb);color:#04191e;font-weight:950}.chat-head div{flex:1}.chat-head b,.chat-head small{display:block}.chat-head small{font-size:8px;color:#718e95}.chat-head i{font-style:normal;font-size:8px;color:#65dfa9}.bubble{max-width:85%;margin-top:18px;padding:13px 15px;border-radius:16px;font-size:11px}.bubble.user{margin-left:auto;background:#0d7380;color:#e8ffff;border-bottom-right-radius:5px}.bubble.bot{background:rgba(255,255,255,.05);color:#a9c4c9;border:1px solid rgba(255,255,255,.06);border-bottom-left-radius:5px}.bot-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.bot-options span{padding:7px 9px;border-radius:999px;border:1px solid rgba(84,229,235,.15);font-size:8px;color:#77d7dc}.routing{display:grid;grid-template-columns:1fr 1fr;gap:10px}.routing article{padding:21px;border-radius:20px;background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.07)}.routing b{font-size:20px;color:var(--cyan)}.routing h4{font-size:10px;letter-spacing:1px;margin:6px 0}.routing p{font-size:10px;color:#78959b}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.team-grid label{padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.025)}.team-grid label>span{font-size:8px;text-transform:uppercase;letter-spacing:.7px;color:#719097;font-weight:850}.team-grid input{margin-top:8px}
.weeks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.weeks article{position:relative;overflow:hidden;padding:26px;border-radius:22px;background:linear-gradient(150deg,rgba(8,43,53,.77),rgba(4,25,32,.7));border:1px solid rgba(255,255,255,.07)}.weeks article>span{position:absolute;right:15px;top:5px;font-size:63px;font-weight:950;color:rgba(84,229,235,.05)}.weeks small{font-size:8px;color:#6edee2;font-weight:950;letter-spacing:1px}.weeks h3{font-size:18px;margin:9px 0}.weeks p{font-size:11px;color:#7f9aa0}.weeks i{font-style:normal;font-size:8px;color:#5fdbe0;font-weight:950}
.adoption-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.adoption-grid article{padding:25px;border-radius:21px;border:1px solid rgba(84,229,235,.09);background:rgba(255,255,255,.025)}.adoption-grid strong{font-size:35px;color:var(--cyan)}.adoption-grid>article>span{display:block;font-size:8px;color:#6d9298;font-weight:900;letter-spacing:1px}.adoption-grid h4{margin:11px 0 4px}.adoption-grid p{font-size:10px;color:#78939a}
.finish-card{display:grid;grid-template-columns:190px 1fr 180px;gap:28px;align-items:center;padding:42px;border-radius:30px;background:radial-gradient(circle at 80% 20%,rgba(84,229,235,.12),transparent 30%),linear-gradient(145deg,#071f28,#0b3b46);border:1px solid rgba(84,229,235,.13);box-shadow:var(--shadow)}.finish-logo img{width:180px;height:150px;object-fit:contain}.finish-card h2{font-size:50px;line-height:1;margin:7px 0}.finish-card h2 span{color:var(--cyan)}.finish-card p{color:#86a5ab}.finish-progress{text-align:center;padding:20px;border-radius:20px;background:rgba(255,255,255,.04)}.finish-progress strong{display:block;font-size:39px;color:var(--cyan)}.finish-progress span{font-size:8px;text-transform:uppercase;color:#718e95}
.modal{position:fixed;inset:0;z-index:100;display:none}.modal.open{display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(0,8,11,.82);backdrop-filter:blur(9px)}.modal-card{position:relative;z-index:2;width:min(850px,calc(100% - 35px));max-height:85vh;overflow:auto;padding:36px;border-radius:26px;background:#071f28;border:1px solid rgba(84,229,235,.17);box-shadow:0 35px 120px rgba(0,0,0,.5)}.modal-card h2{font-size:36px;margin:8px 0 20px}.modal-close{position:absolute;right:18px;top:15px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#fff;font-size:25px;cursor:pointer}.pitch-copy{display:grid;gap:10px}.pitch-copy p{margin:0;padding:15px;border-radius:14px;background:rgba(255,255,255,.035);color:#a5bdc2;font-size:13px}
footer{display:flex;justify-content:space-between;gap:20px;padding:25px max(20px,calc((100vw - var(--max))/2));border-top:1px solid rgba(255,255,255,.06);background:#020c10;color:#57757c;font-size:9px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1080px){.topbar nav{display:none}.hero-inner{grid-template-columns:1fr}.hero-scene{height:440px}.metric-grid{grid-template-columns:repeat(3,1fr)}.finding-grid{grid-template-columns:repeat(2,1fr)}.map-flow{grid-template-columns:1fr}.not-equal{padding:10px}.catalog-transform{grid-template-columns:1fr}.transform-core{display:none}.showcase-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.backoffice{grid-template-columns:1fr 1fr}.product-preview{grid-column:1/-1}.bot-flow{grid-template-columns:1fr}.team-grid,.weeks,.adoption-grid{grid-template-columns:repeat(2,1fr)}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-card{max-width:610px;margin:auto}.finish-card{grid-template-columns:150px 1fr}.finish-progress{grid-column:1/-1}}
@media(max-width:720px){.topbar{height:68px;padding:0 13px}.brand-copy{display:none}.top-actions #saveLabel,.presenter-link{display:none}.hero-inner{padding:65px 0 25px}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero-scene{height:350px}.hero-logo-orbit{width:270px;height:270px}.logo-holo{width:190px;height:190px}.logo-holo img{width:165px;height:165px}.orbit-1{width:250px;height:250px}.orbit-2{width:290px;height:290px}.floating-product{width:130px}.floating-product img{height:95px}.progress-card{display:none}.hero-strip{grid-template-columns:repeat(2,1fr)}.section{padding:75px 0}.section-head{display:block}.section-head h2{font-size:43px}.metric-grid,.finding-grid,.team-grid,.weeks,.adoption-grid,.showcase-grid,.product-grid{grid-template-columns:1fr}.map-title{display:block}.checkpoint-head{grid-template-columns:60px 1fr}.checkpoint-progress{grid-column:2;text-align:left}.task{grid-template-columns:32px 1fr}.task-meta{grid-column:2;grid-template-columns:1fr}.catalog-inner{padding-top:80px;padding-bottom:80px}.pdf-fan{height:245px}.pdf-fan img{width:150px}.flow-orbit{grid-template-columns:1fr}.flow-orbit i{transform:rotate(90deg);text-align:center}.benefits{grid-template-columns:1fr}.lab-header{display:block}.selected-counter{display:inline-block;margin-top:10px}.lab-controls{grid-template-columns:1fr}.backoffice{grid-template-columns:1fr}.backoffice-copy{display:block}.data-pipeline{margin-top:14px;flex-wrap:wrap}.product-form{grid-template-columns:1fr}.routing{grid-template-columns:1fr}.finish-card{grid-template-columns:1fr;text-align:center}.finish-logo img{width:160px}.finish-card h2{font-size:39px}.login-card{padding:30px}.brand-stage{height:110px}.brand-stage img{width:220px;height:105px}.login-card h1{font-size:37px}.race-track{overflow:hidden}.track-node{width:32px;height:32px;font-size:7px}.track-node.start,.track-node.finish{width:42px;height:42px}footer{flex-direction:column}}


/* ===== V3.1 NEON GAMIFIED ENHANCEMENTS ===== */
#confettiCanvas{position:fixed;inset:0;z-index:120;pointer-events:none}
.topbar,.hero,.catalog-section,.checkpoint,.finding,.chat-demo,.routing article,.weeks article,.adoption-grid article,.finish-card{position:relative}
.topbar:after,.hero:after,.catalog-section:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(84,229,235,.5),transparent)}
.btn-neon,.neon-btn,.presenter-link,.btn-start-neon,.section-presenter,.micro-presenter{box-shadow:0 0 0 1px rgba(117,246,255,.12),0 0 24px rgba(84,229,235,.16),0 10px 36px rgba(0,0,0,.25)}
.btn-neon:hover,.neon-btn:hover,.presenter-link:hover,.section-presenter:hover,.micro-presenter:hover,.btn-start-neon:hover{box-shadow:0 0 0 1px rgba(117,246,255,.26),0 0 34px rgba(84,229,235,.32),0 14px 42px rgba(0,0,0,.32)}
.sound-toggle{min-width:92px}
.hero-actions-plus{align-items:center;flex-wrap:wrap}
.btn-start-neon{display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(122,248,255,.45);border-radius:999px;padding:15px 22px;background:radial-gradient(circle at 30% 20%,rgba(142,251,255,.35),rgba(20,149,170,.22) 32%,rgba(7,35,45,.85) 75%);color:#dffcff;font-weight:1000;letter-spacing:2px;cursor:pointer;text-transform:uppercase;position:relative;overflow:hidden}
.btn-start-neon:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 180deg,transparent,rgba(123,248,255,.5),transparent 30%,transparent 70%,rgba(123,248,255,.35),transparent);animation:spin 10s linear infinite;opacity:.7}
.btn-start-neon:after{content:"";position:absolute;inset:2px;border-radius:999px;background:linear-gradient(90deg,rgba(7,28,36,.94),rgba(12,58,72,.78));z-index:0}
.btn-start-neon > *,.btn-start-neon{isolation:isolate}
.btn-start-neon span,.btn-start-neon{z-index:1}
.start-pulse{width:12px;height:12px;border-radius:50%;background:var(--cyan2);box-shadow:0 0 0 0 rgba(132,248,245,.5),0 0 16px var(--cyan2);animation:pulseStart 1.45s infinite}
@keyframes pulseStart{0%{box-shadow:0 0 0 0 rgba(132,248,245,.45),0 0 16px var(--cyan2)}70%{box-shadow:0 0 0 14px rgba(132,248,245,0),0 0 24px var(--cyan2)}100%{box-shadow:0 0 0 0 rgba(132,248,245,0),0 0 16px var(--cyan2)}}
body.start-mode .hero-glow{opacity:.23;filter:blur(120px)}
body.start-mode .hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(84,229,235,.08),transparent 45%);pointer-events:none}
.section-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.section-presenter,.micro-presenter{border:1px solid rgba(126,248,255,.25);background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(84,229,235,.08));color:#defbfd;padding:11px 14px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.6px;cursor:pointer;transition:.22s}
.section-presenter.inline{margin-top:16px}
.micro-presenter{padding:8px 11px;font-size:10px}
.metric-grid article,.finding,.checkpoint,.catalog-before,.catalog-after,.chat-demo,.routing article,.weeks article,.adoption-grid article,.finish-card,.ecosystem-map,.catalog-lab,.backoffice,.product-showcase{box-shadow:0 14px 40px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.03)}
.metric-grid article:hover,.finding:hover,.weeks article:hover,.adoption-grid article:hover,.routing article:hover,.checkpoint:hover{transform:translateY(-4px);border-color:rgba(117,246,255,.18)}
.compare-title,.showcase-head small,.lab-badge,.eyebrow,.eyebrow.light{ text-shadow:0 0 12px rgba(84,229,235,.24)}
.flow-orbit div b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle,#b9ffff 0,#6af1ff 30%,#1092a0 72%);color:#04202a;box-shadow:0 0 22px rgba(106,241,255,.42);font-size:14px}
.transform-core{display:grid;place-items:center;gap:8px;color:#aef8ff;text-shadow:0 0 18px rgba(132,248,245,.3)}
.transform-core span{writing-mode:vertical-rl;letter-spacing:2px;border:1px solid rgba(132,248,245,.35);padding:12px 8px;border-radius:18px;background:rgba(84,229,235,.06)}
.transform-core b{font-size:42px;color:#79f3ff}
.weeks article > span{color:rgba(124,245,255,.19)!important;-webkit-text-stroke:1px rgba(112,247,255,.14);text-shadow:0 0 18px rgba(84,229,235,.12)}
.routing article b,.metric-grid b,.route-counter strong,.finish-progress strong,.progress-card strong{ text-shadow:0 0 20px rgba(84,229,235,.22)}
.topbar nav a,.brand-copy small,#saveLabel{ text-shadow:0 0 10px rgba(84,229,235,.14)}
.checkpoint-head{grid-template-columns:72px 1fr 200px}
.checkpoint-progress{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.checkpoint-progress b{font-size:28px;color:#8cf9ff;text-shadow:0 0 18px rgba(132,248,245,.28)}
.cp-tools{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-top:6px}
.task{position:relative}.task:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent;transition:.2s}.task.completed:before{background:linear-gradient(180deg,var(--cyan),transparent)}
.task-check{box-shadow:0 0 0 1px rgba(84,229,235,.08)}
.task-check:checked{box-shadow:0 0 18px rgba(84,229,235,.32)}
.checkpoint.completion-flash{animation:flashDone .9s ease}
@keyframes flashDone{0%{box-shadow:0 0 0 rgba(132,248,245,0)}40%{box-shadow:0 0 0 2px rgba(132,248,245,.25),0 0 35px rgba(132,248,245,.3)}100%{box-shadow:0 0 0 rgba(132,248,245,0)}}
.modal-card.presenter-section-card{background:linear-gradient(145deg,rgba(7,31,40,.98),rgba(4,21,27,.97));border:1px solid rgba(118,245,255,.18)}
.modal-lead{font-size:14px;color:#9ebbc0;max-width:700px;margin-top:-5px}.presenter-bullets{display:grid;gap:12px;margin-top:18px}.presenter-bullets article{padding:16px 18px;border-radius:18px;border:1px solid rgba(117,246,255,.12);background:rgba(255,255,255,.03)}.presenter-bullets b{display:block;font-size:12px;color:#8ef8ff;margin-bottom:6px;letter-spacing:.5px}.presenter-bullets p{margin:0;color:#bdd5d9;font-size:14px}
.modal-card .tipline{margin-top:16px;padding:14px 16px;border-radius:16px;background:rgba(84,229,235,.05);border:1px solid rgba(117,246,255,.12);color:#cdf1f3;font-size:13px}
.hero, .catalog-section{overflow:hidden}
.hero:before,.catalog-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(84,229,235,.05),transparent 30%),radial-gradient(circle at 80% 70%,rgba(84,229,235,.06),transparent 35%);pointer-events:none}
.route-counter strong,#routePct,#overallPct,#finishPct,.metric-grid article b,.product-showcase article h4,.showcase-head h3{color:#8ffaff}
.hero h1 span,.section-head h2 span,.finish-card h2 span{filter:drop-shadow(0 0 10px rgba(84,229,235,.18))}
@media(max-width:1080px){.section-tools{justify-content:flex-start}.checkpoint-head{grid-template-columns:72px 1fr}.checkpoint-progress{align-items:flex-start}.cp-tools{justify-content:flex-start}.top-actions .sound-toggle{display:none}}
@media(max-width:720px){.btn-start-neon{width:100%;justify-content:center}.section-presenter{width:100%;justify-content:center;text-align:center}.section-tools{width:100%}.hero-actions-plus .btn{width:100%;justify-content:center}.flow-orbit{gap:6px;flex-wrap:wrap}.flow-orbit i{display:none}.flow-orbit div{width:calc(50% - 6px)}}


/* ===== V3.2 LAYOUT + SOUND + TRACK POLISH ===== */
.portal-bg{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-2}
.portal-bg::before{content:"";position:absolute;inset:-18%;background:
 radial-gradient(circle at 15% 20%,rgba(86,232,245,.14),transparent 23%),
 radial-gradient(circle at 84% 18%,rgba(26,102,255,.11),transparent 21%),
 radial-gradient(circle at 48% 72%,rgba(144,54,255,.08),transparent 18%),
 linear-gradient(135deg,transparent 0 22%,rgba(89,239,255,.025) 22.5%,transparent 23%,transparent 48%,rgba(89,239,255,.025) 48.5%,transparent 49%,transparent 74%,rgba(89,239,255,.025) 74.5%,transparent 75%);
 filter:blur(12px);opacity:.9;animation:auroraShift 18s ease-in-out infinite alternate}
.portal-bg::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(118deg,transparent 0 40px,rgba(87,229,235,.03) 40px 42px,transparent 42px 120px);opacity:.45;animation:streakDrift 20s linear infinite}
@keyframes auroraShift{0%{transform:translate3d(-2%,-1%,0) scale(1)}50%{transform:translate3d(2%,2%,0) scale(1.06)}100%{transform:translate3d(-1%,3%,0) scale(1.02)}}
@keyframes streakDrift{from{transform:translate3d(-4%,0,0)}to{transform:translate3d(4%,0,0)}}
.hero:after,.catalog-section:after,.route-section:after{box-shadow:0 0 30px rgba(84,229,235,.25)}

.race-track{padding:0 6px 8px;gap:10px}
.track-line{left:48px;right:48px;height:4px;background:linear-gradient(90deg,rgba(27,72,84,.9),rgba(16,45,53,.9));box-shadow:inset 0 0 10px rgba(0,0,0,.35)}
.track-line i{box-shadow:0 0 18px rgba(84,229,235,.65),0 0 32px rgba(84,229,235,.22)}
.track-node{box-shadow:0 0 0 1px rgba(117,246,255,.08), inset 0 0 22px rgba(84,229,235,.03)}
.track-node.action{appearance:none;border:none;cursor:pointer;font-family:inherit}
.track-node.start,.track-node.finish{width:auto;min-width:96px;height:46px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,rgba(4,27,35,.95),rgba(12,66,79,.9));border:1px solid rgba(134,248,255,.58);color:#dffcff;font-size:11px;letter-spacing:1.3px;box-shadow:0 0 0 1px rgba(117,246,255,.12),0 0 18px rgba(84,229,235,.22),0 0 34px rgba(84,229,235,.14), inset 0 0 24px rgba(84,229,235,.12);position:relative;overflow:hidden}
.track-node.start::before,.track-node.finish::before{content:"";position:absolute;inset:-130% -15%;background:linear-gradient(120deg,transparent 35%,rgba(152,252,255,.34) 50%,transparent 62%);animation:trackSweep 4s linear infinite}
.track-node.finish{border-color:rgba(255,218,113,.65);box-shadow:0 0 0 1px rgba(255,218,113,.16),0 0 18px rgba(255,211,102,.24),0 0 34px rgba(255,211,102,.14), inset 0 0 26px rgba(255,211,102,.12)}
.track-node.finish::before{background:linear-gradient(120deg,transparent 35%,rgba(255,236,176,.36) 50%,transparent 62%)}
.track-node.start:hover,.track-node.finish:hover{transform:translateY(-2px) scale(1.02)}
@keyframes trackSweep{0%{transform:translateX(-42%) rotate(0deg)}100%{transform:translateX(52%) rotate(0deg)}}

.checkpoint{overflow:hidden}
.tasks{padding:10px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01))}
.task{grid-template-columns:36px 1fr;gap:14px;padding:16px 18px;border-radius:18px;background:linear-gradient(180deg,rgba(5,26,34,.98),rgba(6,31,40,.96));border:1px solid rgba(115,245,255,.06);margin-bottom:10px}
.task:last-child{margin-bottom:0}
.task:hover{background:linear-gradient(180deg,rgba(6,31,40,1),rgba(7,36,46,.98))}
.task-main{display:grid;gap:8px}
.task-main p{margin:0;color:#d5e8eb;font-size:12px;line-height:1.45}
.task.completed .task-main strong{color:#84e7ef}
.task-meta{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;max-width:900px;padding-top:2px}
.task-field{display:block;padding:12px 13px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025));border:1px solid rgba(117,246,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 0 1px rgba(0,0,0,.08)}
.task-field>span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.9px;color:#8feaf1;font-weight:900;margin-bottom:8px;text-shadow:0 0 10px rgba(84,229,235,.18)}
.task-field input,.task-field textarea,.task-field select{width:100%;display:block;background:rgba(7,27,36,.95)!important;border:1px solid rgba(126,248,255,.18)!important;border-radius:12px;color:#e2f9fb!important;outline:none;padding:11px 12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015),0 0 14px rgba(84,229,235,.04)}
.task-field input::placeholder,.task-field textarea::placeholder{color:#7da5ae}
.task-field input:focus,.task-field textarea:focus,.task-field select:focus{border-color:rgba(132,248,245,.45)!important;box-shadow:0 0 0 3px rgba(84,229,235,.10),0 0 22px rgba(84,229,235,.12)}
.task-field textarea{min-height:88px;resize:vertical}
.task-field.span-2{grid-column:span 2}
.task-check{margin-top:8px}

.hero-actions-plus{position:relative;z-index:4}
.btn-start-neon{min-width:168px;justify-content:center;font-size:13px;letter-spacing:2.4px;padding:16px 26px}
.btn-start-neon .start-pulse{flex:0 0 auto}

.finish-card{overflow:hidden;position:relative}
.finish-card::after{content:"";position:absolute;inset:-40% auto auto 62%;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(84,229,235,.18),transparent 62%);filter:blur(18px);pointer-events:none}
.finish-progress{box-shadow:0 0 0 1px rgba(117,246,255,.12),inset 0 0 24px rgba(84,229,235,.08)}

@media(max-width:1400px){
  .task-meta{grid-template-columns:repeat(2,minmax(180px,1fr));max-width:100%}
}
@media(max-width:920px){
  .task-meta{grid-template-columns:1fr}
  .task-field.span-2{grid-column:auto}
}
@media(max-width:720px){
  .track-line{left:42px;right:42px}
  .track-node.start,.track-node.finish{min-width:72px;padding:0 10px;height:40px;font-size:8px}
}


/* ===== V3.3 VIDEO BACKGROUND + START/FINISH PLACEMENT ===== */
.portal-bg{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-3;background:#04131a}
.portal-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.26;filter:saturate(1.15) brightness(.48) contrast(1.18)}
.video-vignette{position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(86,232,245,.08),transparent 30%),linear-gradient(180deg,rgba(2,9,14,.18),rgba(2,7,10,.35) 20%,rgba(1,6,9,.72) 100%)}
.portal-bg::before{opacity:.42}
.portal-bg::after{opacity:.18}
.particles{position:absolute;inset:0;width:100%;height:100%}

.hero-actions-plus{gap:14px}
.route-entry-action,.route-exit-action{display:flex;justify-content:center;align-items:center;margin:4px auto 28px}
.route-exit-action{margin:6px auto 34px}
.route-stage-start,.route-stage-finish{min-width:220px;padding:18px 32px;font-size:15px;letter-spacing:3px;text-transform:uppercase}
.route-stage-start{box-shadow:0 0 0 1px rgba(117,246,255,.22),0 0 26px rgba(84,229,235,.36),0 0 58px rgba(84,229,235,.18), inset 0 0 32px rgba(84,229,235,.10)}
.route-stage-finish{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(255,219,124,.54);border-radius:999px;padding:18px 34px;background:radial-gradient(circle at 30% 20%,rgba(255,240,183,.28),rgba(255,186,71,.12) 32%,rgba(18,28,34,.90) 75%);color:#fff4cf;font-weight:1000;letter-spacing:2.8px;cursor:pointer;text-transform:uppercase;position:relative;overflow:hidden;box-shadow:0 0 0 1px rgba(255,226,153,.14),0 0 26px rgba(255,210,91,.28),0 0 58px rgba(255,190,61,.13), inset 0 0 34px rgba(255,214,112,.08)}
.route-stage-finish:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 180deg,transparent,rgba(255,224,128,.44),transparent 30%,transparent 70%,rgba(255,224,128,.26),transparent);animation:spin 10s linear infinite;opacity:.7}
.route-stage-finish:after{content:"";position:absolute;inset:2px;border-radius:999px;background:linear-gradient(90deg,rgba(19,22,24,.95),rgba(72,54,20,.72));z-index:0}
.route-stage-finish>*,.route-stage-finish{isolation:isolate;z-index:1}
.finish-pulse,.start-pulse{width:12px;height:12px;border-radius:50%;display:inline-block;box-shadow:0 0 0 0 rgba(129,249,255,.8);animation:pulseDot 1.7s infinite}
.finish-pulse{background:#ffd673;box-shadow:0 0 0 0 rgba(255,219,124,.76)}
@keyframes pulseDot{0%{transform:scale(.9);box-shadow:0 0 0 0 rgba(129,249,255,.85)}70%{transform:scale(1);box-shadow:0 0 0 14px rgba(129,249,255,0)}100%{transform:scale(.9);box-shadow:0 0 0 0 rgba(129,249,255,0)}}
.route-stage-finish .finish-pulse{animation-name:pulseGold}
@keyframes pulseGold{0%{transform:scale(.9);box-shadow:0 0 0 0 rgba(255,219,124,.8)}70%{transform:scale(1);box-shadow:0 0 0 14px rgba(255,219,124,0)}100%{transform:scale(.9);box-shadow:0 0 0 0 rgba(255,219,124,0)}}

.race-track{max-width:980px;margin:18px auto 28px;padding:0 10px 8px}
.track-line{left:32px;right:32px}
.track-node{width:44px;height:44px;font-size:10px;color:#9deef4;border:1px solid rgba(117,246,255,.16);background:linear-gradient(180deg,rgba(6,27,36,.95),rgba(7,35,45,.92));box-shadow:0 0 0 1px rgba(117,246,255,.06), inset 0 0 18px rgba(84,229,235,.05)}
.track-node.primary{color:#032028;background:linear-gradient(135deg,#45dbe3,#8effff);border-color:rgba(149,255,255,.8);box-shadow:0 0 22px rgba(84,229,235,.38), inset 0 0 10px rgba(255,255,255,.22)}

.final-section{padding-top:20px}
.finish-card{margin-top:0}

@media(max-width:720px){
  .route-stage-start,.route-stage-finish{width:100%;min-width:0}
  .route-entry-action,.route-exit-action{margin-bottom:18px}
  .track-node{width:34px;height:34px;font-size:8px}
  .track-line{left:18px;right:18px}
}


/* ===== V4.0 VISIBILITY + TYPOGRAPHY + VIDEO BACKGROUND ===== */
html{background:#020b10}
body{background:#020b10;color:var(--white)}
.portal-bg{position:fixed!important;inset:0!important;z-index:1!important;pointer-events:none;overflow:hidden;opacity:1!important;background:#020b10 url('fondo-web-plan-maestro-poster.jpg') center/cover no-repeat}
.portal-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:.42;filter:saturate(1.18) brightness(.48) contrast(1.16);transform:scale(1.03)}
.video-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,8,12,.34),rgba(2,12,16,.56) 38%,rgba(1,7,10,.68)),radial-gradient(circle at 72% 26%,rgba(57,225,235,.14),transparent 33%);z-index:2}
.portal-bg .particles{z-index:3;opacity:.55}
main,footer{position:relative;z-index:3}
.topbar{z-index:80}
.hero{background:linear-gradient(135deg,rgba(3,17,24,.80),rgba(6,30,39,.70) 68%,rgba(8,59,70,.58))!important}
.catalog-section{background:linear-gradient(180deg,rgba(4,21,28,.80),rgba(8,40,50,.72) 50%,rgba(4,23,30,.80))!important}
.section{position:relative}
.section:before{content:"";position:absolute;inset:34px -18px;border-radius:36px;background:linear-gradient(180deg,rgba(2,14,19,.20),rgba(2,14,19,.08));pointer-events:none;z-index:-1}
footer{background:rgba(2,12,16,.82)!important;backdrop-filter:blur(12px)}

/* video también en login */
.login-stage{background:#020b10!important;isolation:isolate}
.login-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.38;filter:saturate(1.16) brightness(.44) contrast(1.18)}
.login-video-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,rgba(2,10,14,.64),rgba(4,22,29,.46) 55%,rgba(2,13,18,.70)),radial-gradient(circle at 70% 20%,rgba(46,221,230,.14),transparent 32%)}
.login-stage>.particles,.login-stage>.aurora,.login-stage>.login-grid{z-index:1}.login-shell{z-index:3}

/* firma de dirección */
.hero-director{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:13px;border-bottom:1px solid rgba(122,244,250,.14)}
.hero-director strong{font-size:24px;letter-spacing:1.4px;color:#f7fbfc;text-shadow:0 0 22px rgba(84,229,235,.18)}
.hero-director span{font-size:15px;font-weight:700;letter-spacing:.4px;color:#82e4e9}

/* Legibilidad global del documento */
.topbar nav{font-size:13px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:10px}.top-actions{font-size:11px}.logout,.presenter-link{font-size:11px}
.hero-copy>p{font-size:20px;line-height:1.62;color:#b6cbd0}.hero-tags span{font-size:10.5px}.hero-strip strong{font-size:22px}.hero-strip span{font-size:10.5px}
.section-head p{font-size:18px;line-height:1.6;color:#a8c0c5}.glass-label{font-size:10.5px}.section-presenter,.micro-presenter{font-size:12px}
.metric-grid span{font-size:12px}.metric-grid small{font-size:13px;line-height:1.45;color:#82a1a8}
.finding h3{font-size:21px}.finding p{font-size:15px;line-height:1.62;color:#a4bdc2}.finding em{font-size:10.5px}
.map-title small{font-size:10.5px}.map-title h3{font-size:30px}.eco-box h4{font-size:22px}.eco-box code{font-size:12px}.node-row i{font-size:9.5px}.eco-box p{font-size:13px;line-height:1.5}.not-equal span{font-size:10px;line-height:1.45}
.checkpoint-head h3{font-size:23px}.checkpoint-head p{font-size:14px;line-height:1.5}.checkpoint-progress span{font-size:10px}.task-main strong{font-size:15px}.task-main p{font-size:14px;line-height:1.55}.task-field>span{font-size:10.5px}.task-field input,.task-field textarea,.task-field select{font-size:15px}
.compare-title{font-size:11px}.catalog-before ul{font-size:14px;line-height:1.55}.flow-orbit span{font-size:10.5px}.benefits span{font-size:10.5px}
.showcase-head small{font-size:10.5px}.showcase-head p{font-size:14px}.showcase-grid small{font-size:10px}.showcase-grid h4{font-size:17px}.showcase-grid p{font-size:12px;line-height:1.45}
.lab-header p{font-size:14px}.selected-counter span{font-size:9.5px}.product-card small{font-size:9.5px}.product-card h4{font-size:15px}.product-card p{font-size:11.5px}.product-card em{font-size:9.5px}
.backoffice-copy p{font-size:14px}.data-pipeline span{font-size:9.5px}.chat-head small,.chat-head i{font-size:10px}.bubble{font-size:13px;line-height:1.55}.bot-options span{font-size:10px}.routing h4{font-size:12px}.routing p{font-size:13px;line-height:1.5}
.team-grid label>span{font-size:10px}.team-grid input{font-size:15px}.weeks small{font-size:10px}.weeks h3{font-size:21px}.weeks p{font-size:13px;line-height:1.55}.weeks i{font-size:10px}.adoption-grid>article>span{font-size:10px}.adoption-grid h4{font-size:17px}.adoption-grid p{font-size:13px;line-height:1.5}
.finish-card p{font-size:16px;line-height:1.55}.finish-progress span{font-size:10px}footer{font-size:12px}

/* hacer el fondo perceptible sin sacrificar contraste */
.metric-grid article,.finding,.checkpoint,.ecosystem-map,.chat-demo,.routing article,.weeks article,.adoption-grid article,.finish-card{backdrop-filter:blur(10px)}
.metric-grid article,.finding,.checkpoint{background-color:rgba(4,25,32,.62)}

@media(max-width:1080px){.hero-director strong{font-size:21px}.hero-director span{font-size:14px}.hero-copy>p{font-size:18px}}
@media(max-width:720px){.hero-director{display:block}.hero-director strong,.hero-director span{display:block}.hero-director strong{font-size:19px}.hero-director span{font-size:13px;margin-top:4px}.section-head p{font-size:16px}.finding p,.task-main p{font-size:13.5px}.metric-grid small{font-size:12px}}