:root{
      --primary:#2563EB;
      --cyan:#0EA5E9;
      --teal:#14B8A6;
      --green:#22C55E;
      --dark:#0F172A;
      --border:#E5E7EB;
      --white:#FFFFFF;
      --soft:#F8FAFC;
      --muted:#64748B;
      --shadow:0 24px 70px rgba(15,23,42,.11);
      --shadow-sm:0 14px 36px rgba(15,23,42,.08);
      --radius:28px;
      --gradient:linear-gradient(135deg,var(--primary),var(--cyan),var(--teal));
      --gradient-soft:linear-gradient(135deg,rgba(37,99,235,.09),rgba(14,165,233,.08),rgba(20,184,166,.08));
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      color:var(--dark);
      background:var(--white);
      line-height:1.6;
      overflow-x:hidden;
    }
    body.menu-open{overflow:hidden}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    .container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
    .section{padding:92px 0;position:relative}
    .section-soft{background:var(--soft)}
    .section-head{max-width:760px;margin-bottom:44px}
    .section-head.center{text-align:center;margin-inline:auto}
    .eyebrow{
      display:inline-flex;gap:8px;align-items:center;
      color:var(--primary);font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;
      margin-bottom:14px;
    }
    .eyebrow::before{content:"";width:24px;height:3px;border-radius:99px;background:var(--gradient)}
    h1,h2,h3{font-family:"Plus Jakarta Sans",Inter,sans-serif;line-height:1.08;margin:0;color:var(--dark)}
    h1{font-size:clamp(42px,7vw,78px);letter-spacing:-.06em;max-width:820px}
    h2{font-size:clamp(32px,4.6vw,52px);letter-spacing:-.045em}
    h3{font-size:20px;letter-spacing:-.02em}
    p{margin:0;color:var(--muted)}
    .lead{font-size:clamp(17px,2.2vw,21px);max-width:720px;color:#475569}
    .gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:9px;
      min-height:48px;padding:0 20px;border-radius:999px;
      border:1px solid transparent;font-weight:800;cursor:pointer;
      transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease;
    }
    .btn:hover{transform:translateY(-2px)}
    .btn-primary{background:var(--gradient);color:white;box-shadow:0 14px 34px rgba(37,99,235,.25)}
    .btn-primary:hover{box-shadow:0 18px 45px rgba(37,99,235,.34)}
    .btn-ghost{background:white;color:var(--dark);border-color:var(--border)}
    .btn-ghost:hover{border-color:rgba(37,99,235,.34);color:var(--primary);box-shadow:var(--shadow-sm)}
    .header{
      position:sticky;top:0;z-index:100;background:rgba(255,255,255,.82);
      backdrop-filter:blur(18px);border-bottom:1px solid rgba(229,231,235,.76)
    }
    .nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
    .brand{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--dark);letter-spacing:-.03em;font-size:22px}
    .brand-mark{width:42px;height:42px;flex:0 0 42px}
    .nav-links{display:flex;align-items:center;gap:28px;color:#334155;font-size:15px;font-weight:800}
    .nav-links a{position:relative}
    .nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;border-radius:99px;background:var(--gradient);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
    .nav-links a:hover{color:var(--primary)}
    .nav-links a:hover::after{transform:scaleX(1)}
    .nav-actions{display:flex;align-items:center;gap:12px}
    .hamburger{display:none;width:44px;height:44px;border-radius:14px;border:1px solid var(--border);background:white;color:var(--dark);align-items:center;justify-content:center;cursor:pointer}
    .hamburger span,.hamburger span::before,.hamburger span::after{content:"";display:block;width:20px;height:2px;background:var(--dark);border-radius:99px;transition:.22s ease}
    .hamburger span::before{transform:translateY(-7px)}
    .hamburger span::after{transform:translateY(5px)}
    .hero{padding:92px 0 48px;background:radial-gradient(circle at 16% 18%,rgba(37,99,235,.10),transparent 31%),radial-gradient(circle at 82% 24%,rgba(20,184,166,.12),transparent 34%),linear-gradient(180deg,#fff,#F8FAFC 92%)}
    .hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);align-items:center;gap:54px}
    .hero-copy{display:grid;gap:26px}
    .hero-ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
    .trust-line{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:#475569;font-weight:800;font-size:14px}
    .trust-line span{display:inline-flex;align-items:center;gap:8px;background:white;border:1px solid var(--border);border-radius:999px;padding:8px 12px;box-shadow:0 10px 30px rgba(15,23,42,.04)}
    .trust-line span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}
    .dashboard-wrap{position:relative;min-height:520px;display:grid;place-items:center;perspective:1000px}
    .dashboard-card{
      width:min(100%,560px);background:rgba(255,255,255,.88);border:1px solid rgba(229,231,235,.9);border-radius:34px;
      box-shadow:var(--shadow);padding:18px;transform:rotateX(3deg) rotateY(-8deg);position:relative;overflow:hidden
    }
    .dashboard-card::before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at top right,rgba(14,165,233,.18),transparent 30%),radial-gradient(circle at bottom left,rgba(34,197,94,.12),transparent 28%);pointer-events:none}
    .browser-top{position:relative;display:flex;align-items:center;justify-content:space-between;padding:9px 11px 16px;border-bottom:1px solid var(--border)}
    .dots{display:flex;gap:8px}.dots i{width:10px;height:10px;border-radius:50%;background:var(--border)}.dots i:nth-child(1){background:#FCA5A5}.dots i:nth-child(2){background:#FDE68A}.dots i:nth-child(3){background:#86EFAC}
    .live-pill{font-size:12px;font-weight:900;color:var(--primary);background:rgba(37,99,235,.09);border:1px solid rgba(37,99,235,.14);border-radius:999px;padding:6px 10px}
    .mock-grid{position:relative;padding:18px;display:grid;gap:16px}
    .kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .kpi{background:white;border:1px solid var(--border);border-radius:20px;padding:16px;box-shadow:0 10px 22px rgba(15,23,42,.05)}
    .kpi small{display:block;color:var(--muted);font-weight:700;font-size:12px}.kpi b{font-size:22px;letter-spacing:-.04em}
    .chart-panel{height:190px;background:white;border:1px solid var(--border);border-radius:24px;padding:18px;display:flex;align-items:end;gap:12px;box-shadow:0 10px 22px rgba(15,23,42,.05)}
    .chart-panel span{flex:1;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,var(--primary),var(--cyan));min-height:42px;animation:barGrow 2.6s ease-in-out infinite alternate}
    .chart-panel span:nth-child(2){height:50%;animation-delay:.2s}.chart-panel span:nth-child(3){height:72%;animation-delay:.4s}.chart-panel span:nth-child(4){height:62%;animation-delay:.15s}.chart-panel span:nth-child(5){height:84%;animation-delay:.28s}.chart-panel span:nth-child(6){height:96%;animation-delay:.38s;background:linear-gradient(180deg,var(--teal),var(--green))}
    @keyframes barGrow{from{transform:scaleY(.78);transform-origin:bottom}to{transform:scaleY(1)}}
    .invoice-list{display:grid;gap:10px}.invoice-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:white;border:1px solid var(--border);border-radius:16px;padding:12px 14px;font-size:13px;font-weight:800}.invoice-row span{color:var(--muted);font-weight:700}.status{color:var(--green)!important;background:rgba(34,197,94,.11);border-radius:999px;padding:4px 8px}
    .float-card{position:absolute;background:white;border:1px solid var(--border);border-radius:20px;padding:14px 16px;box-shadow:var(--shadow-sm);font-weight:900;animation:float 4.4s ease-in-out infinite}
    .float-card small{display:block;color:var(--muted);font-weight:700}.float-1{left:0;top:70px}.float-2{right:0;bottom:62px;animation-delay:.55s}.float-3{left:22px;bottom:120px;animation-delay:1s}
    @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
    .stats-strip{padding:28px 0;background:white;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
    .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .stat{background:var(--soft);border:1px solid var(--border);border-radius:24px;padding:24px;text-align:center;position:relative;overflow:hidden}
    .stat::after{content:"";position:absolute;inset:auto -20% -45% -20%;height:80%;background:var(--gradient);opacity:.08;border-radius:50%}
    .stat strong{font-family:"Plus Jakarta Sans";font-size:clamp(28px,4vw,44px);letter-spacing:-.04em;display:block;line-height:1;color:var(--dark)}
    .stat span{font-weight:800;color:#475569}
    .module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .module-card,.industry-card,.platform-card,.trust-badge,.price-card,.step-card{
      background:white;border:1px solid var(--border);border-radius:24px;padding:22px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;background-color .22s ease;
    }
    .module-card:hover,.industry-card:hover,.platform-card:hover,.trust-badge:hover,.price-card:hover,.step-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-sm);border-color:rgba(14,165,233,.5)}
    .icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;margin-bottom:16px;background:var(--gradient-soft);color:var(--primary);font-weight:900;border:1px solid rgba(37,99,235,.12)}
    .module-card p,.industry-card p,.platform-card p,.trust-badge p,.step-card p{font-size:14px;margin-top:8px}
    .flow-shell{position:relative;overflow:auto;padding-bottom:10px}
    .flow-grid{display:grid;grid-template-columns:repeat(6,minmax(160px,1fr));gap:14px;min-width:980px;position:relative}
    .step-card{position:relative;text-align:center;padding-top:28px}
    .step-card:not(:last-child)::after{content:"→";position:absolute;right:-15px;top:50%;transform:translateY(-50%);color:var(--primary);font-weight:900;font-size:22px;z-index:2}
    .step-num{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--gradient);color:white;font-weight:900;margin:0 auto 12px;box-shadow:0 12px 26px rgba(37,99,235,.24)}
    .feature-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:58px;margin-top:42px}
    .feature-row:first-child{margin-top:0}
    .feature-copy{display:grid;gap:18px}
    .feature-copy h2{font-size:clamp(30px,4vw,48px)}
    .checks{list-style:none;margin:0;padding:0;display:grid;gap:12px;color:#334155;font-weight:700}
    .checks li{display:flex;gap:10px;align-items:flex-start}.checks li::before{content:"✓";width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:rgba(34,197,94,.13);color:var(--green);font-weight:900;flex:0 0 22px;margin-top:1px}
    .learn{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:900}
    .photo-card{border-radius:32px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm);background:white;position:relative}
    .photo-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
    .photo-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(37,99,235,.12));pointer-events:none}
    .industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .industry-card{padding:0;overflow:hidden}.industry-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.industry-card div{padding:20px}.industry-card h3{margin-bottom:8px}
    .platform-grid,.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.trust-grid{grid-template-columns:repeat(3,1fr)}
    .platform-card{text-align:center}.platform-icon{width:62px;height:62px;margin:0 auto 15px;border-radius:22px;background:var(--gradient);display:grid;place-items:center;color:white;font-size:26px;box-shadow:0 14px 28px rgba(37,99,235,.20)}
    .trust-badge{display:flex;gap:15px;align-items:flex-start}.trust-badge .icon{margin:0;flex:0 0 48px}
    .pricing-wrap{display:grid;place-items:center}.price-card{width:min(100%,520px);padding:36px;text-align:center;position:relative;overflow:hidden}.price-card::before{content:"";position:absolute;inset:0;background:var(--gradient-soft);pointer-events:none}.price-card>*{position:relative}.price-card .label{display:inline-flex;border:1px solid rgba(37,99,235,.18);border-radius:999px;padding:7px 12px;background:white;color:var(--primary);font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.price-card h3{font-size:34px;margin:16px 0 8px}.price-list{list-style:none;margin:22px 0 26px;padding:0;display:grid;gap:11px;text-align:left}.price-list li{display:flex;gap:10px;font-weight:700;color:#334155}.price-list li::before{content:"✓";color:var(--green);font-weight:900}
    .demo-band{padding:92px 0;background:linear-gradient(135deg,var(--primary),var(--cyan),var(--teal));color:white;position:relative;overflow:hidden}.demo-band::before{content:"";position:absolute;inset:-30% -20% auto auto;width:520px;height:520px;background:rgba(255,255,255,.16);border-radius:50%}.demo-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;position:relative}.demo-band h2,.demo-band p{color:white}.demo-form{background:white;border-radius:30px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:14px;box-shadow:0 26px 70px rgba(15,23,42,.22)}
    .field{display:grid;gap:6px}.field label{font-weight:900;font-size:13px;color:var(--dark)}.field input{border:1px solid var(--border);border-radius:16px;min-height:50px;padding:0 14px;outline:none;color:var(--dark);background:var(--soft)}.field input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(37,99,235,.10);background:white}.span-2{grid-column:1/-1}.form-note{grid-column:1/-1;color:var(--muted);font-size:13px}.form-note a{color:var(--primary);font-weight:900}.demo-form .btn{width:100%;border:0}
    .footer{background:var(--dark);color:white;padding:66px 0 28px}.footer-intro{max-width:520px;margin-bottom:34px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}.footer h3{color:white;font-size:16px;margin-bottom:16px}.footer p,.footer a{color:#CBD5E1}.footer a:hover{color:white}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.footer .brand{color:white;margin-bottom:14px}.footer-bottom{margin-top:42px;padding-top:22px;border-top:1px solid rgba(229,231,235,.16);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:#CBD5E1;font-size:14px}.footer-bottom a{font-weight:800}
    .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}
    @media (max-width:1020px){.hero-grid,.feature-row,.demo-grid{grid-template-columns:1fr}.dashboard-wrap{min-height:460px}.feature-row:nth-child(even) .feature-visual{order:2}.feature-row:nth-child(even) .feature-copy{order:1}.module-grid{grid-template-columns:repeat(3,1fr)}.industry-grid,.trust-grid{grid-template-columns:repeat(2,1fr)}.platform-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
    @media (max-width:767px){.container{width:min(100% - 28px,1180px)}.nav{height:68px}.hamburger{display:flex}.nav-links,.nav-actions{position:fixed;left:14px;right:14px;background:white;border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:22px;display:none;z-index:120}.nav-links{top:78px;flex-direction:column;align-items:stretch;gap:0;padding:14px}.nav-links a{padding:13px 12px;border-radius:14px}.nav-links a:hover{background:var(--soft)}.nav-links a::after{display:none}.nav-actions{top:318px;padding:14px;flex-direction:column}.nav-actions .btn{width:100%}.menu-open .nav-links,.menu-open .nav-actions{display:flex}.menu-open .hamburger span{background:transparent}.menu-open .hamburger span::before{transform:translateY(0) rotate(45deg)}.menu-open .hamburger span::after{transform:translateY(-2px) rotate(-45deg)}.section{padding:70px 0}.hero{padding:62px 0 34px}.hero-grid{gap:26px}.hero-ctas .btn{width:100%}.dashboard-card{transform:none}.dashboard-wrap{min-height:auto}.float-card{display:none}.kpi-grid,.stats-grid,.module-grid,.industry-grid,.platform-grid,.trust-grid,.footer-grid{grid-template-columns:1fr}.module-card{padding:20px}.flow-grid{min-width:940px}.feature-row{gap:26px}.demo-form{grid-template-columns:1fr;padding:18px}.footer-bottom{display:grid}.brand{font-size:20px}.brand-mark{width:38px;height:38px}}
    @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Multi-page additions */
.brand-logo{height:42px;width:auto;display:block}
.form-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.form-actions .btn{flex:1 1 190px}.demo-form textarea,.demo-form select{border:1px solid var(--border);border-radius:16px;min-height:50px;padding:13px 14px;outline:none;color:var(--dark);background:var(--soft);resize:vertical}.demo-form textarea:focus,.demo-form select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(37,99,235,.10);background:white}.page-hero{padding:96px 0 52px;background:radial-gradient(circle at 16% 18%,rgba(37,99,235,.10),transparent 31%),radial-gradient(circle at 82% 24%,rgba(20,184,166,.12),transparent 34%),linear-gradient(180deg,#fff,#F8FAFC 92%)}.page-hero .lead{margin-top:18px}.page-card{background:white;border:1px solid var(--border);border-radius:30px;box-shadow:var(--shadow-sm);padding:34px}.content-flow{display:grid;gap:24px}.content-flow h2{font-size:30px}.content-flow h3{margin-top:10px}.content-flow ul{margin:10px 0 0;padding-left:22px;color:#475569}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}.contact-list{display:grid;gap:14px;margin-top:22px}.contact-item{display:flex;gap:14px;align-items:flex-start;background:white;border:1px solid var(--border);border-radius:20px;padding:16px}.contact-item strong{display:block}.mini-note{font-size:14px;color:var(--muted);margin-top:12px}.legal-meta{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(37,99,235,.14);background:rgba(37,99,235,.06);color:var(--primary);border-radius:999px;padding:8px 12px;font-weight:900;font-size:13px;margin-bottom:16px}
@media (max-width:767px){.brand-logo{height:38px}.form-actions{display:grid}.contact-grid{grid-template-columns:1fr}.page-card{padding:22px}}

/* FAIL-SAFE REVEAL */
.reveal{opacity:1 !important;transform:none !important}