:root{--navy:#061226;--navy2:#0a1b36;--blue:#1268ff;--cyan:#11d7ff;--ink:#07152d;--text:#33435e;--muted:#71809a;--line:#dce7f4;--soft:#f5f9ff;--white:#fff;--green:#10b981;--shadow:0 22px 60px rgba(3,31,73,.12);--container:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.container{width:min(var(--container),calc(100% - 44px));margin:0 auto}.scroll-track{position:fixed;z-index:9999;left:0;top:0;height:3px;width:100%}.scroll-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 14px var(--cyan)}
.topbar{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(14,49,93,.1)}.topbar-inner{height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.neutral-brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.neutral-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--navy),#0f3d78);display:grid;place-items:center;color:#fff;font-size:23px;box-shadow:0 8px 20px rgba(1,52,132,.25)}.neutral-brand strong{font:800 15px/1 Manrope,sans-serif}.neutral-brand small{display:block;font-size:9px;letter-spacing:.16em;color:#71809a;margin-top:4px;text-transform:uppercase}.nav{display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #e2eaf4;border-radius:14px;background:#f8fbff}.nav a{display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:10px;text-decoration:none;color:#52617a;font-size:12px;font-weight:700;transition:.25s}.nav a:hover{background:#fff;color:var(--blue);box-shadow:0 5px 14px rgba(7,40,90,.08)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;text-decoration:none;border:1px solid transparent;font-weight:800;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-nav{padding:11px 15px;background:var(--blue);color:#fff;box-shadow:0 8px 22px rgba(18,104,255,.24)}
.hero{position:relative;background:radial-gradient(circle at 75% 15%,rgba(16,111,255,.22),transparent 30%),linear-gradient(135deg,#04101f 0%,#07162d 50%,#061225 100%);color:#fff;overflow:hidden;padding:78px 0 0}.hero-grid,.docs-grid-bg,.platform-grid-bg,.price-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(17,215,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,215,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.28}.hero-glow-a{width:520px;height:520px;right:-170px;top:-130px;background:#0b63ff}.hero-glow-b{width:430px;height:430px;left:35%;bottom:-260px;background:#05d9ff}.hero-wrap{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:54px}.microline{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.15em;color:#80e9ff;margin-bottom:20px}.microline span{width:34px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent)}.hero h1{margin:0;font:800 clamp(52px,6vw,84px)/.93 Manrope,sans-serif;letter-spacing:-.055em}.hero h1 span{background:linear-gradient(90deg,#36a1ff,#22e3ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:640px;margin:26px 0 28px;color:#c3d2e8;font-size:16px;line-height:1.72}.hero-lead strong{color:#fff}.hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hero-metrics article{min-height:100px;border:1px solid rgba(77,165,255,.35);background:linear-gradient(180deg,rgba(17,53,99,.62),rgba(5,23,49,.72));border-radius:15px;padding:13px 11px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 24px rgba(0,0,0,.12)}.hero-metrics i{font-size:22px;color:var(--cyan)}.hero-metrics strong{display:block;font:800 19px Manrope}.hero-metrics span{font-size:10px;line-height:1.25;color:#9fb2ce}.hero-actions{display:flex;gap:12px;margin-top:24px}.btn-lg{padding:15px 19px}.btn-primary{color:#fff;background:linear-gradient(135deg,#0f64ff,#168dff);box-shadow:0 12px 32px rgba(18,104,255,.3)}.btn-ghost{color:#d7e6fa;border-color:rgba(129,181,255,.3);background:rgba(255,255,255,.04)}.hero-trust{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px;color:#8ea5c5;font-size:10px;font-weight:700}.hero-trust i{color:#20d6ff}.hero-visual{position:relative;min-height:565px;perspective:1400px}.orbital{position:absolute;border:1px solid rgba(41,170,255,.17);border-radius:50%;inset:6% 4%}.orbital-a{animation:spin 30s linear infinite}.orbital-b{inset:13% 11%;border-style:dashed;animation:spin 23s linear infinite reverse}.laptop-shell{position:absolute;z-index:3;left:4%;top:70px;width:83%;padding:8px;border-radius:20px;background:linear-gradient(145deg,#f8fbff,#c8d8ec);box-shadow:0 42px 70px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.4);transform:perspective(1200px) rotateY(-7deg) rotateX(1deg)}.laptop-shell:after{content:"";position:absolute;left:6%;right:6%;height:22px;bottom:-22px;background:linear-gradient(180deg,#b8c8dc,#5c6e86);clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);border-radius:0 0 20px 20px}.window-top{height:24px;display:flex;align-items:center;gap:6px;padding:0 7px}.window-top span{width:7px;height:7px;border-radius:50%;background:#d5deea}.window-top span:first-child{background:#ff6a64}.window-top span:nth-child(2){background:#ffcc4f}.window-top span:nth-child(3){background:#28cc73}.window-top em{margin-left:auto;font:700 8px Space Grotesk,sans-serif;color:#426083;letter-spacing:.12em}.laptop-shell img{border-radius:13px;border:1px solid #dce7f4}.float-card{position:absolute;z-index:5;width:35%;padding:6px;background:rgba(8,24,51,.92);border:1px solid rgba(74,174,255,.42);border-radius:15px;box-shadow:0 22px 45px rgba(0,0,0,.35),0 0 32px rgba(0,144,255,.12);backdrop-filter:blur(14px)}.float-card img{border-radius:10px}.float-risk{right:-1%;top:238px}.float-report{left:1%;bottom:18px;width:31%}.float-head{font:700 9px Space Grotesk;color:#b7d5ff;display:flex;gap:6px;align-items:center;padding:2px 3px 7px}.float-head i{color:var(--cyan)}.hud-chip{position:absolute;z-index:6;display:flex;flex-direction:column;min-width:84px;padding:10px 12px;border-radius:12px;background:linear-gradient(160deg,rgba(8,32,70,.92),rgba(5,19,40,.9));border:1px solid rgba(51,154,255,.4);box-shadow:0 14px 30px rgba(0,0,0,.25);backdrop-filter:blur(12px)}.hud-chip small{font-size:7px;letter-spacing:.14em;color:#6f99ca}.hud-chip b{font:800 20px Manrope;color:#fff;margin:3px 0}.hud-chip span{font-size:7px;color:var(--cyan);font-weight:800}.chip-1{left:-3%;top:58px}.chip-2{right:5%;top:54px}.chip-3{right:0;bottom:82px}.cyber-shield{position:absolute;z-index:2;right:-1%;top:0;width:94px;height:106px;display:grid;place-items:center;font-size:58px;color:#25d9ff;filter:drop-shadow(0 0 14px #0b8cff)}.hero-strip{position:relative;z-index:3;margin-top:46px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(90,170,255,.2);background:linear-gradient(180deg,rgba(9,35,70,.52),rgba(4,15,31,.84));border-radius:18px 18px 0 0;overflow:hidden}.hero-strip div{padding:17px 18px;border-right:1px solid rgba(90,170,255,.16)}.hero-strip div:last-child{border:0}.hero-strip small{display:block;color:#5f89b9;font-size:8px;letter-spacing:.15em;font-weight:800;margin-bottom:5px}.hero-strip strong{font:700 12px Manrope;color:#d9e9fb}
.section{position:relative;padding:96px 0}.section-intro{margin-bottom:44px}.section-intro.center{text-align:center;max-width:850px;margin-left:auto;margin-right:auto}.kicker{display:inline-flex;align-items:center;gap:8px;color:#1268ff;font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:12px}.kicker.dark{color:#67e9ff}.section h2{font:800 clamp(34px,4vw,50px)/1.06 Manrope,sans-serif;letter-spacing:-.04em;margin:0;color:var(--ink)}.section h2 span{color:#1268ff}.section-intro p{font-size:15px;line-height:1.7;color:#66758d;margin:15px auto 0;max-width:760px}
.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cert-card{position:relative;padding:24px;border-radius:22px;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #dce7f4;box-shadow:0 18px 50px rgba(4,42,92,.08);overflow:hidden;transition:.3s}.cert-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(10,72,150,.14);border-color:#b8d5ff}.cert-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#1766ff,#18d7ff);opacity:.8}.cert-card.featured{border-color:#8ab7ff;box-shadow:0 22px 70px rgba(19,104,255,.14);transform:translateY(-7px)}.featured-tag{position:absolute;top:0;right:0;padding:8px 11px;border-radius:0 20px 0 12px;background:linear-gradient(135deg,#0c5fff,#16c9ff);color:#fff;font-size:8px;font-weight:800;letter-spacing:.09em}.cert-step{font:800 11px Space Grotesk;color:#8aa0bd;display:flex;justify-content:space-between}.cert-step span{font-size:8px;letter-spacing:.15em}.badge-wrap{position:relative;height:190px;display:grid;place-items:center}.badge-aura{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(27,130,255,.16),transparent 68%);filter:blur(8px)}.badge-wrap img{width:168px;height:168px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 16px 20px rgba(2,24,58,.16))}.cert-role{display:inline-flex;align-items:center;gap:7px;color:#1768ff;background:#eef5ff;border:1px solid #d8e8ff;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:800}.cert-card h3{font:800 23px Manrope;margin:14px 0 9px}.cert-card p{font-size:12px;line-height:1.6;color:#66758d;min-height:58px}.cert-card ul{list-style:none;margin:15px 0 19px;padding:0;display:grid;gap:8px;font-size:11px;color:#41516b}.cert-card li{display:flex;gap:8px}.cert-card li i{color:#0cbfb4}.cert-meta{display:flex;gap:8px;border-top:1px solid #e7edf5;padding-top:14px}.cert-meta span{flex:1;display:flex;align-items:center;gap:6px;font-size:9px;font-weight:800;color:#586981}.cert-meta i{font-size:17px;color:#1268ff}.route-line{margin-top:32px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;border:1px solid #dbe8f6;background:#f8fbff;border-radius:18px;padding:14px}.route-line>div{padding:10px 14px;border-radius:12px}.route-line>i{color:#8da8c8}.route-line b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#0c2d59;color:#fff;margin-right:8px;font-size:10px}.route-line span{font-weight:800;font-size:12px}.route-line small{display:block;margin-left:40px;color:#7b8aa0;font-size:9px}.route-final{background:#eaf4ff;border:1px solid #cce2ff}
.preparation{background:linear-gradient(180deg,#f6faff,#fff)}.prep-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.prep-card{border:1px solid #dce7f4;background:#fff;border-radius:24px;padding:18px;box-shadow:var(--shadow);overflow:hidden}.prep-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:3px 4px 15px}.prep-head>span{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#082c5e,#0d5cd8);color:#fff;font:800 18px Manrope;box-shadow:0 10px 22px rgba(9,76,176,.22)}.prep-head small{font-size:8px;letter-spacing:.13em;color:#1682e8;font-weight:800}.prep-head h3{font:800 17px Manrope;margin:3px 0}.prep-head>i{font-size:30px;color:#1587ff}.image-panel,.stage-image,.risk-image,.module-image,.platform-feature-grid article button{position:relative}.image-panel{width:100%;border:0;background:#f4f8fd;border-radius:17px;padding:0;overflow:hidden}.image-panel:after,.stage-image:after,.risk-image:after,.module-image:after,.platform-feature-grid article button:after{content:"↗";position:absolute;right:10px;bottom:10px;width:32px;height:32px;border-radius:10px;background:rgba(5,24,51,.84);color:#fff;display:grid;place-items:center;font-weight:800;opacity:0;transform:translateY(5px);transition:.25s}.image-panel:hover:after,.stage-image:hover:after,.risk-image:hover:after,.module-image:hover:after,.platform-feature-grid article button:hover:after{opacity:1;transform:none}.image-panel img{width:100%;aspect-ratio:1.58/1;object-fit:cover}.prep-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.prep-benefits span{padding:10px 8px;border:1px solid #e0e9f5;border-radius:12px;background:#fbfdff;text-align:center}.prep-benefits i{font-size:20px;color:#1268ff;display:block;margin-bottom:5px}.prep-benefits b{display:block;font-size:9px}.prep-benefits small{font-size:7px;color:#8996aa}
.docs-section{background:linear-gradient(160deg,#061326,#091d3a);color:#fff;overflow:hidden}.docs-grid-bg{opacity:.85}.docs-intro{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:30px}.docs-section h2{color:#fff}.docs-section h2 span{color:#50dbff}.docs-intro p{color:#9cb0cb;margin-left:0}.vault-stat{min-width:190px;padding:16px 18px;border-radius:16px;border:1px solid rgba(91,174,255,.28);background:rgba(7,27,56,.66)}.vault-stat strong{display:block;font:800 38px Manrope;color:#fff}.vault-stat span{display:block;font-size:10px;font-weight:800;color:#62ddff;letter-spacing:.11em}.vault-stat small{font-size:8px;color:#7391b5}.vault{position:relative;z-index:2;display:grid;grid-template-columns:280px 1fr;border:1px solid rgba(87,166,255,.24);border-radius:22px;overflow:hidden;background:rgba(4,16,35,.72);box-shadow:0 32px 80px rgba(0,0,0,.35)}.vault-nav{border-right:1px solid rgba(87,166,255,.2);background:rgba(5,23,49,.82);padding:14px}.vault-nav-head{display:flex;justify-content:space-between;align-items:center;padding:8px 5px 12px;font-size:10px;color:#d8eaff}.vault-nav-head span{font-weight:800;display:flex;gap:7px;align-items:center}.vault-nav-head i{color:#22dcff}.vault-nav-head small{color:#58dfff;font-weight:800}.vault-search{height:36px;border-radius:10px;background:#091f41;border:1px solid rgba(94,169,255,.21);display:flex;align-items:center;gap:8px;padding:0 10px}.vault-search i{color:#5f86b5}.vault-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:10px}.vault-search input::placeholder{color:#6380a5}.vault-list{margin-top:10px;max-height:530px;overflow:auto;padding-right:5px}.vault-list::-webkit-scrollbar{width:5px}.vault-list::-webkit-scrollbar-thumb{background:#1a4a83;border-radius:6px}.vault-item{width:100%;display:grid;grid-template-columns:28px 1fr auto;align-items:center;text-align:left;gap:8px;padding:9px 8px;border-radius:10px;border:1px solid transparent;background:transparent;color:#92a8c5;transition:.2s}.vault-item:hover{background:#0a2853;color:#fff}.vault-item.active{background:linear-gradient(90deg,#0d3f84,#0b2d61);border-color:#286fc6;color:#fff;box-shadow:inset 3px 0 #27ddff}.vault-item b{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#0c315f;color:#68dfff;font:800 9px Manrope}.vault-item strong{display:block;font-size:9px;line-height:1.3}.vault-item small{display:block;font-size:7px;color:#6282a9;margin-top:2px}.vault-item i{color:#4c6f9b}.stage-toolbar{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid rgba(87,166,255,.2);background:rgba(8,31,64,.72)}.dots{display:flex;align-items:center;gap:6px}.dots i{width:7px;height:7px;border-radius:50%;background:#4c6d92}.dots i:first-child{background:#ff6b67}.dots i:nth-child(2){background:#ffc64e}.dots i:nth-child(3){background:#24cb75}.dots span{font-size:8px;color:#5ddfff;letter-spacing:.12em;font-weight:800;margin-left:8px}.stage-toolbar button,.module-screen-head button{width:32px;height:32px;border-radius:9px;border:1px solid rgba(106,178,255,.2);background:#0b2954;color:#bcd5f3;margin-left:5px}.stage-toolbar button:hover,.module-screen-head button:hover{background:#0e5ece;color:#fff}.stage-main{display:grid;grid-template-columns:260px 1fr;gap:20px;padding:22px}.stage-copy{padding:10px 0}.stage-copy>span,.module-copy>small,.risk-copy>span{font-size:8px;font-weight:800;letter-spacing:.14em;color:#4edfff}.stage-copy h3,.module-copy h3,.risk-copy h3{font:800 25px/1.1 Manrope;margin:9px 0;color:#fff}.stage-copy p,.module-copy p,.risk-copy p{font-size:11px;line-height:1.7;color:#8ea6c7}.stage-tags,#moduleTags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.stage-tags span,#moduleTags span{font-size:8px;font-weight:800;color:#9bdcff;border:1px solid rgba(75,168,255,.25);background:#08264f;padding:6px 8px;border-radius:8px}.stage-image{border:0;background:#e9f3ff;padding:6px;border-radius:14px;overflow:hidden;min-height:490px}.stage-image img{width:100%;height:100%;max-height:520px;object-fit:contain;border-radius:10px;background:#fff}.stage-bottom{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(87,166,255,.2)}.stage-bottom span{padding:12px 14px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;border-right:1px solid rgba(87,166,255,.2)}.stage-bottom span:last-child{border:0}.stage-bottom i{grid-row:1/3;font-size:21px;color:#29dfff}.stage-bottom b{font-size:9px;color:#dcecff}.stage-bottom small{font-size:7px;color:#6582a7}.doc-preview-grid{position:relative;z-index:2;margin-top:22px;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.doc-mini{border:1px solid rgba(80,161,255,.2);background:rgba(6,25,54,.76);border-radius:13px;padding:7px;color:#a9bdd6;text-align:left;transition:.2s}.doc-mini:hover{border-color:#24d7ff;transform:translateY(-3px)}.doc-mini img{width:100%;aspect-ratio:.77/1;object-fit:cover;object-position:top;border-radius:8px;margin-bottom:7px}.doc-mini b{font-size:8px;line-height:1.2;display:block}.doc-mini small{font-size:7px;color:#5881ad}
.risk-section{background:#f6f9fe}.risk-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.risk-tab{border:1px solid #d8e4f3;background:#fff;color:#60708a;padding:9px 12px;border-radius:10px;font-size:9px;font-weight:800}.risk-tab.active{color:#fff;background:linear-gradient(135deg,#0d5ce0,#138cfa);border-color:#1268ff;box-shadow:0 10px 20px rgba(18,104,255,.18)}.risk-viewer{display:grid;grid-template-columns:280px 1fr;gap:20px;border:1px solid #dbe7f4;background:#fff;border-radius:22px;padding:20px;box-shadow:var(--shadow)}.risk-copy{padding:16px 8px}.risk-copy h3{color:var(--ink)}.risk-copy p{color:#66758d}.risk-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px}.risk-kpis span{background:#f4f8fd;border:1px solid #e0e9f4;border-radius:10px;padding:9px}.risk-kpis b{display:block;color:#1268ff;font:800 14px Manrope}.risk-kpis small{font-size:7px;color:#8491a4}.risk-image{border:0;background:#edf3fb;border-radius:15px;padding:7px;overflow:hidden;min-height:450px}.risk-image img{width:100%;height:100%;max-height:510px;object-fit:contain;background:#fff;border-radius:10px}
.platform-section{background:linear-gradient(155deg,#061427,#09203e);color:#fff;overflow:hidden}.platform-grid-bg{opacity:.7}.platform-intro{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end}.platform-section h2{color:#fff}.platform-section h2 span{color:#4ce2ff}.platform-intro p{color:#92a8c5;margin-left:0}.platform-status{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:13px;background:#072751;border:1px solid rgba(75,166,255,.28)}.platform-status>i{font-size:23px;color:#1fe3c0}.platform-status b{display:block;font-size:10px;color:#32e7c6}.platform-status small{font-size:7px;color:#7797bd}.platform-feature-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.platform-feature-grid article{background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 26px 60px rgba(0,0,0,.24);border:1px solid rgba(86,163,255,.28)}.feature-label{height:49px;padding:0 12px;background:linear-gradient(90deg,#071c3a,#0a315f);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.feature-label i{font-size:21px;color:#36ddff}.feature-label span{font:800 12px Manrope}.feature-label small{font-size:7px;color:#72dfff;border:1px solid rgba(82,196,255,.3);padding:5px 7px;border-radius:8px}.platform-feature-grid article button{width:100%;border:0;padding:0;background:#edf4fd;overflow:hidden}.platform-feature-grid article img{width:100%;aspect-ratio:1.25/1;object-fit:cover;object-position:top}.platform-feature-grid article footer{display:flex;justify-content:space-around;padding:9px;color:#617089;background:#fff}.platform-feature-grid article footer span{font-size:8px;font-weight:800}.platform-feature-grid article footer i{color:#1178f1}.module-console{position:relative;z-index:2;margin-top:22px;display:grid;grid-template-columns:260px 1fr;border:1px solid rgba(82,165,255,.25);background:rgba(5,19,40,.76);border-radius:22px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.3)}.module-menu{padding:12px;border-right:1px solid rgba(82,165,255,.2);max-height:600px;overflow:auto}.module-btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;border:1px solid transparent;background:transparent;color:#8aa5c6;text-align:left}.module-btn:hover{background:#0a2b58;color:#fff}.module-btn.active{background:linear-gradient(90deg,#0b4089,#0c2f63);color:#fff;border-color:#266ab4}.module-btn i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#082953;color:#49ddff}.module-btn b{display:block;font-size:9px}.module-btn small{display:block;font-size:7px;color:#6384aa;margin-top:2px}.module-screen-head{height:50px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#08244a;border-bottom:1px solid rgba(82,165,255,.2)}.module-screen-head>div:first-child{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:800;color:#5de6c5}.status-dot{width:7px;height:7px;border-radius:50%;background:#1ee4b9;box-shadow:0 0 12px #1ee4b9}.module-screen-body{display:grid;grid-template-columns:250px 1fr;gap:18px;padding:20px}.module-copy{padding:10px 0}.module-image{border:0;background:#eaf3fc;border-radius:14px;padding:6px;overflow:hidden}.module-image img{width:100%;height:100%;max-height:510px;object-fit:contain;background:#fff;border-radius:10px}
.price-section{background:linear-gradient(135deg,#031020,#061c38 60%,#072551);color:#fff;overflow:hidden}.price-grid{opacity:.8}.price-wrap{position:relative;z-index:2;display:grid;grid-template-columns:.75fr 1.25fr;gap:36px;align-items:center}.price-visual{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center}.lock-rings{position:relative;width:180px;height:180px;display:grid;place-items:center}.lock-rings span{position:absolute;border:1px solid rgba(24,165,255,.34);border-radius:50%;animation:pulseRing 3s ease-out infinite}.lock-rings span:first-child{width:160px;height:160px}.lock-rings span:nth-child(2){width:120px;height:120px;animation-delay:.7s}.lock-rings span:nth-child(3){width:84px;height:84px;animation-delay:1.3s}.lock-rings i{font-size:82px;color:#28d9ff;filter:drop-shadow(0 0 15px #087bff)}.price-benefits{display:grid;gap:10px}.price-benefits span{font-size:10px;color:#bdcde2;font-weight:700}.price-benefits i{color:#22e5c2;margin-right:7px}.price-card{border:1px solid rgba(87,168,255,.25);background:linear-gradient(160deg,rgba(7,34,72,.9),rgba(4,20,42,.92));border-radius:24px;padding:28px;box-shadow:0 26px 70px rgba(0,0,0,.3)}.price-kicker{font-size:8px;font-weight:800;letter-spacing:.16em;color:#52ddff}.price-card h2{color:#fff;margin-top:8px}.price-card p{font-size:12px;color:#8fa6c5;max-width:620px}.price-row{display:grid;grid-template-columns:1fr 1px 1.35fr auto;gap:18px;align-items:center;margin:24px 0}.price-row>i{height:54px;background:rgba(255,255,255,.16)}.price-row small{display:block;font-size:8px;color:#728cae;letter-spacing:.12em;font-weight:800}.price-row del{font:700 21px Manrope;color:#8799af}.promo strong{font:800 51px Manrope;color:#fff;letter-spacing:-.05em}.promo em{font-style:normal;color:#2cdbff;font-size:24px}.save{background:linear-gradient(135deg,#0d8bff,#14d9c0);padding:9px 11px;border-radius:10px;font-size:9px;font-weight:800}.btn-buy{width:100%;padding:16px 20px;border-radius:13px;background:linear-gradient(135deg,#1268ff,#168eff);color:#fff;box-shadow:0 12px 30px rgba(18,104,255,.28)}.payment-trust{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:15px;color:#7892b4;font-size:8px;font-weight:700}.payment-trust i{color:#3ae4d2}.payment-trust .cards{color:#d4deeb}.footer{background:#020a14;color:#58708f;border-top:1px solid #10233b}.footer .container{min-height:68px;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:700}
.lightbox{position:fixed;inset:0;z-index:2000;background:rgba(2,8,18,.93);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:34px}.lightbox.open{display:flex}.lightbox-inner{width:min(1180px,94vw);max-height:90vh;display:flex;flex-direction:column;gap:10px}.lightbox-title{color:#d9ecff;font:800 13px Manrope}.lightbox img{width:100%;max-height:84vh;object-fit:contain;border-radius:15px;background:#fff;box-shadow:0 35px 90px #000}.lightbox-close{position:absolute;right:22px;top:20px;width:42px;height:42px;border-radius:13px;border:1px solid #294b71;background:#0a2347;color:#fff;font-size:20px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.tilt-card{transition:transform .15s ease-out}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseRing{0%{transform:scale(.82);opacity:.8}70%,100%{transform:scale(1.15);opacity:0}}
@media(max-width:1050px){.nav{display:none}.hero-wrap{grid-template-columns:1fr}.hero-visual{min-height:540px}.cert-grid{grid-template-columns:1fr}.cert-card.featured{transform:none}.prep-grid{grid-template-columns:1fr}.vault{grid-template-columns:230px 1fr}.doc-preview-grid{grid-template-columns:repeat(4,1fr)}.platform-feature-grid{grid-template-columns:1fr}.module-console{grid-template-columns:220px 1fr}.price-wrap{grid-template-columns:1fr}.price-visual{max-width:500px}.route-line{grid-template-columns:1fr}.route-line>i{transform:rotate(90deg);justify-self:center}}
@media(max-width:760px){.container{width:min(100% - 26px,var(--container))}.topbar-inner{height:62px}.neutral-brand small{display:none}.btn-nav{padding:9px 11px;font-size:10px}.hero{padding-top:48px}.hero h1{font-size:48px}.hero-metrics{grid-template-columns:1fr 1fr}.hero-actions{flex-direction:column}.hero-visual{min-height:420px}.laptop-shell{left:1%;width:94%;top:60px}.float-card,.chip-2,.chip-3,.cyber-shield{display:none}.hero-strip{grid-template-columns:1fr 1fr}.section{padding:72px 0}.prep-benefits{grid-template-columns:1fr 1fr}.docs-intro,.platform-intro{display:block}.vault-stat,.platform-status{margin-top:18px}.vault{grid-template-columns:1fr}.vault-nav{border-right:0;border-bottom:1px solid rgba(87,166,255,.2)}.vault-list{max-height:240px}.stage-main{grid-template-columns:1fr}.stage-image{min-height:380px}.doc-preview-grid{grid-template-columns:repeat(2,1fr)}.risk-viewer{grid-template-columns:1fr}.risk-image{min-height:300px}.module-console{grid-template-columns:1fr}.module-menu{display:grid;grid-template-columns:1fr 1fr;max-height:260px}.module-screen-body{grid-template-columns:1fr}.price-visual{grid-template-columns:1fr;text-align:center}.lock-rings{margin:auto}.price-row{grid-template-columns:1fr}.price-row>i{height:1px}.payment-trust{flex-wrap:wrap}.footer .container{padding:18px 0;display:grid;gap:7px;text-align:center}}

/* === V2 DESIGN ENHANCEMENTS === */
:root{--mono:'JetBrains Mono',monospace}
.mono-label{display:inline-flex;align-items:center;gap:8px;font:700 11px/1 var(--mono);letter-spacing:.16em;color:#6ce9ff;text-transform:uppercase;background:rgba(76,197,255,.08);border:1px solid rgba(93,190,255,.22);padding:10px 12px;border-radius:999px}
.platform-command{position:relative;z-index:2;display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;align-items:stretch;margin-bottom:18px}
.platform-command-copy,.platform-command-image{border-radius:22px;border:1px solid rgba(85,166,255,.18);box-shadow:0 26px 70px rgba(0,0,0,.22)}
.platform-command-copy{padding:28px;background:linear-gradient(180deg,rgba(9,34,67,.92),rgba(5,20,40,.9));display:flex;flex-direction:column;justify-content:space-between}
.platform-command-copy h3{margin:18px 0 10px;font:800 clamp(28px,3vw,40px)/1.05 Manrope,sans-serif;letter-spacing:-.04em;color:#fff}
.platform-command-copy h3 span{color:#4de3ff}
.platform-command-copy p{margin:0 0 18px;color:#93a9c4;line-height:1.78;font-size:14px}
.platform-points{display:grid;gap:10px;margin-bottom:18px}
.platform-points span{display:flex;gap:9px;align-items:center;color:#d7e8fb;font-size:12px;font-weight:700}
.platform-points i{color:#3ce8c1}
.command-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.command-kpis article{padding:14px;border-radius:16px;background:linear-gradient(180deg,rgba(14,52,98,.7),rgba(9,33,62,.7));border:1px solid rgba(91,176,255,.18)}
.command-kpis b{display:block;font:800 24px Manrope;color:#fff}
.command-kpis small{display:block;margin-top:4px;font-size:10px;color:#84a7d0}
.platform-command-image{display:block;border:0;overflow:hidden;background:#ecf3fb;padding:10px;position:relative}
.platform-command-image::after{content:'';position:absolute;inset:auto 18px 18px 18px;height:1px;background:linear-gradient(90deg,transparent,rgba(77,224,255,.9),transparent)}
.platform-command-image img{width:100%;height:100%;min-height:360px;max-height:430px;object-fit:contain;background:#fff;border-radius:16px}
.platform-mosaic{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}
.mosaic-card{border:1px solid rgba(83,165,255,.18);background:linear-gradient(180deg,rgba(10,34,67,.92),rgba(6,22,42,.92));color:#fff;border-radius:18px;padding:12px;text-align:left;box-shadow:0 20px 52px rgba(0,0,0,.18);transition:.28s}
.mosaic-card:hover{transform:translateY(-6px);border-color:rgba(94,224,255,.4);box-shadow:0 28px 70px rgba(0,0,0,.24)}
.mosaic-card img{width:100%;aspect-ratio:1.5/1;object-fit:cover;object-position:top;border-radius:12px;border:1px solid rgba(255,255,255,.08);margin:10px 0}
.mosaic-eyebrow{font:700 10px/1 var(--mono);letter-spacing:.15em;color:#60ddff}
.mosaic-card b{display:block;font:800 15px Manrope;margin-bottom:4px}
.mosaic-card small{display:block;color:#8aa6c4;line-height:1.45}
.platform-thumb-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:10px 0 18px}
.platform-thumb{border:1px solid rgba(83,165,255,.18);background:rgba(5,21,42,.72);padding:7px;border-radius:14px;color:#bdd1eb;text-align:left;transition:.25s;overflow:hidden}
.platform-thumb img{width:100%;aspect-ratio:1.45/1;object-fit:cover;object-position:top;border-radius:10px;margin-bottom:8px}
.platform-thumb span{display:block}
.platform-thumb small{display:block;font:700 9px/1 var(--mono);letter-spacing:.12em;color:#57dfff;margin-bottom:5px}
.platform-thumb b{display:block;font-size:11px;line-height:1.25}
.platform-thumb:hover,.platform-thumb.active{transform:translateY(-3px);border-color:rgba(95,223,255,.55);background:linear-gradient(180deg,rgba(12,52,95,.9),rgba(7,29,58,.9));color:#fff;box-shadow:0 18px 44px rgba(0,0,0,.18)}
.platform-feature-grid{margin-bottom:18px}
.module-console{background:linear-gradient(160deg,rgba(5,19,40,.92),rgba(6,25,50,.95));backdrop-filter:blur(10px)}
.module-menu{padding:14px;background:linear-gradient(180deg,rgba(6,24,48,.9),rgba(5,18,37,.88))}
.module-menu::-webkit-scrollbar,.vault-list::-webkit-scrollbar{width:9px;height:9px}
.module-menu::-webkit-scrollbar-thumb,.vault-list::-webkit-scrollbar-thumb{background:rgba(110,165,224,.28);border-radius:99px}
.module-screen-head button,.stage-toolbar button{width:36px;height:36px;border-radius:11px;border:1px solid rgba(96,172,255,.22);background:#082c56;color:#fff}
.module-screen-head button:hover,.stage-toolbar button:hover{background:#0e4a91}
.module-screen-body{align-items:start}
.module-copy small{display:inline-flex;align-items:center;gap:7px;font:700 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#61deff;background:rgba(96,223,255,.08);padding:9px 11px;border:1px solid rgba(96,223,255,.18);border-radius:999px}
.module-copy h3{margin:16px 0 10px;font:800 33px/1.04 Manrope;color:#fff;letter-spacing:-.04em}
.module-copy p{margin:0 0 14px;color:#91a7c4;font-size:14px;line-height:1.8}
#moduleTags{display:flex;flex-wrap:wrap;gap:10px}
#moduleTags span,.stage-tags span{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:999px;border:1px solid rgba(102,185,255,.25);background:rgba(13,49,89,.56);color:#cfe2f8;font-size:10px;font-weight:700}
.module-image{box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 16px 40px rgba(0,0,0,.12)}
.module-image img{max-height:560px}
.feature-label span,.platform-status b,.module-btn b,.hero-strip strong,.cert-card h3,.prep-head h3,.price-card h2{letter-spacing:-.02em}
.feature-label span{font-size:13px}
.footer .container span:first-child{font-family:Manrope,sans-serif}
@media(max-width:1050px){.platform-command{grid-template-columns:1fr}.platform-mosaic{grid-template-columns:1fr 1fr}.platform-thumb-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.platform-command-copy{padding:20px}.platform-command-image img{min-height:240px}.platform-mosaic{grid-template-columns:1fr}.platform-thumb-strip{grid-template-columns:1fr 1fr}.module-copy h3{font-size:26px}.command-kpis{grid-template-columns:1fr 1fr 1fr}.platform-points span{font-size:11px}}


/* === V3 ALGIZ-STYLE REFINEMENT / NO TOP MENU === */
body{background:#f8fbff}
.hero{padding-top:64px}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 8%,rgba(31,148,255,.12),transparent 26%),radial-gradient(circle at 82% 22%,rgba(0,229,255,.12),transparent 24%);pointer-events:none}
.hero-wrap{padding-top:22px}
.hero-copy{position:relative}
.hero-copy:before{content:"ISO / SECURITY / AUDIT / RISK";position:absolute;left:0;top:-34px;font:700 9px/1 var(--mono);letter-spacing:.22em;color:#477aa9}
.hero h1{font-size:clamp(58px,6.6vw,92px)}
.hero-lead{font-size:17px;max-width:700px}
.hero-metrics article{border-color:rgba(75,170,255,.3);background:linear-gradient(180deg,rgba(10,46,91,.74),rgba(5,24,50,.86));box-shadow:inset 0 1px rgba(255,255,255,.07),0 18px 38px rgba(0,0,0,.16)}
.hero-strip{box-shadow:0 -18px 70px rgba(0,0,0,.16)}

.value-section{background:linear-gradient(180deg,#f8fbff,#fff)}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.value-card{position:relative;padding:24px;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dce8f6;box-shadow:0 18px 50px rgba(5,46,101,.07);overflow:hidden;transition:.28s}
.value-card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,#1268ff,#11d7ff);opacity:.75}
.value-card:hover{transform:translateY(-6px);border-color:#b7d6ff;box-shadow:0 24px 70px rgba(7,69,145,.13)}
.value-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#071b36,#0f4c91);color:#55e3ff;font-size:26px;box-shadow:0 12px 28px rgba(7,56,118,.18)}
.value-code{display:block;margin-top:18px;font:700 9px/1 var(--mono);letter-spacing:.14em;color:#2d77c8}
.value-card h3{font:800 20px/1.15 Manrope;margin:10px 0;color:#07152d;letter-spacing:-.03em}
.value-card p{font-size:12.5px;line-height:1.75;color:#65748c}
.value-card ul{margin:16px 0 0;padding:14px 0 0 18px;border-top:1px solid #e7eef7;color:#42526c;font-size:11px;line-height:1.8}
.value-band{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid #dce8f5;background:#dce8f5;border-radius:18px;overflow:hidden}
.value-band>div{display:flex;gap:12px;align-items:center;padding:18px;background:#fff}
.value-band i{font-size:26px;color:#1268ff}
.value-band b{display:block;font:800 12px Manrope}
.value-band small{display:block;color:#75849a;margin-top:3px;line-height:1.45}

.audience-section{background:linear-gradient(135deg,#07172f,#0b2448);color:#fff;overflow:hidden}
.audience-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(17,215,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,215,255,.035) 1px,transparent 1px);background-size:34px 34px}
.audience-layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.audience-copy h2{color:#fff}
.audience-copy h2 span{color:#4ce2ff}
.audience-copy>p{color:#9db2ce;line-height:1.8}
.audience-list{display:grid;gap:10px;margin-top:22px}
.audience-list>span{display:grid;grid-template-columns:auto 1fr;gap:0 12px;padding:14px;border-radius:15px;border:1px solid rgba(88,173,255,.18);background:rgba(6,29,59,.6)}
.audience-list i{grid-row:1/3;font-size:25px;color:#50ddff}
.audience-list b{font:800 12px Manrope}
.audience-list small{color:#87a3c5;line-height:1.5;margin-top:3px}
.outcome-panel{padding:26px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,249,255,.96));border:1px solid rgba(124,191,255,.3);box-shadow:0 30px 80px rgba(0,0,0,.22);color:#07152d}
.outcome-label{font:700 9px/1 var(--mono);letter-spacing:.16em;color:#1268ff}
.outcome-panel h3{font:800 31px/1.08 Manrope;margin:14px 0 20px;letter-spacing:-.04em}
.outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.outcome-grid article{padding:16px;border:1px solid #dce7f4;border-radius:15px;background:#fff}
.outcome-grid b{display:block;font:800 22px var(--mono);color:#1268ff}
.outcome-grid span{display:block;font:800 13px Manrope;margin:7px 0 4px}
.outcome-grid small{color:#74839a;line-height:1.45}
.outcome-note{display:flex;gap:10px;margin-top:14px;padding:13px;border-radius:13px;background:#edf5ff;color:#58708d;font-size:10px;line-height:1.55}
.outcome-note i{font-size:18px;color:#1268ff}

.price-intro{position:relative;z-index:2}
.price-intro h2{color:#fff}
.price-intro p{color:#90a7c5}
.purchase-flow{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin-bottom:28px}
.purchase-flow article{min-height:210px;padding:20px;border-radius:19px;background:linear-gradient(180deg,rgba(9,43,86,.9),rgba(5,24,48,.94));border:1px solid rgba(83,166,255,.2);box-shadow:0 20px 50px rgba(0,0,0,.18)}
.purchase-step{font:700 10px/1 var(--mono);letter-spacing:.14em;color:#50ddff}
.purchase-icon{width:48px;height:48px;margin:18px 0 15px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#0d5fbd,#11bfe4);font-size:25px;color:#fff;box-shadow:0 12px 28px rgba(16,151,228,.25)}
.purchase-flow h3{font:800 16px Manrope;color:#fff;margin:0 0 8px}
.purchase-flow p{font-size:11px;line-height:1.65;color:#8ea7c6;margin:0}
.purchase-arrow{color:#3adfff;font-size:20px}
.receipt-box{margin-top:16px;padding:16px;border-radius:17px;background:linear-gradient(180deg,rgba(11,47,91,.72),rgba(5,27,53,.8));border:1px solid rgba(85,177,255,.24)}
.receipt-head{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.receipt-head>i{font-size:28px;color:#51e0ff}
.receipt-head b{display:block;font:800 13px Manrope;color:#fff}
.receipt-head small{display:block;margin-top:3px;color:#82a2c7;font-size:9px}
.receipt-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:10px}
.receipt-link{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 14px;border-radius:13px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.1);transition:.25s}
.receipt-link:hover{transform:translateY(-2px)}
.receipt-link.whatsapp{background:linear-gradient(135deg,#0f7b57,#16a56f)}
.receipt-link.email{background:linear-gradient(135deg,#0e4ca0,#147bd0)}
.receipt-link>i:first-child{font-size:24px}
.receipt-link small{display:block;font-size:7px;letter-spacing:.12em;color:rgba(255,255,255,.72)}
.receipt-link b{display:block;margin-top:3px;font-size:10px;word-break:break-word}
.receipt-tip{display:flex;gap:8px;margin-top:11px;color:#89a8cb;font-size:9px;line-height:1.5}
.receipt-tip i{color:#45dfff;font-size:16px}
.floating-whatsapp{position:fixed;right:18px;bottom:18px;z-index:1200;display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:999px;background:linear-gradient(135deg,#0c9a63,#19bf7d);color:#fff;text-decoration:none;box-shadow:0 16px 40px rgba(6,91,57,.32);font-size:10px;font-weight:800}
.floating-whatsapp i{font-size:22px}
.floating-whatsapp:hover{transform:translateY(-2px)}

@media(max-width:1050px){
  .value-grid{grid-template-columns:1fr 1fr}
  .audience-layout{grid-template-columns:1fr}
  .purchase-flow{grid-template-columns:1fr 1fr}
  .purchase-arrow{display:none}
}
@media(max-width:760px){
  .hero-copy:before{display:none}
  .hero{padding-top:42px}
  .value-grid{grid-template-columns:1fr}
  .value-band{grid-template-columns:1fr}
  .outcome-grid{grid-template-columns:1fr}
  .purchase-flow{grid-template-columns:1fr}
  .receipt-actions{grid-template-columns:1fr}
  .floating-whatsapp span{display:none}
  .floating-whatsapp{width:50px;height:50px;justify-content:center;padding:0}
}


/* === V5: HERO SIMPLIFICADO + TIPOGRAFÍA / POWER === */

/* Hero: sin métricas, sin botones, sin bullets, sin elementos añadidos */
.hero-v5{
  padding-top:72px;
  background:
    radial-gradient(circle at 78% 18%, rgba(18,104,255,.25), transparent 28%),
    radial-gradient(circle at 16% 20%, rgba(17,215,255,.10), transparent 24%),
    linear-gradient(135deg,#03101e 0%,#07182f 50%,#061225 100%);
}
.hero-wrap-v5{
  grid-template-columns:.92fr 1.08fr;
  gap:52px;
  align-items:center;
  min-height:620px;
}
.hero-v5 .hero-copy:before{display:none}
.hero-v5 .microline{
  font-size:12px;
  letter-spacing:.16em;
  margin-bottom:24px;
}
.hero-v5 h1{
  font:800 clamp(60px,6.5vw,94px)/.93 Manrope,sans-serif;
  letter-spacing:-.058em;
  max-width:760px;
}
.hero-v5 .hero-lead{
  max-width:690px;
  margin:28px 0 0;
  color:#d1deef;
  font-size:18px;
  line-height:1.82;
}
.hero-v5 .hero-lead strong{color:#fff}

.hero-visual-v5{
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
  perspective:1400px;
}
.hero-showcase-v5{
  position:relative;
  width:100%;
  padding:12px;
  border-radius:26px;
  background:linear-gradient(145deg,#f8fbff,#d9e7f5);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:
    0 42px 90px rgba(0,0,0,.32),
    0 0 0 1px rgba(89,170,255,.15),
    0 0 70px rgba(18,104,255,.14);
  transform:perspective(1400px) rotateY(-5deg) rotateX(1deg);
}
.hero-showcase-v5:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:26px;
  padding:1px;
  background:linear-gradient(135deg,rgba(47,156,255,.45),rgba(17,215,255,.20),transparent 70%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.hero-showcase-v5 img{
  width:100%;
  height:auto;
  border-radius:18px;
  border:1px solid #d8e5f3;
  background:#fff;
}

.hero-strip{
  margin-top:28px;
}
.hero-strip div{
  padding:20px 20px;
}
.hero-strip small{
  font-size:10px;
  letter-spacing:.16em;
  color:#6b9bc9;
}
.hero-strip strong{
  font-size:14px;
  line-height:1.45;
  color:#edf6ff;
}

/* Tipografía general: elimina sensación de texto demasiado pequeño */
body{
  font-size:16px;
  line-height:1.62;
}
.section{
  padding:100px 0;
}
.kicker{
  font-size:11px;
}
.section h2{
  font-size:clamp(38px,4vw,56px);
}
.section-intro p{
  font-size:17px;
  line-height:1.8;
  max-width:850px;
}

/* Tarjetas / certificaciones / documentación */
.cert-card h3{font-size:24px}
.cert-card p{font-size:14px;line-height:1.72}
.cert-card ul{font-size:13px;line-height:1.7}
.cert-role{font-size:10px}
.cert-step{font-size:12px}
.cert-step span{font-size:10px}
.cert-meta span{font-size:11px}

.value-code{font-size:10px}
.value-card h3{font-size:23px}
.value-card p{font-size:14px;line-height:1.78}
.value-card ul{font-size:12px;line-height:1.9}
.value-band b{font-size:14px}
.value-band small{font-size:11px}

.prep-head small{font-size:10px}
.prep-head h3{font-size:23px}
.prep-benefits b{font-size:12px}
.prep-benefits small{font-size:10px}

.vault-nav-head span{font-size:12px}
.vault-nav-head small{font-size:10px}
.vault-item strong{font-size:11px}
.vault-item small{font-size:9px}
.stage-copy > span{font-size:10px}
.stage-copy h3{font-size:30px}
.stage-copy p{font-size:14px;line-height:1.8}
.stage-tags span{font-size:10px}
.stage-bottom b{font-size:11px}
.stage-bottom small{font-size:9px}

.risk-tab{font-size:10px}
.risk-copy h3{font-size:30px}
.risk-copy p{font-size:14px;line-height:1.8}
.risk-kpis small{font-size:9px}

.platform-command-copy p{font-size:14px;line-height:1.78}
.platform-points span{font-size:12px}
.mosaic-card b{font-size:14px}
.mosaic-card small{font-size:10px}
.feature-label span{font-size:13px}
.feature-label small{font-size:9px}
.platform-feature-grid article footer span{font-size:9px}
.module-btn b{font-size:10px}
.module-btn small{font-size:9px}
.module-copy h3{font-size:34px}
.module-copy p{font-size:14px;line-height:1.8}
#moduleTags span{font-size:10px}

.audience-copy>p{font-size:15px}
.audience-list b{font-size:13px}
.audience-list small{font-size:11px}
.outcome-panel h3{font-size:32px}
.outcome-grid span{font-size:13px}
.outcome-grid small{font-size:11px}
.outcome-note{font-size:11px}

.purchase-flow h3{font-size:17px}
.purchase-flow p{font-size:12px;line-height:1.7}
.receipt-head b{font-size:14px}
.receipt-head small{font-size:10px}
.receipt-link small{font-size:8px}
.receipt-link b{font-size:11px}
.receipt-tip{font-size:10px}
.payment-trust{font-size:9px}
.footer .container{font-size:10px}

/* Más profundidad y contraste sin meter contenido nuevo */
.value-card,
.cert-card,
.prep-card,
.risk-viewer,
.outcome-panel,
.price-card{
  box-shadow:0 24px 64px rgba(5,43,91,.11);
}
.value-card:hover,
.cert-card:hover{
  box-shadow:0 30px 80px rgba(6,68,145,.16);
}
.docs-section,
.platform-section,
.price-section{
  position:relative;
}
.docs-section:after,
.platform-section:after,
.price-section:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 85% 8%,rgba(17,215,255,.055),transparent 24%);
}

/* Asegura que lo eliminado del hero no vuelva a aparecer */
.hero-metrics,
.hero-actions,
.hero-trust{
  display:none !important;
}

@media(max-width:1050px){
  .hero-wrap-v5{grid-template-columns:1fr;min-height:auto}
  .hero-visual-v5{min-height:auto;margin-top:10px}
  .hero-showcase-v5{transform:none}
}
@media(max-width:760px){
  .hero-v5{padding-top:46px}
  .hero-v5 h1{font-size:clamp(46px,12vw,64px)}
  .hero-v5 .hero-lead{font-size:16px;line-height:1.72}
  .hero-strip{grid-template-columns:1fr 1fr}
  .hero-strip div{padding:15px}
  .hero-strip strong{font-size:12px}
  .section h2{font-size:clamp(32px,9vw,44px)}
  .section-intro p{font-size:15px}
}


/* === V7: RESTAURACIÓN DEL CONTENIDO ORIGINAL === */
.cert-grid-detailed{align-items:stretch}
.cert-card-detailed{display:flex;flex-direction:column}
.cert-card-detailed .cert-summary{min-height:auto;font-size:14px;line-height:1.72;text-align:left}
.cert-block{margin-top:16px;padding-top:16px;border-top:1px solid #e5edf7}
.cert-block h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:#1268ff;font:800 11px/1.3 Manrope;text-transform:uppercase;letter-spacing:.08em}
.cert-block h4 i{font-size:17px}
.cert-block p{margin:0;font-size:13px;line-height:1.72;color:#61718a}
.cert-block ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.cert-block li{display:flex;align-items:flex-start;gap:8px;color:#52627a;font-size:13px;line-height:1.55}
.cert-block li i{margin-top:3px;color:#11bfe4}
.cert-includes{margin-top:auto;padding:16px;border-radius:15px;background:#f4f8fd;border:1px solid #e0e9f4}
.cert-includes>span{display:block;margin-bottom:10px;font:800 9px/1 var(--mono);letter-spacing:.14em;color:#7d8ea5}
.cert-includes ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.cert-includes li{display:flex;align-items:center;gap:10px;color:#07152d;font-size:12px;font-weight:800}
.cert-includes li i{font-size:19px;color:#1268ff}

.elearning-intro{display:grid;grid-template-columns:.78fr 1.22fr;gap:22px;align-items:center;margin-bottom:22px}
.elearning-copy{padding:28px;border:1px solid #dce8f5;border-radius:22px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 20px 60px rgba(5,46,101,.08)}
.elearning-copy h3{font:800 31px/1.08 Manrope;margin:16px 0 12px;letter-spacing:-.04em}
.elearning-copy p{margin:0;color:#61718a;font-size:14px;line-height:1.82}
.elearning-main-image{border-radius:22px;overflow:hidden}
.elearning-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.elearning-feature-grid article{padding:22px;border:1px solid #dce8f5;border-radius:18px;background:#fff;box-shadow:0 18px 46px rgba(5,46,101,.06)}
.elearning-feature-grid i{font-size:29px;color:#1268ff}
.elearning-feature-grid h3{font:800 17px/1.2 Manrope;margin:14px 0 8px}
.elearning-feature-grid p{margin:0;color:#6c7a91;font-size:12px;line-height:1.72}
.exam-showcase{display:grid;grid-template-columns:.45fr 1.55fr;gap:18px;align-items:center;margin-top:22px;padding:20px;border-radius:22px;background:linear-gradient(135deg,#07182f,#0b2a53);color:#fff}
.exam-showcase h3{font:800 26px/1.1 Manrope;margin:14px 0 10px}
.exam-showcase p{color:#96abc6;font-size:13px;line-height:1.72}
.exam-showcase .image-panel{background:#fff;border-radius:17px;overflow:hidden}

@media(max-width:1050px){
  .elearning-intro{grid-template-columns:1fr}
  .elearning-feature-grid{grid-template-columns:1fr 1fr}
  .exam-showcase{grid-template-columns:1fr}
}
@media(max-width:760px){
  .elearning-feature-grid{grid-template-columns:1fr}
  .cert-block p,.cert-block li,.cert-includes li{font-size:12px}
}


/* === V8: MENÚ + VISOR PRINCIPAL, SIN GALERÍAS DE MINIATURAS === */
.vault{
  margin-bottom:0;
}
.vault-stage{
  min-height:680px;
}
.stage-image{
  min-height:500px;
}
.stage-image img{
  max-height:620px;
}
.platform-feature-grid{
  margin-top:24px;
}
.module-console{
  margin-top:28px;
}
.module-screen-body{
  min-height:590px;
}
.module-image img{
  max-height:620px;
}
.vault-nav{
  min-width:280px;
}
.module-menu{
  min-width:280px;
}
@media(max-width:760px){
  .vault-stage{min-height:auto}
  .stage-image{min-height:320px}
  .module-screen-body{min-height:auto}
}


/* =========================================================
   V9 — REFINAMIENTO VISUAL ESTILO ALGIZ
   Solo presentación: tipografía, iconografía, superficies,
   iluminación, profundidad y microinteracciones.
   No altera estructura ni contenido.
   ========================================================= */

:root{
  --algiz-void:#04101f;
  --algiz-navy:#071a33;
  --algiz-surface:#0b2446;
  --algiz-blue:#1677ff;
  --algiz-cyan:#19ddff;
  --algiz-ice:#eaf7ff;
  --algiz-line:#cfe1f4;
  --algiz-shadow:0 28px 80px rgba(4,42,92,.14);
}

/* Tipografía más legible y contundente */
body{
  font-size:16px;
  color:#11223a;
  letter-spacing:-.005em;
}
p{font-size:15px;line-height:1.82}
.section h2{
  font-size:clamp(40px,4.2vw,58px);
  font-weight:800;
  letter-spacing:-.052em;
}
.section-intro p{
  font-size:17px;
  line-height:1.85;
}
.kicker{
  font-size:11px;
  letter-spacing:.16em;
  font-family:var(--mono);
}
h3{letter-spacing:-.028em}

/* Hero: misma estructura, imagen de paquete más representativa */
.hero-v5{
  background:
    radial-gradient(circle at 76% 18%,rgba(22,119,255,.25),transparent 28%),
    radial-gradient(circle at 16% 70%,rgba(25,221,255,.09),transparent 30%),
    linear-gradient(135deg,#03101e 0%,#06182f 52%,#071326 100%);
}
.hero-v5 .hero-grid{
  background-size:30px 30px;
  opacity:.9;
}
.hero-v5 h1{
  text-shadow:0 18px 44px rgba(0,0,0,.22);
}
.hero-v5 h1 span{
  background:linear-gradient(90deg,#3ba7ff 0%,#1de7ff 75%);
  -webkit-background-clip:text;
  background-clip:text;
}
.hero-v5 .hero-lead{
  color:#c9d8eb;
  font-size:18px;
  line-height:1.86;
}
.hero-showcase-v5{
  padding:0;
  border-radius:30px;
  background:transparent;
  border:1px solid rgba(91,184,255,.28);
  box-shadow:
    0 45px 110px rgba(0,0,0,.38),
    0 0 0 1px rgba(255,255,255,.04),
    0 0 86px rgba(20,126,255,.13);
  overflow:hidden;
}
.hero-showcase-v5 img{
  border:0;
  border-radius:29px;
  background:transparent;
}
.hero-showcase-v5:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:30px;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.10) 38%,transparent 50%);
  transform:translateX(-120%);
  transition:transform .9s ease;
}
.hero-showcase-v5:hover:after{transform:translateX(120%)}
.hero-strip{
  border:1px solid rgba(75,160,245,.14);
  border-bottom:0;
  background:linear-gradient(180deg,rgba(10,41,80,.70),rgba(5,20,42,.92));
}
.hero-strip div{padding:22px}
.hero-strip small{
  color:#65b9ed;
  font:700 10px/1.2 var(--mono);
}
.hero-strip strong{
  font-size:14px;
  line-height:1.5;
  color:#edf7ff;
}

/* Superficies enterprise */
.value-card,
.cert-card,
.prep-card,
.risk-viewer,
.outcome-panel{
  border-color:#d8e7f5;
  box-shadow:var(--algiz-shadow);
}
.value-card,
.cert-card,
.prep-card{
  background:
    linear-gradient(180deg,rgba(255,255,255,.99),rgba(247,251,255,.99));
}
.value-card:after,
.cert-card:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(26,135,255,.035),transparent 38%);
}
.value-card:hover,
.cert-card:hover{
  transform:translateY(-7px);
  border-color:#a9cff8;
  box-shadow:0 34px 85px rgba(6,67,145,.17);
}

/* Iconografía: más presencia, sin cambiar los iconos ni contenido */
.value-icon,
.prep-head>i,
.audience-list i,
.purchase-icon{
  filter:drop-shadow(0 8px 18px rgba(18,104,255,.18));
}
.value-icon{
  width:52px;
  height:52px;
  font-size:28px;
  border:1px solid rgba(67,173,255,.28);
}
.cert-role i,
.kicker i,
.prep-benefits i,
.platform-points i,
.stage-bottom i,
.payment-trust i{
  font-size:1.16em;
}

/* Certificaciones */
.cert-card{
  border-radius:24px;
}
.cert-card.featured{
  border-color:#8cc1ff;
  box-shadow:0 34px 90px rgba(18,104,255,.17);
}
.badge-wrap img{
  filter:drop-shadow(0 20px 27px rgba(3,33,72,.18));
}
.cert-card h3{font-size:25px}
.cert-card p,
.cert-block p,
.cert-block li{
  font-size:13.5px;
}
.cert-block h4{font-size:11px}
.cert-includes{
  background:linear-gradient(180deg,#f5f9ff,#eef6ff);
  border-color:#d8e8f8;
}

/* Preparación */
.elearning-copy{
  border-radius:24px;
  border-color:#d4e6f6;
  box-shadow:var(--algiz-shadow);
}
.elearning-copy h3{font-size:32px}
.elearning-feature-grid article{
  position:relative;
  border-radius:20px;
  border-color:#d8e7f5;
  box-shadow:0 20px 50px rgba(6,48,101,.08);
  transition:.28s;
}
.elearning-feature-grid article:hover{
  transform:translateY(-5px);
  border-color:#acd2fa;
  box-shadow:0 26px 65px rgba(6,65,139,.13);
}
.elearning-feature-grid h3{font-size:18px}
.elearning-feature-grid p{font-size:12.5px}

/* Documentos: menú + visor principal */
.docs-section{
  background:
    radial-gradient(circle at 84% 10%,rgba(22,119,255,.10),transparent 26%),
    linear-gradient(155deg,#061427,#09203e);
}
.vault{
  border-radius:24px;
  border-color:rgba(100,181,255,.25);
  box-shadow:0 36px 90px rgba(0,0,0,.27);
}
.vault-item{
  border-radius:12px;
  transition:.22s;
}
.vault-item:hover{
  background:rgba(15,61,113,.75);
  color:#fff;
}
.vault-item.active{
  background:linear-gradient(90deg,#0c4d9e,#0c346a);
  border-color:#2d81d7;
  box-shadow:inset 3px 0 #1fdcff;
}
.vault-item strong{font-size:11.5px}
.vault-item small{font-size:9.5px}
.stage-copy h3{font-size:32px}
.stage-copy p{font-size:14.5px}

/* Riesgos */
.risk-section{
  background:
    radial-gradient(circle at 12% 15%,rgba(22,119,255,.055),transparent 28%),
    #f5f9fe;
}
.risk-tab{
  font-size:10.5px;
  padding:10px 14px;
}
.risk-tab.active{
  box-shadow:0 14px 28px rgba(18,104,255,.20);
}
.risk-copy h3{font-size:32px}
.risk-copy p{font-size:14.5px}

/* Plataforma: mismo contenido/estructura, más estilo visual */
.platform-section{
  background:
    radial-gradient(circle at 75% 10%,rgba(16,126,255,.16),transparent 28%),
    linear-gradient(155deg,#041223,#08203d);
}
.platform-command-copy,
.module-console,
.platform-feature-grid article{
  border-color:rgba(92,176,255,.24);
}
.platform-command-copy{
  box-shadow:0 28px 72px rgba(0,0,0,.22);
}
.platform-command-copy h3{font-size:clamp(30px,3vw,42px)}
.platform-command-copy p{font-size:14.5px}
.platform-feature-grid article{
  border-radius:20px;
  transition:.28s;
}
.platform-feature-grid article:hover{
  transform:translateY(-6px);
  box-shadow:0 32px 70px rgba(0,0,0,.27);
}
.feature-label{height:56px}
.feature-label span{font-size:14px}
.feature-label small{font-size:9.5px}
.module-btn{
  padding:12px;
}
.module-btn b{font-size:11px}
.module-btn small{font-size:9.5px}
.module-btn.active{
  background:linear-gradient(90deg,#0b4c9d,#0b336b);
  border-color:#2f85dc;
  box-shadow:inset 3px 0 #20dcff;
}
.module-copy h3{font-size:35px}
.module-copy p{font-size:14.5px}

/* Compra */
.price-section{
  background:
    radial-gradient(circle at 78% 18%,rgba(27,131,255,.16),transparent 27%),
    linear-gradient(135deg,#020d1a,#061c38 60%,#06264c);
}
.purchase-flow article,
.price-card{
  border-color:rgba(87,171,255,.24);
  box-shadow:0 28px 75px rgba(0,0,0,.24);
}
.purchase-flow h3{font-size:18px}
.purchase-flow p{font-size:12.5px}
.price-card{
  border-radius:26px;
}
.receipt-box{
  border-color:rgba(92,183,255,.26);
}

/* Animaciones discretas y profesionales */
@media (prefers-reduced-motion:no-preference){
  .value-icon,
  .purchase-icon{
    transition:transform .28s ease,box-shadow .28s ease;
  }
  .value-card:hover .value-icon,
  .purchase-flow article:hover .purchase-icon{
    transform:translateY(-2px) scale(1.04);
  }
}

/* Legibilidad en móvil */
@media(max-width:760px){
  body{font-size:15px}
  .hero-v5 .hero-lead{font-size:16px}
  .section-intro p{font-size:15px}
  .hero-showcase-v5{transform:none}
  .cert-card p,
  .cert-block p,
  .cert-block li{font-size:12.5px}
}


/* =========================================================
   V11 — IMÁGENES VALIDADAS / SIN ESTIRAMIENTO
   Solo corrige presentación de imágenes.
   No cambia estructura ni contenido.
   ========================================================= */

/* El hero conserva la composición del paquete, pero sin transformaciones
   3D que obliguen al navegador a rasterizarla con blur. */
.hero-showcase-v5{
  transform:none !important;
  perspective:none !important;
  will-change:auto !important;
}
.hero-showcase-v5 img{
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:contain;
  image-rendering:auto;
  filter:none;
}

/* Formación / examen: nunca recortar ni deformar las capturas. */
.image-panel{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f5f9fe;
}
.image-panel img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:none !important;
}

/* Documentos: mostrar al tamaño natural o menor; nunca agrandar a la fuerza. */
.stage-image{
  display:flex;
  align-items:center;
  justify-content:center;
}
.stage-image img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:620px !important;
  object-fit:contain !important;
  filter:none !important;
}

/* Riesgos: mantener proporción y nitidez. */
.risk-image{
  display:flex;
  align-items:center;
  justify-content:center;
}
.risk-image img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:560px !important;
  object-fit:contain !important;
  filter:none !important;
}

/* Plataforma: no recortar interfaces ni forzar aspect-ratio artificial. */
.platform-command-image{
  display:flex;
  align-items:center;
  justify-content:center;
}
.platform-command-image img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:560px !important;
  min-height:0 !important;
  object-fit:contain !important;
  filter:none !important;
}

.platform-feature-grid article button{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:300px;
  background:#f5f9fe;
}
.platform-feature-grid article img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:360px !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:none !important;
}

.module-image{
  display:flex;
  align-items:center;
  justify-content:center;
}
.module-image img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:620px !important;
  object-fit:contain !important;
  filter:none !important;
}

/* El lightbox era una de las fuentes principales del blur:
   width:100% ampliaba documentos de ~650 px hasta >1100 px.
   Ahora conserva su tamaño natural y solo reduce cuando es necesario. */
.lightbox-inner{
  align-items:center;
}
.lightbox img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:84vh !important;
  object-fit:contain !important;
  filter:none !important;
  margin:0 auto;
}

/* Certificaciones: PNG universal, tamaño controlado. */
.badge-wrap img{
  width:168px;
  height:168px;
  max-width:100%;
  object-fit:contain;
  image-rendering:auto;
}

/* En pantallas pequeñas se permite reducción, nunca ampliación forzada. */
@media(max-width:760px){
  .platform-feature-grid article button{min-height:220px}
  .stage-image img,
  .risk-image img,
  .module-image img,
  .platform-command-image img{
    max-height:none !important;
  }
}