:root{--navy:#0D2C47;--navy2:#123A57;--blue:#1265A8;--cyan:#39D3E3;--ink:#081F3D;--muted:#667085;--pale:#F1F7FB;--pale2:#F7FBFE;--line:#DCE8F1}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:#fff;color:var(--ink);font-family:Poppins,Arial,sans-serif}body{overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block}.desktop-site{display:block}.mobile-site{display:none}.artboard-shell{position:relative;width:100%;overflow:hidden}.canvas{position:absolute;left:0;top:0;width:1366px;height:768px;transform-origin:0 0;overflow:hidden;background:#fff}.mobile-site .canvas{width:390px;height:700px}.abs{position:absolute;z-index:3}.bg-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.bg-cover.faint{opacity:.68}.light-canvas{background:#F3F9FD}.dark-canvas{background:#0D2C47;color:#fff}.city-bg{background:#0C2D49 url('assets/city-night.png') center/cover no-repeat}.center{text-align:center}.left{text-align:left}.white{color:#fff}.brand{font-weight:800;color:#1265A8;font-size:26px;letter-spacing:.01em}.hero-title{font-weight:800;font-size:50px;line-height:1.1;letter-spacing:-1.7px;margin:0}.hero-title span{color:#1265A8}.hero-copy{font-size:20px;line-height:1.55;color:#526A80;margin:0}.pill{display:flex;align-items:center;justify-content:center;border-radius:999px;background:#1265A8;color:#fff;font-weight:700;box-shadow:0 7px 18px rgba(18,101,168,.24)}.main-cta{font-size:16px}.trust-inline{display:flex;gap:24px;color:#168EA9;font-size:13px;font-weight:500}.eyebrow{text-align:center;color:#1265A8;font-size:16px;font-weight:700;letter-spacing:5px}.eyebrow.light{color:#35D5E5}.section-title{font-size:46px;line-height:1.17;font-weight:800;letter-spacing:-1.4px;margin:0}.body-copy,.light-copy{font-size:16px;line-height:1.6;margin:0;color:#667085}.light-copy{color:#D2DFE9}.decor{position:absolute;border-radius:50%;border:34px solid rgba(48,153,211,.16);z-index:1}.decor-a{width:490px;height:490px;left:-260px;top:-245px}.decor-b{width:470px;height:470px;right:-250px;top:-260px}.d-card{background:rgba(17,57,86,.96);border:1px solid #2A7898;border-radius:10px;padding:20px 18px 16px 96px;color:#fff}.d-card .round-icon{position:absolute;left:20px;top:20px;width:58px;height:58px;border-radius:50%;background:#164A67;display:grid;place-items:center}.d-card .round-icon img{width:32px;height:32px;object-fit:contain}.d-card h3{font-size:18px;line-height:1.25;margin:3px 0 12px}.d-card p{font-size:13px;line-height:1.45;color:#C9D6E2;margin:0}.step-line{height:3px;background:#B8D7E8;z-index:1}.step-circle{width:120px;height:120px;border-radius:50%;background:#1265A8;color:#fff;display:grid;place-items:center;font-size:34px;font-weight:700;z-index:2}.step-text{text-align:center}.step-text h3{font-size:18px;line-height:1.3;margin:0 0 11px}.step-text p{font-size:14px;line-height:1.45;margin:0;color:#354A5B}.docs-copy{font-size:24px;line-height:1.45;color:#526A80;margin:0}.doc-panel{border:1px solid #C8DBE8;border-radius:16px;background:rgba(244,249,253,.92);box-shadow:0 10px 30px rgba(8,31,61,.06)}.doc-row{position:absolute;left:46px;right:24px;display:flex;align-items:center;gap:44px}.doc-bubble{width:100px;height:100px;border-radius:50%;background:#DDF0FA;display:grid;place-items:center;flex:0 0 100px}.doc-bubble img{max-width:58px;max-height:58px}.doc-row h3{font-size:23px;margin:0 0 8px}.doc-row p{font-size:14px;color:#667085;margin:0;line-height:1.4}.doc-note{position:absolute;left:60px;bottom:24px;font-size:12px;color:#667085}.elig-card{background:#fff;border:1px solid #D8E6EF;border-radius:8px;text-align:center;padding:28px 18px}.elig-icon{width:72px;height:72px;border-radius:50%;background:#E4F3F8;display:grid;place-items:center;margin:0 auto 22px}.elig-icon img{max-width:38px;max-height:38px}.elig-card h3{font-size:18px;line-height:1.28;margin:0 0 14px}.elig-card p{font-size:14px;color:#667085;line-height:1.45;margin:0}.elig-cta{background:#DCEFFC;border-radius:14px;padding:20px 22px 20px 96px;display:flex;align-items:center;justify-content:space-between}.elig-cta:before{content:'💬';position:absolute;left:25px;top:24px;width:54px;height:54px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:28px}.elig-cta h3{font-size:18px;margin:0 0 6px}.elig-cta p{font-size:13px;color:#667085;margin:0}.elig-cta a{background:#1265A8;color:#fff;padding:14px 25px;border-radius:999px;font-size:13px;font-weight:700}.test-card{background:#123A57;border:1px solid #2A7898;border-radius:10px;color:#fff;padding:28px 32px}.stars-img{width:136px;height:auto;margin-bottom:18px}.test-card>p{font-size:16px;line-height:1.5;color:#F1F6FA;margin:0 0 20px}.person{display:flex;align-items:center;gap:14px}.person>img{width:78px;height:78px;object-fit:cover;border-radius:50%}.person b{font-size:15px;display:block}.person span{font-size:12px;color:#BFD0DE}.faq-card{background:#fff;border:1px solid #DCE8F1;border-radius:18px;display:flex;align-items:center;gap:24px;padding:18px 28px;box-shadow:0 7px 18px rgba(8,31,61,.04)}.faq-icon{width:72px;height:72px;flex:0 0 72px;border-radius:14px;background:#E9F5FB;display:grid;place-items:center}.faq-icon img{max-width:42px;max-height:42px}.faq-card h3{font-size:20px;margin:0 0 9px}.faq-card p{font-size:14px;color:#667085;margin:0}.cta-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,35,58,.82),rgba(5,35,58,.50));z-index:1}.cta-title{font-size:48px;line-height:1.15;font-weight:800;margin:0}.cta-title span{color:#39D3E3}.cta-btn{z-index:4;font-size:20px}.white-trust{color:#fff}.benefit{background:rgba(255,255,255,.97);border-radius:12px;display:flex;align-items:center;gap:18px;padding:14px 20px;color:#081F3D;z-index:4}.benefit-icon{width:86px;height:86px;border-radius:50%;background:#DCEFF7;display:grid;place-items:center;flex:0 0 86px}.benefit-icon.warm{background:#FFF1C8}.benefit-icon img{max-width:46px;max-height:46px}.benefit h3{font-size:18px;margin:0 0 6px}.benefit p{font-size:13px;color:#667085;margin:0;line-height:1.35}.footer-canvas{background:#F1F7FB}.footer-brand{font-size:34px;letter-spacing:4px;font-weight:800;margin:0}.footer-address,.footer-license,.footer-tagline{font-weight:700;text-align:center;margin:0;line-height:1.5}.footer-address{font-size:18px}.footer-license{font-size:14px}.footer-phone{text-align:center;font-size:18px;font-weight:800}.footer-tagline{font-size:15px;font-weight:500;color:#536B83}.skyline{opacity:.12;object-fit:cover}.copyright{background:#123A57;color:#fff;text-align:center;display:grid;place-items:center;font-size:13px}
/* mobile typography / locked layout */
.m-brand{font-size:13px;font-weight:800;color:#1265A8}.m-kicker{font-size:9px;font-weight:700;color:#1265A8;letter-spacing:.8px}.m-hero-title{font-size:30px;line-height:1.12;letter-spacing:-.6px;font-weight:800;margin:0}.m-hero-copy{font-size:10px;line-height:1.45;color:#536B83;margin:0}.m-pill{border-radius:999px;background:#1265A8;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:700;box-shadow:0 5px 14px rgba(18,101,168,.25)}.m-pill img{width:24px;height:24px}.m-trust{display:flex;align-items:center;gap:7px;color:#1265A8;font-size:8.5px}.m-trust img{width:18px;height:18px}.m-eyebrow{text-align:center;color:#1265A8;font-size:10px;letter-spacing:3px;font-weight:700}.m-eyebrow.light{color:#39D3E3}.m-section-title{font-size:27px;line-height:1.18;font-weight:800;margin:0;letter-spacing:-.5px}.m-body-copy,.m-light-copy{font-size:9.5px;line-height:1.45;color:#667085;margin:0}.m-light-copy{color:#D4E2EC}.m-dark-card{background:rgba(15,59,92,.95);border:1px solid #2A7898;border-radius:9px;color:#fff;padding:70px 14px 12px}.m-dark-card .m-icon{position:absolute;left:14px;top:12px;width:51px;height:51px;border-radius:50%;background:#164A67;display:grid;place-items:center}.m-dark-card .m-icon img{max-width:29px;max-height:29px}.m-dark-card h3{font-size:11px;line-height:1.2;margin:0 0 8px}.m-dark-card p{font-size:8.5px;line-height:1.4;color:#C9D6E2;margin:0}.m-step-num{width:51px;height:51px;border-radius:50%;background:#1265A8;color:#fff;display:grid;place-items:center;font-size:16px;font-weight:700}.m-step-card{background:#fff;border:1px solid #DCE8F1;border-radius:12px;display:flex;align-items:center;gap:14px;padding:14px}.m-step-icon{width:70px;height:70px;display:grid;place-items:center;flex:0 0 70px}.m-step-icon img{max-width:52px;max-height:52px}.m-step-card h3{font-size:12px;margin:0 0 6px}.m-step-card p{font-size:8.5px;line-height:1.4;color:#667085;margin:0}.m-mini-trust{text-align:center;color:#60798C;font-size:8px}.m-doc-panel{background:rgba(255,255,255,.88);border:1px solid #D6E5EF;border-radius:14px}.m-doc-row{position:absolute;left:22px;right:14px;display:flex;align-items:center;gap:28px}.m-doc-icon{width:67px;height:67px;border-radius:50%;background:#E5F4FA;display:grid;place-items:center;flex:0 0 67px}.m-doc-icon img{max-width:40px;max-height:40px}.m-doc-row h3{font-size:10.5px;margin:0 0 5px}.m-doc-row p{font-size:8px;color:#667085;line-height:1.35;margin:0}.m-doc-note{position:absolute;left:52px;bottom:18px;font-size:7.5px;color:#667085}.m-elig-row{background:#fff;border:1px solid #DCE8F1;border-radius:11px;display:flex;align-items:center;gap:20px;padding:10px 15px}.m-elig-icon{width:59px;height:59px;border-radius:50%;background:#E5F4FA;display:grid;place-items:center;flex:0 0 59px}.m-elig-icon img{max-width:32px;max-height:32px}.m-elig-row h3{font-size:10.5px;margin:0 0 5px}.m-elig-row p{font-size:8px;color:#667085;line-height:1.35;margin:0}.m-elig-cta{background:#DCEFFC;border-radius:14px;overflow:hidden}.m-elig-cta .cta-copy{position:absolute;left:16px;top:18px;width:210px;z-index:2}.m-elig-cta h3{font-size:14px;margin:0 0 5px}.m-elig-cta p{font-size:8px;color:#667085;margin:0 0 22px}.m-elig-cta a{display:inline-flex;background:#1265A8;color:#fff;border-radius:999px;padding:9px 14px;font-size:8px;font-weight:700}.m-elig-cta>img{position:absolute;right:-15px;bottom:-40px;width:155px;height:185px;object-fit:contain}.m-test-card{background:#fff;border:1px solid #DCE8F1;border-radius:13px;padding:17px 14px 12px 126px;box-shadow:0 6px 18px rgba(8,31,61,.04)}.m-test-card .portrait{position:absolute;left:10px;top:15px;width:100px;height:100px;border-radius:50%;object-fit:cover}.m-stars{width:86px;height:auto;margin-bottom:8px}.m-test-card p{font-size:8.5px;line-height:1.4;margin:0 0 9px;color:#334155}.m-test-card b{display:block;font-size:9px}.m-test-card span{font-size:7.5px;color:#667085}.m-faq-card{background:#fff;border:1px solid #DCE8F1;border-radius:12px;display:flex;align-items:center;gap:16px;padding:11px 13px}.m-faq-icon{width:67px;height:67px;border-radius:50%;background:#E7F4FA;display:grid;place-items:center;flex:0 0 67px}.m-faq-icon img{max-width:34px;max-height:34px}.m-faq-card h3{font-size:9.5px;margin:0 0 6px}.m-faq-card p{font-size:7.6px;line-height:1.45;color:#667085;margin:0}.m-cta .m-section-title span{color:#39D3E3}.m-cta-card{background:rgba(15,59,92,.93);border:1px solid #2A7898;border-radius:12px;color:#fff;display:flex;align-items:center;gap:14px;padding:12px}.m-cta-icon{width:59px;height:59px;border-radius:50%;background:#164A67;display:grid;place-items:center;flex:0 0 59px}.m-cta-icon img{max-width:34px;max-height:34px}.m-cta-card h3{font-size:10px;line-height:1.2;margin:0 0 5px}.m-cta-card p{font-size:7.5px;line-height:1.3;color:#D2DEE7;margin:0}.m-cta-woman{object-fit:contain;object-position:bottom}.m-cta-trust{display:flex;justify-content:space-between;color:#fff;font-size:7.5px;text-align:center;line-height:1.3}.m-footer-brand{font-size:18px;letter-spacing:2px;text-align:center;margin:0;font-weight:800}.m-footer-address,.m-footer-license,.m-footer-tagline{font-size:9px;line-height:1.45;text-align:center;font-weight:700;margin:0}.m-footer-license{font-size:8px}.m-footer-phone{text-align:center;font-size:10px;font-weight:800}.m-footer-tagline{font-weight:500;color:#536B83}.m-skyline{opacity:.14;object-fit:cover}.m-copyright{background:#123A57;color:#fff;text-align:center;font-size:7px;line-height:1.45;display:grid;place-items:center}.floating-wa{position:fixed;right:22px;bottom:24px;width:58px;height:58px;border-radius:50%;z-index:99999;filter:drop-shadow(0 8px 12px rgba(0,0,0,.22));transition:transform .18s ease}.floating-wa:hover{transform:translateY(-2px) scale(1.04)}.floating-wa img{width:100%;height:100%}
@media(max-width:767px){.desktop-site{display:none}.mobile-site{display:block}.floating-wa{right:14px;bottom:16px;width:54px;height:54px}}

/* Reliable no-JavaScript / iOS Quick Look fallback.
   The real browser still enhances/scales these with script.js. */
.desktop-site>.artboard-shell:nth-child(1){height:768px}
.desktop-site>.artboard-shell:nth-child(2){height:580px}
.desktop-site>.artboard-shell:nth-child(3){height:630px}
.desktop-site>.artboard-shell:nth-child(4){height:760px}
.desktop-site>.artboard-shell:nth-child(5){height:730px}
.desktop-site>.artboard-shell:nth-child(6){height:600px}
.desktop-site>.artboard-shell:nth-child(7){height:768px}
.desktop-site>.artboard-shell:nth-child(8){height:700px}
.desktop-site>.artboard-shell:nth-child(9){height:650px}
@media(max-width:767px){
  .mobile-site{display:block;width:100%;max-width:390px;margin:0 auto}
  .mobile-site>.artboard-shell{height:700px}
}

/* Desktop Section 8 — comfortable CTA layout matched to the approved reference */
.d-cta-v2{background:#0D2C47!important;position:absolute;isolation:isolate}
.d-cta-v2 .cta-title-v2{font-size:48px;line-height:1.12;letter-spacing:-1.4px;font-weight:800;margin:0;z-index:5}
.d-cta-v2 .cta-title-v2 span{color:#39D3E3}
.cta-kicker{display:flex;align-items:center;justify-content:center;gap:20px;color:#39D3E3;font-size:16px;letter-spacing:6px;font-weight:700;z-index:5}
.cta-kicker span{height:3px;width:132px;border-radius:999px;background:linear-gradient(90deg,rgba(57,211,227,0),#39D3E3)}
.cta-kicker span:last-child{background:linear-gradient(90deg,#39D3E3,rgba(57,211,227,0))}
.cta-copy-v2{font-size:18px;line-height:1.45;color:#C6D3DE;margin:0;z-index:5}
.cta-main-button{display:flex;align-items:center;justify-content:center;border-radius:12px;background:#1265A8;color:#fff;font-size:29px;font-weight:800;box-shadow:0 12px 28px rgba(5,21,37,.24);z-index:6;transition:transform .18s ease,box-shadow .18s ease}
.cta-main-button:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(5,21,37,.30)}
.cta-trust-v2{display:flex;align-items:center;justify-content:space-between;color:#C7D5E0;font-size:16px;font-weight:500;z-index:5}
.cta-trust-v2 span{display:flex;align-items:center;gap:9px;white-space:nowrap}
.cta-trust-v2 i{font-style:normal;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#39D3E3;color:#0D2C47;font-weight:900;font-size:16px}
.cta-woman-desktop{object-fit:contain;object-position:bottom right;z-index:4}
.cta-chat{background:#fff;border-radius:24px;color:#111;z-index:7;display:flex;align-items:center;gap:10px;padding:15px 18px;transform:rotate(-12deg);box-shadow:0 10px 24px rgba(0,0,0,.20)}
.cta-chat:after{content:'';position:absolute;left:58px;bottom:-26px;border-style:solid;border-width:28px 18px 0 10px;border-color:#fff transparent transparent transparent;transform:rotate(11deg)}
.cta-chat:before{content:'✦  ✦';position:absolute;right:-18px;top:-27px;color:#FFA51F;font-size:27px;font-weight:900;letter-spacing:1px;transform:rotate(12deg)}
.cta-chat img{width:54px;height:54px;flex:0 0 54px}
.cta-chat b{font-size:17px;line-height:1.08;transform:rotate(0deg)}
.cta-beige-swoop{position:absolute;z-index:2;left:-100px;top:554px;width:1570px;height:290px;background:#F3EEE6;border-radius:50% 50% 0 0/24% 20% 0 0;transform:rotate(-3deg)}
.cta-orb{position:absolute;border-radius:50%;border:34px solid rgba(67,154,203,.19);z-index:1}
.cta-orb-a{width:310px;height:310px;left:-170px;top:-150px}
.cta-orb-b{width:330px;height:330px;left:-155px;top:355px}
.cta-dots{z-index:3;display:grid;grid-template-columns:repeat(2,9px);gap:18px 22px}
.cta-dots i{width:9px;height:9px;border-radius:50%;background:rgba(180,218,237,.55)}
.benefit-v2{z-index:8;border:2px solid #D9E3EC;box-shadow:0 7px 20px rgba(10,31,49,.10);padding:14px 18px;gap:18px}
.benefit-v2 .benefit-icon{width:82px;height:82px;flex:0 0 82px;background:#DCEFFA}
.benefit-v2 .benefit-icon.warm{background:#FFF0C7}
.benefit-v2 .benefit-icon.mint{background:#DDF4F1}
.benefit-v2 .benefit-icon img{max-width:47px;max-height:47px}
.benefit-v2 h3{font-size:18px;line-height:1.2;margin:0 0 5px}
.benefit-v2 p{font-size:15px;line-height:1.35;color:#607083;margin:0}


/* v9 — Desktop section labels matched to the approved reference artwork */
@media(min-width:768px){
  .section-label{
    display:flex;
    align-items:center;
    font-size:16px;
    font-weight:700;
    letter-spacing:6px;
    line-height:1;
    white-space:nowrap;
  }
  .section-label-left{
    justify-content:flex-start;
    gap:22px;
  }
  .section-label-left::after{
    content:"";
    width:118px;
    height:3px;
    flex:0 0 118px;
    border-radius:999px;
    background:linear-gradient(90deg,#39D3E3 0%,rgba(57,211,227,.12) 100%);
  }
  .section-label-center{
    justify-content:center;
    gap:22px;
  }
  .section-label-center::before,
  .section-label-center::after{
    content:"";
    width:112px;
    height:3px;
    flex:0 0 112px;
    border-radius:999px;
  }
  .label-documents{color:#1265A8!important}
  .label-testimonial{color:#39D3E3!important}
  .label-testimonial::before{
    background:linear-gradient(90deg,rgba(57,211,227,.08) 0%,#39D3E3 100%);
  }
  .label-testimonial::after{
    background:linear-gradient(90deg,#39D3E3 0%,rgba(57,211,227,.08) 100%);
  }
  .label-faq{color:#1265A8!important}
  .label-faq::before{
    background:linear-gradient(90deg,rgba(18,101,168,.08) 0%,#1265A8 100%);
  }
  .label-faq::after{
    background:linear-gradient(90deg,#1265A8 0%,rgba(18,101,168,.08) 100%);
  }
}

/* Mobile Hero v10 — single cropped photo, based on the approved reference.
   Desktop is intentionally untouched. */
@media(max-width:767px){
  .m-hero{background:linear-gradient(180deg,#F8FBFE 0%,#F1F7FB 58%,#EEF6FB 100%)}
  .m-hero-photo{
    position:absolute;left:0;right:0;top:448px;height:252px;overflow:hidden;z-index:1;
    background:#F1F7FB;pointer-events:none
  }
  .m-hero-photo img{
    position:absolute;left:0;top:-507px;width:390px;height:800px;max-width:none;object-fit:fill
  }
  .m-hero-photo::before{
    content:"";position:absolute;left:0;right:0;top:0;height:86px;z-index:2;pointer-events:none;
    background:linear-gradient(to bottom,#F1F7FB 0%,rgba(241,247,251,.92) 14%,rgba(241,247,251,.64) 38%,rgba(241,247,251,.20) 70%,rgba(241,247,251,0) 100%)
  }
  .m-hero-photo::after{
    content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
    background:linear-gradient(to right,rgba(241,247,251,.54) 0%,rgba(241,247,251,.12) 5%,rgba(241,247,251,0) 11%),linear-gradient(to left,rgba(241,247,251,.54) 0%,rgba(241,247,251,.12) 5%,rgba(241,247,251,0) 11%)
  }
  .m-hero-kicker{display:flex;align-items:center;gap:12px;white-space:nowrap}
  .m-hero-kicker::after{
    content:"";display:block;width:72px;height:2px;border-radius:999px;
    background:linear-gradient(90deg,#45BFD5 0%,rgba(69,191,213,.10) 100%)
  }
  .m-hero-copy-strong{font-weight:600;color:#4A6278}
  .m-hero-cta{font-size:11px;z-index:5}
  .m-hero .m-trust{z-index:5}
  .m-hero .logo,.m-hero .m-brand,.m-hero .m-kicker,.m-hero .m-hero-title,.m-hero .m-hero-copy{z-index:5}
}


/* v11 — MOBILE ONLY: Seven Canva-reference short gradient rules beneath the eyebrow labels.
   Desktop (approved v9) markup, positioning, and styling stay unchanged.
   Decorative rules do not take up layout space or move any text/cards. */
@media (max-width:767px) {
  .mobile-site .m-why > .m-eyebrow::after,
  .mobile-site .m-process > .m-eyebrow::after,
  .mobile-site .m-documents > .m-eyebrow::after,
  .mobile-site .m-eligibility > .m-eyebrow::after,
  .mobile-site .m-testimonials > .m-eyebrow::after,
  .mobile-site .m-faq > .m-eyebrow::after,
  .mobile-site .m-cta > .m-eyebrow::after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: var(--mobile-title-rule-top, 25px);
    width: var(--mobile-title-rule-width, 125px);
    height: 2px;
    border-radius: 100px;
    transform: translateX(-50%);
    pointer-events: none;
    background: linear-gradient(90deg,
      rgba(57,211,227,0.08) 0%,
      var(--mobile-title-rule-color, #39D3E3) 28%,
      var(--mobile-title-rule-color, #39D3E3) 72%,
      rgba(57,211,227,0.08) 100%);
  }
  /* The seven offsets follow each Canva mobile section's original text positions. */
  .mobile-site .m-why > .m-eyebrow {
    --mobile-title-rule-top: 30px;
    --mobile-title-rule-width: 132px;
    --mobile-title-rule-color: #39D3E3;
  }
  .mobile-site .m-process > .m-eyebrow {
    --mobile-title-rule-top: 31px;
    --mobile-title-rule-width: 126px;
    --mobile-title-rule-color: #36C9DE;
  }
  .mobile-site .m-documents > .m-eyebrow {
    --mobile-title-rule-top: 20px;
    --mobile-title-rule-width: 114px;
    --mobile-title-rule-color: #3ABACF;
  }
  .mobile-site .m-eligibility > .m-eyebrow {
    --mobile-title-rule-top: 25px;
    --mobile-title-rule-width: 146px;
    --mobile-title-rule-color: #39CBDD;
  }
  .mobile-site .m-testimonials > .m-eyebrow {
    --mobile-title-rule-top: 23px;
    --mobile-title-rule-width: 122px;
    --mobile-title-rule-color: #39CADD;
  }
  .mobile-site .m-faq > .m-eyebrow {
    --mobile-title-rule-top: 25px;
    --mobile-title-rule-width: 119px;
    --mobile-title-rule-color: #2B79AF;
  }
  .mobile-site .m-cta > .m-eyebrow {
    --mobile-title-rule-top: 23px;
    --mobile-title-rule-width: 124px;
    --mobile-title-rule-color: #39D3E3;
  }
}


/* v12 — MOBILE ONLY: delicate separators between the four document rows,
   including a final separator above the document note. No layout changes. */
@media (max-width:767px) {
  .mobile-site .m-documents .m-doc-panel .m-doc-row::after {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: calc(100% + 15px);
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg,
      rgba(211,231,243,0.4) 0%,
      #D7EAF5 9%,
      #CFE4F2 50%,
      #D7EAF5 91%,
      rgba(211,231,243,0.4) 100%);
    pointer-events: none;
    z-index: 1;
  }
}

/* v13 — DESKTOP ONLY, Dokumen Diperlukan.
   Thin separators inside the existing right-hand document panel.
   They are decorative and absolutely positioned so the cards, text,
   section dimensions and approved Mobile v12 layout never move. */
@media (min-width: 768px) {
  .desktop-site .d-documents .doc-panel .doc-row::after {
    content: "";
    position: absolute;
    top: calc(100% + 17px);
    left: -24px;
    right: -1px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg,
      rgba(206, 228, 244, 0.60) 0%,
      #D9EAF5 9%,
      #CFE3F2 50%,
      #D9EAF5 91%,
      rgba(206, 228, 244, 0.60) 100%);
    pointer-events: none;
    z-index: 1;
  }
}

/* v14 — MOBILE ONLY: Canva-aligned CTA, independent of Desktop v9. */
@media(max-width:767px){
  .mobile-site .m-cta-v14{isolation:isolate;background-position:50% 50%;}
  .mobile-site .m-cta-v14-shade{position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(180deg,rgba(5,34,66,.44) 0%,rgba(4,29,57,.10) 35%,rgba(4,32,65,.58) 82%,rgba(4,34,70,.90) 100%)}
  .mobile-site .m-cta-v14 .m-cta-card{z-index:3;background:rgba(13,49,78,.82);border:1.6px solid #3FADC4;
    box-shadow:inset 0 0 0 1px rgba(75,194,224,.10),0 6px 18px rgba(0,19,41,.20);border-radius:12px;padding:12px 10px;gap:11px}
  .mobile-site .m-cta-v14 .m-cta-card h3{font-size:12px;font-weight:700;margin:0 0 7px;line-height:1.15}
  .mobile-site .m-cta-v14 .m-cta-card p{font-size:8.1px;line-height:1.45;color:#DCECF4}
  .mobile-site .m-cta-v14 .m-cta-icon{width:69px;height:69px;flex:0 0 69px;border:1.4px solid #2B9EBB;background:rgba(36,138,166,.18);box-shadow:inset 0 0 0 4px rgba(16,65,98,.5)}
  .mobile-site .m-cta-v14 .m-cta-icon img{max-width:37px;max-height:37px}
  .mobile-site .m-cta-v14 .m-cta-woman{object-fit:contain;object-position:bottom;z-index:4;filter:drop-shadow(0 6px 9px rgba(6,24,45,.18))}
  .mobile-site .m-cta-v14 .m-cta-v14-button{z-index:8;font-size:15px;white-space:nowrap;
    gap:10px;border:2px solid #54D8E8;background:linear-gradient(180deg,#2378BC 0%,#17649F 100%);
    box-shadow:0 8px 20px rgba(0,19,48,.38),0 0 0 1px rgba(94,227,242,.08),inset 0 1px 0 rgba(255,255,255,.12)}
  .mobile-site .m-cta-v14 .m-cta-v14-button img{width:42px;height:42px}
  .mobile-site .m-cta-v14 .m-cta-v14-trust{display:flex;align-items:center;justify-content:space-between;z-index:7;gap:0}
  .mobile-site .m-cta-v14 .m-cta-v14-trust>span{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;
    font-size:8px;line-height:1.25;text-align:left;color:#fff}
  .mobile-site .m-cta-v14 .m-cta-v14-trust>span+span{border-left:1px solid rgba(144,223,243,.72)}
  .mobile-site .m-cta-v14 .m-cta-v14-trust i{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;
    background:#35D2E0;color:#064C68;border-radius:50%;font-weight:900;font-size:21px;font-style:normal}
  .mobile-site .m-cta-v14 .m-cta-v14-trust b{font-weight:500}
  .mobile-site .m-cta-v14-wave{position:absolute;pointer-events:none;z-index:6;left:-22px;bottom:-57px;
    width:435px;height:90px;border-top:8px solid #41D8EC;border-radius:50%;transform:rotate(-1deg);
    box-shadow:0 -8px 0 -4px #1376B1}
  .mobile-site .m-cta-v14 .m-section-title{line-height:1.13;font-size:26px}
  .mobile-site .m-cta-v14 .m-light-copy{font-size:10px;line-height:1.48}
}
/* v14 — MOBILE ONLY: native, accessible accordion FAQ with one expanded item. */
@media(max-width:767px){
  .mobile-site .m-faq-accordion-list{display:flex;flex-direction:column;gap:11px;z-index:4;}
  .mobile-site .m-faq-accordion{border:1.6px solid #CCE0EE;border-radius:15px;
    background:#fff;box-shadow:0 4px 12px rgba(15,56,86,.045);overflow:hidden;color:#081F3D;
    transition:border-color .2s ease,box-shadow .2s ease}
  .mobile-site .m-faq-accordion[open]{border-color:#50BCD2;box-shadow:0 6px 18px rgba(22,124,174,.13);background:#FBFEFF}
  .mobile-site .m-faq-accordion summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 10px;
    min-height:66px;user-select:none}
  .mobile-site .m-faq-accordion summary::-webkit-details-marker{display:none}
  .mobile-site .m-faq-accordion summary::marker{content:''}
  .mobile-site .m-faq-accordion summary:focus-visible{outline:2px solid #1265A8;outline-offset:-3px;border-radius:13px}
  .mobile-site .m-faq-accordion-icon{width:43px;height:43px;border-radius:50%;flex:0 0 43px;display:grid;place-items:center;
    background:#E4F3F8;border:1px solid #D5EAF5}
  .mobile-site .m-faq-accordion-icon img{max-width:27px;max-height:27px;object-fit:contain}
  .mobile-site .m-faq-question{font-size:11.8px;line-height:1.32;font-weight:700;flex:1;min-width:0}
  .mobile-site .m-faq-expand-icon{flex:0 0 23px;width:23px;height:23px;border-radius:50%;background:#E7F4FA;
    color:#1265A8;display:grid;place-items:center;position:relative}
  .mobile-site .m-faq-expand-icon::before,.mobile-site .m-faq-expand-icon::after{content:'';position:absolute;background:currentColor;border-radius:2px}
  .mobile-site .m-faq-expand-icon::before{width:10px;height:2px}
  .mobile-site .m-faq-expand-icon::after{width:2px;height:10px;transition:transform .2s ease,opacity .2s ease}
  .mobile-site .m-faq-accordion[open] .m-faq-expand-icon{background:#1265A8;color:#fff}
  .mobile-site .m-faq-accordion[open] .m-faq-expand-icon::after{opacity:0;transform:rotate(90deg)}
  .mobile-site .m-faq-answer{font-size:10.7px;line-height:1.5;color:#4A6075;padding:0 16px 15px 65px;
    margin-top:-2px;max-width:320px}
}

/* v14 mobile: avoid covering CTA's last trust item with the floating WhatsApp button. */
@media(max-width:767px){
  .floating-wa.is-over-mobile-cta{opacity:0;pointer-events:none;transform:translateY(10px) scale(.85)}
}

/* v15 — MOBILE ONLY: CTA hero redesigned to follow the user's preferred poster-like reference. */
@media(max-width:767px){
  .mobile-site .m-cta-v15{height:800px;isolation:isolate;background-position:58% 50%;}
  .mobile-site .m-cta-v15-shade{position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(180deg,rgba(4,29,57,.24) 0%,rgba(5,34,66,.12) 18%,rgba(5,34,66,.10) 36%,rgba(3,24,48,.42) 60%,rgba(4,24,50,.86) 100%)}
  .mobile-site .m-cta-v15-eyebrow{z-index:6;font-size:9.8px;letter-spacing:3.8px;font-weight:700;}
  .mobile-site .m-cta-v15-line{z-index:6;height:2px;border-radius:999px;
    background:linear-gradient(90deg,rgba(53,213,229,0) 0%,rgba(53,213,229,.9) 18%,rgba(53,213,229,.95) 50%,rgba(53,213,229,.9) 82%,rgba(53,213,229,0) 100%)}
  .mobile-site .m-cta-v15-title{z-index:6;font-size:29px;line-height:1.13;letter-spacing:-.8px;text-shadow:0 4px 12px rgba(6,24,45,.2)}
  .mobile-site .m-cta-v15-copy{z-index:6;font-size:9.6px;line-height:1.42;color:#D7E5F0}
  .mobile-site .m-cta-v15-card{z-index:5;background:rgba(13,49,78,.78);border:1.5px solid rgba(86,216,236,.68);
    box-shadow:inset 0 0 0 1px rgba(105,229,244,.08),0 8px 20px rgba(1,15,31,.18);border-radius:12px;padding:12px 12px;gap:10px}
  .mobile-site .m-cta-v15-card .m-cta-icon{width:69px;height:69px;flex:0 0 69px;border-radius:50%;
    border:1.3px solid rgba(71,224,242,.75);background:rgba(17,65,96,.45);box-shadow:inset 0 0 0 4px rgba(9,44,70,.58)}
  .mobile-site .m-cta-v15-card .m-cta-icon img{max-width:36px;max-height:36px}
  .mobile-site .m-cta-v15-card h3{font-size:11.6px;line-height:1.12;margin:0 0 7px;font-weight:700;color:#fff}
  .mobile-site .m-cta-v15-card p{font-size:7.9px;line-height:1.36;color:#D2E2EC;margin:0}
  .mobile-site .m-cta-v15-woman{z-index:6;object-fit:contain;object-position:bottom;filter:drop-shadow(0 10px 20px rgba(3,15,31,.30))}
  .mobile-site .m-cta-v15-button{z-index:7;font-size:14px;font-weight:700;white-space:nowrap;gap:10px;
    border:2px solid #4DD9EA;background:linear-gradient(180deg,#2683C6 0%,#176DA8 100%);
    box-shadow:0 10px 24px rgba(0,19,48,.34),0 0 0 1px rgba(94,227,242,.10),inset 0 1px 0 rgba(255,255,255,.16)}
  .mobile-site .m-cta-v15-button img{width:42px;height:42px}
  .mobile-site .m-cta-v15-trust{z-index:8;display:flex;align-items:center;justify-content:space-between;gap:0;color:#fff}
  .mobile-site .m-cta-v15-trust>span{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;
    text-align:left;font-size:8.1px;line-height:1.24}
  .mobile-site .m-cta-v15-trust>span+span{border-left:1px solid rgba(144,223,243,.72)}
  .mobile-site .m-cta-v15-trust i{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;
    background:#35D2E0;color:#074A67;border-radius:50%;font-weight:900;font-size:21px;font-style:normal}
  .mobile-site .m-cta-v15-trust b{font-weight:500}
  .mobile-site .m-cta-v15-wave{position:absolute;pointer-events:none;z-index:4;left:-28px;bottom:-58px;
    width:446px;height:92px;border-top:8px solid #41D8EC;border-radius:50%;transform:rotate(-1deg);box-shadow:0 -8px 0 -4px #1376B1}
}


/* v16 — MOBILE CTA cleanup requested by user:
   keep only one eyebrow line and remove the ugly right-side circular artifact. */
@media(max-width:767px){
  .mobile-site .m-cta-v15 > .m-eyebrow::after{display:none!important;content:none!important}
  .mobile-site .m-cta-v15{overflow:hidden}
  .mobile-site .m-cta-v15-wave{
    left:-58px;
    bottom:-84px;
    width:520px;
    height:138px;
    border-top:7px solid rgba(65,216,236,.92);
    border-radius:50%;
    transform:none;
    box-shadow:none;
    opacity:.95;
  }
}


/* v16 parity fix: precisely the mobile visual effects from the user-approved
   standalone iPhone preview. This entire rule is mobile-only. */
@media (max-width:767px){
  .mobile-site .m-cta-v15 > .m-eyebrow::after {content:none!important;display:none!important;}
  .mobile-site .m-cta-v15-line{height:2px;background:linear-gradient(90deg,rgba(57,211,227,.08),#39D3E3 30%,#39D3E3 70%,rgba(57,211,227,.08));}
  .mobile-site .m-cta-v15-woman{
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.9) 76%,transparent 95%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.9) 76%,transparent 95%);
  }
  .mobile-site .m-cta-v15-wave{
    left:-58px;bottom:-84px;width:520px;height:138px;
    border-top:7px solid rgba(65,216,236,.92);border-radius:50%;transform:none;box-shadow:none;opacity:.95;
  }
}


/* v16 final mobile CTA visibility fix: the CTA canvas is 800px tall, so its
   outer shell must also be 800px tall if an iPhone viewer doesn't run JS.
   Without this fallback, the final 3 benefits at top=717px are clipped by
   the old generic 700px mobile shell. Desktop remains untouched. */
@media (max-width:767px) {
  .mobile-site > .artboard-shell[data-base-width="390"][data-crop-height="800"] {
    height: 800px;
  }
}