:root{--paper:#f7f2ea;--paper-deep:#ede5d8;--card:#fffdfa;--ink:#102b48;--ink-soft:#42566a;--blue:#153f67;--gold:#b98724;--gold-soft:#f5e5bd;--line:#dfd4c2;--shadow:0 15px 35px #25384c16}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;min-width:0;background:linear-gradient(135deg,#f3ece1,#fbf8f2 46%,#eee4d4);color:var(--ink);font:18px/1.5 Arial,sans-serif}.app{min-height:100dvh;display:grid;place-items:center}.card{width:100%;min-height:100dvh;position:relative;overflow:hidden;padding:30px 22px 36px;background:var(--paper)}.card>*{position:relative;z-index:1}h1,h2,p{overflow-wrap:break-word}h1{margin:13px 0 14px;color:var(--ink);font:700 clamp(2.05rem,9.5vw,3.25rem)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.035em}h2{margin:11px 0 14px;color:var(--ink);font-size:clamp(1.45rem,6.2vw,2.15rem);line-height:1.15;letter-spacing:-.022em}.eyebrow,.tag{color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.muted,.safe{color:var(--ink-soft)}.muted{font-size:1rem}.safe{font-size:.87rem}.primary,.secondary,.option{font:inherit;font-weight:700;cursor:pointer;border-radius:16px}.primary{width:100%;min-height:62px;padding:16px 20px;border:0;background:var(--blue);color:#fff;box-shadow:0 13px 24px #102b4830;display:grid;place-items:center;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.primary:hover,.primary:focus-visible{transform:translateY(-2px);box-shadow:0 17px 28px #102b4840}.secondary{width:100%;min-height:44px;border:0;background:transparent;color:var(--blue);text-decoration:underline;text-underline-offset:4px}.bubble,.summary{border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow)}.bubble{padding:16px 17px;margin:19px 0 14px}.summary{margin:20px 0;padding:16px}.summary div{margin:10px 0}.hero-visual{display:none}.stage-intro{padding-top:0;background:#faf7f1}.stage-intro .hero-visual{display:block;height:188px;margin:0 -22px 25px;background:linear-gradient(90deg,#fffaf100 40%,#fffaf100),url('../../assets/images/intro/especialista-protocolo.png') 68% 24%/cover no-repeat;border-bottom:1px solid #e2d6c5}.story-brand{position:absolute;z-index:3;top:17px;left:20px;display:flex;align-items:center;gap:8px;color:#fff;text-shadow:0 1px 7px #102b4850}.story-brand strong{width:34px;height:34px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%;font:800 1.12rem Georgia,serif}.story-brand span{font-size:.55rem;font-weight:800;line-height:1.25;letter-spacing:.09em}.stage-intro h1{max-width:560px}.stage-intro .muted{max-width:510px}.intro-meta{display:flex;align-items:center;gap:8px;margin:15px 0 19px;color:var(--blue);font-size:.87rem;font-weight:800}.intro-meta:before{content:'06';width:31px;height:24px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:99px;color:var(--gold);font-size:.66rem;letter-spacing:.06em}.stage-intro .bubble{display:none}.intro-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.intro-cards article{min-height:106px;display:grid;grid-template-columns:30px 1fr 10px;gap:8px;align-items:start;padding:13px 11px;border:1px solid #e2d7c8;border-radius:17px;background:var(--card);box-shadow:0 8px 18px #1b31410c}.intro-cards b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#f5e6c2;color:var(--gold);font-size:.86rem}.intro-cards span{display:grid;gap:4px;min-width:0}.intro-cards strong{color:var(--ink);font-size:.76rem;line-height:1.2}.intro-cards small{color:var(--ink-soft);font-size:.65rem;line-height:1.3}.intro-cards i{margin-top:5px;color:var(--gold);font-style:normal}.stage-intro .primary{margin-top:3px}.stage-intro .safe{margin-top:23px;max-width:410px}.guide{display:flex;align-items:center;gap:9px;margin:0 0 12px;color:var(--ink-soft);font-size:.82rem}.avatar{width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#f8e8be,#d4a74d);color:var(--blue);font-weight:900}.storybar{display:flex;gap:5px;margin:14px 0 29px}.storybar i{height:4px;flex:1;border-radius:99px;background:#ded5c9}.storybar i.done{background:var(--gold)}.storybar i.current{background:var(--blue);box-shadow:0 0 0 2px #153f671c;animation:segment 1.4s ease-in-out infinite}.stage-question{background:linear-gradient(180deg,#f9f6f0,#f2ebe0)}.question-number,.result-number{position:absolute;z-index:0;right:14px;top:19px;color:#153f670a;font:900 8.5rem/.8 Georgia,serif;letter-spacing:-.09em;pointer-events:none}.stage-question h2{max-width:580px;margin-bottom:15px}.stage-question .muted{margin-bottom:24px;max-width:540px}.option{width:100%;min-height:69px;position:relative;display:flex;align-items:center;margin:10px 0;padding:15px 42px 15px 60px;overflow:hidden;text-align:left;color:var(--ink);background:var(--card);border:1px solid #ded4c7;box-shadow:0 8px 18px #25384c0d;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.option:before{content:attr(data-symbol);position:absolute;left:16px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;border:1px solid #d7b36a;border-radius:50%;color:var(--gold);font-size:.8rem;font-weight:800}.option:after{content:attr(data-option);position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#9d907e;font-size:.67rem;letter-spacing:.08em}.option:hover,.option:focus-visible,.option.selected{border-color:var(--gold);background:#fffdfa;transform:translateY(-2px);box-shadow:0 13px 24px #25384c18}.option.selected{box-shadow:0 13px 24px #b9872422,0 0 0 2px #b987241d}.check{position:absolute;right:13px;color:var(--gold);font-size:1.15rem}.feedback{min-height:28px;margin:12px 0;color:var(--blue);font-weight:700}.stage-question-1 .option:first-of-type{border-top-left-radius:26px}.stage-question-1 .option:last-of-type{border-bottom-right-radius:26px}.stage-question-2 .option{margin:0;padding-top:17px;padding-bottom:17px;border-width:0 0 1px;border-radius:0;box-shadow:none;background:transparent}.stage-question-2 .option:first-of-type{border-top:1px solid var(--line)}.stage-question-2 .option:before{width:34px;height:34px;border-radius:7px}.stage-question-2 .option:hover,.stage-question-2 .option.selected{background:#fffaf0;border-color:var(--gold);box-shadow:none}.stage-question-3 .option{min-height:76px}.stage-question-3 .option:before{width:37px;height:37px;background:#faf3e3;font-size:1rem}.stage-question-4 .option{border-radius:12px;margin:7px 0}.stage-question-5 .option{min-height:75px;border-left:3px solid #dcc17f}.stage-question-6 .option{min-height:78px;border-radius:24px}.stage-question-6 .option:first-of-type{border-color:var(--gold);background:#fffaf0}.stage-loading{display:grid;align-content:center;min-height:100dvh;text-align:center;background:linear-gradient(180deg,#fbf8f2,#eee3d2)}.stage-loading:after{content:'06';position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-52%);color:#153f6708;font:900 16rem/.8 Georgia,serif}.stage-loading>*{z-index:1}.spinner{width:68px;height:68px;margin:24px auto;border:7px solid #e6d8bf;border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}.progress{height:8px;overflow:hidden;border-radius:99px;background:#e0d7cb}.progress i{display:block;height:100%;background:var(--blue);transition:width .35s}.stage-result{background:linear-gradient(180deg,#fbf8f3,#eee4d4)}.stage-result .guide{margin-bottom:21px}.stage-result h1{font-size:clamp(1.9rem,8.6vw,3rem)}.stage-result .summary{border-left:3px solid var(--gold);box-shadow:none}.score-chart{margin:22px 0;padding:17px;border:1px solid var(--line);border-radius:18px;background:#fffdfa}.score-chart:before{content:'SEU MAPA DE RESPOSTAS';display:block;margin-bottom:12px;color:var(--gold);font-size:.68rem;font-weight:800;letter-spacing:.1em}.score-row{display:grid;grid-template-columns:100px 1fr;gap:10px;align-items:center;margin:11px 0;color:var(--ink-soft);font-size:.88rem;text-transform:capitalize}.score-row i{height:9px;display:block;border-radius:99px;background:#b8cad8}.score-row.main i{background:var(--gold);box-shadow:0 0 10px #b987243d}.score-chart small{display:block;margin-top:14px;color:var(--ink-soft);font-size:.77rem}.stage-vsl{background:linear-gradient(180deg,#fbf8f2,#f0e7da)}.vsl-mockup{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:15px;margin:0 0 17px;border:1px solid var(--line);border-radius:18px;background:#fffdfa;box-shadow:var(--shadow)}.vsl-mockup:before{content:'ÁREA DE MEMBROS';grid-column:1/-1;color:var(--gold);font-size:.67rem;font-weight:800;letter-spacing:.1em}.vsl-mockup span{display:none}.vsl-mockup b{grid-column:1/-1;color:var(--ink);font-size:.9rem}.vsl-mockup i{height:48px;border-radius:9px;background:linear-gradient(135deg,#f1db9c,#2c597d)}video{width:100%;max-height:55vh;border-radius:18px;background:#102b48;box-shadow:var(--shadow)}.offer{margin-top:24px;padding-top:23px;border-top:1px solid var(--line)}.hidden{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes segment{50%{opacity:.5;transform:scaleX(.92)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:720px){.app{padding:42px}.card{width:min(100%,620px);min-height:840px;padding:42px 40px;border:1px solid #e2d6c7;border-radius:32px;box-shadow:0 32px 80px #25384c1c}.stage-intro{width:min(100%,650px);padding:0 40px 42px}.stage-intro .hero-visual{height:215px;margin:0 -40px 27px;background-position:67% 22%}.story-brand{left:38px;top:19px}.stage-question-4 .option{width:calc(50% - 6px);display:inline-flex;vertical-align:top;margin:6px 3px;min-height:86px}.stage-question-4 .option:last-of-type{width:calc(100% - 6px)}.stage-result,.stage-vsl{width:min(100%,660px)}}@media(max-width:359px){.card{padding:27px 17px 30px}.stage-intro{padding-top:0}.stage-intro .hero-visual{margin:0 -17px 22px;height:166px}.story-brand{left:16px}.intro-cards{gap:8px}.intro-cards article{grid-template-columns:26px 1fr 8px;min-height:103px;padding:11px 8px}.intro-cards b{width:25px;height:25px}.intro-cards strong{font-size:.7rem}.intro-cards small{font-size:.6rem}.option{padding-left:54px;font-size:.94rem}.question-number{font-size:7.3rem}}
.stage-intro .hero-visual{background-color:#041426;background-image:linear-gradient(90deg,#04162e18,#04162e00 46%),url('../../assets/images/intro/hero-topo-protocolo.webp');background-position:70% center;background-size:cover}.intro-cards{grid-template-columns:repeat(3,1fr);gap:9px}.intro-cards article{display:block;min-height:92px;padding:14px 12px;cursor:default;pointer-events:none}.intro-cards span{display:grid;gap:5px}.intro-cards strong{font-size:.73rem}.intro-cards small{font-size:.64rem}.intro-cards b,.intro-cards i{display:none}.option{padding-left:20px}.option:before,.option:after{content:none}.stage-question-2 .option{padding-left:20px}.stage-question-2 .option:before{content:none}.stage-question-6 .option:first-of-type{border-color:#ded4c7;background:var(--card)}.feedback{display:none}.stage-result .summary~p:not(.feedback),.stage-result .score-chart{display:none}.members-preview-title{margin:20px 0 12px}.members-preview-title h2{margin:0 0 7px;font-size:clamp(1.3rem,5.7vw,1.8rem)}.members-preview-title p{margin:0;color:var(--ink-soft);font-size:.94rem}.vsl-mockup{display:block;padding:0;overflow:hidden;background:#fffdfa;border-radius:18px;box-shadow:var(--shadow)}.vsl-mockup:before,.vsl-mockup span,.vsl-mockup b,.vsl-mockup i{display:none}.vsl-mockup img{display:block;width:100%;height:168px;object-fit:cover;object-position:center top}.video-shell{overflow:hidden;border-radius:18px;background:#102b48;box-shadow:var(--shadow)}.video-shell video{display:block;width:100%;max-height:55vh;border-radius:0;box-shadow:none;outline:0}.video-controls{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#102b48}.video-controls button{width:42px;height:38px;border:1px solid #ffffff3d;border-radius:10px;background:#ffffff12;color:#fff;font-size:1rem;cursor:pointer}.video-controls button:focus-visible{outline:3px solid #f5e5bd;outline-offset:2px}.video-controls button:last-child{margin-left:auto}@media(max-width:359px){.intro-cards{grid-template-columns:1fr 1fr}.intro-cards article:last-child{grid-column:1/-1;min-height:auto}.intro-cards strong{font-size:.75rem}}@media(min-width:720px){.intro-cards{grid-template-columns:repeat(3,1fr)}.vsl-mockup img{height:215px}.stage-intro .hero-visual{background-position:right center;background-size:auto 100%;background-repeat:no-repeat}}
