
  .em-co2-detail{
    --navy:#0e3048;
    --deep:#123c5a;
    --blue:#2179ad;
    --cyan:#4ab7d8;
    --ice:#eef8fb;
    --soft:#f8fcfd;
    --line:#d8e8ef;
    --text:#334a5c;
    --muted:#6d8191;
    --white:#ffffff;
    --success:#1d9b8f;
    font-family:Arial, Helvetica, sans-serif;
    color:var(--text);
    background:#ffffff;
    line-height:1.65;
    overflow:hidden;
  }

  .em-co2-detail,
  .em-co2-detail *{
    box-sizing:border-box;
  }

  .em-co2-detail img{
    display:block;
    max-width:100%;
    border:0;
  }

  .em-co2-detail a{
    text-decoration:none;
  }

  .em-co2-detail .wrap{
    max-width:1180px;
    margin:0 auto;
    padding:0 20px;
  }

  .em-co2-detail .topbar{
    background:#0e3048;
    color:#dff4fb;
    font-size:13px;
    padding:10px 0;
  }

  .em-co2-detail .topbar .wrap{
    display:flex;
    justify-content:space-between;
    gap:18px;
    flex-wrap:wrap;
  }

  .em-co2-detail .hero{
    position:relative;
    padding:76px 0 66px;
    background:
      radial-gradient(circle at 85% 18%, rgba(74,183,216,.22), transparent 34%),
      linear-gradient(135deg,#f5fbfd 0%,#eaf7fb 48%,#fff 100%);
    border-bottom:1px solid var(--line);
  }

  .em-co2-detail .hero:before{
    content:"";
    position:absolute;
    right:-120px;
    top:30px;
    width:360px;
    height:360px;
    border-radius:50%;
    background:rgba(33,121,173,.08);
  }

  .em-co2-detail .hero-grid{
    position:relative;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:44px;
    align-items:center;
    z-index:1;
  }

  .em-co2-detail .badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 14px;
    border-radius:999px;
    background:#fff;
    border:1px solid var(--line);
    color:var(--blue);
    font-weight:700;
    font-size:13px;
    letter-spacing:.06em;
    text-transform:uppercase;
    box-shadow:0 10px 28px rgba(14,48,72,.06);
  }

  .em-co2-detail .badge:before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--success);
  }

  .em-co2-detail h1,
  .em-co2-detail h2,
  .em-co2-detail h3{
    color:var(--navy);
    line-height:1.18;
  }

  .em-co2-detail h1{
    font-size:48px;
    letter-spacing:-.9px;
    margin:20px 0 18px;
  }

  .em-co2-detail .hero-text{
    font-size:17px;
    color:var(--muted);
    max-width:640px;
    margin:0 0 26px;
  }

  .em-co2-detail .hero-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin:28px 0 0;
  }

  .em-co2-detail .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    padding:14px 22px;
    font-weight:800;
    border:1px solid transparent;
    transition:.2s ease;
  }

  .em-co2-detail .btn.primary{
    background:var(--blue);
    color:#fff;
    box-shadow:0 14px 28px rgba(33,121,173,.22);
  }

  .em-co2-detail .btn.secondary{
    background:#fff;
    color:var(--navy);
    border-color:var(--line);
  }

  .em-co2-detail .hero-points{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    margin-top:30px;
  }

  .em-co2-detail .point{
    background:rgba(255,255,255,.92);
    border:1px solid var(--line);
    border-radius:16px;
    padding:15px;
    box-shadow:0 12px 28px rgba(14,48,72,.05);
  }

  .em-co2-detail .point strong{
    display:block;
    color:var(--navy);
    font-size:15px;
    margin-bottom:3px;
  }

  .em-co2-detail .image-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:28px;
    padding:16px;
    box-shadow:0 26px 60px rgba(14,48,72,.13);
  }

  .em-co2-detail .img-frame{
    width:100%;
    position:relative;
    overflow:hidden;
    border-radius:20px;
    background:#eef6fa;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .em-co2-detail .img-frame.ratio-4-3{
    aspect-ratio:4/3;
  }

  .em-co2-detail .img-frame.ratio-3-2{
    aspect-ratio:3/2;
  }

  .em-co2-detail .img-frame.ratio-2-1{
    aspect-ratio:2/1;
  }

  .em-co2-detail .img-frame img{
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
  }

  .em-co2-detail .section{
    padding:68px 0;
  }

  .em-co2-detail .section.alt{
    background:var(--soft);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
  }

  .em-co2-detail .title{
    max-width:800px;
    margin:0 auto 38px;
    text-align:center;
  }

  .em-co2-detail .title h2{
    font-size:36px;
    margin:0 0 12px;
    letter-spacing:-.3px;
  }

  .em-co2-detail .title p{
    font-size:16px;
    color:var(--muted);
    margin:0;
  }

  .em-co2-detail .two-col{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:34px;
    align-items:center;
  }

  .em-co2-detail .panel{
    background:#fff;
    border:1px solid var(--line);
    border-radius:24px;
    padding:32px;
    box-shadow:0 18px 42px rgba(14,48,72,.055);
  }

  .em-co2-detail .panel h3{
    font-size:25px;
    margin:0 0 14px;
  }

  .em-co2-detail .panel p{
    margin:0 0 14px;
  }

  .em-co2-detail .list{
    list-style:none;
    margin:18px 0 0;
    padding:0;
  }

  .em-co2-detail .list li{
    position:relative;
    padding-left:29px;
    margin:11px 0;
  }

  .em-co2-detail .list li:before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:10px;
    height:10px;
    border-radius:50%;
    background:var(--blue);
    box-shadow:0 0 0 5px rgba(33,121,173,.12);
  }

  .em-co2-detail .features{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
  }

  .em-co2-detail .feature{
    background:#fff;
    border:1px solid var(--line);
    border-radius:22px;
    padding:25px;
    box-shadow:0 14px 34px rgba(14,48,72,.045);
  }

  .em-co2-detail .num{
    width:44px;
    height:44px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#e5f8f5,#eaf6fb);
    color:var(--blue);
    font-weight:900;
    margin-bottom:15px;
  }

  .em-co2-detail .feature h3{
    font-size:19px;
    margin:0 0 9px;
  }

  .em-co2-detail .feature p{
    margin:0;
    color:var(--muted);
    font-size:15px;
  }

  .em-co2-detail .mode-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
  }

  .em-co2-detail .mode{
    background:#fff;
    border:1px solid var(--line);
    border-radius:22px;
    padding:26px;
  }

  .em-co2-detail .mode h3{
    color:var(--blue);
    font-size:21px;
    margin:0 0 9px;
  }

  .em-co2-detail .mode p{
    margin:0;
    color:var(--muted);
  }

  .em-co2-detail .indications{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
  }

  .em-co2-detail .chip{
    min-height:78px;
    padding:15px;
    border:1px solid var(--line);
    border-radius:17px;
    background:#fff;
    color:var(--navy);
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    box-shadow:0 8px 22px rgba(14,48,72,.035);
  }

  .em-co2-detail .ba-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
  }

  .em-co2-detail .ba-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:24px;
    padding:16px;
    box-shadow:0 18px 42px rgba(14,48,72,.055);
  }

  .em-co2-detail .ba-info{
    padding:15px 6px 5px;
  }

  .em-co2-detail .ba-info h3{
    font-size:19px;
    margin:0 0 6px;
  }

  .em-co2-detail .ba-info p{
    font-size:14px;
    color:var(--muted);
    margin:0;
  }

  .em-co2-detail .table-wrap{
    overflow-x:auto;
    border:1px solid var(--line);
    border-radius:24px;
    background:#fff;
    box-shadow:0 18px 42px rgba(14,48,72,.055);
  }

  .em-co2-detail table{
    width:100%;
    border-collapse:collapse;
    min-width:760px;
  }

  .em-co2-detail th{
    background:var(--navy);
    color:#fff;
    text-align:left;
    padding:16px 18px;
    font-size:15px;
  }

  .em-co2-detail td{
    border-top:1px solid var(--line);
    padding:15px 18px;
    vertical-align:top;
  }

  .em-co2-detail td:first-child{
    width:33%;
    font-weight:800;
    color:var(--navy);
    background:#f8fcfe;
  }

  .em-co2-detail .faq{
    max-width:920px;
    margin:0 auto;
  }

  .em-co2-detail details{
    background:#fff;
    border:1px solid var(--line);
    border-radius:17px;
    margin-bottom:12px;
    box-shadow:0 10px 26px rgba(14,48,72,.04);
  }

  .em-co2-detail summary{
    cursor:pointer;
    padding:18px 22px;
    font-weight:900;
    color:var(--navy);
    list-style:none;
  }

  .em-co2-detail summary::-webkit-details-marker{
    display:none;
  }

  .em-co2-detail details p{
    padding:0 22px 20px;
    margin:0;
    color:var(--muted);
  }

  .em-co2-detail .cta{
    background:linear-gradient(135deg,var(--navy),#1a628d);
    border-radius:30px;
    padding:44px;
    color:#fff;
    display:grid;
    grid-template-columns:1fr auto;
    gap:24px;
    align-items:center;
  }

  .em-co2-detail .cta h2{
    color:#fff;
    font-size:31px;
    margin:0 0 10px;
  }

  .em-co2-detail .cta p{
    margin:0;
    color:#dcecf5;
    max-width:760px;
  }

  .em-co2-detail .cta .btn{
    background:#fff;
    color:var(--navy);
  }

  .em-co2-detail .disclaimer{
    font-size:12px;
    color:#718897;
    text-align:center;
    margin-top:16px;
  }

  @media(max-width:900px){
    .em-co2-detail .hero-grid,
    .em-co2-detail .two-col,
    .em-co2-detail .ba-grid,
    .em-co2-detail .cta{
      grid-template-columns:1fr;
    }

    .em-co2-detail .features,
    .em-co2-detail .mode-grid{
      grid-template-columns:1fr;
    }

    .em-co2-detail .indications{
      grid-template-columns:repeat(2,1fr);
    }

    .em-co2-detail h1{
      font-size:36px;
    }

    .em-co2-detail .title h2{
      font-size:29px;
    }
  }

  @media(max-width:560px){
    .em-co2-detail .hero{
      padding:50px 0;
    }

    .em-co2-detail .section{
      padding:48px 0;
    }

    .em-co2-detail .hero-points,
    .em-co2-detail .indications{
      grid-template-columns:1fr;
    }

    .em-co2-detail .panel,
    .em-co2-detail .cta{
      padding:24px;
    }
  }
