:root{--orange:#f38a3d;}
h1{font-size:44px;font-weight:500;line-height:1.08;color:var(--navy);margin-bottom:20px;max-width:520px}
        /* Hero / form section */
  .hero{
    padding:64px 0 80px;
    position:relative; overflow:hidden; isolation:isolate;
    background:var(--grad-deep);
  }
  .hero .blob{ position:absolute; border-radius:50%; filter:blur(70px); z-index:-1; opacity:.6; mix-blend-mode:screen; }
  .hero .blob.a{ width:60vw; height:60vw; top:-26%; left:-12%; background:radial-gradient(circle,var(--magenta),transparent 62%); animation:heroFloatA 18s ease-in-out infinite alternate; }
  .hero .blob.b{ width:54vw; height:54vw; top:-14%; right:-14%; background:radial-gradient(circle,var(--royal),transparent 62%); animation:heroFloatB 21s ease-in-out infinite alternate; }
  .hero .blob.c{ width:46vw; height:46vw; bottom:-30%; left:30%; background:radial-gradient(circle,var(--violet),transparent 60%); opacity:.4; animation:heroFloatA 24s ease-in-out infinite alternate; }
  @keyframes heroFloatA{ to{ transform:translate(10%,8%) scale(1.15); } }
  @keyframes heroFloatB{ to{ transform:translate(-9%,6%) scale(1.18); } }
  .hero-grid{
    position:relative; z-index:1;
    display:grid;
    grid-template-columns:1.15fr 0.85fr;
    gap:64px;
    align-items:start;
  }
  .eyebrow{
    display:inline-flex; align-items:center; gap:9px;
    font-size:14px; font-weight:600; letter-spacing:1.5px;
    color:var(--orange); text-transform:uppercase;
    margin-bottom:14px;
  }
  .eyebrow::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--orange); box-shadow:0 0 12px rgba(243,138,61,.7); display:inline-block; }
  h1{
    font-size:44px; font-weight:500; line-height:1.08;
    color:var(--navy); margin-bottom:20px; max-width:520px;
  }
  .lede{
    font-size:18px; color:#fff; max-width:480px; margin-bottom:32px;
  }

  .covers{ list-style:none; margin-bottom:36px; padding-left:0}
  .covers li{
    display:flex; gap:12px; align-items:flex-start;
    font-size:15.5px; color:#fff; padding:10px 0;
    border-top:1px solid var(--border);
  }
  .covers li:first-child{ border-top:none; }
  .covers .mark{
    flex-shrink:0; width:20px; height:20px; border-radius:50%;
    background:var(--orange); color:#000; font-size:12px;
    display:flex; align-items:center; justify-content:center; margin-top:2px;
  }
  .covers .mark svg{ width:11px; height:11px; display:block; }
  .iti{width:100%;}
  .iti__country-name{color:#100b28}.iti__country-list{width:100%}.iti__country{font-size:15px}
  /* Abstract console mock */
  .console{
    background:#100b28; border-radius:14px; padding:20px;
    max-width:480px; box-shadow:var(--sh-lg);
    border:1px solid rgba(255,255,255,.10);
  }
  .console-top{ display:flex; align-items:center; gap:6px; margin-bottom:16px; }
  .console-top span{ width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,0.25); flex:none; }
  .console-top span:nth-child(1){ background:#FF5F57; }
  .console-top span:nth-child(2){ background:#FEBC2E; }
  .console-top span:nth-child(3){ background:#28C840; }
  .console-top .console-url{
    margin-left:10px; background:rgba(255,255,255,.08); color:var(--text-soft);
    font-size:11px; padding:4px 12px; border-radius:7px; font-family:ui-monospace,monospace;
  }
  .console-row .label{ display:inline-flex; align-items:center; gap:8px; }
  .status-dot{ width:6px; height:6px; border-radius:50%; background:#28C840; box-shadow:0 0 6px rgba(40,200,64,.7); flex:none; }
  .console-body{ display:flex; gap:14px; }
  .console-rail{ display:flex; flex-direction:column; gap:10px; flex:none; }
  .rail-icon{ width:32px; height:32px; border-radius:9px; background:rgba(255,255,255,.05); display:flex; align-items:center; justify-content:center; color:var(--text-soft); }
  .rail-icon svg{ width:17px; height:17px; }
  .rail-icon.brand{ background:linear-gradient(135deg,#c62bd6,#4f7bff); color:#fff; }
  .rail-icon.active{ background:#4f7bff; color:#fff; box-shadow:0 4px 14px -4px rgba(79,123,255,.6); }
  .console-main{ flex:1; min-width:0; }
  .console-row{
    background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,.08); border-radius:10px;
    padding:12px 14px; display:flex; justify-content:space-between; align-items:center;
    margin-bottom:8px;
  }
  .console-row:last-child{ margin-bottom:0; }
  .console-row .label{ color:#fff; font-size:13.5px; font-weight:500; }
  .console-row .meta{ color:var(--lavender); font-size:12px; }
  .chip{
    font-size:11px; font-weight:600; padding:3px 9px; border-radius:20px;
  }
  .chip.auto{ background:rgba(249,134,8,0.18); color:var(--orange); }
  .chip.rec{ background:rgba(201,11,247,0.18); color:var(--magenta); }
  .chip.mand{ background:rgba(167,159,209,0.22); color:var(--lavender); }
  .console-stats{ display:flex; gap:10px; margin-top:14px; }
  .console-stats div{
    flex:1; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,.08); border-radius:10px; padding:10px 12px;
  }
  .console-stats .n{ color:#fff; font-family:'Work Sans', sans-serif; font-size:22px; font-weight:600; }
  .console-stats .l{ color:var(--lavender); font-size:11px; }

  .quote{
    margin-top:28px; padding:20px 22px;
    background:linear-gradient(135deg,#2a1f66 0%,#4b3ab8 55%,#6a5aeb 100%);
    border:1px solid rgba(170,150,255,.35); border-left:3px solid var(--orange); border-radius:24px; max-width:480px;
    box-shadow:var(--sh-lg);
  }
  .quote p{ font-size:15px; color:var(--navy); font-style:italic; margin-bottom:8px; }
  .quote .who{ font-size:13px; color:var(--text-soft); font-weight:500; }

  /* Form card */
  .form-card{
    background:linear-gradient(135deg,#2a1f66 0%,#4b3ab8 55%,#6a5aeb 100%);
    border:1px solid rgba(170,150,255,.35); border-radius:24px;
    padding:32px; box-shadow:var(--sh-lg);
    position:sticky; top:32px;
  }
  .form-card h2{ font-size:34px; font-weight:700; color:var(--navy); margin-bottom:6px; }
  .form-card .form-sub{ font-size:14px; color:var(--text-soft); margin-bottom:24px; }
  .field{ margin-bottom:16px; }
  .field label{
    display:block; font-size:13px; font-weight:600; color:var(--navy); margin-bottom:6px;
  }
  .field input, .field select, .field textarea{
    width:100%; padding:13px 15px; border:1px solid transparent; border-radius:14px;
    font-family:'Work Sans', sans-serif; font-size:14.5px; color:#3a3550;
    background:#F7F6FB;
  }
  .field input::placeholder, .field textarea::placeholder{ color:#8a84a3; }
  .field select{
    appearance:none; -webkit-appearance:none; -moz-appearance:none;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233a3550' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
    background-repeat:no-repeat;
    background-position:right 16px center;
    background-size:16px;
    padding-right:44px;
    cursor:pointer;
  }

  /* Phone country-code field */
  .phone-field{
    position:relative; display:flex; align-items:stretch;
    background:#F7F6FB; border-radius:14px; border:1px solid transparent;
  }
  .phone-field:focus-within{ outline:2px solid var(--orange); outline-offset:1px; background:#fff; }
  .phone-flag-btn{
    display:flex; align-items:center; gap:7px; flex:none;
    background:transparent; border:none; border-right:1px solid rgba(58,53,80,.12);
    padding:0 12px; cursor:pointer;
  }
  .phone-flag{ font-size:19px; line-height:1; }
  .phone-caret{
    width:0; height:0; margin-top:2px;
    border-left:4px solid transparent; border-right:4px solid transparent;
    border-top:5px solid #3a3550;
  }
  .phone-field input#phone{
    flex:1; min-width:0; width:auto; border:none; background:transparent; border-radius:0;
  }
  .phone-field input#phone:focus{ outline:none; background:transparent; }
  .phone-dropdown{
    position:absolute; top:calc(100% + 6px); left:0; width:320px; max-width:90vw;
    background:#fff; border-radius:12px; box-shadow:0 24px 48px -14px rgba(20,15,40,.4);
    z-index:80; display:none; overflow:hidden;
  }
  .phone-dropdown.open{ display:block; }
  .phone-search-wrap{ padding:10px; border-bottom:1px solid #ece9f2; }
  .phone-search{
    width:100%; padding:9px 12px; border-radius:8px; border:1px solid #ddd8e8;
    font-family:'Work Sans', sans-serif; font-size:13.5px; color:#3a3550; background:#faf9fc;
  }
  .phone-search:focus{ outline:2px solid var(--orange); outline-offset:1px; }
  .phone-list{ list-style:none; margin:0; padding:6px 0; max-height:260px; overflow-y:auto; }
  .phone-list li{
    display:flex; align-items:center; gap:10px; padding:8px 14px; cursor:pointer;
    font-size:14px; color:#3a3550; white-space:nowrap; overflow:hidden;
  }
  .phone-list li .flag{ font-size:17px; flex:none; }
  .phone-list li .name{ flex:1; overflow:hidden; text-overflow:ellipsis; }
  .phone-list li .code{ color:#8a84a3; font-size:13px; flex:none; }
  .phone-list li:hover, .phone-list li.active{ background:#f1eef8; }
  .phone-list li.no-match{ color:#8a84a3; cursor:default; justify-content:center; }
  .phone-list li.no-match:hover{ background:transparent; }
  .phone-list .divider{ border-top:1px solid #ece9f2; margin:4px 10px; padding:0; }
  .field input:focus, .field select:focus, .field textarea:focus{
    outline:2px solid var(--orange); outline-offset:1px; background:#fff;
  }
  .field textarea{ resize:vertical; min-height:70px; }
  .field-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  .submit-btn{
    position:relative; overflow:hidden;
    width:100%; padding:14px; border:1px solid transparent; border-radius:14px;
    background:linear-gradient(120deg,var(--orange),#ff7a1a); color:#fff; font-size:16px; font-weight:600;
    cursor:pointer; margin-top:6px;
    box-shadow:0 14px 32px -12px rgba(243,138,61,.6);
    transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s;
  }
  label.error{color:yellow;font-size:14px;font-weight:400!important}
  .submit-btn:hover{ transform:translateY(-2px); box-shadow:0 20px 48px -12px rgba(243,138,61,.78); }
  .submit-btn:focus-visible{ outline:3px solid var(--orange); outline-offset:2px; }
  .submit-btn .shine{ position:absolute; top:0; left:-60%; width:42%; height:100%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent); transform:skewX(-18deg); animation:shine 5s ease-in-out infinite; }
  @keyframes shine{ 0%,72%{ left:-60%; } 88%{ left:130%; } 100%{ left:130%; } }
  .form-micro{
    text-align:center; font-size:12.5px; color:#fff; margin-top:12px;
  }
  .form-privacy{
    font-size:11.5px!important; color:#fff; margin-top:16px; line-height:1.5;
  }

/* ==========================================================================
  TRUST BAND
   ========================================================================== */

.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}
.trust .wrap{padding:24px}
.trust .summary{font-size:16px;color:var(--muted);text-align:center;margin-bottom:16px}
.trust .summary b{color:var(--ink);font-family:var(--disp)}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee .track{display:flex;gap:54px;width:max-content;animation:scrollx 28s linear infinite}
.marquee:hover .track{animation-play-state:paused}
.marquee .track span{font-family:var(--disp);font-weight:700;font-size:20px;color:var(--faint);white-space:nowrap;transition:color .2s}
.marquee .track span:hover{color:var(--b500)}
.marquee .track{align-items:center}
.marquee .track img{height:32px;width:auto;object-fit:contain;opacity:0.5;filter:grayscale(100%);transition:opacity 0.2s, filter 0.2s;}
.marquee .track img:hover{opacity:1;filter:grayscale(0%);}
@keyframes scrollx{to{transform:translateX(-50%)}}


    /* FAQ */
  .faq-section{ padding:72px 0; }
  .s-head{ text-align:center; margin-bottom:40px;max-width:100%!important}
  .s-head h2{ font-size:41px; font-weight:500; color:var(--navy); }
  .faq{ max-width:720px; margin:0 auto; }
  .qa{ border-top:1px solid var(--border); padding:18px 0; }
  .qa:last-child{ border-bottom:1px solid var(--border); }
  .qa button{
    width:100%; text-align:left; background:none; border:none; cursor:pointer;padding:0;
    font-family:'Work Sans'; font-size:19px; font-weight:600; color:var(--navy);
    display:flex; justify-content:space-between; align-items:center;
  }
  .qa button:hover{color:var(--b500)}
  .qa .plus{ color:var(--orange); font-size:20px; }
  .qa .a{
    font-size:17px; color:var(--text-soft); margin-top:10px; max-width:640px; display:none;
  }
  .qa.open .a{ display:block; }
  .qa.open .plus{ transform:rotate(45deg); display:inline-block; }
        .steps1{padding: 0;list-style: none;display: inline-flex;justify-content: space-between;width:100%;margin:1rem 0 1.5rem}
        .steps1 li{padding:10px 12px;background:#4C46DC;border-radius:10px;font-size:14px;position:relative;display:inline-flex}
        .steps1 li i{background-image:url(/res/img/icon/cu.svg);width:34px;height:25px;display:inline-block;scale:.8;position:relative}
        .steps1 li:nth-child(1) i{background-position:0 0;top:-2px}
        .steps1 li:nth-child(2) i{background-position:-48px 0;top:-2px;width:25px}
        .steps1 li:nth-child(3) i{background-position:-87px 0;top:-2px;width:28px}
        .steps1 li:nth-child(4) i{background-position:-127px 0;top:-2px;width:18px;scale:1.1}
        .steps1 li:nth-child(5) i{background-position:-154px 0;top:-2px;width:39px;margin-right:3px}
        .steps1 li:not(:last-child)::after{content:"\279C";position:absolute;right:-14px;top:10px}
        .steps1 li:not(:last-child)::before{content:"";position:absolute;width:70px;height:2px;background:#fff;right:-50%;top:20px;z-index:-1}
        .st2{position:relative;overflow:hidden;gap:15px;display:flex;padding:0;justify-content:space-between;align-items:stretch}
        .st2 li:not(:last-child)::before,.st .star{width:37px;height:37px;background:url(/res/img/icon/rm.svg);background-position-x:0%;background-position-y:0%;background-position:-187px -21px;top:0;bottom:0;margin:auto;scale:.8;min-width:37px}
        .st2 .st-title{background:linear-gradient(180deg,#FFFFFF 0%,#5AA2FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:36px;font-weight:700;font-size:34px;line-height:1}
        .st2 li{position:relative;padding:12px 24px;display:inline-flex;margin:0 auto;border:1px solid rgba(255,255,255,.12);flex-wrap:wrap;align-content:center}
        .st2 p{color:rgba(231,243,251,.78);font-size:15px;margin:5px 0 0;line-height:1.2}
        .abox{background:#4C46DC;border-radius:24px;display:flex;align-items:center;justify-content:start;flex-wrap:wrap;padding:2rem;transition:all .2s ease}
        .abox:hover{border-color:rgba(255,255,255,.28);transform:translateY(-4px) scale(1.015);box-shadow:0 22px 42px -10px rgba(67,56,202,.5), 0 0 24px rgba(99,102,241,.35)}
        .atitle{font-weight:600;color:var(--white);width:100%;line-height:1.37;margin-bottom:5px}
        .arow.lst{gap:42px 14px} 
        .arow.lst .col-xl-6{width:calc(50% - 7px)}
        .ab-content{display:inline-flex;justify-content:flex-start;flex-wrap:wrap;width:calc(100% - 87px);line-height:1.3;color:#fff}
        .t1{font-weight:500;font-size:45px;line-height:1.1;letter-spacing:-0.9px;text-align:center}
 @media screen and (min-width:1441px){.steps1 li{padding:12px 14px;gap:0 4px}.steps1 li i{scale:1;position:relative}.steps1 li:not(:last-child)::before{right:-62px;top:23px}.steps1 li:not(:last-child)::after{right:-34px;top:13px}.atitle{font-size:24px}.ab-content p{font-size:18px}.atitle{font-size:28px}p{font-size:var(--p-xl)!important}}
        @media screen and (max-width:1440px){.st li{margin:0 auto}.st{align-items:stretch}.ab-content p{font-size:15px!important}.atitle{font-size:20px}}
        @media screen and (min-width:1200px){.arow{max-width:86%;margin:auto}}
        @media screen and (max-width:1199px){.steps1{flex-wrap:wrap;width:150px;margin:0 auto}.steps1 li{width:100%;justify-content:center;margin:10px auto}.steps1 li:not(:last-child)::before{width:2px;height:16px;right:initial;bottom:-17px;top:initial;}.steps1 li:not(:last-child)::after{right:initial;top:initial;bottom:-14px;transform:rotate(90deg) translate(11px,0)}}
        @media screen and (min-width:1281px) and (max-width:1440px){.steps1 li:not(:last-child)::after{right:-16px}.steps1 li:nth-child(2) i{background-position:-47px 0!important;margin-right:2px}.st2 p{font-size:13px!important}p{font-size:var(--p-lg)!important}}
        @media screen and (max-width:1199px){.st{flex-direction:column;max-width:382px;margin:auto;padding:3rem!important}.st li{padding: 0 10px;aspect-ratio:266/170;width:254px;display:inline-flex;margin:auto}.st li:not(:last-child)::before, .st .star{transform:rotate(90deg)}.st li{width:284px!important}}
        @media screen and (min-width:1200px) and (max-width:1280px){.steps1 li:not(:last-child)::after{right:-16px}.steps1 li:nth-child(2) i{background-position:-47px 0!important;margin-right:2px}.steps1 li{gap:0 2px}.st2 .st-title{font-size:28px}.st2 p{font-size:12px!important}}
        @media screen and (min-width:991px) and (max-width:1199px){.steps1 li:not(:last-child)::after{right:initial;left:calc(50% - 7px)}.steps1 li:nth-child(2) i{background-position:-47px 0!important;margin-right:2px}.steps1 li{gap:0 2px}.st2 .st-title{font-size:28px}.st2 p{font-size:12px}.hero-grid{gap:24px;grid-template-columns:minmax(0, 60fr) minmax(0, 40fr)}}
        @media screen and (min-width:561px) and (max-width:991px){.st .st-title{font-size:31px}}
      @media screen and (max-width:767px){.home .wrap{padding:0 var(--pad-a)}.res-track{grid-template-columns:1fr;gap:20px}.res-card{height:auto;min-height:380px}.cta-band{display:block}.fgrid{display:block!important}.hero-grid{display:block!important}.hero-grid>div:first-child{margin-bottom:1rem}.hero-grid h1{font-size:clamp(30px,7vw,46px)!important}.form-card h2{font-size:26px}.faq-section h2{font-size:26px}.qa button{font-size:17px}.qa .a{font-size:15px}.ab-content{width:100%;margin:0}}
      @media screen and (max-width:560px){.field-row{display:block}.hero-grid{text-align:left}.hero h1{font-size:var(--h1-sm)!important}.arow.lst .col-xl-6{width:100%;margin:.5rem 0}.st2 li{width:100%}}
      @media screen and (min-width:768px) and (max-width:999px){.hero-grid{gap:24px;display:block}.field-row{display:block}}
      @media (min-width:1441px){.hero h1{font-size:var(--h1-xl)!important}}
      @media (max-width:1440px){.hero h1{font-size:var(--h1-lg)!important}}
      @media (max-width:991px){.hero h1{font-size:var(--h1-md)!important}}