:root{--blue:#0000ff;--hover:#0000cc;--tint:#ebebff;--ink:#0b0b1f;--muted:#5c5c7a;--line:#e6e6f0;--page:#f7f7fb;--white:#fff;--error:#a61b14}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--white);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--blue);outline-offset:4px}button{cursor:pointer}.wrap{width:min(1248px,calc(100% - 96px));margin:auto}.header{height:104px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:29px;font-weight:650;letter-spacing:-1.3px}.brand img{height:40px;width:40px;object-fit:contain;mix-blend-mode:multiply}.header-note{font-size:13px;color:var(--muted);margin-right:auto;margin-left:44px}.text-link{font-size:14px;font-weight:550}.text-link:hover{color:var(--blue)}.text-link span{margin-left:16px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;padding-top:72px;padding-bottom:80px;align-items:center}.eyebrow{font-size:11px;font-weight:650;letter-spacing:1.7px;display:flex;align-items:center;gap:10px;margin:0 0 28px}.eyebrow>span{height:6px;width:6px;background:var(--blue);border-radius:50%}h1{font-size:clamp(40px,4.4vw,64px);line-height:1.09;letter-spacing:-3.5px;font-weight:520;margin:0}em{font-style:normal;color:var(--blue)}.intro{max-width:425px;color:var(--muted);font-size:17px;line-height:1.7;margin:28px 0 32px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;background:var(--blue);color:white;border:0;border-radius:8px;min-height:52px;padding:16px 22px;font-size:14px;font-weight:550;transition:background .2s,transform .2s}.button:hover{background:var(--hover)}.button:active{transform:translateY(1px)}.button:disabled{opacity:.6;cursor:wait}.micro{font-size:12px;color:var(--muted);margin-top:14px}.journey{background:var(--page);border-radius:12px;padding:24px 28px}.demo-top,.demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:9px;letter-spacing:1px}.demo-label{font-size:8px;letter-spacing:.5px}.demo-top{margin-bottom:28px}.scene-marker{font-size:11px;color:var(--blue);display:flex;gap:12px;align-items:center;margin-bottom:12px;font-variant-numeric:tabular-nums}.scene-marker>span{font-size:12px;color:var(--ink);font-weight:550}.search-field{background:white;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:16px 12px;font-size:12px}.search-field svg{width:18px;height:18px;stroke:var(--muted);stroke-width:1.5;flex-shrink:0}.scene-search>p{font-size:10px;color:var(--muted);margin:10px 0 0}.connector{height:28px;padding:5px 0 5px 6px}.connector>span{display:block;height:100%;width:1px;background:var(--line)}.clinic{display:flex;align-items:center;gap:12px}.clinic-monogram{height:44px;width:44px;background:var(--tint);color:var(--blue);border-radius:8px;display:grid;place-items:center;font-size:24px}.clinic strong,.clinic span{display:block}.clinic strong{font-size:14px;font-weight:550}.clinic div>span{font-size:10px;color:var(--muted);margin-top:4px}.clinic .external{margin-left:auto;color:var(--blue)}.clinic-info{display:flex;gap:16px;font-size:10px;color:var(--muted);margin:14px 0 0}.message{background:white;border-radius:8px;padding:16px;font-size:13px;line-height:1.6;max-width:320px}.message span{display:block;font-size:10px;color:var(--muted);margin-top:12px}.demo-bottom{border-top:1px solid var(--line);padding-top:16px;margin-top:24px;letter-spacing:0}.demo-bottom button{background:none;border:0;color:var(--muted);font-size:11px;padding:8px;min-height:36px}.journey.play .scene{animation:arrive .45s both}.journey.play .scene-discovery{animation-delay:.65s}.journey.play .scene-contact{animation-delay:1.3s}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.channels{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:40px;padding:24px 0}.channels>span{font-size:10px;letter-spacing:1.3px;color:var(--muted);margin-right:auto}.channels p{font-size:18px;letter-spacing:-.4px;margin:0}.channels i{font-size:16px;color:var(--line);font-style:normal}.section{padding-top:112px;padding-bottom:112px}h2{font-size:clamp(32px,3.2vw,44px);font-weight:500;line-height:1.17;letter-spacing:-1.9px;margin:0}h2>span{color:var(--muted)}.problem,.evidence,.faq{display:grid;grid-template-columns:1fr 1fr;gap:100px}.problem-copy>p{font-size:17px;line-height:1.8;color:var(--muted);margin:0 0 32px}.question-row{display:flex;gap:24px;border-top:1px solid var(--line);align-items:center;padding:18px 0}.question-row>span{color:var(--blue);font-size:11px}.question-row p{font-size:14px;margin:0}.method{background:var(--page)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px}.section-heading>p{color:var(--muted);font-size:14px;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:64px}.steps article{border-top:1px solid var(--line);padding-top:24px}.step-number{color:var(--blue);font-size:13px}.steps h3{font-size:19px;font-weight:550;letter-spacing:-.4px;margin:24px 0 12px}.steps p{font-size:14px;line-height:1.8;color:var(--muted);max-width:310px;margin:0}.section-description{color:var(--muted);font-size:16px;line-height:1.8;max-width:375px;margin:24px 0 32px}.report{background:var(--page);border-radius:12px;padding:28px}.report-top{display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.8px;padding-bottom:8px}.report-top span:last-child{color:var(--muted);letter-spacing:0}.report-row{display:flex;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.small-label{font-size:9px;letter-spacing:1px;color:var(--blue)}.report-row h3{font-size:15px;line-height:1.4;font-weight:550;margin:10px 0 8px}.report-row p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.report-index{font-size:11px;color:var(--muted)}.report-note{font-size:10px;color:var(--muted);line-height:1.7;margin:18px 0 0}.faq{border-top:1px solid var(--line);padding-top:80px}.faq-items details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;font-size:15px;line-height:1.5;padding:22px 0}summary::-webkit-details-marker{display:none}summary span{color:var(--blue)}details[open] summary span{transform:rotate(45deg)}details p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 24px}.conversion{background:var(--page)}.conversion-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.conversion h2{font-size:clamp(36px,4vw,52px)}.conversion-grid>div>p:last-child{font-size:16px;color:var(--muted);line-height:1.8;max-width:360px;margin-top:24px}.form-heading h3{font-size:20px;font-weight:550;letter-spacing:-.6px;margin:0 0 8px}.form-heading p{font-size:13px;color:var(--muted);margin:0 0 28px}label{font-size:12px;display:block;margin-bottom:8px;font-weight:550}input{border:1px solid var(--line);border-radius:8px;background:white;padding:12px;width:100%;height:48px;font-size:14px;color:var(--ink)}input:focus{outline:2px solid var(--blue);outline-offset:1px}input[aria-invalid=true]{border-color:var(--error)}input::placeholder{color:var(--muted);opacity:.85}.field-error{font-size:12px;color:var(--error);display:block;margin:6px 0 16px;line-height:1.5}.field-error:empty{margin:0 0 16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}form .button{width:100%;margin-top:8px}.local-notice{font-size:11px;line-height:1.6;color:var(--muted);margin-top:14px}#form-status{font-size:14px;line-height:1.6;color:var(--blue)}#form-status.error{color:var(--error)}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:132px}footer p,footer>span{font-size:11px;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:11px;color:var(--muted)}.footer-links a:hover{color:var(--blue)}.skip{position:absolute;left:16px;top:-80px;padding:16px;background:white;z-index:5}.skip:focus{top:16px}@media(min-width:1500px){.hero{padding-top:96px;padding-bottom:112px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:32px}h1{letter-spacing:-2px}.journey{padding:20px}.problem,.evidence,.faq,.conversion-grid{gap:40px}.channels{gap:24px}.section{padding-top:80px;padding-bottom:80px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:80px}.brand{font-size:25px}.header-note{display:none}.header .text-link{font-size:12px}.hero{grid-template-columns:1fr;gap:40px;padding-top:40px;padding-bottom:40px}h1{font-size:clamp(35px,8.7vw,54px);letter-spacing:-1.9px}.intro{font-size:16px;margin-top:24px}.eyebrow{font-size:9px;margin-bottom:22px}.hero .button{width:100%;max-width:380px}.journey{padding:24px}.channels{gap:16px;flex-wrap:wrap;padding:24px 0}.channels>span{width:100%;font-size:9px}.channels p{font-size:16px}.section{padding-top:64px;padding-bottom:64px}.problem,.evidence,.faq,.conversion-grid{grid-template-columns:1fr;gap:32px}.section-heading{display:block}.section-heading p{margin-top:20px}.steps{grid-template-columns:1fr;gap:32px;margin-top:32px}.steps h3{margin-top:16px}.steps p{max-width:none}.report{padding:22px}.form-grid{grid-template-columns:1fr;gap:0}input{font-size:16px}.conversion h2{font-size:40px}footer{padding:32px 0;flex-wrap:wrap;gap:16px}footer p{width:calc(100% - 140px);text-align:right;line-height:1.7}footer>span{width:100%}.demo-bottom button{min-height:44px}.report-top{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Navbar logo reduced 25% */
.header .brand{font-size:21.75px;letter-spacing:-.975px;gap:6px}.header .brand img{height:30px;width:30px}
@media(max-width:700px){.header .brand{font-size:18.75px}.header .brand img{height:30px;width:30px}}
@media(max-width:700px){.header .brand{font-size:16.5px;letter-spacing:-.675px;gap:4.5px}.header .brand img:not(.brand-logo){height:21px;width:21px}}
.hero{grid-template-columns:1.07fr 1fr;gap:56px;padding-top:48px}.editorial{margin:0;min-width:0}.photo-frame{position:relative;overflow:hidden;border-radius:2px}.photo-frame>img{display:block;width:100%;height:490px;object-fit:cover}.photo-point{position:absolute;left:24px;bottom:90px;background:var(--white);display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;font-size:12px;min-height:44px;transition:color .2s,transform .2s}.photo-point:hover{color:var(--blue);transform:translateY(-2px)}.photo-point>span:first-child{color:var(--blue);font-size:10px;font-variant-numeric:tabular-nums}.point-two{left:auto;right:24px;bottom:28px}.editorial figcaption{display:flex;justify-content:space-between;gap:16px;font-size:10px;line-height:1.6;color:var(--muted);margin-top:12px}.editorial figcaption small{font-size:9px;text-align:right;max-width:100px}.photo-invitation{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:24px;padding:16px 0;font-size:12px;font-weight:550}.photo-invitation>span{color:var(--blue)}.diagnostic-choices{display:flex;flex-direction:column;margin-top:32px}.diagnostic-choices button{border:0;border-top:1px solid var(--line);background:transparent;display:flex;align-items:center;gap:16px;text-align:left;color:var(--muted);padding:20px 8px;font-size:14px;min-height:60px}.diagnostic-choices button>span:first-child{font-size:10px}.diagnostic-choices button>span:last-child{margin-left:auto}.diagnostic-choices button[aria-selected=true]{color:var(--blue);font-weight:550}.diagnostic-choices button:hover{background:var(--page)}.diagnostic{background:var(--page);border-radius:12px;overflow:hidden;align-self:start}.diagnostic-header{display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:1px;padding:24px 28px;color:var(--muted)}.diagnostic-header span:last-child{font-size:8px}.diagnostic-visual{padding:16px 28px 0;min-height:210px}.search-sample{display:flex;gap:12px;align-items:center;font-size:11px;padding:12px;border:1px solid var(--line);background:var(--white);border-radius:8px}.search-sample>span{font-size:22px;color:var(--blue)}.neighborhood{width:100%;height:160px;display:block}.neighborhood text{font:10px Inter,system-ui,sans-serif;fill:var(--muted)}.neighborhood text.map-you{fill:var(--blue);font-weight:600}.diagnostic-content{padding:20px 28px 0;animation:panel-in .18s ease-out}.diagnostic-content h3{font-size:23px;font-weight:550;letter-spacing:-.7px;margin:12px 0}.diagnostic-content>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.next-action{border-left:2px solid var(--blue);padding-left:16px;margin:24px 0}.next-action>span{font-size:9px;letter-spacing:1px;color:var(--blue)}.next-action p{font-size:13px;line-height:1.7;margin:8px 0 0}.diagnostic-content .diagnostic-metric{font-size:11px}.diagnostic-disclaimer{font-size:10px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);margin:24px 28px 0;padding:16px 0 24px}.consistency{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--white);padding:24px 20px;border-radius:8px}.consistency>div+div{border-left:1px solid var(--line);padding-left:20px}.consistency span,.contact-route>div>span{font-size:9px;letter-spacing:1px;color:var(--blue)}.consistency strong{display:block;font-size:13px;margin:16px 0 8px}.consistency p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.visual-footnote{text-align:center;font-size:11px;color:var(--muted)}.contact-route{background:var(--white);border-radius:8px;padding:24px 20px}.contact-route p{font-size:19px;line-height:1.5;letter-spacing:-.4px}.route-next{display:flex;gap:16px;align-items:center}.route-next>span{color:var(--blue);font-size:22px}.route-next>strong{font-size:11px;font-weight:550}.evidence{gap:80px}.evidence h2{font-size:48px}@keyframes panel-in{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.hero{gap:32px}.photo-frame>img{height:440px}.evidence{gap:40px}.evidence h2{font-size:40px}}@media(max-width:700px){.hero{grid-template-columns:1fr}.photo-frame>img{height:380px}.photo-point{left:16px;font-size:11px}.point-two{left:auto;right:16px}.evidence h2{font-size:36px}.diagnostic-visual{padding:12px 20px 0}.diagnostic-content{padding:20px 20px 0}.diagnostic-header{padding:20px;font-size:8px}.diagnostic-disclaimer{margin:20px 20px 0}.consistency{gap:12px;padding:20px 12px}.consistency>div+div{padding-left:12px}.diagnostic-content h3{font-size:22px}.editorial figcaption{font-size:9px}.diagnostic-choices{margin-top:24px}.evidence{gap:20px}}@media(prefers-reduced-motion:reduce){.diagnostic-content{animation:none}.photo-point{transition:none}.photo-point:hover{transform:none}}
@font-face{font-family:Inter;src:url('/assets/InterVariable-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.header{height:96px}.header-note{font-size:12px}.hero{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:72px 0 64px;align-items:start}.hero-copy{grid-column:1/4;grid-row:1;padding-bottom:44px}.hero h1{font-size:clamp(56px,5.7vw,82px);font-weight:470;letter-spacing:-4.8px;line-height:1.03;max-width:880px}.hero .intro{font-size:17px;line-height:1.75;max-width:430px;margin-top:32px}.editorial{grid-column:3/5;grid-row:1;margin-top:240px;margin-left:48px}.photo-frame{border-radius:0}.photo-frame>img{height:300px;object-position:50% 65%}.editorial figcaption{font-size:12px;margin-top:16px}.photo-invitation{font-size:12px;margin-top:16px}.eyebrow,.small-label{font-size:11px}.micro{font-size:12px}.channels{padding:24px 0}.channels>span{font-size:11px}.channels p{font-size:16px}.evidence{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:88px;padding-bottom:72px}.evidence>div:first-child{grid-column:1/3;max-width:440px}.evidence .diagnostic{grid-column:3/5}.evidence h2{font-size:52px;line-height:1.1;font-weight:450;letter-spacing:-2.5px}.section-description{font-size:15px;line-height:1.8}.diagnostic{background:transparent;border-radius:0;border-top:2px solid var(--blue)}.diagnostic-header{padding:20px 0;font-size:11px;letter-spacing:.3px}.diagnostic-header span:last-child{font-size:10px}.diagnostic-visual{background:var(--page);padding:20px 24px 0;min-height:230px}.diagnostic-content{padding:28px 0 0;min-height:220px}.diagnostic-content h3{font-size:26px;margin:12px 0 16px;letter-spacing:-1px}.diagnostic-content>p{font-size:14px}.diagnostic-disclaimer{margin:24px 0 0;padding:16px 0 0;font-size:11px}.diagnostic-content .diagnostic-metric{font-size:12px}.search-sample{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;font-size:13px;padding:8px 0 16px}.neighborhood text{font-size:12px}.consistency,.contact-route{background:transparent;border-radius:0;padding:20px 0}.consistency strong{font-size:15px}.consistency p{font-size:14px}.consistency span,.contact-route>div>span{font-size:11px}.visual-footnote{font-size:12px}.route-next>strong{font-size:13px}.diagnostic-choices button{padding:20px 0;min-height:64px;font-size:14px}.diagnostic-choices button>span:first-child{font-size:12px}.implication{margin-top:20px}.implication>span,.next-action>span{font-size:10px;letter-spacing:.8px;color:var(--muted)}.implication p,.next-action p{font-size:13px;line-height:1.7;margin:8px 0 0}.next-action{margin:20px 0;border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.next-action>span{color:var(--blue)}.field-note{padding:48px 0 56px;border-top:1px solid var(--line)}.field-note h2{font-size:clamp(27px,2.8vw,38px);line-height:1.35;letter-spacing:-1.5px;max-width:1000px}.field-note>p:last-child{max-width:540px;color:var(--muted);font-size:14px;line-height:1.8;margin:24px 0 0 25%}.path-section{background:var(--page);padding:64px 0 72px}.path-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:8px 24px}.path-heading .eyebrow{grid-column:1/-1;margin-bottom:16px}.path-heading h2{font-size:40px}.path-heading>p:last-child{font-size:14px;color:var(--muted);margin:0;justify-self:end}.patient-path{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:48px;padding-top:32px}.path-track{height:2px;position:absolute;left:0;right:0;top:0;background:var(--line)}.path-track>span{display:block;height:100%;background:var(--blue);transform-origin:left;width:100%}.patient-path article{position:relative}.path-dot{position:absolute;width:8px;height:8px;top:-35px;background:var(--blue);border-radius:50%}.patient-path h3{font-size:21px;font-weight:500;letter-spacing:-.5px;margin:20px 0 12px}.patient-path article>p:last-child{font-size:14px;color:var(--muted);line-height:1.8;max-width:330px}.work-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:80px 0}.work-list{list-style:none;margin:0;padding:0}.work-list li{display:flex;gap:24px;border-top:1px solid var(--line);padding:24px 0}.work-list li>span{color:var(--blue);font-size:12px;padding-top:4px}.work-list h3{font-size:18px;font-weight:500;letter-spacing:-.5px;margin:0}.work-list p{color:var(--muted);font-size:14px;line-height:1.7;margin:10px 0 0}.faq{padding:56px 0 64px}.faq h2{font-size:32px}.conversion{padding:80px 0}.conversion h2{font-size:64px;line-height:1.05;font-weight:460;letter-spacing:-3px}.conversion-grid{gap:80px}.button>span{transition:transform .16s}.button:hover>span{transform:translateX(3px)}footer p,footer>span{font-size:12px}.local-notice{font-size:12px}
@media(prefers-reduced-motion:no-preference){.editorial.motion-enter{animation:editorial-enter .4s ease-out both}@keyframes editorial-enter{from{transform:translateY(12px);opacity:.7}to{transform:translateY(0);opacity:1}}}
@media(max-width:1100px){.hero h1{font-size:64px;letter-spacing:-3.5px}.editorial{margin-top:222px;margin-left:16px}.hero .intro{max-width:380px}.photo-frame>img{height:280px}.evidence h2{font-size:44px}.diagnostic-header{font-size:9px}.conversion-grid{gap:48px}}
@media(max-width:800px){.hero h1{font-size:54px;letter-spacing:-3px}.hero .intro{max-width:320px;font-size:16px}.editorial{margin-top:215px;margin-left:8px}.photo-frame>img{height:300px}.patient-path{gap:24px}.conversion h2{font-size:52px}.work-section{gap:40px}.evidence h2{font-size:38px}}
@media(max-width:700px){.header{height:80px}.hero{display:flex;flex-direction:column;padding-top:32px;padding-bottom:32px;gap:32px}.hero-copy{padding-bottom:0;width:100%}.hero h1{font-size:clamp(37px,9.4vw,59px);letter-spacing:-2.3px;line-height:1.06}.hero .intro{max-width:none;margin-top:24px}.editorial{margin:0 0 0 12%;width:88%}.photo-frame>img{height:250px}.editorial figcaption{font-size:11px}.channels{gap:16px}.channels>span{font-size:10px}.channels p{font-size:15px}.evidence{display:block;padding:48px 0}.evidence>div:first-child{max-width:none}.evidence h2{font-size:36px;letter-spacing:-1.6px;max-width:340px}.evidence h2 br{display:none}.evidence h2 br:after{content:' '}.evidence h2 em{display:block}.diagnostic-choices{margin-top:24px;margin-bottom:32px}.diagnostic-choices button{padding:16px 0;min-height:56px}.diagnostic-header{font-size:10px;padding:16px 0}.diagnostic-visual{padding:12px 16px 0}.diagnostic-content{min-height:0;padding-top:24px}.diagnostic-content h3{font-size:24px}.search-sample{font-size:11px}.consistency strong{font-size:13px}.consistency p{font-size:12px}.consistency span{font-size:10px}.diagnostic-disclaimer{font-size:11px}.field-note{padding:32px 0 40px}.field-note h2{font-size:27px;letter-spacing:-1px}.field-note>p:last-child{margin-left:0}.path-section{padding:40px 0 48px}.path-heading{display:block}.path-heading h2{font-size:32px}.path-heading>p:last-child{margin-top:16px}.patient-path{display:block;margin-top:32px;padding:0 0 0 28px}.path-track{top:4px;bottom:0;left:2px;right:auto;width:2px;height:auto}.path-track>span{height:100%;transform-origin:top}.patient-path article{padding-bottom:24px}.patient-path article:last-child{padding-bottom:0}.path-dot{top:4px;left:-29px}.patient-path h3{margin-top:12px;font-size:20px}.patient-path article>p:last-child{max-width:none}.work-section{display:block;padding:48px 0}.work-list{margin-top:32px}.faq{padding:40px 0}.conversion{padding:48px 0}.conversion h2{font-size:48px;letter-spacing:-2px}.conversion-grid{gap:32px}.diagnostic-content .diagnostic-metric{font-size:12px}}
@media(prefers-reduced-motion:reduce){.button:hover>span{transform:none}.patient-path .path-track>span,.editorial{animation:none!important}}
/* Acquisition opening: the search itself becomes the composition.
   Inter and the palette follow ../design.md; scale is specific to this LP. */
.search-hero { padding: 32px 0 24px; }
.search-hero-heading { display: flex; align-items: center; justify-content: space-between; }
.search-hero-heading .eyebrow { margin: 0; font-size: 10px; letter-spacing: 1.4px; }
.search-instruction { font-size: 12px; color: var(--muted); }
.search-instruction > span { margin-left: 16px; color: var(--blue); }
.search-composition { position: relative; }
/* Short mobile copy shares the same semantic heading/link as the full copy. */
[data-copy-full], [data-copy-mobile] {
  color: inherit !important; font: inherit !important; letter-spacing: inherit !important;
  text-transform: inherit !important; transform: none !important;
}
[data-copy-full] { display: contents !important; }
[data-copy-mobile] { display: none !important; }
h2 > [data-copy-full] > span { color: var(--muted); }
.search-connections { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.search-connections path { fill: none; stroke: var(--blue); stroke-width: 1; }
.search-questions { position: relative; height: 152px; margin-top: 24px; }
.search-query { position: absolute; display: flex; align-items: flex-start; gap: 12px; padding: 8px 0; border: 0; background: var(--white); color: var(--muted); text-align: left; letter-spacing: -.9px; font-weight: 430; line-height: 1.16; transition: color 140ms ease; }
.query-derm { left: 8%; top: 32px; font-size: 27px; }
.query-column { left: 44%; top: 0; font-size: 22px; }
.query-dent { right: 6%; top: 64px; font-size: 25px; }
.query-index { padding-top: 5px; font-size: 10px; letter-spacing: 0; font-variant-numeric: tabular-nums; }
.query-arrow { align-self: flex-end; font-size: 18px; opacity: 0; transform: translate(-4px, 4px); transition: opacity 140ms ease, transform 180ms cubic-bezier(.22,1,.36,1); }
.search-query:hover, .search-query[aria-pressed="true"] { color: var(--blue); }
.search-query[aria-pressed="true"] .query-arrow, .search-query:hover .query-arrow, .search-query:focus-visible .query-arrow { opacity: 1; transform: none; }
.search-query[aria-pressed="true"] > span:nth-child(2) { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.search-statement { position: relative; text-align: center; padding: 48px 40px 64px; }
.search-hero h2 { font-size: clamp(52px, 6.2vw, 88px); font-weight: 460; line-height: 1.06; letter-spacing: -.065em; margin: 0; }
.search-hero h2 em { font-weight: 480; }
.search-statement > p { max-width: 410px; margin: 24px auto; font-size: 15px; line-height: 1.7; color: var(--muted); }
.search-statement .button { min-width: 240px; }
.search-result { position: relative; display: grid; grid-template-columns: 1fr 1.4fr; column-gap: 18%; align-items: start; margin: 0 10% 0 13%; padding: 8px 0 32px; }
.search-result > div { position: relative; min-width: 0; padding: 20px 0 0 24px; }
.result-node { position: absolute; top: 3px; left: 0; width: 7px; height: 7px; border: 1px solid var(--blue); border-radius: 50%; background: var(--white); }
.search-result-contact .result-node { background: var(--blue); }
.search-result > div[data-reached="false"] .result-node { background: var(--white); border-color: var(--line); }
.search-result > div[data-reached="false"] :is(strong, .result-detail) { visibility: hidden; }
.result-label { margin: 0 0 16px; color: var(--muted); font-size: 10px; letter-spacing: 1px; line-height: 1.4; }
.search-result strong { display: block; font-size: 21px; font-weight: 450; line-height: 1.35; letter-spacing: -.6px; }
.result-detail { display: block; margin-top: 8px; font-size: 12px; color: var(--muted); }
.search-hero-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 24px; font-size: 11px; color: var(--muted); }
.search-hero-footer a { padding: 12px 0; min-height: 44px; display: inline-flex; align-items: center; gap: 24px; color: var(--ink); }
.search-hero-footer a:hover { color: var(--blue); }
.search-hero-footer a span { color: var(--blue); }
.field-note { display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 64px; }
.field-note h2 { font-size: clamp(27px, 2.6vw, 36px); }
.field-note-copy > p { max-width: 340px; margin-top: 24px; color: var(--muted); font-size: 14px; line-height: 1.8; }
.clinic-context { margin: 0; }
.clinic-context img { display: block; width: 100%; height: 320px; object-fit: cover; object-position: 50% 65%; }
@media (max-width: 1000px) {
  .query-derm { left: 7%; font-size: 23px; }
  .query-column { left: 43%; font-size: 20px; }
  .query-dent { right: 3%; font-size: 22px; }
  .search-statement { padding-left: 24px; padding-right: 24px; }
  .search-result { column-gap: 14%; margin-left: 10%; margin-right: 4%; }
  .search-result strong { font-size: 19px; }
  .field-note { gap: 40px; }
}
@media (max-width: 700px) {
  .search-hero { padding-top: 16px; padding-bottom: 16px; }
  .search-hero-heading .eyebrow { font-size: 9px; letter-spacing: .8px; }
  .search-instruction { font-size: 10px; }
  .search-instruction > span { margin-left: 4px; }
  .search-questions { height: 184px; margin-top: 20px; }
  .search-query { gap: 8px; font-size: 18px; letter-spacing: -.5px; }
  .query-derm { left: 4%; top: 0; }
  .query-column { left: auto; right: 0; top: 60px; font-size: 17px; }
  .query-dent { left: 12%; right: auto; top: 120px; font-size: 17px; }
  .query-index { padding-top: 3px; font-size: 9px; }
  .query-arrow { font-size: 14px; }
  .search-statement { padding: 40px 12px 40px 24px; text-align: left; }
  .search-hero h2 { font-size: clamp(34px, 7.5vw, 52px); letter-spacing: -.065em; line-height: 1.1; }
  .search-hero h2 br { display: none; }
  .search-hero h2 em { display: block; margin-top: 4px; }
  .search-statement > p { margin: 20px 0 24px; max-width: 340px; font-size: 14px; }
  .search-statement .button { min-width: 0; width: 100%; max-width: 340px; }
  .search-result { grid-template-columns: 1fr; gap: 32px; margin: 0 12px 0 24px; padding-bottom: 16px; }
  .search-result > div { padding: 0 0 0 24px; }
  .result-label { font-size: 9px; margin-bottom: 12px; }
  .search-result strong { font-size: 20px; }
  .result-detail { margin-top: 6px; }
  .search-hero-footer { margin-top: 12px; font-size: 10px; }
  .search-hero-footer a { gap: 12px; }
  .field-note { display: block; }
  .clinic-context { margin: 32px 0 0 12%; }
  .clinic-context img { height: 260px; }
}
/* Three connected stages: readable without interaction or JavaScript. */
.work-section { align-items: start; gap: clamp(40px, 7vw, 104px); }
.work-section > div { padding-top: 12px; }
.work-section .section-description { max-width: 355px; margin-bottom: 0; }
.work-list { position: relative; padding: 0; }
.work-list li {
  position: relative;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 24px;
  border: 0;
  padding: 24px 24px 28px 0;
}
.work-list li::after {
  content: '';
  position: absolute;
  width: 1px;
  left: 19.5px;
  top: 64px;
  bottom: -24px;
  background: var(--line);
}
.work-list li:last-child::after { display: none; }
.work-list li > span {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #dadaff;
  border-radius: 50%;
  background: var(--white);
  color: var(--blue);
  font-size: 11px;
  font-weight: 550;
  font-variant-numeric: tabular-nums;
  transition: background 220ms ease, border-color 220ms ease, color 220ms ease;
}
.work-list li > div {
  padding: 7px 0 0;
  min-width: 0;
  transition: transform 280ms cubic-bezier(.22, 1, .36, 1);
}
.work-list h3 { font-size: 20px; line-height: 1.35; transition: color 220ms ease; }
.work-list p { max-width: 360px; margin-top: 10px; }
@media (hover: hover) {
  .work-list li:hover > span { background: var(--blue); border-color: var(--blue); color: var(--white); }
  .work-list li:hover > div { transform: translateX(4px); }
  .work-list li:hover h3 { color: var(--blue); }
}
@media (max-width: 700px) {
  .work-section > div { padding-top: 0; }
  .work-list { margin-top: 28px; }
  .work-list li { gap: 18px; padding-right: 0; padding-bottom: 24px; }
  .work-list h3 { font-size: 18px; }
  .work-list p { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .work-list li > span, .work-list li > div, .work-list h3 { transition: none; }
  .work-list li:hover > div { transform: none; }
  .search-query, .query-arrow { transition: none; transform: none; }
}

/* A neutral guide stays visible while the blue trail advances. */
.search-connections .search-track { stroke: var(--line); }
.search-connections .search-traveler { stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Diagnostic motion: a single, stable stage from the map to first contact. */
.diagnostic-stat {
  margin: 32px 0 0; padding: 20px 0;
  border-top: 1px solid var(--line);
  max-width: 440px;
}
.diagnostic-stat > p { margin: 0; color: var(--ink); font-size: 16px; line-height: 1.6; }
.diagnostic-stat strong { display: block; margin-bottom: 8px; color: var(--blue); font-size: 40px; font-weight: 500; line-height: 1.1; letter-spacing: -1.6px; }
.diagnostic-stat > .diagnostic-stat-source { margin-top: 14px; color: var(--muted); font-size: 11px; line-height: 1.6; }
.diagnostic-stat-source a { text-decoration: underline; text-underline-offset: 3px; }
.diagnostic-visual.diagnostic-visual-motion { padding: 8px 24px 0; }
.discovery-motion { position: relative; }
.discovery-summary {
  position: absolute; width: 1px; height: 1px; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
.discovery-scene { position: relative; min-width: 0; }
.discovery-search {
  display: flex; align-items: center; gap: 12px;
  min-height: 72px; padding: 14px 0;
  border-bottom: 1px solid var(--line);
  font-size: 14px; line-height: 1.5; color: var(--ink);
}
.discovery-search > svg { width: 20px; height: 20px; flex: 0 0 20px; stroke: var(--blue); stroke-width: 1.5; }
.discovery-query { min-width: 0; }
.discovery-caret { visibility: hidden; width: 1px; height: 17px; flex: 0 0 1px; margin-left: -8px; background: var(--blue); }
.is-typing .discovery-caret { visibility: visible; }
.discovery-stage { position: relative; height: 352px; }
.discovery-local, .discovery-geo { position: absolute; inset: 0; }
.discovery-geo { display: flex; flex-direction: column; gap: 12px; opacity: 0; visibility: hidden; padding: 16px 0 12px; pointer-events: none; }
.geo-label { margin: 0; font-size: 10px; line-height: 1.5; letter-spacing: 1.1px; color: var(--blue); }
.geo-thread { flex: 1; min-height: 0; overflow: hidden; }
.geo-thread-content { position: relative; display: flex; flex-direction: column; gap: 14px; padding: 2px 0 12px; }
.geo-user { display: grid; align-self: flex-end; max-width: 86%; padding: 10px 14px; border: 1px solid #dedfff; border-radius: 12px 12px 3px 12px; background: #ebebff; font-size: 14px; line-height: 1.55; color: var(--ink); }
.geo-message-reserve, .geo-typed { grid-area: 1 / 1; min-width: 0; }
.geo-message-reserve { visibility: hidden; }
.geo-typed.is-typing::after { content: ''; display: inline-block; height: 1em; width: 1px; margin-left: 2px; vertical-align: -.1em; background: var(--blue); }
.geo-assistant { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 10px; font-size: 14px; line-height: 1.6; color: var(--ink); }
.geo-avatar { padding-top: 2px; color: var(--blue); font-size: 10px; line-height: 1.8; }
.geo-answer-slot { display: grid; min-width: 0; }
.geo-working, .geo-response { grid-area: 1 / 1; min-width: 0; }
.geo-working { display: flex; align-items: baseline; align-self: start; gap: 8px; margin: 0; color: var(--muted); opacity: 0; visibility: hidden; }
.geo-working-dot { position: relative; top: -2px; flex: 0 0 6px; width: 6px; height: 6px; background: var(--blue); border-radius: 50%; }
.geo-response p, .geo-contact-copy { margin: 0; }
.geo-answer-lead, .geo-answer-clinic { opacity: 0; }
.geo-answer-clinic strong { color: var(--blue); font-weight: 550; }
.geo-citation { display: inline-block; margin-left: 4px; padding: 1px 3px; color: var(--blue); background: var(--tint); font-size: 10px; line-height: 1.4; vertical-align: super; opacity: 0; }
.geo-source { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.geo-source > span { color: var(--blue); }
.geo-visit { display: inline-flex; align-items: center; gap: 20px; min-height: 32px; margin-top: 6px; padding: 4px 0; border-bottom: 1px solid #ceceff; color: var(--blue); font-size: 14px; line-height: 1.5; }
.geo-visit > span { font-size: 18px; }
.geo-question, .geo-first-answer, .geo-followup, .geo-contact-answer, .geo-source, .geo-visit { opacity: 0; }
.geo-fallback { border-top: 1px solid var(--line); padding: 20px 0; font-size: 14px; line-height: 1.6; }
.geo-fallback > span { color: var(--blue); font-size: 10px; letter-spacing: 1px; }
.discovery-map { position: absolute; inset: 0; display: grid; align-items: center; }
.discovery-map .neighborhood { overflow: visible; }
.discovery-anchor { position: absolute; z-index: 1; top: 0; left: 0; width: 14px; height: 14px; background: var(--blue); border-radius: 50%; opacity: 0; pointer-events: none; }
.discovery-card { position: absolute; top: 20px; left: 0; right: 0; height: 184px; opacity: 0; }
.discovery-surface { position: absolute; inset: 0; border: 1px solid #dadaff; background: var(--white); transform-origin: center top; }
.discovery-card-heading { position: relative; display: flex; align-items: center; gap: 12px; padding: 16px; min-height: 84px; }
.discovery-clinic-icon { display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; background: var(--tint); border-radius: 50%; }
.discovery-clinic-icon img { width: 24px; height: 24px; object-fit: contain; }
.discovery-card-heading > div { min-width: 0; }
.discovery-card-heading strong { display: block; font-size: 18px; font-weight: 550; letter-spacing: -.5px; line-height: 1.3; }
.discovery-card-heading > div > span { display: block; margin-top: 4px; font-size: 14px; line-height: 1.4; color: var(--muted); }
.discovery-rank { margin-left: auto; align-self: flex-start; padding-top: 4px; color: var(--blue); font-size: 11px; font-variant-numeric: tabular-nums; }
.discovery-detail { position: relative; padding: 0 16px 16px; opacity: 0; }
.discovery-detail > p { margin: 0 0 12px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.discovery-cta { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; padding: 10px 14px; background: var(--blue); color: var(--white); font-size: 14px; line-height: 1.5; transform-origin: center; }
.discovery-cta > span { font-size: 18px; line-height: 1; }
.discovery-other { position: absolute; left: 16px; right: 16px; display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); opacity: 0; }
.discovery-other-a { top: 114px; }
.discovery-other-b { top: 188px; }
.discovery-other strong { display: block; font-size: 15px; font-weight: 450; line-height: 1.4; color: var(--muted); }
.discovery-other > div > span { display: block; margin-top: 3px; font-size: 14px; color: var(--muted); line-height: 1.4; }
.discovery-other > span { padding-top: 4px; font-size: 11px; color: var(--muted); font-variant-numeric: tabular-nums; }
.discovery-connection { position: absolute; top: 188px; left: 8px; width: 48px; height: 64px; overflow: visible; opacity: 0; }
.discovery-connection path { stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.discovery-connection-guide { stroke: var(--line); }
.discovery-trail { stroke: var(--blue); stroke-dasharray: 1; stroke-dashoffset: 1; }
.discovery-arrow { stroke: var(--blue); }
.discovery-message { position: absolute; top: 228px; left: 64px; right: 0; border-top: 1px solid #dadaff; padding: 14px 0 0; opacity: 0; }
.discovery-message > span { font-size: 10px; letter-spacing: 1px; color: var(--blue); }
.discovery-message p { margin: 8px 0 0; font-size: 15px; line-height: 1.6; color: var(--ink); }
.discovery-controls { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 52px; border-top: 1px solid var(--line); }
.discovery-step { color: var(--muted); font-size: 11px; line-height: 1.4; }
.discovery-controls > div { display: flex; gap: 4px; }
.discovery-controls button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 60px; min-height: 44px; border: 0; padding: 8px; background: transparent; color: var(--blue); font: inherit; font-size: 12px; }
.discovery-controls button[hidden] { display: none; }
.discovery-controls [data-discovery-toggle] { min-width: 44px; width: 44px; }
.discovery-controls svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.discovery-play-icon, .discovery-motion[data-paused="true"] .discovery-pause-icon { display: none; }
.discovery-motion[data-paused="true"] .discovery-play-icon { display: block; }
.discovery-controls button:hover { background: var(--tint); }
.discovery-controls button[aria-disabled="true"] { color: var(--muted); cursor: default; }
.discovery-controls button[aria-disabled="true"]:hover { background: transparent; }
.discovery-controls button:focus-visible { outline: 2px solid var(--blue); outline-offset: -2px; }
#diagnostic-panel .diagnostic-content { min-height: 0; }
/* Manual static reveal is also the fallback for missing animation/observer APIs. */
.discovery-motion[data-static="true"] .discovery-map { opacity: 1 !important; }
.discovery-motion[data-static="true"] .discovery-query { opacity: 1 !important; }
.discovery-motion[data-static="true"] :is(.discovery-anchor, .discovery-card, .discovery-other, .discovery-connection, .discovery-message) { opacity: 0 !important; }
.discovery-motion[data-static="true"][data-state="complete"] .discovery-map { opacity: 0 !important; }
.discovery-motion[data-static="true"][data-state="complete"] :is(.discovery-card, .discovery-detail, .discovery-clinic-icon img, .discovery-connection, .discovery-arrow, .discovery-message) { opacity: 1 !important; transform: none !important; }
.discovery-motion[data-static="true"][data-state="complete"] :is(.discovery-surface, .discovery-cta) { transform: none !important; }
.discovery-motion[data-static="true"][data-state="complete"] .discovery-trail { stroke-dashoffset: 0 !important; }
.discovery-motion[data-static="true"] :is(.geo-question, .geo-first-answer, .geo-answer-lead, .geo-answer-clinic, .geo-citation, .geo-source, .geo-followup, .geo-contact-answer, .geo-visit) { opacity: 1 !important; transform: none !important; }
.discovery-motion[data-static="true"] .discovery-geo { pointer-events: auto; }
.discovery-motion[data-static="true"] .geo-thread { overflow-y: auto; }
@media (max-width: 1000px) {
  .diagnostic-visual.diagnostic-visual-motion { padding-left: 16px; padding-right: 16px; }
  .discovery-card-heading { gap: 10px; padding-left: 12px; padding-right: 12px; }
  .discovery-card-heading strong { font-size: 17px; }
  .discovery-card-heading > div > span { font-size: 13px; }
  .discovery-message { left: 56px; }
}
@media (max-width: 700px) {
  .discovery-card-heading > div > span { font-size: 14px; }
}
@media (max-width: 420px) {
  .geo-user { max-width: 92%; padding: 8px 12px; }
  .geo-thread-content { gap: 12px; }
  .diagnostic-visual.diagnostic-visual-motion { padding-left: 12px; padding-right: 12px; }
  .discovery-stage { height: 380px; }
  .discovery-card { height: 206px; }
  .discovery-card-heading { min-height: 94px; gap: 8px; padding: 12px; }
  .discovery-card-heading strong { font-size: 16px; }
  .discovery-rank { display: none; }
  .discovery-detail { padding-left: 12px; padding-right: 12px; }
  .discovery-connection { top: 204px; left: 0; }
  .discovery-message { top: 244px; left: 48px; }
  .discovery-message p { font-size: 14px; }
  .discovery-step { font-size: 10px; }
  .discovery-controls button { font-size: 11px; min-width: 52px; padding-left: 6px; padding-right: 6px; }
}

.lead-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.lead-privacy { font-size: 12px; line-height: 1.6; color: var(--muted); margin: 8px 0 20px; }

/* FAQ: light slide with native keyboard interaction and a no-JS fallback. */
.faq-answer { display: flow-root; }
.faq-answer > p { margin: 0; padding-bottom: 24px; }
.faq-items summary > span { flex: 0 0 auto; transition: transform 260ms cubic-bezier(.22,1,.36,1); }
.faq-items details[data-expanded="false"] summary > span { transform: none; }
@media (prefers-reduced-motion: reduce) {
  .faq-items summary > span { transition: none; }
}
/* Do contato à consulta: seção de atendimento no desktop. O mobile usa o bloco m-care. */
.care-section { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; padding: 88px 0; border-bottom: 1px solid var(--line); }
.care-copy { grid-column: 1 / 3; max-width: 520px; }
.care-copy h2 { font-size: 52px; line-height: 1.1; font-weight: 450; letter-spacing: -2.5px; }
.care-copy .section-description { max-width: 460px; margin: 24px 0 0; }
.care-list { list-style: none; margin: 40px 0 0; padding: 0; }
.care-list li { display: flex; gap: 24px; padding: 20px 0; border-top: 1px solid var(--line); }
.care-list li > span { padding-top: 4px; color: var(--blue); font-size: 12px; font-variant-numeric: tabular-nums; }
.care-list h3 { margin: 0; font-size: 18px; font-weight: 500; letter-spacing: -.5px; }
.care-list p { margin: 8px 0 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.care-panel { position: sticky; top: 96px; grid-column: 3 / 5; align-self: start; border-top: 2px solid var(--blue); }
.care-panel-header { display: flex; justify-content: space-between; gap: 16px; padding: 20px 0; color: var(--muted); font-size: 11px; letter-spacing: .3px; }
.care-thread { margin: 0; padding: 8px 24px; list-style: none; background: var(--page); }
.care-thread li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 20px 0; border-bottom: 1px solid var(--line); }
.care-thread li:last-child { border-bottom: 0; }
.care-thread p { margin: 0; font-size: 15px; line-height: 1.5; }
.care-thread small { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; }
.care-status { flex: 0 0 auto; padding: 4px 10px; border: 1px solid var(--line); border-radius: 999px; background: var(--white); color: var(--muted); font-size: 11px; white-space: nowrap; }
.care-status.is-booked { border-color: #dadaff; background: var(--tint); color: var(--blue); }
.care-panel-footer { margin: 0; padding: 16px 0 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
@media (max-width: 1100px) { .care-copy h2 { font-size: 44px; } }
@media (max-width: 800px) { .care-section { padding: 64px 0; } .care-copy h2 { font-size: 38px; letter-spacing: -1.6px; } .care-thread { padding: 4px 16px; } }
/* Mobile: "cartões de vidro". Página inteira escura (marinho com brilho cobalto de baixo para cima),
   títulos leves, cartões de 32 px, CTA dividido (pílula branca + círculo azul). Fora das media queries
   só vale a primeira regra. Fotos em assets/mobile/*.webp (orbe, cidade, cama, recepcao) ficam sobre o degradê CSS, que aparece se o arquivo faltar. */
[data-mobile-block] { display: none; }

@media (max-width: 700px), (max-width: 1000px) and (hover: none) and (pointer: coarse) and (orientation: landscape) {
  :root {
    --m-bg: #050b1a;
    --m-cobalt: #1f5bff;
    --m-ice: #8fb4ff;
    --m-text: rgba(235, 240, 255, .74);
    --m-glass: rgba(120, 160, 255, .14);
    --m-line: rgba(180, 205, 255, .22);
    --m-card: linear-gradient(165deg, #172a6e 0%, #0b1a4d 52%, #08133a 100%);
  }
  html, body { background: var(--m-bg); color: #fff; }
  [data-mobile-block] { display: block; }
  [data-copy-full] { display: none !important; }
  [data-copy-mobile] { display: contents !important; }
  .search-hero, .channels, .evidence, .field-note, .path-section, .care-section, .work-section { display: none; }
  .wrap { width: calc(100% - 32px); }
  input { font-size: 16px; }
  a, button, summary { touch-action: manipulation; }

  /* Cabeçalho */
  .header { height: 56px; gap: 16px; background: transparent; border: 0; }
  .header-note { display: none; }
  .brand { min-height: 44px; font-size: 22px; letter-spacing: -.9px; gap: 6px; color: #fff; }
  .brand img { width: 28px; height: 28px; filter: brightness(0) invert(1); mix-blend-mode: normal; }
  .header .text-link { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #fff; color: #0b0b1f; font-size: 0; }
  .header .text-link span { font-size: 18px; line-height: 1; }
  .m-progress { position: fixed; top: 0; left: 0; right: 0; z-index: 6; height: 3px; background: rgba(120, 160, 255, .16); pointer-events: none; }
  .m-progress i { display: block; height: 100%; background: linear-gradient(90deg, #1f5bff, #8fb4ff); transform: scaleX(0); transform-origin: left; }

  /* Botão dividido: pílula branca + círculo azul com seta */
  .m-split { display: flex; align-items: center; gap: 8px; width: 100%; color: #0b0b1f; text-decoration: none; }
  .m-split-pill { flex: 1; display: grid; place-items: center; min-height: 56px; padding: 0 20px; border-radius: 999px; background: #fff; color: #0b0b1f; font-size: 16px; font-weight: 600; letter-spacing: -.01em; }
  .m-split-go { flex: 0 0 56px; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: radial-gradient(circle at 30% 25%, #5b8bff 0%, #1f5bff 55%, #0f33b8 100%); color: #fff; font-size: 24px; line-height: 1; box-shadow: 0 0 0 1px rgba(160, 190, 255, .35), 0 10px 28px rgba(31, 91, 255, .5); }
  .m-split:active .m-split-go { transform: scale(.96); }
  .m-pill-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--m-line); background: rgba(120, 160, 255, .18); color: #dbe6ff; font-size: 13px; font-weight: 500; white-space: nowrap; }
  .m-pill-link { min-height: 44px; color: #fff; text-decoration: none; }
  .m-tag { align-self: flex-start; margin-top: 16px; font-size: 12px; font-weight: 600; letter-spacing: 1.2px; color: rgba(235, 240, 255, .72); }

  /* 1. Abertura */
  .m-hero { position: relative; overflow: hidden; padding: 8px 0 0; min-height: calc(100vh - 56px); min-height: calc(100dvh - 56px); border-radius: 0 0 32px 32px; background: radial-gradient(ellipse 130% 52% at 50% 108%, #2a66ff 0%, rgba(31, 91, 255, .55) 30%, transparent 72%), linear-gradient(180deg, #050b1a 0%, #071440 100%); }
  .m-hero > .wrap { display: flex; flex-direction: column; align-items: center; min-height: calc(100dvh - 64px); margin: 0 auto; text-align: center; }
  .m-hero h1 { margin: 0; font-size: min(11.4vw, 46px); line-height: 1.04; letter-spacing: -.045em; font-weight: 300; color: #fff; }
  .m-hero h1 em { display: block; background: none; color: #fff; padding: 0; font-style: normal; }
  #m-hero-title .hero-word { background: linear-gradient(95deg, #8fb4ff 0%, #dbe8ff 100%); -webkit-background-clip: text; background-clip: text; color: transparent; padding: .1em .02em .2em; margin: -.1em -.02em -.2em; }
  #m-hero-title em .hero-word { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: #fff; padding: 0; margin: 0; }
  .m-lead { margin: 14px 0 0; font-size: 16px; line-height: 1.5; color: var(--m-text); }
  .m-cta { width: min(100%, 340px); margin-top: 22px; }
  .m-orbit { position: relative; flex: 1; width: 100%; min-height: 330px; max-height: 420px; margin-top: 8px; }
  .m-ring { position: absolute; left: 50%; top: 52%; border: 1px solid rgba(160, 195, 255, .26); border-radius: 50%; transform: translate(-50%, -50%); }
  .m-ring-1 { width: 190px; height: 190px; background: radial-gradient(circle, rgba(31, 91, 255, .2), transparent 70%); }
  .m-ring-2 { width: 270px; height: 270px; border-color: rgba(160, 195, 255, .18); }
  .m-ring-3 { width: 352px; height: 352px; border-color: rgba(160, 195, 255, .12); }
  .m-orb { overflow: hidden; position: absolute; left: 50%; top: 52%; width: 124px; height: 124px; border-radius: 50%; transform: translate(-50%, -50%); background: radial-gradient(circle at 34% 28%, #9cc0ff 0%, #2f6cff 34%, #0b2aa8 66%, #050b1a 100%); box-shadow: 0 0 0 1px rgba(170, 200, 255, .35), 0 0 70px rgba(31, 91, 255, .75), inset -12px -16px 30px rgba(3, 8, 40, .55); }
  .m-float { position: absolute; display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 16px 0 6px; border-radius: 999px; border: 1px solid var(--m-line); background: linear-gradient(180deg, rgba(70, 110, 220, .6), rgba(24, 48, 128, .62)); color: #fff; font-size: 14px; font-weight: 500; box-shadow: 0 12px 30px rgba(20, 60, 200, .4); animation: m-bob 6s ease-in-out infinite alternate; }
  .m-float b { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #fff; color: #1f3fd0; font-size: 14px; font-weight: 700; }
  .m-float-a { left: 0; top: 14%; --r: -4deg; transform: rotate(-4deg); }
  .m-float-b { right: 0; top: 40%; --r: 3deg; transform: rotate(3deg); animation-delay: -2s; }
  .m-float-c { left: 6%; bottom: 14%; --r: 2deg; transform: rotate(2deg); animation-delay: -4s; }
  @keyframes m-bob { from { transform: translateY(0) rotate(var(--r)); } to { transform: translateY(-8px) rotate(var(--r)); } }

  /* 2. Trailer */
  .m-trailer { padding: 28px 0 8px; }
  .m-trailer .trailer-player { position: relative; width: 100%; max-width: none; margin: 0; aspect-ratio: 4 / 5; border-radius: 32px; border: 1px solid var(--m-line); background: #050b1a; box-shadow: 0 24px 70px rgba(31, 91, 255, .32); }
  .m-trailer .trailer-player.is-playing { aspect-ratio: 9 / 16; }
  .m-trailer .trailer-player::before { content: ''; position: absolute; inset: 0 0 auto; height: 45%; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(5, 11, 26, .78), transparent); }
  .m-card-top { position: absolute; inset: 0 0 auto; z-index: 2; display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 22px 22px 0; }
  .m-card-top h2, .m-card header h2 { margin: 0; font-size: 26px; line-height: 1.12; letter-spacing: -.03em; font-weight: 400; color: #fff; }
  .m-card-top h2 { max-width: 190px; }
  .m-trailer .m-card-top { justify-content: flex-end; }
  .m-trailer .trailer-player.is-playing::before, .m-trailer .trailer-player.is-playing .m-card-top { display: none; }
  .m-trailer .trailer-play { z-index: 2; width: 72px; height: 72px; bottom: 24px; border: 1px solid rgba(255, 255, 255, .5); background: rgba(255, 255, 255, .2); }
  .m-trailer .trailer-play-icon { margin-left: 6px; border-width: 12px 0 12px 19px; }

  /* 3. Pilha de três cartões de vidro */
  .m-stack { padding: 40px 0 24px; }
  .m-card { position: sticky; display: flex; flex-direction: column; min-height: 400px; margin-bottom: 16px; padding: 22px; border-radius: 32px; border: 1px solid var(--m-line); background: var(--m-card); box-shadow: 0 -14px 40px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .14); }
  .m-card-google { top: 72px; }
  .m-card-gpt { top: 86px; background: linear-gradient(165deg, #1b2f7e 0%, #0d1f5a 52%, #09153f 100%); }
  .m-card-wa { top: 100px; background: linear-gradient(165deg, #1f378f 0%, #0f2362 52%, #0a1744 100%); }
  .m-card header { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
  .m-vis { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 12px; margin: 18px 0 0; padding: 0; list-style: none; }
  .m-search { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--m-line); background: rgba(255, 255, 255, .08); color: #fff; font-size: 15px; }
  .m-search svg { flex: 0 0 18px; width: 18px; height: 18px; fill: none; stroke: var(--m-ice); stroke-width: 1.6; stroke-linecap: round; }
  .m-serp { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 12px; align-items: center; padding: 12px; border-radius: 20px; border: 1px solid transparent; background: rgba(255, 255, 255, .05); }
  .m-serp > i { width: 36px; height: 36px; border-radius: 50%; background: rgba(255, 255, 255, .14); }
  .m-serp-you { border-color: rgba(143, 180, 255, .6); background: rgba(31, 91, 255, .3); box-shadow: 0 0 28px rgba(31, 91, 255, .35); }
  .m-serp-you > i { background: radial-gradient(circle at 30% 25%, #8fb4ff, #1f5bff); }
  .m-serp strong { display: block; margin-bottom: 8px; font-size: 18px; font-weight: 500; color: #fff; }
  .m-skel { display: block; height: 8px; width: 82%; border-radius: 4px; background: rgba(255, 255, 255, .16); }
  .m-skel + .m-skel, .m-skel-s { width: 52%; margin-top: 8px; }
  .m-bub { max-width: 88%; margin: 0; padding: 14px 18px; font-size: 16px; line-height: 1.45; color: #fff; }
  .m-bub-user { align-self: flex-end; border-radius: 22px 22px 6px 22px; background: rgba(255, 255, 255, .12); }
  .m-bub-ai { align-self: flex-start; border-radius: 22px 22px 22px 6px; border: 1px solid rgba(143, 180, 255, .45); background: rgba(31, 91, 255, .32); }
  .m-bub-ai b { margin-right: 8px; color: var(--m-ice); }
  .m-thread li { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
  .m-thread p { max-width: 80%; margin: 0; padding: 10px 16px; border-radius: 20px 20px 20px 6px; background: rgba(255, 255, 255, .12); font-size: 16px; line-height: 1.4; color: #fff; }
  .m-status { display: inline-flex; align-items: center; gap: 8px; min-height: 28px; padding: 0 12px; border-radius: 999px; background: rgba(255, 255, 255, .07); color: #dbe6ff; font-size: 13px; font-weight: 500; }
  .m-status::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #ff8c84; }
  .m-thread li:nth-child(2) .m-status::before { background: #ffd27a; }
  .m-status.is-booked { background: rgba(60, 200, 140, .16); color: #c9f5de; }
  .m-status.is-booked::before { background: #5be3a2; }

  /* 4. Dado dos 28%: cartão-evento */
  .m-band { padding: 32px 0 8px; }
  .m-event { padding: 22px; border-radius: 32px; border: 1px solid var(--m-line); background: radial-gradient(ellipse 110% 70% at 50% 120%, rgba(31, 91, 255, .6), transparent 70%), var(--m-card); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14); }
  .m-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
  .m-stat-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; }
  .m-stat { margin: 0; }
  .m-stat strong { font-size: 124px; line-height: .95; letter-spacing: -.06em; font-weight: 300; background: linear-gradient(180deg, #8fb4ff 0%, #fff 90%); -webkit-background-clip: text; background-clip: text; color: transparent; padding: 0 .04em .06em 0; }
  .m-event h2 { margin: 12px 0 0; font-size: 22px; line-height: 1.3; letter-spacing: -.02em; font-weight: 400; color: #fff; }
  .m-dots { position: relative; flex: 0 0 120px; width: 120px; aspect-ratio: 1; background: radial-gradient(circle, rgba(143, 180, 255, .3) 0 40%, transparent 44%) 0 0 / 10% 10%; }
  .m-dots i { position: absolute; inset: 0; background: radial-gradient(circle, #fff 0 40%, transparent 44%) 0 0 / 10% 10%; clip-path: polygon(0 0, 100% 0, 100% 20%, 80% 20%, 80% 30%, 0 30%) }

  /* 5. Como funciona: três pílulas */
  .m-process { padding: 48px 0 16px; }
  .m-trailer .m-video-titulo { margin: 0 0 20px; font-size: 34px; line-height: 1.08; letter-spacing: -.04em; font-weight: 300; background: linear-gradient(180deg, #8fb4ff, #fff 85%); -webkit-background-clip: text; background-clip: text; color: transparent; padding-bottom: .1em; text-wrap: balance; }
  .m-process h2 { margin: 0; font-size: 36px; line-height: 1.08; letter-spacing: -.04em; font-weight: 300; background: linear-gradient(180deg, #8fb4ff, #fff 85%); -webkit-background-clip: text; background-clip: text; color: transparent; padding-bottom: .1em; }
  .m-steps { --muted: #fff; --blue: #fff; margin: 22px 0 0; padding: 0; list-style: none; }
  .m-steps li { position: relative; display: flex; align-items: center; gap: 14px; min-height: 68px; margin-bottom: 12px; padding: 10px 22px 10px 10px; overflow: hidden; border-radius: 999px; border: 1px solid var(--m-line); background: linear-gradient(90deg, rgba(120, 160, 255, .2), rgba(120, 160, 255, .08)); }
  .m-steps li > span { flex: 0 0 48px; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: radial-gradient(circle at 30% 25%, #5b8bff 0%, #1f5bff 55%, #0f33b8 100%); color: #fff; font-size: 16px; font-weight: 600; box-shadow: 0 6px 18px rgba(31, 91, 255, .5); }
  .m-steps h3 { margin: 0; font-size: 19px; line-height: 1.25; letter-spacing: -.02em; font-weight: 400; color: #fff; }
  .m-step-line { position: absolute; left: 24px; right: 24px; bottom: 0; height: 2px; background: linear-gradient(90deg, transparent, #8fb4ff, transparent); transform-origin: left; }

  /* 6. FAQ em cartões de vidro */
  .faq { grid-template-columns: 1fr; gap: 12px; padding: 48px 0 24px; border: 0; }
  .faq .eyebrow { display: none; }
  .faq h2 { margin: 0; font-size: 34px; line-height: 1.08; letter-spacing: -.04em; font-weight: 300; color: #fff; }
  .faq .faq-lead { display: block; max-width: none; margin: 10px 0 0; font-size: 16px; line-height: 1.5; color: var(--m-text); }
  .faq-items { margin-top: 12px; }
  .faq-items details { margin-bottom: 12px; padding: 0 20px; border: 1px solid var(--m-line); border-radius: 28px; background: var(--m-card); }
  .faq-items summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; padding: 14px 0; font-size: 17px; line-height: 1.3; font-weight: 400; color: #fff; list-style: none; }
  .faq-items summary::-webkit-details-marker { display: none; }
  .faq-items summary > span[aria-hidden] { flex: 0 0 36px; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--m-glass); border: 1px solid var(--m-line); color: #fff; font-size: 20px; line-height: 1; transition: transform .2s; }
  .faq-items details[open] summary > span[aria-hidden] { transform: rotate(45deg); }
  .faq-answer > p { margin: 0; padding: 0 0 20px; font-size: 16px; line-height: 1.55; color: var(--m-text); }
  /* A pergunta livre é mais um cartão da lista: mesmo fundo, altura e círculo do "+"; a resposta abre dentro dele. */
  .faq .faq-ask-slot { padding: 0 20px; border: 1px solid var(--m-line); border-radius: 28px; background: var(--m-card); }
  .faq .faq-ask { min-height: 64px; padding: 10px 0; gap: 0 16px; }
  .faq .faq-ask input { height: 44px; padding: 0; color: #fff; font-size: 17px; line-height: 1.3; }
  .faq .faq-ask input::placeholder { color: rgba(235, 240, 255, .62); opacity: 1; }
  .faq .faq-ask button[type="submit"] { width: 44px; height: 44px; margin-right: -4px; color: #fff; }
  .faq .faq-ask button[type="submit"] > span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--m-glass); border: 1px solid var(--m-line); font-size: 18px; line-height: 1; }
  .faq .faq-ask-status { color: var(--m-text); padding: 0 0 12px; }
  .faq .faq-ask-status.is-error { color: #ffb4ae; }
  .faq .faq-live .faq-turn-q { display: flex; align-items: center; min-height: 64px; padding: 14px 0; color: #fff; font-size: 17px; line-height: 1.3; }
  .faq .faq-live .faq-turn-a { padding: 0 0 16px; color: var(--m-text); font-size: 16px; line-height: 1.55; }
  .faq .faq-cta, .faq .faq-ask-again, .faq .faq-ask-again span { color: var(--m-ice); }
  .faq .faq-ask-again { min-height: 44px; margin: 0 0 8px; font-size: 16px; }

  /* 7. Fecho: cartão com o CTA dividido */
  .conversion { padding: 24px 0 24px; background: transparent; }
  .conversion-grid { grid-template-columns: 1fr; gap: 24px; }
  .conversion .eyebrow, .form-heading { display: none; }
  .conversion-grid > div:first-child { padding: 32px 22px 24px; border-radius: 32px; border: 1px solid var(--m-line); background: radial-gradient(ellipse 120% 60% at 50% 115%, #2a66ff 0%, rgba(31, 91, 255, .5) 35%, transparent 75%), var(--m-card); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14); }
  .conversion h2 { max-width: 480px; margin: 0; font-size: min(10vw, 40px); line-height: 1.06; letter-spacing: -.045em; font-weight: 300; color: #fff; }
  section.conversion h2 em { display: block; background: linear-gradient(95deg, #8fb4ff, #dbe8ff); -webkit-background-clip: text; background-clip: text; color: transparent; padding: .1em 0 .2em; font-style: normal; }
  .m-reassure { margin: 12px 0 0; padding: 0; list-style: none; }
  .m-reassure li { position: relative; padding-left: 18px; font-size: 16px; line-height: 1.5; color: var(--m-text); }
  .m-reassure li::before { content: ''; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 50%; background: var(--m-ice); }
  .m-abrir-form { margin-top: 28px; }
  .form-grid { grid-template-columns: 1fr; gap: 0; }
  footer { flex-wrap: wrap; gap: 12px; min-height: 0; padding: 28px 0 120px; color: rgba(235, 240, 255, .66); }
  footer > span { width: 100%; font-size: 12px; line-height: 1.5; color: rgba(235, 240, 255, .66); }
  footer .brand { color: #fff; }
  footer .footer-links, footer .footer-links a { color: rgba(235, 240, 255, .78); font-size: 12px; }
  footer .footer-links a { display: inline-flex; align-items: center; min-height: 44px; }

  /* CTA fixo em pílula de vidro */
  .m-sticky { position: fixed; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); z-index: 4; transform: translateY(160%); transition: transform 240ms cubic-bezier(.22, 1, .36, 1); }
  .m-sticky[data-visible="true"] { transform: translateY(0); }
  .m-split-glass { gap: 0; padding: 4px; border-radius: 999px; border: 1px solid var(--m-line); background: rgba(14, 32, 100, .78); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); box-shadow: 0 14px 40px rgba(2, 8, 40, .55), inset 0 1px 0 rgba(255, 255, 255, .16); }
  .m-split-glass .m-split-pill { background: transparent; color: #fff; }
  .m-split-glass .m-split-go { flex-basis: 52px; width: 52px; height: 52px; background: #fff; color: #0b1a4d; box-shadow: none; }

  [data-reveal].motion-enter { animation: editorial-enter .5s cubic-bezier(.22, 1, .36, 1) both; }
}

@media (max-width: 1000px) and (hover: none) and (pointer: coarse) and (orientation: landscape) {
  .m-hero { min-height: 0; padding-bottom: 28px; }
  .m-hero > .wrap { min-height: 0; }
  .m-orbit { display: none; }
  .m-card { position: relative; top: auto; min-height: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .m-sticky { transition: none; }
  .m-float { animation: none; }
  [data-reveal].motion-enter { animation: none; }
}

/* Folha do formulário (celular): sobe de baixo, vidro azul, formulário no lugar. */
.m-sheet { display: none; }
@media (max-width: 700px), (max-width: 1000px) and (hover: none) and (pointer: coarse) and (orientation: landscape) {
  .m-sheet[open] { display: block; position: fixed; inset: auto 0 0 0; width: 100%; max-width: none; margin: 0; max-height: 94dvh; overflow-y: auto; overscroll-behavior: contain; border: 0; border-top: 1px solid var(--m-line); border-radius: 32px 32px 0 0; padding: 14px 20px calc(24px + env(safe-area-inset-bottom)); background: radial-gradient(ellipse 120% 40% at 50% 110%, rgba(31, 91, 255, .55), transparent 70%), linear-gradient(180deg, #0c1c5a 0%, #060f2e 100%); color: #f4f4ff; box-shadow: 0 -20px 60px rgba(2, 6, 30, .6); animation: m-sheet-sobe .32s cubic-bezier(.22, 1, .36, 1) both; }
  .m-sheet::backdrop { background: rgba(3, 6, 20, .66); }
  .m-sheet[open]::backdrop { animation: m-sheet-fundo .25s ease-out both; }
  .m-sheet-grip { width: 40px; height: 4px; margin: 0 auto 18px; border-radius: 2px; background: rgba(235, 235, 255, .35); }
  .m-sheet-close { position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; border: 1px solid var(--m-line); border-radius: 50%; background: var(--m-glass); color: #f4f4ff; font-size: 26px; line-height: 1; display: grid; place-items: center; touch-action: manipulation; }
  .m-sheet h2 { margin: 6px 44px 0 0; font-size: 32px; line-height: 1.08; letter-spacing: -.04em; font-weight: 300; color: #fff; }
  .m-sheet h2 em { display: block; background: linear-gradient(95deg, #8fb4ff, #dbe8ff); -webkit-background-clip: text; background-clip: text; color: transparent; padding: .1em 0 .2em; font-style: normal; }
  .m-sheet-sub { margin: 4px 0 20px; font-size: 16px; color: var(--m-text); }
  .m-sheet .form-heading, .m-sheet .lead-honeypot { display: none; }
  .m-sheet .form-grid { grid-template-columns: 1fr; gap: 0; }
  .m-sheet label { margin-bottom: 6px; font-size: 14px; color: #f4f4ff; }
  .m-sheet input { min-height: 52px; border: 1px solid var(--m-line); border-radius: 18px; background: rgba(120, 160, 255, .1); color: #fff; font-size: 16px; }
  .m-sheet input::placeholder { color: rgba(235, 240, 255, .6); }
  .m-sheet input:focus { outline: 2px solid var(--m-ice); outline-offset: 1px; }
  .m-sheet .lead-privacy { font-size: 14px; color: var(--m-text); }
  .m-sheet .field-error { margin-top: 4px; color: #ffb4ae; }
  .m-sheet input[aria-invalid="true"] { border-color: #ff8c84; }
  .m-sheet .button { width: 100%; justify-content: space-between; min-height: 56px; margin-top: 8px; padding: 0 12px 0 24px; border-radius: 999px; background: #fff; color: #0b0b1f; box-shadow: none; font-size: 16px; font-weight: 600; }
  .m-sheet .button:disabled { opacity: .55; }
  .m-sheet .button > span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--m-cobalt); color: #fff; font-size: 20px; }
  .m-sheet #form-status { color: #f4f4ff; }
  .m-sheet #form-status.error { color: #ffb4ae; }
  html.m-sheet-aberta { overflow: hidden; }
  .m-sticky { z-index: 3; }
  @keyframes m-sheet-sobe { from { transform: translateY(100%); } to { transform: translateY(0); } }
  @keyframes m-sheet-fundo { from { opacity: 0; } to { opacity: 1; } }
}
@media (prefers-reduced-motion: reduce) { .m-sheet[open], .m-sheet[open]::backdrop { animation: none; } }

@media (max-width: 700px), (max-width: 1000px) and (hover: none) and (pointer: coarse) and (orientation: landscape) {
  .m-orb img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1.22); }
  /* Fotos de apoio dentro dos cartões: sob o conteúdo, com degradê de proteção para o texto. */
  .m-card-gpt, .m-event, .conversion-grid > div:first-child { position: relative; isolation: isolate; overflow: hidden; }
  .m-card-gpt { position: sticky; }
  .m-photo { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
  .m-card-gpt .m-photo { opacity: .55; object-position: 50% 30%; -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 85%); mask-image: linear-gradient(180deg, #000 0%, transparent 85%); }
  .m-event .m-photo { opacity: .5; object-position: 50% 45%; -webkit-mask-image: linear-gradient(200deg, #000 0%, transparent 70%); mask-image: linear-gradient(200deg, #000 0%, transparent 70%); }
  .conversion-grid > div:first-child .m-photo { opacity: .4; object-position: 50% 60%; -webkit-mask-image: linear-gradient(0deg, #000 0%, transparent 75%); mask-image: linear-gradient(0deg, #000 0%, transparent 75%); }
}

/* Cartão do WhatsApp: lista de conversas no jeito do app (avatar, hora, prévia, balão verde de não lida, ticks azuis). */
@media (max-width: 700px), (max-width: 1000px) and (hover: none) and (pointer: coarse) and (orientation: landscape) {
  .wa { flex: 1; display: flex; flex-direction: column; gap: 12px; font-family: -apple-system, "SF Pro Text", Inter, system-ui, sans-serif; }
  .wa-top { display: flex; align-items: center; justify-content: space-between; }
  .wa-top h2 { margin: 0; font-size: 30px; font-weight: 700; letter-spacing: -.02em; color: #fff; }
  .wa-plus { width: 36px; height: 36px; border-radius: 50%; background: #25d366; color: #06210f; font-size: 26px; line-height: 34px; text-align: center; font-weight: 400; }
  .wa-search { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border-radius: 12px; background: rgba(255, 255, 255, .1); color: rgba(235, 240, 255, .7); font-size: 16px; }
  .wa-search svg { width: 18px; height: 18px; flex: none; }
  .wa-filtros { display: flex; gap: 8px; }
  .wa-filtros span { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 14px; border-radius: 999px; background: rgba(255, 255, 255, .1); color: rgba(235, 240, 255, .85); font-size: 14px; font-weight: 500; }
  .wa-filtros span.on { background: rgba(37, 211, 102, .22); color: #8cf0b4; }
  .wa-filtros b { font-weight: 600; color: #8cf0b4; }
  .wa-lista { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; }
  .wa-lista li { display: flex; gap: 12px; padding: 12px 0; border-top: 1px solid rgba(255, 255, 255, .09); }
  .wa-lista li:first-child { border-top: 0; }
  .wa-av { flex: none; width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-size: 19px; font-weight: 600; color: #fff; background: linear-gradient(160deg, #6f86c9 0%, #3d4f93 100%); }
  .wa-corpo { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
  .wa-linha { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
  .wa-linha b { font-size: 17px; font-weight: 600; color: #fff; }
  .wa-linha time { font-size: 13px; color: rgba(235, 240, 255, .62); }
  .wa-linha time.novo { color: #4ee08a; }
  .wa-linha p { margin: 0; flex: 1; min-width: 0; display: flex; align-items: center; gap: 5px; font-size: 15px; line-height: 1.35; color: rgba(235, 240, 255, .78); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: none; padding: 0; border-radius: 0; max-width: none; }
  .wa-tk { flex: none; width: 17px; height: 11px; color: #53bdeb; }
  .wa-bolha { flex: none; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 11px; background: #25d366; color: #06210f; font-style: normal; font-size: 13px; font-weight: 700; display: grid; place-items: center; }
  .wa-st { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; margin-top: 3px; min-height: 24px; padding: 0 10px; border-radius: 999px; font-size: 13px; font-weight: 500; }
  .wa-st::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
  .st-sem { background: rgba(255, 140, 132, .16); color: #ffb4ae; }
  .st-esp { background: rgba(255, 210, 122, .15); color: #ffd98f; }
  .st-ok { background: rgba(60, 200, 140, .16); color: #9cf0c8; }
}

/* Cabeçalho do celular: só o logo (o botão branco do canto saiu; o CTA já está na abertura e na barra fixa). */
@media (max-width: 700px), (max-width: 1000px) and (hover: none) and (pointer: coarse) and (orientation: landscape) {
  .header .text-link { display: none; }
}

/* Logos em órbita: Google, ChatGPT e WhatsApp giram devagar em volta da Terra (48 s por volta), sempre em pé. */
@media (max-width: 700px), (max-width: 1000px) and (hover: none) and (pointer: coarse) and (orientation: landscape) {
  .m-ring-3 { width: 336px; height: 336px; }
  .m-spin { position: absolute; left: 50%; top: 52%; width: 0; height: 0; animation: m-gira 48s linear infinite; }
  .m-sat { position: absolute; left: 0; top: 0; width: 44px; height: 44px; margin: -22px 0 0 -22px; transform: rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a))); }
  .m-sat-in { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; animation: m-gira 48s linear infinite reverse; box-shadow: 0 8px 24px rgba(20, 60, 200, .5), 0 0 0 4px rgba(120, 160, 255, .16); }
  .m-sat-in svg { width: 26px; height: 26px; display: block; }
  .m-logo-g { background: #fff; }
  .m-logo-g svg { width: 24px; height: 24px; }
  .m-logo-c { background: #10a37f; }
  .m-logo-w { background: #25d366; }
  @keyframes m-gira { to { transform: rotate(360deg); } }
}
@media (prefers-reduced-motion: reduce) { .m-spin, .m-sat-in { animation: none; } }

/* Logos em órbita voltam ao visual de antes: círculo branco com o símbolo no azul da página. */
@media (max-width: 700px), (max-width: 1000px) and (hover: none) and (pointer: coarse) and (orientation: landscape) {
  .m-logo-c, .m-logo-w { background: #fff; }
}

/* Botões CTA no estilo "rich button" (Spell UI): degradê vertical que clareia no topo, brilho interno de 1 px no alto,
   borda escura fina, sombra suave e texto com relevo de 1 px. Proporções e formato continuam os mesmos. */
@media (max-width: 700px), (max-width: 1000px) and (hover: none) and (pointer: coarse) and (orientation: landscape) {
  .m-split:not(.m-split-glass) .m-split-pill { background: linear-gradient(180deg, rgba(255, 255, 255, .88) 0%, #e9eeff 100%); border: 1px solid rgba(9, 9, 11, .35); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 6px 14px rgba(9, 9, 11, .28); text-shadow: 0 1px 0 #fff; transition: filter .2s; }
  .m-split:not(.m-split-glass) .m-split-go { background: linear-gradient(180deg, rgba(40, 60, 255, .88) 0%, #0000ff 100%); border: 1px solid rgba(9, 9, 11, .35); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 6px 14px rgba(9, 9, 11, .28); text-shadow: 0 1px 0 #00006b; transition: filter .2s, transform .2s; }
  .m-split:not(.m-split-glass):hover .m-split-pill, .m-split:not(.m-split-glass):hover .m-split-go { filter: brightness(1.08); }
  .m-split:not(.m-split-glass):active .m-split-pill, .m-split:not(.m-split-glass):active .m-split-go { filter: brightness(.95); }
}

/* Nome da marca sob cada logo, na tipografia mais próxima de cada uma entre as fontes já carregadas ou do sistema
   (Google Sans, Söhne e a do WhatsApp são proprietárias): Google em geométrica (Plus Jakarta Sans), ChatGPT em Inter, WhatsApp na do sistema. */
@media (max-width: 700px), (max-width: 1000px) and (hover: none) and (pointer: coarse) and (orientation: landscape) {
  .m-sat-in { position: relative; overflow: visible; }
  .m-sat-nome { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); margin-top: 7px; font-style: normal; white-space: nowrap; color: #fff; font-size: 13px; line-height: 1; text-shadow: 0 1px 8px rgba(3, 8, 40, .9); }
  .m-nome-g { font-family: "Plus Jakarta Sans", Inter, system-ui, sans-serif; font-weight: 500; letter-spacing: -.01em; }
  .m-nome-c { font-family: Inter, system-ui, sans-serif; font-weight: 500; letter-spacing: -.005em; }
  .m-nome-w { font-family: -apple-system, "SF Pro Text", "Helvetica Neue", Inter, sans-serif; font-weight: 600; }
  .m-sat-a, .m-sat-c { --r: 160px !important; }
}

/* Abertura: o bloco do título e o conjunto Terra e órbita descem um pouco. */
@media (max-width: 700px) {
  .m-hero > .wrap { padding-top: 12px; }
  .m-orbit { margin-top: 12px; }
}

/* Como funciona: trilha vertical (não mais pílulas de vidro, que se confundiam com o FAQ). Numerais grandes e vazados
   sobre um trilho de luz com nós; o último passo é a chegada, em cartão cobalto cheio com seta. */
@media (max-width: 700px) {
  .m-process .m-steps { position: relative; margin: 30px 0 0; padding-left: 0; }
  .m-process .m-steps::before { content: ''; position: absolute; left: 31px; top: 36px; bottom: 56px; width: 2px; background: linear-gradient(180deg, rgba(143, 180, 255, .9), rgba(143, 180, 255, .15)); border-radius: 2px; }
  .m-process .m-steps li { display: grid; grid-template-columns: 64px 1fr; align-items: center; column-gap: 16px; min-height: 0; margin: 0; padding: 18px 0; border: 0; border-radius: 0; background: none; overflow: visible; }
  .m-process .m-steps .m-step-line { display: none; }
  .m-process .m-steps li > span { position: relative; z-index: 1; width: 64px; height: 64px; flex: none; border-radius: 0; background: none; box-shadow: none; display: block; font-size: 46px; line-height: 64px; font-weight: 200; letter-spacing: -.05em; text-align: center; color: transparent; -webkit-text-stroke: 1.2px #8fb4ff; }
  .m-process .m-steps li > span::after { content: ''; position: absolute; left: 50%; bottom: -6px; width: 10px; height: 10px; margin-left: -5px; border-radius: 50%; background: #8fb4ff; box-shadow: 0 0 0 4px rgba(143, 180, 255, .18), 0 0 14px rgba(143, 180, 255, .8); }
  .m-process .m-steps h3 { font-size: 24px; line-height: 1.2; letter-spacing: -.03em; font-weight: 300; }
  .m-process .m-steps li:first-child { grid-template-columns: 64px 1fr 44px; margin-top: 8px; padding: 14px 14px 14px 0; border-radius: 28px; background: linear-gradient(180deg, rgba(40, 70, 255, .9) 0%, #0000ff 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 14px 34px rgba(0, 0, 255, .35); }
  .m-process .m-steps li:first-child > span { -webkit-text-stroke: 1.2px #fff; }
  .m-process .m-steps li:first-child > span::after { background: #fff; box-shadow: 0 0 14px rgba(255, 255, 255, .8); }
  .m-process .m-steps li:first-child h3 { font-weight: 500; }
  .m-process .m-steps li:first-child::after { content: '↗'; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #fff; color: #0000ff; font-size: 20px; font-weight: 600; }
}

/* Ajuste da trilha: o trilho e os nós ficam à esquerda dos numerais, sem cruzar o desenho dos números. */
@media (max-width: 700px) {
  .m-process .m-steps::before { left: 6px; top: 44px; bottom: 60px; }
  .m-process .m-steps li { grid-template-columns: 62px 1fr; padding: 18px 0 18px 26px; }
  .m-process .m-steps li::before { content: ''; position: absolute; left: 0; top: 50%; width: 14px; height: 14px; margin-top: -7px; border-radius: 50%; background: #8fb4ff; box-shadow: 0 0 0 5px rgba(143, 180, 255, .16), 0 0 16px rgba(143, 180, 255, .85); }
  .m-process .m-steps li > span { width: 62px; font-size: 42px; }
  .m-process .m-steps li > span::after { display: none; }
  .m-process .m-steps li:first-child { grid-template-columns: 62px 1fr 44px; margin: 0 0 8px 20px; padding: 14px 14px 14px 12px; }
  .m-process .m-steps li:first-child::before { display: none; }
  .m-process .m-steps li:first-child > span { padding-right: 0; }
  .m-process .m-steps li:first-child h3 { font-size: 22px; }
}

/* Barra fixa: o círculo branco virou um botão de água (gota de vidro azul com reflexo e luz interna). Mesmo tamanho. */
@media (max-width: 700px), (max-width: 1000px) and (hover: none) and (pointer: coarse) and (orientation: landscape) {
  .m-split-glass .m-split-go { position: relative; overflow: hidden; color: #fff; text-shadow: 0 1px 4px rgba(0, 40, 160, .6); border: 1px solid rgba(255, 255, 255, .55);
    background:
      radial-gradient(ellipse 60% 38% at 50% 14%, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 100%),
      radial-gradient(circle at 50% 118%, rgba(120, 220, 255, .75) 0%, rgba(120, 220, 255, 0) 62%),
      linear-gradient(165deg, rgba(150, 205, 255, .8) 0%, rgba(40, 105, 255, .75) 55%, rgba(10, 40, 190, .85) 100%);
    box-shadow: inset 0 2px 5px rgba(255, 255, 255, .7), inset 0 -7px 12px rgba(0, 50, 190, .5), 0 6px 18px rgba(20, 90, 255, .55); }
  .m-split-glass .m-split-go::after { content: ''; position: absolute; left: 22%; top: 9%; width: 30%; height: 14%; border-radius: 50%; background: rgba(255, 255, 255, .55); transform: rotate(-18deg); filter: blur(1px); }
}

/* O cartão do passo 3 encaixa no nível do passo 1: numeral e título alinhados nas mesmas colunas (x do 01 e do 02). */
@media (max-width: 700px) {
  .m-process .m-steps li:first-child { margin-left: 14px; margin-right: 0; }
}


/* Folha do formulário no estilo liquid glass da Apple (iOS 26): vidro claro e fino, desfoque forte com saturação, tinta quase
   neutra, borda de 1 px com luz especular que gira do canto de cima ao de baixo, sombra suave e cantos grandes. Campos em
   cápsulas de vidro mais escuras; botão de ação em vidro tingido de cobalto. Um único backdrop-filter ativo (a barra fixa some). */
@media (max-width: 700px), (max-width: 1000px) and (hover: none) and (pointer: coarse) and (orientation: landscape) {
  .m-sheet[open] { border: 0; border-radius: 40px 40px 0 0; padding: 12px 20px calc(24px + env(safe-area-inset-bottom));
    background: linear-gradient(180deg, rgba(255, 255, 255, .16) 0%, rgba(255, 255, 255, .07) 38%, rgba(255, 255, 255, .05) 100%), rgba(14, 22, 62, .74);
    -webkit-backdrop-filter: blur(40px) saturate(190%) brightness(1.08); backdrop-filter: blur(40px) saturate(190%) brightness(1.08);
    box-shadow: 0 -1px 0 rgba(255, 255, 255, .22) inset, 0 20px 40px -12px rgba(255, 255, 255, .06) inset, 0 -30px 80px rgba(2, 6, 40, .5); }
  .m-sheet[open]::before { display: none; }
  .m-sheet[open]::after { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1.2px; pointer-events: none;
    background: linear-gradient(165deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, .22) 18%, rgba(255, 255, 255, .06) 50%, rgba(255, 255, 255, .16) 85%, rgba(255, 255, 255, .5) 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  .m-sheet.m-sheet-rolou::after { opacity: 0; }
  .m-sheet::backdrop { background: rgba(2, 4, 28, .5); -webkit-backdrop-filter: none; backdrop-filter: none; }
  .m-sheet-grip { width: 36px; height: 5px; margin-bottom: 20px; background: rgba(255, 255, 255, .45); border-radius: 3px; }
  .m-sheet-close { top: 12px; right: 12px; width: 44px; height: 44px; background: rgba(255, 255, 255, .12); border: 0; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28), inset 0 1px 0 rgba(255, 255, 255, .4); font-size: 22px; font-weight: 300; }
  .m-sheet h2 { font-weight: 300; }
  .m-sheet input { min-height: 52px; border: 0; border-radius: 16px; background: rgba(0, 8, 40, .3); color: #fff; -webkit-text-fill-color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16), inset 0 2px 6px rgba(0, 0, 20, .3), 0 1px 0 rgba(255, 255, 255, .12); }
  .m-sheet input::placeholder { color: rgba(235, 240, 255, .5); -webkit-text-fill-color: rgba(235, 240, 255, .5); }
  .m-sheet input:focus { outline: 0; background: rgba(0, 8, 40, .38); box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .8), inset 0 2px 6px rgba(0, 0, 20, .3), 0 0 0 4px rgba(120, 170, 255, .28); }
  .m-sheet label { font-weight: 500; letter-spacing: .005em; color: rgba(255, 255, 255, .92); }
  .m-sheet .button { min-height: 56px; border: 0; border-radius: 999px; color: #fff; text-shadow: none; font-weight: 600;
    background: linear-gradient(180deg, rgba(110, 140, 255, .85) 0%, rgba(30, 50, 255, .9) 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .38), inset 0 1.5px 0 rgba(255, 255, 255, .6), inset 0 -10px 18px rgba(0, 0, 120, .3), 0 10px 24px rgba(20, 40, 255, .4); }
  .m-sheet .button:active { filter: brightness(.94); }
}
/* Folha em tela baixa (360x740, iPhone com as barras do Safari): com o WhatsApp são cinco campos, então só o respiro
   encolhe para o botão de enviar caber sem rolar. Campos, fontes e alvos de toque continuam do mesmo tamanho. */
@media (max-width: 700px) and (max-height: 800px) {
  .m-sheet[open] { padding-bottom: calc(16px + env(safe-area-inset-bottom)); }
  .m-sheet-grip { margin-bottom: 14px; }
  .m-sheet-sub { margin-bottom: 12px; }
  .m-sheet label { margin-bottom: 4px; }
  .m-sheet .field-error:empty { margin: 0 0 8px; }
  .m-sheet .lead-privacy { margin: 4px 0 12px; }
  .m-sheet #form-status:empty { margin: 0; }
}
@media (prefers-reduced-transparency: reduce) { .m-sheet[open] { background: #141c4a; -webkit-backdrop-filter: none; backdrop-filter: none; } }

/* Trilha com o CTA no passo 01: o trilho começa depois do cartão e o fio liga o 01 ao 02 e ao 03. */
@media (max-width: 700px) {
  .m-process .m-steps::before { top: 108px; bottom: 36px; }
}

/* Trilha animada: as bolinhas começam vazadas e o fio de luz desce acendendo uma a uma (uma vez, ao entrar na tela). */
@media (max-width: 700px) {
  .m-process .m-steps::before { transform-origin: top; transform: scaleY(0); }
  .m-process .m-steps.is-fill::before { transform: scaleY(1); transition: transform 1.4s cubic-bezier(.4, 0, .2, 1) .15s; }
  .m-process .m-steps li:not(:first-child)::before { background: transparent; box-shadow: inset 0 0 0 2px rgba(143, 180, 255, .75); transform: scale(.86); transition: background .35s, box-shadow .45s, transform .45s cubic-bezier(.3, 1.6, .5, 1); }
  .m-process .m-steps.is-fill li:nth-child(2)::before { transition-delay: .55s; }
  .m-process .m-steps.is-fill li:nth-child(3)::before { transition-delay: 1.45s; }
  .m-process .m-steps.is-fill li:not(:first-child)::before { background: #8fb4ff; box-shadow: 0 0 0 5px rgba(143, 180, 255, .16), 0 0 16px rgba(143, 180, 255, .85); transform: scale(1); }
  .m-process .m-steps li:not(:first-child) > span { opacity: .35; transition: opacity .5s; }
  .m-process .m-steps.is-fill li:nth-child(2) > span { opacity: 1; transition-delay: .55s; }
  .m-process .m-steps.is-fill li:nth-child(3) > span { opacity: 1; transition-delay: 1.45s; }
}

/* Como funciona sem CTA: os três passos iguais, numerais vazados e trilha com bolinhas que acendem em sequência (01, 02, 03). */
@media (max-width: 700px) {
  .m-process .m-steps::before { top: 44px; bottom: 44px; }
  .m-process .m-steps li:first-child { grid-template-columns: 62px 1fr; margin: 0; padding: 18px 0 18px 26px; border-radius: 0; background: none; box-shadow: none; }
  .m-process .m-steps li:first-child::after { content: none; display: none; }
  .m-process .m-steps li:first-child > span { -webkit-text-stroke: 1.2px #8fb4ff; }
  .m-process .m-steps li:first-child h3 { font-size: 24px; font-weight: 300; }
  .m-process .m-steps li:first-child::before { display: block; background: transparent; box-shadow: inset 0 0 0 2px rgba(143, 180, 255, .75); transform: scale(.86); transition: background .35s, box-shadow .45s, transform .45s cubic-bezier(.3, 1.6, .5, 1); }
  .m-process .m-steps li:first-child > span { opacity: .35; transition: opacity .5s; }
  .m-process .m-steps.is-fill li:first-child::before { transition-delay: .2s; background: #8fb4ff; box-shadow: 0 0 0 5px rgba(143, 180, 255, .16), 0 0 16px rgba(143, 180, 255, .85); transform: scale(1); }
  .m-process .m-steps.is-fill li:first-child > span { opacity: 1; transition-delay: .2s; }
  .m-process .m-steps.is-fill li:nth-child(2)::before, .m-process .m-steps.is-fill li:nth-child(2) > span { transition-delay: .7s; }
  .m-process .m-steps.is-fill li:nth-child(3)::before, .m-process .m-steps.is-fill li:nth-child(3) > span { transition-delay: 1.3s; }
  .m-process .m-steps.is-fill::before { transition-duration: 1.5s; }
}

/* Google e ChatGPT com a tipografia nativa: os resultados do Google saem em Arial (a fonte real da busca) com as cores de resultado
   do Google no modo escuro; o ChatGPT em Inter (parente da Söhne, que é proprietária) no padrão do app. Etiqueta SIMULAÇÃO ativa. */
@media (max-width: 700px), (max-width: 1000px) and (hover: none) and (pointer: coarse) and (orientation: landscape) {
  .m-card-google .m-card-top h2, .m-card-google header h2 { font-family: "Plus Jakarta Sans", Inter, sans-serif; font-weight: 500; letter-spacing: -.02em; }
  .m-card-gpt header h2 { font-family: Inter, system-ui, sans-serif; font-weight: 500; letter-spacing: -.02em; }
  .g-res { display: flex; flex-direction: column; gap: 3px; padding: 14px 16px; border-radius: 20px; background: rgba(255, 255, 255, .05); border: 1px solid transparent; font-family: Arial, "Helvetica Neue", Roboto, sans-serif; }
  .g-res-you { border-color: rgba(143, 180, 255, .55); background: rgba(31, 91, 255, .26); box-shadow: 0 0 28px rgba(31, 91, 255, .3); }
  .g-url { font-size: 13px; color: #bdc1c6; }
  .g-tit { font-size: 19px; line-height: 1.25; font-weight: 400; color: #8ab4f8; }
  .g-desc { font-size: 14px; line-height: 1.45; color: #bdc1c6; }
  .m-bub, .m-bub-ai, .m-bub-user { font-family: Inter, system-ui, sans-serif; }
  .m-bub-user { align-self: flex-end; border-radius: 22px; background: rgba(255, 255, 255, .14); }
  .m-bub-ai { border: 0; background: none; padding: 4px 0 0 40px; position: relative; max-width: 100%; }
  .m-bub-ai b { position: absolute; left: 0; top: 2px; width: 28px; height: 28px; margin: 0; border-radius: 50%; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z'/%3E%3C/svg%3E") center/16px no-repeat; }
  .m-bub-ai b svg { display: none; }
  .m-card .m-tag { align-self: flex-start; margin-top: 14px; font-size: 12px; letter-spacing: .08em; color: rgba(235, 240, 255, .7); }
}

/* Lua em órbita própria, mais perto da Terra e em sentido contrário aos logos; fica de pé e parada com movimento reduzido. */
@media (max-width: 700px), (max-width: 1000px) and (hover: none) and (pointer: coarse) and (orientation: landscape) {
  .m-spin-lua { animation: m-gira 34s linear infinite reverse; z-index: 1; }
  .m-sat-lua { width: 26px; height: 26px; margin: -13px 0 0 -13px; }
  .m-lua { width: 26px; height: 26px; background: none; box-shadow: none; border-radius: 50%; animation: m-gira 34s linear infinite; filter: drop-shadow(0 2px 6px rgba(0, 20, 120, .6)); }
  .m-lua img { width: 26px; height: 26px; display: block; border-radius: 50%; }
}
@media (prefers-reduced-motion: reduce) { .m-spin-lua, .m-lua { animation: none; } }

/* CTA final: cartão alto e centrado, foto da recepção vista de cima para baixo com véu azul, título grande, selo de gratuidade e UM botão largo
   de vidro cobalto (estilo botão de água) com a seta em círculo de vidro e um halo que pulsa de leve. */
@media (max-width: 700px) {
  .conversion-grid > div:first-child { min-height: 470px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; text-align: center; padding: 28px 20px 24px; border-radius: 36px; background: radial-gradient(ellipse 110% 70% at 50% 120%, #2a66ff 0%, rgba(31, 91, 255, .35) 45%, rgba(8, 18, 70, 0) 75%), linear-gradient(180deg, #060d2e 0%, #0a1850 100%); border: 1px solid rgba(160, 190, 255, .28); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 24px 60px rgba(2, 10, 60, .5); }
  .conversion-grid > div:first-child .m-photo { opacity: .75; object-position: 50% 40%; -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 22%, transparent 66%); mask-image: linear-gradient(180deg, #000 0%, #000 22%, transparent 66%); }
  .conversion h2 { max-width: none; font-size: min(11.6vw, 46px); line-height: 1.02; text-align: center; }
  section.conversion h2 em { display: block; }
  .conversion .m-reassure { margin: 16px 0 0; display: flex; justify-content: center; }
  .conversion .m-reassure li { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 14px 0 12px; border-radius: 999px; background: rgba(255, 255, 255, .1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); color: #eaf1ff; font-size: 15px; }
  .conversion .m-reassure li::before { position: static; flex: none; width: 8px; height: 8px; margin: 0; border-radius: 50%; background: #7dffb0; box-shadow: 0 0 10px rgba(125, 255, 176, .9); }
  .conversion .m-split.m-abrir-form { position: relative; width: 100%; margin-top: 24px; gap: 0; min-height: 68px; padding: 6px 6px 6px 8px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .5);
    background: linear-gradient(180deg, rgba(150, 200, 255, .55) 0%, rgba(40, 105, 255, .85) 52%, rgba(10, 40, 190, .95) 100%);
    box-shadow: inset 0 2px 5px rgba(255, 255, 255, .65), inset 0 -10px 18px rgba(0, 50, 190, .45), 0 14px 34px rgba(20, 90, 255, .55); }
  .conversion .m-split.m-abrir-form::after { content: ''; position: absolute; inset: -6px; border-radius: inherit; border: 1.5px solid rgba(150, 190, 255, .55); animation: m-halo 2.6s ease-out infinite; pointer-events: none; }
  .conversion .m-split.m-abrir-form .m-split-pill { background: none; border: 0; box-shadow: none; text-shadow: 0 1px 3px rgba(0, 30, 140, .6); color: #fff; font-size: 18px; font-weight: 600; min-height: 56px; padding-left: 52px; }
  .conversion .m-split.m-abrir-form .m-split-go { flex: 0 0 56px; width: 56px; height: 56px; background: rgba(255, 255, 255, .92); color: #0000ff; border: 0; box-shadow: 0 6px 16px rgba(0, 20, 120, .35), inset 0 -4px 8px rgba(120, 160, 255, .35); text-shadow: none; font-size: 26px; }
  @keyframes m-halo { 0% { transform: scale(.98); opacity: .9; } 100% { transform: scale(1.08, 1.35); opacity: 0; } }
}
@media (prefers-reduced-motion: reduce) { .conversion .m-split.m-abrir-form::after { animation: none; opacity: .5; } }

/* Marcas no cabeçalho dos cartões: o Google com o logotipo oficial (SVG); o ChatGPT com o símbolo oficial e o nome em Inter (a Söhne é proprietária). */
@media (max-width: 700px), (max-width: 1000px) and (hover: none) and (pointer: coarse) and (orientation: landscape) {
  .m-wordmark { display: block; height: 30px; width: auto; }
  .m-gpt-nome { display: inline-flex; align-items: center; gap: 10px; }
  .m-gpt-nome svg { width: 26px; height: 26px; flex: none; }
}

/* Sistema interplanetário em branco: logos das marcas sem cor, símbolo branco sobre círculo de vidro; nomes e logotipo do Google em branco. */
@media (max-width: 700px), (max-width: 1000px) and (hover: none) and (pointer: coarse) and (orientation: landscape) {
  .m-logo-g, .m-logo-c, .m-logo-w { background: rgba(255, 255, 255, .14); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5), inset 0 1px 0 rgba(255, 255, 255, .55), 0 8px 22px rgba(10, 40, 200, .45); }
  .m-sat-in svg path { fill: #fff; stroke: none; }
  .m-sat-nome { color: #fff; }
  .m-wordmark { filter: brightness(0) invert(1); }
}

/* Linha de translação da Lua: anel próprio, com o centro da Lua exatamente sobre o traço (raio 95 px). */
@media (max-width: 700px), (max-width: 1000px) and (hover: none) and (pointer: coarse) and (orientation: landscape) {
  .m-ring-lua { width: 190px; height: 190px; border: 1px dashed rgba(190, 215, 255, .55); background: none; z-index: 1; }
}

/* Os três logos (Google, ChatGPT e WhatsApp) orbitam também no celular, a 120 graus um do outro. */
@media (max-width: 700px), (max-width: 1000px) and (hover: none) and (pointer: coarse) and (orientation: landscape) { .m-sat-a { --a: -60deg !important; --r: 158px !important; } .m-sat-b { --a: 60deg !important; --r: 158px !important; } .m-sat-c { --a: 180deg !important; --r: 150px !important; } }

@media (max-width: 700px), (max-width: 1000px) and (hover: none) and (pointer: coarse) and (orientation: landscape) { .faq .faq-ask-slot:has(.faq-ask:focus-within) { outline: 2px solid #cfe0ff; outline-offset: 3px; } }

/* Abertura -> vídeo: a mesma passagem do desktop (desktop.css), mas presa à rolagem, sem travar o toque. A abertura fica
   parada e recua sob um véu escuro enquanto a folha do vídeo sobe por cima. O main.js liga html.m-passa (retrato, sem
   movimento reduzido) e escreve --mp, de 0 a 1 conforme a folha sobe; com a folha no topo, html.m-coberta esconde a abertura. */
@media (max-width: 700px) and (orientation: portrait) {
  html.m-passa .m-hero { position: sticky; top: 0; z-index: 0; }
  html.m-passa .m-hero::after { content: ''; position: absolute; inset: 0; z-index: 5; background: #050b1a; opacity: calc(var(--mp, 0) * .82); pointer-events: none; }
  html.m-passa .m-hero > .wrap > :not(.m-orbit) { transform: translateY(calc(var(--mp, 0) * -48px)) scale(calc(1 - var(--mp, 0) * .06)); opacity: calc(1 - var(--mp, 0) * .65); }
  html.m-passa .m-orbit { transform: scale(calc(1 + var(--mp, 0) * .5)); opacity: calc(1 - var(--mp, 0) * .75); }
  html.m-passa.m-coberta .m-hero { visibility: hidden; }
  html.m-passa .m-trailer { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; min-height: 100vh; border-radius: 32px 32px 0 0; border-top: 1px solid rgba(180, 205, 255, .28); background: radial-gradient(ellipse 60% 160px at 50% 0, rgba(31, 91, 255, .35), transparent 80%), #050b1a; box-shadow: 0 -30px 90px rgba(31, 91, 255, .38); }
  html.m-passa .m-trailer.motion-enter { animation: none; }
}

/* Abertura em tela baixa (iPhone com as barras do Safari): a órbita encolhe para caber inteira, ícones e nomes
   incluídos, em qualquer ângulo da rotação. O main.js escreve --k (altura que sobra / altura que ela precisa); sem JS
   fica 1, como antes. Os filhos são centrados por translate(-50%, -50%), então o scale parte do canto (0 0), que é o
   centro da órbita. A altura usa svh (barras abertas) para a abertura não pular quando a barra do Safari recolhe. */
@media (max-width: 700px) and (orientation: portrait) {
  .m-hero { min-height: calc(100vh - 56px); min-height: calc(100svh - 56px); }
  .m-hero > .wrap { min-height: calc(100svh - 64px); }
  .m-orbit { min-height: 240px; }
  .m-orbit > * { scale: var(--k, 1); transform-origin: 0 0; }
  .m-progress { background: transparent; }
}
@media (max-width: 700px) and (orientation: portrait) and (max-height: 740px) {
  .m-hero > .wrap { padding-top: 4px; }
  .m-hero h1 { font-size: min(10.2vw, 40px); }
  .m-lead { margin-top: 10px; }
  .m-cta { margin-top: 16px; }
  .m-orbit { margin-top: 4px; }
}

/* TEMPORÁRIO (04/10/2026): Lua fora da abertura a pedido do Estevão. A órbita tracejada fica. Para voltar, apague este bloco. */
@media (max-width: 700px), (max-width: 1000px) and (hover: none) and (pointer: coarse) and (orientation: landscape) { .m-spin-lua { display: none; } }
/* FAQ ask: one input row, same ink as the list; answer reuses the slot. */
.faq-lead {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.7;
  max-width: 320px;
  margin: 20px 0 0;
}

.faq-ask-slot {
  border-bottom: 1px solid var(--line);
}

.faq-live[hidden] {
  display: none !important;
}

.faq-live .faq-turn-q {
  margin: 0;
  padding: 22px 0 0;
  font-size: 15px;
  line-height: 1.5;
  color: var(--ink);
}

.faq-live .faq-turn-a {
  margin: 0;
  padding: 12px 0 20px;
  font-size: 14px;
  line-height: 1.8;
  color: var(--muted);
}

.faq-live .faq-turn-a[data-pending="true"] {
  opacity: .72;
}

/* Typed answer: classic character-by-character typing with a blinking caret. */
.faq-caret {
  display: inline-block;
  width: 2px;
  height: 1em;
  margin-left: 2px;
  vertical-align: -2px;
  background: currentColor;
  animation: faq-caret-blink 1s steps(1) infinite;
}

@keyframes faq-caret-blink {
  50% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .faq-caret {
    animation: none;
  }
}

.faq-ask {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0 12px;
  align-items: center;
  margin: 0;
  padding: 8px 0 10px;
}

.faq-ask[hidden] {
  display: none !important;
}

.faq-ask input {
  border: 0;
  border-radius: 0;
  background: transparent;
  height: 48px;
  padding: 12px 0;
  font-size: 15px;
  color: var(--ink);
  width: 100%;
}

.faq-ask input:focus,
.faq-ask input:focus-visible {
  outline: none;
  box-shadow: none;
}

.faq-ask input::placeholder {
  color: var(--muted);
  opacity: .9;
}

.faq-ask button[type="submit"] {
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--blue);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 1.5;
}

.faq-ask button[type="submit"]:hover:not(:disabled) {
  opacity: .7;
}

.faq-ask button[type="submit"]:disabled {
  opacity: .45;
  cursor: wait;
}

.faq-ask-status {
  grid-column: 1 / -1;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--muted);
}

.faq-ask-status.is-error {
  color: var(--error);
}

.faq-ask-status:empty {
  display: none;
}

.faq-cta {
  color: var(--blue);
  font-weight: 550;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.faq-ask-again {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ink);
  font-size: 14px;
  font-weight: inherit;
  cursor: pointer;
}

.faq-ask-again span {
  color: var(--blue);
}

.faq-ask-again:hover {
  opacity: .75;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 700px) {
  .faq-lead {
    max-width: none;
    font-size: 14px;
    margin-top: 12px;
  }

  .faq-ask {
    padding: 4px 0 8px;
  }

  .faq-ask input {
    font-size: 16px;
    height: 52px;
  }
}
/* Trailer: a virada da página. Seção escura com o mesmo brilho azul do vídeo, entre "O paciente chamou"
   e "O relatório é o ponto de partida". Prévia muda em loop até o clique; o vídeo inteiro só toca com som
   quando a pessoa escolhe. */
.trailer-section{position:relative;overflow:hidden;color:#f4f4ff;background:radial-gradient(ellipse 70% 60% at 50% 0%,#1c1cc8 0%,#0a0a6e 42%,#05052a 82%,#03031a 100%);padding:112px 0 120px}
.trailer-section::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(235,235,255,.9) 1px,transparent 1.4px);background-size:44px 44px;opacity:.06;pointer-events:none}
.trailer-head{position:relative;text-align:center;max-width:760px;margin:0 auto}
.trailer-section .eyebrow{justify-content:center;color:#c9c9ff}
.trailer-section .eyebrow>span{background:#8c8cff;box-shadow:0 0 12px #5a5aff}
.trailer-section h2{margin-top:0;color:#f4f4ff;font-family:"Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,sans-serif;font-weight:500;font-size:clamp(36px,4vw,56px);letter-spacing:-.035em;line-height:1.08}
.trailer-section h2 em{color:#a9a9ff}
.trailer-lead{color:rgba(235,235,255,.72);font-size:17px;line-height:1.7;margin:24px auto 0;max-width:640px;text-wrap:balance}
.trailer-section .trailer-player{margin:56px auto 0;max-width:1040px}
.trailer-foot{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:40px}
.trailer-cta{background:#fff;color:var(--blue)}
.trailer-cta:hover{background:#ebebff}

/* o player (computador e celular) */
.trailer-player{position:relative;margin:0;border-radius:20px;overflow:hidden;background:#04040c;border:1px solid rgba(235,235,255,.14);box-shadow:0 40px 120px rgba(0,0,40,.55),0 0 0 1px rgba(0,0,0,.2)}
.trailer-player[data-orientacao="16x9"]{aspect-ratio:16/9}
.trailer-player[data-orientacao="9x16"]{aspect-ratio:9/16}
.trailer-player video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#04040c}
.trailer-player video[hidden]{display:none}
.trailer-play{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;place-items:center;padding:0;box-shadow:0 12px 40px rgba(0,0,40,.35);transition:transform .2s,background .2s}
.trailer-play:hover{transform:translateX(-50%) scale(1.06);background:rgba(255,255,255,.2)}
.trailer-play-icon{width:0;height:0;margin-left:5px;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff}
.trailer-player.is-playing .trailer-play{display:none}

@media (max-width:1000px){.trailer-section{padding:80px 0 88px}}
@media (max-width:700px), (max-width:1000px) and (hover:none) and (pointer:coarse) and (orientation:landscape){.trailer-section{display:none}}
@media (prefers-reduced-motion:reduce){.trailer-play{transition:none}.trailer-play:hover{transform:translateX(-50%)}}

/* Fechamento: o mesmo azul do vídeo no botão e nas palavras em destaque da última seção (computador e celular). */
.conversion h2 em{background:linear-gradient(95deg,#3d3df5 0%,#2020c8 60%,#14148c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding:.12em 0 .24em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.conversion .button{background:linear-gradient(135deg,#3030e8 0%,#1a1ab4 62%,#10107a 100%);box-shadow:inset 0 0 0 1px rgba(160,160,255,.22),0 10px 28px rgba(5,5,60,.22)}
.conversion .button:hover{background:linear-gradient(135deg,#3030e8 0%,#1a1ab4 62%,#10107a 100%);filter:brightness(1.12)}

/* TESTE (02/10): o mesmo degradê claro em todas as frases destacadas em azul do site. Para desfazer, apague este bloco. */
h1 em,h2 em{background:linear-gradient(95deg,#2f2ff2 0%,#2222dc 60%,#1a1ac4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding:.12em 0 .24em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.trailer-section h2 em,.m-trailer h2 em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#a9a9ff;padding:0}

/* A abertura anima cada palavra dentro de uma máscara (main.js). O degradê vai em cada palavra, não na frase inteira,
   para a entrada ficar exatamente como era. */
#hero-title em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--blue);padding:0}
#hero-title em .hero-word{background:linear-gradient(95deg,#2f2ff2 0%,#2222dc 60%,#1a1ac4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding:.12em .02em .24em;margin:-.12em -.02em -.24em}