/* Identidade DRC: textura amostrada da própria arte original enviada. */
:root{
 --fabric-image:url("data:image/webp;base64,UklGRswCAABXRUJQVlA4IMACAAAwEgCdASqAAIAAPtVgqVCoJSOip5IrGQAaiWlkm+ZTL+e/wzmr/3M1feoL//6f9bv5e4LBUSz4kh1JOzALrZ3Vh/1j9+UFw817QnA8f6ENflaHOpoLvwYiSOnxd1flcoXzijOxbnMnUGgmKZ06DeABiCjx4eoFqm6HPoPni1mR7fzh1/ugpsDUUc1J6qhuoZsyZ1CjdXVQtS/AAP7xCIHa16muoI56KrpCnp+P+0fbJRBSWeInOi9sf35pZfI9gJoimr7QsQ5x/HxtyTH8EbEUM4cBEp3q0Cn958IqA2pRxfDZnsDmWWkAeIiVh+iG4FKUiFNBog/ZF1wGL7YTIfd0Uz7poErdFmF4gIlNxjv4vpor5GGFFym3fCFb1/NK/C9ht16agjBspCCjHrXRW2QPx4obwleII/hE4ANNV4CrO3IFIcveWN+IyV6QcpvsoCWwhPaPW4D3ansV5ZwSdQINcVXpD0UiDybkRLvSnED1ymAC+QXg6x8dsVoRRECzELHuEDOX5bKOWa6THFR6HU8oCAh/7kSHxNE9eTOZ9bet7obgeJwktESgZ1hJt7WA0Ig44wgV4rs8IGiGOaB9S7+Spy4fFSqY+egZV8oRKpPt+L+AmkOqJ4vqmn1GsCTTr4xvBvlT/lcjVfvlWfm4EKeSZHO41nQ2yOMt5cuXHerKDSS2cT//punBPowW3GwwqKiynPV+SPI+maE3A6aourooTfuLiZZOW2/C/XxhMs+6zj86iYs3Pt7sVuQmNAgxNcUSrVoj/4oz+I/LmINpObG1eORzhDLTm4AUZWgYSZDFRJAsiOovc/ahcRuR7dh3ZPtYkIXGxG8KNiPLAQg2uKxJHg6ZbPDxur9yS19B8lbE1PrQGAuRrMmSjG8FoJpPgBYvIOohvG6pm3SAhylYJBGkRJnfTKKa4etZPLz2FgAAAA==");
 --deep:#10161c;--ink:#142436;--muted:#5c6e80;--blue:#1179c8;--cyan:#57bdff;
 --bg:#f4f6f8;--line:#dce4eb;
}
html,body{max-width:100%;overflow-x:clip}
body{background:#f5f7f9;color:var(--ink)}
.top{position:relative;z-index:2;border-bottom:1px solid #fff2;background-color:#11171c;background-image:linear-gradient(90deg,#090e13dd,#10171cd7),var(--fabric-image);background-size:auto,256px 256px}
.nav{min-height:112px}
.brand{min-height:100px}
.brand-logo{width:clamp(195px,23vw,270px);height:auto;max-height:94px;object-fit:contain;filter:drop-shadow(0 2px 8px #0006)}
.nav-links{align-items:center;gap:30px}
.nav-links a{color:#e1e6ec;padding:12px 3px;border-bottom:2px solid transparent}
.nav-links a:hover{color:white;border-bottom-color:var(--cyan)}
.hero{position:relative;background-color:#141a1e;background-image:radial-gradient(ellipse at 80% 18%,#14619e42,transparent 46%),linear-gradient(95deg,#0b1218df,#151c21ba),var(--fabric-image);background-size:auto,auto,256px 256px}
.hero:before{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,#fff0 84%,#00000024)}
.hero-inner{position:relative;z-index:1;grid-template-columns:minmax(0,1.13fr) minmax(275px,.87fr);min-height:460px;gap:48px;padding-block:52px 66px}
.hero .eyebrow{color:#84d2ff;letter-spacing:.15em;font-size:12px}
.hero h1{font-size:clamp(37px,4.6vw,56px);line-height:1.12;text-wrap:balance}
.hero-copy{font-size:clamp(16px,1.5vw,18px);line-height:1.65;color:#d7e0e8}
.primary{min-height:50px;background:linear-gradient(135deg,#50c8ff,#229de3);box-shadow:0 10px 30px #036cb247}
.primary:hover{background:linear-gradient(135deg,#87dbff,#3ebafa)}
.hero-art{height:330px;min-width:0}
.orb{height:292px;width:100%;max-width:450px;background-color:#11181d;background-image:linear-gradient(130deg,#101922d9,#10202ae0),var(--fabric-image);background-size:auto,256px 256px;border:1px solid #6acbff2c;box-shadow:0 24px 65px #0007,0 0 0 10px #ffffff05}
.orb .hero-logo{max-height:240px;width:100%;object-fit:contain;filter:drop-shadow(0 12px 18px #0008)}
.floating{bottom:3px;right:5px;border:1px solid #d8e7f2}
.section{padding-block:65px 75px}
.section-head{margin-bottom:25px}
.section-head h2{color:#1a2939}
.counter{background:#e6f2fc;color:#155f9f}
.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,305px),1fr));gap:24px}
.card{border-radius:18px;border:1px solid #dce5ed;box-shadow:0 14px 35px #091c3011}
.card:hover{box-shadow:0 20px 40px #05152626}
.cover{height:176px;background-color:#15232d;background-image:radial-gradient(circle at 75% 20%,#1261a155,transparent 50%),linear-gradient(115deg,#111a21d9,#192834da),var(--fabric-image);background-size:auto,auto,256px 256px}
.cover:before,.cover:after{border-color:#53b6ee26}
.pict{font-size:68px;filter:drop-shadow(0 8px 14px #0007)}
.card-body{padding:23px 25px}
.card-action{color:#075b9d}
.card-action span:first-child{line-height:1.3}
.info{background:#fff;border-color:#e4e8ed}
.info-icon{background:#e6f3fd;color:#126ba8}
footer{background-color:#11171c;background-image:linear-gradient(90deg,#10161ddc,#12171ae9),var(--fabric-image);background-size:auto,256px 256px;color:#bdcfda}
footer .foot{padding-block:6px}
@media(max-width:900px){
 .nav{min-height:91px}
 .nav-links{gap:20px}
 .hero-inner{gap:22px;min-height:405px}
 .hero h1{font-size:clamp(35px,5vw,47px)}
 .orb{max-width:350px;height:245px;padding:20px}
 .floating{right:0}
}
@media(max-width:760px){
 .wrap{width:min(100% - 30px,570px)}
 .nav{min-height:96px;flex-direction:column;justify-content:center;align-items:center;gap:0;padding-block:10px 5px}
 .brand{min-height:65px;justify-content:center}
 .brand-logo{width:194px;max-height:70px}
 .nav-links{justify-content:center;width:100%;gap:26px}
 .nav-links a{font-size:13px;min-height:42px;padding:10px 5px;display:inline-flex;align-items:center}
 .hero-inner{grid-template-columns:minmax(0,1fr);min-height:0;gap:16px;padding:49px 0 34px;text-align:center}
 .hero .eyebrow{font-size:11px;margin-bottom:15px}
 .hero h1{font-size:clamp(32px,8vw,45px);max-width:580px;margin-inline:auto}
 .hero-copy{max-width:540px;margin-inline:auto;font-size:16px}
 .hero .primary{width:min(100%,320px);min-height:50px}
 .hero-art{height:208px;display:grid;place-items:center;margin-top:1px}
 .orb{height:188px;width:min(100%,310px);padding:20px;border-radius:24px}
 .orb .hero-logo{max-height:160px}
 .floating{bottom:-7px;right:0;font-size:12px;padding:11px 14px;text-align:left}
 .section{padding-block:50px 57px}
 .section-head{gap:13px}
 .section-head h2{font-size:30px}
 .cards{grid-template-columns:1fr;gap:18px}
 .cover{height:150px}
 .card-body{padding:21px 23px}
 .card h3{font-size:21px}
 .card-action{gap:10px}
 .info{padding:37px 0}
 .info-grid{gap:27px}
 .info-item{align-items:center}
 .info p{font-size:14px}
 footer{padding:27px 0}
 .foot{gap:13px;align-items:center;text-align:center}
 .disclosure{font-size:12px;line-height:1.6}
}
@media(max-width:410px){
 .nav-links{gap:19px}
 .hero-inner{padding-top:41px}
 .hero h1{font-size:32px}
 .hero-copy{font-size:15px}
 .hero-art{height:175px}
 .orb{height:163px;max-width:285px}
 .orb .hero-logo{max-height:135px}
 .floating{bottom:-10px;right:0}
 .card-action{font-size:13px}
 .tag{padding:5px 8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.primary{transition:none}}
