/* Vigifield · estilos compartidos de páginas de contenido (guías, calculadora, 404).
   Mismos tokens, header, botones, CTA y footer que index.html. */
:root{
  --neon:#00E5FF; --deep:#00A3B8; --white:#FFFFFF; --gray:#A0AAB2; --text:#D5DBDF;
  --carbon:#1A1E21; --onyx:#0D0E10;
  --line:rgba(160,170,178,.16); --line-2:rgba(160,170,178,.28);
  --danger:#FF5C7A; --warn:#FFB547; --ok:#3DDC97;
  --sans:'Montserrat',system-ui,sans-serif; --data:'Space Grotesk',ui-monospace,monospace;
  --max:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{background:var(--carbon);color:var(--white);font:400 15px/22px var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,svg,video{display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.label{font:500 12px/16px var(--data);letter-spacing:.1em;text-transform:uppercase;color:var(--gray)}
.label.neon,.neon{color:var(--neon)}
.light{font-weight:300}
.ico{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.skip{position:absolute;left:-999px;top:8px;z-index:99;background:var(--neon);color:var(--onyx);padding:10px 14px;border-radius:8px;font-weight:600}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--neon);outline-offset:2px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:10px;font:600 15px/1.1 var(--sans);transition:transform .15s,background .15s,border-color .15s;cursor:pointer;border:0;text-align:center}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--neon);color:var(--onyx)}
.btn-primary:hover{background:#4DEEFF}
.btn-ghost{border:1px solid var(--line-2);color:var(--white);background:transparent}
.btn-ghost:hover{border-color:var(--neon)}
.btn .ico{width:18px;height:18px}

/* header */
header{position:sticky;top:0;z-index:50;background:rgba(26,30,33,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px}
.logo{height:30px;width:auto}
.nav-links{display:flex;gap:26px;color:var(--gray);font-size:14px}
.nav-links a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.nav-links a:hover,.nav-links a[aria-current]{color:var(--white)}
.nav-links a[aria-current]{box-shadow:0 2px 0 var(--neon)}
.nav-cta{display:flex;gap:12px}
.nav-cta .btn{min-height:40px;padding:0 16px;font-size:14px}
.subnav{display:none;border-top:1px solid var(--line)}
.subnav .wrap{display:flex;gap:8px;overflow-x:auto;padding-top:8px;padding-bottom:8px;scrollbar-width:none}
.subnav .wrap::-webkit-scrollbar{display:none}
.subnav a{flex:none;font:500 12px/1 var(--data);letter-spacing:.04em;color:var(--gray);padding:8px 11px;border:1px solid var(--line-2);border-radius:999px;white-space:nowrap}
.subnav a[aria-current]{color:var(--onyx);background:var(--neon);border-color:var(--neon)}

/* hero de página */
.phero{position:relative;overflow:hidden;padding:34px 0 56px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse 70% 100% at 100% 0%,rgba(0,229,255,.09),transparent 60%)}
.phero .gridbg{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 70% 80% at 80% 20%,#000 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 80% at 80% 20%,#000 10%,transparent 70%);opacity:.5;pointer-events:none}
.phero .wrap{position:relative}
.phero h1{font:700 clamp(32px,5vw,60px)/1.05 var(--sans);letter-spacing:-.025em;margin:16px 0 20px;max-width:900px}
.phero .lead{font-size:clamp(16px,1.6vw,19px);line-height:1.55;color:var(--text);max-width:760px}
.phero .meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px}
.phero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;font:500 12px/1.4 var(--data);letter-spacing:.04em;color:var(--gray)}
.crumbs li+li::before{content:"›";margin-right:6px;color:var(--line-2)}
.crumbs a:hover{color:var(--neon)}
.crumbs [aria-current]{color:var(--white)}

