:root{--ink:#201b34;--muted:#6f6885;--teal:#12b8a6;--purple:#755cff;--coral:#ff8064;--amber:#ffbf5f;--cream:#fff8ed;--rose:#fff1ee;--line:rgba(32,27,52,.12);--shadow:0 24px 80px rgba(54,44,96,.16);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fff8ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 10%,#dff8f2 0 24%,transparent 42%),radial-gradient(circle at 85% 8%,#eee6ff 0 22%,transparent 40%),linear-gradient(180deg,#fff8ed 0,#fff 42%,#f7fbfa 100%);overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E");mix-blend-mode:multiply}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,4vw,64px);backdrop-filter:blur(20px);background:rgba(255,248,237,.74);border-bottom:1px solid rgba(255,255,255,.55)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--teal),var(--purple));color:#fff;font-weight:900;box-shadow:0 14px 35px rgba(18,184,166,.28)}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:2px}nav{display:flex;gap:18px}nav a{color:var(--muted);text-decoration:none;font-weight:700;font-size:14px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:46px;align-items:center;padding:72px clamp(18px,5vw,82px) 52px}.eyebrow{color:var(--teal);font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px;margin:0 0 14px}.hero h1{font-size:clamp(42px,6vw,78px);line-height:.94;margin:0 0 24px;letter-spacing:-.055em}.lead{font-size:clamp(18px,2vw,23px);line-height:1.55;color:#514a68;max-width:760px}.hero-actions,.form-nav{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{border:0;border-radius:999px;padding:15px 22px;font-weight:900;text-decoration:none;cursor:pointer;font-size:15px;display:inline-flex;align-items:center;justify-content:center;transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--teal),var(--purple));color:#fff;box-shadow:0 18px 45px rgba(117,92,255,.26)}.btn.ghost{background:rgba(255,255,255,.75);color:var(--ink);border:1px solid var(--line)}.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.trust-row span{padding:9px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted);font-weight:800;font-size:13px}.hero-art{position:relative}.hero-art img{width:100%;display:block;filter:drop-shadow(0 30px 45px rgba(54,44,96,.16))}.floating-card{position:absolute;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);border-radius:22px;padding:14px 16px;backdrop-filter:blur(16px)}.floating-card small{display:block;color:var(--muted);font-weight:700}.card-green{left:2%;top:18%;border-left:6px solid var(--teal)}.card-yellow{right:-2%;top:45%;border-left:6px solid var(--amber)}.card-red{left:12%;bottom:5%;border-left:6px solid var(--coral)}.section{padding:70px clamp(18px,5vw,82px)}.split{display:grid;grid-template-columns:1fr .85fr;gap:40px;align-items:center}.section h2,.app-header h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.04em;line-height:1;margin:0 0 18px}.section p{font-size:18px;line-height:1.7;color:#5d5672}.note{background:#fff;border-left:5px solid var(--teal);border-radius:20px;padding:18px;box-shadow:0 16px 45px rgba(54,44,96,.08)}.soft-img{width:100%;border-radius:36px;box-shadow:var(--shadow)}.app-shell{margin:30px clamp(14px,4vw,64px) 80px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.75);box-shadow:var(--shadow);border-radius:38px;padding:clamp(20px,4vw,44px);backdrop-filter:blur(22px)}.app-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:28px}.app-header p{color:var(--muted);margin:0}.progress-wrap{min-width:190px;text-align:right;font-weight:900;color:var(--purple)}.progress{height:10px;background:#eeeaf8;border-radius:99px;overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal),var(--purple),var(--coral));transition:.25s}.form-card{display:none;animation:fade .35s ease}.form-card.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-card h3{font-size:32px;letter-spacing:-.03em;margin:0 0 12px}.form-card p{color:#5d5672;line-height:1.65}.check{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);padding:16px;border-radius:20px;margin:18px 0;color:#504963;font-weight:700}.check input{width:20px;height:20px;accent-color:var(--teal);margin-top:2px}.question{padding:20px 0;border-bottom:1px solid var(--line)}.question strong{display:block;font-size:18px;margin-bottom:12px}.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.scale label{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 8px;text-align:center;cursor:pointer;color:#6b6380;font-weight:800;font-size:12px;transition:.15s}.scale input{display:none}.scale label:has(input:checked){background:linear-gradient(135deg,rgba(18,184,166,.16),rgba(117,92,255,.16));border-color:rgba(117,92,255,.4);color:var(--ink);box-shadow:0 12px 30px rgba(117,92,255,.12)}.grid-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-fields label{font-weight:900;color:var(--ink)}input{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:18px;padding:15px 16px;font:inherit;background:#fff;color:var(--ink)}.hidden{display:none!important}.result{margin-top:32px}.result-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(135deg,#ffffff,#fff5ee 55%,#edfdf8);border:1px solid var(--line);border-radius:30px;padding:28px}.result-hero h2{font-size:clamp(32px,5vw,56px);line-height:1;margin:0 0 12px;letter-spacing:-.04em}.result-hero p{font-size:18px;color:#5d5672;line-height:1.6}.gauge{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--teal) 0deg,var(--amber) 120deg,var(--coral) 240deg,#eee 240deg);box-shadow:inset 0 0 0 16px rgba(255,255,255,.75),0 22px 55px rgba(54,44,96,.18);font-weight:1000;color:var(--ink);font-size:48px;flex:0 0 auto}.gauge small{font-size:16px;color:var(--muted);margin-left:-14px}.emotional-reading{margin-top:22px;background:linear-gradient(135deg,#fff,#f7fffc 55%,#fff7f2);border:1px solid var(--line);border-radius:28px;padding:24px 26px;box-shadow:0 16px 45px rgba(54,44,96,.07)}.emotional-reading h3{font-size:26px;margin:0 0 12px;letter-spacing:-.03em}.emotional-reading p{font-size:17px;line-height:1.72;color:#514a68;margin:0 0 14px}.emotional-reading ul{display:grid;gap:10px;margin:16px 0 0;padding:0;list-style:none}.emotional-reading li{background:rgba(255,255,255,.76);border:1px solid var(--line);border-radius:18px;padding:13px 15px;color:#504963;line-height:1.55}.emotional-reading b{color:var(--ink)}.result-grid{display:grid;grid-template-columns:440px 1fr;gap:26px;margin-top:24px}canvas,.recommendation{background:#fff;border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:0 16px 45px rgba(54,44,96,.07)}.recommendation h3{font-size:22px;margin:0 0 8px}.recommendation p{color:#5d5672;line-height:1.65;margin-bottom:20px}.clinical-note{padding:18px 20px;border-radius:22px;background:#fff1ee;color:#6a3b31;line-height:1.55}footer{padding:34px clamp(18px,5vw,82px);color:var(--muted);border-top:1px solid var(--line)}.admin-body{padding:40px clamp(18px,5vw,70px)}.admin-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:22px 0}.metric{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 12px 36px rgba(54,44,96,.08)}.metric b{font-size:34px;display:block}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;min-width:900px}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line);font-size:14px}th{background:#fbf8ff;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}@media (max-width:900px){nav{display:none}.hero,.split,.result-grid{grid-template-columns:1fr}.hero{padding-top:38px}.app-header,.result-hero{flex-direction:column}.progress-wrap{width:100%;text-align:left}.scale{grid-template-columns:1fr}.grid-fields{grid-template-columns:1fr}.gauge{width:145px;height:145px}.admin-grid{grid-template-columns:1fr 1fr}.floating-card{position:static;margin:8px 0}.hero-art{display:grid;gap:8px}}

/* Premium interaction layer */
.hero-copy,.hero-art,.app-shell{animation:riseIn .65s cubic-bezier(.2,.8,.2,1) both}.hero-art{animation-delay:.12s}@keyframes riseIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.hero h1{max-width:820px}.hero-art img{animation:softFloat 5.5s ease-in-out infinite;transform-origin:center}@keyframes softFloat{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-10px) rotate(.4deg)}}
.floating-card{transition:.24s transform,.24s box-shadow}.floating-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 30px 90px rgba(54,44,96,.22)}.card-green{animation:pillIn .55s ease both .25s}.card-yellow{animation:pillIn .55s ease both .38s}.card-red{animation:pillIn .55s ease both .51s}@keyframes pillIn{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;max-width:650px}.hero-proof div{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.9);border-radius:22px;padding:16px;box-shadow:0 14px 35px rgba(54,44,96,.08);backdrop-filter:blur(14px)}.hero-proof b{display:block;font-size:28px;letter-spacing:-.04em;color:var(--ink)}.hero-proof small{color:var(--muted);font-weight:800}.btn.primary{position:relative;overflow:hidden}.btn.primary:after{content:"";position:absolute;inset:-60% -30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-120%) rotate(18deg);transition:.5s}.btn.primary:hover:after{transform:translateX(120%) rotate(18deg)}
.app-header{display:grid;grid-template-columns:1fr 220px;align-items:start}.stepper{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.step-pill{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:900;transition:.2s}.step-pill.active{background:linear-gradient(135deg,rgba(18,184,166,.16),rgba(117,92,255,.16));color:var(--ink);border-color:rgba(117,92,255,.32);box-shadow:0 12px 30px rgba(117,92,255,.10)}
.grid-fields label{background:rgba(255,255,255,.68);border:1px solid var(--line);border-radius:22px;padding:13px 14px;transition:.2s transform,.2s border-color,.2s box-shadow}.grid-fields label:focus-within{transform:translateY(-2px);border-color:rgba(117,92,255,.45);box-shadow:0 16px 38px rgba(117,92,255,.11)}input:focus{outline:0;border-color:rgba(18,184,166,.55);box-shadow:0 0 0 4px rgba(18,184,166,.10)}.check{transition:.2s transform,.2s border-color,.2s box-shadow}.check:has(input:checked){border-color:rgba(18,184,166,.45);box-shadow:0 16px 38px rgba(18,184,166,.10);transform:translateY(-1px)}
.experience-grid{display:grid;grid-template-columns:minmax(260px,330px) 1fr;gap:24px;align-items:start}.live-panel{position:sticky;top:98px;background:linear-gradient(155deg,#201b34,#332864 70%,#0c8f84);color:#fff;border-radius:30px;padding:24px;box-shadow:0 24px 80px rgba(32,27,52,.22);overflow:hidden}.live-panel:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-60px;top:-70px;background:rgba(255,255,255,.11)}.mini-label{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.14);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.live-panel h4{font-size:25px;line-height:1.08;margin:18px 0 10px;letter-spacing:-.035em}.live-panel p{color:rgba(255,255,255,.78);line-height:1.55}.dimension-meter{display:grid;grid-template-columns:92px 1fr;gap:10px 12px;margin-top:22px;align-items:center}.dimension-meter span{font-size:12px;font-weight:900;color:rgba(255,255,255,.72)}.dimension-meter i{height:9px;border-radius:999px;background:rgba(255,255,255,.16);overflow:hidden;position:relative}.dimension-meter i:after{content:"";position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--v,0));background:linear-gradient(90deg,#12b8a6,#ffbf5f,#ff8064);border-radius:inherit;transition:.35s transform}.question-toolbar{position:sticky;top:82px;z-index:5;display:flex;justify-content:space-between;gap:12px;align-items:center;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);box-shadow:0 16px 40px rgba(54,44,96,.08);backdrop-filter:blur(16px);padding:12px 14px;border-radius:18px;margin-bottom:10px;color:var(--muted);font-weight:900;font-size:13px}.question{background:rgba(255,255,255,.64);border:1px solid rgba(32,27,52,.08);border-radius:24px;padding:18px;margin:12px 0;transition:.18s transform,.18s border-color,.18s box-shadow}.question:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(54,44,96,.08)}.question:has(input:checked){border-color:rgba(117,92,255,.34);background:#fff;box-shadow:0 18px 45px rgba(117,92,255,.09)}.question strong{display:flex;gap:10px;align-items:flex-start}.question strong:before{content:attr(data-zone);flex:0 0 auto;margin-top:-2px;padding:5px 8px;border-radius:999px;background:#f2efff;color:var(--purple);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.scale label{min-height:52px;display:grid;place-items:center}.scale label:hover{transform:translateY(-2px);border-color:rgba(117,92,255,.3);box-shadow:0 10px 24px rgba(117,92,255,.09)}
.result-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.result-kpis .kpi{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 14px 35px rgba(54,44,96,.07)}.result-kpis b{display:block;font-size:24px;letter-spacing:-.035em}.result-kpis small{display:block;color:var(--muted);font-weight:850;margin-top:4px}.gauge{animation:gaugePop .5s cubic-bezier(.2,.8,.2,1) both}@keyframes gaugePop{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}
@media (max-width:900px){.hero-proof,.result-kpis{grid-template-columns:1fr}.experience-grid{grid-template-columns:1fr}.live-panel,.question-toolbar{position:static}.app-header{grid-template-columns:1fr}.hero h1{font-size:clamp(38px,12vw,58px)}}

.block-intro{background:linear-gradient(135deg,#fff,#f7fffc);border:1px solid var(--line);border-radius:24px;padding:20px 22px;margin:0 0 14px;box-shadow:0 14px 35px rgba(54,44,96,.06)}.block-intro h3{font-size:28px;margin:0 0 8px;letter-spacing:-.035em}.block-intro p{margin:0;color:#5d5672;line-height:1.55}.question[data-hidden="true"]{display:none}.question{animation:questionIn .28s ease both}@keyframes questionIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.question-nav{justify-content:space-between}.question-nav .btn{min-width:170px}@media (max-width:900px){.question-nav .btn{width:100%;min-width:0}.question-nav{justify-content:stretch}}
.scale label:has(input:checked){position:relative;background:linear-gradient(135deg,rgba(18,184,166,.22),rgba(117,92,255,.22));border-color:rgba(117,92,255,.62);color:var(--ink);box-shadow:0 16px 34px rgba(117,92,255,.16);transform:translateY(-2px)}
.scale label:has(input:checked)::after{content:"✓";position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--teal),var(--purple));color:#fff;font-size:13px;font-weight:1000;box-shadow:0 10px 22px rgba(117,92,255,.25)}
button:disabled,.btn:disabled{opacity:.42;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn.hidden{display:none!important}

.single-question-mode #questions{min-height:310px}.question[data-hidden="true"]{display:none!important}.question[data-active="true"]{display:block!important;max-width:880px;margin:16px auto 0;padding:28px;border-radius:30px;background:linear-gradient(135deg,#fff,#fbf9ff);box-shadow:0 24px 70px rgba(54,44,96,.12);border-color:rgba(117,92,255,.18)}.question[data-active="true"] strong{font-size:clamp(22px,3vw,34px);line-height:1.18;letter-spacing:-.035em;margin-bottom:22px}.question[data-active="true"] .scale{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.question[data-active="true"] .scale label{min-height:74px;font-size:13px;border-radius:20px;background:#fff}.question[data-active="true"] .scale label:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(117,92,255,.13)}.question-pop{animation:questionPop .28s cubic-bezier(.2,.8,.2,1) both}@keyframes questionPop{from{opacity:0;transform:translateX(18px) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}.question-back{animation:questionBack .24s cubic-bezier(.2,.8,.2,1) both}@keyframes questionBack{from{opacity:0;transform:translateX(-18px) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}#prevQuestion:disabled{display:none}.block-intro{text-align:center;max-width:820px;margin-left:auto;margin-right:auto}.block-intro .mini-progress{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:#f2efff;color:var(--purple);font-weight:950;font-size:12px;margin-bottom:10px}.block-intro h3{font-size:clamp(26px,4vw,42px)}@media (max-width:900px){.question[data-active="true"] .scale{grid-template-columns:1fr}.question[data-active="true"]{padding:20px}.single-question-mode #questions{min-height:auto}}
/* E2E visual fixes: avoid sticky/header overlap and mobile overflow */
#result,.form-card,.block-intro{scroll-margin-top:120px}#radar{width:100%;max-width:420px;height:auto;display:block;margin:0 auto}.result-grid canvas{min-width:0}.result,.app-shell,.result-hero,.emotional-reading,.recommendation{min-width:0}.topbar{isolation:isolate}
@media (max-width:900px){html,body{width:100%;max-width:100%;overflow-x:hidden}.topbar{position:relative;top:auto;align-items:flex-start;gap:10px}.brand{min-width:0}.brand span:last-child{min-width:0}.brand strong,.brand small{overflow-wrap:anywhere}.hero,.section,.app-shell,footer{max-width:100%;overflow-x:hidden}.app-shell{margin-left:10px;margin-right:10px;border-radius:26px}.result-hero,.emotional-reading,.result-kpis,.result-grid,.recommendation{width:100%;max-width:100%}.result-grid{gap:16px}.result-grid canvas{padding:12px}.gauge{align-self:center}.result-hero{padding:22px}.emotional-reading{padding:20px}.clinical-note{overflow-wrap:anywhere}.soft-img,.hero-art img{max-width:100%;height:auto}.question[data-active="true"]{max-width:100%}.scale label{max-width:100%}}
/* Review landing: header should never cover content during guided flow */
.topbar{position:relative!important;top:auto!important}
#result,.form-card,.block-intro{scroll-margin-top:24px!important}
/* Mobile hero text anti-overflow */
.hero h1,.section h2,.app-header h2,.result-hero h2{overflow-wrap:anywhere;word-break:normal;hyphens:auto}
@media (max-width:520px){.hero{padding-left:16px!important;padding-right:16px!important}.hero h1{font-size:clamp(34px,10.5vw,42px)!important;line-height:1.02!important;letter-spacing:-.035em!important}.lead{font-size:17px}.eyebrow{font-size:11px;line-height:1.35}.hero-proof div{padding:14px}.hero-proof b{font-size:24px}}
/* Warm human layer */
:root{--warm:#ff9d7a;--peach:#fff0dc;--softrose:#ffe4df}.human-copy{font-size:18px;line-height:1.72;color:#6a4d48;max-width:720px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.82);border-left:5px solid var(--warm);border-radius:24px;padding:18px 20px;box-shadow:0 16px 42px rgba(111,76,62,.08);margin-top:18px}.hero{background:radial-gradient(circle at 22% 22%,rgba(255,191,95,.18),transparent 34%),radial-gradient(circle at 72% 18%,rgba(255,128,100,.16),transparent 34%)}.hero h1{color:#241728;text-wrap:balance}.lead strong{color:#9b4b37}.trust-row span:nth-child(3){background:#fff0dc;color:#8b4b38;border-color:rgba(255,157,122,.28)}.hero-art img,.soft-img{filter:drop-shadow(0 34px 55px rgba(111,76,62,.18))}.app-shell{background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,248,241,.74))}.block-intro{background:linear-gradient(135deg,#fffaf5,#fff 45%,#f7fffc)}.question[data-active="true"]{background:linear-gradient(135deg,#fffaf5,#fff 58%,#fbf8ff)}.emotional-reading{background:linear-gradient(135deg,#fffaf5,#fff7f2 48%,#f7fffc)}
/* Warm mobile polish */
@media (max-width:520px){.hero{gap:18px;padding-top:28px!important;padding-bottom:28px!important}.hero h1{font-size:clamp(33px,10vw,41px)!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}.human-copy{font-size:16px;padding:15px 16px}.hero-proof{margin-top:16px}.section{padding-top:42px;padding-bottom:42px}.floating-card{font-size:13px}.floating-card small{font-size:11px}.hero-art{margin-top:4px}.hero-art img{max-height:360px;object-fit:contain}}
.question-source{display:inline-flex;margin:-8px 0 16px;padding:6px 10px;border-radius:999px;background:#fff4ea;color:#8b4b38;font-size:11px;font-weight:900;letter-spacing:.02em}
/* Visual QA polish 2026-05-12: avoid clipped floating semáforo labels and improve mobile density */
.hero-art{padding:10px 12px 18px}
.card-green{left:4%;top:16%}.card-yellow{right:2%;top:44%}.card-red{left:10%;bottom:8%}
.floating-card{background:rgba(255,255,255,.94);color:var(--ink)}
@media (max-width:900px){
  .hero-art{padding:0;gap:10px}
  .hero-art img{max-height:300px;object-fit:contain;margin:0 auto}
  .floating-card{width:100%;margin:0;padding:12px 14px;background:#fff;border-color:rgba(32,27,52,.10);box-shadow:0 12px 30px rgba(54,44,96,.10)}
  .check{line-height:1.45;padding:14px;gap:10px}
  .check input{flex:0 0 20px}
}
@media (max-width:520px){.hero-art img{max-height:250px}.hero-art{gap:8px}.floating-card{border-radius:18px}}

/* Transformando Empresas logo on first screen */
.hero-logo-card{position:absolute;right:4%;top:0;z-index:3;width:min(260px,42%);padding:12px 14px;border-radius:24px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.92);box-shadow:0 22px 65px rgba(54,44,96,.16);backdrop-filter:blur(14px)}
.hero-logo-card img{width:100%;height:auto;display:block;border-radius:16px;filter:none!important;animation:none!important}.hero-main-illustration{margin-top:42px}
@media (max-width:900px){.hero-logo-card{position:static;width:100%;max-width:310px;margin:0 auto 8px;padding:10px 12px;border-radius:20px}.hero-main-illustration{margin-top:0}.hero-logo-card img{border-radius:14px}}
@media (max-width:520px){.hero-logo-card{max-width:260px}.hero-logo-card img{max-height:110px;object-fit:contain}}

/* Header logo reinforcement: visible on first screen */
.topbar-right{display:flex;align-items:center;gap:18px}.topbar-logo{width:auto;height:54px;display:block;border-radius:14px;background:#fff;padding:5px 7px;box-shadow:0 10px 28px rgba(54,44,96,.10);border:1px solid rgba(255,255,255,.88);object-fit:contain}
@media (max-width:900px){.topbar-right{margin-left:auto}.topbar-logo{height:46px;padding:4px 6px}.brand-mark{width:40px;height:40px;border-radius:14px}.brand small{display:none}.brand strong{font-size:14px}}
@media (max-width:420px){.topbar{padding-left:12px;padding-right:12px}.topbar-logo{height:44px}.brand span:last-child{display:none}.brand strong{display:none}}

/* Result screen brand reinforcement */
.result-brand-stack{display:flex;align-items:center;gap:18px;flex:0 0 auto}.result-logo{width:150px;height:auto;display:block;border-radius:18px;background:#fff;padding:8px 10px;box-shadow:0 14px 38px rgba(54,44,96,.12);border:1px solid rgba(255,255,255,.9)}
@media (max-width:900px){.result-brand-stack{width:100%;justify-content:space-between;gap:14px}.result-logo{width:132px}.result-brand-stack .gauge{margin-left:auto}}
@media (max-width:520px){.result-brand-stack{flex-direction:column;align-items:center}.result-logo{width:142px;order:-1}.result-brand-stack .gauge{margin-left:0}}

/* Mobile topbar compact QA fix */
@media (max-width:900px){.topbar{align-items:center!important;padding-top:10px!important;padding-bottom:10px!important}}
@media (max-width:420px){.topbar{padding-top:8px!important;padding-bottom:8px!important}.topbar-logo{height:40px}}