/* Glass modern: superfícies translúcidas sobre uma atmosfera de campo. */
:root{--bg:#090d11;--panel:#111a20;--card-top:#26333c;--card-bottom:#17232a;--text:#eef4f5;--muted:#a6b8c1;--edge:#d7efff29;--green-bright:#70e8a0;--icon:#83ddb0}
body{background:radial-gradient(ellipse at 50% 2%,#23694c26,transparent 38%),radial-gradient(ellipse at 10% 50%,#27556f19,transparent 50%),var(--bg)}
.hub{background:linear-gradient(145deg,#b5e7ff0d,#19313c12 40%,#9fc9dd05);border-color:var(--edge);box-shadow:inset 0 1px 0 #e7f8ff2e,0 28px 100px #0005;backdrop-filter:blur(28px) saturate(125%);-webkit-backdrop-filter:blur(28px) saturate(125%);overflow:hidden}
.topline{position:relative;z-index:2}

.intro{position:relative;isolation:isolate;margin:0 -29px;padding:24px 29px 32px}
.intro::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 35%,#07101088 0%,#10181c12 55%,transparent 80%);pointer-events:none}
.pitch-scene{position:absolute;inset:-35px -100px -20px;z-index:-2;overflow:hidden;pointer-events:none;mask-image:linear-gradient(transparent 0%,#000 15%,#000 66%,transparent 97%);-webkit-mask-image:linear-gradient(transparent 0%,#000 15%,#000 66%,transparent 97%)}
.pitch-scene svg{position:absolute;left:50%;top:50%;width:580px;height:440px;max-width:none;transform:translate(-50%,-50%) perspective(800px) rotateX(34deg) rotateZ(-14deg);stroke-width:1;filter:drop-shadow(0 0 5px #54e49a55);color:#5fd499}
.pitch-scene .pitch-field{fill:#13814b0c;stroke:#64dca96b;stroke-width:1.2}
.pitch-scene .pitch-markings{stroke:#72dba37a;stroke-width:1.1}
.pitch-scene .pitch-detail{stroke:#8bc9f45c;stroke-dasharray:3 7;stroke-width:.8}
.pitch-scene .pitch-node{fill:#b9f1d5;stroke:#42d992;stroke-width:2}
.pitch-scene .pitch-halo{fill:#2cde7b10;stroke:#54db9d35;stroke-width:1}
.metal-logo{width:242px;max-width:82%;filter:drop-shadow(0 15px 16px #0008);margin-bottom:18px}
.metal-logo::before{background:repeating-linear-gradient(0deg,transparent 0,transparent .7px,#ffffff45 1px,transparent 1.4px);opacity:.19}
.metal-logo::after{opacity:.4;animation:metal-shine 12s ease-in-out infinite}
.intro-line{font-size:27px;line-height:1.22;letter-spacing:-1px}
.intro-support{max-width:310px;margin-inline:auto;font-size:11px;line-height:1.8}
.service-link{background:linear-gradient(130deg,#beddf114,#aac3d106 50%,#a7dfc60a);border:1px solid var(--edge);box-shadow:inset 0 1px 0 #e6f8ff26,inset 0 -1px 0 #ffffff06,0 9px 24px #0002;backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);position:relative;isolation:isolate}
.service-link::before{content:"";position:absolute;top:0;left:14%;right:14%;height:1px;background:linear-gradient(90deg,transparent,#dcf4ff55,transparent);pointer-events:none}
.service-link:hover{transform:translateY(-2px);border-color:#82d6ae66;background:linear-gradient(130deg,#b8e4fb20,#76b7a30c);box-shadow:inset 0 1px 0 #e6f8ff40,0 12px 30px #0003}
.service-link:active{transform:translateY(1px);box-shadow:inset 0 1px 0 #e6f8ff20,0 4px 12px #0002}
.service-icon{color:var(--icon)}
.meeting-link{background:linear-gradient(120deg,#249b6570,#087c4f45);border-color:#8edab15c;box-shadow:inset 0 1px 0 #bfffd536,0 7px 28px #10964812;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.signature{font-size:13px;font-weight:700;letter-spacing:-.2px}
@media(max-width:420px){.intro{margin-inline:-21px;padding-inline:21px;padding-top:22px;padding-bottom:28px}.metal-logo{width:220px}.intro-line{font-size:25px}.pitch-scene{inset:-28px -120px -10px}.pitch-scene svg{width:530px;height:402px}}
@media(max-width:340px){.intro{margin-inline:-17px;padding-inline:17px}.metal-logo{width:195px}.intro-line{font-size:23px}.pitch-scene svg{width:470px;height:357px}}
@media(prefers-reduced-motion:reduce){.metal-logo::after{animation:none;opacity:0}}