/* documento */
.doc{display:grid;grid-template-columns:230px minmax(0,1fr);gap:56px;padding-top:56px;align-items:start}
.toc{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto;padding-right:6px}
.toc .label{display:block;margin-bottom:12px}
.toc ol{list-style:none;display:grid;gap:2px;border-left:1px solid var(--line-2)}
.toc a{display:block;padding:6px 0 6px 14px;margin-left:-1px;border-left:2px solid transparent;font-size:13px;line-height:1.35;color:var(--gray)}
.toc a:hover{color:var(--white);border-left-color:var(--neon)}
.prose{max-width:780px;min-width:0;color:var(--text);font-size:16.5px;line-height:1.72}
.prose>*+*{margin-top:18px}
.prose h2{font:700 clamp(24px,2.8vw,34px)/1.15 var(--sans);letter-spacing:-.015em;color:var(--white);margin-top:56px;padding-top:6px}
.prose h2:first-child{margin-top:0}
.prose h3{font:600 19px/1.35 var(--sans);color:var(--white);margin-top:34px}
.prose strong{color:var(--white);font-weight:600}
.prose a:not(.btn){color:var(--neon);text-decoration:underline;text-decoration-color:rgba(0,229,255,.4);text-underline-offset:3px}
.prose a:not(.btn):hover{text-decoration-color:var(--neon)}
.prose ul,.prose ol{padding-left:22px}
.prose li+li{margin-top:8px}
.prose li::marker{color:var(--neon)}
.prose small{font-size:13px;color:var(--gray)}
.prose code{font:500 .92em var(--data);color:var(--white);background:rgba(160,170,178,.1);padding:1px 6px;border-radius:5px}

.tldr{border:1px solid rgba(0,229,255,.35);border-radius:16px;padding:22px 24px;background:linear-gradient(160deg,rgba(0,229,255,.07),rgba(13,14,16,.5) 60%)}
.tldr .label{display:block;margin-bottom:10px}
.tldr ul{padding-left:20px}
.callout{border-left:3px solid var(--neon);background:rgba(13,14,16,.55);border-radius:0 12px 12px 0;padding:16px 20px}
.callout.warn{border-left-color:var(--warn)}
.callout.bad{border-left-color:var(--danger)}
.callout b,.callout strong{color:var(--white)}

.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.fact{padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(13,14,16,.55)}
.fact b{display:block;font:500 clamp(22px,2.6vw,30px)/1.1 var(--data);color:var(--neon)}
.fact span{display:block;font-size:13px;line-height:1.4;color:var(--gray);margin-top:6px}

.tbl{overflow-x:auto;border:1px solid var(--line-2);border-radius:14px;background:rgba(13,14,16,.55);-webkit-overflow-scrolling:touch}
.tbl table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.45;min-width:520px}
.tbl.narrow table{min-width:0}
.tbl caption{caption-side:top;text-align:left;padding:14px 16px 0;font:500 12px/1.4 var(--data);letter-spacing:.08em;text-transform:uppercase;color:var(--gray)}
.tbl th,.tbl td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.tbl thead th{font:500 12px/1.3 var(--data);letter-spacing:.06em;text-transform:uppercase;color:var(--gray);background:rgba(160,170,178,.05)}
.tbl tbody tr:last-child td,.tbl tbody tr:last-child th{border-bottom:0}
.tbl tbody th{color:var(--white);font-weight:600}
.tbl td.num,.tbl th.num{font-family:var(--data);text-align:right;white-space:nowrap}
.tbl tr.hi td,.tbl tr.hi th{background:rgba(0,229,255,.07)}
.tbl tr.hi th{color:var(--neon)}
.tbl .yes{color:var(--ok)}.tbl .no{color:var(--danger)}.tbl .mid{color:var(--warn)}

.checklist{list-style:none;padding:0!important;display:grid;gap:10px}
.checklist li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:rgba(13,14,16,.45);margin:0!important}
.checklist li::before{content:"";flex:none;width:20px;height:20px;margin-top:3px;border-radius:6px;border:1.5px solid var(--neon);background:no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300E5FF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E")}

.steps{list-style:none;padding:0!important;counter-reset:s;display:grid;gap:12px}
.steps li{position:relative;padding:16px 18px 16px 62px;border:1px solid var(--line);border-radius:14px;background:rgba(13,14,16,.45);margin:0!important}
.steps li::before{counter-increment:s;content:counter(s,decimal-leading-zero);position:absolute;left:16px;top:15px;font:500 15px/28px var(--data);color:var(--neon);width:32px;text-align:center;border:1px solid rgba(0,229,255,.4);border-radius:8px}
.steps b{color:var(--white)}

.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.feat>div{padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}
.feat .ic{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.25);color:var(--neon);margin-bottom:12px}
.feat .ic .ico{width:22px;height:22px}
.feat b{display:block;color:var(--white);font-size:15.5px;line-height:1.3}
.feat p{font-size:14px;line-height:1.55;color:var(--gray);margin-top:6px}

