:root{
      --green-950:#032b1d;
      --green-900:#063925;
      --green-800:#0b5a36;
      --green-700:#128149;
      --green-600:#19a65a;
      --green-500:#2ecb69;
      --lime:#a3f25b;
      --white:#ffffff;
      --soft:#f5fbf7;
      --soft-2:#eef8f1;
      --ink:#15221a;
      --muted:#5f6d63;
      --line:rgba(6,57,37,.10);
      --shadow:0 18px 48px rgba(3,43,29,.10);
      --shadow-strong:0 28px 90px rgba(3,43,29,.24);
      --radius:28px;
      --max:1180px;
      --wa:#25d366;
    }

    *{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth;overflow-x:clip}
    body{
      font-family:"Inter", Arial, Helvetica, sans-serif;
      color:var(--ink);
      background:var(--green-950);
      line-height:1.5;
      overflow-x:clip;
      max-width:100%;
    }
    main{background:#fff;overflow:hidden}
    img,video{display:block;max-width:100%}
    a{text-decoration:none;color:inherit}
    button,input,select,textarea{font:inherit}
    .container{width:min(calc(100% - 36px), var(--max));margin:0 auto}
    .section{padding:92px 0}
    .section.alt{background:linear-gradient(180deg,#f6fbf8 0%,#ffffff 100%)}

    .eyebrow{
      display:inline-flex;align-items:center;gap:10px;
      padding:10px 16px;border-radius:999px;
      background:rgba(46,203,105,.10);border:1px solid rgba(46,203,105,.22);
      color:var(--green-800);font-size:.78rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;
      margin-bottom:16px;
    }
    .icon{
      width:1.08em;
      height:1.08em;
      display:inline-block;
      vertical-align:-.14em;
      fill:none;
      stroke:currentColor;
      stroke-width:2.15;
      stroke-linecap:round;
      stroke-linejoin:round;
      flex:0 0 auto;
    }
    .icon-fill{fill:currentColor;stroke:none}
    .eyebrow .icon{font-size:.95rem}
    .hero .eyebrow{
      background:rgba(255,255,255,.15);
      color:#f4fff7;
      border-color:rgba(255,255,255,.22);
      box-shadow:0 14px 30px rgba(0,0,0,.10);
    }

    h1,h2,h3,h4{line-height:1.04}
    .section-title{font-size:clamp(2rem,4.2vw,3.6rem);letter-spacing:-.06em;color:var(--green-950);margin-bottom:14px}
    .section-subtitle{max-width:760px;color:var(--muted);font-size:1.03rem}
    .center{text-align:center}
    .center .section-subtitle{margin-left:auto;margin-right:auto}

    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:10px;
      min-height:54px;padding:15px 24px;border:none;border-radius:999px;
      font-weight:900;cursor:pointer;transition:.25s ease;
    }
    .btn:hover{transform:translateY(-2px)}
    .btn-primary{background:linear-gradient(135deg,var(--green-500),var(--green-800));color:#fff;box-shadow:0 16px 34px rgba(17,124,71,.24)}
    .btn-dark{background:linear-gradient(135deg,var(--green-950),var(--green-800));color:#fff;box-shadow:0 16px 34px rgba(3,43,29,.22)}
    .btn-light{background:rgba(255,255,255,.94);color:var(--green-950);border:1px solid rgba(255,255,255,.52);backdrop-filter:blur(10px)}

    .site-header{
      position:fixed;top:0;left:0;width:100%;z-index:1000;
      background:rgba(3,43,29,.72);backdrop-filter:blur(18px);
      border-bottom:1px solid rgba(255,255,255,.10);
      transition:.25s ease;
    }
    .site-header.scrolled{background:rgba(3,43,29,.95);box-shadow:0 12px 32px rgba(0,0,0,.18)}
    .header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand img{height:68px;width:auto;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.20))}
    .nav{display:flex;align-items:center;gap:24px}
    .nav a{color:rgba(255,255,255,.86);font-size:.95rem;font-weight:800;transition:.2s ease}
    .nav a:hover{color:#fff}
    .header-actions{display:flex;align-items:center;gap:12px}
    .header-actions .btn{min-height:44px;padding:12px 18px;font-size:.92rem}
    .menu-toggle{display:none;width:48px;height:48px;border:none;border-radius:14px;background:rgba(255,255,255,.10);color:#fff;font-size:1.1rem;cursor:pointer}

    .hero{
      position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;
      background:
        linear-gradient(110deg,rgba(3,43,29,.92) 0%,rgba(6,57,37,.84) 44%,rgba(11,90,54,.66) 100%),
        url("imagem_hero_de_fundo_realize.png") center/cover no-repeat;
      padding:130px 0 82px;
      color:#fff;
    }
    .hero::before{
      content:"";position:absolute;inset:0;pointer-events:none;
      background:
        radial-gradient(circle at 18% 20%, rgba(163,242,91,.14), transparent 28%),
        radial-gradient(circle at 85% 24%, rgba(255,255,255,.08), transparent 18%),
        linear-gradient(90deg, rgba(2,32,20,.44) 0%, rgba(3,43,29,.22) 45%, rgba(3,43,29,.06) 100%);
    }
    .hero::after{
      content:"";position:absolute;left:0;right:0;bottom:0;height:170px;
      background:linear-gradient(180deg,rgba(255,255,255,0),#fff 82%);
      pointer-events:none;
    }
    .hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.72fr);align-items:center;gap:42px}
    .hero-copy{max-width:720px}
    .hero h1{font-size:clamp(2.9rem,6.3vw,5.85rem);letter-spacing:-.08em;line-height:.92;margin-bottom:18px;text-shadow:0 10px 30px rgba(0,0,0,.18)}
    .hero h1 span{color:var(--lime)}
    .hero p{max-width:610px;font-size:clamp(1rem,1.7vw,1.2rem);color:rgba(255,255,255,.92);margin-bottom:28px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}
    .trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:700px}
    .trust-card{
      padding:16px;border-radius:18px;
      background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);
      backdrop-filter:blur(12px);
    }
    .trust-card strong{display:block;color:#fff;font-size:1rem;margin-bottom:4px}
    .trust-card small{color:rgba(255,255,255,.76);font-weight:700}

    .hero-form{
      position:relative;overflow:hidden;
      background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.10));
      border:1px solid rgba(255,255,255,.28);
      border-radius:30px;padding:26px;
      box-shadow:var(--shadow-strong);
      backdrop-filter:blur(22px) saturate(145%);
      -webkit-backdrop-filter:blur(22px) saturate(145%);
    }
    .hero-form::before{
      content:"";position:absolute;top:-75px;right:-75px;width:190px;height:190px;border-radius:50%;
      background:radial-gradient(circle, rgba(163,242,91,.22), rgba(163,242,91,0));
    }
    .hero-form h3{position:relative;z-index:1;font-size:1.55rem;color:#fff;margin-bottom:8px;letter-spacing:-.04em}
    .hero-form p{position:relative;z-index:1;color:rgba(255,255,255,.82);font-size:.95rem;margin:0 0 16px}
    .quote-form{position:relative;z-index:1;display:grid;gap:12px}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .field{display:grid;gap:6px}
    .field label{font-size:.8rem;font-weight:900;color:#f3fff6}
    .field input,.field select,.field textarea{
      width:100%;padding:13px 14px;border-radius:14px;outline:none;
      border:1.5px solid rgba(255,255,255,.28);
      background:rgba(255,255,255,.86);color:var(--ink);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
      transition:.2s ease;
    }
    .field textarea{resize:vertical;min-height:84px}
    .field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(163,242,91,.92);box-shadow:0 0 0 4px rgba(163,242,91,.16)}
    .quote-form .btn{width:100%;margin-top:4px}

    .floating-strip{position:relative;z-index:5;margin-top:-52px}
    .strip-card{
      background:#fff;
      border:1px solid var(--line);
      border-radius:26px;
      padding:18px;
      box-shadow:var(--shadow);
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:14px;
    }
    .strip-item{
      display:grid;
      grid-template-columns:54px 1fr;
      gap:14px;
      align-items:flex-start;
      padding:18px;
      border-radius:20px;
      background:
        linear-gradient(135deg,rgba(6,57,37,.94),rgba(14,93,55,.88)),
        radial-gradient(circle at top left, rgba(163,242,91,.10), transparent 34%);
      border:1px solid rgba(163,242,91,.14);
      color:#fff;
      position:relative;
      overflow:hidden;
      min-height:160px;
    }
    .strip-item::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(120deg,rgba(255,255,255,.06),transparent 58%);
      pointer-events:none;
    }
    .strip-icon,.service-icon,.value-icon,.partner-icon,.footer-icon,.check{
      width:50px;height:50px;border-radius:16px;display:grid;place-items:center;flex:0 0 auto;
      background:linear-gradient(135deg,rgba(46,203,105,.16),rgba(163,242,91,.24));
      color:var(--green-800);box-shadow:0 12px 28px rgba(11,90,54,.10);
    }
    .strip-icon{
      width:52px;
      height:52px;
      border-radius:50%;
      background:rgba(255,255,255,.06);
      border:1.5px solid rgba(195,255,173,.30);
      color:#9ce96d;
      box-shadow:none;
      position:relative;
      z-index:1;
    }
    .strip-icon .icon{width:25px;height:25px}
    .strip-item h3{
      color:#fff;
      font-size:1rem;
      line-height:1.15;
      margin-bottom:5px;
      letter-spacing:-.02em;
      position:relative;
      z-index:1;
    }
    .strip-item strong{
      display:block;
      color:#9ce96d;
      font-size:.9rem;
      line-height:1.25;
      margin-bottom:7px;
      font-weight:700;
      position:relative;
      z-index:1;
    }
    .strip-item p{
      color:rgba(255,255,255,.80);
      font-size:.88rem;
      font-weight:500;
      line-height:1.42;
      position:relative;
      z-index:1;
    }

    .about-grid{display:grid;grid-template-columns:1fr .9fr;gap:28px;align-items:stretch}
    .about-card,.about-feature,.video-copy,.value-card,.service-card,.operator-card,.cta-box{
      border-radius:var(--radius);
    }
    .about-card{
      background:#fff;border:1px solid var(--line);padding:34px;box-shadow:var(--shadow)
    }
    .about-card p{color:var(--muted);font-size:1.02rem;margin-bottom:15px}
    .about-list{display:grid;gap:13px;margin-top:22px}
    .check-item{display:flex;gap:12px;align-items:flex-start;color:#304033;font-weight:760}
    .check{width:26px;height:26px;border-radius:50%;box-shadow:none;background:rgba(46,203,105,.14)}
    .check i{font-size:.85rem}
    .about-feature{
      position:relative;overflow:hidden;padding:34px;color:#fff;
      background:radial-gradient(circle at 14% 16%, rgba(163,242,91,.18), transparent 25%), linear-gradient(135deg,var(--green-950),var(--green-800));
      box-shadow:var(--shadow-strong);
    }
    .about-feature::after{content:"";position:absolute;right:-80px;bottom:-96px;width:240px;height:240px;border-radius:50%;border:1px solid rgba(255,255,255,.12)}
    .about-feature img{width:250px;margin:0 auto 24px;filter:drop-shadow(0 16px 30px rgba(0,0,0,.26))}
    .about-feature h3{font-size:2rem;letter-spacing:-.05em;margin-bottom:10px}
    .about-feature p{color:rgba(255,255,255,.82)}

    .values-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
    .value-card{
      background:#fff;border:1px solid var(--line);padding:28px;box-shadow:var(--shadow);transition:.25s ease;
      min-height:100%;position:relative;overflow:hidden;
    }
    .value-card:hover{transform:translateY(-5px)}
    .value-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--green-500),var(--lime))}
    .value-card h3{font-size:1.2rem;color:var(--green-950);margin:18px 0 10px;letter-spacing:-.02em}
    .value-card p{color:var(--muted);font-size:.96rem}

    .services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}
    .service-card{
      background:#fff;border:1px solid var(--line);padding:26px;box-shadow:var(--shadow);transition:.25s ease;
      position:relative;overflow:hidden;min-height:100%;
    }
    .service-card:hover{transform:translateY(-6px)}
    .service-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--green-500),var(--lime))}
    .service-card h3{font-size:1.22rem;color:var(--green-950);margin:18px 0 10px;letter-spacing:-.02em}
    .service-card p{color:var(--muted);font-size:.96rem}

    .video-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:28px;align-items:center}
    .video-copy{background:linear-gradient(180deg,#fff 0%,#f7fbf8 100%);border:1px solid var(--line);padding:34px;box-shadow:var(--shadow)}
    .video-copy h2{font-size:clamp(2rem,3.8vw,3.2rem);color:var(--green-950);letter-spacing:-.055em;margin-bottom:14px}
    .video-copy p{color:var(--muted);margin-bottom:22px}
    .video-wrap{
      position:relative;
      overflow:hidden;
      background:#08160f;
      border:1px solid rgba(6,57,37,.16);
      box-shadow:var(--shadow-strong);
      padding:0;
      isolation:isolate;
    }
    .video-wrap video{
      width:100%;
      height:auto;
      min-height:280px;
      object-fit:contain;
      background:#08160f;
      position:relative;
      z-index:1;
      cursor:pointer;
      pointer-events:auto;
    }
    .video-play{
      position:absolute;
      left:50%;
      top:50%;
      transform:translate(-50%,-50%);
      z-index:2;
      width:86px;
      height:86px;
      border-radius:50%;
      border:1px solid rgba(255,255,255,.42);
      background:rgba(255,255,255,.94);
      color:var(--green-950);
      display:grid;
      place-items:center;
      box-shadow:0 20px 50px rgba(0,0,0,.28);
      cursor:pointer;
      transition:.25s ease;
    }
    .video-play:hover{transform:translate(-50%,-50%) scale(1.04)}
    .video-play .icon{width:34px;height:34px;margin-left:4px}
    .video-wrap.is-playing .video-play,
    .video-wrap.has-started .video-play{
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:translate(-50%,-50%) scale(.92);
    }

    .operators{background:linear-gradient(180deg,#f5fbf7 0%,#fff 100%);border-top:1px solid rgba(6,57,37,.06);border-bottom:1px solid rgba(6,57,37,.06)}
    .partner-block + .partner-block{margin-top:42px}
    .partner-title{display:flex;align-items:center;gap:12px;color:var(--green-950);font-size:1.35rem;margin-bottom:18px;letter-spacing:-.03em}
    .operators-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .operator-card{
      background:#fff;border:1px solid var(--line);padding:22px;box-shadow:var(--shadow);
      display:flex;align-items:center;justify-content:center;min-height:136px;transition:.25s ease;
    }
    .operator-card:hover{transform:translateY(-4px)}
    .operator-card img{max-height:82px;width:auto;object-fit:contain}

    .cta{padding:0 0 92px;background:#fff}
    .cta-box{
      background:linear-gradient(135deg,var(--green-950),var(--green-800));
      color:#fff;box-shadow:var(--shadow-strong);
      display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px;
    }
    .cta-box h2{font-size:clamp(1.95rem,3.5vw,3rem);letter-spacing:-.05em;margin-bottom:10px;max-width:720px}
    .cta-box p{color:rgba(255,255,255,.82);max-width:680px}

    .footer{background:var(--green-950);color:rgba(255,255,255,.80);padding:58px 0 24px;overflow:hidden}
    .footer-grid{display:grid;grid-template-columns:1.15fr .8fr 1fr;gap:28px;margin-bottom:30px}
    .footer-logo{width:220px;margin-bottom:18px;filter:drop-shadow(0 14px 24px rgba(0,0,0,.35))}
    .footer h4{color:#fff;font-size:1.02rem;margin-bottom:14px}
    .footer p,.footer a,.footer li{color:rgba(255,255,255,.76);font-size:.95rem}
    .footer ul{list-style:none;display:grid;gap:12px}
    .footer-link{display:inline-flex;align-items:center;gap:10px}
    .footer-icon{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;box-shadow:none}
    .footer-icon i{font-size:1rem}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.88rem}

    .floating-wa{
      position:fixed;right:18px;bottom:18px;z-index:1002;
      width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;
      filter:drop-shadow(0 14px 26px rgba(37,211,102,.26));animation:pulse 1.8s infinite;
    }
    .floating-wa img{width:68px;height:68px;border-radius:50%}
    .floating-wa::before{
      content:"1";
      position:absolute;
      top:-4px;
      right:-2px;
      width:24px;
      height:24px;
      border-radius:50%;
      background:#ff2f4f;
      color:#fff;
      display:grid;
      place-items:center;
      font-size:.76rem;
      font-weight:900;
      border:3px solid #fff;
      box-shadow:0 8px 18px rgba(255,47,79,.28);
      z-index:3;
    }
    .floating-wa::after{
      content:"Olá! Podemos ajudar?";
      position:absolute;
      right:76px;
      bottom:10px;
      min-width:185px;
      padding:10px 13px;
      border-radius:16px 16px 4px 16px;
      background:#fff;
      color:var(--green-950);
      font-size:.86rem;
      font-weight:800;
      box-shadow:0 14px 34px rgba(3,43,29,.20);
      border:1px solid rgba(3,43,29,.08);
      animation:floatMsg 2.8s ease-in-out infinite;
    }
    @keyframes floatMsg{
      0%,100%{transform:translateY(0)}
      50%{transform:translateY(-4px)}
    }
    @keyframes pulse{
      0%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(37,211,102,0))}
      50%{transform:scale(1.03);filter:drop-shadow(0 0 18px rgba(37,211,102,.18))}
      100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(37,211,102,0))}
    }

    @media (max-width:1050px){
      .hero-grid,.about-grid,.video-grid{grid-template-columns:1fr}
      .hero-form{max-width:680px}
      .values-wrap,.services-grid,.operators-grid{grid-template-columns:repeat(2,1fr)}
      .cta-box{flex-direction:column;align-items:flex-start}
      .footer-grid{grid-template-columns:1fr 1fr}
    }
    @media (max-width:860px){
      .header-inner{min-height:76px}
      .brand img{height:58px}
      .nav,.header-actions{display:none}
      .menu-toggle{display:grid;place-items:center}
      .site-header.mobile-open .nav{
        display:flex;position:absolute;top:76px;left:18px;right:18px;flex-direction:column;align-items:flex-start;
        gap:0;padding:12px;border-radius:22px;background:rgba(3,43,29,.97);border:1px solid rgba(255,255,255,.12);
        box-shadow:0 22px 54px rgba(0,0,0,.24)
      }
      .site-header.mobile-open .nav a{width:100%;padding:14px;border-radius:14px}
      .site-header.mobile-open .nav a:hover{background:rgba(255,255,255,.08)}
      .hero{min-height:auto;padding-top:118px;background-position:58% center}
      .trust-row{grid-template-columns:1fr}
      .strip-card{grid-template-columns:1fr}
    }
    @media (max-width:620px){
      .container{width:min(calc(100% - 26px), var(--max))}
      .section{padding:66px 0}
      .hero{padding-bottom:76px;background:linear-gradient(180deg,rgba(3,43,29,.88) 0%,rgba(6,57,37,.86) 52%,rgba(11,90,54,.78) 100%), url("imagem_hero_de_fundo_realize.png") 60% top/cover no-repeat}
      .hero h1{font-size:3rem}
      .hero-actions,.hero-actions .btn,.cta .btn{width:100%}
      .hero-form{padding:22px;border-radius:24px}
      .form-grid,.strip-card,.values-wrap,.services-grid,.operators-grid,.footer-grid{grid-template-columns:1fr}
      .about-card,.about-feature,.video-copy,.cta-box{padding:24px;border-radius:24px}
      .operator-card{min-height:118px}
      .floating-strip{margin-top:-36px}
      .floating-wa,.floating-wa img{width:64px;height:64px}
      .floating-wa::after{display:none}
      .floating-wa::before{top:-5px;right:-4px}
    }
