:root{color-scheme:dark;--bg:#080c0d;--panel:#101618;--muted:#a9b3b9;--red:#ff0038;--line:#ffffff12;font-family:"Segoe UI",Arial,sans-serif;color:#f7f8f8;background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.4}img{max-width:100%}svg{width:24px;height:24px;vertical-align:middle;flex-shrink:0}em{font-style:normal}em,.brand b,.wordmark b,.mini-brand b{color:var(--red)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #ff5479;outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1440px,calc(100% - 128px));margin-inline:auto}section[id]{scroll-margin-top:100px}.skip:not(:focus),.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{display:block;padding:15px;background:var(--red);position:fixed;z-index:100}.site-header{height:88px;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#080c0def;backdrop-filter:blur(16px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:750;letter-spacing:4px;white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:38px;font-size:14px}.site-header nav>a:hover{color:#ff315f}.login{border:1px solid var(--red);padding:12px 27px;border-radius:10px;display:flex;gap:24px;align-items:center}.login svg{width:15px}.hero{position:relative;min-height:740px;overflow:hidden;background:#080b0c}.hero-art{position:absolute;right:0;top:0;width:79%;height:100%;object-fit:cover;object-position:center 25%;opacity:.95}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080c0d 3%,#080c0dee 23%,#080c0d65 48%,transparent 70%),linear-gradient(0deg,#080c0d,transparent 18%);pointer-events:none}.hero-inner{position:relative;z-index:1;padding-top:76px;padding-bottom:50px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2.6px;color:var(--muted);margin:0 0 28px;line-height:1.5}.hero .eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px}.eyebrow>span:first-child:empty,.status-dot{width:6px;height:6px;background:var(--red);display:inline-block;border-radius:50%;box-shadow:0 0 12px #ff0038}.hero h1{font-size:clamp(48px,4.35vw,73px);line-height:1.06;letter-spacing:-2.7px;max-width:880px;margin:0 0 28px;font-weight:750}.hero-copy{font-size:19px;line-height:1.65;color:#b4bec4;max-width:510px}.hero-note{font-size:17px;color:#d1d7da;margin:28px 0}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:58px;padding:16px 28px;font-size:16px;font-weight:650;background:linear-gradient(145deg,#ff003e,#df002d);border:1px solid #ff2455;border-radius:10px;box-shadow:0 10px 40px #ff003818;transition:box-shadow .2s}.button:hover{box-shadow:0 14px 40px #ff003831}.button svg{width:22px}.underlink{display:flex;align-items:center;gap:10px;font-size:12px;margin-top:20px;color:var(--muted);width:fit-content}.play-small{border:1px solid #ffffff30;border-radius:50%;width:24px;height:24px;text-align:center;line-height:22px;color:white}.hero-caption{position:absolute;right:6%;bottom:50px;z-index:1;font-size:10px;letter-spacing:2px;display:flex;gap:9px;align-items:center}.hero-caption small{font-size:10px;letter-spacing:0;color:var(--muted)}.life-strip{display:flex;justify-content:space-between;padding:29px 0 32px;border-bottom:1px solid var(--line);gap:15px}.life-strip>span{display:flex;align-items:center;gap:14px;font-size:13px;color:#c4cbd0}.life-strip i{border:1px solid #ffffff20;border-radius:12px;display:grid;place-items:center;width:46px;height:46px;background:#ffffff02}.life-strip svg{width:23px}.chapter-break{display:flex;align-items:center;justify-content:center;gap:24px;padding:36px 0 0;color:#8c979d;font-size:11px;letter-spacing:3px}.chapter-break span{width:160px;height:1px;background:linear-gradient(90deg,transparent,#ffffff35)}.chapter-break span:last-child{transform:rotate(180deg)}.feature{display:grid;grid-template-columns:.94fr 1.2fr;gap:70px;align-items:center;min-height:760px;padding:100px 0 90px;position:relative}.feature.reverse{grid-template-columns:1.2fr .9fr;gap:85px}.feature-copy{position:relative;z-index:2}.feature-copy .eyebrow{font-size:9px;letter-spacing:2.3px;color:#8f999f;margin-bottom:22px}.wordmark{font-size:22px;font-weight:750;letter-spacing:3px;margin:0 0 30px;color:#fff}.feature h2{font-size:clamp(34px,3.1vw,53px);line-height:1.12;letter-spacing:-1.8px;margin:0 0 26px;font-weight:750}.feature-copy>p:not(.wordmark):not(.eyebrow){font-size:18px;color:var(--muted);line-height:1.65}.feature-copy .statement{margin:26px 0}.feature-copy>.button{margin-top:14px}.device-scene{position:relative;padding-bottom:70px;min-width:0}.monitor{padding:15px 15px 29px;border:1px solid #7f8b92;border-radius:14px;background:linear-gradient(145deg,#33393c,#090c0e 40%,#20272c);box-shadow:0 20px 50px #0008;position:relative;z-index:1}.screen{aspect-ratio:1.56;overflow:hidden;background:#080e11;border:4px solid #020405;border-radius:3px;position:relative;font-size:11px}.monitor-stand{position:absolute;left:37%;right:37%;bottom:8px;height:65px;background:linear-gradient(90deg,#171b1e,#485055 50%,#131719);clip-path:polygon(20% 0,80% 0,90% 85%,100% 91%,100% 100%,0 100%,0 91%,10% 85%);z-index:1}.monitor-stand:after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#596166,#22282a)}.scene-light{position:absolute;width:120%;height:110px;left:-10%;bottom:-12px;background:radial-gradient(ellipse,#ff00383b,transparent 68%);border-bottom:1px solid #ff003820;filter:blur(7px)}.phone{background:linear-gradient(120deg,#272c30,#050708 20%);border:2px solid #69737a;border-radius:28px;width:175px;padding:33px 12px 20px;position:absolute;right:-28px;bottom:12px;z-index:3;box-shadow:0 20px 35px #0009;min-height:315px}.phone-notch{position:absolute;top:7px;left:30%;width:40%;height:11px;background:#000;border-radius:0 0 9px 9px}.phone small{font-size:8px}.phone .mini-brand{font-size:9px}.phone h4{font-size:13px;margin:24px 0 16px}.phone-module{display:flex;gap:10px;border:1px solid var(--line);border-radius:9px;padding:12px 8px;margin:7px 0;background:#101719;font-size:10px}.phone-module svg{width:19px}.phone-module small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.mini-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line);height:52px}.mini-brand{font-size:13px;letter-spacing:1px}.mini-header>div{display:flex;align-items:center;gap:12px}.mini-header img{width:20px;height:20px;border-radius:50%}.mini-header svg{width:13px;height:13px}.hub-ui{padding:30px 30px 24px;background:radial-gradient(ellipse at top right,#ff00381a,transparent 70%)}.mini-eyebrow{font-size:7px;letter-spacing:1.4px;color:var(--muted)}.hub-ui h3{font-size:27px;line-height:1.2;margin:15px 0 24px}.hub-ui-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hub-ui-grid>div{padding:17px 5px;border:1px solid #ffffff18;border-radius:10px;background:linear-gradient(#151c1e,#0a0e10);text-align:center}.hub-ui-grid svg{display:block;margin:0 auto 16px;width:30px;height:30px}.hub-ui-grid strong{display:block;font-size:10px}.hub-ui-grid small{display:block;font-size:8px;color:var(--muted);margin-top:6px}.ecosystem-path{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin-top:-20px}.ecosystem-path>a{display:flex;align-items:center;gap:16px;padding:28px 24px;border-right:1px solid var(--line)}.ecosystem-path>a:last-child{border:0}.ecosystem-path>a>span:last-child{margin-left:auto;color:#586268;font-size:11px}.ecosystem-path svg{color:var(--red);width:27px}.ecosystem-path strong{font-size:14px}.ecosystem-path small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.ecosystem-path a:hover{background:#ffffff03}.features{list-style:none;padding:0;margin:22px 0;color:var(--muted);font-size:14px}.features li{margin:14px 0;padding-left:22px;position:relative}.features li:before{content:'✓';position:absolute;left:0;color:var(--red)}.floating-note{position:absolute;right:-16px;bottom:28px;z-index:4;display:flex;align-items:center;gap:15px;padding:18px 24px;border:1px solid #ffffff22;border-radius:12px;background:#101618ed;box-shadow:0 10px 40px #0005;backdrop-filter:blur(10px)}.floating-note>span{color:var(--red)}.floating-note strong{font-size:12px}.floating-note small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.practice-strip{display:flex;align-items:center;gap:36px;border-block:1px solid var(--line);padding:26px 30px;background:linear-gradient(90deg,#ff003808,transparent)}.practice-strip .eyebrow{margin:0 auto 0 0;font-size:9px}.practice-strip strong{display:block;font-size:15px}.practice-strip div>span{font-size:11px;color:var(--muted);display:block;margin-top:5px}.practice-strip i{color:var(--red);font-style:normal}.pills,.tool-list{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.pills span{font-size:11px;padding:9px 13px;border:1px solid #ffffff20;border-radius:30px;color:#c4cdd1}.tool-list span{font-size:12px;border-bottom:1px solid #ffffff20;padding:0 10px 8px 0;color:#b7c0c5}
.course-ui{display:grid;grid-template-columns:1.25fr .8fr;padding:20px;gap:20px;height:calc(100% - 52px)}.course-ui article>small{font-size:7px;color:var(--muted)}.course-ui h3{font-size:19px;margin:10px 0 16px;line-height:1.3}.course-ui p{font-size:9px;line-height:1.7;color:#b7c0c5}.course-ui aside{background:#11191d;border:1px solid var(--line);border-radius:10px;text-align:center;padding:10px}.course-ui aside img{height:92px;object-fit:cover;border-radius:50%}.course-ui h4{font-size:13px;margin:4px}.course-ui aside>small{font-size:8px;color:var(--muted)}.mini-input{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:#1b252c;border-radius:9px;padding:12px;font-size:8px;color:#b4c0c5;margin:15px 0}.mini-input svg{width:13px;height:13px}.lesson-item{display:flex;gap:7px;align-items:center;padding:10px 6px;border-bottom:1px solid var(--line);font-size:7px;text-align:left}.lesson-item b{color:var(--red)}.lesson-item span{margin-left:auto;color:#42b69d}.lesson-note{background:#ff00380a;border-left:2px solid var(--red);padding:10px;font-size:7px;color:var(--red);margin-top:15px}.lesson-note strong{display:block;color:#c8d0d4;font-size:9px;line-height:1.6;margin-top:5px}.lesson-progress{height:3px;background:#263339;margin:16px 0 10px}.lesson-progress span{display:block;width:35%;height:100%;background:var(--red)}.social-ui{display:grid;grid-template-columns:95px 1fr;gap:12px;padding:14px;height:calc(100% - 52px)}.social-ui aside,.brain-ui aside{background:#10171a;border-radius:8px;padding:10px 6px}.social-ui aside div,.brain-ui aside div{display:flex;align-items:center;gap:8px;font-size:8px;margin:6px 0;padding:8px 4px}.social-ui aside svg,.brain-ui aside svg{width:13px;height:13px}.social-ui aside div:nth-child(2),.brain-ui aside div:first-child{background:#ff00381b;border-left:2px solid var(--red);border-radius:5px}.profile-cover{height:135px;background:linear-gradient(0deg,#05090c99,#05090c22),url('/assets/teia/covers/mariana.png') center/cover;display:flex;align-items:end;padding:15px;gap:15px;border-radius:8px}.profile-face{width:65px;height:65px;object-fit:cover;border-radius:50%;border:3px solid #151b1d}.profile-cover strong{font-size:16px;line-height:1.3;margin-bottom:7px}.profile-tabs{display:flex;gap:15px;font-size:7px;padding:14px 5px;border-bottom:1px solid var(--line)}.profile-tabs span{color:var(--muted)}.interest-card{background:#11181b;border-radius:8px;padding:15px;margin:12px 0;font-size:10px}.interest-card p{font-size:8px;color:var(--muted)}.people-row{display:flex;align-items:center;padding:2px 6px}.people-row img{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:-5px;border:2px solid #11191b}.people-row span{font-size:9px;color:var(--muted);margin-left:20px}.brain-ui{display:grid;grid-template-columns:95px 1fr;gap:14px;padding:14px;height:calc(100% - 52px)}.brain-ui article{text-align:center}.brain-face{width:145px;height:120px;object-fit:cover;border-radius:50%;mask-image:radial-gradient(ellipse,#000 55%,transparent 72%)}.brain-ui h3{font-size:21px;margin:2px 0 7px}.brain-ui p{font-size:9px;color:var(--muted)}.brain-ui .mini-input{margin:16px 0 10px}.brain-tools{display:flex;gap:8px;justify-content:center}.brain-tools>span{background:#111a1e;border:1px solid var(--line);border-radius:9px;padding:9px 15px;font-size:8px}.brain-tools svg{display:block;width:16px;margin:0 auto 5px}.agenda-phone{right:-14px;width:162px;bottom:0}.mini-date{font-size:6px;letter-spacing:1px;color:var(--muted)}.agenda-item{display:flex;align-items:center;gap:8px;background:#121c22;border-radius:7px;border-left:2px solid var(--red);padding:12px 7px;margin-top:12px}.agenda-item svg{width:17px}.agenda-item strong{font-size:8px}.agenda-item small{display:block;font-size:7px;color:var(--muted);margin-top:5px}.lab-ui{display:grid;grid-template-columns:1.6fr .8fr;gap:12px;padding:15px;height:calc(100% - 52px)}.lab-ui article{position:relative;border-radius:8px;overflow:hidden}.lab-ui article>img{width:100%;height:100%;object-fit:cover}.lab-ui article:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#060a0cee)}.lab-ui article>div{position:absolute;bottom:20px;left:15px;z-index:1}.lab-ui h3{font-size:21px;line-height:1.15;margin:9px 0}.lab-ui small{font-size:6px;letter-spacing:1px}.lab-ui article span{font-size:8px;color:var(--muted)}.lab-ui aside{display:grid;grid-template-rows:1fr 1fr;gap:10px}.lab-ui aside>div{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#10171a}.lab-ui aside img{width:100%;height:75px;object-fit:cover}.lab-ui aside strong{font-size:10px;display:block;margin:9px}.lab-ui aside small{font-size:7px;letter-spacing:0;color:var(--muted);display:block;margin:0 9px 9px}.seth-section{border-block:1px solid var(--line);background:radial-gradient(ellipse at 20% 60%,#ff003810,transparent 50%),#0a0f11;padding:85px 0}.seth-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.seth-copy .eyebrow{color:var(--red)}h2{font-size:48px;letter-spacing:-1.8px;line-height:1.12;font-weight:750;margin:0 0 24px}.large-copy{font-size:28px;color:#c3cbd0;line-height:1.45}.seth-portrait{height:255px;display:flex;align-items:center}.seth-portrait img{width:320px;height:265px;object-fit:cover;mask-image:radial-gradient(ellipse,#000 47%,transparent 72%)}.text-button{display:inline-flex;align-items:center;gap:20px;font-size:13px;color:#e6eaec;padding:12px 0}.text-button svg{width:18px;color:var(--red)}.seth-examples article{border:1px solid #ffffff1c;border-radius:18px;background:linear-gradient(140deg,#11191c,#0c1113);padding:28px;margin-bottom:16px}.seth-examples .eyebrow{font-size:10px;color:var(--red);margin:0 0 12px}.seth-examples h3{font-size:25px;letter-spacing:-.6px;margin:0 0 14px}.seth-examples article>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.6}.bubble{padding:14px 18px;border-radius:13px;font-size:12px}.user-bubble{background:#202b32;margin:20px 0 12px 60px}.seth-bubble{background:#ff003809;border:1px solid #ff003816;display:flex;gap:12px;margin-right:40px}.seth-bubble img{border-radius:50%}.seth-bubble strong{font-size:10px;display:block;margin-bottom:6px}.seth-bubble span{color:#d2d9dc}.example-note{font-size:10px;color:#89969d}.demo-section{padding:100px 0}.section-title{text-align:center;margin-bottom:40px}.section-title>p:not(.eyebrow){font-size:17px;color:var(--muted);line-height:1.6}.section-title .eyebrow{margin-bottom:20px}.demo-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:30px}.demo-tabs button{padding:12px 27px;border-radius:30px;border:1px solid #ffffff20;font-size:13px;color:var(--muted)}.demo-tabs button[aria-selected=true]{background:#ff003817;border-color:#ff003870;color:#fff}.demo-panel{display:grid;grid-template-columns:1.6fr 1fr;border:1px solid #ffffff1c;border-radius:20px;overflow:hidden;background:#0f1619;min-height:400px}.demo-image-wrap{height:440px;overflow:hidden;position:relative;background:#080d0f;border-right:1px solid var(--line)}.demo-image-wrap>img{width:100%;height:100%;object-fit:cover;object-position:top}.demo-image-wrap>button{position:absolute;bottom:18px;right:18px;padding:10px 15px;border-radius:8px;background:#0b1014e8;border:1px solid #ffffff30;backdrop-filter:blur(8px);font-size:12px}.demo-image-wrap>button svg{width:14px;margin-right:7px}.demo-description{padding:50px 36px;align-self:center}.demo-description h3{font-size:29px;letter-spacing:-.8px;line-height:1.2;margin:18px 0}.demo-description>p{color:var(--muted);font-size:15px;line-height:1.7}.demo-description .eyebrow{font-size:9px;color:var(--red)}.capture-label{display:block;font-size:10px;color:#8f9ba2;line-height:1.5;margin:25px 0 10px}.testimonials{padding:20px 0 80px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.testimonial-card{border:1px solid var(--line);background:#101618;border-radius:16px;padding:30px}.testimonial-card>span{color:var(--red)}.testimonial-card blockquote{font-size:17px;line-height:1.7;margin:20px 0 28px;color:#c8d0d4}.testimonial-author{display:flex;align-items:center;gap:12px}.testimonial-author>i{font-style:normal;display:grid;place-items:center;background:#ff003816;width:40px;height:40px;border-radius:50%;color:#ff5278;font-size:12px}.testimonial-author strong{font-size:12px}.testimonial-author small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.fiction-note{font-size:11px;color:#8e9ca4;text-align:center;margin-top:22px}.offer-section{background:radial-gradient(ellipse at 15% 55%,#ff003811,transparent 55%);padding:85px 0;border-block:1px solid var(--line)}.purchase-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;max-width:1100px;margin:50px auto 0;align-items:stretch}.offer-card{padding:38px;border:1px solid #ff003868;border-radius:20px;background:linear-gradient(150deg,#15191c,#0b1012);position:relative}.offer-card .wordmark{font-size:24px;margin-bottom:24px}.offer-card h3{font-size:24px;line-height:1.3;margin:0;color:#d8dfe2}.offer-benefits{list-style:none;padding:0;margin:32px 0}.offer-benefits li{display:flex;gap:17px;align-items:center;margin:23px 0}.offer-benefits svg{color:#ff315f;width:22px}.offer-benefits strong{font-size:14px}.offer-benefits small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.price{display:flex;align-items:baseline;gap:10px;border-top:1px solid var(--line);padding-top:24px}.price>span{font-size:19px;color:#bbc5ca}.price>strong{font-size:68px;letter-spacing:-3px;font-weight:650}.price strong>span{font-size:38px;letter-spacing:-1px}.price>small{font-size:14px;color:var(--muted)}.commercial-note{display:block;color:var(--muted);font-size:10px;margin:4px 0 25px}.offer-card>.button{width:100%;font-size:14px;gap:16px}.fine-print{font-size:10px;color:#8e9ba3;line-height:1.6;text-align:center}.checkout{border:1px solid #ffffff20;background:#101719;border-radius:20px;padding:32px;scroll-margin-top:110px}.checkout-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}.checkout-heading .eyebrow{font-size:8px;margin:0 0 10px}.checkout h3{font-size:22px;letter-spacing:-.5px;margin:0}.demo-badge{border:1px solid #ff003840;background:#ff00380d;border-radius:5px;padding:5px 7px;font-size:7px;letter-spacing:1px;color:#ff6b8b}.checkout-notice{font-size:11px;color:#aab6bc;line-height:1.5}.checkout-steps{display:flex;justify-content:space-between;list-style:none;padding:20px 0;margin:10px 0 15px;border-block:1px solid var(--line);font-size:12px;color:#75848c}.checkout-steps li{display:flex;gap:9px}.checkout-steps .active{color:#ff456d}.checkout-fields{display:grid;gap:14px}.checkout-fields label{font-size:11px;color:#c4cdd1}.checkout-fields input{display:block;width:100%;border:1px solid #ffffff15;background:#0b1113;border-radius:8px;padding:13px 15px;margin-top:8px;font-size:12px;color:#75838b;cursor:default}.payment-title{font-size:12px;margin:22px 0 12px}.payment-title small{float:right;color:#76858d;font-size:10px}.payment-methods{display:flex;gap:10px}.payment-methods button{width:50%;padding:11px;font-size:12px;border:1px solid #ffffff18;border-radius:8px}.payment-methods button[aria-pressed=true]{border-color:#ff003886;background:#ff00380b}.payment-preview{margin-top:12px;border:1px solid #ffffff12;border-radius:9px;background:#0b1113;padding:15px;height:94px;color:#7b8b94}.card-number{font-size:16px;letter-spacing:2px;margin:0 0 17px}.payment-preview>div:last-child{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.6px}.payment-preview .pix-preview{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:18px}.pix-preview strong{font-size:11px;color:#c8d1d6}.pix-preview small{font-size:9px;letter-spacing:0}.order-total{display:flex;justify-content:space-between;padding:20px 0;font-size:13px}.order-total strong{font-size:20px}.checkout>.button{width:100%;font-size:14px;min-height:51px}#checkout-result{font-size:12px;line-height:1.6;color:#d3dce0;border:1px solid #ffffff20;padding:12px;border-radius:8px}
.faq-section{padding:100px 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:110px}.faq-heading h2{font-size:40px}.faq-heading>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.6;max-width:320px}.support{border:1px solid var(--line);padding:26px;border-radius:14px;margin-top:35px;max-width:355px}.support>span{color:#c5cdd2}.support h3{font-size:20px;margin:16px 0 12px}.support p{font-size:13px;line-height:1.6;color:var(--muted)}.outline-button{border:1px solid #ff00385c;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 15px;font-size:12px;width:100%;margin-top:22px}.outline-button svg{width:17px}.faq-list details{border-bottom:1px solid #ffffff1c;padding:24px 0}.faq-list details:first-child{border-top:1px solid #ffffff1c}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:18px;font-weight:550}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';color:var(--red);font-size:24px;font-weight:300}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:14px;line-height:1.8;color:var(--muted);margin:20px 28px 0 0}.final-call{text-align:center;padding:55px 0 95px;background:radial-gradient(ellipse at center,#ff00380b,transparent 65%)}.final-call h2{font-size:48px;line-height:1.16;margin:0 0 35px}.final-call>p:last-child{font-size:12px;letter-spacing:2px;color:#88969e;margin:30px 0 0}.site-footer{border-top:1px solid var(--line);padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer .brand{font-size:17px;letter-spacing:3px}.site-footer>span{font-size:10px;color:#6f7e85}.site-footer nav{display:flex;gap:22px;font-size:11px;color:#9ca9b0}.site-footer button{padding:0;font-size:11px}dialog{color:inherit;background:#101719;border:1px solid #ffffff20;border-radius:18px;max-height:88vh;scrollbar-width:none}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.close{position:absolute;right:16px;top:10px;font-size:27px;color:#a6b5bd;z-index:3;width:32px;height:32px}.info-dialog{width:min(540px,90vw);padding:45px 35px 30px}.info-dialog h2{font-size:28px}.info-dialog p{font-size:15px;line-height:1.8;color:var(--muted)}.info-dialog img{max-height:240px;object-fit:cover;width:100%;border-radius:10px}.image-dialog{width:min(1250px,95vw);padding:45px 20px 20px}.image-dialog>img{display:block;width:100%;height:auto}.chat-dialog{width:560px;padding:34px 24px 20px}.chat-heading{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:5px 0 20px}.chat-heading img{border-radius:12px;object-fit:cover}.chat-heading small{display:block;font-size:11px;color:var(--muted);margin-top:4px}#mode{font-size:10px;color:var(--muted);margin-left:auto}.messages{max-height:240px;min-height:140px;overflow:auto;scrollbar-width:none;padding:20px 0}.message{font-size:14px;line-height:1.7;margin-bottom:15px}.message p{margin:5px 0}.speaker{font-size:9px;color:#8d9ca4;letter-spacing:1px}.message.user{background:#ffffff05;padding:10px;border-radius:8px}.quick{display:grid;gap:8px;margin-bottom:20px}.quick button{font-size:12px;padding:12px;border:1px solid #ffffff20;border-radius:8px;text-align:left}.quick button:hover{border-color:var(--red)}#chat-form{position:relative}#message{width:100%;padding:15px 45px 15px 15px;background:#0a1012;border:1px solid #ffffff20;border-radius:9px;resize:none;color:#fff;font-size:13px}#chat-form>button{position:absolute;right:12px;bottom:18px;background:var(--red);border-radius:6px;width:28px;height:28px}.chat-footer{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.chat-footer small,.chat-footer button{font-size:10px;color:var(--muted)}#status,#errors{font-size:12px;color:var(--muted);line-height:1.5}#errors button{border:1px solid var(--line);padding:8px;margin:8px;border-radius:6px}.recommendation{display:flex;gap:14px;border-top:1px solid var(--line);padding-top:18px}.recommendation>img{width:65px;height:80px;object-fit:cover;border-radius:8px}.recommendation h2{font-size:22px;letter-spacing:-.5px;margin:7px 0}.recommendation p{font-size:12px;color:var(--muted);line-height:1.5}.recommendation .eyebrow{font-size:8px;margin:0}.recommendation button,#conversion button{font-size:11px;color:#f2f4f5;border-bottom:1px solid #ff0038;padding:7px 0;margin-right:14px}
@media(min-width:1700px){.hero{min-height:800px}.hero-inner{padding-top:110px}.hero-art{object-position:center 20%}.feature{min-height:850px}.hub-ui{padding-top:45px}.hub-ui h3{font-size:36px}.hub-ui-grid>div{padding:24px 8px}.course-ui p{font-size:11px}.course-ui h3{font-size:24px}.brain-face{width:190px;height:155px}.brain-ui h3{font-size:25px}.profile-cover{height:170px}}
@media(max-width:1250px){.wrap{width:calc(100% - 80px)}.feature,.feature.reverse{gap:42px;min-height:660px}.feature-copy>p:not(.wordmark):not(.eyebrow){font-size:16px}.feature h2{font-size:36px}.phone{width:135px;min-height:280px;right:-15px}.phone-module{padding:9px 5px}.monitor{padding:10px 10px 22px}.course-ui{padding:12px;gap:12px}.course-ui p{font-size:8px}.course-ui h3{font-size:15px}.course-ui aside img{height:65px}.lesson-note{display:none}.brain-face{width:110px;height:90px}.brain-ui h3{font-size:16px}.brain-ui{grid-template-columns:75px 1fr;padding:10px;gap:10px}.brain-tools>span{padding:7px}.social-ui{grid-template-columns:75px 1fr;gap:8px;padding:10px}.profile-cover{height:110px}.profile-cover strong{font-size:13px}.profile-face{width:45px;height:45px}.profile-tabs{gap:8px;font-size:6px}.interest-card{padding:10px}.hub-ui{padding:20px}.hub-ui h3{font-size:23px}.hub-ui-grid svg{width:23px;height:23px}.mini-header{height:43px;padding:12px}.hub-ui-grid strong{font-size:8px}.screen{aspect-ratio:1.5}.practice-strip{gap:23px}.faq-section{gap:55px}.life-strip>span{font-size:11px;gap:9px}.seth-grid{gap:45px}.hero-caption small{display:none}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.site-header nav{gap:16px;font-size:12px}.site-header .brand{font-size:19px;letter-spacing:2px}.hero h1{font-size:53px;max-width:620px}.hero-copy{max-width:440px}.hero-art{opacity:.5;width:100%}.hero:after{background:linear-gradient(90deg,#080c0df0,#080c0d44),linear-gradient(0deg,#080c0d,transparent)}.hero-caption{display:none}.life-strip{flex-wrap:wrap}.life-strip>span{width:30%}.feature,.feature.reverse{grid-template-columns:1fr;gap:40px;padding:65px 0;min-height:0}.feature.reverse .device-scene{order:2}.feature-copy{max-width:650px}.device-scene{max-width:700px;width:90%;margin:auto}.feature h2{font-size:43px}.ecosystem-path{grid-template-columns:1fr 1fr;margin-top:20px}.ecosystem-path a{padding:20px}.practice-strip{flex-wrap:wrap}.practice-strip>.eyebrow{width:100%}.seth-grid,.purchase-grid,.faq-section,.testimonial-grid{grid-template-columns:1fr}.seth-grid{gap:20px}.seth-portrait{height:200px}.seth-portrait img{width:240px;height:200px}.seth-examples{max-width:650px}.demo-panel{grid-template-columns:1fr}.demo-image-wrap{height:400px;border-right:0}.demo-description{padding:30px}.purchase-grid{max-width:600px}.faq-section{gap:40px}.faq-heading .support{max-width:100%}.site-footer{flex-wrap:wrap}.chapter-break{font-size:9px;letter-spacing:1px}.chapter-break span{width:60px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media(max-width:600px){.site-header{height:72px}.site-header nav>a:not(.login){display:none}.login{padding:9px 15px}.hero{min-height:710px}.hero-inner{padding-top:55px}.hero h1{font-size:43px;letter-spacing:-1.8px}.hero .eyebrow{font-size:8px;max-width:280px}.hero-copy{font-size:16px}.hero-note{font-size:14px}.hero-art{object-position:60% center;opacity:.28}.button{font-size:14px;padding:15px 20px;gap:18px}.life-strip{gap:18px}.life-strip>span{width:45%;font-size:11px}.life-strip i{width:36px;height:36px}.chapter-break p{text-align:center}.feature h2{font-size:35px}.feature-copy>p:not(.wordmark):not(.eyebrow){font-size:16px}.screen{aspect-ratio:1.3}.mini-header .mini-brand{font-size:9px}.mini-header svg{width:10px}.hub-ui h3{font-size:19px}.hub-ui{padding:16px}.hub-ui-grid{grid-template-columns:1fr 1fr}.hub-ui-grid>div{padding:8px}.hub-ui-grid svg{width:16px;height:16px;margin-bottom:6px}.hub-ui-grid small{display:none}.phone{display:none}.monitor-stand{height:48px;bottom:25px}.device-scene{padding-bottom:70px;width:100%}.floating-note{right:0;bottom:10px;padding:11px 15px}.floating-note strong{font-size:10px}.floating-note small{font-size:8px}.course-ui{grid-template-columns:1fr .7fr;gap:8px}.course-ui h3{font-size:13px}.course-ui article>p:nth-of-type(2){display:none}.mini-input{font-size:6px;padding:7px}.course-ui aside img{height:50px}.lesson-item{font-size:5px;padding:8px 2px}.lesson-item b{display:none}.course-ui aside{padding:5px}.social-ui aside{display:none}.social-ui{grid-template-columns:1fr}.profile-cover{height:95px}.people-row img{width:24px;height:24px}.brain-ui{grid-template-columns:65px 1fr}.brain-ui aside div{font-size:6px;gap:5px;padding:6px 2px}.brain-ui aside svg{width:10px}.brain-face{width:100px;height:85px}.brain-ui h3{font-size:13px}.brain-ui p{font-size:7px}.brain-tools>span{font-size:6px}.lab-ui{padding:9px;gap:6px;grid-template-columns:1.4fr .8fr}.lab-ui h3{font-size:14px}.lab-ui aside img{height:45px}.lab-ui aside strong{font-size:8px}.lab-ui article>div{left:9px;bottom:12px}.lab-ui article span{font-size:6px}.lab-ui small{font-size:5px}.lab-ui aside small{font-size:6px}.ecosystem-path svg{width:20px}.ecosystem-path a{gap:9px;padding:18px 10px}.ecosystem-path strong{font-size:11px}.ecosystem-path small{font-size:8px}.practice-strip{gap:13px;padding:20px 12px}.practice-strip strong{font-size:12px}.practice-strip div>span{font-size:9px}.seth-section{padding:60px 0}h2{font-size:36px}.large-copy{font-size:24px}.seth-examples article{padding:20px}.bubble{font-size:11px;padding:12px}.user-bubble{margin-left:20px}.seth-bubble{margin-right:0}.demo-tabs{gap:6px;flex-wrap:wrap}.demo-tabs button{padding:10px 13px;font-size:11px}.demo-image-wrap{height:260px}.section-title>p:not(.eyebrow){font-size:15px}.offer-card,.checkout{padding:24px}.checkout-heading{flex-direction:column}.checkout-steps{font-size:10px}.faq-heading h2{font-size:34px}.faq-list summary{font-size:16px}.final-call h2{font-size:33px}.site-footer nav{flex-wrap:wrap;gap:16px}.chat-dialog{width:95vw;padding:33px 18px 18px}}
.scene-light{width:110%;left:-5%}

/* Marca integrada à abertura, sem barra de navegação. */
.hero-brand{position:absolute;top:30px;left:0;right:0;z-index:2;pointer-events:none}
.hero{min-height:828px}
.hero-inner{padding-top:164px}
section[id]{scroll-margin-top:24px}
@media(min-width:1700px){.hero{min-height:888px}.hero-inner{padding-top:198px}}
@media(max-width:900px){.hero-brand .brand{font-size:19px;letter-spacing:2px}}
@media(max-width:600px){.hero{min-height:782px}.hero-inner{padding-top:127px}.hero-brand{top:25px}}

.hero h1>span,.hero h1>em{display:block}
@media(min-width:901px){.hero h1>span,.hero h1>em{white-space:nowrap}}

/* Imagem de abertura fornecida pelo usuário. */
.hero-art{width:100%;object-position:center center;opacity:1}

.hero h1{font-size:clamp(36px,3.25vw,56px);letter-spacing:-1.6px}.hero-note{line-height:1.65}.hero-note strong{font-weight:600}
/* Faixa contínua de categorias e fechamento mais compacto da abertura. */
.hero{min-height:750px}.hero-caption{bottom:38px}
.life-strip{position:relative;display:block;padding:15px 32px 18px 0}
.category-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}
.category-track{display:flex;width:max-content;animation:category-flow 100s linear infinite}
.category-group{display:flex;flex-shrink:0;align-items:center;gap:42px;list-style:none;margin:0;padding:0 42px 0 0}
.category-group li{display:flex;align-items:center;gap:13px;white-space:nowrap;color:#c4cbd0;font-size:13px}
.category-group i{width:43px;height:43px;flex-shrink:0}.category-group svg{width:22px;height:22px}
.category-pause{position:absolute;right:0;top:25px;color:#91a0a7;font-size:13px;padding:5px}
.category-viewport:hover .category-track,.category-viewport:focus-within .category-track,.category-track.is-paused{animation-play-state:paused}
.chapter-break{padding-top:18px}
@keyframes category-flow{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(min-width:1700px){.hero{min-height:810px}}
@media(max-width:600px){.hero{min-height:710px}.category-group{gap:24px;padding-right:24px}.category-group li{font-size:12px}}
@media(prefers-reduced-motion:reduce){.category-track{animation:none}.category-group[aria-hidden]{display:none}.category-viewport{overflow-x:auto;scrollbar-width:none}.category-pause{display:none}}
/* Mais respiro entre a mensagem de abertura e a chamada principal. */
.hero-inner{padding-top:186px}
.hero-inner>.button{margin-top:16px}
@media(min-width:1700px){.hero-inner{padding-top:220px}}
@media(max-width:600px){.hero-inner{padding-top:149px}}

/* Rolagem sobreposta compartilhada com o Hub e progresso de leitura. */
html.site-overlay-scroll,html.site-overlay-scroll body{scrollbar-width:none;scrollbar-gutter:auto}
html.site-overlay-scroll::-webkit-scrollbar,html.site-overlay-scroll body::-webkit-scrollbar{display:none;width:0;height:0}
.site-scroll-overlay{position:fixed;inset:0 0 0 auto;width:16px;z-index:1000;background:transparent;touch-action:none}
.site-scroll-thumb{position:absolute;top:0;right:3px;width:5px;border-radius:99px;background:rgba(170,185,192,.5);opacity:0;transition:opacity .18s;cursor:grab}
.site-scroll-overlay:hover .site-scroll-thumb,.site-scroll-overlay.is-dragging .site-scroll-thumb,.site-scroll-overlay:focus-within .site-scroll-thumb,.site-scroll-overlay.is-scrolling .site-scroll-thumb{opacity:1}
.site-scroll-overlay.is-dragging .site-scroll-thumb{cursor:grabbing;background:rgba(190,203,210,.7)}
.reading-progress{position:fixed;left:0;top:0;width:100%;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left center;pointer-events:none;z-index:1001;box-shadow:0 0 8px #ff003840}
@media(prefers-reduced-motion:reduce){.site-scroll-thumb{transition:none}}

/* Segunda seção: conteúdo limpo, sem deslocar a composição visual. */
.chapter-break:empty{height:54px;padding:0}
.hub-section>.feature-copy{top:-64px}

/* Arte fornecida para a segunda seção, com espaço à esquerda para o texto. */
.hub-image-scene{position:absolute;inset:0;z-index:0;pointer-events:none}
.hub-image-scene img{width:100%;height:100%;object-fit:cover;object-position:center}
.hub-section{isolation:isolate}
.hub-section>.feature-copy{z-index:1}
.hub-image-scene{left:calc((100vw - 100%)/-2);right:calc((100vw - 100%)/-2)}
@media(max-width:900px){.hub-image-scene{position:relative;inset:auto;grid-row:2;height:380px;overflow:hidden}.hub-image-scene img{width:170%;max-width:none;transform:translateX(-40%);object-fit:cover}.hub-section>.feature-copy{top:0}}
/* Transição suave da arte do Hub para as seções escuras vizinhas. */
.hub-image-scene::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,var(--bg) 0%,rgba(8,12,13,.7) 5%,rgba(8,12,13,0) 19%,rgba(8,12,13,0) 77%,rgba(8,12,13,.7) 94%,var(--bg) 100%)}

.hub-section h2{font-size:clamp(27px,2.15vw,37px);letter-spacing:-1px}.hub-section h2>span,.hub-section h2>em{display:block}.hub-section .feature-copy strong{font-weight:650;color:#e1e6e9}

/* Composição da mensagem do Hub com quebras deliberadas e respiro. */
.hub-section>.feature-copy{width:100%;max-width:540px;top:-32px}
.hub-section h2{font-size:clamp(26px,2.05vw,35px);line-height:1.25;letter-spacing:-.8px;margin-bottom:30px}
.hub-section h2>em{margin-top:9px}
.hub-section .feature-copy>p:not(.wordmark):not(.eyebrow){font-size:clamp(16px,1.15vw,19px);line-height:1.75;margin:0 0 24px;max-width:510px}
.hub-section .feature-copy>.statement{margin-top:28px!important;margin-bottom:26px!important}
.hub-section .feature-copy>.button{margin-top:4px}
@media(max-width:900px){.hub-section>.feature-copy{top:0;max-width:650px}.hub-section h2{font-size:32px}}

/* Título em duas linhas e bloco afastado da mesa. */
@media(min-width:901px){
.hub-section>.feature-copy{top:-82px}
.hub-section h2{font-size:clamp(22px,1.65vw,27px);letter-spacing:-.65px;line-height:1.3}
.hub-section h2>span,.hub-section h2>em{white-space:nowrap}
.hub-section h2>em{margin-top:3px}
}

/* Mensagem compacta, recentralizada na coluna esquerda. */
.hub-section>.feature-copy{top:-36px;max-width:580px}
.hub-section h2{font-size:clamp(25px,1.95vw,33px);line-height:1.25;letter-spacing:-1px;margin-bottom:26px}
.hub-section h2>span{display:block;white-space:nowrap}
.hub-section h2 em{display:inline;margin:0}
.hub-section .feature-copy>p:last-of-type{margin-bottom:18px}
.hub-section .feature-copy>.button{margin-top:0}
@media(max-width:900px){.hub-section>.feature-copy{top:0}.hub-section h2>span{white-space:normal}.hub-section h2{font-size:32px}}

/* Segunda seção: hierarquia em três linhas, alinhada ao topo do monitor. */
.hub-section>.feature-copy{align-self:start;top:0;padding-top:6px;max-width:580px}
.hub-section h2{font-size:clamp(30px,2.25vw,39px);line-height:1.16;letter-spacing:-1.1px;margin:0 0 24px}
.hub-section h2>span,.hub-section h2>em{display:block;white-space:nowrap;margin:0}
.hub-section h2>em{margin-top:5px}
.hub-section .feature-copy>p:not(.wordmark):not(.eyebrow){line-height:1.65;margin:0 0 20px}
.hub-section .feature-copy>p:last-of-type{margin-bottom:22px}
.hub-section .feature-copy>.button{margin-top:0}
@media(max-width:900px){.hub-section>.feature-copy{padding-top:0}.hub-section h2>span,.hub-section h2>em{white-space:normal}}

/* Título da segunda seção novamente em duas linhas. */
.hub-section h2{font-size:clamp(25px,1.95vw,33px);line-height:1.25;letter-spacing:-1px}
.hub-section h2>span{display:block}
.hub-section h2>span>em{display:inline;margin:0}

.app-store-preview{margin-top:20px}.app-store-badges{display:flex;gap:12px;flex-wrap:wrap}.store-badge{display:flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid #ffffff45;border-radius:8px;background:#050708;color:#fff;min-width:153px;height:53px}.store-badge svg{width:25px;height:29px;flex-shrink:0}.store-badge small{display:block;font-size:8px;letter-spacing:.65px;line-height:1.3}.store-badge strong{display:block;font-size:19px;font-weight:550;line-height:1.2;letter-spacing:-.4px}.store-preview-note{display:block;font-size:10px;color:#8e9ba3;margin-top:9px}

/* Selos das lojas com mais respiro e dimensões uniformes. */
.hub-section .app-store-preview{margin-top:34px}
.hub-section .app-store-badges{gap:14px;align-items:center}
.hub-section .store-badge{width:165px;min-width:165px;height:54px;padding:10px 14px;gap:11px}
/* Faixa de categorias sem linha inferior. */
.life-strip{border-bottom:0}

/* Ocultar a rolagem nativa já no primeiro desenho, antes do JavaScript. */
html.site-overlay-scroll,html.site-overlay-scroll body{overflow-x:clip}
/* Espaço suficiente para cada selo sem quebra ou sobreposição do nome. */
.hub-section .store-badge{width:180px;min-width:180px;height:58px;gap:12px;padding:10px 14px;flex-shrink:0}
.hub-section .store-badge>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.hub-section .store-badge small{font-size:8px;line-height:12px;white-space:nowrap;letter-spacing:.55px}
.hub-section .store-badge strong{font-family:Arial,sans-serif;font-size:18px;font-weight:500;line-height:22px;letter-spacing:0;white-space:nowrap;color:#fff}
/* Mais respiro entre descrição, chamada principal e selos das lojas. */
.hub-section .feature-copy>p:last-of-type{margin-bottom:34px}
.hub-section .app-store-preview{margin-top:46px}
/* Distância adicional solicitada entre a descrição e o CTA do Hub. */
.hub-section .feature-copy>.button{margin-top:22px}
/* Imagem de estúdio fornecida para a terceira seção. */
#projeto-x{isolation:isolate;min-height:56.28vw;grid-template-columns:1.5fr 1fr;gap:48px}
#projeto-x>.feature-copy{grid-column:2}
.course-image-scene{position:absolute;inset:0 calc((100vw - 100%)/-2);z-index:0;pointer-events:none}
.course-image-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.course-image-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,var(--bg),transparent 12%,transparent 88%,var(--bg))}
@media(max-width:900px){#projeto-x{grid-template-columns:1fr;gap:24px}#projeto-x>.feature-copy{grid-column:1}.course-image-scene{position:relative;inset:auto;height:380px;overflow:hidden}.course-image-scene img{width:165%;max-width:none;object-position:left}}

@media(min-width:901px){
#projeto-x{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:40px}
#projeto-x>.feature-copy{min-width:0;max-width:440px;justify-self:end}
#projeto-x .feature-copy .eyebrow{font-size:9px;margin-bottom:16px;letter-spacing:1.8px}
#projeto-x .wordmark{font-size:20px;margin-bottom:22px}
#projeto-x h2{font-size:clamp(27px,2.2vw,40px);line-height:1.16;letter-spacing:-1px;margin:0 0 24px}
#projeto-x .feature-copy>p:not(.wordmark):not(.eyebrow){font-size:clamp(15px,1vw,18px);line-height:1.65;margin:0 0 20px}
#projeto-x .features{font-size:14px;line-height:1.5;margin:0 0 26px;padding-left:0}
#projeto-x .features li{margin-bottom:10px}
#projeto-x .button{font-size:14px;min-height:52px;padding:14px 24px;gap:22px}
}
#projeto-x h2 em{display:inline}
@media(min-width:901px){#projeto-x>.feature-copy{transform:translateY(-48px)}#projeto-x h2{margin-bottom:22px}}
@media(min-width:901px){#projeto-x h2{font-size:clamp(25px,1.85vw,34px);line-height:1.2;letter-spacing:-.8px}}
@media(min-width:901px){#projeto-x>.feature-copy{transform:translateY(-88px)}}
@media(min-width:901px){#teia{margin-top:-40px}}

#teia{isolation:isolate;min-height:56.28vw;grid-template-columns:minmax(0,2.4fr) minmax(0,1fr);gap:40px}
#teia>.feature-copy{grid-column:2;min-width:0}
.teia-image-scene{position:absolute;inset:0 calc((100vw - 100%)/-2);z-index:0;pointer-events:none}
.teia-image-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.teia-image-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,var(--bg),transparent 12%,transparent 88%,var(--bg))}
#teia h2{font-size:clamp(28px,2.4vw,42px)}
#teia .feature-copy>p:not(.wordmark):not(.eyebrow){font-size:16px;line-height:1.6}
@media(max-width:900px){#teia{grid-template-columns:1fr;gap:24px}#teia>.feature-copy{grid-column:1}.teia-image-scene{position:relative;inset:auto;height:380px;overflow:hidden}.teia-image-scene img{width:145%;max-width:none;object-position:left}}
@media(min-width:901px){
#teia{grid-template-columns:minmax(0,2.85fr) minmax(0,1fr);gap:40px}
#teia>.feature-copy{width:100%;max-width:390px;justify-self:end;transform:translateY(-35px)}
#teia .feature-copy .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:16px}
#teia .wordmark{font-size:20px;letter-spacing:2px;margin-bottom:24px}
#teia h2{font-size:clamp(28px,2.1vw,38px);line-height:1.15;margin-bottom:24px}
#teia .feature-copy>p:not(.wordmark):not(.eyebrow){font-size:15px;line-height:1.65;margin:0 0 18px}
#teia .pills{gap:7px;flex-wrap:wrap;margin:22px 0}
#teia .pills span{font-size:11px;padding:9px 12px}
#teia .button{font-size:14px;min-height:52px;padding:14px 22px;gap:20px;margin-top:8px}
}
@media(min-width:901px){#teia h2{font-size:clamp(25px,1.8vw,32px);line-height:1.18;letter-spacing:-.7px}#teia .features{font-size:13px;line-height:1.5;margin:20px 0}#teia .features li{margin:10px 0}}
@media(min-width:901px){#teia{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:60px}#teia>.feature-copy{grid-column:1;justify-self:start;max-width:500px;transform:translateY(-35px)}}
@media(max-width:900px){.teia-image-scene img{object-position:right;transform:translateX(-31%)}}
#brain-screen{aspect-ratio:1919/1079;padding:0;background:#070909}#brain-screen>.brain-screen-capture{display:block;width:100%;height:100%;object-fit:contain}
/* Teia volta à composição de dispositivos, com captura real no monitor. */
#teia{min-height:760px;grid-template-columns:.94fr 1.2fr;gap:70px}
#teia>.feature-copy{grid-column:1;max-width:500px;transform:none}
#teia>.device-scene{grid-column:2}
#teia-profile-screen{aspect-ratio:1919/1079;padding:0;background:#080d0e}
#teia-profile-screen>img{display:block;width:100%;height:100%;object-fit:contain}
.teia-phone>small b{color:var(--red)}
@media(max-width:900px){#teia{grid-template-columns:1fr;min-height:0;gap:40px}#teia>.device-scene{grid-column:1}}
/* Projeto X acompanha os monitores das seções Teia e Brain. */
#projeto-x{min-height:760px;grid-template-columns:1.2fr .9fr;gap:70px}
#projeto-x>.feature-copy{transform:none;max-width:500px}
#project-lesson-screen{aspect-ratio:1919/1079;padding:0;background:#080f13}
#project-lesson-screen>img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:900px){#projeto-x{grid-template-columns:1fr;min-height:0;gap:40px}#projeto-x>.feature-copy{grid-column:1}}
/* Hub no mesmo formato de monitor das demais áreas. */
#hub{min-height:760px;grid-template-columns:.94fr 1.2fr;gap:70px}
#hub>.feature-copy{align-self:center;top:0;padding-top:0;max-width:540px}
#hub h2>span{white-space:normal}
#hub-capture-screen{aspect-ratio:1919/1079;padding:0;background:#080d0e}
#hub-capture-screen>img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:900px){#hub{grid-template-columns:1fr;min-height:0;gap:40px}}

#hub .store-badge{width:153px;min-width:153px;height:49px;padding:8px 12px;gap:10px}
#hub .store-badge svg{width:24px;height:28px}
#hub .store-badge small{font-size:7px;line-height:10px}
#hub .store-badge strong{font-size:15.3px;line-height:19px}
#lab-screen{aspect-ratio:1919/1079;padding:0;background:#080d0e}
#lab-screen>img{display:block;width:100%;height:100%;object-fit:contain}
.lab-phone-cover{display:block;width:100%;height:85px;object-fit:cover;border-radius:7px}
.lab-phone h4{margin:16px 0 12px;font-size:12px;line-height:1.4}
.lab-phone p{font-size:9px;line-height:1.6;color:var(--muted)}
.lab-phone-link{font-size:9px;color:var(--red)}
/* Tipografia uniforme das apresentações, usando o Projeto X como referência. */
:is(#hub,#projeto-x,#teia,#brain,#lab) h2{font-size:clamp(25px,1.85vw,34px);line-height:1.2;letter-spacing:-.8px;margin-bottom:22px}
:is(#hub,#projeto-x,#teia,#brain,#lab) .feature-copy>p:not(.wordmark):not(.eyebrow){font-size:clamp(15px,1vw,18px);line-height:1.65}
:is(#hub,#projeto-x,#teia,#brain,#lab) .features{font-size:14px;line-height:1.5}
:is(#hub,#projeto-x,#teia,#brain,#lab) .features li{font-size:inherit;white-space:normal}
:is(#hub,#projeto-x,#teia,#brain,#lab) .feature-copy>.button{font-size:14px;min-height:52px;padding:14px 24px;gap:22px}
/* Teste da capa com a mesma escala tipográfica das demais seções. */
.hero h1{font-size:clamp(25px,1.85vw,34px);line-height:1.2;letter-spacing:-.8px;margin-bottom:22px}
.hero .hero-copy,.hero .hero-note{font-size:clamp(15px,1vw,18px);line-height:1.65}
.hero .hero-inner>.button{font-size:14px;min-height:52px;padding:14px 24px;gap:22px}
/* Seth: apresentação e exemplos com hierarquia e leitura consistentes. */
.seth-section{padding:80px 0;border:0;background:radial-gradient(ellipse at 25% 50%,#ff003809,transparent 48%),var(--bg)}
.seth-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
.seth-copy{text-align:center;display:flex;flex-direction:column;align-items:center}
.seth-copy .eyebrow{font-size:10px;letter-spacing:2px;margin:0 0 18px}
.seth-copy h2{font-size:clamp(25px,1.85vw,34px);line-height:1.2;letter-spacing:-.8px;margin:0 0 18px}
.seth-copy .large-copy{font-size:clamp(15px,1vw,18px);line-height:1.65;margin:0}
.seth-portrait{width:100%;height:310px;justify-content:center;margin:8px 0 12px}
.seth-portrait img{display:block;width:380px;max-width:100%;height:310px;object-fit:contain}
.seth-copy>.button{font-size:14px;min-height:52px;padding:14px 24px;gap:22px}
.seth-examples{min-width:0;width:100%;max-width:none}
.seth-examples article{padding:26px;margin-bottom:18px;border:1px solid #ffffff10;border-radius:18px;background:#101719}
.seth-examples .eyebrow{font-size:10px;letter-spacing:1.8px;margin-bottom:10px}
.seth-examples h3{font-size:22px;line-height:1.25;letter-spacing:-.4px;margin:0 0 12px}
.seth-examples article>p:not(.eyebrow){font-size:15px;line-height:1.6;margin:0 0 20px}
.seth-examples .bubble{font-size:14px;line-height:1.5;padding:13px 16px}
.seth-examples .user-bubble{margin-left:32px;margin-bottom:10px;background:#202b31}
.seth-examples .seth-bubble{margin-right:20px;align-items:center;background:#ff003807;border-color:#ff003815}
.seth-examples .seth-bubble img{width:34px;height:34px;flex-shrink:0;object-fit:cover}
.seth-examples .seth-bubble strong{font-size:12px;margin-bottom:3px}
.seth-examples .example-note{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:4px}
@media(max-width:900px){.seth-grid{grid-template-columns:1fr;gap:36px}.seth-examples{max-width:650px;margin:auto}.seth-portrait{height:250px}.seth-portrait img{height:250px}.seth-section{padding:60px 0}}
/* Avatares dos exemplos: enquadramento fechado no rosto da máscara. */
.seth-examples .seth-bubble img{width:34px;height:34px;object-fit:cover;object-position:center;clip-path:circle(50%);border-radius:50%;transform:scale(1);}
.seth-face-avatar{display:block;width:34px;height:34px;flex:0 0 34px;border-radius:50%;overflow:hidden;background:#101719}
.seth-examples .seth-face-avatar img{width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(2);object-position:center;clip-path:none;border-radius:0}
.seth-examples .seth-face-avatar img{transform:scale(1.25)}
.project-phone-label{display:block;margin-top:22px;color:var(--muted);font-size:7px;letter-spacing:1px}
.project-phone h4{font-size:13px;line-height:1.4;margin:12px 0}
.project-phone p{font-size:9px;line-height:1.65;color:var(--muted)}
.project-phone-audio{display:flex;align-items:center;gap:10px;margin:12px 0;color:#e0e7eb}
.project-phone-audio>span{display:grid;place-items:center;width:25px;height:25px;background:#202e37;border-radius:50%;font-size:10px}
.seth-promise{font-size:20px;line-height:1.4;max-width:430px;margin:0 0 18px}
.seth-intro{font-size:15px;line-height:1.65;color:var(--muted);max-width:460px;margin:0 0 20px}
.seth-copy .large-copy{font-size:14px;font-weight:600;letter-spacing:.6px}
.seth-examples h3{font-size:20px;line-height:1.35}
/* Comprimento de leitura equilibrado nos exemplos de conversa do Seth. */
.seth-examples h3{max-width:34ch;text-wrap:balance}
.seth-examples article>p:not(.eyebrow){max-width:60ch;text-wrap:pretty}
.seth-examples .bubble{max-width:58ch;text-wrap:pretty}
.seth-examples .user-bubble{margin-left:auto}
.seth-examples .seth-bubble>div{min-width:0;max-width:48ch}
.seth-examples .seth-bubble span:not(.seth-face-avatar){text-wrap:pretty}
/* Exemplos compactos: título em uma linha e descrição em duas no desktop. */
.seth-examples article{padding:22px;margin-bottom:14px}
.seth-examples h3{max-width:none;text-wrap:normal;font-size:clamp(14px,1.1vw,19px);line-height:1.3;margin-bottom:10px}
.seth-examples article>p:not(.eyebrow){max-width:none;font-size:14px;line-height:1.5;margin-bottom:14px;text-wrap:pretty}
.seth-examples .bubble{max-width:none;padding:10px 14px;font-size:13px}
.seth-examples .seth-bubble>div{max-width:none}
@media(min-width:901px){.seth-examples h3{white-space:nowrap}.seth-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px}}
/* Enquadramento mais compacto do Seth e dos exemplos. */
@media(min-width:901px){
 .seth-grid{width:min(1280px,calc(100% - 128px));grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;margin-inline:auto;align-items:center}
 .seth-examples{justify-self:center;max-width:670px}
 .seth-copy{width:100%;justify-self:center}
 .seth-examples h3{font-size:clamp(13px,1vw,17px)}
 .seth-examples article>p:not(.eyebrow){font-size:13px}
}
.testimonial-author>img{display:block;width:42px;height:42px;flex:0 0 42px;border-radius:50%;object-fit:cover}
#chat-dialog .chat-heading>img{border-radius:50%;object-fit:cover}
#chat-dialog #chat-form{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 18px;border:0;border-radius:28px;background:#1b252a;box-shadow:none;outline:none}
#chat-dialog #chat-form:focus-within{border:0;box-shadow:none;outline:none}
#chat-dialog #message{flex:1;min-width:0;min-height:24px;height:24px;max-height:96px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;resize:none;font-size:14px;line-height:24px}
#chat-dialog #message:focus-visible{outline:none;box-shadow:none}
#chat-dialog #chat-form button{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;min-height:32px;padding:0;border:0;background:transparent;color:#bfccd3;border-radius:50%;font-size:23px;box-shadow:none}
#chat-dialog #chat-form button:hover{background:#ffffff0a;color:#fff}
/* Conversa com dimensões estáveis; apenas o histórico rola. */
#chat-dialog{height:min(640px,90dvh);overflow:hidden}
#chat-dialog .conversation{height:100%;min-height:0;display:flex;flex-direction:column}
#chat-dialog .chat-heading,#chat-dialog #quick,#chat-dialog #chat-form,#chat-dialog #status,#chat-dialog #errors{flex-shrink:0}
#chat-dialog #messages{flex:1;min-height:0;max-height:none;overflow-y:auto}
#chat-dialog #chat-form{margin-top:12px}

.seth-copy h2{font-size:clamp(17px,1.25vw,21px);line-height:1.4;letter-spacing:0;max-width:500px;text-wrap:balance;margin-bottom:18px}
#chat-dialog button:focus,#chat-dialog button:active{outline:none;box-shadow:none}
#chat-dialog button:focus-visible{outline:1px solid #9aaeb866;outline-offset:2px}
#chat-dialog #chat-form button{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;padding:6px;border:0;background:transparent;border-radius:50%;line-height:1;color:#aebfc8}
#chat-dialog #chat-form button svg{display:block;width:20px;height:20px;margin:0}
#chat-dialog #chat-form>button{position:static;inset:auto;align-self:center;transform:none;margin:0}
#chat-dialog .quick button:is(:hover,:focus,:focus-visible,:active){border-color:#ffffff20;background:#ffffff05;box-shadow:none}#chat-dialog button:hover{box-shadow:none}
.testimonials .section-title h2{font-size:clamp(25px,1.85vw,34px);line-height:1.2;letter-spacing:-.8px;margin-bottom:22px}
/* Títulos das seções 7 e 8 seguem exatamente a escala da seção 6. */
#seth .seth-copy h2,.testimonials .section-title h2{font-size:clamp(25px,1.85vw,34px);line-height:1.2;letter-spacing:-.8px;font-weight:750;max-width:none}
:root{--testimonial-divider-space:clamp(144px,18vh,216px)}
.seth-section{padding-bottom:var(--testimonial-divider-space);border-bottom:1px solid var(--line)}
.testimonials{margin-top:0;padding-top:var(--testimonial-divider-space);padding-bottom:var(--testimonial-divider-space)}

/* Divisórias e respiro uniformes entre as seções da landing. */
#conteudo{overflow-x:clip}
#conteudo>section:not(.hero){position:relative;margin-top:0;margin-bottom:0;padding-top:var(--testimonial-divider-space);padding-bottom:var(--testimonial-divider-space);border-block:0}
#conteudo>section:not(.hero)::before{content:none}
#conteudo>#hub::before{content:none}
#conteudo>#hub{padding-top:clamp(144px,18vh,216px)}

/* Oferta com a mesma escala tipográfica das demais apresentações. */
#oferta .section-title h2{font-size:clamp(25px,1.85vw,34px);line-height:1.2;letter-spacing:-.8px;font-weight:750;margin-bottom:22px}
#oferta .section-title>p:not(.eyebrow){font-size:clamp(15px,1vw,18px);line-height:1.65}

.offer-card{border-color:#ffffff20}
.payment-methods button{display:flex;align-items:center;justify-content:center;gap:10px}
.payment-methods .payment-logo{display:block;width:24px;height:24px;object-fit:contain;flex-shrink:0}
.payment-methods .payment-logo-visa{width:36px}

.payment-methods button[data-payment="pix"] .payment-logo{width:19.2px;height:19.2px}

/* FAQ centralizado em uma única coluna. */
#duvidas{display:flex;flex-direction:column;align-items:center;gap:0}
#duvidas .faq-heading{width:100%;margin-bottom:40px;text-align:center}
#duvidas .faq-heading h2{font-size:clamp(25px,1.85vw,34px);line-height:1.2;letter-spacing:-.8px;font-weight:750;margin:0 0 22px}
#duvidas .faq-heading>p{max-width:none;font-size:clamp(15px,1vw,18px);line-height:1.65}
#duvidas .faq-list{width:100%;max-width:900px;margin-inline:auto}

.reading-progress{transform:scaleX(var(--reading-progress,0));transition:none;animation:none}
#brain .agenda-phone{isolation:isolate;background-color:#050708}
#brain .agenda-item i{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}
#projeto-x .project-phone{left:-14px;right:auto}

.seth-continue{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;font-size:12px;color:var(--muted)}
.seth-continue:hover{color:#fff}
.seth-continue svg{width:18px;height:18px}
.testimonial-next{display:flex;justify-content:center;margin-top:40px}
.testimonial-next .button{font-size:14px;min-height:52px;padding:14px 24px;gap:22px}

/* Rótulos de botões uniformes em caixa alta. */
button,.button,.outline-button,.store-badge,.seth-continue{text-transform:uppercase}
#open-checkout:disabled{opacity:1}

/* As âncoras descontam o respiro superior para enquadrar o conteúdo. */
#conteudo>section[id]:not(.hero){scroll-margin-top:calc(48px - var(--testimonial-divider-space))}

.faq-checkout-action{display:flex;justify-content:center;margin-top:48px;width:100%}
.faq-checkout-action .button{font-size:14px;min-height:52px;padding:14px 24px}
.checkout-dialog{width:min(1100px,95vw);padding:40px 24px 24px}
.checkout-dialog .offer-section{padding:16px 0;border:0}
.checkout-dialog .wrap{width:100%}
.checkout-dialog .purchase-grid{gap:24px}

/* Checkout compacto, somente cartão. */
#checkout-dialog{width:min(440px,calc(100vw - 32px));padding:36px 24px 24px}
#checkout-dialog .checkout{padding:0;border:0;background:transparent}
#checkout-dialog h3{font-size:22px;margin:0 28px 22px 0}
.card-checkout-heading{display:flex;align-items:center;gap:12px;font-size:13px;margin-bottom:20px}
.card-checkout-heading img{object-fit:contain}
.card-checkout-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.card-checkout-row label{min-width:0}
#checkout-dialog input{width:100%;min-width:0}

/* Impede seleção e arraste casuais, preservando campos de entrada. */
body{-webkit-user-select:none;user-select:none}
input,textarea,[contenteditable="true"]{-webkit-user-select:text;user-select:text}
img{-webkit-user-drag:none}

/* Acomoda os nomes das lojas em caixa alta sem ultrapassar o selo. */
#hub .store-badge{padding-inline:10px;gap:8px}
#hub .store-badge strong{font-size:13px;line-height:18px;letter-spacing:-.2px}
#hub .store-badge svg{flex-shrink:0}

.testimonial-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:20px;padding-bottom:2px}
.testimonial-grid::-webkit-scrollbar{display:none}
.testimonial-grid .testimonial-card{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;display:flex;flex-direction:column;min-width:0}
.testimonial-grid .testimonial-author{margin-top:auto}
.testimonial-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}
.testimonial-controls button{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;border:1px solid var(--line);border-radius:8px;font-size:11px;padding:8px 12px}
.testimonial-controls [data-testimonial="prev"] svg{transform:rotate(180deg)}
@media(max-width:1000px){.testimonial-grid .testimonial-card{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:600px){.testimonial-grid .testimonial-card{flex-basis:100%}}

.testimonial-grid{scroll-snap-type:none;scroll-behavior:auto}

/* Teste de apresentação somente com monitores nas quebras 3 a 6. */
#projeto-x .phone,#teia .phone,#brain .phone,#lab .phone{display:none}
/* Alternância visual: capa à esquerda, apresentações seguintes intercaladas. */
@media(min-width:901px){
 #hub,#teia,#lab{grid-template-columns:minmax(0,1.2fr) minmax(0,.94fr);gap:70px}
 #hub>.device-scene,#teia>.device-scene,#lab>.device-scene{grid-column:1;grid-row:1}
 #hub>.feature-copy,#teia>.feature-copy,#lab>.feature-copy{grid-column:2;grid-row:1;justify-self:stretch}
 #projeto-x,#brain{grid-template-columns:minmax(0,.94fr) minmax(0,1.2fr);gap:70px}
 #projeto-x>.feature-copy,#brain>.feature-copy{grid-column:1;grid-row:1;justify-self:stretch}
 #projeto-x>.device-scene,#brain>.device-scene{grid-column:2;grid-row:1}
 #hub .phone,#teia .phone,#lab .phone{left:-14px;right:auto}
 #projeto-x .project-phone,#brain .phone{left:auto;right:-14px}
}

/* Elevação suave com neon, preservando a cor original. */
button,.button,.outline-button,.store-badge{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}
.button{filter:none;background:linear-gradient(145deg,#ff003e,#df002d)}
@media(hover:hover){
 .button:hover{filter:none;box-shadow:0 12px 34px #ff003836,0 0 14px #ff003812;transform:translateY(-2px)}
 button:not(.button):hover,.outline-button:hover,.store-badge:hover{box-shadow:0 8px 26px #ff003826;transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){button,.button,.outline-button,.store-badge{transition:none}button:hover,.button:hover,.outline-button:hover,.store-badge:hover{transform:none}}

/* A seta acompanha a elevação do botão com um avanço discreto. */
.button svg,.outline-button svg{transition:transform .45s cubic-bezier(.22,1,.36,1)}
@media(hover:hover){.button:hover svg,.outline-button:hover svg{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){.button svg,.outline-button svg{transition:none}.button:hover svg,.outline-button:hover svg{transform:none}}

/* FAQ compacto para manter a chamada final próxima das quatro dúvidas. */
#duvidas .faq-heading{margin-bottom:28px}
#duvidas .faq-list details{padding:20px 0}
#duvidas .faq-checkout-action{margin-top:28px}

.faq-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;width:100%;margin:0 0 24px}
.faq-tabs [role="tab"]{padding:12px 18px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:12px}
.faq-tabs [aria-selected="true"]{color:#fff;border-color:#ff003870;background:#ff003814}
#duvidas .faq-tabs button:hover{transform:none}
@media(max-width:600px){.faq-tabs{gap:8px}.faq-tabs [role="tab"]{padding:10px 12px;font-size:10px}}

/* Acordeão com rolagem interna para manter a chamada final estável. */
#duvidas .faq-list{height:292px;flex:0 0 292px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;overflow-anchor:none}
#duvidas .faq-list::-webkit-scrollbar{display:none}
@media(max-width:600px){#duvidas .faq-list{height:320px;flex-basis:320px}}

/* Esconde resíduos de letras no limite superior durante a rolagem interna. */
#duvidas .faq-list.is-scrolled{clip-path:inset(14px 0 0 0)}

/* Mesmo acabamento luminoso da evolução do Projeto X. */
.reading-progress{width:calc(var(--reading-progress,0)*100%);transform:none;background:linear-gradient(90deg,#b90030 0%,#ff0038 60%,#ff5067 100%)}
.reading-progress::after{content:'';position:absolute;right:0;top:0;width:min(12px,100%);height:100%;border-radius:999px;background:linear-gradient(90deg,transparent,#ffabb766 60%,#ffffff88);box-shadow:0 0 8px 1px #ff607a66;opacity:0;transition:opacity .35s ease}
.reading-progress.is-charging::after{opacity:.95}
@media(prefers-reduced-motion:reduce){.reading-progress::after{display:none}}


/* Movimento suave de cor dentro do progresso, sem alterar seu comprimento. */
.reading-progress{background-color:#ff5067;background-image:linear-gradient(90deg,#ff5067 0%,#ff0038 50%,#ff5067 100%);background-size:200% 100%;background-repeat:no-repeat;animation:reading-gradient-drift 5s ease-in-out infinite alternate}
@keyframes reading-gradient-drift{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.reading-progress{animation:none}}

.landing-login{color:#fff;text-decoration:none;border:1px solid #3a454b;border-radius:999px;padding:9px 18px;font-size:14px;white-space:nowrap}.public-entry{text-align:center;padding:28px 18px;color:#9aaab4;font-size:13px}.public-entry a{color:inherit;display:inline-block;margin:5px 9px}

/* Projeto X: desktop composition with monitor, real mobile capture and product. */
.project-product-box{display:none}
@media(min-width:1101px){
 #projeto-x>.device-scene{min-height:480px;padding:38px 0 120px;margin:0;width:100%;isolation:isolate}
 #projeto-x .monitor{width:92%;margin-left:8%;padding:10px 10px 22px;transform:none}
 #projeto-x .monitor-stand{left:43%;right:25%;bottom:60px;height:110px}
 #projeto-x .project-real-phone{display:block;position:absolute;left:0;right:auto;bottom:20px;width:24%;height:auto;min-height:0;aspect-ratio:393/820;padding:6px;border-radius:22px;background:#090d10;border:2px solid #758087;overflow:hidden;z-index:4;box-shadow:0 22px 40px #000b}
 #projeto-x .project-real-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:15px}
 #projeto-x .project-real-phone .phone-notch{top:6px;height:7px;left:34%;width:32%;z-index:2;border-radius:0 0 7px 7px}
 #projeto-x .project-product-box{display:block;position:absolute;right:-3%;bottom:0;width:29%;height:auto;z-index:3;filter:drop-shadow(0 18px 20px #0009);border-radius:5px}
}

/* Projeto X: desktop composition with monitor, real mobile capture and product. */
.teia-product-box{display:none}
@media(min-width:1101px){
 #teia>.device-scene{min-height:480px;padding:38px 0 120px;margin:0;width:100%;isolation:isolate}
 #teia .monitor{width:92%;margin-left:8%;padding:10px 10px 22px;transform:none}
 #teia .monitor-stand{left:43%;right:25%;bottom:60px;height:110px}
 #teia .teia-real-phone{display:block;position:absolute;left:0;right:auto;bottom:20px;width:24%;height:auto;min-height:0;aspect-ratio:393/852;padding:6px;border-radius:22px;background:#090d10;border:2px solid #758087;overflow:hidden;z-index:4;box-shadow:0 22px 40px #000b}
 #teia .teia-real-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:15px}
 #teia .teia-real-phone .phone-notch{top:6px;height:7px;left:34%;width:32%;z-index:2;border-radius:0 0 7px 7px}
 #teia .teia-product-box{display:block;position:absolute;right:-3%;bottom:0;width:29%;height:auto;z-index:3;filter:drop-shadow(0 18px 20px #0009);border-radius:5px}
}

/* Projeto X: desktop composition with monitor, real mobile capture and product. */
.brain-product-box{display:none}
@media(min-width:1101px){
 #brain>.device-scene{min-height:480px;padding:38px 0 120px;margin:0;width:100%;isolation:isolate}
 #brain .monitor{width:92%;margin-left:8%;padding:10px 10px 22px;transform:none}
 #brain .monitor-stand{left:43%;right:25%;bottom:60px;height:110px}
 #brain .brain-real-phone{display:block;position:absolute;left:0;right:auto;bottom:20px;width:24%;height:auto;min-height:0;aspect-ratio:393/852;padding:6px;border-radius:22px;background:#090d10;border:2px solid #758087;overflow:hidden;z-index:4;box-shadow:0 22px 40px #000b}
 #brain .brain-real-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:15px}
 #brain .brain-real-phone .phone-notch{top:6px;height:7px;left:34%;width:32%;z-index:2;border-radius:0 0 7px 7px}
 #brain .brain-product-box{display:block;position:absolute;right:-3%;bottom:0;width:29%;height:auto;z-index:3;filter:drop-shadow(0 18px 20px #0009);border-radius:5px}
}

/* Projeto X: desktop composition with monitor, real mobile capture and product. */
.lab-product-box{display:none}
@media(min-width:1101px){
 #lab>.device-scene{min-height:480px;padding:38px 0 120px;margin:0;width:100%;isolation:isolate}
 #lab .monitor{width:92%;margin-left:8%;padding:10px 10px 22px;transform:none}
 #lab .monitor-stand{left:43%;right:25%;bottom:60px;height:110px}
 #lab .lab-real-phone{display:block;position:absolute;left:0;right:auto;bottom:20px;width:24%;height:auto;min-height:0;aspect-ratio:393/852;padding:6px;border-radius:22px;background:#090d10;border:2px solid #758087;overflow:hidden;z-index:4;box-shadow:0 22px 40px #000b}
 #lab .lab-real-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:15px}
 #lab .lab-real-phone .phone-notch{top:6px;height:7px;left:34%;width:32%;z-index:2;border-radius:0 0 7px 7px}
 #lab .lab-product-box{display:block;position:absolute;right:-3%;bottom:0;width:29%;height:auto;z-index:3;filter:drop-shadow(0 18px 20px #0009);border-radius:5px}
}

/* Captura original do Hub no celular da composição desktop. */
@media(min-width:1101px){
 #hub .hub-phone{display:block;position:absolute;left:0;right:auto;bottom:20px;width:24%;height:auto;min-height:0;aspect-ratio:393/820;padding:6px;border-radius:22px;background:#090d10;border:2px solid #758087;overflow:hidden;z-index:4;box-shadow:0 22px 40px #000b}
 #hub .hub-desktop-phone-capture{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:15px}
 #hub .hub-phone .phone-notch{top:6px;height:7px;left:34%;width:32%;z-index:2;border-radius:0 0 7px 7px}
}

/* Suporte ancorado ao monitor, centralizado e atrás da moldura. */
.desktop-monitor-shell{position:relative}
@media(min-width:1101px){
 #hub .device-scene{isolation:isolate}
 .feature .desktop-monitor-shell{position:relative;isolation:isolate;width:92%;margin-left:8%}
 #hub .desktop-monitor-shell{width:100%;margin-left:0}
 #hub .desktop-monitor-shell>.monitor,#projeto-x .desktop-monitor-shell>.monitor,#teia .desktop-monitor-shell>.monitor,#brain .desktop-monitor-shell>.monitor,#lab .desktop-monitor-shell>.monitor{width:100%;margin-left:0;z-index:2}
 #hub .desktop-monitor-shell>.monitor-stand,#projeto-x .desktop-monitor-shell>.monitor-stand,#teia .desktop-monitor-shell>.monitor-stand,#brain .desktop-monitor-shell>.monitor-stand,#lab .desktop-monitor-shell>.monitor-stand{left:50%;right:auto;top:calc(100% - 14px);bottom:auto;transform:translateX(-50%);width:26%;height:70px;z-index:1;background:linear-gradient(90deg,#111619,#30373b 50%,#141a1d);clip-path:polygon(35% 0,65% 0,70% 84%,98% 92%,100% 100%,0 100%,2% 92%,30% 84%)}
}

@media(max-width:1100px){.desktop-monitor-shell{display:contents}}

/* Brilho ambiente atrás de todos os dispositivos e suportes. */
.feature>.device-scene{isolation:isolate}
.feature .scene-light{z-index:-1;pointer-events:none}

@media(min-width:1101px){
 .feature .desktop-monitor-shell>.scene-light{left:50%;bottom:-76px;transform:translateX(-50%);width:110%;height:100px;z-index:-1}
}

/* CTA do Hub alinhado às duas lojas no desktop. */
@media(min-width:1101px){
 #hub .feature-copy>.button,#hub .app-store-preview{width:320px;max-width:100%}
 #hub .feature-copy>.button{display:flex;justify-content:center;box-sizing:border-box}
 #hub .app-store-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%}
 #hub .store-badge{width:100%;min-width:0;justify-content:center}
}

/* Mesmo check de conclusão do curso, nas cores da landing desktop. */
@media(min-width:1101px){
 .feature .features li{padding-left:28px}
 .feature .features li:before{content:'';left:0;top:.08em;width:22px;height:22px;background:url('/src/landing/media/check-circle-red.svg') center/contain no-repeat}
}

@view-transition{navigation:auto}
@media(prefers-reduced-motion:no-preference){::view-transition-old(root){animation:spiderx-page-out .4s ease-in both}::view-transition-new(root){animation:spiderx-page-in .5s ease-out .4s both}@keyframes spiderx-page-out{to{opacity:0}}@keyframes spiderx-page-in{from{opacity:0}to{opacity:1}}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}

::view-transition{background:#090d0e}
::view-transition-image-pair(root){isolation:isolate}
::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal}
.waitlist-departure{position:fixed;inset:0;z-index:2147483647;background:#090d0e;pointer-events:all}

#conteudo a.button.is-step-complete{background:#18834e!important;border-color:#18834e!important;color:#fff!important;box-shadow:0 5px 22px #18834e28}#conteudo a.button.is-step-complete svg{color:#fff}

/* Reequilibra o espaço do print do Hub sem deslocar o cabeçalho. */
#hub-capture-screen{position:relative;overflow:hidden}
#hub-capture-screen>img:not(.hub-capture-content){clip-path:inset(0 0 80% 0)}
#hub-capture-screen>img.hub-capture-content{position:absolute;inset:0;clip-path:inset(24% 0 0 0);transform:translateY(-5%);pointer-events:none}