.vfbox{position:relative;overflow:hidden;border:1px solid var(--line-2);border-radius:20px;padding:28px;background:radial-gradient(ellipse 70% 90% at 100% 0%,rgba(0,229,255,.1),transparent 60%),var(--onyx)}
.vfbox>*+*{margin-top:16px}
.vfbox h2,.vfbox h3{margin-top:0!important}

figure.shot{margin-top:26px}
figure.shot .frame{border-radius:14px;border:1px solid var(--line-2);background:var(--onyx);overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.75)}
figure.shot .bbar{display:flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-bottom:1px solid var(--line);background:#121518}
figure.shot .bbar i{width:8px;height:8px;border-radius:50%;background:rgba(160,170,178,.3)}
figure.shot .bbar span{margin-left:10px;font:500 11px/1 var(--data);color:var(--gray)}
figure.shot img{width:100%;height:auto}
figure.shot figcaption{font:500 12px/1.5 var(--data);color:var(--gray);margin-top:10px;letter-spacing:.02em}
.phones{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.phones figure{width:min(230px,44%);margin:0}
.phone{border-radius:30px;padding:8px;background:#07080A;border:1px solid var(--line-2);box-shadow:0 40px 70px -30px rgba(0,0,0,.85)}
.phone img{width:100%;height:auto;border-radius:23px}
.phones figcaption{text-align:center;font:500 12px/1.4 var(--data);color:var(--gray);margin-top:10px}

.faq{display:grid;gap:10px}
.faq details{border:1px solid var(--line);border-radius:12px;background:rgba(13,14,16,.45)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:16px 18px;font:600 16px/1.4 var(--sans);color:var(--white)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font:500 22px/1 var(--data);color:var(--neon);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details>div{padding:0 18px 16px;color:var(--text)}
.faq details>div>*+*{margin-top:10px}

.sources{border-top:1px solid var(--line-2);padding-top:24px}
.sources ol{font-size:14px;line-height:1.55}
.sources li{word-break:break-word}
.disclaimer{font-size:13.5px!important;line-height:1.55;color:var(--gray)!important;padding:14px 16px;border:1px dashed var(--line-2);border-radius:12px}

.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.related a{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--line-2);border-radius:14px;background:rgba(13,14,16,.45);text-decoration:none!important;color:var(--white)!important;transition:border-color .2s,transform .2s}
.related a:hover{border-color:var(--neon);transform:translateY(-2px)}
.related a b{font-size:15.5px;line-height:1.3}
.related a span{font-size:13px;line-height:1.45;color:var(--gray)}
.related a .label{color:var(--neon)}

/* CTA (igual que la home) */
.cta{position:relative;overflow:hidden;border:1px solid var(--line-2);border-radius:24px;padding:56px;background:radial-gradient(ellipse 60% 100% at 100% 0%,rgba(0,229,255,.12),transparent 60%),var(--onyx);display:grid;grid-template-columns:1.4fr auto;gap:40px;align-items:center;margin:90px auto 0}
.cta .wm{position:absolute;right:-60px;bottom:-110px;width:360px;opacity:.06;fill:var(--neon)}
.cta h2{font:700 clamp(26px,3.2vw,40px)/1.1 var(--sans);letter-spacing:-.015em;margin:12px 0 0}
.cta p{color:var(--text);margin-top:12px;max-width:560px;line-height:1.55}
.cta .actions{display:flex;flex-direction:column;gap:12px;position:relative}

/* footer (igual que la home + guías) */
footer{border-top:1px solid var(--line);padding:48px 0 40px;margin-top:100px}
.foot{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;align-items:flex-start}
.foot .logo{height:26px}
.foot-links{display:flex;gap:28px 48px;flex-wrap:wrap}
.foot-links div{display:grid;gap:10px;font-size:14px;color:var(--gray);align-content:start}
.foot-links a:hover{color:var(--white)}
.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}

/* ---------- calculadora ---------- */
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px;align-items:start;padding-top:40px}
.cpanel,.cres{border:1px solid var(--line-2);border-radius:20px;background:var(--onyx);padding:24px}
.cres{position:sticky;top:92px}
.cpanel h2,.cres h2{font:600 13px/1.3 var(--data);letter-spacing:.1em;text-transform:uppercase;color:var(--neon);margin-bottom:18px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.frow+.frow,.frow+fieldset,fieldset+.frow,fieldset+fieldset,.days+.factions,.frow+.factions{margin-top:16px}
.fld{display:grid;gap:6px;min-width:0}
.fld>span,.seg legend{font:500 12px/1.3 var(--data);letter-spacing:.06em;text-transform:uppercase;color:var(--gray)}
.fld input,.fld select{width:100%;height:48px;padding:0 12px;border-radius:10px;border:1px solid var(--line-2);background:#15191C;color:var(--white);font:500 16px/1 var(--data);appearance:none;-webkit-appearance:none}
.fld select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A0AAB2' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px}
.fld input:focus,.fld select:focus{outline:none;border-color:var(--neon);box-shadow:0 0 0 3px rgba(0,229,255,.18)}
.fld small{font-size:12px;color:var(--gray);line-height:1.4}
.seg{border:0;min-width:0}
.seg legend{margin-bottom:6px}
.seg .opts{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border:1px solid var(--line-2);border-radius:12px;background:#15191C}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg label{display:grid;place-items:center;min-height:40px;border-radius:8px;font:600 14px/1.2 var(--sans);color:var(--gray);cursor:pointer;text-align:center;padding:0 6px}
.seg input:checked+label{background:var(--neon);color:var(--onyx)}
.seg input:focus-visible+label{outline:2px solid var(--neon);outline-offset:2px}
.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:16px}
.days .fld input{text-align:center;padding:0 4px}
.days .fld>span{text-align:center}
.days .fld.sun>span{color:var(--warn)}
.presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.presets button,.factions button{font:500 12px/1 var(--data);letter-spacing:.03em;color:var(--gray);background:transparent;border:1px solid var(--line-2);border-radius:999px;padding:9px 12px;cursor:pointer}
.presets button:hover,.factions button:hover{color:var(--white);border-color:var(--neon)}
.factions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.chk{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text);cursor:pointer;margin-top:6px}
.chk input{width:18px;height:18px;accent-color:var(--neon)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.stat{padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(160,170,178,.04);min-width:0}
.stat b{display:block;font:500 clamp(22px,2.4vw,28px)/1.1 var(--data);color:var(--white)}
.stat span{display:block;font:500 11px/1.35 var(--data);letter-spacing:.06em;text-transform:uppercase;color:var(--gray);margin-top:6px}
.stat.o b{color:var(--neon)}.stat.d b{color:var(--warn)}.stat.t b{color:var(--danger)}
.total{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-top:14px;padding:16px;border-radius:12px;background:linear-gradient(160deg,rgba(0,229,255,.1),rgba(0,229,255,.02));border:1px solid rgba(0,229,255,.3)}
.total span{font:500 12px/1.35 var(--data);letter-spacing:.06em;text-transform:uppercase;color:var(--gray)}
.total .tr{text-align:right}
.total b{font:500 clamp(26px,3vw,34px)/1 var(--data);color:var(--neon)}
.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:8px;align-items:stretch;height:150px;margin-top:18px;padding:12px 4px 0;border-bottom:1px solid var(--line-2);position:relative}
.week .day{display:flex;flex-direction:column-reverse;height:100%;position:relative}
.week .seg-o{background:var(--neon)}.week .seg-d{background:var(--warn)}.week .seg-t{background:var(--danger)}
.week .day i{display:block;width:100%;border-radius:3px 3px 0 0}
.week .day i+i{border-radius:3px 3px 0 0;margin-bottom:1px}
.week .lim{position:absolute;left:0;right:0;border-top:1px dashed rgba(255,92,122,.6);pointer-events:none}
.week .lim span{position:absolute;right:0;top:-16px;font:500 10px/1 var(--data);color:var(--danger)}
.wlabels{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:6px;text-align:center;font:500 11px/1.3 var(--data);color:var(--gray)}
.wlabels b{display:block;color:var(--white);font-weight:500}
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font:500 11px/1.3 var(--data);color:var(--gray)}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.alerts{list-style:none;display:grid;gap:8px;margin-top:18px}
.alerts li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:10px;font-size:14px;line-height:1.45;color:var(--text);background:rgba(160,170,178,.06);border:1px solid var(--line)}
.alerts li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;margin-top:6px;background:var(--gray)}
.alerts li.ok::before{background:var(--ok)}
.alerts li.warn{border-color:rgba(255,181,71,.35);background:rgba(255,181,71,.06)}.alerts li.warn::before{background:var(--warn)}
.alerts li.bad{border-color:rgba(255,92,122,.4);background:rgba(255,92,122,.07)}.alerts li.bad::before{background:var(--danger)}
.alerts li.info::before{background:var(--neon)}
.breakdown{width:100%;border-collapse:collapse;margin-top:18px;font-size:14px}
.breakdown td{padding:9px 0;border-bottom:1px solid var(--line);color:var(--text);vertical-align:top}
.breakdown td small{display:block;font:500 11px/1.4 var(--data);color:var(--gray);margin-top:2px}
.breakdown td:last-child{text-align:right;font-family:var(--data);color:var(--white);white-space:nowrap;padding-left:12px}
.breakdown tr.sum td{border-bottom:0;font-weight:600;color:var(--white)}
.cnote{font-size:12.5px;line-height:1.5;color:var(--gray);margin-top:14px}

