:root {
      color-scheme: light;
      --ink: #163b42;
      --muted: #63777b;
      --deep: #073e47;
      --teal: #008b87;
      --mint: #d7f2ed;
      --line: #dfe9e7;
      --paper: #f7f9f6;
      --white: #ffffff;
    }  

    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body { margin: 0; background: var(--paper); font-family: 'Segoe UI', Inter, system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif; color: var(--ink); -webkit-font-smoothing: antialiased; }
    a { color: inherit; }
    button, a { -webkit-tap-highlight-color: transparent; }
    a:focus-visible { outline: 3px solid #158ca6; outline-offset: 5px; }
    .shell { max-width: 1450px; min-height: 100svh; margin: 0 auto; padding: 28px clamp(22px, 5.1vw, 84px) 26px; display: flex; flex-direction: column; }
    header { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 62px; }
    .brand { display: inline-flex; gap: 13px; align-items: center; text-decoration: none; flex-shrink: 0; }
    .brand-logo { display: block; width: clamp(200px, 21vw, 285px); max-width: 100%; height: auto; }
    .header-location { display: inline-flex; gap: 10px; align-items: center; font-size: 12px; font-weight: 700; letter-spacing: .065em; color: #658087; white-space: nowrap; }
    .header-location::before { content: ''; width: 8px; height: 8px; border-radius: 100%; background: #30bfae; box-shadow: 0 0 0 5px rgba(48,191,174,.11); }
    main { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .91fr); gap: clamp(30px, 5vw, 92px); align-items: center; flex: 1; padding: 28px 0 44px; }
    .content { padding: 26px 0 20px; max-width: 650px; }
    .status { display: inline-flex; align-items: center; gap: 9px; border: 1px solid #d4e9e4; background: #eaf7f1; color: #16675f; font-size: 11px; font-weight: 800; letter-spacing: .15em; border-radius: 100px; padding: 11px 15px; text-transform: uppercase; }
    .status svg { width: 15px; height: 15px; flex-shrink: 0; }
    h1 { font-size: clamp(43px, 4.7vw, 76px); line-height: 1.08; letter-spacing: -.066em; margin: 32px 0 26px; max-width: 700px; font-weight: 800; color: #113c44; text-wrap: balance; }
    h1 em { display: inline-block; color: #00978c; font-style: normal; animation: chegando 3s ease-in-out infinite; }
    @keyframes chegando {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-4px); }
    }
    .intro { font-size: clamp(15px, 1.22vw, 18px); color: #687c80; line-height: 1.8; max-width: 540px; margin: 0 0 31px; }
    .actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; }
    .btn { display: inline-flex; align-items: center; justify-content: center; gap: 11px; padding: 17px 20px; border-radius: 12px; font-size: 14px; line-height: 1; font-weight: 800; text-decoration: none; min-height: 56px; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
    .btn:hover { transform: translateY(-2px); }
    .btn svg { flex-shrink: 0; width: 20px; height: 20px; }
    .btn-primary { background: #128f79; color: #fff; box-shadow: 0 10px 22px rgba(18,143,121,.16); }
    .btn-primary:hover { background: #087e6b; box-shadow: 0 14px 30px rgba(18,143,121,.24); }
    .btn-secondary { color: #13464d; border: 1px solid #c8d9d6; background: #fff; }
    .btn-secondary:hover { background: #eaf7f1; }
    .service-note { font-size: 13px; line-height: 1.65; color: #677f7e; margin: 17px 0 0; }
    .contact-strip { margin-top: 40px; padding-top: 28px; border-top: 1px solid #d7e4e0; max-width: 580px; }
    .eyebrow { font-size: 10px; letter-spacing: .19em; font-weight: 800; color: #88a09e; text-transform: uppercase; margin-bottom: 13px; }
    .contact-items { display: flex; gap: 12px 30px; flex-wrap: wrap; }
    .contact-link { color: #2d6268; text-decoration: none; display: inline-flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 650; }
    .contact-link:hover { color: #048d80; text-decoration: underline; text-underline-offset: 4px; }
    .contact-link svg { width: 17px; height: 17px; color: #0a958a; }
    .scene-wrap { width: 100%; padding: 0; position: relative; align-self: stretch; max-height: 760px; display: flex; align-items: center; }
    .scene { position: relative; overflow: hidden; width: 100%; min-height: 570px; height: min(67vw, 670px); max-height: 740px; border-radius: 26px; background: #77d7db; isolation: isolate; box-shadow: 0 25px 60px rgba(17,75,83,.10); }
    .scene::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(3,44,55,0) 55%, rgba(5,57,63,.57) 100%); z-index: 2; pointer-events: none; }
    .scene-graphic { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 42%; }
    .scene-top { position: absolute; left: 30px; top: 29px; z-index: 3; display: inline-flex; align-items: center; gap: 8px; color: #135760; background: rgba(255,255,255,.89); border: 1px solid rgba(255,255,255,.65); border-radius: 100px; padding: 11px 16px; font-weight: 800; font-size: 11px; letter-spacing: .11em; text-transform: uppercase; box-shadow: 0 8px 30px rgba(8,64,68,.09); backdrop-filter: blur(8px); }
    .scene-top svg { width: 16px; height: 16px; }
    .scene-caption { position: absolute; left: 34px; right: 28px; bottom: 35px; z-index: 3; color: #fff; }
    .scene-caption .label { display: flex; align-items: center; gap: 12px; font-size: 11px; text-transform: uppercase; letter-spacing: .22em; font-weight: 800; opacity: .94; margin-bottom: 12px; }
    .scene-caption .label::before { content: ''; width: 24px; height: 1px; background: #fff; }
    .scene-caption strong { font-weight: 750; font-size: clamp(28px, 2.6vw, 38px); letter-spacing: -.045em; line-height: 1.12; display: block; max-width: 320px; }
    .scene-caption span { display: block; margin-top: 12px; font-size: 13px; color: rgba(255,255,255,.87); letter-spacing: .03em; }
    footer { border-top: 1px solid var(--line); padding-top: 22px; display: flex; gap: 15px; justify-content: space-between; align-items: center; color: #889b9b; font-size: 12px; line-height: 1.5; }
    footer p { margin: 0; }
    footer .footer-emphasis { color: #577677; font-weight: 600; }
    @media (min-width: 1500px) { .scene { max-height: 690px; } }
    @media (max-width: 1000px) { .shell { padding-left: 35px; padding-right: 35px; } main { gap: 24px; } h1 { font-size: clamp(42px, 5vw, 58px); } .scene { min-height: 500px; } .scene-top { left: 20px; top: 20px; } }
    @media (max-width: 760px) {
      .shell { padding: 17px 22px 21px; min-height: 100svh; }
      header { min-height: 57px; }
      .brand-logo { width: 220px; }
      .header-location { font-size: 10px; letter-spacing: 0; }
      main { grid-template-columns: 1fr; gap: 27px; padding: 13px 0 30px; }
      .content { padding: 24px 0 0; max-width: none; }
      .status { font-size: 10px; padding: 9px 12px; }
      h1 { font-size: clamp(43px, 9vw, 65px); margin: 23px 0 20px; max-width: 590px; }
      .intro { font-size: 15px; line-height: 1.7; max-width: 570px; margin-bottom: 24px; }
      .contact-strip { margin-top: 28px; padding-top: 23px; }
      .scene-wrap { max-height: none; }
      .scene { height: auto; aspect-ratio: 4 / 5; min-height: 0; max-height: 620px; border-radius: 20px; }
      .scene-graphic { position: absolute; inset: 0; }
      .scene-caption { left: 24px; bottom: 25px; }
      .scene-caption strong { font-size: 29px; }
      .scene-top { left: 19px; top: 19px; }
      footer { padding-top: 18px; }
    }
    @media (max-width: 460px) {
      .shell { padding-left: 18px; padding-right: 18px; }
      header { gap: 12px; }
      .brand { flex-shrink: 1; min-width: 0; }
      .brand-logo { width: 200px; }
      .header-location { font-size: 10px; max-width: 95px; white-space: normal; line-height: 1.3; }
      h1 { font-size: clamp(40px, 11vw, 49px); }
      .actions { display: grid; grid-template-columns: 1fr; }
      .btn { width: 100%; }
      .contact-items { flex-direction: column; gap: 15px; }
      .scene-caption strong { font-size: 27px; }
      footer { align-items: flex-start; flex-direction: column; gap: 4px; }
    }
    @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .btn { transition: none; } h1 em { animation: none; } }