/* Cotativa Site Intelligence · Public Experience */
:root{
  --si-bg:#06111e;
  --si-bg-2:#0a1b2d;
  --si-panel:rgba(13,31,49,.82);
  --si-panel-2:rgba(18,42,65,.72);
  --si-line:rgba(255,255,255,.10);
  --si-green:#62d71f;
  --si-green-2:#91ef35;
  --si-blue:#4f9bd3;
  --si-text:#eef6fb;
  --si-muted:#9eb0c0;
  --si-danger:#ff6f87;
  --si-warn:#ffc45b;
}

.diagnostic-public-page{background:#07111d;color:#eaf2f8}
.diagnostic-public-page .site-header{background:rgba(5,14,25,.88);backdrop-filter:blur(22px)}
.diagnostic-public-page main{overflow:hidden}
.diagnostic-public-page .whatsapp-float{display:none}

.si-public-hero{
  position:relative;
  min-height:720px;
  padding:88px 0 78px;
  background:
    radial-gradient(circle at 76% 18%,rgba(98,215,31,.12),transparent 29%),
    radial-gradient(circle at 12% 68%,rgba(79,155,211,.11),transparent 30%),
    linear-gradient(145deg,#050e19 0%,#071727 50%,#06111f 100%);
  overflow:hidden;
}
.si-public-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:radial-gradient(circle at 70% 38%,#000 0,transparent 70%);
}
.si-public-hero:after{
  content:"";position:absolute;right:-160px;top:-240px;width:720px;height:720px;border-radius:50%;
  border:1px solid rgba(98,215,31,.1);box-shadow:0 0 0 90px rgba(98,215,31,.018),0 0 0 180px rgba(79,155,211,.018);
}
.si-public-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.03fr .97fr;gap:70px;align-items:center}
.si-public-copy h1{max-width:780px;color:#fff;font-size:clamp(3rem,5.6vw,5.7rem);letter-spacing:-.055em}
.si-public-copy h1 span{display:block;color:var(--si-green-2)}
.si-public-copy>p{max-width:720px;color:#afbfcc;font-size:clamp(1rem,1.45vw,1.18rem)}
.si-public-kicker{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:#9ae94d;font:800 .76rem/1 var(--font-title);letter-spacing:.14em;text-transform:uppercase}
.si-public-kicker i{width:9px;height:9px;border-radius:50%;background:var(--si-green);box-shadow:0 0 0 7px rgba(98,215,31,.1),0 0 22px rgba(98,215,31,.45)}
.si-public-form{margin-top:30px;max-width:760px;padding:10px;display:grid;grid-template-columns:1fr auto;gap:8px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);border-radius:19px;box-shadow:0 25px 65px rgba(0,0,0,.25)}
.si-public-form input[type=url],.si-public-form input[type=text]{min-width:0;height:58px;padding:0 17px;border:0;outline:0;border-radius:13px;background:rgba(4,14,24,.76);color:#fff;font-size:1rem}
.si-public-form input::placeholder{color:#71869a}
.si-public-form button{min-width:205px;min-height:58px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--si-green-2),var(--si-green));color:#071108;font-weight:900;cursor:pointer;box-shadow:0 14px 35px rgba(98,215,31,.16);transition:.2s transform,.2s filter}
.si-public-form button:hover{transform:translateY(-2px);filter:brightness(1.06)}
.si-public-form button:disabled{opacity:.6;cursor:wait;transform:none}
.si-public-note{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:17px;color:#8195a7;font-size:.76rem}
.si-public-note span{display:flex;align-items:center;gap:6px}.si-public-note b{color:#b6c8d7}

.si-public-visual{position:relative;min-height:520px;display:grid;place-items:center}
.si-public-radar{position:relative;width:min(500px,92%);aspect-ratio:1;display:grid;place-items:center}
.si-public-radar .ring{position:absolute;border-radius:50%;border:1px solid rgba(98,215,31,.17);animation:siRadar 18s linear infinite}
.si-public-radar .r1{inset:9%}.si-public-radar .r2{inset:20%;border-style:dashed;animation-direction:reverse;animation-duration:14s}.si-public-radar .r3{inset:31%;border-color:rgba(79,155,211,.28);animation-duration:10s}.si-public-radar .r4{inset:41%;border-color:rgba(98,215,31,.32);animation-direction:reverse}
.si-public-radar:before,.si-public-radar:after{content:"";position:absolute;left:50%;top:7%;bottom:7%;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.14),transparent)}
.si-public-radar:after{transform:rotate(90deg)}
.si-public-radar-logo{position:relative;z-index:3;width:54%;filter:drop-shadow(0 28px 40px rgba(0,0,0,.44))}
.si-public-radar-sweep{position:absolute;inset:12%;border-radius:50%;overflow:hidden;animation:siRadar 5.5s linear infinite}
.si-public-radar-sweep:before{content:"";position:absolute;left:50%;top:50%;width:50%;height:2px;transform-origin:left center;background:linear-gradient(90deg,rgba(98,215,31,.7),transparent);box-shadow:0 0 18px rgba(98,215,31,.55)}
.si-public-float{position:absolute;z-index:5;min-width:160px;padding:12px 15px;border:1px solid rgba(255,255,255,.11);background:rgba(7,19,32,.78);backdrop-filter:blur(15px);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.si-public-float small{display:block;color:#71889c;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.si-public-float strong{display:block;margin-top:4px;color:#eaf5fb;font-size:.85rem}
.si-public-float.one{left:0;top:18%}.si-public-float.two{right:-5%;bottom:23%}.si-public-float.three{left:7%;bottom:6%}
.si-public-float i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--si-green);margin-right:6px;box-shadow:0 0 0 5px rgba(98,215,31,.08)}
@keyframes siRadar{to{transform:rotate(360deg)}}

/* Live workspace */
.si-public-workspace{position:relative;padding:72px 0 90px;background:linear-gradient(180deg,#06111e,#081827 55%,#06111e);border-top:1px solid rgba(255,255,255,.06)}
.si-public-workspace[hidden],.si-public-result[hidden]{display:none!important}
.si-workspace-shell{position:relative}
.si-workspace-shell:before{content:"";position:absolute;inset:-70px -120px auto;height:420px;background:radial-gradient(circle,rgba(79,155,211,.08),transparent 65%);pointer-events:none}
.si-live-head{position:relative;display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:24px}
.si-live-head h2{color:#fff;font-size:clamp(2rem,3.4vw,3.6rem);margin-bottom:8px}
.si-live-head p{color:#8fa4b7;margin:0}
.si-live-domain{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(98,215,31,.18);border-radius:999px;background:rgba(98,215,31,.06);color:#a8ed65;font-size:.78rem;font-weight:800}
.si-live-domain i{width:7px;height:7px;border-radius:50%;background:var(--si-green);box-shadow:0 0 0 5px rgba(98,215,31,.08)}

.si-master{position:relative;padding:26px 28px 24px;border:1px solid var(--si-line);border-radius:24px;background:linear-gradient(135deg,rgba(17,39,60,.88),rgba(7,21,35,.92));box-shadow:0 22px 70px rgba(0,0,0,.22);overflow:hidden}
.si-master:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.035) 48%,transparent 61%);transform:translateX(-100%);animation:siShimmer 3.2s ease-in-out infinite}
@keyframes siShimmer{55%,100%{transform:translateX(100%)}}
.si-master-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px}
.si-master-top span{color:#94a8b9;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.si-master-top strong{color:#fff;font-size:1.05rem}.si-master-top b{color:#8feb3a;font:900 1.5rem/1 var(--font-title)}
.si-master-track{position:relative;z-index:2;height:13px;margin-top:17px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden}
.si-master-track i{display:block;width:1%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f9bd3 0%,#62d71f 60%,#9af33b 100%);box-shadow:0 0 24px rgba(98,215,31,.38);transition:width .75s cubic-bezier(.2,.8,.2,1)}
.si-master-message{position:relative;z-index:2;margin:11px 0 0;color:#879cad;font-size:.78rem}

.si-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.si-module{position:relative;padding:19px 20px 17px;border:1px solid rgba(255,255,255,.085);border-radius:18px;background:rgba(10,26,43,.75);overflow:hidden;transition:border-color .25s,transform .25s}
.si-module:hover{transform:translateY(-2px);border-color:rgba(98,215,31,.22)}
.si-module-head{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start}
.si-module h3{margin:0 0 4px;color:#eaf3f9;font-size:.93rem}.si-module p{margin:0;color:#71879a;font-size:.69rem}
.si-module-state{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.055);color:#93a9bb;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.si-module-track{height:7px;margin-top:14px;border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden}
.si-module-track i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#3f7eae,#69db24);transition:width .65s ease}
.si-module-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:#687e90;font-size:.64rem}.si-module-foot b{color:#a8bac8;font-weight:800}
.si-module[data-module=ai]{border-color:rgba(98,215,31,.14);background:linear-gradient(135deg,rgba(20,52,47,.65),rgba(10,28,42,.75))}
.si-module[data-module=ai] .si-module-track i{background:linear-gradient(90deg,#62d71f,#9bf43d)}

.si-live-grid{display:grid;grid-template-columns:1.16fr .84fr;gap:16px;margin-top:16px}
.si-live-panel{border:1px solid var(--si-line);border-radius:21px;background:rgba(8,23,38,.78);padding:22px}
.si-live-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.si-live-panel-head span{color:#8399ab;font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.si-live-panel-head b{color:#7fe32c;font-size:.67rem}
.si-event-feed{display:grid;gap:8px;min-height:245px;align-content:start}
.si-event{display:grid;grid-template-columns:10px 1fr;gap:10px;align-items:start;padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.025);color:#a9bbc9;font-size:.74rem;line-height:1.45}
.si-event i{width:8px;height:8px;border-radius:50%;margin-top:5px;background:#6e8293}.si-event.ok i{background:#62d71f}.si-event.live i{background:#4f9bd3;box-shadow:0 0 0 5px rgba(79,155,211,.09);animation:siPulse 1.2s ease-in-out infinite}.si-event.warn i{background:#ffc45b}.si-event.alert i{background:#ff6f87}
@keyframes siPulse{50%{opacity:.45;transform:scale(.78)}}
.si-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.si-metric{min-height:116px;padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.025)}
.si-metric span{display:block;color:#71879a;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.si-metric strong{display:block;margin:11px 0 3px;color:#fff;font:900 1.65rem/1 var(--font-title)}.si-metric small{color:#788c9d;font-size:.65rem}
.si-metric.ai{grid-column:1/-1;min-height:102px;background:linear-gradient(135deg,rgba(98,215,31,.065),rgba(255,255,255,.02))}.si-metric.ai strong{font-size:1rem;line-height:1.3;color:#b9ef89}

/* Result */
.si-public-result{padding:80px 0 100px;background:#f3f6f7;color:#102032}
.si-result-shell{display:grid;gap:18px}
.si-result-top{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:stretch}
.si-score-card{min-height:240px;padding:24px;border-radius:26px;background:linear-gradient(145deg,#071726,#0d2b46);color:#fff;box-shadow:0 24px 60px rgba(5,20,34,.16);display:grid;place-items:center;text-align:center}
.si-score-ring{--score:0;position:relative;width:146px;height:146px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#75df29 calc(var(--score)*1%),rgba(255,255,255,.08) 0)}
.si-score-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#0a2136}
.si-score-value{position:relative;z-index:2}.si-score-value strong{display:block;font:900 2.7rem/1 var(--font-title)}.si-score-value small{color:#88a0b2}
.si-score-card>small{color:#92a7b8;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.si-ai-result{padding:30px;border:1px solid #dce4e9;border-radius:26px;background:#fff;box-shadow:0 18px 50px rgba(15,34,51,.06)}
.si-ai-result-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:#eef9e8;color:#3f8615;font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.si-ai-result-badge i{width:7px;height:7px;border-radius:50%;background:#62d71f}
.si-ai-result h2{margin:16px 0 10px;font-size:clamp(1.8rem,3vw,3rem)}.si-ai-result>p{color:#5c6d7b;font-size:.94rem}
.si-ai-priority{margin-top:18px;padding:16px 18px;border-left:3px solid #62d71f;background:#f5f9f2;border-radius:0 12px 12px 0}.si-ai-priority span{display:block;color:#6b7d89;font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.si-ai-priority strong{display:block;margin-top:6px;color:#173149;line-height:1.45}

.si-result-score-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.si-result-score-grid article{padding:17px;border:1px solid #dbe4e9;border-radius:17px;background:#fff}.si-result-score-grid span{display:block;color:#788995;font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.si-result-score-grid strong{display:block;margin-top:8px;font:900 1.55rem/1 var(--font-title);color:#152c42}.si-result-score-grid small{color:#91a0aa}

.si-result-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.si-result-panel{padding:25px;border:1px solid #dbe4e9;border-radius:22px;background:#fff}
.si-result-panel h3{font-size:1.2rem;margin-bottom:15px}.si-result-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}.si-result-list li{display:flex;gap:9px;color:#506371;font-size:.82rem;line-height:1.45}.si-result-list li:before{content:"";width:7px;height:7px;margin-top:6px;flex:none;border-radius:50%;background:#62d71f}
.si-findings-public{display:grid;gap:8px}.si-public-finding{padding:12px 13px;border-radius:13px;background:#f7f9fa;border:1px solid #e5eaed;display:grid;grid-template-columns:76px 1fr;gap:10px}.si-public-finding b{font-size:.57rem;letter-spacing:.07em;text-transform:uppercase}.si-public-finding p{margin:0;color:#546875;font-size:.78rem}.si-public-finding.critical{border-left:3px solid #e35268}.si-public-finding.warning{border-left:3px solid #dc941e}.si-public-finding.info{border-left:3px solid #4b90c2}.si-public-finding.ok{border-left:3px solid #58b823}

.si-unlock{position:relative;padding:32px;border-radius:26px;background:linear-gradient(135deg,#071725,#0b2b45);color:#fff;overflow:hidden}
.si-unlock:before{content:"";position:absolute;right:-120px;top:-170px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(98,215,31,.17),transparent 65%)}
.si-unlock-grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:center}
.si-unlock h3{font-size:clamp(1.7rem,2.7vw,2.6rem)}.si-unlock p{color:#a9bac7;font-size:.88rem}.si-unlock-count{display:inline-flex;margin-bottom:12px;padding:7px 10px;border-radius:999px;background:rgba(98,215,31,.09);color:#96e84b;font-weight:900;font-size:.65rem;text-transform:uppercase;letter-spacing:.07em}
.si-lead-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.si-lead-form label{display:grid;gap:6px}.si-lead-form label span{color:#90a5b6;font-size:.66rem;font-weight:800}.si-lead-form input{min-width:0;height:47px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.055);color:#fff;outline:none}.si-lead-form input:focus{border-color:rgba(98,215,31,.48);box-shadow:0 0 0 3px rgba(98,215,31,.08)}.si-lead-form .wide{grid-column:1/-1}.si-lead-form button{grid-column:1/-1;min-height:51px;border:0;border-radius:12px;background:linear-gradient(135deg,#8bed33,#62d71f);font-weight:900;color:#071108;cursor:pointer}.si-lead-form small{grid-column:1/-1;color:#748a9c;font-size:.62rem}
.si-unlocked-cta{display:none;padding:25px;border-radius:22px;background:#ecf8e6;border:1px solid #d1e9c5}.si-unlocked-cta.visible{display:flex;align-items:center;justify-content:space-between;gap:18px}.si-unlocked-cta strong{display:block;color:#28540d}.si-unlocked-cta span{color:#577166;font-size:.8rem}.si-unlocked-cta a{flex:none}

/* SEO content */
.si-public-explain{padding:90px 0;background:#fff;color:#132538}
.si-public-explain .section-heading{max-width:800px}
.si-explain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.si-explain-card{padding:25px;border:1px solid #e0e6ea;border-radius:19px;background:#fbfcfc}.si-explain-card span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#0a1b2c;color:#8ceb2b;margin-bottom:18px;font-size:.8rem;font-weight:900}.si-explain-card h3{font-size:1rem}.si-explain-card p{color:#687984;font-size:.79rem;margin:0}
.si-public-faq{padding:80px 0;background:#eef2f3;color:#122537}
.si-public-faq details{background:#fff;border:1px solid #dfe6e9}.si-public-faq details p{color:#637480}.si-public-faq summary::after{color:#4a9b1b}

.si-public-error{margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(255,111,135,.10);border:1px solid rgba(255,111,135,.22);color:#ffb1be;font-size:.75rem}
.si-public-error[hidden]{display:none}
.si-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.si-new-scan{border:1px solid rgba(255,255,255,.14);background:transparent;color:#dce9f2;border-radius:11px;padding:10px 13px;font-weight:800;cursor:pointer}

@media(max-width:1100px){
 .si-public-hero-grid{grid-template-columns:1fr;gap:35px}.si-public-copy{text-align:center}.si-public-copy>p,.si-public-form{margin-left:auto;margin-right:auto}.si-public-kicker,.si-public-note{justify-content:center}.si-public-visual{min-height:400px}.si-public-radar{width:min(420px,86%)}.si-public-float.one{left:8%}.si-public-float.two{right:6%}
 .si-result-score-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
 .si-public-hero{padding-top:64px;min-height:auto}.si-public-copy h1{font-size:clamp(2.5rem,10vw,4.2rem)}.si-public-form{grid-template-columns:1fr}.si-public-form button{width:100%}
 .si-public-visual{min-height:340px}.si-public-float{display:none}
 .si-module-grid,.si-live-grid,.si-result-columns,.si-unlock-grid{grid-template-columns:1fr}
 .si-result-top{grid-template-columns:1fr}.si-score-card{min-height:210px}.si-result-score-grid{grid-template-columns:1fr 1fr}
 .si-explain-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
 .si-public-hero{padding:48px 0}.si-public-form{padding:7px}.si-public-form input[type=url]{height:53px}.si-public-form button{min-height:53px}
 .si-public-visual{min-height:300px}.si-public-radar{width:290px}
 .si-public-workspace{padding:52px 0 70px}.si-live-head{align-items:flex-start;flex-direction:column}.si-master{padding:20px}.si-module-grid{grid-template-columns:1fr}
 .si-result-score-grid,.si-explain-grid{grid-template-columns:1fr 1fr}.si-lead-form{grid-template-columns:1fr}.si-lead-form .wide,.si-lead-form button,.si-lead-form small{grid-column:auto}.si-public-finding{grid-template-columns:1fr}
 .si-unlocked-cta.visible{align-items:flex-start;flex-direction:column}
}