/* Telegraph: direção visual noturna */
:root{color-scheme:dark;--navy:#173d55;--deep:#06131e;--cyan:#ed3946;--ink:#f0f7fc;--muted:#9eb3c3;--light:#0d2232;--line:#ffffff20}
body{background:#081722;color:var(--ink)}
header{height:90px;background:#081722ed;border-bottom:1px solid #ffffff12;backdrop-filter:blur(18px)}
.wordmark{font-size:34px;letter-spacing:-1px}.wordmark span{color:#e9bfc2;font-size:10px;letter-spacing:2.6px}nav{font-size:14px;color:#c3d3dd}nav>a:not(.button):hover{color:var(--cyan)}
.button{color:#ffffff;background:var(--cyan);border-radius:4px;box-shadow:0 6px 35px #ed394616;min-height:50px}.button:hover{background:#ff7680;box-shadow:0 8px 35px #ed39462b;transform:translateY(-3px)}
.hero{position:relative;isolation:isolate;min-height:720px;background:#081722;overflow:hidden;grid-template-columns:1.5fr 1fr}
.hero-copy{position:relative;z-index:2;padding:100px 0 42px 6vw;max-width:850px}.hero .eyebrow{color:#e9c5c8;font-size:12px;letter-spacing:2.5px}h1{font-size:clamp(44px,4.65vw,76px);line-height:1.12;letter-spacing:-2.8px;font-weight:600}h1 em{color:var(--cyan)}.hero .intro{color:#becdd7;max-width:545px;font-size:18px}.actions{margin:36px 0 70px}.hero-bottom{color:#b5cad8;border-top:1px solid #ffffff25;max-width:570px;font-size:13px;gap:26px;padding-top:22px}.hero .text-link{color:#fce8eb}.brand-panel{background:transparent;border-left:1px solid #ffffff0d;position:relative;z-index:1}.brand-art{opacity:.85}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.hero:has(.hero-photo):after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#06131ef7 0%,#06131eea 25%,#06131eb3 49%,#06131e20 78%),linear-gradient(0deg,#081722 0%,transparent 25%)}
.hero-visual-note{align-self:end;justify-self:end;max-width:275px;margin:0 6vw 65px 25px;padding:18px 22px;border-left:2px solid var(--cyan);background:#081722a8;backdrop-filter:blur(12px);position:relative;z-index:1;font-size:14px;line-height:1.6}.hero-visual-note strong{display:block;font-weight:500;font-size:20px;letter-spacing:-.5px}.hero-visual-note span{color:#bad0de;font-size:12px}
.section{padding:100px 6%}.eyebrow{color:var(--cyan);font-size:12px;letter-spacing:2.5px}h2{font-weight:500;line-height:1.16;letter-spacing:-1.7px}.section-top{margin-bottom:46px}.section-top>p{font-size:16px;line-height:1.8}
.services{border:0;gap:22px}.service{border:1px solid var(--line);background:#0d202e;border-radius:6px;padding:30px;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s}.service+.service{border-left:1px solid var(--line)}.service:hover{background:#0d202e;border-color:#ed394670;transform:translateY(-6px);box-shadow:0 20px 45px #0003}.service-image{height:235px;width:calc(100% + 60px);max-width:none;margin:-30px -30px 27px;object-fit:cover;display:block;filter:saturate(.85);transition:filter .4s,transform .6s}.service:hover .service-image{filter:saturate(1.1)}.service-symbol{display:none}.service .number{color:var(--cyan);font-size:13px;letter-spacing:2px}.service h3{margin:18px 0;font-size:31px;font-weight:500}.service p{font-size:16px}.service ul{font-size:14px;padding:22px 0}.service li:before{color:var(--cyan)}.service-link{color:#f7d8dc;min-height:52px;align-items:center}.service-link span{color:var(--cyan);font-size:21px}
.integration{position:relative;background:#102a3b;border-block:1px solid #ffffff14;gap:8%}.integration .intro{max-width:490px}.steps li{padding:24px 0}.steps h3{font-weight:500}.steps li>span{border:1px solid #8a4a51;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;padding:0;flex:none}.steps p{font-size:15px}.integration-image{width:100%;height:260px;object-fit:cover;border-radius:4px;display:block;margin-top:34px;filter:brightness(.8)}
.about{grid-template-columns:1fr 1.5fr;background:#081722;align-items:center;gap:9%}.about-identity{padding:30px;border:1px solid #ffffff15;background:#10283a;border-radius:5px;max-width:330px;text-align:center}.about-identity .brand-art{width:75%;margin:auto;opacity:1}.about-identity img{width:100%;height:auto;display:block;mix-blend-mode:lighten}.about-identity .brand-subtitle{font-size:13px}.about-identity>.eyebrow{text-align:left;font-size:11px}.about p:not(.eyebrow){line-height:1.9}
.faq{background:#0a1b28;border-bottom:1px solid var(--line)}details{padding:24px 0}summary{font-weight:500}details p{line-height:1.8}
.contact{background:radial-gradient(ellipse at top left,#12415a 0%,#0a2131 48%,#081925 100%);position:relative}.contact h2{font-size:clamp(34px,3.7vw,56px)}.contact form{padding:32px;background:#0b1b29c9;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 18px 60px #0002}input,select,textarea{background:#102737;border:1px solid #284353;color:#edf7fb;border-radius:4px}input::placeholder,textarea::placeholder{color:#879eaf}form label{color:#c4d7e3;font-weight:500}.contact .contact-note a{color:var(--cyan)}.form-note{font-size:13px}footer{border-top:1px solid var(--line);background:#06121b}dialog{background:#102737;color:var(--ink);border:1px solid #3a5e72;box-shadow:0 20px 120px #0009}dialog::backdrop{background:#010b13ce}.close{color:#e4f6ff}.skip{background:var(--deep);color:white}
@media(min-width:1600px){.hero-copy{padding-left:100px}}
@media(max-width:1000px){.hero{grid-template-columns:1.5fr .8fr;min-height:640px}.hero-copy{padding-top:80px}.hero .eyebrow{font-size:10px;letter-spacing:1.7px}h1{font-size:49px}.service{padding:24px}.service-image{width:calc(100% + 48px);margin:-24px -24px 24px;height:200px}.service h3{font-size:27px}.services{gap:15px}.section{padding:75px 6%}.hero-visual-note{margin-right:5vw}.contact{gap:6%}}
@media(max-width:760px){header{height:80px}nav{background:#0a1e2c;box-shadow:0 20px 30px #0005}.hero{display:block;min-height:0}.hero-copy{padding:60px 6% 30px}.hero h1{font-size:clamp(36px,7.2vw,53px);letter-spacing:-1.7px}.hero .eyebrow{font-size:10px;letter-spacing:1.5px}.hero .intro{font-size:17px}.hero-photo{object-position:64% center}.hero:has(.hero-photo):after{background:linear-gradient(90deg,#06131ee8,#06131e80),linear-gradient(0deg,#081722 0%,transparent 60%)}.hero-visual-note{margin:15px 6% 35px;max-width:260px;display:block}.hero .actions{margin-bottom:42px}.hero-bottom{font-size:12px;gap:16px}.brand-panel{border:0}.section{padding:60px 6%}.services{gap:25px}.service{padding:28px}.service-image{width:calc(100% + 56px);margin:-28px -28px 24px;height:250px}.service h3{font-size:32px}.service:hover{transform:none}.integration,.about,.faq,.contact{grid-template-columns:1fr}.about{gap:35px}.about-identity{width:100%;max-width:260px;padding:25px}.about-identity .brand-art{width:70%}.integration-image{height:220px}.contact form{padding:23px}.wordmark{font-size:29px}.menu-toggle{color:var(--ink)}.section-top{margin-bottom:30px}.steps li:first-child{padding-top:5px}h2{font-size:35px}.hero .text-link{font-size:14px}.hero-visual-note strong{font-size:18px}footer{gap:24px}}
@media(prefers-reduced-motion:reduce){.service,.service-image{transition:none!important}.service:hover,.button:hover{transform:none}}

.wordmark .header-logo{display:block;width:225px;height:60px;object-fit:contain}@media(max-width:760px){.wordmark .header-logo{width:190px;height:51px}}

/* Identidade Telegraph */
.wordmark{background:#fff;border-radius:4px;padding:5px 13px;display:inline-flex;align-items:center;justify-content:center}
.wordmark .header-logo{width:150px;height:65px;object-fit:contain}
.telegraph-brand{background:white;padding:16px;border-radius:4px}.telegraph-brand img{display:block;width:100%;height:auto;mix-blend-mode:normal}.about-identity{max-width:390px}.button{color:#fff}.button:hover{color:#341014}h1 em,.service .number,.eyebrow,.service-link span,.steps li>span,.contact .contact-note a{color:#ff6873}.hero-visual-note{border-color:#ed3946}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#ff6873}input:focus,select:focus,textarea:focus{outline-color:#ff6873}
@media(max-width:760px){.wordmark{padding:3px 10px}.wordmark .header-logo{width:124px;height:57px}}
