/* Experiência do diagnóstico: perguntas focadas e pausas visuais de destaque. */
:root{--quiz-radius:18px;--teal:#0e7881}
body{transition:background-color .35s,color .35s}header{height:83px}.brand img{height:58px;width:76px}body[data-view=question],body[data-view=capture]{background:#f5f6f6}body[data-view=question] header,body[data-view=capture] header{background:#fff}body[data-view=question] footer,body[data-view=capture] footer{background:#f5f6f6}
.quiz-shell{max-width:770px;padding:28px 28px 48px}.quiz-progress{margin:0 8px 24px}.quiz-progress .progress-meta{font-size:10px;letter-spacing:.9px;align-items:center}.progress-meta span:first-child{display:flex;align-items:center;gap:9px}.progress-meta b{color:var(--text);font-weight:500}.live-dot{display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;flex-shrink:0}.quiz-progress .progress{height:5px;border-radius:20px;margin:13px 0 16px;overflow:hidden;background:#e0e5e5}.quiz-progress .progress div{background:linear-gradient(90deg,#363e41,#0d7780);border-radius:20px;animation:progressReveal .6s ease both}.chapter-track{display:flex;justify-content:space-between;gap:16px}.chapter-track span{display:flex;gap:7px;align-items:center;font-size:10px;color:#8d979b}.chapter-track i{width:5px;height:5px;border-radius:50%;background:#c5cdcf}.chapter-track .reached{color:var(--text)}.chapter-track .reached i{background:#0d7780}.quiz-card{background:#fff;border:1px solid #e2e6e7;border-radius:var(--quiz-radius);box-shadow:0 10px 40px #182c3410;overflow:hidden}.question-banner{height:135px;position:relative;overflow:hidden;background:#181d20}.question-banner>img{display:block;width:100%;height:100%;object-fit:cover;opacity:.82}.question-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111a1ddd,#111a1d45 65%,#111a1d22)}.banner-label{position:absolute;left:30px;bottom:24px;z-index:1;display:flex;align-items:center;gap:13px;color:#fff;font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:400}.banner-label>span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #ffffff55;border-radius:11px;backdrop-filter:blur(6px)}.banner-label svg{width:20px;height:20px}.banner-label small{font-family:'DM Sans',sans-serif;display:block;font-size:9px;letter-spacing:.7px;color:#d0d6d8;margin-top:4px}.question-index{position:absolute;top:22px;right:25px;z-index:1;font-family:'Space Grotesk',sans-serif;font-size:23px;letter-spacing:-1px;color:#fff}.question-index small{font-size:11px;color:#c1cbce;letter-spacing:0}.quiz-content{padding:27px 32px 29px}.question .eyebrow{display:none}.question h2{font-size:29px;font-weight:400;line-height:1.22;margin-bottom:11px;letter-spacing:-.7px}.selection-hint{color:#7a858a;font-size:12px;margin-bottom:20px}.options{margin:0;gap:9px}.option{border:1px solid #e0e5e6;padding:15px 16px;border-radius:12px;gap:13px;line-height:1.5;font-size:14px;min-height:56px;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;animation:optionEnter .38s ease both;animation-delay:var(--delay,0ms)}.option:hover{transform:translateY(-1px);border-color:#8c9b9f;box-shadow:0 4px 12px #213b4410}.option-letter{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#f0f3f3;font-size:11px;font-weight:500;color:#738085;flex-shrink:0}.option-label{flex:1}.option .marker{width:20px;height:20px;border-color:#ccd4d6;color:#fff}.option .marker svg{width:13px;height:13px}.option[aria-pressed=true]{border-color:#0c717b;background:#edf7f7;box-shadow:0 0 0 1px #0c717b1a}.option[aria-pressed=true] .option-letter{background:#d4ecec;color:#0b636b}.option[aria-pressed=true] .marker{background:#0d7580;border-color:#0d7580;animation:checkPop .25s ease}.nav{margin-top:24px;padding-top:18px;border-top:1px solid #e6eaea}.nav .primary{min-width:160px;min-height:49px;letter-spacing:.25px;font-size:13px;border-radius:10px;background:#1c2326;border-color:#1c2326;box-shadow:0 5px 15px #0f1c2314}.primary>span{transition:transform .2s}.primary:hover>span{transform:translate(2px,-2px)}.nav .secondary{border:none;padding-left:0;font-size:12px}.quiz-content .intro{font-size:14px}.quiz-content .form-grid{gap:15px}.quiz-content input{border-radius:10px;background:#fbfcfc;min-height:48px}.quiz-content .consent{font-size:11px}.quiz-content .consent input{min-height:0}.quiz-content .eyebrow{font-size:9px}.quiz-content>h2{font-size:34px}.quiz-content .error:empty{display:none}
body[data-view=insert],body[data-view=processing]{background:#0e1417;color:#f4f7f7;--text:#f4f7f7;--muted:#a2adb1;--line:#ffffff22;--panel:#182025}body[data-view=insert] header,body[data-view=processing] header{background:#0e1417;border-color:#ffffff15}body[data-view=insert] header .edition span,body[data-view=processing] header .edition span{color:#d8e0e2}body[data-view=insert] footer,body[data-view=processing] footer{border-color:#ffffff15}.story-shell{max-width:1200px;margin:auto;padding:30px 32px 55px}.story-shell .quiz-progress{max-width:695px;margin:0 auto 30px}.story-shell .progress{background:#ffffff13}.story-shell .progress div{background:linear-gradient(90deg,#bac8cd,#44a3ab)}.story-shell .chapter-track .reached{color:#edf2f2}.story-shell .chapter-track i{background:#414f56}.story-shell .chapter-track .reached i{background:#79b7bd}.story-scene{display:grid;grid-template-columns:.92fr 1.08fr;min-height:595px;border:1px solid #ffffff16;border-radius:20px;overflow:hidden;background:#121c21;box-shadow:0 30px 80px #0003}.story-image{position:relative;isolation:isolate;min-height:100%;overflow:hidden;background:#182228}.story-image>img:first-child{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;animation:photoReveal 1.1s ease both}.story-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#101a1c00 40%,#0e1619ed 100%);z-index:0}.image-note{position:absolute;bottom:31px;left:28px;right:28px;z-index:2;display:flex;align-items:center;gap:10px;color:#eef2f4;font-size:10px;line-height:1.6;letter-spacing:.9px}.story-watermark{position:absolute;top:23px;left:24px;width:50px;height:46px;object-fit:contain;opacity:.95;filter:drop-shadow(0 1px 5px #0005)}.story-content{padding:43px 40px 32px;position:relative;overflow:hidden}.story-content:before{content:'';position:absolute;right:-170px;top:-150px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,#20899513,transparent 70%);pointer-events:none}.story-kicker{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:2px;color:#b1c6cd;margin-bottom:22px}.story-kicker>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#ffffff0b}.story-kicker svg{width:16px;height:16px}.story-content h2{font-size:39px;font-weight:400;line-height:1.13;letter-spacing:-1px;color:#fff;margin-bottom:20px}.story-body{font-size:14px;line-height:1.8;color:#acb9bf}.story-takeaway{padding:17px 0 0;border-top:1px solid #ffffff19;margin:24px 0 0;font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:400;line-height:1.45;color:#e5eef0}.story-content .nav{border-color:#ffffff19;margin-top:22px}.story-content .primary{color:#112027;background:#f3f7f8;border-color:#f3f7f8;box-shadow:0 5px 24px #83b9c818;min-width:190px;border-radius:10px;font-size:12px;letter-spacing:.3px;padding:15px 20px}.story-content>.primary{margin-top:25px}.story-content .secondary{color:#a0b2ba}.story-pills{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.story-pills>span{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.4;color:#d2e0e5;padding:8px 11px;border:1px solid #ffffff19;border-radius:8px;background:#ffffff03}.story-pills svg{width:13px;height:13px;color:#83bdc2}.milestone-row{display:flex;align-items:center;gap:23px;margin:24px 0}.milestone-row .story-pills{flex-direction:column;align-items:start;gap:7px;margin:0}.milestone{position:relative;width:112px;height:112px;flex-shrink:0}.milestone>svg{width:100%;height:100%;transform:rotate(-90deg)}.milestone circle{fill:none;stroke:#ffffff14;stroke-width:3}.milestone .ring-fill{stroke:#8ab9c4;stroke-width:3;stroke-linecap:round;stroke-dasharray:var(--complete) 100;animation:ringReveal 1s ease both}.milestone>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.milestone strong{font:400 36px 'Space Grotesk',sans-serif;letter-spacing:-1px}.milestone strong small{font-size:16px;margin-left:2px;color:#a5bec8}.milestone>div>span{font-size:8px;letter-spacing:1px;color:#99adb5}.route-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0}.route-grid>div{border:1px solid #ffffff19;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:17px 8px;background:#ffffff03;animation:optionEnter .5s ease both;animation-delay:var(--delay,0ms)}.route-grid svg{width:23px;height:23px;color:#bed2dc}.route-grid span{font-size:9px;color:#aabec7}.authority-seal{position:relative;display:flex;align-items:center;gap:18px;min-height:75px;margin:26px 0 22px}.authority-seal>svg{width:39px;height:39px;color:#c0d3db;margin-left:13px}.authority-seal>span{font-size:10px;color:#c5d8de;letter-spacing:1.6px;position:relative;z-index:1}.authority-seal i{font-style:normal;color:#6a949e;margin:0 9px}.seal-orbit{position:absolute;left:0;width:65px;height:65px;border:1px solid #587c8855;border-top-color:#adcfdd;border-radius:50%;animation:orbit 12s linear 3}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:23px 0}.brand-tile{background:#ffffff04;border:1px solid #ffffff18;border-radius:10px;padding:15px 12px 11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:145px}.brand-tile img{object-fit:contain;width:100%;max-width:200px;height:75px}.brand-tile strong{font-weight:400;color:#e4ebee;font-size:11px}.brand-tile span{color:#afc0c8;font-size:8px;letter-spacing:.25px}.brand-facetas{background:#e9ebec}.brand-facetas strong{color:#404a4f}.brand-facetas span{color:#626e74}.brand-facetas img{height:83px}.brand-mentoria{background:#202423}.brand-reencontro img{height:80px}.path-pair{display:grid;grid-template-columns:1fr 20px 1fr;gap:10px;align-items:center;margin:24px 0}.path-pair>div{border:1px solid #ffffff19;border-radius:10px;background:#ffffff03;padding:15px 13px}.path-pair>div>svg{width:20px;height:20px;color:#9bbdc8;margin-bottom:8px}.path-pair small{display:block;font-size:8px;color:#7d9ca8;letter-spacing:.65px;margin-bottom:8px}.path-pair strong{font-size:12px;color:#dfebef;font-weight:400;line-height:1.6;display:block}.path-link svg{width:20px;height:20px;color:#90b3be}
.screen-enter{animation:screenEnter .48s cubic-bezier(.2,.7,.25,1) both}.processing{max-width:650px;margin:auto;padding:60px 24px 80px;text-align:center}.processing>img{height:55px;width:70px;object-fit:contain;margin-bottom:35px}.processing h2{font-size:40px;color:#f3f7f8}.processing em{color:#89aab6}.processing .eyebrow{color:#9eb5c0;font-size:9px}.loading-orbit{position:relative;margin:0 auto 35px;width:110px;height:110px;display:grid;place-items:center}.loading-orbit>svg{width:36px;height:36px;color:#d1e3eb}.loading-orbit>i{position:absolute;inset:0;border:1px solid #698a9866;border-top-color:#b3d5e6;border-radius:50%;animation:orbit 3s linear infinite}.loading-orbit>i:last-child{inset:10px;animation-direction:reverse;animation-duration:4s}.processing-steps{list-style:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:13px;color:#b0c5ce;font-size:12px}.processing-steps li{display:flex;gap:10px;animation:optionEnter .3s ease both}.processing-steps li:nth-child(2){animation-delay:.35s}.processing-steps li:nth-child(3){animation-delay:.7s}.processing-steps svg{width:15px;height:15px;color:#82b4c0}
.result-complete{display:inline-flex;align-items:center;gap:8px;background:#f0f7f6;padding:8px 12px;border:1px solid #d9e9e5;border-radius:8px;color:#32726e;font-size:9px;letter-spacing:1px;margin-bottom:27px}.result-complete svg{width:13px;height:13px}.profile-highlights{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:12px;margin:28px 0 30px}.profile-highlights>div{padding:20px 19px;border-radius:12px;background:#f5f7f7;border:1px solid #e4eaea}.profile-highlights svg{width:20px;height:20px;color:#607e87;margin-bottom:8px}.profile-highlights small{display:block;font-size:8px;letter-spacing:1.3px;color:#7d898d}.profile-highlights p{font-size:12px;color:#424e52;margin:9px 0 0;line-height:1.5}.result .card{border-radius:14px;box-shadow:0 8px 25px #273c4210}.result .product-photo{height:360px}.product-logo{min-height:110px;padding:17px 26px}.product-logo img{height:73px;width:310px}.product-logo-facetas,.product-logo-mentoria{min-height:145px}.product-logo-facetas img,.product-logo-mentoria img{height:105px;max-height:115px}.product-logo-reencontro img{height:88px}.save-status{padding:14px 17px;border:1px solid #e1e6e7;border-radius:10px;background:#f6f8f8}.save-status[data-state=saved]{background:#edf7f2;border-color:#cfe6d9;color:#226444}.save-status[data-state=retry]{background:#fff7ec;border-color:#ebdfcb;color:#88652c}.result .primary{border-radius:10px}.hero-portrait img{animation:photoReveal 1s ease both}.experience-brands{padding:30px 6% 38px;background:#121b20}.experience-brands>p{font-size:9px;letter-spacing:2px;color:#a4b6be;text-align:center}.experience-brands .brand-grid{max-width:1000px;margin:20px auto 0;grid-template-columns:repeat(4,1fr)}
@keyframes screenEnter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes optionEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes progressReveal{from{width:var(--from)}to{width:var(--to)}}@keyframes checkPop{0%{transform:scale(.6)}70%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes photoReveal{from{opacity:.5;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes ringReveal{from{stroke-dasharray:0 100}to{stroke-dasharray:var(--complete) 100}}@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:850px){.story-shell{padding:26px 22px 40px}.story-scene{grid-template-columns:.8fr 1.2fr;min-height:610px}.story-content{padding:32px 27px}.story-content h2{font-size:34px}.route-grid{grid-template-columns:1fr 1fr}.route-grid>div{flex-direction:row;justify-content:center;padding:13px 8px}.story-kicker{font-size:8px;letter-spacing:1.5px}}
@media(max-width:600px){header{height:71px;padding:10px 22px}.brand img{width:64px;height:50px}.quiz-shell{padding:19px 16px 28px}.quiz-progress{margin:0 5px 20px}.quiz-progress .progress-meta{font-size:8px}.chapter-track span{font-size:8px;gap:5px}.chapter-track{gap:10px}.quiz-card{border-radius:16px}.question-banner{height:100px}.banner-label{left:20px;bottom:17px;font-size:17px;gap:10px}.banner-label>span{width:31px;height:31px;border-radius:9px}.banner-label small{font-size:8px;max-width:230px}.question-index{top:14px;right:17px;font-size:19px}.question-index small{font-size:9px}.quiz-content{padding:23px 20px 23px}.question h2{font-size:25px;line-height:1.22;letter-spacing:-.6px}.selection-hint{font-size:11px;margin-bottom:18px}.option{font-size:12px;padding:13px 12px;gap:10px;min-height:53px;border-radius:10px}.option-letter{width:25px;height:25px;font-size:10px}.option .marker{width:17px;height:17px}.option .marker svg{width:12px;height:12px}.nav{margin-top:22px;padding-top:16px}.nav .primary{min-width:150px;font-size:12px;padding:14px 16px;gap:14px}.nav .secondary{font-size:11px}.quiz-content>h2{font-size:30px}.quiz-content .intro{font-size:13px}.story-shell{padding:21px 16px 30px}.story-shell .quiz-progress{margin-bottom:23px}.story-scene{display:flex;flex-direction:column;min-height:0;border-radius:16px}.story-image{height:210px;min-height:210px}.story-image>img:first-child{object-position:50% 35%}.image-note{bottom:18px;left:21px;right:21px;font-size:8px;letter-spacing:.6px}.story-watermark{width:43px;height:39px;top:16px;left:19px}.story-content{padding:28px 24px 24px}.story-content h2{font-size:32px;letter-spacing:-.7px;line-height:1.13;margin-bottom:18px}.story-kicker{font-size:8px;letter-spacing:1.35px;margin-bottom:19px}.story-body{font-size:13px;line-height:1.7;margin-bottom:17px}.story-takeaway{font-size:17px;margin-top:21px}.story-content .nav{gap:12px;margin-top:21px;padding-top:19px}.story-content .primary{min-width:155px;font-size:11px;padding:14px 15px;gap:13px}.story-content .secondary{font-size:10px}.milestone-row{gap:18px;margin:22px 0}.milestone{width:94px;height:94px}.milestone strong{font-size:31px}.story-pills>span{font-size:9px;padding:7px 9px}.route-grid{gap:8px;margin:21px 0}.route-grid>div{flex-direction:row;justify-content:center;padding:14px 9px;gap:9px}.route-grid svg{width:20px;height:20px}.route-grid span{font-size:10px}.authority-seal>span{font-size:8px;letter-spacing:1px}.authority-seal i{margin:0 4px}.brand-grid{gap:8px}.brand-tile{min-height:123px;padding:13px 9px}.brand-tile img{height:60px}.brand-tile strong{font-size:9px}.brand-facetas img{height:65px}.brand-reencontro img{height:62px}.brand-tile span{font-size:7px}.path-pair{gap:7px;grid-template-columns:1fr 15px 1fr}.path-pair>div{padding:14px 10px}.path-pair small{font-size:7px}.path-pair strong{font-size:11px}.path-link svg{width:16px;height:16px}.processing{padding-top:45px}.processing h2{font-size:33px}.profile-highlights{grid-template-columns:1fr;gap:8px}.profile-highlights>div{padding:15px 16px}.profile-highlights svg{float:left;margin:3px 15px 0 0}.profile-highlights p,.profile-highlights small{margin-left:36px}.profile-highlights p{margin-top:7px}.result .product-photo{height:255px}.product-logo{min-height:97px}.experience-brands .brand-grid{grid-template-columns:1fr 1fr}.experience-brands{padding:26px 6% 30px}footer{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.profile-highlights{grid-template-columns:1fr 1fr 1fr}.result-complete{background:none}.save-status{display:none}.result .card{box-shadow:none}.screen-enter{animation:none;opacity:1;transform:none}}

/* Capa limpa, inserções com maior contraste e resultado escuro. */
body[data-view=home]{background:#fff}
body[data-view=home] .header-note{display:none}
.cover{max-width:1120px;margin:auto;padding:72px 40px 82px;min-height:calc(100vh - 178px);display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center}
.cover-copy{max-width:580px}
.cover .eyebrow{font-size:11px;letter-spacing:3px;color:#566970;margin-bottom:27px}
.cover h1{font-size:clamp(42px,5.2vw,68px);font-weight:400;letter-spacing:-2.5px;line-height:1.08;margin-bottom:25px}
.cover h1 em{color:#667c85}
.cover .intro{font-size:18px;line-height:1.7;max-width:420px;margin-bottom:33px;color:#627078}
.cover .primary{font-size:13px;letter-spacing:.3px;border-radius:10px;padding:19px 25px;min-height:58px;box-shadow:0 7px 22px #1b303414}
.cover-meta{display:flex;align-items:center;gap:12px;font-size:11px;color:#839096;margin:21px 0 0}
.cover-meta i{width:3px;height:3px;background:#9ca9ae;border-radius:50%}
.cover-portrait{margin:0;width:100%;max-width:330px;height:430px;position:relative;border-radius:24px;background:#f2f4f4}
.cover-portrait img{width:100%;height:100%;object-fit:cover;border-radius:24px;filter:grayscale(.25);opacity:1}
.cover-portrait figcaption{position:absolute;top:calc(100% + 14px);left:0;font-size:8px;letter-spacing:.9px;color:#849097}
.single-answer .nav #next{display:none}
.single-answer .nav:after{content:'Selecione para avançar ↗';font-size:11px;color:#71868f}
.advancing .option{pointer-events:none}
.advancing .option[aria-pressed=true]{box-shadow:0 0 0 2px #0c717b32}

.story-content{--story-accent:#80ded8;--story-gold:#e6c382}
.story-content h2{font-size:42px;line-height:1.12}
.story-kicker{font-size:10px;letter-spacing:1.8px;color:#acd0d9}
.story-kicker>span{width:32px;height:32px;background:#80ded819;color:#b4efe9}
.story-kicker svg{width:20px;height:20px}
.story-body{font-size:16px;color:#c2d0d6;line-height:1.75}
.story-takeaway{font-size:22px;line-height:1.4;color:#f2f5f6;border-top:0;border-left:3px solid var(--story-gold);padding:4px 0 4px 18px;margin-top:28px}
.route-grid{grid-template-columns:1fr 1fr;gap:12px;margin:29px 0}
.route-grid>div{flex-direction:row;justify-content:flex-start;align-items:center;text-align:left;padding:20px 16px;gap:14px;min-height:100px;border-radius:13px;border:1px solid #80ded83b;background:#20373c;box-shadow:0 7px 20px #00000012}
.route-grid>div.route-1{background:#3b3329;border-color:#e6c38254}
.route-grid>div.route-2{background:#243446;border-color:#92bde24a}
.route-grid>div.route-3{background:#332f42;border-color:#c4a9e450}
.route-grid .route-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;color:#b1ede8;background:#80ded816;border-radius:10px}
.route-grid .route-1 .route-icon{color:#f0d3a0;background:#e6c38216}
.route-grid .route-2 .route-icon{color:#b1d8fc;background:#92bde216}
.route-grid .route-3 .route-icon{color:#dac3f4;background:#c4a9e416}
.route-grid .route-icon svg{width:28px;height:28px;color:inherit}
.route-grid>div>div{min-width:0}
.route-grid strong{display:block;font:500 17px 'Space Grotesk',sans-serif;color:#f6f8f9;line-height:1.2}
.route-grid small{display:block;color:#c3d2d9;font-size:12px;line-height:1.4;margin-top:7px}
.milestone-row{gap:25px;margin:30px 0}
.milestone{width:145px;height:145px}
.milestone circle{stroke-width:4}
.milestone .ring-fill{stroke:var(--story-accent);stroke-width:4}
.milestone strong{font-size:48px;color:#fff}
.milestone strong small{font-size:21px;color:#b0d8df}
.milestone>div>span{font-size:10px;color:#b1c9d0}
.story-pills>span{font-size:14px;padding:12px 14px;color:#e4f5f5;background:#21383e;border-color:#81d9dc42;border-radius:10px}
.story-pills svg{width:19px;height:19px;color:#8ce5da;flex-shrink:0}
.milestone-row .story-pills{gap:10px}
.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0}
.principle-grid>div{display:flex;flex-direction:column;gap:12px;padding:20px 14px;border:1px solid #a3c3d53d;border-top:3px solid #7dcccf;border-radius:12px;background:#24353e}
.principle-grid>div:nth-child(2){border-top-color:#e6c382;background:#3a342b}
.principle-grid>div:nth-child(3){border-top-color:#c5b0e2;background:#342f41}
.principle-grid svg{width:32px;height:32px;color:#c0e4ed}
.principle-grid strong{font:500 23px 'Space Grotesk',sans-serif;color:#fff}
.principle-grid small{font-size:12px;line-height:1.5;color:#c6d5dc}
.brand-grid{gap:12px;margin:30px 0}
.brand-tile{padding:22px 16px;min-height:158px;background:#203139;border-color:#9db8c536;box-shadow:0 8px 20px #0002}
.brand-tile img{height:110px;max-width:240px}
.brand-facetas{background:#f0f3f4;border-color:#ecf1f2}
.brand-facetas img{height:110px}
.brand-mentoria{background:#202423}
.brand-reencontro img{height:110px}
.path-pair{margin:30px 0;gap:12px}
.path-pair>div{padding:22px 18px;align-self:stretch;border:1px solid #e6c38273;border-top:3px solid #e6c382;background:#383129;border-radius:13px}
.path-pair>div:last-child{border-color:#80ded85c;border-top-color:#80ded8;background:#213a3f}
.path-pair>div>svg{width:31px;height:31px;color:#f2d7a3;margin-bottom:14px}
.path-pair>div:last-child>svg{color:#9fe7e1}
.path-pair small{font-size:10px;color:#e6cdac;font-weight:500;letter-spacing:.6px;margin-bottom:12px}
.path-pair>div:last-child small{color:#b7e5e2}
.path-pair strong{font:400 18px/1.45 'Space Grotesk',sans-serif;color:#fff}

.processing{max-width:700px;padding-top:42px}
.processing h2{font-size:43px;margin-bottom:18px}
.processing-copy{color:#abbfc8;font-size:14px;margin-bottom:27px}
.processing-steps{align-items:stretch;max-width:460px;margin:0 auto 30px;gap:10px;text-align:left}
.processing-steps li{align-items:center;gap:14px;padding:14px 18px;border:1px solid #85bfd32f;border-radius:12px;background:#1d3038;animation:optionEnter .7s ease both;animation-delay:var(--phase-delay)!important}
.processing-steps svg{width:21px;height:21px;flex-shrink:0;color:#9ae1d9}
.processing-steps strong{display:block;color:#e2f0f3;font:400 16px 'Space Grotesk',sans-serif}
.processing-steps small{display:block;color:#abc2cc;font-size:11px;margin-top:5px}
.processing-bar{height:3px;width:100%;max-width:460px;border-radius:4px;background:#ffffff12;margin:auto;overflow:hidden}
.processing-bar span{height:100%;display:block;background:linear-gradient(90deg,#5c9faf,#9ce4dc);animation:loadingPresentation var(--loading-duration) linear both}
.processing-note{font-size:11px;color:#87a6b5;margin-top:15px}
@keyframes loadingPresentation{from{width:0}to{width:100%}}

body[data-view=result]{background:#0e1417;color:#f4f7f7;--text:#f4f7f7;--muted:#b7c8d0;--line:#37484f;--panel:#1b2a31}
body[data-view=result] header{background:#0e1417;border-color:#ffffff15}
body[data-view=result] header .header-note{color:#aebfc7}
body[data-view=result] footer{border-color:#ffffff15;color:#90a6b1}
body[data-view=result] .result-complete{background:#203d40;border-color:#6fbfc66b;color:#baefec;font-size:10px;padding:11px 15px}
body[data-view=result] .result h1{color:#fff}
body[data-view=result] .result h1 em{color:#8ed0d6}
body[data-view=result] .result .intro{color:#c3d3da}
body[data-view=result] .profile-highlights>div{background:#1d3039;border-color:#52738069;border-top:3px solid #77bec8;padding:23px}
body[data-view=result] .profile-highlights svg{width:25px;height:25px;color:#a1d5dc}
body[data-view=result] .profile-highlights small{color:#a7c7d1;font-size:9px}
body[data-view=result] .profile-highlights p{color:#e2edf1;font-size:14px}
body[data-view=result] .result .card{background:#18252c;border-color:#435b6569;box-shadow:0 18px 36px #0002}
body[data-view=result] .result .ideal{border-top-color:#82cdd5}
body[data-view=result] .result .card p,body[data-view=result] .result .card li{color:#c1d2da}
body[data-view=result] .result .card h3{color:#f3f7f9}
body[data-view=result] .result .card .eyebrow{font-size:11px;color:#9ed0d9}
body[data-view=result] .facts{color:#e2edf0;border-color:#405760}
body[data-view=result] .save-status{background:#192930;border-color:#3c5761;color:#c6dbe3}
body[data-view=result] .save-status[data-state=saved]{background:#1c3932;border-color:#589b7c;color:#a3e1bd}
body[data-view=result] .save-status[data-state=retry]{background:#3b3325;border-color:#917242;color:#e8d09f}
body[data-view=result] .secondary{border-color:#44606d;color:#c7dae1}
body[data-view=result] .secondary:hover{background:#20343e}
.result-explore{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;padding:35px;margin:35px 0;border:1px solid #80c8d44d;border-radius:16px;background:#192e37}
.result-explore h2{font-size:40px;color:#fff;margin-bottom:16px}
.result-explore p{font-size:14px;color:#b9d0da;margin:0;max-width:340px}
.result-explore .eyebrow{font-size:10px;color:#92bfce}
.explore-links{display:flex;flex-direction:column;gap:12px}
.explore-link{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border:1px solid #8ac7d275;border-radius:11px;background:#2a4d59;color:#f2f9fa;text-decoration:none;transition:background .2s,transform .2s}
.explore-link:hover{background:#365f6e;transform:translateY(-2px)}
.explore-link small{display:block;color:#aedfe7;font-size:9px;letter-spacing:1.3px;margin-bottom:8px}
.explore-link strong{font:400 18px/1.3 'Space Grotesk',sans-serif}
.explore-link>svg{width:25px;height:25px;flex-shrink:0}
.ecosystem-link{background:#1d333d;border-color:#66808c7d}
.ecosystem-link small{color:#aebfc7}

@media(max-width:950px){.cover{gap:45px;padding:65px 35px}.cover-portrait{height:360px}.story-content h2{font-size:35px}.route-grid>div{padding:16px 12px;gap:10px}.route-grid strong{font-size:15px}.route-grid small{font-size:11px}.route-grid .route-icon{width:33px;height:33px}.principle-grid strong{font-size:20px}.milestone{width:120px;height:120px}.milestone strong{font-size:41px}.story-pills>span{font-size:12px;padding:10px 12px}.result-explore{padding:28px;gap:25px}.result-explore h2{font-size:34px}}
@media(max-width:600px){.cover{display:block;padding:57px 26px 65px;min-height:calc(100svh - 185px)}.cover-portrait{display:none}.cover h1{font-size:46px;letter-spacing:-1.8px;line-height:1.13}.cover .eyebrow{font-size:10px;margin-bottom:29px}.cover .intro{font-size:16px;line-height:1.75;margin-bottom:30px}.cover .primary{font-size:12px;padding:18px 22px}.cover-meta{font-size:10px;gap:10px;margin-top:20px}.single-answer .nav:after{font-size:10px}.story-content{padding:29px 23px 27px}.story-content h2{font-size:33px}.story-kicker{font-size:9px;letter-spacing:1.2px}.story-body{font-size:14px;line-height:1.8}.story-takeaway{font-size:20px;margin-top:27px}.route-grid{gap:10px;margin:25px 0}.route-grid>div{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:13px;padding:17px 14px;min-height:144px}.route-grid strong{font-size:15px}.route-grid small{font-size:12px}.route-grid .route-icon{width:38px;height:38px}.route-grid .route-icon svg{width:28px;height:28px}.milestone-row{gap:15px;margin:27px 0}.milestone{width:106px;height:106px}.milestone strong{font-size:36px}.milestone strong small{font-size:17px}.milestone>div>span{font-size:9px}.story-pills>span{font-size:11px;padding:10px 11px;gap:7px}.story-pills svg{width:16px;height:16px}.milestone-row .story-pills{gap:8px}.principle-grid{grid-template-columns:1fr;gap:10px;margin:25px 0}.principle-grid>div{display:grid;grid-template-columns:36px 1fr;column-gap:16px;row-gap:6px;padding:18px}.principle-grid svg{grid-row:span 2;width:34px;height:34px;align-self:center}.principle-grid strong{font-size:23px}.principle-grid small{font-size:13px}.brand-grid{gap:10px;margin:26px 0}.brand-tile{padding:19px 12px;min-height:125px}.brand-tile img,.brand-facetas img,.brand-reencontro img{height:80px}.path-pair{grid-template-columns:1fr 13px 1fr;gap:8px;margin:25px 0}.path-pair>div{padding:18px 13px}.path-pair>div>svg{width:28px;height:28px;margin-bottom:12px}.path-pair small{font-size:9px;letter-spacing:.1px;line-height:1.5}.path-pair strong{font-size:15px}.processing{padding:34px 25px 50px}.processing h2{font-size:33px}.processing-copy{font-size:13px}.processing-steps li{padding:14px}.processing-steps strong{font-size:14px}.processing-steps small{font-size:11px}.result-explore{grid-template-columns:1fr;padding:24px 20px;gap:24px;margin-top:28px}.result-explore h2{font-size:32px}.result-explore p{font-size:13px}.explore-link{padding:19px 17px;gap:15px}.explore-link strong{font-size:17px}.explore-link small{font-size:8px}body[data-view=result] .profile-highlights>div{padding:18px}body[data-view=result] .profile-highlights p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.processing-bar span{width:100%}}
@media print{body[data-view=result]{--text:#171b15;--muted:#444;--line:#ccc;background:#fff;color:#171b15}body[data-view=result] header{background:#fff;border-color:#ccc}body[data-view=result] .result h1,body[data-view=result] .result .card h3{color:#171b15}body[data-view=result] .result .intro,body[data-view=result] .result .card p,body[data-view=result] .result .card li,body[data-view=result] .facts{color:#444}body[data-view=result] .result .card{background:#fff;border-color:#ccc;box-shadow:none}.result .product-photo{height:140px}body[data-view=result] .profile-highlights>div{background:#fff;border-color:#ccc;padding:12px}body[data-view=result] .profile-highlights p,body[data-view=result] .profile-highlights small{color:#444}body[data-view=result] .result-complete{background:#fff;color:#444;border-color:#ccc}.result-explore{background:#fff;border-color:#ccc;display:block;padding:20px;break-inside:avoid}.result-explore h2{font-size:25px;color:#171b15}.result-explore p,.result-explore .eyebrow{color:#444}.explore-links{margin-top:15px}.explore-link{background:#fff;border-color:#ccc;color:#171b15;padding:12px;display:block}.explore-link small,.ecosystem-link small{color:#444}.explore-link>svg{display:none}.explore-link:after{content:attr(href);display:block;font-size:10px;margin-top:5px;overflow-wrap:anywhere}.result .card p,.result .card li{font-size:12px;line-height:1.5}.result-bottom p{color:#444}}

/* Personalização da jornada · versão com 18 perguntas. */
.name-field{display:block;margin:28px 0 12px;font-size:13px;font-weight:500;color:var(--muted)}
.name-field input{display:block;width:100%;margin-top:10px;padding:20px 18px;border:1px solid #bccbd0;border-radius:12px;background:#fff;color:#152329;font:400 20px 'DM Sans',sans-serif;transition:border-color .2s,box-shadow .2s}
.name-field input:focus{outline:0;border-color:#287f8b;box-shadow:0 0 0 4px #287f8b14}
.name-question .nav:after{display:none}.route-grid .route-number{font:500 25px 'Space Grotesk',sans-serif}
.direction-callout{position:relative;margin:28px 0;padding:30px;border:1px solid #94e4d982;border-radius:16px;background:linear-gradient(135deg,#24484b,#162f37);box-shadow:0 15px 45px #0003;overflow:hidden}
.direction-callout>svg{position:absolute;right:-18px;bottom:-25px;width:140px;height:140px;color:#91e8d917;transform:rotate(-8deg)}
.direction-callout>span{display:block;margin-bottom:15px;color:#a9efdf;letter-spacing:2px;font-size:11px;font-weight:700}
.direction-callout h3{position:relative;margin:0;color:#fff;font:500 clamp(28px,3.1vw,40px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-1px;max-width:410px}
.direction-callout p{position:relative;margin:18px 0 0;max-width:360px;font-size:14px;line-height:1.7;color:#c6e2e1}
.story-direction .route-grid>div{min-height:80px;padding:15px 13px}.story-direction .route-grid small{display:none}
@media(max-width:600px){.name-field input{font-size:18px;padding:18px 15px}.direction-callout{padding:26px 22px;margin:25px 0}.direction-callout h3{font-size:33px;line-height:1.14}.direction-callout p{font-size:14px}.story-direction .route-grid>div{flex-direction:row;gap:10px;min-height:80px}.story-direction .route-grid strong{font-size:14px}.story-direction .route-grid .route-number{width:30px;height:33px;font-size:22px}}
