:root {
      --blue:#1663f7;
      --blue-dark:#0d4ed8;
      --blue-700:#153fd1;
      --ink:#071a3d;
      --ink-2:#10264a;
      --body:#243553;
      --muted:#64748b;
      --muted-2:#8593a8;
      --pale:#f3f8ff;
      --pale-2:#f7faff;
      --soft:#e9f2ff;
      --line:#dce8f7;
      --line-2:#e8eff8;
      --success:#18a66a;
      --success-soft:#e9f8f1;
      --white:#fff;
      --shadow-sm:0 6px 20px rgba(7,26,61,.06);
      --shadow-md:0 16px 44px rgba(7,26,61,.10);
      --shadow-lg:0 30px 80px rgba(7,26,61,.16);
      --radius:20px;
      --radius-sm:14px;
      --max:1220px;
      --font:Inter,Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:84px}
    body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.55}
    body.menu-open{overflow:hidden} body{overflow-x:hidden}
    a{color:inherit;text-decoration:none}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    img{display:block;max-width:100%}
    svg{display:block}
    :focus-visible{outline:3px solid rgba(22,99,247,.32);outline-offset:3px}
    .container{width:min(var(--max),calc(100% - 48px));margin:auto}
    .section{padding:104px 0}
    .section.soft{background:linear-gradient(180deg,#fbfdff 0%,var(--pale) 100%)}
    .section-rule{border-top:1px solid var(--line-2)}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--soft);color:var(--blue-700);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
    .eyebrow svg{width:13px;height:13px}
    h1,h2,h3,p{margin-top:0}
    h1{font-size:clamp(46px,5.2vw,72px);line-height:1.02;letter-spacing:-.052em;margin:20px 0 26px;max-width:690px}
    h2{font-size:clamp(36px,4vw,52px);line-height:1.06;letter-spacing:-.038em;margin:16px 0 18px}
    h3{font-size:20px;line-height:1.25;letter-spacing:-.018em;margin:0 0 10px}
    .lead{font-size:19px;color:var(--body);line-height:1.72;max-width:660px}
    .section-head{text-align:center;max-width:820px;margin:0 auto 52px}
    .section-head .lead{margin:0 auto}
    .blue-text{color:var(--blue);position:relative;white-space:nowrap}
    .blue-text:after{content:"";position:absolute;left:3%;right:2%;bottom:-7px;height:5px;border-radius:999px;background:var(--blue);transform:rotate(-1.7deg);opacity:.92}
    .btn{min-height:52px;padding:0 21px;border-radius:13px;border:1px solid transparent;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:.2s ease;white-space:nowrap}
    .btn:hover{transform:translateY(-1px)}
    .btn-primary{color:#fff;background:linear-gradient(135deg,var(--blue),#1555ea);box-shadow:0 12px 28px rgba(22,99,247,.24)}
    .btn-primary:hover{background:linear-gradient(135deg,#1a68ff,var(--blue-dark));box-shadow:0 16px 32px rgba(22,99,247,.30)}
    .btn-dark{background:var(--ink);color:#fff}
    .btn-dark:hover{background:#0d2854}
    .btn-light{background:#fff;border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-sm)}
    .btn-link{color:var(--blue);font-weight:800;display:inline-flex;align-items:center;gap:8px}
    .icon{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

    /* Navigation */
    .nav{height:78px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(220,232,247,.72)}
    .nav-inner{height:100%;display:flex;align-items:center;gap:30px}
    .brand{display:flex;align-items:center;gap:10px;min-width:210px}
    .brand-mark{width:44px;height:34px;color:var(--blue);object-fit:contain}
    .brand-words{display:flex;flex-direction:row;align-items:baseline;line-height:1}
    .brand-words b{font-size:22px;font-weight:800;letter-spacing:-.02em;color:#3a3a3a}
    .brand-words span{font-size:22px;color:#3a3a3a;font-weight:300;letter-spacing:-.02em;margin-top:0}
    .nav-links{display:flex;gap:6px;align-items:center;margin-left:auto}
    .nav-links a{font-size:14px;font-weight:700;padding:10px 11px;border-radius:9px;color:var(--ink-2)}
    .nav-links a:hover{background:var(--pale);color:var(--blue)}
    .nav-actions{display:flex;gap:10px;align-items:center}
    .nav-signin{font-size:14px;font-weight:800;padding:10px}
    .nav .btn{min-height:46px;padding:0 17px}
    .menu-btn{display:none;width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:#fff;align-items:center;justify-content:center}
    .mobile-panel{display:none}

    /* Hero */
    .hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#fff 0%,#fff 46%,#eef6ff 100%);padding:58px 0 70px}
    .hero:before{content:"";position:absolute;inset:auto -160px -250px auto;width:660px;height:660px;border-radius:50%;background:radial-gradient(circle,rgba(22,99,247,.13),transparent 66%)}
    .hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;align-items:center;position:relative;z-index:1}
    .hero-copy{padding:28px 0}
    .hero-copy .lead{max-width:570px;margin-bottom:30px}
    .hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:34px}
    .watch{display:inline-flex;align-items:center;gap:12px;font-weight:800;color:var(--ink)}
    .play{width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);display:grid;place-items:center;color:var(--ink)}
    .proof-line{display:flex;gap:22px;flex-wrap:wrap;color:var(--body);font-size:13px;font-weight:700}
    .proof-item{display:flex;align-items:center;gap:8px}
    .proof-item svg{color:var(--blue);width:17px;height:17px}
    .hero-visual{position:relative;min-height:620px}
    .hero-photo{position:absolute;inset:0 0 88px 18%;border-radius:26px;background-image:linear-gradient(135deg,#f2f7ff 0%,#e3eeff 46%,#d4e4ff 100%);box-shadow:var(--shadow-lg);overflow:hidden}
    .hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,26,61,.10))}
    .product-card{position:absolute;background:#fff;border:1px solid rgba(220,232,247,.9);border-radius:21px;box-shadow:var(--shadow-md)}
    .sender-card{left:1%;bottom:34px;width:54%;padding:24px;z-index:3}
    .recipient-card{right:0;bottom:64px;width:38%;padding:19px;z-index:4}
    .card-kicker{font-size:13px;font-weight:900;margin-bottom:19px}
    .field{margin-bottom:15px}
    .field label{display:block;font-size:11px;font-weight:800;margin-bottom:6px;color:var(--ink)}
    .fake-input{height:45px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;padding:0 12px;font-size:12px;color:var(--body);background:#fff;justify-content:space-between}
    .verified{width:17px;height:17px;border-radius:50%;background:var(--success-soft);color:var(--success);display:grid;place-items:center;font-weight:900}
    .method-label{font-size:11px;font-weight:800;margin:2px 0 7px}
    .method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:17px}
    .method{border:1px solid var(--line);border-radius:10px;padding:10px 8px;min-height:68px;background:#fff;text-align:left;position:relative;color:var(--ink)}
    .method.active{border-color:var(--blue);background:var(--pale)}
    .method b{display:block;font-size:12px}
    .method small{font-size:9px;color:var(--muted)}
    .check-dot{position:absolute;top:8px;right:8px;width:15px;height:15px;border-radius:4px;border:1px solid #c8d6e8;background:#fff}
    .method.active .check-dot{background:var(--blue);border-color:var(--blue)}
    .method.active .check-dot:after{content:"✓";color:#fff;font-size:10px;position:absolute;left:2px;top:-1px}
    .review-btn{width:100%;height:45px;border:0;border-radius:10px;background:var(--ink);color:#fff;font-size:12px;font-weight:900}
    .recipient-icon{width:30px;height:30px;border-radius:9px;background:var(--soft);color:var(--blue);display:grid;place-items:center;margin-bottom:14px}
    .recipient-card h3{font-size:17px;margin-bottom:4px}
    .from{font-size:10px;color:var(--muted);margin-bottom:7px}
    .amount{font-size:28px;color:var(--blue);font-weight:900;letter-spacing:-.03em;margin-bottom:15px}
    .choice{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px;margin:7px 0;background:#fff}
    .choice.active{border-color:var(--blue);background:var(--pale)}
    .choice-ic{width:27px;height:27px;border-radius:7px;background:var(--soft);color:var(--blue);display:grid;place-items:center;flex:0 0 auto}
    .choice b{display:block;font-size:10px}.choice small{display:block;font-size:8px;color:var(--muted)}
    .radio{margin-left:auto;width:14px;height:14px;border-radius:50%;border:1px solid #b9c8db;position:relative}
    .choice.active .radio{border-color:var(--blue);background:var(--blue)}
    .choice.active .radio:after{content:"";position:absolute;inset:4px;background:#fff;border-radius:50%}
    .secure-note{display:flex;gap:5px;justify-content:center;color:var(--muted);font-size:8px;margin-top:10px}
    .delivery-chip{position:absolute;right:5%;bottom:7px;z-index:5;background:var(--ink);color:#fff;padding:12px 17px;border-radius:999px;font-size:12px;font-weight:900;display:flex;align-items:center;gap:9px;box-shadow:var(--shadow-md)}
    .delivery-chip span{width:20px;height:20px;border-radius:50%;background:var(--success);display:grid;place-items:center}
    .flow-line{position:absolute;right:20%;bottom:27px;width:150px;border-bottom:2px dashed rgba(22,99,247,.55);transform:rotate(12deg);z-index:2}

    /* Card grids */
    .benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .benefit-card,.trust-card,.rail-card,.pricing-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow-sm)}
    .benefit-icon,.trust-icon{width:50px;height:50px;border-radius:50%;background:var(--soft);color:var(--blue);display:grid;place-items:center;margin-bottom:22px}
    .benefit-card p,.trust-card p,.rail-card p,.pricing-card p{color:var(--body);font-size:14px;margin:0;line-height:1.68}
    .industry-row{display:flex;justify-content:center;gap:34px;flex-wrap:wrap;margin-top:46px;color:var(--body)}
    .industry{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}
    .industry svg{color:var(--blue);width:20px;height:20px}

    /* How it works */
    .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;align-items:start}
    .step{position:relative}
    .step-num{width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;font-weight:900;display:grid;place-items:center;margin-bottom:14px;box-shadow:0 8px 18px rgba(22,99,247,.24)}
    .step-copy{min-height:126px;padding-right:24px}
    .step-copy p{color:var(--body);font-size:14px}
    .mini-ui{border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:var(--shadow-md);padding:18px;min-height:250px}
    .mini-title{font-size:13px;font-weight:900;margin-bottom:14px}
    .mini-field{border:1px solid var(--line);border-radius:8px;padding:10px;margin:8px 0;font-size:10px;color:var(--body)}
    .mini-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}
    .mini-method{border:1px solid var(--line);border-radius:8px;padding:10px 6px;font-size:9px;font-weight:800}
    .mini-method.on{border-color:var(--blue);background:var(--pale)}
    .wallet{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:8px;padding:12px;margin-top:18px;font-size:10px}
    .status-box{text-align:center;padding-top:10px}
    .status-badge{display:inline-flex;gap:7px;align-items:center;background:var(--success-soft);color:var(--success);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900}
    .status-amount{font-size:23px;font-weight:900;margin:24px 0 4px}.status-from{font-size:11px;color:var(--body)}
    .status-line{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;position:relative}
    .status-line:before{content:"";position:absolute;left:10%;right:10%;top:12px;border-top:2px solid #bdd2ef}
    .status-node{position:relative;z-index:1;text-align:center;font-size:8px;color:var(--muted)}
    .status-node i{display:grid;place-items:center;width:25px;height:25px;margin:0 auto 7px;border-radius:50%;border:2px solid var(--blue);background:#fff;color:var(--blue);font-style:normal;font-weight:900}
    .status-node.done i{background:var(--success);border-color:var(--success);color:#fff}
    .security-strip{max-width:1040px;margin:36px auto 0;background:linear-gradient(90deg,#f1f6ff,#f9fbff);border:1px solid var(--line);border-radius:13px;padding:15px 20px;text-align:center;color:var(--body);font-size:14px}
    .security-strip b{color:var(--ink)}

    /* Use cases */
    .usecase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .usecase{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}
    .usecase img{width:100%;height:178px;object-fit:cover}
    .usecase-body{padding:20px}
    .usecase-body p{font-size:13px;color:var(--body);margin:0;line-height:1.65}
    .reinforcement{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;padding:18px;background:var(--pale);border:1px solid var(--line);border-radius:16px}
    .reinforce{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:800;color:var(--ink-2);text-align:center}
    .reinforce svg{color:var(--blue);flex:0 0 auto}

    /* Rails */
    .rails-wrap{display:grid;grid-template-columns:.8fr 2.2fr;gap:42px;align-items:start}
    .rail-intro{position:sticky;top:110px}
    .rail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .rail-card{position:relative;padding-top:31px}
    .rail-card .tag{position:absolute;top:-10px;right:18px;border-radius:999px;background:var(--soft);color:var(--blue);font-size:10px;font-weight:900;padding:6px 9px;text-transform:uppercase}
    .rail-name{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.rail-name strong{font-size:26px;color:var(--blue)}.rail-name span{font-size:11px;color:var(--muted);font-weight:800}
    .rail-list{list-style:none;margin:18px 0 0;padding:0}.rail-list li{font-size:13px;color:var(--body);margin:10px 0;padding-left:22px;position:relative}.rail-list li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:900}
    .fallback{margin-top:20px;padding:15px;border-radius:13px;background:var(--pale);color:var(--body);font-size:13px;border:1px solid var(--line)}

    /* Comparison */
    .compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:980px;margin:auto}
    .compare-card{border:1px solid var(--line);border-radius:20px;padding:30px;background:#fff;box-shadow:var(--shadow-sm)}
    .compare-card.after{background:linear-gradient(145deg,#0a2148,#071a3d);color:#fff;border-color:#143260}
    .compare-card h3{font-size:26px}
    .compare-list{list-style:none;padding:0;margin:24px 0 0}.compare-list li{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line-2);font-size:15px}.after .compare-list li{border-color:rgba(255,255,255,.10)}
    .compare-list li:last-child{border-bottom:0}.compare-list span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f2f5f8;color:var(--muted);flex:0 0 auto}.after .compare-list span{background:rgba(24,166,106,.18);color:#6ee1ad}

    /* Platform */
    .platform-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}
    .platform-ui{border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-lg);display:grid;grid-template-columns:160px 1fr;min-height:410px;overflow:hidden}
    .platform-side{background:#f7f9fc;border-right:1px solid var(--line);padding:22px 15px}.platform-logo{font-weight:900;margin-bottom:22px}.platform-nav{font-size:11px;color:var(--muted);padding:10px;border-radius:8px;margin:4px 0}.platform-nav.on{background:var(--soft);color:var(--blue);font-weight:900}
    .platform-main{padding:24px}.platform-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.platform-table{border:1px solid var(--line);border-radius:12px;overflow:hidden}.platform-row{display:grid;grid-template-columns:1.3fr .7fr .6fr .7fr;padding:12px 14px;border-bottom:1px solid var(--line-2);font-size:10px}.platform-row:last-child{border-bottom:0}.platform-row.head{background:#f8fbff;font-weight:900;color:var(--muted)}.delivered{color:var(--success);font-weight:900}
    .platform-points{list-style:none;padding:0;margin:24px 0}.platform-points li{display:flex;gap:10px;color:var(--body);margin:11px 0}.platform-points li:before{content:"✓";color:var(--success);font-weight:900}

    /* Pricing and trust */
    .pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:900px;margin:auto}.pricing-card{padding:34px}.pricing-card.featured{background:linear-gradient(145deg,#0a2148,var(--ink));color:#fff;border-color:#18365f}.pricing-card .pricing-label{font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.08em;color:var(--blue)}.pricing-card.featured .pricing-label{color:#82adff}.pricing-card h3{font-size:29px;margin:10px 0 14px}.pricing-card.featured p{color:#c9d7eb}.pricing-list{list-style:none;padding:0;margin:22px 0}.pricing-list li{margin:11px 0;font-size:14px;padding-left:22px;position:relative}.pricing-list li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:900}
    .trust-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.trust-card{padding:22px}.trust-icon{width:44px;height:44px;margin-bottom:16px;border-radius:13px}.trust-card h3{font-size:16px}.trust-card p{font-size:12px}

    /* FAQ */
    .faq-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:start}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;border:0;background:transparent;color:var(--ink);display:flex;justify-content:space-between;gap:18px;text-align:left;padding:21px 0;font-size:16px;font-weight:900}.faq-q span:last-child{color:var(--blue);font-size:22px;transition:.2s}.faq-q[aria-expanded="true"] span:last-child{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;color:var(--body);transition:max-height .28s ease}.faq-a p{margin:0;padding:0 30px 21px 0}.faq-item.open .faq-a{max-height:240px}.help-card{border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-md)}.help-card img{height:280px;width:100%;object-fit:cover;object-position:center}.help-body{padding:24px}.help-body p{color:var(--body)}

    /* CTA & Footer */
    .cta-shell{border-radius:28px;background:linear-gradient(135deg,#071a3d,#0f3675);color:#fff;padding:62px;display:flex;align-items:center;justify-content:space-between;gap:40px;overflow:hidden;position:relative}.cta-shell:after{content:"";position:absolute;right:-80px;top:-160px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(48,116,255,.62),transparent 65%)}.cta-copy{position:relative;z-index:1;max-width:700px}.cta-copy h2{margin-top:0}.cta-copy p{color:#cfdbec;font-size:18px;margin-bottom:0}.cta-actions{position:relative;z-index:1;display:flex;gap:12px;flex-wrap:wrap}.cta-shell .btn-light{box-shadow:none}
    .get-started{margin-top:28px;border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:18px;background:rgba(255,255,255,.06);display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px}.get-started label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.get-started input,.get-started select{min-width:0;height:48px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;padding:0 13px}.get-started input::placeholder{color:#cbd7e7}.get-started select option{color:var(--ink)}.form-message{grid-column:1/-1;color:#9aebc7;font-weight:800;font-size:13px;display:none}.form-message.show{display:block}
    footer{padding:62px 0 30px;border-top:1px solid var(--line);background:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:42px}.footer-brand p{font-size:13px;color:var(--body);max-width:300px;margin-top:17px}.footer-col h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.footer-col a{display:block;color:var(--body);font-size:13px;margin:9px 0}.footer-col a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid var(--line);margin-top:42px;padding-top:22px;display:flex;justify-content:space-between;gap:30px;font-size:11px;color:var(--muted)}.disclosure{max-width:780px}

    @media (max-width:1080px){
      .nav-links{display:none}.menu-btn{display:flex}.nav-actions .nav-signin{display:none}
      .hero-grid{grid-template-columns:1fr}.hero-copy{max-width:760px}.hero-visual{min-height:640px}.hero-photo{left:22%}
      .benefit-grid{grid-template-columns:repeat(2,1fr)}.usecase-grid{grid-template-columns:repeat(2,1fr)}
      .rails-wrap{grid-template-columns:1fr}.rail-intro{position:static}.trust-grid{grid-template-columns:repeat(3,1fr)}
      .platform-shell{grid-template-columns:1fr}.faq-layout{grid-template-columns:1fr}.help-card{display:grid;grid-template-columns:.8fr 1.2fr}.help-card img{height:100%}
      .footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}
      .mobile-panel{position:fixed;display:block;inset:78px 0 0;background:rgba(255,255,255,.98);padding:22px 24px;transform:translateX(100%);transition:.25s;z-index:99}.mobile-panel.open{transform:translateX(0)}.mobile-panel a{display:block;padding:16px 4px;border-bottom:1px solid var(--line);font-size:17px;font-weight:800}
    }
    @media (max-width:760px){
      .container{width:min(100% - 30px,var(--max))}.section{padding:76px 0}.nav{height:70px}.mobile-panel{inset:70px 0 0}.brand{min-width:0}.brand-mark{width:37px}.brand-words b{font-size:19px}.brand-words span{font-size:19px}.nav .btn{min-height:42px;padding:0 13px;font-size:13px}
      .hero{padding:36px 0 50px}.hero-copy{padding:10px 0}.hero-copy .lead{font-size:17px}.hero-actions{align-items:stretch}.hero-actions .btn{width:100%}.watch{justify-content:center;width:100%}.proof-line{gap:12px}.proof-item{width:calc(50% - 8px)}
      .hero-visual{min-height:600px}.hero-photo{inset:0 0 160px 0;background-position:center top}.sender-card{left:0;bottom:50px;width:66%;padding:16px}.recipient-card{right:0;bottom:82px;width:43%;padding:13px}.recipient-card h3{font-size:12px}.amount{font-size:20px}.choice{padding:7px}.choice b{font-size:8px}.choice small,.secure-note{font-size:7px}.method{padding:7px 5px}.method b{font-size:10px}.delivery-chip{right:2%;bottom:12px;font-size:10px;padding:10px 13px}.flow-line{display:none}
      .benefit-grid,.steps,.usecase-grid,.rail-grid,.pricing-grid,.compare,.faq-layout{grid-template-columns:1fr}.industry-row{justify-content:flex-start;gap:18px}.industry{width:calc(50% - 10px)}.step-copy{min-height:auto}.reinforcement{grid-template-columns:1fr}.reinforce{justify-content:flex-start}.platform-ui{grid-template-columns:92px 1fr}.platform-side{padding:18px 8px}.platform-row{grid-template-columns:1.5fr .8fr .7fr}.platform-row span:nth-child(3){display:none}.trust-grid{grid-template-columns:repeat(2,1fr)}.help-card{display:block}.help-card img{height:240px}.cta-shell{padding:38px 24px;display:block}.cta-actions{margin-top:26px}.cta-actions .btn{width:100%}.get-started{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-bottom{display:block}.footer-bottom>div+div{margin-top:12px}
    }
    @media (max-width:420px){.nav-actions .btn{width:44px;padding:0;font-size:0;overflow:hidden}.nav-actions .btn:after{content:"→";font-size:18px}.nav-actions .btn span{display:none}.hero-visual{min-height:565px}.sender-card{width:72%}.recipient-card{width:45%}.benefit-grid,.trust-grid,.footer-grid{grid-template-columns:1fr}.industry{width:100%}}
    @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
  
/* Launch-candidate responsive and accessibility refinements */
.skip-link{position:fixed;left:16px;top:10px;z-index:1000;padding:11px 15px;border-radius:10px;background:var(--ink);color:#fff;font-weight:800;transform:translateY(-150%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
button:disabled{cursor:wait;opacity:.72}.mobile-primary{margin-top:16px!important;border:0!important;border-radius:12px!important;background:var(--blue)!important;color:#fff!important;text-align:center!important}
.section{content-visibility:auto;contain-intrinsic-size:1px 900px}.hero,footer,.cta-shell{content-visibility:visible}.faq-item.open .faq-a{max-height:520px}
@media(max-width:1080px){.nav-inner{gap:12px}.nav-actions{margin-left:auto}}
@media(max-width:900px){
  .hero-visual{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:0;margin-top:18px}
  .hero-photo{display:none}
  .sender-card,.recipient-card{position:relative;inset:auto;width:auto;padding:20px}.flow-line{display:none}.delivery-chip{position:relative;inset:auto;justify-self:end}
}
@media(max-width:760px){
  .nav-inner{gap:8px}.nav-actions .btn{width:44px;min-width:44px;padding:0;font-size:0;overflow:hidden}.nav-actions .btn span{display:inline;font-size:18px}.menu-btn{flex:0 0 44px}.brand{flex:1 1 auto}
  .hero-visual{grid-template-columns:1fr}.sender-card,.recipient-card{width:100%;padding:18px}.delivery-chip{justify-self:stretch;text-align:center;justify-content:center}
  .method-grid{grid-template-columns:1fr}.method{min-height:58px}.section{content-visibility:visible}
  .platform-ui{grid-template-columns:1fr}.platform-side{display:none}.platform-main{padding:16px}
  .get-started{display:grid;grid-template-columns:1fr}.get-started .btn{width:100%}
}
@media(max-width:430px){
  .container{width:calc(100% - 24px)}.nav .container{width:calc(100% - 20px)}.brand-mark{width:34px}.brand-words b{font-size:16px}.brand-words span{font-size:16px}
  h1{font-size:clamp(40px,12vw,52px)}.hero{padding-top:30px}.hero-actions .btn,.watch{width:100%;justify-content:center}
  .proof-line{display:grid;grid-template-columns:1fr;gap:12px}.benefit-grid,.steps,.usecase-grid,.rail-grid,.pricing-grid,.compare,.faq-layout,.trust-grid,.footer-grid{grid-template-columns:1fr}
  .industry{width:100%}.cta-actions .btn{width:100%}.footer-col{border-top:1px solid var(--line);padding-top:18px}
}
@media(max-width:760px){.nav-actions .btn:after{content:none!important}}

/* Step 2 — Hero and first-15-seconds refinement */
.hero{padding:32px 0 28px;background:
  radial-gradient(circle at 91% 13%,rgba(75,123,255,.13),transparent 27%),
  linear-gradient(116deg,#fff 0%,#fff 49%,#f0f6ff 100%)}
.hero-grid{grid-template-columns:1.02fr .98fr;gap:48px}
.hero-copy{padding:0}
.hero-copy h1{font-size:clamp(50px,5.15vw,70px);max-width:660px;margin:0 0 24px}
.hero-copy .lead{font-size:18px;line-height:1.65;max-width:620px;margin-bottom:27px}
.hero-actions{margin-bottom:25px}
.quote-section{background:linear-gradient(135deg,#0b1330,#121f4a);padding:64px 0}
.quote-shell{display:flex;align-items:center;gap:34px;max-width:900px}
.quote-photo{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:0 0 auto;box-shadow:0 0 0 4px rgba(255,255,255,.12)}
.quote-shell blockquote{margin:0 0 14px;font-size:22px;line-height:1.42;color:#fff;font-weight:600;letter-spacing:-.01em}
.quote-shell cite{font-style:normal;font-size:13px;font-weight:800;color:#a9c7ff;letter-spacing:.01em}
.quote-shell cite span{font-weight:500;color:#8ca3d6;text-transform:none;letter-spacing:0}
@media(max-width:680px){.quote-shell{flex-direction:column;text-align:center;gap:18px}.quote-shell blockquote{font-size:19px}}
.hiw-mini-card{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}
.hiw-mini-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:12.5px}
.hiw-mini-row:last-child{border-bottom:none}
.hiw-mini-label{color:var(--muted)}
.hiw-mini-val{font-weight:700;color:var(--ink);text-align:right}
.hiw-mini-methods{display:flex;gap:6px;margin-bottom:8px}
.hiw-chip{flex:1;border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:11px;font-weight:700;color:var(--muted);text-align:center}
.hiw-chip small{display:block;font-weight:500;font-size:9.5px;margin-top:1px}
.hiw-chip-active{border-color:var(--blue);color:var(--blue);background:var(--soft)}
.hiw-mini-success{text-align:center;padding:18px 14px}
.hiw-mini-success-badge{display:inline-block;background:#e7f8ef;color:var(--success);font-weight:700;font-size:12px;padding:5px 12px;border-radius:999px;margin-bottom:10px}
.hiw-mini-amount{font-size:26px;font-weight:800;color:var(--ink)}
.hiw-mini-caption{font-size:12px;color:var(--muted);margin-top:2px}
.hero-tagline{font-size:clamp(20px,2.4vw,26px);font-weight:800;color:var(--blue);line-height:1.28;letter-spacing:-.015em;margin:6px 0 22px;max-width:600px}
.hero-proof span{color:#647087}
.actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:28px}
.actions .btn .icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-left:2px}
.hero-proof{display:flex;gap:21px;flex-wrap:wrap;margin-top:26px;color:var(--body);font-size:13px;font-weight:750}
.hero-proof span{display:flex;gap:8px;align-items:center}
.hero-proof .icon{width:16px;height:16px;stroke:var(--blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.watch{padding:4px 2px;border-radius:12px;transition:color .18s ease}
.watch:hover{color:var(--blue)}
.play{width:46px;height:46px;transition:transform .18s ease,border-color .18s ease}
.watch:hover .play{transform:scale(1.04);border-color:#a9c7fb}
.hero-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 24px;max-width:650px}
.hero-outcomes span{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid rgba(21,94,239,.11);border-radius:12px;background:rgba(247,250,255,.9);color:var(--ink-2);font-size:11px;line-height:1.25;box-shadow:0 5px 18px rgba(6,22,47,.035)}
.hero-outcomes svg{width:17px;height:17px;flex:0 0 auto;color:var(--blue)}
.hero-outcomes b{font-weight:820}
.proof-line{padding-top:2px;gap:19px;color:#50617c;font-size:12px}
.hero-visual{min-height:650px;isolation:isolate}
.hero-visual::before{content:"";position:absolute;inset:28px -22px 24px 14%;border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.65),rgba(220,234,255,.4));border:1px solid rgba(21,94,239,.08);z-index:-2}
.hero-photo{inset:44px 0 82px 24%;border-radius:28px;background-image:linear-gradient(135deg,#f2f7ff 0%,#e3eeff 46%,#d4e4ff 100%);box-shadow:0 32px 88px rgba(6,22,47,.18)}
.journey-header{position:absolute;top:8px;left:4%;right:1%;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#57708f;font-size:10px;font-weight:760;text-transform:uppercase;letter-spacing:.06em}
.journey-live{display:inline-flex;align-items:center;gap:7px;color:var(--blue)}
.journey-live i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(24,166,106,.10);animation:journeyLivePulse 1.8s ease-in-out infinite}
@keyframes journeyLivePulse{50%{box-shadow:0 0 0 9px rgba(24,166,106,0)}}
.sender-card{left:0;top:67px;bottom:auto;width:56%;padding:23px;z-index:4;transition:transform .35s ease,box-shadow .35s ease,opacity .35s ease}
.recipient-card{right:0;top:67px;bottom:auto;width:41%;padding:18px;z-index:5;transition:transform .35s ease,box-shadow .35s ease,opacity .35s ease}
.journey-step{position:absolute;top:-13px;left:-13px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--dream-midnight,var(--ink));color:#fff;border:4px solid #fff;font-size:11px;font-weight:900;box-shadow:0 9px 22px rgba(6,22,47,.16)}
.product-card.is-focus{transform:translateY(-5px) scale(1.012);box-shadow:0 32px 82px rgba(6,22,47,.22),0 0 0 6px rgba(21,94,239,.07)!important}
.product-card.is-complete{box-shadow:0 26px 70px rgba(6,22,47,.16),0 0 0 5px rgba(34,197,139,.09)!important}
.product-card.is-complete::before{background:linear-gradient(90deg,var(--dream-cobalt),var(--dream-mint))}
.fake-input.is-typing{border-color:var(--blue);box-shadow:0 0 0 4px rgba(21,94,239,.08)}
.review-btn{transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.review-btn.is-pressed{transform:translateY(1px);background:var(--blue);box-shadow:0 9px 20px rgba(21,94,239,.22)}
.card-status{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;color:#66758d;font-size:9px;font-weight:780}
.card-status span{width:6px;height:6px;border-radius:50%;background:#9aa9bc}
.card-status.is-sent{color:var(--blue)}.card-status.is-sent span{background:var(--blue);box-shadow:0 0 0 4px rgba(21,94,239,.09)}
.choice{width:100%;color:var(--ink);text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.choice:hover{transform:translateX(2px)}
.recipient-card.is-focus .choice.active{box-shadow:0 0 0 4px rgba(21,94,239,.07)}
.delivery-chip{right:4%;bottom:9px;min-width:150px;justify-content:flex-start;transition:transform .28s ease,box-shadow .28s ease,background .28s ease}
.delivery-chip span{font-size:10px;font-weight:900;background:var(--blue)!important}
.delivery-chip.is-routing{transform:translateY(-3px);box-shadow:0 0 0 5px rgba(21,94,239,.08),0 16px 34px rgba(8,41,99,.16)}
.delivery-chip.is-delivered{transform:translateY(-4px)}
.dream-thread{right:0;bottom:13px;width:54%;height:122px}

@media(max-width:1080px){
  .hero-grid{grid-template-columns:1fr;gap:12px}.hero-copy{max-width:820px}.hero-copy h1{max-width:760px}
  .hero-visual{width:min(760px,100%);min-height:650px;margin:15px auto 0}.hero-photo{left:24%}
}
@media(max-width:760px){
  .hero{padding:34px 0 54px}.hero-copy h1{font-size:clamp(42px,12vw,56px);margin-top:18px}.hero-copy .lead{font-size:16.5px;line-height:1.62}
  .hero-outcomes{grid-template-columns:1fr;gap:7px}.hero-outcomes span{font-size:12px;padding:11px 12px}
  .proof-line{display:grid;grid-template-columns:1fr;gap:10px}.proof-item{width:auto}
  .hero-visual{display:block;min-height:720px;margin-top:25px}.hero-visual::before{inset:20px -8px 25px 5%}
  .journey-header{left:5%;right:4%;font-size:9px}.hero-photo{position:absolute;inset:43px 0 auto 0;height:285px;background-position:center 35%}
  .sender-card{position:absolute;left:0;top:260px;width:78%;padding:17px}.recipient-card{position:absolute;right:0;top:435px;width:67%;padding:14px}
  .method-grid{grid-template-columns:repeat(3,1fr)}.method{min-height:62px;padding:8px 6px}.recipient-card h3{font-size:14px}.choice b{font-size:9px}.choice small{font-size:7.5px}.secure-note{font-size:7.5px}
  .delivery-chip{position:absolute;right:1%;bottom:4px;justify-self:auto;min-width:143px;padding:10px 13px}.dream-thread{display:block;right:0;bottom:5px;width:65%;height:95px}
}
@media(max-width:480px){
  .journey-header #journeyMessage{display:none}.hero-visual{min-height:765px}.hero-photo{height:250px}.sender-card{top:230px;width:91%}.recipient-card{top:455px;width:82%}.dream-thread{width:78%}
}
@media(prefers-reduced-motion:reduce){.journey-live i{animation:none}}

/* Step 2 fit-and-focus pass */
.hero-grid{align-items:start}
.hero-title{display:flex;flex-direction:column;align-items:flex-start;gap:0;max-width:none}
.hero-title>span{display:block}
.hero-title .blue-text{white-space:nowrap}
@media(min-width:1081px){
  .hero-copy{padding-top:0}
  .hero-copy h1{font-size:clamp(48px,4.7vw,66px);line-height:.99}
  .hero-visual{margin-top:0}
}
@media(max-width:760px){
  .hero-copy h1{font-size:clamp(39px,10.6vw,48px);line-height:1.02;letter-spacing:-.048em}
  .hero-title{gap:1px}
  .hero-title>span:first-child{max-width:350px}
  .hero-copy .lead{margin-bottom:22px}
  .hero-actions{margin-bottom:18px}
  .hero-outcomes{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-2px;margin-right:-15px;padding:0 15px 7px 2px;gap:8px;scrollbar-width:none}
  .hero-outcomes::-webkit-scrollbar{display:none}
  .hero-outcomes span{min-width:220px;scroll-snap-align:start}
  .proof-line{display:none}
  .hero-visual{margin-top:13px}
}
@media(min-width:1081px){
  .hero-copy h1{font-size:60px}
  .delivery-chip{bottom:-16px}
  .dream-thread{bottom:-7px}
}
.hero-title-last{display:block}
.hero-title-last strong{font:inherit;font-weight:inherit}
@media(min-width:1081px){.hero-copy h1{font-size:53px}}
@media(min-width:1081px){.hero-copy h1{font-size:34px;line-height:1.15}}
@media(max-width:760px){
  .hero-title,.hero-title>span,.hero-title-last{width:100%;max-width:100%;min-width:0;white-space:normal}
  .hero-title .blue-text{white-space:normal}
  .hero-outcomes{width:100%;max-width:100%;margin-right:0;padding-right:8px}
  .hero-actions,.hero-actions .btn,.watch{max-width:100%}
}
.hero-copy,.hero-visual{min-width:0;max-width:100%}
@media(max-width:1080px){.hero-grid{grid-template-columns:minmax(0,1fr)}}

/* Step 5: Editorial photography system */
.hero-photo{filter:saturate(.94) contrast(1.03)}
.usecase img,.image-card img,.help-card img{filter:saturate(.92) contrast(1.04);transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s ease}
.usecase:hover img,.image-card:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.05)}
.usecase,.image-card{overflow:hidden}

/* v14.4: hero cards side by side with connecting arrow (desktop) */
@media (min-width:901px){
  .hero-visual{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch;min-height:0;margin-top:16px;position:relative;padding:34px 22px 30px}
  .hero-photo{display:none}
  .hero-visual::before{inset:0;border-radius:34px}
  .journey-header{position:absolute;left:26px;right:26px;top:8px}
  .sender-card,.recipient-card{position:static;inset:auto;width:auto;max-width:none}
  .flow-line{display:none}
  .journey-arrow{align-self:center;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;color:var(--blue);box-shadow:var(--shadow-md);border:1px solid rgba(21,94,239,.14)}
  .delivery-chip{position:absolute;right:26px;bottom:-16px}
}
@media (max-width:900px){
  .journey-arrow{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--blue);box-shadow:var(--shadow-md);border:1px solid rgba(21,94,239,.14);justify-self:center;transform:rotate(90deg)}
}

/* v16.5: hero visual simplified to a single payout-screen screenshot, cropped to roughly half */
.hero-visual-screenshot{display:block;width:100%;max-width:none;min-height:0;position:relative;isolation:isolate;perspective:none;margin-top:0;padding:0}
.hero-visual-screenshot::before{content:none}
.hero-screen-frame{position:relative;width:100%;height:720px;overflow:hidden;border-radius:26px;box-shadow:0 32px 88px rgba(6,22,47,.18);background:linear-gradient(135deg,#f2f7ff 0%,#e3eeff 46%,#d4e4ff 100%)}
.hero-screen-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top;display:block;filter:saturate(.94) contrast(1.03)}
@media(max-width:1080px){
  .hero-screen-frame{height:600px}
}
@media(max-width:760px){
  .hero-screen-frame{height:420px;border-radius:20px}
}
@media(max-width:480px){
  .hero-screen-frame{height:340px}
}

/* v16.10: Melio-style hero — headline/lead/CTAs centered, portal screenshot below in a laptop-style frame */
.hero-centered{padding:70px 0 0;overflow:hidden}
.hero-copy-centered{text-align:center;max-width:900px;margin:0 auto;padding:0}
.hero-cta-line{font-size:17px;font-weight:700;color:var(--blue);margin:0 0 26px}
.hero-copy-centered .eyebrow{margin:0 auto 22px}
.hero-title-centered{display:block;max-width:780px;margin:0 auto}
.hero-title-centered>span{display:inline}
.hero-title-centered>span:not(:last-child)::after{content:" "}
.hero-copy-centered .lead{max-width:680px;margin:24px auto 32px;text-align:center}
.hero-actions-centered{justify-content:center}
.hero-outcomes-centered{max-width:720px;margin:0 auto 24px;justify-content:center}
.proof-line-centered{justify-content:center}

.hero-portal{width:100%;max-width:1180px;margin:56px auto 0;padding:0 24px;position:relative;z-index:1}
.hero-portal-frame{position:relative;background:#0b0b10;border-radius:22px 22px 0 0;padding:14px 14px 0;box-shadow:0 40px 100px rgba(6,22,47,.22);overflow:hidden;height:560px}
.hero-portal-img{display:block;width:100%;height:calc(100% - 14px);object-fit:cover;object-position:top center;border-radius:10px 10px 0 0}
@media(max-width:1080px){
  .hero-portal-frame{height:460px}
}
@media(max-width:760px){
  .hero-centered{padding:40px 0 0}
  .hero-portal{margin-top:36px;padding:0 16px}
  .hero-portal-frame{height:300px;border-radius:16px 16px 0 0;padding:10px 10px 0}
  .hero-copy-centered .lead{margin:18px auto 24px}
}

/* v16.12: Bill.com-style hero — trust badge, left-aligned copy + segment pills + inline capture, portal in right column */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.trust-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;border-radius:999px;background:#fff;border:1px solid rgba(21,94,239,.14);box-shadow:var(--shadow-sm);margin-bottom:22px}
.trust-badge svg{width:20px;height:20px;color:var(--blue);flex:0 0 auto}
.trust-badge b{display:block;font-size:13px;font-weight:800;color:var(--ink)}
.trust-badge small{display:block;font-size:11.5px;color:#6b7280;font-weight:600}

.hero-help{margin:26px 0 18px}
.hero-actions-row{display:flex;flex-wrap:wrap;gap:12px}
.card-badge{position:absolute;top:50px;padding:8px 18px;border-radius:999px;background:#155EEF;color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 8px 18px rgba(21,94,239,.28);z-index:6}
.card-badge-sender{left:0}
.card-badge-recipient{right:0}
.pt-hero-card .pt-create{padding-top:54px!important}
.recipient-card{padding-top:54px!important}
.hero-help-label{font-size:13px;font-weight:800;color:var(--ink);margin-bottom:10px}
.hero-pills{display:flex;flex-wrap:wrap;gap:10px}
.pill{display:inline-flex;align-items:center;padding:9px 18px;border-radius:999px;border:1.5px solid rgba(21,94,239,.22);background:#fff;color:var(--blue);font-size:14px;font-weight:700;text-decoration:none;transition:background .2s ease,border-color .2s ease}
.pill:hover{background:rgba(21,94,239,.06);border-color:rgba(21,94,239,.4)}

.hero-quick-form{display:flex;gap:0;align-items:stretch;background:#fff;border:1.5px solid #E2E4EA;border-radius:14px;padding:6px;max-width:520px;margin-top:8px;box-shadow:var(--shadow-sm)}
.faq-teaser{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.faq-teaser h2{margin-bottom:8px}
.faq-teaser .btn{flex:0 0 auto;white-space:nowrap}
@media(max-width:620px){.faq-teaser{display:block}.faq-teaser .btn{margin-top:18px}}
.hero-quick-form input[type="email"]{flex:1;border:none;outline:none;padding:12px 14px;font-size:15px;font-weight:600;color:var(--ink);background:transparent;min-width:0}
.hero-quick-form .btn{white-space:nowrap;padding:12px 22px;border-radius:9px}
.hero-quick-form-status{margin-top:10px;font-size:13.5px;font-weight:700;color:var(--blue);min-height:0}
.hero-quick-form-status.show{margin-top:10px}
.hero-legal{margin-top:14px;font-size:12.5px;color:#6b7280;max-width:520px}
.hero-legal a{color:var(--blue);font-weight:700;text-decoration:none}

.hero-portal-bill{max-width:none;margin:0;padding:0;overflow:visible;position:relative}
.hero-portal-bill .hero-portal-frame{width:160%;height:860px;border-radius:20px}
@media(max-width:1080px){
  .hero-portal-bill .hero-portal-frame{width:150%;height:640px}
}
@media(max-width:760px){
  .hero-quick-form{flex-direction:column;background:none;border:none;box-shadow:none;padding:0;gap:10px;max-width:100%}
  .hero-quick-form input[type="email"]{border:1.5px solid #E2E4EA;border-radius:10px;padding:13px 15px}
  .hero-portal-bill .hero-portal-frame{width:100%;height:300px}
}

.portal-below-fold{background:linear-gradient(180deg,#fbfdff 0%,#f3f8ff 100%);padding-top:40px!important}
.hero-portal-contained{margin-top:44px}
.hero-portal-contained .hero-portal-frame{height:640px}
@media(max-width:1080px){
  .hero-portal-contained .hero-portal-frame{height:520px}
}
@media(max-width:760px){
  .hero-portal-contained .hero-portal-frame{height:340px;border-radius:16px}
}

/* ===== Sign-up to paid walkthrough ===== */
.ws-row{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:46px 0;border-top:1px solid var(--line)}
.ws-row:first-of-type{border-top:none}
.ws-row-rev .ws-shot{order:2}
.ws-row-rev .ws-copy{order:1}
.ws-shot img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid var(--line);box-shadow:0 18px 44px rgba(6,26,58,.10)}
.ws-copy .eyebrow{margin-bottom:12px}
.ws-copy h3{font-size:clamp(24px,2.6vw,32px);line-height:1.16;letter-spacing:-.025em;margin:0 0 14px}
.ws-copy p{font-size:16px;line-height:1.65;color:var(--body);margin:0 0 18px}
.ws-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.ws-list li{position:relative;padding-left:22px;font-size:14.5px;color:var(--body)}
.ws-list li:before{content:"—";position:absolute;left:0;color:var(--blue);font-weight:800}
/* coded app mock */
.ws-app{display:grid;grid-template-columns:210px 1fr;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 44px rgba(6,26,58,.10);background:#fff;min-height:430px}
.ws-side{background:linear-gradient(180deg,#0d1937,#111c3f);color:#fff;padding:18px 16px}
.ws-side-brand{font-size:11px;font-weight:900;letter-spacing:.12em;opacity:.85;margin-bottom:16px}
.ws-side-title{font-size:14px;font-weight:800;line-height:1.3}
.ws-side-sub{font-size:11px;color:#9fb0d4;margin-top:6px;line-height:1.45}
.ws-steps,.ws-nav{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:7px}
.ws-steps li,.ws-nav li{display:flex;align-items:center;gap:9px;font-size:11.5px;color:#a7b6d6;padding:6px 8px;border-radius:7px}
.ws-steps li i{width:17px;height:17px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:800;flex:0 0 auto}
.ws-steps li.on,.ws-nav li.on{background:rgba(255,255,255,.12);color:#fff;font-weight:700}
.ws-steps li.on i{background:var(--blue);color:#fff}
.ws-main{padding:20px 22px;background:#fbfcfe}
.ws-eyebrow{font-size:9.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.ws-h{font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.ws-sub{font-size:12px;color:var(--muted);margin:3px 0 14px}
.ws-group{font-size:11.5px;font-weight:800;color:var(--ink);margin:12px 0 8px}
.ws-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ws-fields label{display:block;font-size:8.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ws-fields label span{display:block;margin-top:3px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:7px 9px;font-size:11.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink)}
.ws-actions{display:flex;gap:8px;margin-top:16px;justify-content:flex-end}
.ws-btn{background:#6c5ce7;color:#fff;font-size:11px;font-weight:800;padding:8px 14px;border-radius:7px}
.ws-btn-ghost{background:#fff;color:var(--body);border:1px solid var(--line)}
.ws-btn-sm{padding:6px 12px;font-size:10.5px}
.ws-appr{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 12px;margin-bottom:8px}
.ws-appr div{flex:1;min-width:0}
.ws-appr b{display:block;font-size:12px;color:var(--ink)}
.ws-appr small{display:block;font-size:9.5px;color:var(--muted);margin-top:2px}
.ws-amt{font-size:12.5px;font-weight:800;color:var(--ink);white-space:nowrap}
.ws-audit{background:#fff;border:1px solid var(--line);border-radius:9px;padding:12px;margin-top:12px}
.ws-audit-t{font-size:11px;font-weight:800;color:var(--ink);margin-bottom:9px}
.ws-audit ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.ws-audit li{position:relative;padding-left:16px;font-size:11px;font-weight:700;color:var(--ink)}
.ws-audit li i{position:absolute;left:0;top:4px;width:7px;height:7px;border-radius:50%;background:var(--success)}
.ws-audit li small{display:block;font-weight:500;font-size:9.5px;color:var(--muted);margin-top:1px}
@media(max-width:900px){
  .ws-row{grid-template-columns:1fr;gap:26px;padding:34px 0}
  .ws-row-rev .ws-shot,.ws-row-rev .ws-copy{order:initial}
  .ws-app{grid-template-columns:1fr;min-height:0}
  .ws-side{display:none}
  .ws-fields{grid-template-columns:1fr}
}
.closing-cta{background:linear-gradient(135deg,#0d1937 0%,#152a63 55%,#1b3b8f 100%);padding:88px 0}
.closing-cta h2{font-size:clamp(30px,4vw,46px);line-height:1.14;letter-spacing:-.03em}

/* Hero product shot (replaces animated journey cards) */
.hero-visual-shot{border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(6,26,58,.16);border:1px solid var(--line);background:#fff;display:block}
.hero-visual-shot .hero-shot{display:block;width:100%;height:auto}
@media(max-width:900px){.hero-visual-shot{margin-top:10px}}

/* ===== Mobile optimisation pass (homepage) ===== */
@media(max-width:900px){
  .cc-proofbar-item small{font-size:12.5px !important;line-height:1.45}
  .cc-proofbar-item b{font-size:14px !important}
  .hiw-chip{font-size:12px !important}
  .hiw-chip small{font-size:11px !important}
  .pt-viewer-caption,.pt-viewer-caption span,figcaption{font-size:12.5px !important}
  .hero-proof span{font-size:13px !important}
  .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .brand{min-height:44px;display:flex;align-items:center}
  .mobile-panel a{min-height:44px;display:flex;align-items:center}
  .ws-shot img{border-radius:12px}
}
@media(max-width:360px){
  .cc-clarity-card,.cc-clarity-grid{max-width:100%;overflow-wrap:break-word;min-width:0}
  .container{padding-left:14px !important;padding-right:14px !important}
  .hiw-mini-methods{flex-wrap:wrap}
  .hiw-chip{flex:1 1 100%}
}
@media(max-width:900px){
  .eyebrow{font-size:11.5px !important}
  .fallback-kicker{font-size:11.5px !important}
  .tag{font-size:11.5px !important}
}

/* Hero product shot sizing */
.hero-visual-shot{width:100%;max-width:720px;margin-left:auto}
@media(min-width:901px){
  .hero-visual-shot{transform:translateY(6px)}
}
@media(max-width:900px){
  .hero-visual-shot{max-width:100%;margin-left:0}
}

/* Hero backdrop: real photo instead of gradient (geometry untouched) */
@media(min-width:901px){
  .hero-photo{
    background-image:url("../editorial/hero-backdrop.webp");
    background-size:cover;
    background-position:center 20%;
    background-repeat:no-repeat;
  }
}

/* ===== MOBILE HERO FIX: unstack absolute cards into normal flow ===== */
@media(max-width:900px){
  .hero-visual{
    position:static !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column;
    gap:18px;
    margin-top:22px;
  }
  .hero-visual::before,.hero-visual::after{display:none !important}
  .hero-visual .product-card{
    position:static !important;
    width:100% !important;
    max-width:100% !important;
    inset:auto !important;
    transform:none !important;
    margin:0 !important;
  }
  .hero-visual .card-badge{
    position:static !important;
    display:inline-flex;
    align-self:flex-start;
    margin:0 0 -8px 0 !important;
    transform:none !important;
    inset:auto !important;
  }
  /* hide the decorative connector arrow which has no meaning stacked */
  .hero-visual .journey-arrow,.hero-visual .flow-arrow{display:none !important}
  .hero-photo{display:none !important}
}
@media(max-width:900px){
  /* badges: one per card, sit above their card, no overlap */
  .hero-visual{gap:10px}
  .hero-visual .card-badge{
    position:static !important;
    order:0;
    margin:0 0 2px 0 !important;
    font-size:11px;
    padding:6px 14px;
  }
  .hero-visual .card-badge-sender{order:1}
  .hero-visual .sender-card{order:2}
  .hero-visual .card-badge-recipient{order:3}
  .hero-visual .recipient-card{order:4}
  /* remove dead space at card tops caused by absolute-era padding */
  .hero-visual .product-card{padding-top:16px !important}
  .hero-visual .product-card > *:first-child{margin-top:0 !important}
}