.motion-active .reveal-delay-1{--reveal-delay:90ms}.motion-active .reveal-delay-2{--reveal-delay:180ms}.motion-active .reveal-delay-3{--reveal-delay:270ms}.motion-active .reveal-delay-4{--reveal-delay:360ms}
:root{--ink:#f4f6f2;--muted:#9ca8a1;--bg:#080c12;--surface:#0b1016;--surface-2:#10151b;--accent:#ef4444;--accent-strong:#ff6262;--accent-soft:rgba(239,68,68,.12);--line:rgba(255,255,255,.11);--line-strong:rgba(255,255,255,.2);--shadow:0 24px 70px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:radial-gradient(circle at 76% 6%,rgba(80,20,25,.12),transparent 28rem),radial-gradient(circle at 5% 25%,rgba(239,68,68,.045),transparent 24rem),var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6;color-scheme:dark}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}
.header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{font:800 35px 'Manrope',sans-serif;letter-spacing:-2px;display:flex;align-items:center;gap:10px;position:relative}.brand-icon{background:var(--accent);color:#10170d;width:40px;height:40px;font-size:30px;display:flex;align-items:center;justify-content:center;border-radius:10px;letter-spacing:-6px;padding-right:8px;box-shadow:0 0 30px rgba(239,68,68,.22)}.brand-icon span{font-size:19px;align-self:flex-start}.brand-sub{font:600 9px 'DM Sans',sans-serif;letter-spacing:1.5px;max-width:95px;margin-left:7px;line-height:1.7;color:#aeb8b1}.header nav{display:flex;gap:30px;font-size:14px;color:#abb4ae}.header nav a{transition:color .2s}.header nav a:hover{color:var(--accent)}.header-cta{border:1px solid var(--line-strong);padding:12px 17px;border-radius:7px;font-size:14px;font-weight:600;background:rgba(255,255,255,.025);transition:border-color .2s,background .2s}.header-cta:hover{border-color:var(--accent);background:var(--accent-soft)}.header-cta span{margin-left:20px;color:var(--accent)}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:74px;padding-block:74px 88px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:#aab9ae;display:flex;align-items:center;gap:10px}.eyebrow>span{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',sans-serif}h1{font-size:clamp(42px,4.5vw,66px);line-height:1.13;letter-spacing:-3.5px;font-weight:500;margin-block:24px}em{font-style:normal;color:var(--accent)}h1 em{position:relative}h1 em:after{content:'';position:absolute;height:4px;background:var(--accent);bottom:-2px;left:0;width:100%;z-index:-1;box-shadow:0 0 18px rgba(239,68,68,.4)}.hero-copy>p{color:var(--muted);font-size:17px;line-height:1.8;max-width:540px}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:0;border-radius:7px;padding:16px 23px;font-size:14px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}.primary{background:var(--accent);color:#10170d;box-shadow:0 10px 35px rgba(239,68,68,.13)}.primary:hover{background:var(--accent-strong);transform:translateY(-2px);box-shadow:0 14px 42px rgba(239,68,68,.22)}.text-link{font-size:14px;border-bottom:1px solid var(--line-strong);padding:7px 0;color:#c7cfca}.text-link:hover{color:var(--accent);border-color:var(--accent)}.text-link span{margin-left:12px}.hero-foot{display:flex;gap:18px;margin-top:38px;color:#89958e;font-size:11px}.hero-foot span:before{content:'✓';margin-right:6px;color:var(--accent)}
.study-panel{background:linear-gradient(145deg,#11161d,#0a0e14);border:1px solid rgba(239,68,68,.2);border-radius:14px;padding:31px 34px;position:relative;box-shadow:var(--shadow),13px 14px 0 rgba(239,68,68,.05);overflow:hidden}.study-panel:before{content:'';position:absolute;width:210px;height:210px;border-radius:50%;background:rgba(239,68,68,.08);filter:blur(60px);top:-110px;right:-70px;pointer-events:none}.panel-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.2px;font-weight:700;color:#93a39a;position:relative}.panel-top span:last-child{color:var(--accent)}.panel-title{font:500 36px/1.22 'Manrope',sans-serif;letter-spacing:-1.6px;margin:30px 0;position:relative}.panel-title i{font-style:normal;color:var(--accent)}.study-line{display:flex;align-items:center;gap:17px;border-top:1px solid var(--line);padding:17px 0;position:relative}.step-number{font-size:12px;border:1px solid rgba(239,68,68,.35);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:var(--accent)}.study-line div{flex:1}.study-line small{display:block;font-size:9px;letter-spacing:1.2px;color:#7f8f85}.study-line strong{font-size:14px;font-weight:500;color:#e7ece8}.study-line>span:last-child{color:var(--accent)}.panel-bottom{margin-top:13px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-bottom span{font-size:9px;letter-spacing:1.4px;color:#91a097}.panel-bottom strong{font:500 20px 'Manrope',sans-serif;color:var(--accent)}
.principles{border-block:1px solid var(--line);background:#0c121a}.principles .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:23px;font-size:15px}.principles .wrap>span:first-child{color:#78857d;font-size:13px}.principles b{font-weight:500;color:var(--accent);font-size:11px;margin-right:12px}.section{padding-block:96px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:35px}h2{font-size:38px;line-height:1.25;letter-spacing:-1.5px;font-weight:500;margin:15px 0 0}.section-heading>p{max-width:355px;font-size:15px;color:var(--muted);margin-bottom:3px}.catalog-note{font-size:12px;color:#77837b;margin-bottom:22px}.catalog-status{font-size:13px;color:var(--muted)}.catalog-status-error{color:#ff7777}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);--product-bg:linear-gradient(145deg,#11161d,#0b1016);--product-ink:#bac1cc;transition:transform .25s,border-color .25s,box-shadow .25s}.product:hover{transform:translateY(-6px);border-color:rgba(239,68,68,.28);box-shadow:0 22px 45px rgba(0,0,0,.3)}.product.orange{--product-bg:linear-gradient(145deg,#33261f,#231b19);--product-ink:#ffb877}.product.green{--product-bg:linear-gradient(145deg,#30191d,#1b1115);--product-ink:#ff7777}.product-top{background:var(--product-bg);color:var(--product-ink);display:flex;justify-content:space-between;padding:22px 25px 0;font-size:9px;letter-spacing:1.5px}.product-main{background:var(--product-bg);padding:30px 25px 20px;color:var(--product-ink)}.product-category{font-size:10px;letter-spacing:1px;opacity:.8}.product h3{font-size:28px;letter-spacing:-1px;line-height:1.2;font-weight:500;min-height:70px;margin:12px 0 22px;max-width:270px;color:#f4f6f2}.product-rule{height:1px;background:currentColor;opacity:.22;margin-bottom:13px}.product-signature{font:800 20px 'Manrope',sans-serif;display:flex;justify-content:space-between}.product-info{padding:23px;background:var(--surface)}.org{font-size:12px;color:#a2ada6}.product-info p{font-size:14px;color:#87938b;line-height:1.65;margin-top:10px;min-height:70px}.product-meta{display:flex;justify-content:space-between;font-size:10px;color:#78857d;margin-block:20px}.product-meta span:last-child{font-size:9px;background:var(--accent-soft);color:var(--accent);padding:2px 7px;border-radius:4px}.product-button{width:100%;display:flex;justify-content:space-between;background:rgba(255,255,255,.02);border:1px solid var(--line-strong);color:#e6ebe7;padding:12px;border-radius:6px;font-size:13px;transition:background .2s,border-color .2s,color .2s}.product-button:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.method{background:#0a0e14;color:#f1f5e9;border-block:1px solid var(--line);position:relative;overflow:hidden}.method:after{content:'06';position:absolute;right:-1rem;bottom:-9rem;font:800 25rem/1 'Manrope',sans-serif;color:rgba(255,255,255,.018);pointer-events:none}.method .wrap{position:relative;z-index:1}.method .eyebrow{color:#aebbb2}.method h2 em{color:var(--accent)}.method .section-heading>p{color:#929f97}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px}.method-grid article{padding:28px 28px 28px 0;border-top:1px solid var(--line)}.method-grid article:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid var(--line)}.method-grid article>span{color:var(--accent);font-size:10px;letter-spacing:1.4px}.method-grid h3{font-size:20px;font-weight:500;margin:16px 0 10px}.method-grid p{font-size:14px;color:#8f9c94;max-width:290px;margin:0}.method-caption{border-top:1px solid var(--line);padding-top:27px;margin-top:15px;font-size:10px;letter-spacing:2px;display:flex;justify-content:space-between;max-width:680px;color:#a9b4ad}.method-caption span{color:var(--accent)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about p{color:var(--muted);font-size:15px}.about .large-copy{font-size:23px;line-height:1.45;color:#e6ebe7}.author-note{font-size:12px;border-left:2px solid var(--accent);padding:7px 15px;color:#7f8c83;margin-top:25px;background:linear-gradient(90deg,var(--accent-soft),transparent)}.purchase{background:linear-gradient(115deg,var(--accent) 0%,#b91c1c 100%);color:#10170d;border-radius:14px;padding:46px 50px;display:flex;justify-content:space-between;align-items:center;gap:40px;box-shadow:0 24px 70px rgba(153,27,27,.16);position:relative;overflow:hidden}.purchase:after{content:'↗';position:absolute;right:24%;top:-82px;font:500 240px/1 'Manrope',sans-serif;opacity:.08}.purchase>*{position:relative;z-index:1}.purchase .eyebrow{color:#4c1111}.purchase h2{font-size:33px}.purchase p{max-width:540px;font-size:14px;color:#571b1b;margin:15px 0 0}.purchase .button{flex-shrink:0}.purchase .primary{background:#0b1118;color:#fff;box-shadow:0 14px 35px rgba(0,0,0,.2)}.purchase .primary:hover{background:#182431}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.faq h2{font-size:33px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:20px;color:#e8ece9}summary:after{content:'+';font-size:20px;color:var(--accent)}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted);margin:15px 30px 0 0}footer{border-top:1px solid var(--line);padding-block:30px;display:flex;justify-content:space-between;align-items:center;gap:25px}footer>span{font-size:11px;color:#76827a}footer .brand{font-size:28px}
dialog{border:1px solid rgba(239,68,68,.24);border-radius:14px;width:min(570px,calc(100% - 32px));padding:38px;color:var(--ink);background:#0b1016;max-height:85vh;overflow:auto;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(2,5,8,.82);backdrop-filter:blur(7px)}dialog h2{font-size:30px;margin-bottom:20px}dialog h3{font-size:16px}dialog p,dialog li{font-size:14px;color:var(--muted)}dialog ul{padding-left:20px;margin-bottom:25px}dialog li::marker{color:var(--accent)}.close{position:absolute;right:14px;top:9px;border:0;background:transparent;font-size:29px;color:#aab6ae}.close:hover{color:var(--accent)}.dialog-warning{padding:12px;background:var(--accent-soft);border:1px solid rgba(239,68,68,.16);border-radius:6px}dialog .button{width:100%}.motion-active .reveal{opacity:0;filter:blur(7px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1),filter .85s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform,filter}.motion-active .reveal-up{transform:translate3d(0,38px,0)}.motion-active .reveal-down{transform:translate3d(0,-24px,0)}.motion-active .reveal-scale{transform:translate3d(0,28px,0) scale(.94)}.motion-active .reveal-card{transform:translate3d(0,48px,0) scale(.97);transform-origin:center bottom}.motion-active .reveal-line{transform:translate3d(-30px,0,0);clip-path:inset(0 100% 0 0)}.motion-active .reveal.is-visible{opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1)}.motion-active .reveal-line.is-visible{clip-path:inset(0 0 0 0)}.motion-active .product.reveal.is-visible:hover{transform:translate3d(0,-6px,0) scale(1)}
@media(min-width:1500px){.hero{padding-block:90px 100px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:35px}.header nav{gap:18px}.header-cta{display:none}.hero-actions{gap:15px}.hero-foot{flex-wrap:wrap;gap:10px}.study-panel{padding:25px}.panel-title{font-size:31px}.product h3{font-size:25px}.product-info{padding:18px}.about{gap:55px}.purchase{padding:35px}.purchase .button{gap:10px}.faq{gap:40px}}@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header{min-height:88px;gap:15px}.brand{font-size:30px;gap:7px}.brand-sub{display:none}.brand-icon{height:33px;width:33px;font-size:25px}.header nav{gap:14px;font-size:12px}.header nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding-block:45px 62px;gap:42px}h1{font-size:49px;letter-spacing:-2.5px}.hero-copy>p{font-size:16px}.desktop{display:none}.eyebrow{font-size:10px;letter-spacing:1.3px}.hero-actions{gap:20px}.button{padding:15px 18px;gap:15px;font-size:13px}.text-link{font-size:12px}.hero-foot{font-size:10px;gap:13px;margin-top:25px}.study-panel{box-shadow:7px 8px 0 rgba(239,68,68,.045);padding:25px}.panel-title{font-size:34px}.principles .wrap{flex-wrap:wrap;justify-content:flex-start;gap:15px 25px;font-size:13px}.principles .wrap>span:first-child{width:100%}.principles b{margin-right:5px}.section{padding-block:64px}.section-heading{display:block;margin-bottom:24px}h2{font-size:33px}.section-heading>p{margin:20px 0 0;max-width:100%}.product-grid{grid-template-columns:1fr;gap:25px}.product-main{padding-top:25px}.product h3{font-size:29px;max-width:290px;min-height:0}.product-info p{min-height:0}.product-meta{font-size:12px}.product-button{font-size:14px;padding:14px}.catalog-note{font-size:12px}.method-grid{grid-template-columns:1fr 1fr;margin-top:30px}.method-grid article{padding:23px 15px 23px 0!important;border-left:0!important}.method-grid article:nth-child(even){padding-left:18px!important;border-left:1px solid var(--line)!important}.method-grid h3{font-size:18px}.method-grid p{font-size:13px}.method-grid article>span{font-size:9px}.method-caption{font-size:8px;letter-spacing:.5px}.about,.faq{grid-template-columns:1fr;gap:30px}.purchase{display:block;padding:30px 25px;border-radius:0;width:100%}.purchase h2{font-size:29px}.purchase .button{margin-top:25px}footer{flex-wrap:wrap;gap:15px}footer>span{font-size:11px}footer>span:last-child{width:100%}dialog{padding:32px 22px}dialog .eyebrow{padding-right:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.motion-active .reveal{opacity:1!important;filter:none!important;transform:none!important;clip-path:none!important}}

/* Capas demonstrativas originais do catálogo */
.demo-cover{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:4/5;min-height:350px;overflow:hidden;padding:22px 24px 18px;color:#f5f5ef;background:linear-gradient(155deg,#123e37 0%,#0a211f 56%,#10181a 100%)}
.demo-cover::before,.demo-cover::after{position:absolute;z-index:-1;content:"";pointer-events:none}
.demo-cover::before{inset:0;background:linear-gradient(180deg,rgba(4,12,13,.08),rgba(4,12,13,.12) 40%,rgba(4,12,13,.82))}
.demo-cover::after{inset:14px;border:1px solid rgba(238,224,192,.26)}
.cover-top,.cover-foot{display:flex;justify-content:space-between;gap:14px;color:rgba(246,237,214,.78);font-size:9px;font-weight:700;letter-spacing:1.5px}
.cover-top{align-items:center}.cover-art{position:absolute;z-index:-2;inset:0;overflow:hidden}
.art-sun{position:absolute;width:115px;aspect-ratio:1;top:22%;right:16%;border-radius:50%;background:linear-gradient(135deg,#efcb83,#df815e);box-shadow:0 0 65px rgba(232,173,105,.22)}
.art-ridge{position:absolute;left:-12%;right:-12%;bottom:18%;height:45%;clip-path:polygon(0 75%,17% 32%,28% 55%,48% 8%,66% 52%,80% 21%,100% 70%,100% 100%,0 100%)}
.ridge-back{bottom:16%;background:linear-gradient(145deg,#4d7966,#173c37 72%)}.ridge-front{bottom:0;height:42%;background:linear-gradient(165deg,#244d42,#0b211f 80%);clip-path:polygon(0 48%,22% 22%,37% 47%,61% 11%,80% 40%,100% 18%,100% 100%,0 100%)}
.art-mark{position:absolute;right:24%;top:45%;width:2px;height:88px;background:rgba(246,237,214,.55);transform:rotate(28deg)}
.art-mark::before,.art-mark::after{position:absolute;content:"";width:74px;height:1px;background:rgba(246,237,214,.5);left:-24px}.art-mark::before{top:24px;transform:rotate(-28deg)}.art-mark::after{top:51px;transform:rotate(28deg)}
.cover-copy{max-width:92%;margin-top:auto;margin-bottom:24px}.cover-copy .product-category{display:block;color:#e7c68a;font-size:9px;line-height:1.5;letter-spacing:1.35px}.cover-copy h3{max-width:100%;min-height:0;margin:12px 0 0;color:#fffaf0;font-size:clamp(22px,2.1vw,30px);font-weight:600;line-height:1.16;letter-spacing:-.7px;text-wrap:pretty}
.cover-foot{padding-top:11px;border-top:1px solid rgba(246,237,214,.32);font-size:8px}
.product.orange .demo-cover{background:linear-gradient(150deg,#715735,#342a22 55%,#171718)}.product.orange .art-sun{background:linear-gradient(135deg,#f1d18e,#df905d)}.product.orange .ridge-back{background:linear-gradient(145deg,#ac8a57,#59472f 72%)}.product.orange .ridge-front{background:linear-gradient(165deg,#69543a,#28251f 80%)}.product.orange .cover-copy .product-category{color:#f1cc89}
.product.blue .demo-cover{background:linear-gradient(155deg,#174658,#112834 56%,#10181d)}.product.blue .art-sun{background:linear-gradient(135deg,#efc984,#d78267)}.product.blue .ridge-back{background:linear-gradient(145deg,#55919a,#20515c 72%)}.product.blue .ridge-front{background:linear-gradient(165deg,#286370,#132f3a 80%)}.product.blue .cover-copy .product-category{color:#a6d3d5}
.product.green .demo-cover{background:linear-gradient(155deg,#17463e,#0e2c2a 56%,#10191a)}
.product-info p{min-height:0}.product-meta{margin-bottom:0}.product{cursor:default}.product:hover{transform:translateY(-4px)}
@media(max-width:720px){.demo-cover{min-height:420px;padding:22px 25px 19px}.cover-copy{max-width:90%}.cover-copy h3{font-size:30px}.cover-foot{font-size:9px}}
.cover-authority{position:relative;z-index:1;display:grid;place-items:center;width:82px;height:82px;margin-top:18px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(0,0,0,.22);overflow:hidden}
.authority-image{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;padding:5px}
.capao-alto-sc-2024 .cover-authority{width:76px;height:76px}
.dialog-authority{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:20px;margin:22px 0 27px}
.dialog-authority>img{display:block;width:120px;height:120px;object-fit:contain;padding:8px;border-radius:10px;background:#f6f7f3}
#dialog-cargo{color:#e6c786;font-weight:600;margin:0 0 8px}
#dialog-description{margin:0}
#product-dialog h3{margin-top:20px}
#product-dialog .product-button{margin-top:16px}
@media(max-width:520px){.dialog-authority{grid-template-columns:82px 1fr;gap:15px}.dialog-authority>img{width:82px;height:82px}.demo-cover{min-height:390px}}
.dialog-image-wrap{min-width:0}.dialog-authority img{display:block;width:120px;height:120px;object-fit:contain;padding:8px;border-radius:10px;background:#f6f7f3}.dialog-links{display:grid;gap:7px;margin-top:10px;font-size:11px}.dialog-links a{color:#e7c68a;text-decoration:underline;text-underline-offset:3px}.dialog-authority{align-items:start}#product-dialog{max-height:85vh;overflow:auto}#product-dialog .button{margin-top:16px}.dialog-warning{line-height:1.55}
@media(max-width:520px){.dialog-authority{grid-template-columns:82px 1fr;gap:15px}.dialog-authority img{width:82px;height:82px}.dialog-links{font-size:9px}.dialog-authority>div:last-child{min-width:0}}
/* Capas demonstrativas: identidade oficial em destaque, sem arte de paisagem. */
#buy-button[hidden]{display:none}
.demo-cover{background:#13211f!important;aspect-ratio:auto;min-height:0;}
.demo-cover::before{background:linear-gradient(180deg,rgba(8,18,17,.04),rgba(8,18,17,.18) 58%,rgba(8,18,17,.62))}
.cover-art{display:none}
.cover-authority{flex:none;min-height:190px;width:100%;height:190px;margin:24px 0 18px;border:0;border-radius:10px;background:#fff;box-shadow:none}
.authority-image{width:100%;height:190px;min-width:0;min-height:0;max-height:190px;padding:14px;object-fit:contain}
.capao-alto-sc-2024 .cover-authority{width:100%;height:190px}
@media(max-width:720px){.cover-authority,.capao-alto-sc-2024 .cover-authority{height:190px}}

/* Ajustes de acessibilidade e navegação em telas estreitas. */
.cover-copy{max-width:100%;margin-top:0}
.cover-copy .product-category,.cover-top,.cover-foot{font-size:11px;letter-spacing:.8px}
.catalog-note,.dialog-links,.product-meta,.hero-foot{font-size:13px;line-height:1.6}
.dialog-links a{overflow-wrap:anywhere;padding-block:4px}
.header nav a{display:inline-flex;align-items:center;min-height:44px}
.skip-link{position:absolute;left:16px;top:-80px;z-index:20;padding:10px 16px;border-radius:6px;background:#fff;color:#080c12}
.skip-link:focus{top:12px}
.purchase{background:linear-gradient(115deg,#b91c1c 0%,#7f1d1d 100%);color:#fff}
.purchase .eyebrow{color:#fff}
.purchase p{color:#f7e3e3}
@media(max-width:720px){
  h1{font-size:clamp(34px,9.5vw,44px);letter-spacing:-1.5px}
  .cover-copy h3{font-size:clamp(23px,6.5vw,28px)}
  .hero-actions{flex-wrap:wrap;gap:14px}
  .eyebrow,.method-grid article>span{font-size:11px}
  .method-caption{font-size:11px;line-height:2;overflow-wrap:anywhere}
  .header{flex-wrap:wrap;padding-block:14px}
  .header nav{order:3;width:100%;justify-content:space-between;gap:8px;flex-wrap:wrap}
  .header nav a:last-child{display:inline}
}

/* Ícones vetoriais evitam que o Safari/iOS troque setas por emojis coloridos. */
.arrow-icon{display:inline-block;width:16px;height:16px;flex:0 0 16px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.brand-icon{position:relative}
.brand-icon .brand-arrow{position:absolute;top:3px;right:4px;width:14px;height:14px;flex-basis:14px;stroke:#10170d;stroke-width:2.2}
.header-cta .arrow-icon{margin-left:16px;color:var(--accent)}
.button .arrow-icon{margin-left:4px}
.study-line>.arrow-icon{color:var(--accent)}
.purchase:after{content:none}
@media(max-width:720px){
  .header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;justify-content:initial;gap:0;width:100%;}
  .header nav a{justify-content:center;white-space:nowrap;font-size:clamp(11px,3.4vw,13px)}
  .header nav a:first-child{justify-content:flex-start}
  .header nav a:last-child{display:inline-flex;justify-content:flex-end}
}

/* Identidade Norte Apostilas: azul petróleo, bronze fosco e superfícies claras. */
:root{--ink:#142b33;--muted:#4b5563;--bg:#f2f5f5;--surface:#fff;--surface-2:#eaf0f1;--accent:#c9a96a;--accent-strong:#e7cca0;--accent-soft:rgba(201,169,106,.15);--line:rgba(9,37,46,.14);--line-strong:rgba(9,37,46,.25);--shadow:0 24px 70px rgba(9,37,46,.12)}
body{background:var(--bg);color:var(--ink);color-scheme:light;font-family:'Poppins',Arial,sans-serif}
h1,h2,h3{font-family:'Montserrat',Arial,sans-serif}
.header{border-color:var(--line);background:#f2f5f5}
.header .brand,.header .brand img,footer .brand img{display:block}
.header .brand img{width:220px;height:auto;max-width:100%}
.header nav{color:#24414b;font-weight:500}
.header nav a:hover{color:#8b6943}
.header-cta{border-color:#0f4c5c;background:#0f4c5c;color:#fff}
.header-cta:hover{background:#09252e;border-color:#09252e}
.header-cta .arrow-icon{color:#e7cca0}
.skip-link{background:#09252e;color:#fff}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#8b6943}
.eyebrow{color:#8b6943}
.eyebrow>span{background:var(--accent);box-shadow:none}
.hero{margin-top:30px;padding:68px;gap:60px;border-radius:24px;background:radial-gradient(circle at 80% 15%,rgba(201,169,106,.16),transparent 36%),linear-gradient(125deg,#09252e,#0f4c5c);color:#fff;box-shadow:0 24px 70px rgba(9,37,46,.14)}
.hero .eyebrow{color:#e7cca0}
.hero h1{font-weight:600}
.hero h1 em{color:#e7cca0}
.hero h1 em:after{background:#c9a96a;box-shadow:none}
.hero-copy>p{color:#d9e4e6}
.hero-foot{color:#e1e8e9}
.hero-foot span:before{color:#c9a96a}
.primary{background:#c9a96a;color:#09252e;box-shadow:0 10px 28px rgba(0,0,0,.13)}
.primary:hover{background:#e7cca0;box-shadow:0 13px 30px rgba(0,0,0,.18)}
.text-link{color:#f2f5f5;border-color:rgba(255,255,255,.45)}
.text-link:hover{color:#e7cca0;border-color:#e7cca0}
.study-panel{padding:30px;background:#f9faf9;border:1px solid rgba(201,169,106,.55);box-shadow:0 18px 46px rgba(0,0,0,.16);color:#142b33}
.study-panel:before{background:rgba(201,169,106,.13)}
.panel-mark{display:block;width:116px;height:68px;object-fit:contain;object-position:left center;margin-bottom:15px}
.panel-top,.study-line small,.panel-bottom span{color:#596c73}
.panel-top span:last-child,.panel-title i,.study-line>.arrow-icon,.panel-bottom strong{color:#8b6943}
.panel-title{font-family:'Montserrat',Arial,sans-serif;font-weight:600;font-size:clamp(27px,2.5vw,34px)}
.study-line{border-color:var(--line)}
.step-number{border-color:rgba(139,105,67,.5);color:#8b6943}
.study-line strong{color:#142b33}
.panel-bottom{border-color:var(--line)}
.panel-bottom strong{font-family:'Montserrat',Arial,sans-serif}
.principles{background:#fff;border-color:var(--line)}
.principles .wrap>span:first-child{color:#4b5563}
.principles b{color:#8b6943}
.section-heading>p,.catalog-note,.catalog-status{color:#4b5563}
.product-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),360px))}
.product{background:#fff;border-color:var(--line);box-shadow:0 10px 30px rgba(9,37,46,.06)}
.product:hover{border-color:#c9a96a;box-shadow:0 18px 42px rgba(9,37,46,.13)}
.demo-cover{background:#09252e!important;color:#fff}
.demo-cover::after{border-color:rgba(201,169,106,.45)}
.cover-top,.cover-foot{color:#e7cca0}
.cover-authority{background:#fff}
.cover-copy .product-category{color:#e7cca0}
.cover-copy h3,.product h3{color:#fff}
.product-info{background:#fff}
.product-info .org{color:#52636a}
.product-info p,.product-meta{color:#64747a}
.product-meta span:last-child{color:#6f5029;background:#f7eddc}
.product-button{color:#0f4c5c;background:#fff;border-color:rgba(15,76,92,.3)}
.product-button:hover{color:#09252e;background:#f4eee3;border-color:#c9a96a}
.method{background:#09252e;color:#fff;border-color:#173d47}
.method .eyebrow,.method .section-heading>p{color:#d9dde1}
.method h2 em,.method-grid article>span,.method-caption span{color:#e7cca0}
.method-grid article,.method-caption{border-color:rgba(255,255,255,.2)}
.method-grid h3{color:#fff}
.method-grid p,.method-caption{color:#d3dee0}
.about .eyebrow,.faq .eyebrow{color:#8b6943}
.about p{color:#4b5563}
.about .large-copy{color:#0f4c5c}
.purchase{background:linear-gradient(120deg,#0f4c5c,#09252e);color:#fff;box-shadow:0 20px 50px rgba(9,37,46,.18)}
.purchase .eyebrow{color:#e7cca0}
.purchase p{color:#d9e4e6}
.purchase .primary{background:#c9a96a;color:#09252e}
.purchase .primary:hover{background:#e7cca0}
.faq details{border-color:var(--line)}
.faq summary{color:#142b33}
.faq summary:after{color:#8b6943}
.faq details p{color:#4b5563}
footer.wrap{width:100%;max-width:none;padding-inline:max(20px,calc((100% - 1200px)/2));background:#09252e;border:0;color:#d9dde1}
footer .brand img{width:190px;height:auto}
footer>span{color:#d9dde1}
dialog{background:#fff;color:#142b33;border-color:#c9a96a}
dialog p,dialog li{color:#4b5563}
.dialog-authority img{background:#f2f5f5}
#dialog-cargo,.dialog-links a{color:#8b6943}
.dialog-warning{background:#f7eddc;border-color:#dec99f}
.dialog-links[hidden],.dialog-links a[hidden]{display:none}
.close{color:#4b5563}
.close:hover{color:#8b6943}
@media(max-width:1050px){.hero{gap:36px;padding:48px}}
@media(max-width:720px){
  .header .brand img{width:190px}
  .hero{margin-top:16px;padding:35px 24px 44px;gap:35px;border-radius:18px}
  .hero h1{font-size:clamp(33px,8.5vw,44px)}
  .hero-copy>p{font-size:15px}
  .study-panel{padding:24px}
  .panel-title{font-size:29px}
  .product-grid{grid-template-columns:minmax(0,1fr)}
  .purchase{border-radius:0}
  footer .brand img{width:170px}
}
.not-found{min-height:calc(100vh - 160px);display:grid;place-content:center;gap:20px;text-align:center;padding-block:80px}
.not-found img{justify-self:center}
.not-found h1{font-size:clamp(48px,8vw,88px);line-height:1;margin:0}
.not-found p{max-width:540px;margin:0 auto;color:#c8d1d3}
.not-found .button{justify-self:center}

/* Fundo em mosaico institucional: profundidade discreta sem competir com o conteúdo. */
body{
  position:relative;
  isolation:isolate;
  min-height:100vh;
  overflow-x:hidden;
  background:#071c23;
  color:#f4f7f7;
  color-scheme:dark;
}
body::before,
body::after{
  position:fixed;
  inset:0;
  z-index:-2;
  content:"";
  pointer-events:none;
}
body::before{
  background:
    radial-gradient(circle at 12% 8%,rgba(15,76,92,.7),transparent 34rem),
    radial-gradient(circle at 88% 28%,rgba(75,85,99,.34),transparent 30rem),
    radial-gradient(circle at 38% 92%,rgba(15,76,92,.42),transparent 38rem),
    linear-gradient(145deg,#06181e 0%,#09252e 48%,#071b22 100%);
}
body::after{
  z-index:-1;
  opacity:.34;
  background-image:
    linear-gradient(30deg,rgba(15,76,92,.5) 12%,transparent 12.5%,transparent 87%,rgba(75,85,99,.38) 87.5%),
    linear-gradient(150deg,rgba(75,85,99,.32) 12%,transparent 12.5%,transparent 87%,rgba(15,76,92,.42) 87.5%),
    linear-gradient(30deg,rgba(15,76,92,.42) 12%,transparent 12.5%,transparent 87%,rgba(75,85,99,.3) 87.5%),
    linear-gradient(150deg,rgba(75,85,99,.26) 12%,transparent 12.5%,transparent 87%,rgba(15,76,92,.38) 87.5%),
    linear-gradient(60deg,rgba(217,221,225,.07) 25%,transparent 25.5%,transparent 75%,rgba(217,221,225,.07) 75%);
  background-position:0 0,0 0,58px 102px,58px 102px,0 0;
  background-size:116px 204px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.86),rgba(0,0,0,.3) 48%,rgba(0,0,0,.7));
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.86),rgba(0,0,0,.3) 48%,rgba(0,0,0,.7));
}
.header{
  width:min(1260px,calc(100% - 48px));
  margin-top:18px;
  padding-inline:28px;
  border:1px solid rgba(217,221,225,.12);
  border-radius:18px;
  background:rgba(9,37,46,.72);
  box-shadow:0 18px 48px rgba(0,0,0,.2);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.header nav{color:#d9dde1}
.header nav a:hover{color:#e7cca0}
.hero{border:1px solid rgba(231,204,160,.22);box-shadow:0 28px 80px rgba(0,0,0,.3)}
.principles{margin-top:30px;background:rgba(9,37,46,.72);border-color:rgba(217,221,225,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.principles .wrap>span:first-child{color:#c9d2d4}
.principles .wrap>span:not(:first-child){color:#f3f6f6}
.catalog,.about,.faq{
  width:min(1200px,calc(100% - 48px));
  margin-block:52px;
  padding-inline:clamp(26px,5vw,66px);
  border:1px solid rgba(217,221,225,.12);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(15,76,92,.34),rgba(9,37,46,.76));
  box-shadow:0 24px 70px rgba(0,0,0,.2);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.section-heading>p,.catalog-note,.catalog-status,.about p,.faq details p{color:#c8d1d3}
.about .large-copy{color:#f4f7f7}
.about .eyebrow,.faq .eyebrow,.catalog .eyebrow{color:#e7cca0}
.product{background:#0a2730;border-color:rgba(231,204,160,.3);box-shadow:0 18px 42px rgba(0,0,0,.24)}
.product-info{background:#0b2d37}
.product-info .org{color:#d9dde1}
.product-info p,.product-meta{color:#b9c5c8}
.product-button{color:#f3f6f6;background:rgba(255,255,255,.035);border-color:rgba(217,221,225,.28)}
.product-button:hover{color:#09252e;background:#e7cca0;border-color:#e7cca0}
.method{background:rgba(5,24,30,.92);border-color:rgba(217,221,225,.1);box-shadow:0 24px 70px rgba(0,0,0,.18)}
.purchase{border:1px solid rgba(231,204,160,.3);background:linear-gradient(125deg,rgba(15,76,92,.97),rgba(9,37,46,.97));box-shadow:0 24px 70px rgba(0,0,0,.28)}
.faq details{border-color:rgba(217,221,225,.15)}
.faq summary{color:#f4f7f7}
footer.wrap{background:rgba(5,24,30,.94);border-top:1px solid rgba(217,221,225,.1)}
@media(max-width:720px){
  body::after{opacity:.24;background-size:88px 154px;background-position:0 0,0 0,44px 77px,44px 77px,0 0}
  .header{width:calc(100% - 24px);margin-top:12px;padding-inline:14px;border-radius:14px}
  .catalog,.about,.faq{width:calc(100% - 24px);margin-block:28px;padding-inline:20px;border-radius:18px}
  .principles{margin-top:20px}
  .purchase{width:calc(100% - 24px);border-radius:18px}
}