/* ---------- precios y promo ---------- */
.cta-promo{font-size:14.5px;color:var(--text)}
.cta-promo b{color:var(--neon);font-weight:600}
.cta-promo a{color:var(--neon);text-decoration:underline;text-decoration-color:rgba(0,229,255,.4);text-underline-offset:3px}
.cta-promo a:hover{text-decoration-color:var(--neon)}
.pbody{padding-top:56px}
.pbody>section+section{margin-top:80px}
.shead{max-width:760px}
.shead h2{font:700 clamp(26px,3.2vw,40px)/1.1 var(--sans);letter-spacing:-.015em;margin-top:12px}
.shead p{color:var(--text);margin-top:12px;font-size:16.5px;line-height:1.6}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}
.plan{position:relative;display:flex;flex-direction:column;gap:16px;padding:28px;border:1px solid var(--line-2);border-radius:20px;background:var(--onyx)}
.plan.hi{border-color:rgba(0,229,255,.45);background:radial-gradient(ellipse 80% 70% at 100% 0%,rgba(0,229,255,.1),transparent 60%),var(--onyx)}
.plan h3{font:600 20px/1.3 var(--sans);color:var(--white)}
.plan .who{color:var(--gray);font-size:14.5px;line-height:1.5;margin-top:-8px}
.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
.price b{font:500 clamp(44px,5vw,60px)/1 var(--data);color:var(--white);letter-spacing:-.02em}
.price b small{font-size:.45em;color:var(--gray);margin-left:4px;letter-spacing:0}
.price span{font:500 12px/1.4 var(--data);letter-spacing:.06em;text-transform:uppercase;color:var(--gray)}
.plan ul{list-style:none;display:grid;gap:10px;padding:16px 0 0;border-top:1px solid var(--line);color:var(--text);font-size:15px;line-height:1.5}
.plan li{display:flex;gap:10px;align-items:flex-start}
.plan li::before{content:"";flex:none;width:16px;height:16px;margin-top:3px;background:no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300E5FF' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E")}
.plan .btn{margin-top:auto}
.roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:16px}
.role{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(13,14,16,.45)}
.role span{font-size:14.5px;line-height:1.35;color:var(--text)}
.role span small{display:block;font-size:12.5px;color:var(--gray);margin-top:2px}
.role b{font:500 20px/1 var(--data);color:var(--white);white-space:nowrap}
.role.free b{color:var(--ok)}
.terms{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:24px}
.terms>div{padding:18px;border:1px solid var(--line);border-radius:14px}
.terms b{display:block;color:var(--white);font-size:15px;line-height:1.35}
.terms p{font-size:14px;line-height:1.55;color:var(--gray);margin-top:6px}
.pcalc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:28px;align-items:stretch}
.pcalc .cpanel,.pcalc .cres{position:static}
.pcalc .fld+.fld{margin-top:18px}
.pcalc .total{margin-top:0}
.promo-note{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:14px 16px;border-radius:12px;border:1px dashed rgba(61,220,151,.5);background:rgba(61,220,151,.06);font-size:14px;line-height:1.5;color:var(--text)}
.promo-note b{color:var(--ok)}
.promo-note a{color:var(--neon);text-decoration:underline;text-underline-offset:3px}
.pband{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:32px;align-items:center;padding:40px;border:1px solid rgba(0,229,255,.45);border-radius:22px;background:radial-gradient(ellipse 60% 120% at 0% 0%,rgba(0,229,255,.14),transparent 60%),var(--onyx)}
.pband h2{font:700 clamp(26px,3.2vw,40px)/1.1 var(--sans);letter-spacing:-.015em;margin-top:12px}
.pband p{color:var(--text);margin-top:12px;line-height:1.6;max-width:620px}
.pband .actions{display:flex;flex-direction:column;gap:12px}
.big0{font:500 clamp(64px,9vw,120px)/.9 var(--data);color:var(--neon);letter-spacing:-.04em}
.big0 small{display:block;font:500 12px/1.4 var(--data);letter-spacing:.08em;text-transform:uppercase;color:var(--gray);margin-top:10px}
.countdown{display:inline-flex;align-items:center;gap:14px;margin-top:24px;padding:12px 16px;border:1px solid var(--line-2);border-radius:14px;background:rgba(13,14,16,.6)}
.countdown b{font:500 clamp(30px,3.6vw,42px)/1 var(--data);color:var(--neon)}
.countdown span{font-size:14px;line-height:1.4;color:var(--text);max-width:260px}
.tline{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}
.tline li{position:relative;padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(13,14,16,.45)}
.tline li.on{border-color:rgba(0,229,255,.45);background:rgba(0,229,255,.06)}
.tline time,.tline .when{display:block;font:500 12px/1.4 var(--data);letter-spacing:.08em;text-transform:uppercase;color:var(--neon)}
.tline b{display:block;color:var(--white);font-size:15.5px;line-height:1.3;margin-top:8px}
.tline p{font-size:14px;line-height:1.5;color:var(--gray);margin-top:6px}
.fine{font-size:12.5px;line-height:1.6;color:var(--gray);border-top:1px solid var(--line-2);padding-top:18px}
.fine ol{padding-left:18px;display:grid;gap:4px;margin-top:8px}
.pfaq{max-width:820px}
@media (max-width:980px){.pband{grid-template-columns:1fr;padding:28px 22px}.tline{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.plans,.pcalc{grid-template-columns:1fr}}
@media (max-width:600px){.plan{padding:22px 18px}.tline{grid-template-columns:1fr}.pbody>section+section{margin-top:60px}.countdown{display:flex}}

/* 404 */
.nf{padding:80px 0 20px;text-align:left}
.nf .big{font:700 clamp(90px,18vw,200px)/1 var(--sans);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(0,229,255,.45)}

/* responsive */
@media (max-width:1060px){
  .doc{grid-template-columns:1fr;gap:0;padding-top:36px}
  .toc{position:static;max-height:none;margin-bottom:36px;padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(13,14,16,.45)}
  .calc{grid-template-columns:1fr}
  .cres{position:static}
}
@media (max-width:980px){
  .nav-links{display:none}
  .subnav{display:block}
  .cta{grid-template-columns:1fr;padding:40px 26px}
}
@media (max-width:600px){
  .wrap{padding:0 16px}
  .nav{height:64px}
  .logo{height:26px}
  .nav-cta .btn-ghost{display:none}
  .nav-cta .btn{padding:0 12px;font-size:13px}
  .phero{padding:24px 0 40px}
  .prose{font-size:16px;line-height:1.68}
  .tldr,.vfbox{padding:20px 18px}
  .cpanel,.cres{padding:18px 16px;border-radius:16px}
  .frow{grid-template-columns:1fr}
  .days{grid-template-columns:repeat(4,minmax(0,1fr))}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .stat{padding:10px}
  .total .tr{text-align:left}
  .stat span{font-size:10px;letter-spacing:.03em}
  .week{gap:5px}.wlabels{gap:5px}
  .faq summary{font-size:15px;padding:14px 16px}
  .steps li{padding:14px 14px 14px 56px}
  .steps li::before{left:12px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.lang-sw{display:inline-flex;align-items:center;min-height:40px;padding:0 6px;font:500 13px var(--data,monospace);letter-spacing:.06em;color:var(--gray);text-decoration:none}.lang-sw:hover{color:var(--neon)}.foot-bottom .lang-sw{min-height:0;padding:0;font:inherit;letter-spacing:inherit;text-decoration:underline}