:root {
  --bg: #0b1016;
  --bg-soft: #111821;
  --panel: #151e28;
  --panel-2: #1a2430;
  --text: #f5f7fa;
  --muted: #9ba7b4;
  --line: rgba(255,255,255,.09);
  --orange: #ff6a00;
  --orange-2: #ff8a22;
  --orange-soft: rgba(255,106,0,.12);
  --green: #31c48d;
  --shadow: 0 24px 70px rgba(0,0,0,.34);
  --radius: 24px;
  --max: 1180px;
}

html[data-theme="light"] {
  --bg: #f5f7fa;
  --bg-soft: #ffffff;
  --panel: #ffffff;
  --panel-2: #f0f3f7;
  --text: #18202a;
  --muted: #667280;
  --line: rgba(16,24,40,.10);
  --shadow: 0 20px 55px rgba(31,41,55,.10);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, textarea { font: inherit; }
.container { width: min(var(--max), calc(100% - 40px)); margin-inline: auto; }

.site-header {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 1000;
  border-bottom: 1px solid transparent;
  transition: .25s ease;
}
.site-header.scrolled {
  background: color-mix(in srgb, var(--bg) 88%, transparent);
  backdrop-filter: blur(18px);
  border-color: var(--line);
}
.header-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 8px; position: relative; min-width: 145px; }
.brand-img { height: 34px; width: auto; object-fit: contain; }
.brand-img:not([src]), .brand-img[src=""] { display:none; }
.brand-fallback { display:none; font-weight: 800; font-size: 25px; letter-spacing: -.7px; }
.brand img[style*="display: none"] + .brand-fallback { display:inline; }
.brand small { color: var(--orange); letter-spacing: 3px; font-weight: 700; font-size: 8px; align-self: flex-end; margin: 0 0 5px -70px; transform: translateY(14px); }
.desktop-nav { display:flex; gap:28px; align-items:center; }
.desktop-nav a { color: var(--muted); font-size: 14px; font-weight: 600; transition: .2s; }
.desktop-nav a:hover { color: var(--text); }
.header-actions { display:flex; gap:10px; align-items:center; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding: 0 18px; border-radius:12px; border:1px solid transparent; font-weight:700; font-size:14px; transition:.2s ease; cursor:pointer; }
.btn:hover { transform: translateY(-1px); }
.btn-primary { background: linear-gradient(135deg,var(--orange),var(--orange-2)); color:white; box-shadow: 0 10px 28px rgba(255,106,0,.22); }
.btn-primary:hover { box-shadow: 0 14px 34px rgba(255,106,0,.30); }
.btn-ghost { color: var(--text); background: transparent; }
.btn-outline { border-color: var(--line); background: color-mix(in srgb, var(--panel) 70%, transparent); color:var(--text); }
.btn-light { background:#fff; color:#1a2028; }
.btn-outline-light { border-color:rgba(255,255,255,.35); color:#fff; }
.btn-lg { min-height:52px; padding:0 24px; border-radius:14px; }
.theme-toggle, .menu-toggle { width:42px; height:42px; border-radius:12px; border:1px solid var(--line); background:var(--panel); color:var(--text); cursor:pointer; }
.menu-toggle { display:none; }
.mobile-nav { display:none; position:absolute; top:76px; left:20px; right:20px; padding:18px; background:var(--panel); border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow); }
.mobile-nav.open { display:grid; gap:6px; }
.mobile-nav a { padding:11px 12px; border-radius:10px; color:var(--muted); font-weight:600; }
.mobile-nav a:hover { background:var(--panel-2); color:var(--text); }

.hero { min-height: 790px; padding: 150px 0 90px; position:relative; display:flex; align-items:center; overflow:hidden; }
.hero::before { content:""; position:absolute; inset:0; background: radial-gradient(circle at 78% 42%, rgba(255,106,0,.13), transparent 30%), radial-gradient(circle at 20% 0%, rgba(255,255,255,.035), transparent 28%); pointer-events:none; }
.hero-orb { position:absolute; border-radius:50%; border:80px solid rgba(255,106,0,.10); pointer-events:none; }
.hero-orb-one { width:480px;height:480px;right:-230px;top:90px; }
.hero-orb-two { width:300px;height:300px;left:-180px;bottom:-50px;border-width:55px;border-color:rgba(255,255,255,.025); }
.hero-grid { display:grid; grid-template-columns: .95fr 1.05fr; gap:72px; align-items:center; position:relative; z-index:1; }
.eyebrow { display:inline-flex; align-items:center; gap:9px; color:var(--orange); font-size:12px; letter-spacing:1.7px; text-transform:uppercase; font-weight:800; }
.eyebrow .dot { width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px var(--orange-soft); }
.eyebrow.light { color:#fff; opacity:.85; }
.hero h1 { margin:18px 0 20px; font-size:clamp(42px,5vw,70px); line-height:1.02; letter-spacing:-2.8px; max-width:760px; }
.hero h1 span { color:var(--orange); }
.hero-copy > p { color:var(--muted); max-width:660px; font-size:18px; }
.hero-actions { display:flex; gap:12px; margin-top:30px; flex-wrap:wrap; }
.hero-trust { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:40px; padding-top:28px; border-top:1px solid var(--line); max-width:620px; }
.hero-trust div { display:flex; flex-direction:column; }
.hero-trust strong { font-size:17px; }
.hero-trust span { font-size:12px; color:var(--muted); }

.hero-visual { position:relative; min-height:510px; display:flex; align-items:center; justify-content:center; }
.dashboard-shell { width:100%; border:1px solid rgba(255,255,255,.12); border-radius:22px; overflow:hidden; background:#11151d; box-shadow:0 35px 90px rgba(0,0,0,.45); transform: perspective(1200px) rotateY(-4deg) rotateX(1deg); }
.dashboard-topbar { height:42px; background:#0b0f15; border-bottom:1px solid rgba(255,255,255,.06); display:flex; justify-content:space-between; align-items:center; padding:0 16px; }
.mini-brand { font-size:12px; font-weight:800; color:#fff; display:flex; align-items:center; gap:6px; }
.mini-brand span { width:11px;height:11px;border:3px solid var(--orange);border-radius:50%;display:block; }
.window-dots { display:flex; gap:6px; }.window-dots i { width:7px;height:7px;border-radius:50%;background:#34404f; }
.dashboard-body { display:grid; grid-template-columns:72px 1fr; min-height:410px; }
.mock-sidebar { padding:22px 12px; background:#0d1219; border-right:1px solid rgba(255,255,255,.06); display:grid; align-content:start; gap:15px; }
.mock-menu { height:9px;border-radius:8px;background:#25303e; }.mock-menu.active { background:var(--orange); }
.mock-main { padding:22px; }
.mock-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
.mock-heading div { display:flex; flex-direction:column; }.mock-heading small { color:#7f8b99; font-size:10px; }.mock-heading strong { color:#fff; font-size:16px; }
.mock-heading > span { font-size:9px; color:#31c48d; background:rgba(49,196,141,.09); border:1px solid rgba(49,196,141,.15); padding:5px 8px; border-radius:20px; }
.mock-grid { display:grid; grid-template-columns:1.3fr 1fr; gap:10px; }
.mock-card { min-height:92px; background:#171e29; border:1px solid rgba(255,255,255,.06); border-radius:12px; padding:13px; display:flex;flex-direction:column; }
.mock-card small,.mock-card span { color:#758294;font-size:9px; }.mock-card strong { color:#fff;font-size:20px;margin:4px 0; }.mock-card strong em{font-size:9px;font-style:normal;color:#99a4b2;}.mock-card.balance { grid-row:span 2; min-height:194px; justify-content:center; background:linear-gradient(140deg,#1e2732,#131923); }
.mock-bottom { display:grid; grid-template-columns:1.55fr .8fr; gap:10px; margin-top:10px; }
.mock-table,.mock-action { background:#171e29;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px; }
.table-head { display:flex;justify-content:space-between;color:#fff;font-size:9px;margin-bottom:8px}.table-head b{color:var(--orange);font-weight:600}
.table-row{display:grid;grid-template-columns:8px 1fr .8fr 30px;gap:8px;align-items:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.04)}.table-row i{width:6px;height:6px;background:#31c48d;border-radius:50%}.table-row span,.table-row b{height:5px;background:#2a3543;border-radius:5px}.table-row b{background:rgba(49,196,141,.25)}
.mock-action{display:flex;flex-direction:column;gap:9px}.mock-action>span{color:#fff;font-size:9px}.mock-action button{font-size:8px;padding:7px;border-radius:7px;border:1px solid rgba(255,106,0,.35);background:transparent;color:#ff8a22}.mock-action button:last-child{color:#9aa6b3;border-color:rgba(255,255,255,.12)}
.floating-card { position:absolute; display:flex; align-items:center; gap:10px; background:rgba(17,24,33,.94); border:1px solid rgba(255,255,255,.10); border-radius:14px; padding:11px 14px; box-shadow:0 18px 40px rgba(0,0,0,.35); color:#fff; }
.floating-card>span { width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--orange-soft);color:var(--orange);font-weight:800 }.floating-card div{display:flex;flex-direction:column}.floating-card b{font-size:11px}.floating-card small{font-size:8px;color:#8996a5}.api-card{left:-26px;bottom:45px}.sms-card{right:-18px;top:80px}

.logo-strip { border-block:1px solid var(--line); background:var(--bg-soft); }
.logo-strip-inner { min-height:92px; display:flex; justify-content:center; align-items:center; gap:48px; flex-wrap:wrap; }
.logo-strip span { font-size:13px; font-weight:800; letter-spacing:2px; color:var(--muted); }.logo-strip span:nth-child(2){color:var(--orange)}
.section { padding:110px 0; position:relative; }.section.alt{background:var(--bg-soft)}
.section-head { max-width:760px; margin-bottom:48px; }.section-head.narrow{max-width:650px}.section-head h2,.api-copy h2,.security-copy h2,.faq-intro h2 { font-size:clamp(34px,4vw,52px); letter-spacing:-2px; line-height:1.08; margin:12px 0 16px; }.section-head p,.api-copy>p,.security-copy>p,.faq-intro>p{color:var(--muted);font-size:17px}
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.feature-card { position:relative; min-height:300px; background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:28px; transition:.25s ease; overflow:hidden; }.feature-card:hover{transform:translateY(-5px);border-color:rgba(255,106,0,.28);box-shadow:var(--shadow)}.feature-card.featured{grid-row:span 2; min-height:618px;background:linear-gradient(160deg,var(--panel),color-mix(in srgb,var(--orange) 10%,var(--panel)));}.feature-card.featured::after{content:"";position:absolute;width:260px;height:260px;border:52px solid rgba(255,106,0,.12);border-radius:50%;right:-130px;bottom:-80px}.feature-card .icon{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:var(--orange-soft);color:var(--orange);font-weight:800;font-size:21px;margin-bottom:22px}.feature-card .tag{position:absolute;top:26px;right:26px;background:rgba(255,106,0,.12);color:var(--orange);padding:5px 9px;border-radius:20px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.feature-card h3{font-size:22px;margin:0 0 10px}.feature-card p{color:var(--muted);font-size:14px}.feature-card ul{list-style:none;padding:0;margin:24px 0 0}.feature-card li{padding:9px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}.feature-card li::before{content:"•";color:var(--orange);margin-right:10px}.feature-card a{display:inline-block;margin-top:18px;color:var(--orange);font-weight:700;font-size:13px}.pill-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.pill-row span{font-size:10px;padding:5px 8px;border:1px solid var(--line);border-radius:20px;color:var(--muted)}
.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; position:relative; }.steps::before{content:"";position:absolute;left:7%;right:7%;top:34px;height:1px;background:linear-gradient(90deg,transparent,var(--line),var(--orange),var(--line),transparent)}.step{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px 24px;min-height:220px}.step>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--bg-soft);border:1px solid var(--line);color:var(--orange);font-weight:800;margin-bottom:28px;position:relative;z-index:2}.step h3{margin:0 0 9px}.step p{color:var(--muted);font-size:14px}
.api-section{overflow:hidden}.api-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.api-points{display:grid;gap:14px;margin:28px 0}.api-points>div{display:flex;gap:12px;align-items:flex-start}.api-points>div>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(49,196,141,.12);color:var(--green);font-size:12px}.api-points p{margin:0;display:flex;flex-direction:column}.api-points small{color:var(--muted);margin-top:2px}.code-window{background:#0c1118;border:1px solid rgba(255,255,255,.10);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.code-tabs{height:52px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.07);color:#8390a0}.code-tabs span{padding:7px 10px;border-radius:8px;font-size:11px}.code-tabs span.active{background:#17202b;color:#fff}.code-tabs b{margin-left:auto;font-size:10px;color:var(--orange)}.code-window pre{margin:0;padding:26px;overflow:auto;color:#d4dce6;font:13px/1.75 Consolas,Monaco,monospace}.code-window .green{color:#8ee6a8}.code-window .purple{color:#d2a8ff}.code-result{border-top:1px solid rgba(255,255,255,.07);padding:13px 18px;display:flex;gap:12px;align-items:center}.code-result span{font-size:10px;background:rgba(49,196,141,.12);color:var(--green);padding:5px 8px;border-radius:7px}.code-result code{font-size:10px;color:#8d9aaa}
.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.security-visual{position:relative;min-height:460px;display:grid;place-items:center}.shield{width:140px;height:160px;clip-path:polygon(50% 0,94% 18%,88% 72%,50% 100%,12% 72%,6% 18%);background:linear-gradient(145deg,var(--orange),#ff8a2d);display:grid;place-items:center;color:#fff;font-size:48px;font-weight:900;box-shadow:0 30px 70px rgba(255,106,0,.25);z-index:2}.security-ring{position:absolute;border:1px dashed var(--line);border-radius:50%}.ring-1{width:310px;height:310px}.ring-2{width:430px;height:430px}.security-chip{position:absolute;padding:8px 11px;border-radius:10px;background:var(--panel);border:1px solid var(--line);font-size:11px;color:var(--muted);box-shadow:var(--shadow)}.chip-1{top:56px;left:15%}.chip-2{top:95px;right:10%}.chip-3{bottom:92px;left:8%}.chip-4{bottom:55px;right:10%}.security-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.security-list>div{display:flex;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.security-list>div>span{color:var(--orange);font-size:11px;font-weight:800}.security-list p{margin:0;display:flex;flex-direction:column}.security-list small{color:var(--muted);margin-top:3px}
.usecases{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.usecase{padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.usecase>span{color:var(--orange);font-size:11px;font-weight:800;letter-spacing:1px}.usecase h3{font-size:18px;margin:16px 0 8px}.usecase p{color:var(--muted);font-size:13px}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.text-link{color:var(--orange);font-weight:700}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{cursor:pointer;list-style:none;font-weight:700;display:flex;justify-content:space-between;gap:15px}.faq-list summary::after{content:"+";color:var(--orange);font-size:20px}.faq-list details[open] summary::after{content:"–"}.faq-list details p{color:var(--muted);font-size:14px;margin:12px 0 0;max-width:750px}
.cta-section{position:relative;background:linear-gradient(135deg,#ff6500,#ff8320);color:#fff;overflow:hidden;padding:80px 0}.cta-shape{position:absolute;width:550px;height:550px;border:100px solid rgba(0,0,0,.09);border-radius:50%;right:-210px;top:-180px}.cta-inner{position:relative;display:flex;justify-content:space-between;gap:50px;align-items:center}.cta-inner h2{font-size:clamp(38px,4.5vw,58px);line-height:1.02;letter-spacing:-2.4px;margin:12px 0}.cta-inner p{max-width:650px;color:rgba(255,255,255,.84)}.cta-actions{display:flex;gap:10px;flex-wrap:wrap;min-width:max-content}
.site-footer{padding:70px 0 26px;background:#080c11;color:#fff}.footer-grid{display:grid;grid-template-columns:1.6fr .8fr 1fr .8fr;gap:50px}.footer-brand{margin-bottom:18px}.footer-grid>div>p{color:#7f8b99;max-width:360px;font-size:13px}.footer-grid h4{font-size:13px;margin:0 0 16px;color:#fff}.footer-grid>div:not(:first-child){display:flex;flex-direction:column}.footer-grid a{color:#7f8b99;font-size:13px;margin:5px 0}.footer-grid a:hover{color:#fff}.footer-bottom{margin-top:46px;padding-top:22px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;gap:20px;color:#6f7b89;font-size:12px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
@media (max-width: 1050px){.desktop-nav{display:none}.menu-toggle{display:block}.hero-grid,.api-grid,.security-grid,.faq-grid{grid-template-columns:1fr}.hero{padding-top:125px}.hero-copy{text-align:center}.hero-copy>p,.hero-trust{margin-inline:auto}.hero-actions{justify-content:center}.hero-visual{margin-top:10px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card.featured{grid-row:auto;min-height:380px}.steps,.usecases{grid-template-columns:1fr 1fr}.steps::before{display:none}.security-visual{min-height:380px}.faq-grid{gap:30px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.cta-inner{flex-direction:column;align-items:flex-start}.cta-actions{min-width:0}}
@media (max-width: 720px){.container{width:min(var(--max),calc(100% - 28px))}.header-actions .btn{display:none}.theme-toggle{display:none}.header-inner{min-height:68px}.mobile-nav{top:68px}.hero{min-height:auto;padding:118px 0 72px}.hero-grid{gap:34px}.hero h1{font-size:42px;letter-spacing:-1.8px}.hero-copy>p{font-size:16px}.hero-trust{grid-template-columns:1fr;gap:10px;text-align:left}.hero-visual{min-height:360px}.dashboard-shell{transform:none}.dashboard-body{grid-template-columns:46px 1fr}.mock-main{padding:12px}.mock-grid{grid-template-columns:1fr 1fr}.mock-card.balance{grid-row:auto;min-height:92px}.mock-bottom{grid-template-columns:1fr}.mock-action{display:none}.floating-card{display:none}.logo-strip-inner{gap:16px;flex-direction:column;padding:24px 0}.section{padding:78px 0}.feature-grid,.steps,.usecases,.security-list,.footer-grid{grid-template-columns:1fr}.feature-card.featured{min-height:390px}.section-head h2,.api-copy h2,.security-copy h2,.faq-intro h2{font-size:36px;letter-spacing:-1.4px}.code-window pre{font-size:11px;padding:18px}.code-tabs b{display:none}.security-visual{min-height:330px;transform:scale(.84)}.cta-inner h2{font-size:40px}.cta-actions{width:100%}.cta-actions .btn{flex:1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.brand small{display:none}}