/* Safcom / direção de arte V3: preto mineral, metal escovado, luz Quantum Blue */
:root{--metal-black:#020509;--edge:#1a3d5d;--surface:#090f18;}
html{background:#020408}
body{background:#020408;font-family:Inter,Arial,Helvetica,sans-serif;letter-spacing:-.012em}
.metal{background-color:#03060b;background-image:
 radial-gradient(ellipse at 88% 27%,rgba(0,100,242,.13),transparent 47%),
 linear-gradient(111deg,rgba(106,154,192,.035) 3%,transparent 19%,rgba(12,63,122,.04) 53%,transparent 80%),
 repeating-linear-gradient(0deg,rgba(196,222,247,.017) 0px,rgba(196,222,247,.017) 1px,transparent 1px,transparent 3px),
 linear-gradient(115deg,#040608,#0c1118 48%,#020408)}
.metal::after{background:linear-gradient(90deg,rgba(0,0,0,.28),transparent 13%,transparent 84%,rgba(0,0,0,.25)),radial-gradient(ellipse at 42% -40%,rgba(26,132,251,.07),transparent 60%);opacity:.95}
.hero{background-image:
 radial-gradient(ellipse at 76% 44%,rgba(0,91,255,.26),transparent 42%),
 radial-gradient(ellipse at 70% 47%,rgba(7,188,249,.1),transparent 37%),
 linear-gradient(104deg,#020408 5%,#080d15 49%,#071324 79%,#03060b),
 repeating-linear-gradient(0deg,rgba(196,222,247,.015) 0px,rgba(196,222,247,.015) 1px,transparent 1px,transparent 3px)}
.hero::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;background:
 linear-gradient(98deg,transparent 20%,rgba(74,169,255,.025) 40%,transparent 43%,rgba(29,76,146,.06) 53%,transparent 58%),
 repeating-linear-gradient(0deg,rgba(112,161,196,.025) 0px,transparent 1px,transparent 4px);
 mask-image:linear-gradient(90deg,transparent 13%,#000 55%,#000 98%)}
.hero-aura{filter:blur(48px);opacity:.9;background:radial-gradient(ellipse at 76% 42%,rgba(0,95,255,.23),transparent 30%),radial-gradient(ellipse at 70% 44%,rgba(0,191,240,.13),transparent 45%)}
.header-shell{border-color:rgba(93,151,213,.20);box-shadow:inset 0 1px rgba(181,223,255,.07),0 16px 45px rgba(0,0,0,.4);background:linear-gradient(107deg,rgba(4,8,14,.97),rgba(12,19,29,.91) 60%,rgba(4,8,15,.94))}
.header-shell .brand img{filter:drop-shadow(0 0 12px rgba(0,140,255,.08))}
.hero-layout{grid-template-columns:minmax(0,47fr) minmax(0,53fr)}
.hero-copy{z-index:5}
.hero h1{font-size:clamp(55px,5vw,77px);font-weight:790;letter-spacing:-.063em;line-height:1.11}
.hero-description{max-width:530px;color:#b2c1cf;font-size:15px;line-height:1.86}
.hero h1 em{background:linear-gradient(100deg,#e4f7ff 4%,#9acbfe 20%,#0ca6f5 67%,#1ad2c5);-webkit-background-clip:text;background-clip:text}
.hero-stage{min-height:655px;overflow:visible}
.world{width:min(100%,745px);isolation:isolate}
.world::before{content:"";position:absolute;inset:8%;border-radius:50%;z-index:-2;background:radial-gradient(circle,rgba(0,101,228,.19),rgba(0,91,255,.07) 43%,transparent 71%);filter:blur(25px)}
.world::after{content:"";position:absolute;pointer-events:none;z-index:-1;inset:18% 16%;border-radius:50%;box-shadow:0 0 105px rgba(0,97,239,.20),0 0 240px rgba(0,72,196,.11)}
.scene-topline{top:7%;color:#8bc1de}
.scene-bottomline{bottom:6%;color:#7ea9cd}
.globe-halo{opacity:.76}
.hero-metadata{border-color:#2a465a}
.hero-foot{color:#7a9cb3}
.hero-foot-trace{color:#6383a2}
.ticker{background:linear-gradient(100deg,#071331,#083f9b 53%,#052052);border-color:#0656c2;box-shadow:inset 0 1px rgba(160,217,255,.12),0 0 14px #0063e718}
.services,.products,.method,.global,.about,.contact{background-image:
 radial-gradient(ellipse at 90% 18%,rgba(0,83,158,.08),transparent 44%),
 linear-gradient(112deg,rgba(131,166,205,.025),transparent 24%,rgba(75,122,164,.045) 58%,transparent 83%),
 repeating-linear-gradient(0deg,rgba(183,213,248,.016) 0px,rgba(183,213,248,.016) 1px,transparent 1px,transparent 4px),
 linear-gradient(105deg,#05080e,#0d141e 55%,#030609)}
.section-intro h2,.global h2,.about h2,.contact h2{letter-spacing:-.06em}
.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.service-card{min-height:324px;padding:26px 24px;border-radius:4px;background:
 radial-gradient(circle at 85% 3%,rgba(0,111,241,.13),transparent 48%),
 linear-gradient(125deg,rgba(20,31,43,.7),rgba(5,9,15,.95));
 border:1px solid rgba(137,175,204,.17);
 box-shadow:inset 0 1px rgba(221,245,255,.04),0 18px 36px rgba(0,0,0,.16)}
.service-card::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 100% 0%,rgba(0,132,255,.11),transparent 62%);transition:opacity .4s}
.service-card:hover::before{opacity:1}
.service-card .card-top{font-size:9px;color:#87aecb}
.service-card .card-top b{color:#40bce9}
.service-card .card-visual{display:none}
.service-card::after{content:"";position:absolute;right:26px;top:67px;height:88px;width:88px;border-right:1px solid rgba(28,171,235,.45);border-top:1px solid rgba(28,171,235,.26);transform:rotate(-33deg) skew(-8deg);opacity:.45;filter:drop-shadow(0 0 17px #05b9ff60);border-radius:0 11px 0 0}
.service-card h3{font-size:23px;line-height:1.22;letter-spacing:-.045em;max-width:245px;margin-top:auto}
.service-card p{max-width:255px;font-size:13px;line-height:1.8}
.service-card .card-rule{background:linear-gradient(90deg,transparent,#008fff,#16d5bc,transparent)}
.platform-row{padding-block:23px}
.platform-row strong{font-size:27px}
.pulse-panel,.agent-panel{background:radial-gradient(ellipse at 78% 39%,rgba(0,73,152,.19),transparent 50%),linear-gradient(133deg,#0d1d2c,#030912);border-color:rgba(115,159,195,.20);border-radius:5px}
.agent-emblem .agent-layer{box-shadow:0 12px 28px rgba(0,0,0,.5),inset 0 0 24px rgba(0,96,200,.30);border-color:#177edab0}
.contact-shell{border-radius:5px}
.eyebrow{letter-spacing:.18em}
@media(max-width:1180px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:280px}.hero-stage{min-height:560px}}
@media(max-width:900px){.hero-layout{grid-template-columns:1fr}.hero h1{font-size:clamp(51px,7.6vw,71px)}.hero-stage{min-height:590px}.world{max-width:700px}.hero-copy{padding-top:20px}}
@media(max-width:620px){.container{padding-inline:22px}.hero h1{font-size:clamp(39px,10.3vw,55px);overflow-wrap:normal;word-break:normal}.hero h1 span{display:block}.hero-stage{min-height:415px}.world{width:100%;max-width:450px;left:0}.scene-topline,.scene-bottomline{font-size:6px}.service-grid{grid-template-columns:1fr}.service-card{min-height:245px}.service-card h3{font-size:22px}.service-card::after{width:65px;height:65px;right:24px;top:63px}.contact-shell{padding:62px 22px}}
@media(prefers-reduced-motion:reduce){.world,.world *{animation:none!important}}