:root { --red:#e3171d; --red-deep:#9e1419; --ink:#16181d; --paper:#f7f5f2; --gray:#66707b; --line:#ddd8d4; --serif:"Playfair Display", Georgia, serif; --sans:"Manrope", sans-serif; --mono:"DM Mono", monospace; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); } a { color:inherit; text-decoration:none; } .grain { position:fixed; z-index:10; inset:0; pointer-events:none; opacity:.04; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.header { position:absolute; z-index:3; top:0; width:100%; padding:20px clamp(22px,5vw,80px); display:flex; align-items:center; justify-content:space-between; }.logo-wrap { width:166px; height:78px; overflow:hidden; border-radius:7px; background:#fff; box-shadow:0 8px 28px rgba(0,0,0,.12); }.logo-wrap img { width:100%; height:100%; object-fit:cover; object-position:center 45%; transform:none; } nav { display:flex; align-items:center; gap:clamp(18px,2.5vw,38px); color:#fff; font-size:12px; font-weight:700; } nav>a:not(.login-link) { opacity:.86; transition:opacity .2s; } nav>a:hover { opacity:1; }.login-link { padding:11px 16px; border:1px solid rgba(255,255,255,.55); border-radius:999px; }.login-link span { color:#ffb5b7; margin-left:7px; }.menu-button { display:none; }
.hero { position:relative; min-height:755px; height:min(100vh,900px); overflow:hidden; color:#fff; background:#351015; }.hero-photo,.cta-photo { position:absolute; inset:0; background:url("imagens-video-prontus/01-abertura-operacao-organizada.png") center/cover no-repeat; }.hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(20,23,29,.88) 0%,rgba(34,30,34,.60) 38%,rgba(39,25,28,.17) 73%,rgba(20,21,25,.10)); }.hero-copy { position:relative; z-index:1; max-width:815px; padding:clamp(165px,21vh,225px) clamp(24px,11.4vw,184px) 118px; }.eyebrow,.section-label { margin:0 0 18px; text-transform:uppercase; font:500 10px/1.35 var(--mono); letter-spacing:.14em; }.eyebrow { color:#ffb8ba; }.eyebrow.red,.section-label { color:var(--red); }.eyebrow.soft { color:#ffc4c6; }.section-label.light { color:#ffb9bb; }.section-label span { color:#8b929a; }.section-label.light span { color:rgba(255,255,255,.55); } h1,h2,h3,p { margin-top:0; } h1,h2 { letter-spacing:-.055em; } h1 { margin-bottom:24px; font-size:clamp(45px,5.7vw,90px); font-weight:700; line-height:1.01; } h1 em,h2 em,.statement em { font-family:var(--serif); font-weight:600; color:#ffbabc; }.hero-copy>p:not(.eyebrow) { max-width:500px; margin-bottom:31px; color:rgba(255,255,255,.83); font-size:15px; line-height:1.8; }.hero-actions { display:flex; align-items:center; gap:28px; }.primary-button { display:inline-flex; align-items:center; gap:25px; padding:16px 21px; color:#fff; background:var(--red); border-radius:4px; font-size:12px; font-weight:800; transition:transform .2s,box-shadow .2s; }.primary-button:hover { transform:translateY(-3px); box-shadow:0 12px 25px rgba(25,0,0,.2); }.primary-button span { font-size:18px; }.underlined-link { display:inline-flex; align-items:center; gap:10px; padding-bottom:3px; border-bottom:1px solid currentColor; color:#fff; font-size:12px; font-weight:800; }.underlined-link.dark { color:var(--ink); }.hero-bottom { position:absolute; z-index:1; left:clamp(22px,5vw,80px); right:clamp(22px,5vw,80px); bottom:28px; display:flex; justify-content:space-between; color:rgba(255,255,255,.58); text-transform:uppercase; font:10px var(--mono); letter-spacing:.1em; }
.section { padding:130px clamp(24px,11.4vw,184px); }.intro { display:grid; grid-template-columns:20% 1fr; }.intro-grid { display:grid; grid-template-columns:1.25fr .75fr; column-gap:70px; }.intro h2,.journey h2,.resource-section h2,.final-cta h2 { margin:0; font-size:clamp(37px,4.35vw,69px); line-height:1.08; font-weight:600; }.intro h2 em,.journey h2 em { color:var(--red); }.intro-body { align-self:end; }.intro-body p { margin-bottom:26px; color:var(--gray); font-size:15px; line-height:1.8; }
.resource-section { padding:105px clamp(24px,5vw,80px) 0; color:#fff; background:#181b21; }.resource-title-row { display:grid; grid-template-columns:20% 1fr; padding:0 clamp(0px,6.5vw,105px) 72px; }.resource-section h2 em { color:#ffb8ba; }.resources { display:grid; grid-template-columns:repeat(4,1fr); }.resource-card { min-height:360px; display:flex; flex-direction:column; padding:30px clamp(22px,2.65vw,45px) 35px; border:solid rgba(255,255,255,.16); border-width:1px 1px 0 0; background:#20242c; }.resource-card:first-child { border-left:1px solid rgba(255,255,255,.16); }.resource-card.featured { background:var(--red); }.resource-number { color:rgba(255,255,255,.57); font:10px var(--mono); }.resource-icon { margin:37px 0 auto; color:#ffb2b4; font-size:40px; font-weight:700; line-height:1; }.featured .resource-icon { color:#fff; }.resource-card h3 { margin:0 0 10px; font-size:20px; letter-spacing:-.045em; }.resource-card p { margin:0; color:rgba(255,255,255,.73); font-size:12px; line-height:1.7; }
.journey { background:#f2efeb; }.journey-heading,.journey-list { margin-left:20%; }.journey-heading { margin-bottom:66px; }.journey-list { margin-top:0; padding:0; list-style:none; border-top:1px solid var(--line); }.journey-list li { display:grid; grid-template-columns:8% 1fr auto; gap:25px; align-items:center; padding:27px 4px; border-bottom:1px solid var(--line); transition:padding .2s,background .2s; }.journey-list li:hover { padding-left:13px; background:rgba(227,23,29,.035); }.journey-list li>span { align-self:start; padding-top:6px; color:var(--red); font:10px var(--mono); }.journey-list h3 { margin:0 0 6px; font-size:22px; letter-spacing:-.04em; }.journey-list p { margin:0; color:var(--gray); font-size:13px; line-height:1.55; }.journey-list b { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--red); border-radius:50%; color:var(--red); font-size:15px; transition:all .2s; }.journey-list li:hover b { color:#fff; background:var(--red); transform:rotate(45deg); }
.statement { min-height:340px; display:grid; place-items:center; padding:70px 24px; text-align:center; color:#fff; background:linear-gradient(120deg,#ab1419,#e3171d 50%,#8e1218); }.statement p { max-width:960px; margin:0; font-size:clamp(34px,4.2vw,66px); font-weight:600; line-height:1.12; letter-spacing:-.055em; }.statement em { color:#ffe1e1; }.final-cta { position:relative; min-height:560px; overflow:hidden; color:#fff; }.cta-photo { background-image:url("imagens-video-prontus/06-embarque-seguro-e-acessivel.png"); background-position:center; }.cta-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(30,4,7,.93),rgba(66,8,12,.73),rgba(66,8,12,.2)); }.cta-content { position:relative; z-index:1; max-width:870px; padding:112px clamp(24px,16vw,255px); }.cta-content h2 { margin-bottom:22px; }.cta-content h2 em { color:#ffb9bb; }.cta-content>p:not(.eyebrow) { max-width:540px; margin-bottom:30px; color:rgba(255,255,255,.76); font-size:15px; line-height:1.75; }.primary-button.white { color:var(--red); background:#fff; } footer { padding:27px clamp(24px,5vw,80px); display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; color:#fff; background:#121419; }.footer-logo { width:123px; height:43px; overflow:hidden; border-radius:5px; background:#fff; }.footer-logo img { width:100%; height:100%; object-fit:cover; object-position:center 57%; transform:scale(1.19); } footer p { margin:0; font-size:10px; } footer p:nth-of-type(1) { justify-self:center; color:rgba(255,255,255,.63); } footer p:nth-of-type(2) { justify-self:end; color:rgba(255,255,255,.42); font:9px var(--mono); }.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:850px) { .resources { grid-template-columns:repeat(2,1fr); }.resource-card:nth-child(3) { border-left:1px solid rgba(255,255,255,.16); }.resource-card { min-height:300px; }.hero-bottom { display:none; } }
@media (max-width:690px) { .header { padding:17px 21px; }.logo-wrap { width:142px; height:67px; }.menu-button { display:grid; gap:5px; border:0; padding:9px 0 9px 10px; color:#fff; background:transparent; }.menu-button i { width:25px; height:1px; background:currentColor; } nav { position:absolute; top:91px; left:18px; right:18px; display:none; flex-direction:column; align-items:stretch; gap:18px; padding:20px; color:var(--ink); background:#fff; box-shadow:0 14px 26px rgba(0,0,0,.16); } nav.open { display:flex; }.login-link { text-align:center; border-color:var(--red); color:var(--red); }.hero { min-height:720px; }.hero-photo { background-position:62% center; }.hero-overlay { background:linear-gradient(90deg,rgba(20,23,29,.84),rgba(39,27,31,.40)); }.hero-copy { padding:151px 24px 90px; }.hero-actions { flex-direction:column; align-items:flex-start; gap:20px; }.section { padding:82px 24px; }.intro,.intro-grid,.resource-title-row { display:block; }.section-label { margin-bottom:42px; }.intro h2 { margin-bottom:35px; }.resource-section { padding:80px 0 0; }.resource-title-row { padding:0 24px 50px; }.resources { grid-template-columns:1fr; }.resource-card,.resource-card:first-child,.resource-card:nth-child(3) { min-height:285px; border-left:0; border-right:0; }.resource-icon { margin:25px 0 auto; }.journey-heading,.journey-list { margin-left:0; }.journey-heading { margin-bottom:45px; }.journey-list li { grid-template-columns:31px 1fr auto; gap:13px; }.journey-list h3 { font-size:18px; }.statement { min-height:290px; }.final-cta { min-height:560px; }.cta-content { padding:86px 24px; } footer { grid-template-columns:1fr; gap:15px; } footer p:nth-of-type(1),footer p:nth-of-type(2) { justify-self:start; } }

/* Hero em tom neutro: o vermelho permanece apenas como acento da marca. */
.hero { background:#171a20; }
.hero-overlay { background:linear-gradient(90deg,rgba(18,21,27,.86) 0%,rgba(24,28,34,.58) 40%,rgba(24,28,34,.16) 74%,rgba(18,21,27,.08)); }
@media (max-width:690px) { .hero-overlay { background:linear-gradient(90deg,rgba(18,21,27,.84),rgba(24,28,34,.38)); } }

/* Alerta de pânico: destaque de segurança, sem apresentar a integração como já ativa. */
.panic-section { background:#fff; }
.panic-grid { display:grid; grid-template-columns:.86fr 1.14fr; gap:clamp(42px,8vw,120px); align-items:center; margin-left:20%; }
.panic-demo { position:relative; min-height:450px; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:35px; color:#fff; text-align:center; background:#1a1d23; border-radius:10px; box-shadow:0 22px 54px rgba(20,22,27,.15); }
.panic-demo::before,.panic-demo::after { content:""; position:absolute; border:1px solid rgba(255,255,255,.12); border-radius:50%; }
.panic-demo::before { width:410px; height:410px; top:-255px; right:-170px; }.panic-demo::after { width:260px; height:260px; bottom:-160px; left:-110px; }
.panic-demo-label { position:absolute; top:24px; left:25px; color:#ffb4b7; font:500 9px var(--mono); letter-spacing:.14em; }
.panic-photo { display:block; min-height:450px; margin:0; padding:0; background:#1a1d23; }
.panic-photo::before { z-index:1; width:auto; height:auto; inset:0; border:0; border-radius:0; background:linear-gradient(180deg,rgba(11,13,17,.34) 0%,rgba(11,13,17,.05) 48%,rgba(11,13,17,.82) 100%); }
.panic-photo::after { display:none; }
.panic-photo img { position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover; object-position:52% center; }
.panic-photo figcaption { position:absolute; z-index:2; inset:auto 25px 24px; display:flex; flex-direction:column; gap:7px; text-align:left; }
.panic-photo figcaption span { color:#ffb4b7; font:500 9px var(--mono); letter-spacing:.14em; }
.panic-photo figcaption strong { font-size:23px; line-height:1; letter-spacing:-.04em; }.panic-photo figcaption b { color:#ffb9bb; }
.panic-symbol { position:relative; z-index:1; width:86px; height:86px; display:grid; place-items:center; margin-bottom:24px; border-radius:50%; color:#fff; background:var(--red); box-shadow:0 0 0 12px rgba(227,23,29,.12); }
.panic-symbol svg { width:43px; fill:none; stroke:currentColor; stroke-width:3.2; stroke-linecap:round; stroke-linejoin:round; }
.panic-demo p { position:relative; z-index:1; margin:0 0 7px; color:#ffb7b9; font:500 10px var(--mono); letter-spacing:.12em; }.panic-demo strong { position:relative; z-index:1; display:block; font-size:22px; letter-spacing:-.04em; }.panic-demo strong span { color:#ffb9bb; }.panic-demo small { position:relative; z-index:1; max-width:238px; margin-top:18px; color:rgba(255,255,255,.59); font-size:11px; line-height:1.55; }
.panic-content h2 { max-width:690px; margin:0 0 21px; font-size:clamp(37px,4.1vw,64px); line-height:1.07; letter-spacing:-.055em; }.panic-content h2 em { color:var(--red); font-family:var(--serif); }.panic-lead { max-width:630px; margin-bottom:30px; color:var(--gray); font-size:15px; line-height:1.8; }
.panic-points { display:grid; gap:0; max-width:690px; border-top:1px solid var(--line); }.panic-points>div { display:grid; grid-template-columns:32px 1fr; gap:13px; padding:14px 0; border-bottom:1px solid var(--line); }.panic-points span { padding-top:4px; color:var(--red); font:10px var(--mono); }.panic-points p { margin:0; color:var(--gray); font-size:12px; line-height:1.55; }.panic-points strong { display:block; margin-bottom:2px; color:var(--ink); font-size:14px; }.panic-note { max-width:690px; margin:22px 0 0; padding:14px 16px; border-left:3px solid #f0b0b2; color:#6c7077; background:#fff6f6; font-size:11px; line-height:1.65; }.panic-note strong { color:#a61a20; }
@media (max-width:850px) { .panic-grid { margin-left:0; grid-template-columns:1fr 1fr; gap:42px; } }
@media (max-width:690px) { .panic-grid { display:flex; flex-direction:column; gap:48px; }.panic-demo { width:100%; min-height:340px; }.panic-content h2 { font-size:38px; }.panic-lead { font-size:14px; } }

.management-section { background:#f0eeeb; }
.management-heading { margin-left:20%; max-width:790px; }.management-heading h2,.results-head h2 { margin:0 0 18px; font-size:clamp(38px,4.25vw,67px); line-height:1.06; letter-spacing:-.055em; }.management-heading h2 em,.results-head h2 em { color:var(--red); font-family:var(--serif); }.management-heading>p:last-child { max-width:590px; margin:0; color:var(--gray); font-size:15px; line-height:1.75; }
.management-flow { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:67px 0 34px 20%; padding:30px 22px; border-radius:9px; background:#fff; box-shadow:0 12px 30px rgba(20,22,27,.06); }.management-flow::before { content:""; position:absolute; z-index:0; top:51px; left:10%; right:10%; height:2px; background:#f3c5c6; }.management-flow article { position:relative; z-index:1; }.management-flow span { width:43px; height:43px; display:grid; place-items:center; margin-bottom:21px; border-radius:50%; color:#fff; background:var(--red); font:500 11px var(--mono); }.management-flow h3 { margin:0 0 6px; font-size:17px; letter-spacing:-.035em; }.management-flow p { margin:0; color:var(--gray); font-size:12px; line-height:1.55; }
.fleet-panel { display:grid; grid-template-columns:.9fr 1.1fr; gap:42px; margin-left:20%; padding:35px 38px; color:#fff; background:#1a1d23; border-radius:9px; }.fleet-panel h3 { max-width:440px; margin:0; font-size:25px; line-height:1.2; letter-spacing:-.045em; }.fleet-panel ul { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:0; padding:0; list-style:none; }.fleet-panel li { padding:0 12px; border-left:1px solid rgba(255,255,255,.2); color:rgba(255,255,255,.64); font-size:12px; line-height:1.55; }.fleet-panel li span { display:block; margin-bottom:5px; color:#fff; font-size:14px; font-weight:800; }
.security-section { padding:115px clamp(24px,11.4vw,184px); color:#fff; background:#171a20; }.security-inner { margin-left:20%; }.security-inner h2 { margin:0; font-size:clamp(38px,4.25vw,67px); line-height:1.06; letter-spacing:-.055em; }.security-inner h2 em { color:#ffb8ba; font-family:var(--serif); }.security-card { display:grid; grid-template-columns:1fr 120px 1fr; gap:28px; align-items:center; margin-top:54px; padding:26px 30px; border-radius:9px; color:#1a1d23; background:#fff6f6; }.security-card>div:not(.security-shield):last-child { text-align:right; }.security-card span { display:block; margin-bottom:5px; color:var(--red-deep); font-size:18px; font-weight:800; letter-spacing:-.035em; }.security-card p { margin:0; color:#66707b; font-size:12px; line-height:1.58; }.security-shield { width:92px; height:105px; display:grid; place-items:center; justify-self:center; color:#fff; background:var(--red); clip-path:polygon(50% 0,94% 18%,87% 71%,50% 100%,13% 71%,6% 18%); font-size:42px; }.security-note { max-width:600px; margin:22px 0 0; color:rgba(255,255,255,.6); font-size:12px; line-height:1.6; }
.results-section { background:#f5f3f0; }.results-head { margin-left:20%; }.results-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin:58px 0 0 20%; }.results-grid article { min-height:205px; padding:28px; border:1px solid var(--line); border-radius:9px; background:#fff; }.results-grid span { display:block; margin-bottom:38px; color:var(--red); font-size:28px; line-height:.7; }.results-grid h3 { margin:0 0 7px; font-size:22px; letter-spacing:-.045em; }.results-grid p { margin:0; color:var(--gray); font-size:13px; line-height:1.6; }
/* A foto final fica limpa; vermelho só nos acentos e não como máscara. */
.cta-overlay { background:linear-gradient(90deg,rgba(18,21,27,.86),rgba(24,28,34,.55) 45%,rgba(24,28,34,.12)); }
@media (max-width:850px) { .management-heading,.management-flow,.fleet-panel,.security-inner,.results-head,.results-grid { margin-left:0; }.management-flow { grid-template-columns:repeat(2,1fr); }.management-flow::before { display:none; }.fleet-panel { grid-template-columns:1fr; }.security-section { padding:90px 24px; } }
@media (max-width:690px) { .management-flow { grid-template-columns:1fr; gap:22px; margin-top:42px; }.management-flow span { margin-bottom:8px; }.fleet-panel { margin-top:22px; padding:28px 23px; }.fleet-panel ul { grid-template-columns:1fr; gap:18px; }.fleet-panel li { padding-left:14px; }.security-card { grid-template-columns:1fr; gap:19px; padding:27px 23px; }.security-card>div:not(.security-shield):last-child { text-align:left; }.security-shield { order:-1; }.results-grid { grid-template-columns:1fr; margin-top:35px; }.results-grid article { min-height:150px; }.results-grid span { margin-bottom:21px; } }

.transformation-section { padding:104px clamp(24px,11.4vw,184px); background:#fff; }.transformation-inner { margin-left:20%; }.transformation-head { display:flex; align-items:end; justify-content:space-between; gap:42px; margin-bottom:50px; }.transformation-head h2 { margin:0; font-size:clamp(37px,4.1vw,64px); line-height:1.05; letter-spacing:-.055em; }.transformation-head h2 em { color:var(--red); font-family:var(--serif); }.transformation-head p { max-width:330px; margin:0; color:var(--gray); font-size:14px; line-height:1.65; }.before-after { display:grid; grid-template-columns:1fr auto 1fr; gap:28px; align-items:center; }.before-after article { min-height:234px; padding:25px 28px; border-radius:9px; background:#f3f3f4; }.before-after article.after { color:#fff; background:#1a1d23; }.before-after article>span { display:inline-block; margin-bottom:18px; padding:6px 11px; border-radius:999px; color:#5f6873; background:#dce0e4; font:500 10px var(--mono); letter-spacing:.1em; }.before-after article.after>span { color:#fff; background:var(--red); }.before-after ul { display:grid; gap:13px; margin:0; padding:0; list-style:none; }.before-after li { position:relative; padding-left:15px; color:#626b76; font-size:13px; line-height:1.5; }.before-after li::before { content:"•"; position:absolute; left:0; color:#8b929a; }.before-after article.after li { color:rgba(255,255,255,.76); }.before-after article.after li::before { color:#ffb9bb; }.transformation-arrow { width:44px; height:44px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--red); font-size:22px; }
@media (max-width:850px) { .transformation-inner { margin-left:0; }.transformation-head { display:block; }.transformation-head h2 { margin-bottom:20px; } }
@media (max-width:690px) { .transformation-section { padding:82px 24px; }.before-after { grid-template-columns:1fr; gap:16px; }.transformation-arrow { justify-self:center; transform:rotate(90deg); }.before-after article { min-height:0; }.transformation-head p { font-size:13px; } }

/* Espaço reservado para que a logo do rodapé apareça por inteiro. */
.footer-logo { width:145px; height:68px; }
.footer-logo img { width:100%; height:100%; object-fit:cover; object-position:center 45%; transform:none; }
@media (max-width:690px) { .footer-logo { width:142px; height:67px; } }
/* Rótulos de seção: agora têm presença de subtítulo em toda a página. */
.eyebrow {
  font-size: clamp(12px, 1.05vw, 15px);
  font-weight: 600;
  letter-spacing: .11em;
  line-height: 1.4;
}

@media (max-width: 690px) {
  .eyebrow {
    font-size: 12px;
    letter-spacing: .1em;
  }
}

/* Última imagem sem máscara vermelha: preserva a fotografia e a leitura. */
.cta-overlay {
  background: linear-gradient(90deg, rgba(18,21,27,.86), rgba(24,28,34,.55) 45%, rgba(24,28,34,.12));
}

/* Contatos diretos: uma rota clara para cada frente de atendimento. */
.contact-section { padding:118px clamp(24px,11.4vw,184px); background:#f2efeb; }
.contact-heading { display:grid; grid-template-columns:20% 1fr; margin-bottom:62px; }
.contact-heading h2 { max-width:810px; margin:0; font-size:clamp(37px,4.35vw,69px); font-weight:600; line-height:1.08; letter-spacing:-.055em; }
.contact-heading h2 em { color:var(--red); font-family:var(--serif); font-weight:600; }
.contact-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); }
.contact-card { position:relative; min-height:282px; display:flex; flex-direction:column; padding:26px clamp(22px,2.65vw,43px) 31px; color:var(--ink); border-right:1px solid var(--line); background:#fff; transition:transform .22s ease,background .22s ease,color .22s ease; }
.contact-card:last-child { border-right:0; }.contact-card:hover { z-index:1; color:#fff; background:#1a1d23; transform:translateY(-8px); }.contact-number { margin-bottom:auto; color:var(--red); font:500 10px var(--mono); letter-spacing:.12em; }.contact-role { margin:0 0 13px; font-size:19px; font-weight:700; letter-spacing:-.04em; }.contact-phone { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; color:var(--red-deep); font:500 13px var(--mono); letter-spacing:.02em; }.contact-phone b { font:600 20px/1 var(--sans); transition:transform .22s ease; }.contact-card:hover .contact-number,.contact-card:hover .contact-phone { color:#ffb8ba; }.contact-card:hover .contact-phone b { transform:translate(3px,-3px); }.contact-note { max-width:280px; color:var(--gray); font-size:12px; line-height:1.6; }.contact-card:hover .contact-note { color:rgba(255,255,255,.67); }
@media (max-width:850px) { .contact-heading { grid-template-columns:1fr; gap:22px; }.contact-grid { grid-template-columns:1fr; }.contact-card,.contact-card:last-child { min-height:210px; border-right:0; border-bottom:1px solid var(--line); }.contact-card:last-child { border-bottom:0; } }
@media (max-width:690px) { .contact-section { padding:82px 24px; }.contact-heading { margin-bottom:42px; }.contact-card { min-height:200px; padding:24px 22px; }.contact-role { font-size:18px; } }
.contact-email { margin:22px 0 0; color:var(--gray); font-size:13px; }.contact-email a { margin-left:5px; padding-bottom:2px; border-bottom:1px solid var(--red); color:var(--red-deep); font-weight:700; }
.hero-copy > .hero-coverage { display:inline-flex; align-items:center; gap:9px; margin:4px 0 0; padding:10px 13px; border:1px solid rgba(255,255,255,.28); border-radius:999px; color:#fff; background:rgba(16,18,23,.32); font-size:12px; font-weight:700; line-height:1.35; backdrop-filter:blur(6px); }.hero-coverage span { color:#ff6b70; font-size:11px; }
@media (max-width:690px) { .hero-coverage { max-width:310px; padding:9px 12px; font-size:11px; } }

@media (prefers-reduced-motion:no-preference) {
  @keyframes reveal-up { from { opacity:0; transform:translateY(28px); } to { opacity:1; transform:translateY(0); } }
  @keyframes hero-drift { 0%,100% { transform:scale(1.02) translate3d(0,0,0); } 50% { transform:scale(1.075) translate3d(-.7%,-.5%,0); } }
  @keyframes coverage-pulse { 0%,100% { box-shadow:0 0 0 0 rgba(255,107,112,0); } 48% { box-shadow:0 0 0 8px rgba(255,107,112,.08); } }
  @keyframes grain-drift { from { transform:translate3d(-1.5%,-1%,0); } to { transform:translate3d(1.5%,1%,0); } }

  .hero-photo { animation:hero-drift 18s ease-in-out infinite; }
  .grain { animation:grain-drift 9s steps(2,end) infinite alternate; }
  .hero-copy > * { opacity:0; animation:reveal-up .8s cubic-bezier(.22,.8,.24,1) forwards; }
  .hero-copy > :nth-child(1) { animation-delay:.12s; }.hero-copy > :nth-child(2) { animation-delay:.23s; }.hero-copy > :nth-child(3) { animation-delay:.36s; }.hero-copy > :nth-child(4) { animation-delay:.49s; }
  .hero-copy > .hero-coverage { animation-name:reveal-up,coverage-pulse; animation-duration:.8s,3.2s; animation-delay:.49s,1.3s; animation-iteration-count:1,infinite; animation-fill-mode:forwards,both; }
  .motion-ready [data-reveal] { opacity:0; transform:translateY(28px); transition:opacity .72s cubic-bezier(.22,.8,.24,1),transform .72s cubic-bezier(.22,.8,.24,1); transition-delay:var(--reveal-delay,0ms); }
  .motion-ready [data-reveal].is-visible { opacity:1; transform:translateY(0); }
  .resource-card,.contact-card,.results-grid article { transition:transform .28s cubic-bezier(.22,.8,.24,1),box-shadow .28s ease,background .28s ease,color .28s ease; }
  .resource-card:hover,.results-grid article:hover { transform:translateY(-7px); box-shadow:0 18px 34px rgba(0,0,0,.16); }
  .journey-list li { transition:padding .28s ease,background .28s ease,transform .28s ease; }
  .journey-list li:hover { transform:translateX(8px); }
}