:root{
  --bg:#070b18;--bg2:#0c1226;--surface:#101933;--surface2:#152044;--text:#f7f9ff;--muted:#aeb8d7;
  --line:rgba(255,255,255,.10);--accent:#6d7cff;--accent2:#22d3ee;--shadow:0 24px 70px rgba(0,0,0,.34);
  --radius:26px;--radius-sm:18px;--shell:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,var(--bg),#0a1022 45%,#080c19);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}.shell{width:min(calc(100% - 32px),var(--shell));margin-inline:auto}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,11,24,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--accent),var(--accent2));box-shadow:0 8px 30px rgba(73,104,255,.35),inset 0 1px 0 rgba(255,255,255,.38);font-size:15px}.brand-text{font-size:18px;letter-spacing:-.02em}.brand-text span{color:#8ea1ff}.menu-toggle{width:48px;height:48px;border:1px solid var(--line);border-radius:14px;background:var(--surface);display:grid;place-content:center;gap:5px}.menu-toggle span:not(.screen-reader-text){display:block;width:20px;height:2px;background:#fff;border-radius:4px}.primary-nav{display:none;position:absolute;left:16px;right:16px;top:78px;padding:16px;background:#0f1730;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.primary-nav.is-open{display:block}.menu{list-style:none;margin:0;padding:0;display:grid;gap:8px}.menu a,.nav-cta{display:block;padding:13px 14px;border-radius:12px}.menu a:hover{background:rgba(255,255,255,.05)}.nav-cta{margin-top:10px;text-align:center;background:linear-gradient(135deg,var(--accent),#845cff);font-weight:800;box-shadow:0 10px 30px rgba(109,124,255,.24)}
.hero{position:relative;overflow:hidden;padding:72px 0 56px}.hero-grid{display:grid;gap:44px;align-items:center}.eyebrow{margin:0 0 14px;color:#8fb8ff;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}.hero h1{font-size:clamp(42px,12vw,68px);line-height:.97;letter-spacing:-.055em;margin:0;max-width:9.5ch}.hero-lead,.section-lead{font-size:19px;line-height:1.55;color:var(--muted);max-width:650px}.hero-actions{display:grid;gap:12px;margin-top:28px}.btn{min-height:54px;display:flex;align-items:center;justify-content:center;padding:0 22px;border-radius:16px;font-weight:800;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,#6674ff,#8c5cff);box-shadow:0 14px 40px rgba(106,92,255,.28),inset 0 1px 0 rgba(255,255,255,.35)}.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.035)}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.trust-row span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:#cbd4ef;font-size:13px;background:rgba(255,255,255,.025)}
.hero-card{position:relative;min-height:340px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(24,36,74,.96),rgba(9,14,31,.96));box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.06);padding:18px;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:auto -18% -30% 20%;height:260px;background:radial-gradient(circle,rgba(58,151,255,.28),transparent 65%)}.code-top{display:flex;gap:7px}.code-top span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.2)}pre{position:relative;margin:38px 0 0;white-space:pre-wrap;color:#dfe7ff;font-size:14px;line-height:1.8}code b,code span{color:#8fb8ff}code i{color:#75e8d4;font-style:normal}code strong{color:#f4b8ff}.mini-card{position:absolute;padding:10px 13px;border-radius:13px;border:1px solid rgba(255,255,255,.14);background:rgba(19,30,61,.82);backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(0,0,0,.24);font-weight:800;font-size:12px}.mini-a{right:18px;top:42px}.mini-b{left:18px;bottom:18px}.mini-c{right:24px;bottom:28px}
.orb{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none}.orb-a{width:220px;height:220px;right:-90px;top:20px;background:radial-gradient(circle,rgba(77,116,255,.24),transparent 68%)}.orb-b{width:190px;height:190px;left:-80px;bottom:0;background:radial-gradient(circle,rgba(34,211,238,.12),transparent 68%)}
.section{padding:64px 0}.section h2{font-size:clamp(34px,9vw,56px);line-height:1.02;letter-spacing:-.045em;margin:0 0 16px;max-width:12ch}.cards{display:grid;gap:16px;margin-top:34px}.card{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(20,31,64,.9),rgba(12,18,38,.96));box-shadow:0 18px 46px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04);transition:transform .2s ease,border-color .2s ease}.card:hover{transform:translateY(-3px);border-color:rgba(126,148,255,.35)}.card h3{font-size:25px;line-height:1.1;margin:16px 0 10px}.card p{color:var(--muted)}.card a{display:inline-block;margin-top:6px;color:#a9b6ff;font-weight:800}.icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#1d2a57,#10182f);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);color:#9eb0ff;font-weight:900}
.section-dark{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006));border-block:1px solid var(--line)}.split{display:grid;gap:34px}.metric-stack{display:grid;gap:14px}.metric{padding:22px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.025)}.metric strong{display:block;font-size:34px;line-height:1;color:#a9b6ff}.metric span{display:block;color:var(--muted);margin-top:8px}.cta-panel{padding:30px;border-radius:30px;border:1px solid rgba(126,148,255,.24);background:radial-gradient(circle at top right,rgba(92,108,255,.20),transparent 35%),linear-gradient(145deg,#111b38,#0b1228);box-shadow:var(--shadow)}.cta-panel h2{max-width:15ch}.cta-panel p{color:var(--muted);font-size:18px}.cta-panel .btn{margin-top:20px}
.content-shell{max-width:820px}.content-shell h1{font-size:clamp(38px,10vw,64px);line-height:1.02;letter-spacing:-.045em}.entry-content{font-size:18px;color:#d7def5}.entry-content h2{font-size:34px;margin-top:46px}.entry-content h3{font-size:26px}.post-card{padding:22px 0;border-bottom:1px solid var(--line)}
.site-footer{padding:42px 0;border-top:1px solid var(--line);background:#060914}.footer-grid{display:grid;gap:22px}.footer-brand{margin-bottom:12px}.site-footer p{margin:0;color:var(--muted);font-size:14px}.footer-meta{align-self:end}
@media (min-width:700px){.shell{width:min(calc(100% - 56px),var(--shell))}.hero{padding:92px 0 78px}.hero-actions{display:flex}.btn{min-width:210px}.cards{grid-template-columns:repeat(2,1fr)}.cta-panel{padding:46px}.hero-card{min-height:390px}pre{font-size:16px}}
@media (min-width:980px){.site-header .shell{min-height:82px}.menu-toggle{display:none}.primary-nav{display:flex!important;position:static;padding:0;background:none;border:0;box-shadow:none;align-items:center;gap:8px}.menu{display:flex;align-items:center;gap:4px}.nav-cta{margin:0 0 0 10px;padding:11px 16px}.hero{padding:104px 0 92px}.hero-grid{grid-template-columns:1.08fr .92fr;gap:72px}.hero h1{font-size:74px}.hero-card{min-height:430px}.section{padding:92px 0}.cards{grid-template-columns:repeat(4,1fr)}.card{padding:26px}.split{grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.footer-grid{grid-template-columns:1fr auto}.section h2{font-size:56px}}

/* v0.4 · Home visual responsive + formulario de solicitudes */
.hero-v2{padding-top:64px}.hero-v2 .hero-copy{position:relative;z-index:2}.hero-v2 h1 span{background:linear-gradient(105deg,#fff 10%,#a8b4ff 48%,#70e5ef 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#69e9c3;box-shadow:0 0 0 5px rgba(105,233,195,.08),0 0 20px rgba(105,233,195,.6);margin-right:8px;vertical-align:1px}.hero-glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(2px)}.hero-glow-a{width:340px;height:340px;right:-160px;top:-20px;background:radial-gradient(circle,rgba(94,94,255,.22),transparent 68%)}.hero-glow-b{width:280px;height:280px;left:-170px;bottom:-80px;background:radial-gradient(circle,rgba(34,211,238,.12),transparent 70%)}
.plugin-ui{position:relative;min-height:410px;display:grid;place-items:center;padding:28px 6px}.plugin-window{position:relative;width:100%;max-width:520px;padding:0 18px 18px;border-radius:28px;border:1px solid rgba(160,174,255,.18);background:linear-gradient(145deg,rgba(20,31,64,.96),rgba(8,13,29,.98));box-shadow:0 38px 90px rgba(0,0,0,.4),0 0 80px rgba(82,94,255,.08),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}.plugin-window:before{content:"";position:absolute;width:220px;height:220px;right:-70px;top:90px;background:radial-gradient(circle,rgba(52,211,235,.14),transparent 70%)}.plugin-window-top{height:54px;margin-inline:-18px;padding:0 18px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.plugin-window-top span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18)}.plugin-window-top b{margin-left:auto;font-size:10px;color:#808bac;font-weight:650}.plugin-status{margin-top:18px;padding:14px;display:flex;align-items:center;gap:9px;border:1px solid rgba(118,238,198,.14);border-radius:16px;background:rgba(70,222,177,.055)}.plugin-status i{width:8px;height:8px;border-radius:50%;background:#69e9c3;box-shadow:0 0 16px rgba(105,233,195,.65)}.plugin-status span{font-size:13px;font-weight:800}.plugin-status strong{margin-left:auto;color:#91a0c7;font-size:11px}.plugin-code{padding:28px 8px 22px;display:grid;gap:11px}.code-line{height:8px;border-radius:30px;background:linear-gradient(90deg,rgba(115,136,255,.65),rgba(77,220,230,.26))}.w80{width:80%}.w55{width:55%}.w92{width:92%}.w67{width:67%}.w44{width:44%}.plugin-output{position:relative;display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))}.plugin-output small,.plugin-output strong{display:block}.plugin-output small{color:#8792b3;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.plugin-output strong{font-size:14px;margin-top:2px}.check{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,rgba(75,228,184,.22),rgba(52,194,221,.12));color:#7cf0cd;border:1px solid rgba(111,239,204,.16);font-weight:900}.float-chip{position:absolute;z-index:3;padding:10px 12px;min-width:74px;border-radius:15px;border:1px solid rgba(255,255,255,.13);background:rgba(14,23,49,.84);backdrop-filter:blur(12px);box-shadow:0 14px 35px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)}.float-chip b,.float-chip small{display:block}.float-chip b{font-size:14px}.float-chip small{color:#8f9abb;font-size:9px}.chip-api{right:-2px;top:42px}.chip-wp{left:-4px;bottom:64px}.chip-speed{right:12px;bottom:7px}
.signal-strip{border-block:1px solid var(--line);background:rgba(255,255,255,.012);overflow:hidden}.signal-grid{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px;white-space:nowrap;overflow:hidden}.signal-grid span{font-size:9px;letter-spacing:.12em;font-weight:900;color:#7782a6}.signal-grid i{width:4px;height:4px;border-radius:50%;background:#5366d7;flex:0 0 4px}
.section-intro-grid{display:grid;gap:12px}.problem-section{position:relative;background:radial-gradient(circle at 100% 20%,rgba(66,84,222,.09),transparent 28%)}.problem-grid{display:grid;gap:12px;margin-top:34px}.problem-card{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:20px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,31,63,.7),rgba(10,16,34,.78));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.problem-number{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(133,149,255,.16);background:rgba(107,123,255,.07);color:#9dacff;font-size:11px;font-weight:900}.problem-card h3{margin:1px 0 7px;font-size:20px;line-height:1.2;letter-spacing:-.02em}.problem-card p{margin:0;color:var(--muted);font-size:15px}.cta-panel-v2{position:relative;overflow:hidden}.cta-panel-v2>*{position:relative;z-index:2}.cta-orb{position:absolute;z-index:1;width:300px;height:300px;right:-130px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(94,112,255,.3),transparent 67%)}

.contact-hero{position:relative;overflow:hidden;padding:58px 0 76px}.contact-glow{position:absolute;width:430px;height:430px;right:-260px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(93,106,255,.2),transparent 68%)}.contact-layout{display:grid;gap:34px;position:relative;z-index:2}.contact-copy h1{font-size:clamp(42px,11vw,68px);line-height:.98;letter-spacing:-.055em;margin:0;max-width:10ch}.contact-points{display:grid;gap:10px;margin-top:28px}.contact-points span{display:flex;align-items:center;gap:11px;color:#cbd4ef;font-size:14px}.contact-points b{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#9eafff;font-size:10px}.form-panel{padding:18px;border-radius:28px;border:1px solid rgba(133,149,255,.18);background:linear-gradient(145deg,rgba(19,30,63,.95),rgba(9,15,32,.98));box-shadow:0 28px 75px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05)}.plugin-form{display:grid;gap:16px}.field-row{display:grid;gap:16px}.field{display:grid;gap:8px}.field>span{font-size:13px;font-weight:800;color:#dce3f8}.field>span b{color:#8fa4ff}.field>span small{color:#7f89a6;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:#0a1125;color:#f7f9ff;padding:14px 15px;font:inherit;font-size:16px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.field input,.field select{min-height:54px}.field textarea{resize:vertical;min-height:170px;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:#66708e}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(120,141,255,.62);box-shadow:0 0 0 4px rgba(100,120,255,.09);background:#0c142a}.field select{color:#d9e0f6}.consent{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;color:#9fa9c8;font-size:12px;line-height:1.45}.consent input{width:18px;height:18px;margin:1px 0 0;accent-color:#7585ff}.form-submit{width:100%;border:0;cursor:pointer;font-size:15px}.form-note{margin:0;text-align:center;color:#6f7894;font-size:11px}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-alert{display:grid;gap:3px;padding:14px 15px;margin-bottom:17px;border-radius:15px;font-size:13px}.form-alert strong{font-size:14px}.form-alert.success{background:rgba(72,216,170,.08);border:1px solid rgba(85,226,181,.18);color:#bdf4e0}.form-alert.error{background:rgba(255,97,121,.07);border:1px solid rgba(255,104,128,.16);color:#ffd0d7}

@media (min-width:700px){.plugin-ui{padding-inline:40px}.plugin-window-top b{font-size:11px}.signal-grid span{font-size:10px}.problem-grid{grid-template-columns:repeat(2,1fr)}.problem-card{padding:22px}.field-row{grid-template-columns:1fr 1fr}.form-panel{padding:28px}.contact-hero{padding:86px 0}.contact-points{grid-template-columns:repeat(3,1fr);gap:12px}.contact-points span{display:grid;align-content:start}.contact-points b{margin-bottom:3px}}
@media (min-width:980px){.hero-v2{padding-top:92px}.plugin-ui{min-height:500px;padding:35px 20px}.plugin-window{max-width:500px}.chip-api{right:0;top:70px}.chip-wp{left:2px;bottom:90px}.chip-speed{right:18px;bottom:25px}.section-intro-grid{grid-template-columns:1fr .8fr;gap:70px;align-items:end}.section-intro-grid .section-lead{margin-bottom:15px}.problem-grid{grid-template-columns:repeat(3,1fr);gap:16px}.problem-card{grid-template-columns:46px 1fr;min-height:210px;padding:24px}.problem-card h3{font-size:21px}.contact-layout{grid-template-columns:.86fr 1.14fr;gap:76px;align-items:start}.contact-copy{position:sticky;top:130px}.form-panel{padding:34px}.contact-hero{padding:96px 0 110px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

/* v0.4 · Mantiene la experiencia v0.3 en móvil/tablet y recupera la tarjeta de código v0.2 en escritorio */
.hero-v2 h1 span{display:inline-block;padding-right:.07em;margin-right:-.07em}
.desktop-code-card{display:none}
.hero-card{position:relative;min-height:340px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(24,36,74,.96),rgba(9,14,31,.96));box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.06);padding:18px;overflow:hidden}
.hero-card:before{content:"";position:absolute;inset:auto -18% -30% 20%;height:260px;background:radial-gradient(circle,rgba(58,151,255,.28),transparent 65%)}
.code-top{display:flex;gap:7px}.code-top span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.2)}
.hero-card pre{position:relative;margin:38px 0 0;white-space:pre-wrap;color:#dfe7ff;font-size:14px;line-height:1.8}.hero-card code b,.hero-card code span{color:#8fb8ff}.hero-card code i{color:#75e8d4;font-style:normal}.hero-card code strong{color:#f4b8ff}
.mini-card{position:absolute;padding:10px 13px;border-radius:13px;border:1px solid rgba(255,255,255,.14);background:rgba(19,30,61,.82);backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(0,0,0,.24);font-weight:800;font-size:12px}.mini-a{right:18px;top:42px}.mini-b{left:18px;bottom:18px}.mini-c{right:24px;bottom:28px}
@media (min-width:980px){.hero-v2 .plugin-ui{display:none}.hero-v2 .desktop-code-card{display:block;min-height:430px}.hero-v2 .desktop-code-card pre{font-size:16px}.hero-v2 .hero-grid{grid-template-columns:1.08fr .92fr;gap:72px}}
