.area-details-actions{display:flex;align-items:stretch;gap:14px;flex-wrap:wrap;margin-top:24px}
.area-details-actions>.button{margin:0!important}
.area-details-trigger{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:54px;padding:16px 24px;border:1px solid #ffffff20;border-radius:12px;background:#151e23;color:#e7edef;font:inherit;font-weight:650;cursor:pointer;box-shadow:none;white-space:nowrap}
.area-details-trigger svg{width:20px;height:20px;flex-shrink:0}
.area-details-trigger:hover{background:#1c282e}
.area-details-trigger:focus-visible,.area-details-header button:focus-visible{outline:2px solid #d5e0e5;outline-offset:4px}
.area-details-dialog{width:min(860px,calc(100vw - 32px));max-height:calc(100dvh - 48px);box-sizing:border-box;padding:0;margin:auto;border:1px solid #ffffff14;border-radius:24px;background:#0d1418;color:#e7edef;box-shadow:0 24px 90px #0009;overscroll-behavior:contain}
.area-details-dialog::backdrop{background:#020609cc;backdrop-filter:blur(7px)}
.area-details-open{overflow:hidden!important}
.area-details-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:18px 30px;background:#0d1418;border-bottom:1px solid #ffffff0c}
.area-details-header>span{font-size:11px;letter-spacing:2px;color:#91a5af}
.area-details-header button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#ffffff08;color:#dce6eb;font-size:28px;cursor:pointer}
.area-details-header button svg{display:block;width:18px;height:18px;margin:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.area-details-body{padding:26px 32px 30px}
.area-details-body h2{margin:0;font-size:32px;line-height:1.2;color:#fff}
.area-details-tagline{font-size:19px;color:#e2e9ed;margin:12px 0}
.area-details-body p{line-height:1.75}
.area-details-intro{color:#a8bac3;margin:0 0 26px}
.area-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.area-details-grid section{padding:20px;background:#151e23;border-radius:14px}
.area-details-body h3{font-size:16px;line-height:1.4;margin:0 0 9px;color:#ecf2f5}
.area-details-grid p,.area-details-benefit p{font-size:14px;color:#a8bac3;margin:0}
.area-details-benefit{padding:24px;margin-top:18px;border-radius:14px;background:#ffffff03;border:1px solid #ffffff0b}
.area-details-benefit h3:not(:first-child){margin-top:20px}
.area-details-footnote{font-size:12px;color:#849aa5;margin:22px 0 0}
@media(max-width:1100px){
 main>.feature .area-details-actions{order:6;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;min-width:0;flex-shrink:0;margin:8px 0 0;position:relative;z-index:2}
 main>.feature .area-details-actions>.button,main>.feature .area-details-actions>.area-details-trigger{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-width:0;min-height:48px;height:auto;padding:14px 16px;margin:0!important;font-size:12px;line-height:1.4;letter-spacing:.2px;border-radius:12px;white-space:normal;text-align:center;position:relative;inset:auto;transform:none}
 main>.feature .area-details-actions svg{flex:0 0 20px;width:20px;height:20px}
 .area-details-dialog{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
 .area-details-header button{flex-shrink:0;min-width:44px;min-height:44px}
 .area-details-body{overflow-wrap:break-word}
}

@media(max-width:600px){.area-details-actions{gap:10px}.area-details-trigger{padding:14px 18px;font-size:14px}.area-details-grid{grid-template-columns:1fr}.area-details-header{padding:14px 20px}.area-details-body{padding:22px 20px}.area-details-body h2{font-size:27px}.area-details-dialog{max-height:calc(100dvh - 24px);border-radius:20px}.area-details-tagline{font-size:17px}}

.area-details-cover{display:block;width:100%;height:clamp(180px,28vw,280px);object-fit:cover;object-position:center;border-radius:18px;margin:0 0 24px}

.area-details-dialog:is([data-area="projeto-x"],[data-area="teia"],[data-area="brain"],[data-area="lab"]) .area-details-grid section:first-child{grid-column:1/-1;border:1px solid #ff003c45;background:#17191f;padding:24px}
.area-details-dialog:is([data-area="projeto-x"],[data-area="teia"],[data-area="brain"],[data-area="lab"]) .area-details-grid section:first-child h3{font-size:21px}

.area-details-dialog[data-area="projeto-x"] #area-details-title{display:flex;align-items:center;gap:10px}
.area-details-verified{display:block;width:24px;height:24px;flex:0 0 24px;object-fit:contain;transform:translateY(0.5px)}

.section-heading-mobile{display:none!important}
@media(min-width:1101px){.section-heading-desktop{display:contents!important}}

/* Títulos mobile: mesma escala nas linhas branca e vermelha. */
@media (max-width:1100px){
 main>#hub .feature-copy>h2,main>:is(#hub,#projeto-x,#teia,#brain,#lab,#depoimentos,#duvidas) h2{font-size:clamp(23px,5.8vw,32px)!important;line-height:1.14!important;letter-spacing:-.8px!important;text-align:center;text-transform:uppercase}
 main h2>.section-heading-desktop{display:none!important}
 main h2>.section-heading-mobile{display:block!important}
 main h2 .section-heading-first{display:block;white-space:nowrap!important}
 main>:is(#hub,#projeto-x,#teia,#brain,#lab,#depoimentos,#duvidas) h2 .section-heading-mobile>em{display:block;font-size:1em;line-height:inherit;margin:7px 0 0;white-space:nowrap!important}
}

/* Desktop: manter a assinatura do Seth e a faixa de temas na abertura. */
@media (min-width:1101px){
 #inicio.hero{min-height:calc(100svh - 100px);display:flex;align-items:center}
 #inicio .hero-inner{padding-top:150px;padding-bottom:50px}
 #inicio .hero-caption{display:none}
 #inicio .hero-art{top:-72px;height:calc(100% + 72px);object-position:center top}
 #inicio.hero+.life-strip{margin-top:24px;margin-bottom:0;padding-top:3px;padding-right:0}
 #inicio.hero+.life-strip .category-pause{display:none}
}

/* Primeira quebra mobile: reservar a faixa deslizante junto ao botão. */
@media (max-width:1100px){
 #inicio.hero{min-height:calc(100svh - 64px);padding:12px 0 14px;box-sizing:border-box}
 #inicio .hero-picture{height:clamp(180px,calc(100svh - 324px),496px)}
 #inicio.hero+.life-strip{box-sizing:border-box;height:64px;margin:0 auto;padding-top:8px;padding-bottom:13px}
}

@media(min-width:1101px){
 #projeto-x .features{display:flex;flex-direction:column}
 #projeto-x .features .project-tutor-priority{order:-1;font-weight:700;color:#f7f8f8}
}

@media(min-width:1101px){
 #brain .features{display:flex;flex-direction:column}
 #brain .features .brain-agent-priority{order:-1;font-weight:700;color:#f7f8f8}
}