/* Prévia da nova marca, preservando a composição e as seções atuais. */
:root{--ink:#000;--paper:#fff;--bone:#eee;--purple:#573282;--purple-grape:#573282;--purple-wine:#573282;--purple-deep:#211331;--purple-light:#fff;--purple-soft:#c8b7df;--purple-mist:#eee;--accent:#fff;--ff-display:'Montserrat',sans-serif;--ff-body:'Montserrat',sans-serif;--ff-mono:'Montserrat',sans-serif}
.nav__brand .brand-wordmark{width:170px;height:48px;object-fit:cover;object-position:center;filter:grayscale(1) brightness(6)}
.hero__bg{background:radial-gradient(ellipse 90% 70% at 50% 8%,rgba(87,50,130,.38),transparent 55%),linear-gradient(180deg,#211331 0%,#211331 35%,rgba(33,19,49,.5) 70%,transparent 100%)}
.hero__h1{font-size:clamp(44px,9vw,130px);font-weight:600;letter-spacing:-.055em}
.sh-accent,.em-accent{background:none;color:#fff;-webkit-text-fill-color:currentColor;animation:none}
.btn--primary,.nav__cta{background:#fff;color:#573282}
.hero__lede{font-size:clamp(17px,2vw,23px);line-height:1.5}
@media(max-width:600px){.nav__brand .brand-wordmark{width:130px;height:38px}.hero__h1{font-size:clamp(38px,10vw,58px)}.hero__meta{font-size:10px;letter-spacing:.04em;gap:14px}.hero__eyebrow{font-size:10px;letter-spacing:.08em}}
.nav__brand .brand-wordmark{mix-blend-mode:screen}
.hero__lede{font-weight:400}
@media(max-width:600px){.hero__h1{font-size:clamp(42px,12vw,58px)}}
/* Escamas do mesmo ativo do manual; arquivo original em 2304 × 2304. */
.sskin-bg{display:none}
.hero__bg{background:linear-gradient(180deg,#573282 0%,#38204f 65%,#130b1c 100%)}
.hero__bg::after{content:'';position:absolute;inset:0;background:url('../brand/scales-2304.jpg') repeat;background-size:620px 620px;filter:grayscale(1);mix-blend-mode:soft-light;opacity:.38;mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%)}
.hero__grain{display:none}
@media(max-width:600px){.hero__bg::after{background-size:460px 460px;opacity:.28}}
.hero__bg::after{background-repeat:no-repeat;background-size:cover;background-position:center;opacity:.28}
@media(max-width:600px){.hero__bg::after{background-size:cover;opacity:.22}}
/* SVGs enquadram apenas as margens transparentes; a arte original fica intacta. */
.nav__brand .brand-wordmark{width:210px;height:74px;filter:none;mix-blend-mode:normal;flex:none}
.nav{padding-top:14px;padding-bottom:14px}
.hero__brand-seal{position:absolute;right:0;top:16px;width:220px}
.hero__brand-seal .brand-seal{width:100%;height:auto}
.footer__brand .brand-seal{width:190px;height:196px;color:#fff}
@media(max-width:1100px){.hero__brand-seal{display:none}}
@media(max-width:600px){.nav__brand .brand-wordmark{width:164px;height:58px}.nav{padding-top:10px;padding-bottom:10px}.footer__brand .brand-seal{width:170px;height:176px}}
/* Semicírculo formado pelo enquadramento; a serpente inteira gira fora da borda. */
.hero__ouroboros{position:absolute;width:960px;right:-480px;top:65px;z-index:1;pointer-events:none;opacity:.75;mix-blend-mode:screen;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.18) 12%,#000 32%,#000 68%,rgba(0,0,0,.18) 88%,transparent 100%)}
.hero__ouroboros svg{width:100%;height:auto;transform-origin:center;animation:ouroboros-turn 90s linear infinite;will-change:transform}
@keyframes ouroboros-turn{from{transform:rotate(-32deg)}to{transform:rotate(328deg)}}
.hero-motion-toggle{position:absolute;right:var(--page-pad);bottom:32px;z-index:3;display:flex;align-items:center;gap:8px;min-height:44px;font-family:var(--ff-body);font-size:11px;color:#fff;cursor:pointer}
.hero-motion-toggle input{width:16px;height:16px;accent-color:#573282}
.hero:has(.hero-motion-toggle input:checked) .hero__ouroboros svg{animation-play-state:paused}
@media(max-width:1100px){.hero__ouroboros{width:820px;right:-480px;top:130px;opacity:.5}}
@media(max-width:600px){.hero__ouroboros{width:700px;right:-490px;top:100px;opacity:.34}.hero-motion-toggle{right:20px;bottom:8px;font-size:10px}.scroll-hint{display:none}}
@media(prefers-reduced-motion:reduce){.hero__ouroboros svg{animation:none;transform:rotate(-32deg);will-change:auto}.hero-motion-toggle{display:none}}
.hero-motion-toggle{right:calc(var(--page-pad) + 90px)}
@media(max-width:600px){.hero-motion-toggle{right:100px}}
/* A nova fonte precisa poder encolher dentro das grades no celular. */
.doors{grid-template-columns:repeat(2,minmax(0,1fr))}
.door,.faq__header,.faq__list{min-width:0}
.faq__grid{grid-template-columns:repeat(12,minmax(0,1fr))}
@media(max-width:900px){.faq__grid{gap:24px}.faq__header .section__h2{overflow-wrap:anywhere}}
@media(max-width:700px){.doors{grid-template-columns:minmax(0,1fr)}.door__marker{flex-wrap:wrap}.door__cta{max-width:100%;white-space:normal}}
.footer__top{grid-template-columns:repeat(12,minmax(0,1fr))}
.footer__brand,.footer__col{min-width:0}
.footer__col a{overflow-wrap:anywhere}
@media(max-width:768px){.footer__top{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.footer__brand,.footer__col:last-child{grid-column:span 2}.footer__col{grid-column:span 1}}