@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=IBM+Plex+Mono:wght@500;600;700&family=Public+Sans:wght@400;500;600;700&display=swap";:root{--bg:#0a0c10;--bg-2:#14171c;--bg-3:#1c2027;--border:#ffffff1a;--text:#e7edf5;--muted:#7c8a94;--signal:#ff6a3d;--signal-deep:#e8541f;--critical:#d94f4f;--warning:#e0a83f;--good:#4a9e8f;--great:#ff6a3d;--font-display:"Fraunces", Georgia, serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--font-body:"Public Sans", "Inter", sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}a{color:inherit;text-decoration:none}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}.mono{font-family:var(--font-mono)}.screen{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.25rem;display:flex;position:relative}.accent{color:var(--signal)}.reticle-capsule{border:1px solid var(--border);background:var(--bg-2);color:var(--signal);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.reticle-tick{opacity:.55;pointer-events:none;width:7px;height:7px;position:absolute}.reticle-tick:before,.reticle-tick:after{content:"";background:var(--signal);position:absolute}.reticle-tick:before{width:100%;height:1.4px}.reticle-tick:after{width:1.4px;height:100%}.tick-tl{top:-1px;left:-1px}.tick-tr{top:-1px;right:-1px}.tick-tr:before,.tick-tr:after{right:0}.tick-bl{bottom:-1px;left:-1px}.tick-bl:before,.tick-bl:after{bottom:0}.tick-br{bottom:-1px;right:-1px}.tick-br:before,.tick-br:after{bottom:0;right:0}.hero-screen{text-align:center;flex-direction:column;overflow:hidden}.scan-grid{z-index:0;background-image:linear-gradient(#ff6a3d0d 1px,#0000 1px),linear-gradient(90deg,#ff6a3d0d 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50% at 50% 40%,#000,#0000);mask-image:radial-gradient(60% 50% at 50% 40%,#000,#0000)}.hero-inner{z-index:1;flex-direction:column;align-items:center;gap:.9rem;max-width:640px;display:flex;position:relative}.brand-tag{letter-spacing:.06em;color:var(--muted);border:1px solid var(--border);font-size:.78rem;font-family:var(--font-mono);border-radius:4px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.4rem 1rem;display:inline-flex}.brand-dot{background:var(--signal);border-radius:50%;width:6px;height:6px}.brand-x{color:var(--muted);opacity:.6}.hero-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(2.6rem,8vw,4.5rem);font-weight:600;line-height:1}.hero-sub{max-width:480px;font-size:clamp(1.05rem,2.5vw,1.3rem);font-weight:600;font-family:var(--font-display)}.hero-desc{color:var(--muted);max-width:480px;font-size:.95rem;line-height:1.65}.pillars-preview{flex-wrap:wrap;justify-content:center;gap:.6rem;margin:.75rem 0;display:flex}.pillar-chip{color:var(--muted);background:var(--bg-2);border:1px solid var(--border);border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .85rem .4rem .4rem;font-size:.78rem;font-weight:500;display:inline-flex}.hero-meta{color:var(--muted);font-size:.75rem;font-family:var(--font-mono);margin-top:.25rem}.btn-scan{background:var(--signal);color:#04070d;cursor:pointer;transition:transform .25s var(--ease), background .2s var(--ease);border:none;border-radius:6px;align-items:center;gap:.6rem;margin-top:.5rem;padding:1rem 1.75rem;font-size:.95rem;font-weight:700;display:inline-flex}.btn-scan:hover{background:#ff8a5c;transform:translateY(-2px)}.btn-scan:disabled{opacity:.6;cursor:default;transform:none}.about-screen{flex-direction:column;padding-top:3rem;padding-bottom:3rem}.about-inner{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:620px;display:flex}.about-portrait-frame{aspect-ratio:1/1.05;width:100%;max-width:340px;margin:-1rem 0 -.5rem;position:relative}.about-portrait-glow{z-index:0;filter:blur(30px);background:radial-gradient(circle at 50% 40%,#ff6a3d59,#0000 65%);position:absolute;inset:-20%}.about-portrait-frame img{z-index:1;object-fit:cover;object-position:top center;width:100%;height:100%;position:relative;-webkit-mask-image:radial-gradient(62% 68% at 50% 38%,#000 55%,#0000 100%);mask-image:radial-gradient(62% 68% at 50% 38%,#000 55%,#0000 100%)}.about-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--signal);font-size:.72rem}.about-inner h2{font-family:var(--font-display);font-size:clamp(1.4rem,4vw,1.9rem);line-height:1.3}.about-story{color:var(--muted);text-align:left;max-width:520px;font-size:.95rem;line-height:1.75}.about-story p{margin-bottom:1rem}.about-story p:last-child{margin-bottom:0}.about-story strong{color:var(--text)}.about-continue{margin-top:.5rem}.quiz-screen{flex-direction:column;align-items:stretch;padding-top:4rem}.progress-bar{background:var(--bg-2);z-index:10;height:3px;position:fixed;top:0;left:0;right:0}.progress-fill{background:linear-gradient(90deg, var(--signal-deep), var(--signal));height:100%;transition:width .4s var(--ease)}.quiz-inner{width:100%;max-width:620px;animation:fadeUp .4s var(--ease);margin:0 auto}.quiz-pillar-tag{color:var(--signal);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:600;font-family:var(--font-mono);align-items:center;gap:.7rem;margin-bottom:1.5rem;display:flex}.quiz-step-count{color:var(--muted);text-transform:none;margin-left:auto;font-weight:500}.quiz-question{font-family:var(--font-display);margin-bottom:1.75rem;font-size:clamp(1.3rem,3.5vw,1.7rem);font-weight:600;line-height:1.35}.quiz-options{flex-direction:column;gap:.65rem;display:flex}.quiz-option{text-align:left;background:var(--bg-2);border:1px solid var(--border);color:var(--text);font-size:.92rem;font-family:var(--font-body);cursor:pointer;transition:background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease), opacity .2s var(--ease);border-left:3px solid #0000;border-radius:4px;align-items:center;gap:.9rem;padding:1rem 1.15rem;display:flex}.quiz-option:hover:not(:disabled){background:var(--bg-3);border-left-color:var(--signal)}.quiz-option.selected{border-left-color:var(--signal);background:var(--bg-3);transform:scale(.985)}.quiz-option.dimmed{opacity:.35}.quiz-option-letter{background:var(--bg-3);width:26px;height:26px;color:var(--muted);font-size:.75rem;font-weight:700;font-family:var(--font-mono);transition:all .2s var(--spring);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.quiz-option.selected .quiz-option-letter{background:var(--signal);color:#04070d;transform:scale(1.1)}.checkpoint{animation:fadeUp .4s var(--ease);flex-direction:column;align-items:center;gap:.4rem;display:flex}.checkpoint-icon-wrap{animation:checkpointSpring .4s var(--spring) both;margin-bottom:.5rem}.checkpoint-label{color:var(--muted);font-size:.85rem;font-family:var(--font-mono);animation:fadeUp .3s var(--ease) .3s both}.checkpoint-score{font-family:var(--font-mono);color:var(--signal);font-size:3rem;font-weight:700;line-height:1.1}.checkpoint-pillar-name{font-family:var(--font-display);animation:fadeUp .3s var(--ease) .4s both;font-size:1.1rem}.analyzing-screen{flex-direction:column;gap:2.5rem}.analyzing-plate{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;width:180px;height:180px;position:relative;overflow:hidden}.analyzing-hex{width:100%;height:100%;position:absolute;inset:0}.analyzing-ring{stroke:var(--signal);opacity:.22}.analyzing-sweep{background:var(--signal);height:2px;box-shadow:0 0 10px 1px var(--signal);animation:1.6s ease-in-out infinite plateSweep;position:absolute;left:0;right:0}.analyzing-steps{flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}.analyzing-step{color:var(--muted);opacity:.4;font-size:.9rem;transition:all .3s}.analyzing-step.active{color:var(--text);opacity:1;font-weight:600}.analyzing-step.done{color:var(--signal);opacity:.85}.analyzing-preview{border-top:1px solid var(--border);color:var(--muted);animation:fadeUp .3s var(--ease);margin-top:.5rem;padding-top:.75rem;font-size:.85rem}.analyzing-preview strong{color:var(--critical)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes checkpointSpring{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes plateSweep{0%{opacity:.3;top:0%}50%{opacity:1}to{opacity:.3;top:98%}}@keyframes radarSweepSpin{0%{opacity:1;transform:rotate(0)}to{opacity:.4;transform:rotate(360deg)}}.lead-inner{text-align:center;width:100%;max-width:440px;animation:fadeUp .4s var(--ease)}.lead-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--signal);border:1px solid var(--border);background:var(--bg-2);font-size:.7rem;font-weight:600;font-family:var(--font-mono);border-radius:4px;margin-bottom:1rem;padding:.35rem .9rem;display:inline-block}.lead-inner h2{font-family:var(--font-display);margin-bottom:.6rem;font-size:1.5rem;font-weight:600}.lead-sub{color:var(--muted);margin-bottom:1.75rem;font-size:.9rem;line-height:1.6}.lead-form{text-align:left;flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:var(--muted);font-size:.78rem;font-weight:600}.form-group input,.form-group select{background:var(--bg-2);border:1px solid var(--border);color:var(--text);font-size:.92rem;font-family:var(--font-body);border-radius:6px;padding:.75rem 1rem}.form-group input:focus,.form-group select:focus{border-color:var(--signal);outline:none}.lead-form .btn-scan{justify-content:center;width:100%;margin-top:.5rem}.results-screen{align-items:flex-start;padding-top:3rem;padding-bottom:4rem}.results-inner{width:100%;max-width:620px;margin:0 auto}.results-header{text-align:center;animation:fadeUp .4s var(--ease);margin-bottom:1.5rem}.results-eyebrow{color:var(--signal);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600;font-family:var(--font-mono);margin-bottom:.5rem}.results-header h2{font-family:var(--font-display);margin-bottom:1.25rem;font-size:clamp(1.4rem,4vw,1.9rem);font-weight:600}.overall-badge{border:1px solid var(--border);background:var(--bg-2);border-radius:6px;align-items:baseline;gap:.5rem;padding:.9rem 1.75rem;display:inline-flex}.overall-bracket{font-family:var(--font-mono);color:var(--muted);font-size:1.6rem}.overall-score{font-size:2.3rem;font-weight:700;line-height:1}.overall-label{font-size:.8rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;margin-left:.25rem}.overall-badge.level-critical .overall-score{color:var(--critical)}.overall-badge.level-warning .overall-score{color:var(--warning)}.overall-badge.level-good .overall-score{color:var(--good)}.overall-badge.level-great .overall-score{color:var(--great)}.hex-radar-wrap{aspect-ratio:1;width:100%;max-width:420px;margin:1.5rem auto 2rem;position:relative}.hex-radar-svg{width:100%;height:100%;overflow:visible}.radar-ring{fill:none;stroke:var(--border);stroke-width:1px}.radar-spoke{stroke:var(--border);stroke-width:1px}.radar-ring-label{font-family:var(--font-mono);fill:var(--muted);font-size:8px}.radar-sweep-line{stroke:var(--signal);stroke-width:1.5px;transform-origin:50%;filter:drop-shadow(0 0 4px var(--signal));animation:.6s linear radarSweepSpin}.radar-fill{fill:var(--signal);transition:opacity .6s var(--ease)}.radar-edge{fill:none;stroke-width:2px;transition:stroke-dashoffset .7s var(--ease)}.radar-vertex{transition:opacity .4s var(--ease)}.radar-vertex.tone-critical{fill:var(--critical)}.radar-vertex.tone-warning{fill:var(--warning)}.radar-vertex.tone-good{fill:var(--good)}.radar-vertex.tone-great{fill:var(--great)}.radar-vertex-weak{animation:2s ease-in-out infinite vertexPulse}@keyframes vertexPulse{0%,to{filter:drop-shadow(0 0 2px)}50%{filter:drop-shadow(0 0 7px)}}.radar-icon-slot{flex-direction:column;align-items:center;gap:.3rem;display:flex;position:absolute;transform:translate(-50%,-50%)}.radar-icon-label{color:var(--muted);text-align:center;white-space:nowrap;font-size:.62rem;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.02em}.results-bridge{color:var(--muted);text-align:center;opacity:0;max-width:480px;animation:fadeUp .5s var(--ease) forwards;margin:0 auto 1.5rem;font-size:.88rem;line-height:1.6}.weakest-callout{background:var(--bg-2);border-top:2px solid var(--critical);opacity:0;animation:fadeUp .5s var(--ease) forwards;border-radius:4px;margin-bottom:2rem;padding:1.5rem}.weakest-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--critical);font-size:.7rem;font-weight:700;font-family:var(--font-mono)}.weakest-callout h3{font-family:var(--font-display);align-items:center;gap:.6rem;margin:.5rem 0;font-size:1.2rem;font-weight:600;display:flex}.weakest-callout p{color:var(--muted);font-size:.9rem;line-height:1.6}.pillars-results{flex-direction:column;gap:.5rem;margin-bottom:2.5rem;display:flex}.pillar-row{opacity:0;animation:fadeUp .4s var(--ease) forwards;align-items:center;gap:.85rem;padding:.6rem 0;display:flex}.pillar-row-main{flex:1;min-width:0}.pillar-row-head{align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.pillar-row-label{font-size:.9rem;font-weight:700}.pillar-row-score{margin-left:auto;font-size:1rem;font-weight:700}.level-tag{text-transform:uppercase;letter-spacing:.03em;font-size:.65rem;font-weight:700;font-family:var(--font-mono);border-radius:3px;padding:.1rem .5rem}.level-critical{color:var(--critical);background:#d94f4f1f}.level-warning{color:var(--warning);background:#e0a83f1f}.level-good{color:var(--good);background:#4a9e8f1f}.level-great{color:var(--great);background:#4d8dff1f}.scan-track{background:var(--bg-2);height:5px;position:relative;overflow:hidden}.scan-track:before{content:"";background-image:repeating-linear-gradient(90deg, var(--border) 0 1px, transparent 1px 8px);position:absolute;inset:0}.scan-fill{height:100%;transition:width 1s var(--ease);position:relative}.fill-critical{background:var(--critical)}.fill-warning{background:var(--warning)}.fill-good{background:var(--good)}.fill-great{background:var(--great)}.results-cta{text-align:center;border-top:1px solid var(--border);opacity:0;animation:fadeUp .5s var(--ease) forwards;padding-top:2rem}.results-cta h3{font-family:var(--font-display);margin-bottom:.5rem;font-size:1.15rem;font-weight:600}.results-cta p{color:var(--muted);max-width:440px;margin:0 auto 1.25rem;font-size:.88rem;line-height:1.6}.btn-whatsapp{color:#04140c;background:#25d366}.btn-whatsapp:hover{background:#34e075}@media (width<=480px){.overall-badge{padding:.8rem 1.4rem}.pillar-row-head{flex-wrap:wrap}.pillar-row-score{margin-left:0}}