:root{
  --ink:#0d1730;--muted:#61708a;--line:#dde4f0;--soft:#f5f7fc;--white:#fff;
  --violet:#6d3df2;--violet-dark:#4c21c7;--cyan:#08a9cc;--green:#0a9f6e;
  --amber:#e79b18;--red:#dc4c64;--shadow:0 24px 70px rgba(31,42,79,.12);
  --radius:24px;--font:'Outfit',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f8fc;color:var(--ink);font-family:var(--font);line-height:1.55}
button,input,select,textarea{font:inherit}a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:1000;background:#fff;padding:10px 14px;border-radius:10px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(13,23,48,.08)}
.nav{max-width:1240px;margin:auto;height:74px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{display:block;width:190px;height:auto}.nav-links{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:600}.nav-links a{text-decoration:none}.nav-links a:hover{color:var(--violet)}
.nav-cta,.nav-trial,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:13px;padding:13px 19px;font-weight:750;text-decoration:none;cursor:pointer;transition:.2s}.nav-cta,.btn-primary{color:#fff;background:linear-gradient(135deg,var(--violet),var(--cyan));box-shadow:0 12px 26px rgba(109,61,242,.22)}.nav-trial{color:var(--violet);background:#fff;border:1px solid rgba(109,61,242,.25)}.btn:hover,.nav-cta:hover,.nav-trial:hover{transform:translateY(-2px)}.btn-secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-ghost{background:transparent;color:var(--violet);padding-left:4px}.btn-danger{background:#fff1f4;color:#a9233c;border:1px solid #ffd4dd}.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 20%,rgba(109,61,242,.15),transparent 34%),radial-gradient(circle at 88% 30%,rgba(8,169,204,.15),transparent 31%),linear-gradient(180deg,#fff 0,#f4f5fb 100%);padding:72px 24px 56px}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(36,50,89,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(36,50,89,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent);pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:1240px;margin:auto;display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(109,61,242,.18);border-radius:999px;background:rgba(255,255,255,.75);color:var(--violet);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(10,159,110,.12)}h1{max-width:790px;margin:19px 0 18px;font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.045em}h1 span{background:linear-gradient(100deg,var(--violet),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:710px;color:var(--muted);font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.proof-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:#4c5d78;font-size:13px;font-weight:650}.proof-row span:before{content:'✓';color:var(--green);font-weight:900;margin-right:7px}
.hero-card{position:relative;padding:24px;border-radius:30px;background:#0d1730;color:#fff;box-shadow:0 35px 90px rgba(13,23,48,.25)}.hero-card:before{content:"";position:absolute;inset:-1px;border-radius:31px;padding:1px;background:linear-gradient(135deg,#9d7cff,#2bd1e9,transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.ai-status{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#aebbd3;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.live{color:#6ce8b8}.hero-card h2{margin:25px 0 6px;font-size:25px}.hero-card>p{margin:0;color:#b7c3d8;font-size:14px}.mini-score{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;margin:24px 0;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:19px;background:rgba(255,255,255,.04)}.score-ring{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#6ce8b8 0 84%,rgba(255,255,255,.1) 84%);position:relative}.score-ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#111e3a}.score-ring strong{position:relative;z-index:1;font-size:25px}.mini-bars{display:grid;gap:11px}.mini-bars div{font-size:11px;color:#bac5d8}.mini-bars span{display:block;height:6px;margin-top:5px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.mini-bars i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#8b62ff,#26c3e3)}.hero-features{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-features span{padding:10px 8px;text-align:center;border-radius:10px;background:rgba(255,255,255,.06);font-size:10px;color:#c9d3e4}
.main{max-width:1240px;margin:0 auto;padding:62px 24px}.tool-intro{text-align:center;max-width:800px;margin:0 auto 34px}.section-tag{color:var(--violet);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.tool-intro h2,.seo-section h2{font-size:clamp(32px,4vw,49px);line-height:1.06;letter-spacing:-.035em;margin:12px 0}.tool-intro p,.seo-section>p{color:var(--muted);font-size:17px}
.tool-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:680px;background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);overflow:hidden}.tool-side{padding:30px 24px;background:#101b37;color:#fff}.side-brand{font-weight:800;font-size:18px}.side-brand small{display:block;color:#8ea0bf;font-size:11px;font-weight:500;margin-top:3px}.steps{display:grid;gap:8px;margin-top:32px}.step-link{display:grid;grid-template-columns:36px 1fr;gap:11px;align-items:center;padding:11px;border-radius:13px;color:#94a4c1;font-size:12px;transition:.2s}.step-link b{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:11px}.step-link strong{display:block;color:inherit}.step-link small{display:block;margin-top:2px;color:#6f819f}.step-link.active{background:rgba(109,61,242,.2);color:#fff}.step-link.active b{border-color:#9f82ff;background:#6d3df2}.step-link.done b{background:#0a9f6e;border-color:#0a9f6e;color:#fff}.side-note{margin-top:32px;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.04);font-size:11px;color:#aebbd0}.side-note strong{display:block;color:#fff;margin-bottom:5px}.tool-main{padding:38px}.progress{height:7px;background:#edf0f6;border-radius:99px;overflow:hidden}.progress span{display:block;width:20%;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--violet),var(--cyan));transition:.35s}.step-panel{display:none;animation:fade .28s ease}.step-panel.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(8px)}}.step-head{margin:28px 0}.step-head small{color:var(--violet);font-weight:800}.step-head h3{font-size:31px;line-height:1.1;margin:7px 0}.step-head p{color:var(--muted);margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:750}.field label span{color:var(--muted);font-weight:500}.field input,.field select,.field textarea{width:100%;border:1px solid #d8deeb;border-radius:12px;background:#fbfcff;padding:13px 14px;color:var(--ink);outline:none;transition:.2s}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--violet);box-shadow:0 0 0 4px rgba(109,61,242,.09);background:#fff}.field-help{color:#77849b;font-size:11px}.field-error{display:none;color:#c52f4b;font-size:11px}.field.invalid .field-error{display:block}.field.invalid input,.field.invalid select{border-color:#dc4c64}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choice{position:relative}.choice input{position:absolute;opacity:0;pointer-events:none}.choice label{display:block;height:100%;padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff;cursor:pointer;transition:.2s}.choice label b{display:block;margin-bottom:4px}.choice label span{color:var(--muted);font-size:11px}.choice input:checked+label{border-color:var(--violet);box-shadow:0 0 0 3px rgba(109,61,242,.09);background:#faf8ff}.tool-actions{display:flex;justify-content:space-between;gap:12px;margin-top:32px;padding-top:22px;border-top:1px solid var(--line)}.tool-actions .right{display:flex;gap:10px}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.loading-panel{display:none;text-align:center;padding:50px 20px}.loading-panel.active{display:block}.loader-orbit{width:110px;height:110px;margin:0 auto 25px;border-radius:50%;border:1px solid #dfe5f0;position:relative}.loader-orbit:before,.loader-orbit:after{content:"";position:absolute;border-radius:50%}.loader-orbit:before{inset:13px;border:2px dashed #8e6cf5;animation:spin 2.2s linear infinite}.loader-orbit:after{width:26px;height:26px;top:-4px;left:42px;background:linear-gradient(135deg,var(--violet),var(--cyan));box-shadow:0 8px 20px rgba(109,61,242,.3)}@keyframes spin{to{transform:rotate(360deg)}}.loading-panel h3{font-size:27px;margin:0 0 8px}.loading-panel p{color:var(--muted)}.loading-steps{max-width:440px;margin:24px auto 0;text-align:left;display:grid;gap:10px}.loading-steps div{padding:11px 14px;border-radius:11px;background:var(--soft);color:#78849a;font-size:12px}.loading-steps div.active{background:#efeaff;color:var(--violet);font-weight:750}.error-box{display:none;margin:22px 0;padding:16px;border:1px solid #ffd0d9;border-radius:13px;background:#fff3f5;color:#9f2940}.error-box.show{display:block}
.results{display:none}.results.active{display:block}.result-top{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.result-kicker{color:var(--violet);font-weight:850;text-transform:uppercase;letter-spacing:.09em;font-size:11px}.result-top h2{font-size:36px;line-height:1.05;margin:8px 0}.result-top p{max-width:780px;color:var(--muted)}.result-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:300px}.score-grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:12px;margin:30px 0}.score-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}.score-card.featured{color:#fff;border:0;background:linear-gradient(135deg,#5a2bd9,#0c9abd);box-shadow:0 18px 36px rgba(76,33,199,.2)}.score-card span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.score-card.featured span{color:#dcd5ff}.score-card strong{display:block;font-size:31px;line-height:1.1;margin-top:7px}.score-card small{display:block;color:var(--muted);margin-top:4px}.score-card.featured small{color:#bfeefa}.result-section{margin-top:26px;padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff}.result-section h3{font-size:23px;margin:0 0 7px}.result-section>p{color:var(--muted)}.charts{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.chart-card{min-height:340px}.chart-wrap{position:relative;height:260px;margin-top:15px}.table-wrap{overflow:auto;margin-top:16px}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:12px;vertical-align:top}th{color:#5c6880;background:#f7f8fc;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.risk-list,.timeline{display:grid;gap:11px;margin-top:16px}.risk{padding:15px;border-left:4px solid var(--amber);border-radius:11px;background:#fff9ed}.risk[data-severity="alta"]{border-color:var(--red);background:#fff3f5}.risk[data-severity="baja"]{border-color:var(--green);background:#effcf7}.risk b{display:block}.risk p{margin:5px 0;color:#5d6a80;font-size:12px}.risk small{color:#53627b}.timeline div{display:grid;grid-template-columns:36px 1fr;gap:11px;align-items:start}.timeline span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#eee9ff;color:var(--violet);font-weight:850}.timeline p{margin:4px 0;color:#526179}.assumptions{columns:2;padding-left:18px;color:#5c6880;font-size:12px}.assumptions li{margin-bottom:8px;break-inside:avoid}.final-cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;margin-top:28px;padding:28px;border-radius:22px;background:#0d1730;color:#fff}.final-cta p{color:#b7c3d8;margin:7px 0 0}.final-cta .btn{white-space:nowrap;background:#21c978;color:#073622}.disclaimer{margin-top:18px;color:#7a879c;font-size:11px}
.seo-section{margin-top:82px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.benefit{padding:23px;border:1px solid var(--line);border-radius:18px;background:#fff}.benefit i{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#eeeaff;font-style:normal;font-size:20px}.benefit h3{margin:15px 0 6px;font-size:18px}.benefit p{margin:0;color:var(--muted);font-size:13px}.faq{display:grid;gap:10px;margin-top:28px}.faq details{border:1px solid var(--line);border-radius:15px;background:#fff;padding:0 18px}.faq summary{cursor:pointer;font-weight:750;padding:17px 0}.faq p{color:var(--muted);font-size:13px;margin:0 0 17px}
.site-footer{margin-top:80px;padding:46px 24px 25px;background:#0d1730;color:#fff}.footer-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:35px}.footer-grid img{width:190px}.footer-grid p{max-width:360px;color:#9eacc5;font-size:13px}.footer-grid h4{margin:0 0 12px}.footer-grid a{display:block;text-decoration:none;color:#aebbd0;font-size:13px;margin:8px 0}.footer-grid a:hover{color:#fff}.footer-bottom{max-width:1240px;margin:34px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);color:#8292ad;font-size:11px}
.toast{position:fixed;right:22px;bottom:22px;z-index:200;max-width:360px;padding:13px 16px;border-radius:12px;background:#0d1730;color:#fff;box-shadow:var(--shadow);font-size:12px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}
@media(max-width:1000px){.hero-inner{grid-template-columns:1fr}.hero-card{max-width:650px}.tool-shell{grid-template-columns:1fr}.tool-side{padding:18px}.steps{grid-template-columns:repeat(5,1fr);margin-top:16px}.step-link{display:block;text-align:center;padding:8px}.step-link b{margin:auto}.step-link div,.side-note{display:none}.charts{grid-template-columns:1fr}.score-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.nav-links a:not(.nav-cta):not(.nav-trial){display:none}}
@media(max-width:700px){.nav{padding:0 15px}.brand img{width:155px}.nav-cta{display:none}.nav-trial{padding:10px 12px;font-size:12px}.hero{padding:48px 17px}.hero-actions .btn{width:100%}.hero-features{grid-template-columns:1fr}.main{padding:45px 14px}.tool-main{padding:24px 16px}.form-grid,.choice-grid,.benefit-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.step-head h3{font-size:25px}.steps{gap:3px}.step-link b{width:31px;height:31px}.tool-actions{align-items:stretch}.tool-actions,.tool-actions .right{flex-direction:column-reverse}.tool-actions .btn{width:100%}.result-top{display:block}.result-actions{min-width:0;justify-content:flex-start}.result-actions .btn{flex:1}.score-grid{grid-template-columns:1fr 1fr}.score-card{padding:15px}.score-card strong{font-size:24px}.result-section{padding:18px 14px}.charts{display:block}.chart-card+ .chart-card{margin-top:15px}.assumptions{columns:1}.final-cta{grid-template-columns:1fr}.final-cta .btn{width:100%}.footer-grid{grid-template-columns:1fr}.hero-card{padding:19px}.mini-score{grid-template-columns:90px 1fr}.score-ring{width:82px;height:82px}}
@media print{.site-header,.hero,.tool-intro,.tool-shell,.seo-section,.site-footer,.result-actions,.toast{display:none!important}.main{max-width:none;padding:0}.results{display:block!important}.result-section,.score-card{break-inside:avoid;box-shadow:none}.final-cta{display:none}}
