:root{
      --green:#006FFF;
      --green-dark:#0057CC;
      --btn-radius:12px;
      --heading-serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, "Noto Serif SC", "Songti SC", STSong, serif;
      --text:#1c1c1c;
      --muted:#5f5f5f;
      --line:#e5e5e5;
      --bg:#ffffff;
      --soft:#f4f4f1;
    }

    *{box-sizing:border-box;margin:0;padding:0;}
    html{
      scroll-behavior:smooth;
      background:#0d1a22 url('../images/hero_airplane_placeholder.png') center top / cover fixed no-repeat;
    }
    body{
      font-family: Arial, Helvetica, sans-serif;
      color:var(--text);
      background:#0d1a22 url('../images/hero_airplane_placeholder.png') center top / cover fixed no-repeat;
      overflow-x:hidden;
    }

    a{text-decoration:none;color:inherit;}

    /* ===== BCG-like top navigation ===== */
    .topbar{
      position:fixed;
      top:0;
      left:0;
      right:0;
      height:76px;
      z-index:50;
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:0 64px;
      background:transparent;
      backdrop-filter:none;
      border-bottom:0;
      transition:background .28s ease, backdrop-filter .28s ease, border-color .28s ease;
    }

    .topbar::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(180deg, rgba(7,17,21,.26) 0%, rgba(7,17,21,.08) 56%, rgba(7,17,21,0) 100%);
      pointer-events:none;
      z-index:0;
      transition:background .28s ease;
    }

    .topbar::after{
      content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      height:1px;
      background:rgba(255,255,255,.24);
      pointer-events:none;
      z-index:1;
      transition:opacity .28s ease;
    }

    .brand{
      position:relative;
      z-index:2;
      display:flex;
      align-items:center;
      color:#fff;
      text-shadow:none;
      transform-origin:left center;
      transition:opacity .18s ease, transform .12s ease, color .28s ease;
    }

    .brand:hover{
      opacity:.88;
    }

    .brand:active{
      transform:translateY(1px) scale(.975);
      opacity:.78;
    }

    .brand-logo,
    .statement-logo{
      display:block;
      flex:0 0 auto;
      height:auto;
      color:inherit;
    }

    .brand-logo{
      width:210px;
    }

    .topbar.scrolled .brand{
      color:#1f1f1f;
    }

    .topbar.scrolled .brand-logo{
      color:#1f1f1f;
    }

    .navlinks{
      position:relative;
      z-index:2;
      display:flex;
      align-items:center;
      gap:24px;
      font-size:16px;
      color:#fff;
      flex:0 1 auto;
      min-width:0;
    }

    .navlinks a{
      position:relative;
      padding:28px 0;
      color:rgba(255,255,255,.92);
      text-shadow:0 8px 24px rgba(0,0,0,.25);
      font-weight:500;
      transition:color .22s ease, text-shadow .22s ease, transform .22s cubic-bezier(.22,1,.36,1), opacity .12s ease;
      white-space:nowrap;
    }

    .navlinks a:active{
      transform:translateY(1px) scale(.97);
      opacity:.72;
    }

    .navlinks a::after{
      content:"";
      position:absolute;
      left:0;
      bottom:18px;
      width:0;
      height:2px;
      background:#fff;
      transition:.25s ease;
    }

    .navlinks a:hover::after,
    .navlinks a.active::after{
      width:100%;
    }

    .navlinks a:hover,
    .navlinks a.active{
      color:#fff;
      text-shadow:0 8px 24px rgba(0,0,0,.25);
      transform:translateY(-1px);
    }

    .navlinks .nav-cta{
      padding:0 16px;
    }

    .nav-cta{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      height:38px;
      padding:0 16px;
      min-width:max-content;
      border:1px solid rgba(255,255,255,.24);
      background:var(--green);
      color:#fff !important;
      font-weight:700;
      border-radius:var(--btn-radius);
      line-height:1;
      transition:background .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease, transform .22s ease;
      box-shadow:0 12px 28px rgba(0,111,255,.26);
      text-shadow:none !important;
    }

    .nav-cta::after{
      display:none !important;
    }

    .nav-cta:hover{
      background:var(--green-dark);
      border-color:var(--green-dark);
      color:#fff;
      box-shadow:0 14px 28px rgba(0,111,255,.22);
    }

    .nav-cta:active{
      transform:translateY(1px) scale(.96);
      box-shadow:0 7px 16px rgba(0,111,255,.18);
    }

    .language-dropdown{
      position:relative;
      margin-left:2px;
    }

    .lang-trigger{
      height:36px;
      display:flex;
      align-items:center;
      gap:8px;
      padding:0 8px 0 10px;
      border:0;
      border-radius:var(--btn-radius);
      background:transparent;
      color:#fff;
      font-size:15px;
      font-weight:700;
      cursor:pointer;
      transition:.2s ease;
      white-space:nowrap;
      font-family:inherit;
      text-shadow:0 8px 24px rgba(0,0,0,.25);
    }

    .lang-trigger:hover,
    .language-dropdown.open .lang-trigger{
      color:#fff;
      opacity:.9;
    }

    .lang-trigger:active{
      transform:translateY(1px) scale(.96);
      opacity:.72;
    }

    .lang-caret{
      font-size:12px;
      line-height:1;
      transition:.22s ease;
      transform-origin:center;
    }

    .language-dropdown.open .lang-caret{
      transform:rotate(180deg);
    }

    .lang-menu{
      position:absolute;
      top:48px;
      left:50%;
      right:auto;
      width:156px;
      padding:8px 0;
      background:#fff;
      border:1px solid rgba(0,0,0,.08);
      box-shadow:0 18px 42px rgba(0,0,0,.12);
      border-radius:12px;
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:translate(-50%, 8px);
      transition:.2s ease;
      z-index:90;
    }

    .language-dropdown.open .lang-menu{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
      transform:translate(-50%, 0);
    }

    .lang-option{
      width:calc(100% - 12px);
      display:block;
      margin:0 6px;
      padding:13px 16px;
      border:0;
      border-radius:10px;
      background:transparent;
      color:#2c2c2c;
      font-size:14px;
      font-weight:700;
      text-align:left;
      cursor:pointer;
      transition:.18s ease;
      font-family:inherit;
      white-space:nowrap;
    }

    .lang-option:hover{
      background:rgba(0,111,255,.05);
      color:var(--green);
    }

    .lang-option.active{
      color:var(--green);
      background:transparent;
    }

    .lang-option:active{
      transform:scale(.975);
      background:rgba(0,111,255,.10);
    }

    .topbar.scrolled{
      background:rgba(255,255,255,.92);
      backdrop-filter:blur(16px);
      border-bottom:1px solid rgba(0,0,0,.08);
    }

    .topbar.scrolled::before{
      background:rgba(255,255,255,.92);
    }

    .topbar.scrolled::after{
      opacity:0;
    }

    .topbar.scrolled .brand,
    .topbar.scrolled .navlinks a,
    .topbar.scrolled .lang-trigger{
      color:#1f1f1f;
      text-shadow:none;
    }

    .topbar.scrolled .brand-logo{
      color:#1f1f1f;
    }

    .topbar.scrolled .navlinks a::after{
      background:var(--green);
    }

    .topbar.scrolled .navlinks a:hover,
    .topbar.scrolled .navlinks a.active,
    .topbar.scrolled .lang-trigger:hover,
    .topbar.scrolled .language-dropdown.open .lang-trigger{
      color:var(--green);
      opacity:1;
    }

    /* ===== General layout ===== */
    section{position:relative;}
    .container{
      width:min(1180px, calc(100% - 72px));
      margin:0 auto;
    }

    .eyebrow{
      display:inline-flex;
      align-items:center;
      width:max-content;
      min-height:36px;
      padding:0 15px;
      margin-bottom:20px;
      border:1px solid rgba(28,28,28,.18);
      border-radius:999px;
      background:rgba(255,255,255,.72);
      color:#4a4a4a;
      font-size:15px;
      line-height:1;
      font-weight:700;
      letter-spacing:.035em;
      text-transform:uppercase;
      box-shadow:0 6px 18px rgba(0,0,0,.035);
      backdrop-filter:blur(8px);
    }

    .section-title{
      font-family:var(--heading-serif);
      font-size:46px;
      line-height:1.06;
      letter-spacing:-.024em;
      font-weight:500;
      max-width:780px;
    }


    html[lang^="zh"] .section-title,
    html[lang^="ja"] .section-title,
    html[lang^="ko"] .section-title,
    html[lang^="zh"] .statement h2,
    html[lang^="ja"] .statement h2,
    html[lang^="ko"] .statement h2{
      letter-spacing:.01em;
      font-weight:500;
      line-height:1.18;
    }

    .section-lead{
      color:var(--muted);
      font-size:18px;
      line-height:1.65;
      max-width:720px;
      margin-top:22px;
    }

    /* ===== Hero ===== */
    .hero{
      position:relative;
      min-height:94vh;
      padding-top:76px;
      display:flex;
      align-items:stretch;
      overflow:hidden;
      background:#0d1a22 url('../images/hero_airplane_placeholder.png') center center / cover fixed no-repeat;
      isolation:isolate;
    }

    .hero-bg{
      position:absolute;
      inset:0;
      background-image:inherit;
      background-size:cover;
      background-position:center center;
      background-attachment:fixed;
      transform:scale(1.015);
      z-index:0;
    }

    .hero-video{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:center center;
      z-index:0;
    }

    .hero-bg::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(90deg, rgba(7,17,21,.88) 0%, rgba(7,17,21,.72) 30%, rgba(7,17,21,.38) 60%, rgba(7,17,21,.16) 100%),
        linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.12) 42%, rgba(0,0,0,.48) 100%);
      z-index:1;
    }

    .hero-bg::after{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 18% 44%, rgba(255,255,255,.07), transparent 20%),
        linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,.24) 100%);
      z-index:2;
      pointer-events:none;
    }

    .hero-copy{
      position:relative;
      z-index:3;
      width:min(1180px, calc(100% - 72px));
      margin:0 auto;
      min-height:calc(94vh - 76px);
      display:flex;
      align-items:center;
      color:#fff;
      padding:42px 0 64px;
    }

    .hero-content{
      max-width:760px;
      padding:34px 0 24px;
    }

    .hero-copy .eyebrow{
      min-height:36px;
      padding:0 15px;
      margin-bottom:22px;
      color:rgba(255,255,255,.92);
      background:rgba(10,18,24,.18);
      border:1px solid rgba(255,255,255,.34);
      box-shadow:none;
      backdrop-filter:blur(10px);
    }

    .hero-copy h1{
      font-family:var(--heading-serif);
      font-size:clamp(54px, 5.2vw, 78px);
      line-height:.98;
      letter-spacing:-.042em;
      font-weight:500;
      max-width:760px;
      text-shadow:
        0 2px 4px rgba(0,0,0,.34),
        0 14px 36px rgba(0,0,0,.42),
        0 28px 70px rgba(0,0,0,.28);
    }

    html[lang^="zh"] .hero-copy h1,
    html[lang^="ja"] .hero-copy h1,
    html[lang^="ko"] .hero-copy h1{
      font-size:clamp(44px, 4.45vw, 66px);
      line-height:1.13;
      letter-spacing:.01em;
      font-weight:500;
      max-width:760px;
    }

    html[lang^="zh"] .hero-copy p,
    html[lang^="ja"] .hero-copy p,
    html[lang^="ko"] .hero-copy p{
      line-height:1.78;
      letter-spacing:.01em;
      max-width:640px;
    }

    .hero-copy p{
      margin-top:24px;
      font-size:20px;
      line-height:1.65;
      color:rgba(255,255,255,.88);
      max-width:610px;
      text-shadow:
        0 1px 3px rgba(0,0,0,.40),
        0 10px 28px rgba(0,0,0,.38);
    }

    .hero-actions{
      display:flex;
      gap:14px;
      margin-top:34px;
      flex-wrap:wrap;
    }

    .btn{
      display:inline-flex;
      align-items:center;
      gap:12px;
      min-height:50px;
      padding:0 22px;
      border:1px solid rgba(255,255,255,.72);
      border-radius:var(--btn-radius);
      font-size:15px;
      font-weight:700;
      transition:.25s ease;
      cursor:pointer;
      backdrop-filter:blur(10px);
    }

    .btn.primary{
      background:var(--green);
      border-color:var(--green);
      color:#fff;
      box-shadow:0 14px 34px rgba(0,111,255,.28);
    }

    .btn.primary:hover{
      background:var(--green-dark);
      border-color:var(--green-dark);
    }

    .btn.secondary{
      color:#fff;
      background:rgba(255,255,255,.08);
    }

    .btn.secondary:hover{
      background:#fff;
      color:#111;
    }

    .btn:active{
      transform:translateY(2px) scale(.97);
      box-shadow:0 7px 16px rgba(0,0,0,.14);
    }

    .hero-label{
      position:relative;
      left:auto;
      bottom:auto;
      display:inline-block;
      margin-top:56px;
      padding:8px 0 8px 16px;
      max-width:none;
      white-space:nowrap;
      font-size:14px;
      line-height:1.45;
      color:rgba(255,255,255,.84);
      border-left:0;
      text-shadow:
        0 1px 3px rgba(0,0,0,.45),
        0 10px 24px rgba(0,0,0,.36);
    }

    .hero-label::before{
      content:"";
      position:absolute;
      left:0;
      top:50%;
      width:3px;
      height:20px;
      transform:translateY(-50%);
      background:rgba(255,255,255,.72);
      border-radius:999px;
    }

    .hero-label strong{
      color:#fff;
      font-weight:800;
    }

    /* ===== Services ===== */
    .services{
      padding:110px 0 90px;
      background:#fff;
      border-top:1px solid var(--line);
    }

    .service-grid{
      margin-top:56px;
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:22px;
      padding:0;
      overflow:visible;
    }

    .service-card{
      position:relative;
      min-height:360px;
      padding:28px 24px;
      border:1px solid var(--line);
      border-radius:22px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      background:#fff;
      box-shadow:0 14px 38px rgba(0,0,0,.045);
      transition:transform .28s ease, box-shadow .28s ease, background .28s ease, border-color .28s ease;
      z-index:1;
      overflow:hidden;
    }

    .service-card::before,
    .service-card::after{
      content:"";
      position:absolute;
      inset:0;
      opacity:0;
      pointer-events:none;
      transition:opacity .28s ease, transform .46s cubic-bezier(.22,1,.36,1);
    }

    .service-card::before{
      background-image:var(--service-image);
      background-size:cover;
      background-position:center;
      transform:scale(1.06);
      z-index:0;
    }

    .service-card::after{
      background:
        linear-gradient(180deg, rgba(5,18,28,.78) 0%, rgba(5,18,28,.56) 34%, rgba(5,18,28,.22) 68%, rgba(5,18,28,.04) 100%),
        linear-gradient(135deg, rgba(0,111,255,.30) 0%, rgba(0,111,255,.13) 46%, rgba(15,79,45,.10) 100%);
      z-index:1;
    }

    .service-card:nth-child(1){--service-image:url('../images/service_1.png');}
    .service-card:nth-child(2){--service-image:url('../images/service_2.png');}
    .service-card:nth-child(3){--service-image:url('../images/service_3.png');}
    .service-card:nth-child(4){--service-image:url('../images/service_4.png');}

    .service-card:hover{
      background:#0d1a22;
      color:#fff;
      transform:translateY(-6px);
      box-shadow:0 24px 58px rgba(15,79,45,.24);
      border-color:rgba(15,79,45,.58);
      z-index:4;
    }

    .service-card:hover::before,
    .service-card:hover::after{
      opacity:1;
    }

    .service-card:hover::before{
      transform:scale(1);
    }

    .service-card:hover .service-index{
      opacity:0;
      transform:translateY(-16px);
    }

    .service-card:hover h3{
      color:#fff;
      text-shadow:0 2px 5px rgba(0,0,0,.72), 0 8px 20px rgba(0,0,0,.42);
    }

    .service-card:hover p{
      color:rgba(255,255,255,.92);
      text-shadow:0 2px 4px rgba(0,0,0,.78), 0 7px 18px rgba(0,0,0,.42);
    }

    .service-card:hover .service-arrow{
      color:#fff;
      transform:translateX(4px);
    }

    .service-card > div{
      position:relative;
      z-index:2;
      transition:transform .28s cubic-bezier(.22,1,.36,1);
    }

    .service-card:hover > div{
      transform:translateY(-72px);
    }

    .service-index{
      position:relative;
      top:auto;
      right:auto;
      font-size:54px;
      line-height:.9;
      color:rgba(0,111,255,.11);
      font-weight:700;
      letter-spacing:-.05em;
      margin-bottom:30px;
      pointer-events:none;
      z-index:2;
      transition:opacity .18s ease, transform .24s cubic-bezier(.22,1,.36,1);
    }

    .service-card h3{
      position:relative;
      z-index:2;
      font-size:22px;
      line-height:1.18;
      font-weight:500;
      letter-spacing:-.02em;
      margin-bottom:18px;
      transition:color .08s ease;
    }

    .service-card p{
      position:relative;
      z-index:2;
      font-size:15px;
      line-height:1.65;
      color:#555;
      transition:color .08s ease;
    }

    .service-arrow{
      position:relative;
      z-index:2;
      font-size:24px;
      color:var(--green);
      transition:color .08s ease, transform .22s ease;
    }

    
    /* ===== Third section: integrated floating visual area ===== */
    .scope{
      position:relative;
      padding:118px 0 150px;
      min-height:960px;
      background:
        radial-gradient(circle at 16% 26%, rgba(0,111,255,.04), transparent 19%),
        radial-gradient(circle at 86% 32%, rgba(0,111,255,.04), transparent 18%),
        radial-gradient(circle at 74% 82%, rgba(0,111,255,.04), transparent 18%),
        linear-gradient(180deg, #f4f4f1 0%, #ffffff 100%);
      overflow:hidden;
      border-top:1px solid rgba(0,0,0,.08);
      border-bottom:1px solid rgba(0,0,0,.08);
      isolation:isolate;
    }

    .scope .container{
      position:relative;
      z-index:4;
      pointer-events:none;
    }

    .scope .section-title{
      max-width:900px;
    }

    .scope .section-lead{
      max-width:780px;
    }

    .scope-copy{
      position:relative;
      max-width:940px;
      padding:8px 8px 8px 0;
      margin-top:-34px;
      z-index:5;
    }

    .scope-copy::before{
      content:"";
      position:absolute;
      left:-48px;
      top:-54px;
      width:980px;
      height:320px;
      background:
        linear-gradient(90deg,
          rgba(244,244,241,.94) 0%,
          rgba(244,244,241,.90) 34%,
          rgba(247,247,244,.70) 60%,
          rgba(251,251,249,.30) 82%,
          rgba(255,255,255,0) 100%);
      filter:blur(12px);
      z-index:-1;
      pointer-events:none;
    }

    .scope-copy .eyebrow,
    .scope-copy .section-title,
    .scope-copy .section-lead{
      position:relative;
      z-index:2;
    }

    .floating-stage{
      position:absolute;
      inset:0;
      overflow:hidden;
      z-index:1;
      pointer-events:auto;
    }

    .floating-stage::before{
      content:"";
      position:absolute;
      inset:0;
      background-image:
        linear-gradient(rgba(0,0,0,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,0,0,.025) 1px, transparent 1px);
      background-size:42px 42px;
      mask-image:linear-gradient(180deg, rgba(0,0,0,.24), rgba(0,0,0,.04));
      pointer-events:none;
    }

    .floating-stage::after{
      content:"";
      position:absolute;
      inset:auto -10% 0 -10%;
      height:38%;
      background:linear-gradient(180deg, transparent, rgba(255,255,255,.82));
      pointer-events:none;
      z-index:1;
    }

    .earth-graphic{
      position:absolute;
      left:52%;
      top:69%;
      width:1380px;
      height:690px;
      transform:translate(-50%, -50%);
      z-index:0;
      pointer-events:none;
      opacity:.98;
      filter:drop-shadow(0 28px 78px rgba(120,195,255,.16));
      display:none;
    }

    .earth-svg{
      width:100%;
      height:100%;
      display:block;
      overflow:visible;
    }

    .earth-shell{
      fill:url(#earthShellGradient);
      stroke:rgba(151, 214, 255, .28);
      stroke-width:1.4;
      vector-effect:non-scaling-stroke;
    }

    .earth-grid{
      fill:none;
      stroke:rgba(150, 211, 255, .22);
      stroke-width:1.05;
      vector-effect:non-scaling-stroke;
    }

    .earth-grid-faint{
      fill:none;
      stroke:rgba(170, 223, 255, .10);
      stroke-width:.9;
      stroke-dasharray:1 9;
      vector-effect:non-scaling-stroke;
    }

    .earth-link{
      fill:none;
      stroke:rgba(123, 204, 255, .22);
      stroke-width:1.2;
      stroke-linecap:round;
      stroke-linejoin:round;
      vector-effect:non-scaling-stroke;
    }

    .earth-link-strong{
      fill:none;
      stroke:rgba(126, 208, 255, .34);
      stroke-width:1.55;
      stroke-linecap:round;
      stroke-linejoin:round;
      vector-effect:non-scaling-stroke;
    }

    .earth-dot{
      fill:rgba(208, 238, 255, .40);
    }

    .earth-dot-mid{
      fill:rgba(163, 218, 255, .62);
    }

    .earth-dot-strong{
      fill:rgba(129, 200, 255, .92);
    }

    .float-item{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:96px;
      min-height:96px;
      padding:0;
      border-radius:999px;
      color:#17324a;
      font-size:56px;
      font-weight:700;
      line-height:1;
      cursor:default;
      user-select:none;
      transform-origin:center center;
      text-shadow:
        0 4px 0 #fff,
        4px 0 0 #fff,
        0 -4px 0 #fff,
        -4px 0 0 #fff,
        4px 4px 0 #fff,
        -4px 4px 0 #fff,
        4px -4px 0 #fff,
        -4px -4px 0 #fff,
        0 14px 32px rgba(25,83,130,.18);
      transition:transform .18s cubic-bezier(.22,1,.36,1), filter .18s ease;
    }

    .float-item:hover{
      transform:scale(1.12);
      filter:drop-shadow(0 18px 28px rgba(25,83,130,.22));
    }

    .product-image{
      display:block;
      width:92px;
      height:92px;
      min-height:0;
      object-fit:contain;
      border-radius:0;
      text-shadow:none;
      filter:
        drop-shadow(0 0 1px rgba(255,255,255,.98))
        drop-shadow(0 0 3px rgba(255,255,255,.98))
        drop-shadow(0 14px 24px rgba(25,83,130,.16));
    }

    .product-image:hover{
      filter:
        drop-shadow(0 0 1px #fff)
        drop-shadow(0 0 3px #fff)
        drop-shadow(0 18px 28px rgba(25,83,130,.22));
    }

    .country-chip{
      width:104px;
      min-height:104px;
      font-size:64px;
    }

    .marquee-row{
      position:absolute;
      left:0;
      width:100%;
      z-index:2;
      overflow:visible;
      contain:layout style;
    }

    .marquee-row-1{
      top:40%;
      transform:translateX(-7%);
    }

    .marquee-row-2{
      top:57%;
      transform:translateX(-4%);
    }

    .marquee-row-3{
      top:74%;
      transform:translateX(-13%);
    }

    .marquee-track{
      display:inline-flex;
      align-items:center;
      gap:0;
      width:max-content;
      padding:10px 0;
      animation:scopeMarquee 38s linear infinite;
      animation-play-state:paused;
      will-change:transform;
      backface-visibility:hidden;
    }

    .floating-stage.is-active .marquee-track{
      animation-play-state:running;
    }

    .marquee-group{
      display:flex;
      flex:none;
      align-items:center;
      gap:36px;
      padding:0 36px;
    }

    .marquee-row-1 .marquee-track{
      animation-duration:40s;
    }

    .marquee-row-2 .marquee-track{
      animation-duration:48s;
    }

    .marquee-row-3 .marquee-track{
      animation-duration:44s;
    }

    @keyframes scopeMarquee{
      from{transform:translate3d(0,0,0);}
      to{transform:translate3d(-50%,0,0);}
    }

    @media (prefers-reduced-motion: reduce){
      .marquee-track{
        animation:none;
      }
    }

    /* ===== Request ===== */
    .request{
      position:relative;
      overflow:hidden;
      padding:118px 0;
      background:#0d1a22;
      color:#fff;
    }

    .request::before,
    .request::after{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
    }

    .request::before{
      background-image:url('../images/request_port.png');
      background-size:cover;
      background-position:center center;
      transform:scale(1.02);
    }

    .request::after{
      background:
        linear-gradient(90deg, rgba(5,12,17,.86) 0%, rgba(5,12,17,.66) 42%, rgba(5,12,17,.38) 100%),
        linear-gradient(180deg, rgba(5,12,17,.26) 0%, rgba(5,12,17,.08) 46%, rgba(5,12,17,.54) 100%);
    }

    .request-layout{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:.92fr 1.08fr;
      gap:70px;
      align-items:start;
    }

    .request .eyebrow{
      border-color:rgba(255,255,255,.36);
      background:rgba(255,255,255,.08);
      color:#fff;
      box-shadow:none;
    }

    .request .section-title,
    .request .section-lead{
      color:#fff;
      text-shadow:0 2px 18px rgba(0,0,0,.34);
    }

    .contact-block{
      margin-top:44px;
      border-top:1px solid rgba(255,255,255,.26);
      padding-top:42px;
      color:rgba(255,255,255,.82);
      font-size:18px;
      line-height:1.45;
      display:grid;
      gap:30px;
    }

    .contact-item{
      display:grid;
      gap:6px;
    }

    .contact-heading{
      display:flex;
      align-items:center;
      gap:10px;
    }

    .contact-icon{
      width:22px;
      height:22px;
      flex:0 0 22px;
      object-fit:contain;
    }

    .contact-block a{
      width:max-content;
      justify-self:start;
      color:rgba(255,255,255,.82);
      text-decoration:none;
      transition:color .18s ease;
    }

    .contact-block a:hover{
      color:#fff;
    }

    .contact-block strong{
      color:#fff;
      font-size:20px;
      line-height:1.25;
    }

    .form-card{
      background:rgba(245,245,242,.94);
      padding:34px;
      border:1px solid rgba(255,255,255,.34);
      border-radius:var(--btn-radius);
      box-shadow:0 28px 78px rgba(0,0,0,.32);
      color:#111;
    }

    .form-card h3{
      font-size:30px;
      font-weight:500;
      letter-spacing:-.02em;
      margin-bottom:6px;
    }

    .form-subtitle{
      margin:0 0 20px;
      color:#68717a;
      font-size:14px;
      line-height:1.55;
    }

    .field{
      position:relative;
      margin-bottom:13px;
    }

    .char-count{
      position:absolute;
      right:14px;
      bottom:11px;
      color:#8a929d;
      font-size:12px;
      line-height:1;
      text-align:right;
      font-variant-numeric:tabular-nums;
      opacity:0;
      pointer-events:none;
      transition:opacity .14s ease, color .14s ease;
      visibility:hidden;
    }

    .char-count.has-value{
      opacity:1;
      visibility:visible;
    }

    .char-count.is-near-limit{
      color:#b56a00;
    }

    input + .char-count{
      bottom:0;
      height:46px;
      display:flex;
      align-items:center;
      justify-content:flex-end;
      transform:none;
    }

    label{
      display:block;
      font-size:13px;
      font-weight:700;
      margin-bottom:6px;
      color:#333;
    }

    .required-label::after{
      content:"*";
      display:inline-block;
      margin-left:4px;
      color:#d83232;
      font-weight:800;
    }

    input, select, textarea{
      width:100%;
      border:1px solid #cfcfca;
      background:#fff;
      padding:12px 72px 12px 14px;
      font-size:15px;
      outline:none;
      border-radius:var(--btn-radius);
      transition:.2s ease;
    }

    input{
      min-height:46px;
    }

    select{
      min-height:46px;
      color:#333;
      cursor:pointer;
      appearance:none;
      -webkit-appearance:none;
      padding-right:52px;
    }

    .select-wrap{
      position:relative;
    }

    .native-country-select{
      position:absolute;
      inset:0;
      opacity:0;
      pointer-events:none;
    }

    .country-trigger{
      width:100%;
      min-height:46px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      padding:12px 48px 12px 14px;
      border:1px solid #cfcfca;
      border-radius:var(--btn-radius);
      background:#fff;
      color:#333;
      font-size:15px;
      text-align:left;
      cursor:pointer;
      transition:.2s ease;
    }

    .country-trigger:focus{
      border-color:var(--green);
      box-shadow:0 0 0 3px rgba(0,111,255,.12);
      outline:none;
    }

    .country-trigger.placeholder{
      color:#6f7b8a;
    }

    .country-menu{
      position:absolute;
      left:0;
      right:0;
      top:calc(100% + 8px);
      z-index:80;
      max-height:220px;
      padding:7px;
      overflow-y:auto;
      border:1px solid rgba(0,0,0,.12);
      border-radius:14px;
      background:#fff;
      box-shadow:0 18px 42px rgba(0,0,0,.14);
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:translateY(-4px);
      transition:.16s ease;
    }

    .select-wrap.open .country-menu{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
      transform:translateY(0);
    }

    .country-option{
      width:100%;
      min-height:36px;
      display:flex;
      align-items:center;
      padding:8px 10px;
      border:0;
      border-radius:10px;
      background:transparent;
      color:#27313d;
      font-size:14px;
      line-height:1.35;
      text-align:left;
      cursor:pointer;
      font-family:inherit;
    }

    .country-option:hover,
    .country-option.active{
      background:rgba(0,111,255,.08);
      color:var(--green);
    }

    .select-wrap::after{
      content:"";
      position:absolute;
      right:20px;
      top:50%;
      width:7px;
      height:7px;
      border-right:1.5px solid #687281;
      border-bottom:1.5px solid #687281;
      transform:translateY(-65%) rotate(45deg);
      pointer-events:none;
    }

    textarea{
      min-height:92px;
      padding:12px 14px 30px;
      resize:vertical;
    }

    input:focus, select:focus, textarea:focus{
      border-color:var(--green);
      box-shadow:0 0 0 3px rgba(0,111,255,.12);
    }

    .submit{
      margin-top:6px;
      width:100%;
      height:48px;
      border:none;
      border-radius:var(--btn-radius);
      background:var(--green);
      color:#fff;
      font-weight:700;
      font-size:16px;
      cursor:pointer;
      transition:.22s ease;
    }

    .submit:hover{
      background:var(--green-dark);
    }

    .submit:disabled,
    .submit[aria-disabled="true"]{
      cursor:not-allowed;
      opacity:.46;
      box-shadow:none;
    }

    .submit:disabled:hover,
    .submit[aria-disabled="true"]:hover{
      background:var(--green);
    }

    .submit:active{
      transform:translateY(2px) scale(.985);
      box-shadow:0 6px 14px rgba(0,111,255,.20);
    }

    .submit:disabled:active,
    .submit[aria-disabled="true"]:active{
      transform:none;
      box-shadow:none;
    }

    .microcopy{
      font-size:13px;
      color:#777;
      line-height:1.45;
      margin-top:10px;
    }

    .form-legal-link{
      padding:0;
      border:0;
      background:transparent;
      color:inherit;
      font:inherit;
      line-height:inherit;
      text-decoration:underline;
      text-underline-offset:3px;
      cursor:pointer;
    }

    .form-legal-link:hover{
      color:#243c5a;
    }

    .form-legal-link:focus-visible{
      outline:2px solid rgba(0,111,255,.35);
      outline-offset:2px;
      border-radius:2px;
    }


    /* ===== Testimonials ===== */
    .testimonials{
      background:#fff;
      padding:104px 0 96px;
      border-top:1px solid var(--line);
      overflow:visible;
    }

    .testimonial-marquee{
      position:relative;
      margin-top:54px;
      height:620px;
      padding:12px 12px 16px;
      box-sizing:border-box;
      overflow:hidden;
      mask-image:linear-gradient(to bottom, transparent 0%, #000 10%, #000 90%, transparent 100%);
      -webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 10%, #000 90%, transparent 100%);
    }

    .testimonial-columns{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:22px;
      align-items:start;
      height:100%;
    }

    .testimonial-column{
      position:relative;
      height:100%;
      overflow:visible;
    }

    .testimonial-column.col-2{
      margin-top:42px;
    }

    .testimonial-column.col-3{
      margin-top:-22px;
    }

    .testimonial-track{
      display:flex;
      flex-direction:column;
      gap:22px;
      animation:testimonialScroll 68s linear infinite;
      will-change:transform;
    }

    .testimonial-column.col-2 .testimonial-track{
      animation-duration:76s;
    }

    .testimonial-column.col-3 .testimonial-track{
      animation-duration:72s;
    }

    @keyframes testimonialScroll{
      from{transform:translateY(0);}
      to{transform:translateY(calc(-50% - 11px));}
    }

    .testimonial-card{
      position:relative;
      background:#fafaf7;
      border:1px solid rgba(0,0,0,.08);
      border-radius:18px;
      padding:28px 24px 24px;
      min-height:240px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      transition:
        transform .18s ease,
        box-shadow .22s ease,
        background .22s ease,
        border-color .22s ease;
      cursor:pointer;
      overflow:hidden;
    }

    .testimonial-card::before{
      content:"";
      position:absolute;
      left:0;
      top:0;
      bottom:0;
      width:0;
      border-radius:18px 0 0 18px;
      background:var(--green);
      transition:width .25s ease;
    }

    .testimonial-card:hover,
    .testimonial-card.is-selected{
      transform:translateY(-7px) scale(1.018);
      box-shadow:0 22px 48px rgba(0,0,0,.13);
      background:#fff;
      border-color:rgba(0,111,255,.45);
      z-index:4;
    }

    .testimonial-card:active,
    .testimonial-card.is-pressed,
    .testimonial-card.is-clicked{
      transform:translateY(1px) scale(.996);
      box-shadow:0 15px 30px rgba(0,0,0,.11);
      border-color:rgba(0,111,255,.72);
      background:#F3F8FF;
    }

    .testimonial-card.is-pressed::before,
    .testimonial-card.is-clicked::before{
      width:0;
    }

    .testimonial-card:hover::before,
    .testimonial-card.is-selected::before{
      width:5px;
    }

    .testimonial-card.is-pressed::before,
    .testimonial-card.is-clicked::before{
      width:0;
    }

    .testimonial-card:hover .testimonial-avatar,
    .testimonial-card.is-selected .testimonial-avatar{
      background:linear-gradient(135deg, #E2EEFF, #BDD5FF);
      box-shadow:0 0 0 4px rgba(0,111,255,.12);
    }

    .testimonial-card:hover .testimonial-meta strong,
    .testimonial-card.is-selected .testimonial-meta strong{
      color:var(--green);
    }

    .testimonial-text{
      font-size:16px;
      line-height:1.75;
      color:#444;
      margin-bottom:26px;
    }

    .testimonial-profile{
      display:flex;
      align-items:center;
      gap:14px;
      margin-top:auto;
    }

    .testimonial-avatar{
      width:54px;
      height:54px;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:24px;
      background:linear-gradient(135deg, #EAF1FF, #D8E4FF);
      flex:0 0 auto;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.85);
    }

    .testimonial-avatar img{
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
    }

    .testimonial-meta strong{
      display:block;
      font-size:16px;
      font-weight:700;
      color:#1f1f1f;
      margin-bottom:4px;
    }

    .testimonial-meta span{
      display:block;
      font-size:13px;
      color:#6a6a6a;
      line-height:1.4;
    }

    /* ===== Statement ===== */
    .statement{
      background:#111;
      color:#fff;
      padding:86px 0;
    }

    .statement-layout{
      display:grid;
      grid-template-columns:.6fr 1.4fr;
      gap:80px;
      align-items:center;
    }

    .statement-heading{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      justify-content:center;
      gap:30px;
    }

    .statement-brand{
      color:rgba(255,255,255,.92);
      width:clamp(205px, 21vw, 280px);
      line-height:0;
    }

    .statement-logo{
      width:100%;
    }

    .statement h2{
      font-family:var(--heading-serif);
      font-size:38px;
      font-weight:500;
      letter-spacing:-.02em;
      line-height:1.1;
    }

    .statement p{
      color:#d6d6d6;
      font-size:17px;
      line-height:1.75;
      margin-bottom:18px;
    }

    .footer{
      background:#111;
      color:#aaa;
      border-top:1px solid rgba(255,255,255,.12);
      padding:34px 0;
      font-size:13px;
    }

    .footer-inner{
      display:flex;
      justify-content:space-between;
      gap:20px;
    }

    .footer-legal{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:6px;
    }

    .footer-legal-link{
      padding:0;
      border:0;
      background:transparent;
      color:inherit;
      font:inherit;
      line-height:inherit;
      text-decoration:underline;
      text-decoration-color:rgba(255,255,255,.38);
      text-underline-offset:3px;
      cursor:pointer;
      transition:color .18s ease, text-decoration-color .18s ease;
    }

    .footer-legal-link:hover{
      color:#f3f5f2;
      text-decoration-color:currentColor;
    }

    .footer-legal-link:focus-visible{
      outline:2px solid #8ab6ff;
      outline-offset:4px;
      border-radius:3px;
    }

    body.modal-open{
      overflow:hidden;
    }

    .legal-dialog{
      width:min(680px, calc(100% - 32px));
      height:min(82dvh, 760px);
      max-height:760px;
      margin:auto;
      padding:0;
      overflow:hidden;
      border:1px solid rgba(13,26,34,.14);
      border-radius:18px;
      background:#f8f8f5;
      color:#1f272d;
      box-shadow:0 30px 90px rgba(4,12,18,.32);
    }

    .legal-dialog[open]{
      display:flex;
      flex-direction:column;
    }

    .legal-dialog::backdrop{
      background:rgba(4,12,18,.58);
      backdrop-filter:blur(5px);
    }

    .legal-dialog-header{
      display:flex;
      flex:none;
      align-items:flex-start;
      justify-content:space-between;
      gap:24px;
      padding:28px 30px 20px;
      border-bottom:1px solid rgba(13,26,34,.10);
      background:#f8f8f5;
    }

    .legal-dialog-header h2{
      font-family:var(--heading-serif);
      font-size:clamp(28px, 4vw, 40px);
      font-weight:500;
      letter-spacing:-.02em;
      line-height:1.08;
    }

    .legal-dialog-close{
      min-height:40px;
      padding:0 15px;
      border:1px solid rgba(13,26,34,.16);
      border-radius:var(--btn-radius);
      background:#fff;
      color:#27313d;
      font:inherit;
      font-weight:700;
      cursor:pointer;
      transition:background .18s ease, transform .18s ease;
    }

    .legal-dialog-close:hover{
      background:#edf2f6;
    }

    .legal-dialog-close:active{
      transform:translateY(1px) scale(.98);
    }

    .legal-dialog-close:focus-visible{
      outline:3px solid rgba(0,111,255,.28);
      outline-offset:2px;
    }

    .legal-dialog-body{
      flex:1;
      min-height:0;
      padding:26px 30px 32px;
      overflow-y:auto;
      overscroll-behavior:contain;
      scrollbar-gutter:stable;
      -webkit-overflow-scrolling:touch;
    }

    .legal-dialog-body h3{
      margin:28px 0 10px;
      color:#1f272d;
      font-size:18px;
      line-height:1.45;
    }

    .legal-dialog-body h3:first-child{
      margin-top:0;
    }

    .legal-dialog-body p{
      margin:0 0 14px;
      color:#4c5963;
      font-size:16px;
      line-height:1.75;
      white-space:pre-line;
      overflow-wrap:anywhere;
    }

    .legal-dialog-body p:last-child{
      margin-bottom:0;
    }

    .success-dialog{
      width:min(520px, calc(100% - 34px));
      margin:auto;
      padding:0;
      overflow:visible;
      border:0;
      border-radius:22px;
      background:transparent;
      color:#16212a;
    }

    .success-dialog[open]{
      animation:successDialogIn .26s cubic-bezier(.22, 1, .36, 1) both;
    }

    .success-dialog::backdrop{
      background:rgba(4,12,18,.58);
      backdrop-filter:blur(6px);
    }

    .success-dialog-card{
      position:relative;
      padding:36px 38px 34px;
      overflow:hidden;
      border:1px solid rgba(13,26,34,.10);
      border-radius:22px;
      background:
        linear-gradient(145deg, rgba(255,255,255,.98) 0%, rgba(244,248,251,.98) 100%);
      box-shadow:0 32px 90px rgba(4,12,18,.34);
      text-align:center;
    }

    .success-mark{
      position:relative;
      width:58px;
      height:58px;
      margin:0 auto 24px;
      border-radius:50%;
      background:rgba(0,111,255,.10);
      box-shadow:inset 0 0 0 1px rgba(0,111,255,.14);
    }

    .success-mark::after{
      content:"";
      position:absolute;
      left:50%;
      top:48%;
      width:15px;
      height:26px;
      border:solid var(--green);
      border-width:0 4px 4px 0;
      transform:translate(-50%, -50%) rotate(42deg);
      transform-origin:center;
    }

    .success-dialog h2{
      margin:0 0 12px;
      font-family:var(--heading-serif);
      font-size:clamp(32px, 4.2vw, 44px);
      font-weight:500;
      line-height:1.05;
      letter-spacing:-.02em;
      color:#121a20;
    }

    .success-dialog p{
      margin:0 auto;
      max-width:430px;
      color:#53606a;
      font-size:18px;
      line-height:1.72;
    }

    .success-dialog-close{
      width:100%;
      min-height:50px;
      margin-top:28px;
      border:0;
      border-radius:var(--btn-radius);
      background:var(--green);
      color:#fff;
      font:inherit;
      font-size:16px;
      font-weight:800;
      cursor:pointer;
      transition:background .18s ease, transform .18s ease, box-shadow .18s ease;
      box-shadow:0 16px 32px rgba(0,111,255,.24);
    }

    .success-dialog-close:hover{
      background:var(--green-dark);
      box-shadow:0 18px 38px rgba(0,111,255,.28);
    }

    .success-dialog-close:active{
      transform:translateY(1px) scale(.99);
      box-shadow:0 10px 22px rgba(0,111,255,.20);
    }

    .success-dialog-close:focus-visible{
      outline:3px solid rgba(0,111,255,.28);
      outline-offset:3px;
    }

    @keyframes successDialogIn{
      from{
        opacity:0;
        transform:translate3d(0, 12px, 0) scale(.985);
      }
      to{
        opacity:1;
        transform:translate3d(0, 0, 0) scale(1);
      }
    }

    /* Content is visible by default. JS only adds soft animation when available. */
    .js-enabled .reveal{
      opacity:0;
      transform:translateY(28px);
      transition:.7s ease;
    }
    .js-enabled .reveal.visible{
      opacity:1;
      transform:translateY(0);
    }

    @media (max-width:1160px) and (min-width:981px){
      .topbar{
        padding:0 34px;
      }

      .brand-logo{
        width:178px;
      }

      .navlinks{
        gap:15px;
        font-size:15px;
        margin-left:18px;
      }

      .navlinks .nav-cta,
      .nav-cta{
        height:36px;
        padding:0 12px;
        font-size:14px;
      }

      .lang-trigger{
        font-size:14px;
      }
    }

    @media (max-width:980px){
      .topbar{padding:0 24px;}
      .brand-logo{width:184px;}
      .navlinks{
        display:flex;
        gap:16px;
        margin-left:auto;
        font-size:14px;
      }
      .navlinks > a:not(.nav-cta){
        display:none;
      }
      .navlinks .nav-cta,
      .nav-cta{
        height:36px;
        padding:0 14px;
        font-size:14px;
      }
      .hero{min-height:90vh;}
      .hero-copy{width:min(100% - 48px, 1180px); min-height:calc(90vh - 76px); padding:24px 0 54px;}
      .hero-copy h1{font-size:clamp(48px, 6.2vw, 58px);}
      .hero-bg{background-position:center center;}
      .service-grid{grid-template-columns:1fr 1fr;}
      .request-layout,.statement-layout{grid-template-columns:1fr;}
      .request::before{background-position:62% center;}
      .testimonial-columns{grid-template-columns:1fr 1fr;}
      .testimonial-marquee{height:560px;}
      .scope{
        min-height:0;
        display:flex;
        flex-direction:column;
        padding-bottom:64px;
      }
      .scope .container{
        order:1;
      }
      .scope-copy{
        margin-bottom:0;
      }
      .floating-stage{
        position:relative;
        inset:auto;
        order:2;
        width:100%;
        height:460px;
        margin-top:64px;
        flex:none;
      }
      .marquee-row-1{top:0;}
      .marquee-row-2{top:34%;}
      .marquee-row-3{top:68%;}
      .float-item{
        width:84px;
        min-height:84px;
        font-size:48px;
      }
      .country-chip{
        width:96px;
        min-height:96px;
        font-size:56px;
      }
      .product-image{
        width:82px;
        height:82px;
        min-height:0;
      }
      .earth-graphic{width:980px;height:490px; top:68%; left:53%;}
    }

    @media (min-width:821px) and (max-width:980px){
      .testimonial-columns{
        grid-template-columns:repeat(3, 1fr);
        gap:18px;
      }

      .testimonial-marquee{
        height:620px;
      }

      .testimonial-card{
        padding:24px 20px 22px;
      }
    }

    @media (max-width:640px){
      .request{padding:92px 0;}
      .request::before{background-position:68% center;}
      .topbar{padding:0 14px;}
      .brand-logo{width:150px;}
      .navlinks{gap:8px;}
      .navlinks .nav-cta,
      .nav-cta{
        height:34px;
        padding:0 10px;
        font-size:12px;
      }
      .lang-current-label{
        max-width:34px;
        overflow:hidden;
        white-space:nowrap;
      }
      .lang-trigger{
        gap:4px;
        font-size:13px;
      }
      .hero-bg{background-position:58% center;}
      .hero-content{max-width:640px; padding-top:18px;}
      .hero-bg::before{
        background:
          linear-gradient(90deg, rgba(8,17,20,.88) 0%, rgba(8,17,20,.72) 58%, rgba(8,17,20,.42) 100%),
          linear-gradient(180deg, rgba(0,0,0,.26) 0%, rgba(0,0,0,.56) 100%);
      }
      .hero-label{
        position:relative;
        bottom:auto;
        margin-top:42px;
        max-width:360px;
        white-space:normal;
        padding:8px 0 8px 14px;
      }
      .hero-copy p{font-size:18px;}
      html[lang^="zh"] .hero-copy h1,
      html[lang^="ja"] .hero-copy h1,
      html[lang^="ko"] .hero-copy h1{
        font-size:clamp(34px, 8.8vw, 42px);
        line-height:1.16;
        letter-spacing:.012em;
      }
      .container{width:min(100% - 34px, 1180px);}
      .service-grid{grid-template-columns:1fr;}
      .testimonial-columns{grid-template-columns:1fr;}
      .testimonial-column.col-2,.testimonial-column.col-3{margin-top:0;}
      .testimonial-marquee{height:520px;}
      .section-title{font-size:36px;}
      .scope{
        min-height:0;
        padding-bottom:52px;
      }
      .floating-stage{
        height:410px;
        margin-top:48px;
      }
      .marquee-row-1{top:0;}
      .marquee-row-2{top:35%;}
      .marquee-row-3{top:70%;}
      .marquee-group{
        gap:28px;
        padding:0 28px;
      }
      .scope-copy::before{
        left:-24px;
        width:620px;
        height:280px;
      }
      .float-item{
        width:70px;
        min-height:70px;
        padding:0;
        font-size:40px;
      }
      .country-chip{
        width:78px;
        min-height:78px;
        font-size:48px;
      }
      .product-image{
        width:68px;
        height:68px;
        min-height:0;
        padding:0;
      }
      .earth-graphic{width:700px;height:360px; top:71%; left:52%;}
      .scope-copy::before{
        left:-12px;
        top:-22px;
        width:112%;
        height:260px;
      }
      .hero-copy h1{font-size:clamp(38px, 10vw, 44px);}
      .hero-actions{flex-direction:column;align-items:flex-start;}
      .btn{width:100%;justify-content:center;}
      .form-card{padding:26px;}
      .success-dialog-card{
        padding:32px 26px 28px;
      }
      .success-dialog p{
        font-size:17px;
      }
      .footer-inner{flex-direction:column;}
    }

    @media (prefers-reduced-motion: reduce){
      .hero-video{
        display:none;
      }

      .success-dialog[open]{
        animation:none;
      }
    }
  

    /* ===== Complete click feedback ===== */
    @keyframes fullClickPress{
      0%{
        transform:translateY(0) scale(1);
      }
      45%{
        transform:translateY(2px) scale(.965);
      }
      100%{
        transform:translateY(0) scale(1);
      }
    }

    .full-click-feedback{
      animation:fullClickPress .22s cubic-bezier(.22,.72,.28,1) both !important;
    }

    .brand.full-click-feedback{
      transform-origin:left center;
    }

    .navlinks a.full-click-feedback,
    .btn.full-click-feedback,
    .submit.full-click-feedback,
    .success-dialog-close.full-click-feedback,
    .lang-trigger.full-click-feedback,
    .lang-option.full-click-feedback{
      transform-origin:center center;
    }