:root {
  --bg: #f7f8fc;
  --ink: #101428;
  --muted: #62697d;
  --line: rgba(16,20,40,.1);
  --purple: #655cff;
  --purple-dark: #5047ed;
  --cyan: #47d7e8;
  --navy: #0b1027;
  --card: #ffffff;
  --success: #1aa981;
  --radius-lg: 30px;
  --radius-md: 20px;
  --shadow: 0 30px 80px rgba(29,32,72,.12);
  --font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-family);
  overflow-x: hidden;
}
body::before {
  content:"";
  position: fixed; inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 0%, rgba(101,92,255,.08), transparent 28%),
    radial-gradient(circle at 90% 10%, rgba(71,215,232,.08), transparent 26%);
  z-index:-2;
}
.noise {
  position:fixed; inset:0; z-index:-1; opacity:.035; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");
}
a { color:inherit; text-decoration:none; }
button { font:inherit; }
a:focus-visible,
button:focus-visible {
  outline: 3px solid rgba(101, 92, 255, .55);
  outline-offset: 4px;
  border-radius: 10px;
}
.section-shell { width:min(1180px, calc(100% - 48px)); margin-inline:auto; }

.site-header {
  position:sticky; top:0; z-index:50;
  height:82px;
  display:flex; align-items:center;
  padding:0 max(24px, calc((100vw - 1180px)/2));
  background:rgba(247,248,252,.82);
  backdrop-filter:blur(22px);
  border-bottom:1px solid rgba(16,20,40,.06);
}
.brand { display:flex; align-items:center; gap:11px; font:800 22px/1 var(--font-family); letter-spacing:-.6px; }
.brand-mark { width:31px; height:31px; position:relative; display:inline-flex; align-items:end; gap:3px; padding:6px; border-radius:10px; background:var(--navy); transform:rotate(-2deg); }
.brand-mark span { display:block; width:4px; border-radius:4px; background:white; transform:skew(-17deg); }
.brand-mark span:nth-child(1){height:10px}.brand-mark span:nth-child(2){height:17px;background:var(--cyan)}.brand-mark span:nth-child(3){height:13px;background:#8e86ff}
.nav { display:flex; gap:28px; margin:auto; }
.nav a,.text-link { font-size:14px; font-weight:600; color:#41475a; transition:.2s; }
.nav a:hover,.text-link:hover { color:var(--purple); }
.header-actions { display:flex; align-items:center; gap:22px; }
.menu-toggle { display:none; background:none; border:0; }

.button {
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height:54px; padding:0 24px;
  border-radius:13px;
  background:var(--purple);
  color:white;
  font-weight:700; font-size:15px;
  box-shadow:0 12px 30px rgba(101,92,255,.24);
  transition:transform .2s, background .2s, box-shadow .2s;
}
.button:hover { transform:translateY(-2px); background:var(--purple-dark); box-shadow:0 16px 36px rgba(101,92,255,.3); }
.button-small { min-height:42px; padding:0 18px; border-radius:11px; font-size:14px; }
.button-secondary { background:white; color:var(--ink); box-shadow:0 10px 25px rgba(24,28,59,.08); border:1px solid var(--line); }
.button-secondary:hover { background:white; color:var(--purple); }
.button-light { background:white; color:var(--navy); box-shadow:none; }
.button-light:hover { background:#f0f2ff; }

.hero {
  min-height:760px;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  align-items:center;
  gap:42px;
  padding-top:70px; padding-bottom:94px;
}
.eyebrow { display:flex; align-items:center; gap:9px; color:#4f566d; font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.eyebrow span { width:24px; height:2px; background:linear-gradient(90deg,var(--purple),var(--cyan)); }
.hero h1 {
  margin:25px 0 25px;
  font:800 clamp(54px,6vw,82px)/.98 var(--font-family);
  letter-spacing:-4.8px;
}
.hero h1 em {
  font-style:normal;
  background:linear-gradient(100deg,var(--purple),#7f6cff 52%,#24bfcf);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.hero-lead { max-width:570px; font-size:19px; line-height:1.65; color:var(--muted); }
.hero-actions { display:flex; gap:12px; margin-top:34px; }
.hero-proof { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:45px; padding-top:26px; border-top:1px solid var(--line); }
.hero-proof strong,.hero-proof span { display:block; }
.hero-proof strong { font:700 14px var(--font-family); margin-bottom:5px; }
.hero-proof span { color:#747b8d; font-size:12px; line-height:1.4; }

.hero-product { min-width:0; position:relative; padding:20px 0 35px 22px; }
.dashboard-window {
  position:relative; z-index:2;
  background:#fdfdff; border:1px solid rgba(22,24,58,.12); border-radius:20px;
  box-shadow:0 45px 100px rgba(38,36,88,.2);
  overflow:hidden;
  transform:perspective(1600px) rotateY(-5deg) rotateX(2deg);
}
.window-bar { height:43px; display:flex; align-items:center; padding:0 14px; border-bottom:1px solid #edf0f7; color:#73798d; font-size:10px; font-weight:700; }
.window-dots { display:flex; gap:5px; margin-right:18px; }
.window-dots i { width:7px; height:7px; border-radius:50%; background:#d8dbea; }
.window-dots i:first-child{background:#ff8c89}.window-dots i:nth-child(2){background:#ffd16e}.window-dots i:nth-child(3){background:#70d9b0}
.live-pill { margin-left:auto; display:flex; align-items:center; gap:5px; color:#339578; background:#eaf9f4; padding:5px 8px; border-radius:20px; }
.live-pill i { width:5px;height:5px;border-radius:50%;background:#28b88c; box-shadow:0 0 0 3px rgba(40,184,140,.14); }
.dashboard-body { display:grid; grid-template-columns:49px 1fr; background:#f7f8fc; min-height:420px; }
.dash-sidebar { display:flex; align-items:center; flex-direction:column; gap:21px; padding:14px 0; background:#11162d; }
.mini-brand { color:white; font:800 10px var(--font-family); width:25px;height:25px;display:grid;place-items:center;background:var(--purple);border-radius:8px;margin-bottom:9px; }
.dash-sidebar i { display:block;width:13px;height:13px;border-radius:4px;background:#343a52; }
.dash-sidebar i.active { background:#7a72ff; box-shadow:0 0 0 7px rgba(122,114,255,.12); }
.dash-sidebar i.bottom { margin-top:auto; }
.dash-main { padding:19px; min-width:0; }
.dash-heading { display:flex; align-items:center; justify-content:space-between; }
.dash-heading small,.dash-heading h3 { display:block; margin:0; }
.dash-heading small { font-size:8px; color:#969bad; }
.dash-heading h3 { margin-top:3px; font:700 13px var(--font-family); }
.dash-heading button { border:1px solid #e2e5ee; background:white; padding:7px 9px; border-radius:7px; font-size:8px; color:#6d7386; }
.metric-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:14px 0 9px; }
.metric-grid article { background:white; border:1px solid #eaecf3; border-radius:10px; padding:10px; }
.metric-grid small,.metric-grid strong,.metric-grid span { display:block; }
.metric-grid small { font-size:7px; color:#858b9e; }
.metric-grid strong { font:700 15px var(--font-family); margin:5px 0; letter-spacing:-.5px; }
.metric-grid span { font-size:7px; color:#777d90; }.metric-grid .positive{color:#1aa981}
.chart-card,.transaction-card { background:white; border:1px solid #eaecf3; border-radius:10px; }
.chart-card { padding:10px 10px 3px; }
.chart-header { display:flex;justify-content:space-between;align-items:center; }
.chart-header small,.chart-header strong { display:block; }.chart-header small{font-size:7px;color:#969bad}.chart-header strong{font-size:9px;margin-top:2px}
.legend { color:#8a90a2; font-size:6px; display:flex;align-items:center;gap:4px}.legend i{width:6px;height:2px;background:var(--purple);display:inline-block}.legend i:nth-child(2){background:var(--cyan)}
.chart-card svg { width:100%; height:105px; overflow:visible; }
.grid-lines { stroke:#eff1f6;stroke-width:1 }.area{fill:url(#area)}.line-purple{fill:none;stroke:var(--purple);stroke-width:3;stroke-linecap:round}.line-cyan{fill:none;stroke:var(--cyan);stroke-width:2;stroke-linecap:round;stroke-dasharray:5 5}
.transaction-card { margin-top:9px; overflow:hidden; }
.tx-head { padding:8px 10px;display:flex;justify-content:space-between;border-bottom:1px solid #eff1f6;font-size:7px}.tx-head strong{font-size:8px}.tx-head span{color:var(--purple)}
.tx-row { display:grid;grid-template-columns:24px 1.2fr 1fr .8fr auto;gap:8px;align-items:center;padding:8px 10px;border-bottom:1px solid #f0f2f6;font-size:7px}.tx-row.dim{opacity:.64}.tx-row strong,.tx-row small{display:block}.tx-row small{font-size:6px;color:#9499aa;margin-bottom:2px}.card-icon{width:21px;height:21px;display:grid;place-items:center;border-radius:6px;background:#eef0ff;color:var(--purple);font-weight:800}.tx-row b.approved,.tx-row b.pending{font-size:6px;padding:4px 6px;border-radius:8px;background:#eaf9f4;color:#15936f}.tx-row b.pending{background:#fff5dd;color:#b98212}
.floating-card { position:absolute; z-index:4; background:rgba(255,255,255,.94); backdrop-filter:blur(12px); border:1px solid rgba(55,55,90,.1); box-shadow:0 18px 55px rgba(30,31,70,.18); border-radius:13px; }
.route-card { left:-18px; bottom:0; width:225px; padding:13px; }
.route-card>small { font-size:8px;color:#8a8fa0;text-transform:uppercase;font-weight:700;letter-spacing:.07em}.route-line{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eff0f5}.route-line span{font-size:7px;color:#8d92a2}.route-line b{font-size:7px}.provider-selected{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:6px;padding-top:9px}.provider-selected i{width:7px;height:7px;border-radius:50%;background:#22b487;box-shadow:0 0 0 4px rgba(34,180,135,.12)}.provider-selected span{font-size:7px;color:#8a90a2}.provider-selected strong{font-size:8px}
.status-card { right:-20px; top:105px; padding:11px 15px; display:flex; align-items:center; gap:10px; }
.status-card>i{width:25px;height:25px;border-radius:50%;background:#e4f8f1;position:relative}.status-card>i:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#16a17a;font-size:12px;font-weight:800}.status-card small,.status-card strong{display:block}.status-card small{font-size:7px;color:#8b91a1}.status-card strong{font-size:9px;margin-top:3px}
.orb { position:absolute;border-radius:50%;filter:blur(2px);opacity:.45; }.orb-one{width:260px;height:260px;background:#9d98ff;right:-60px;top:-25px}.orb-two{width:170px;height:170px;background:#6ee5e8;left:60px;bottom:5px}

.logo-strip { padding:25px 0 80px; text-align:center; }
.logo-strip p { font-size:12px;color:#8a8f9e;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-bottom:26px; }
.rails { display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;color:#555c70;font:700 15px var(--font-family); }
.rails span { opacity:.65; }

.intro { padding:105px 0 70px; border-top:1px solid var(--line); }
.section-label { color:var(--purple);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:24px; }
.section-label.light { color:#9fa8ff; }
.intro-grid { display:grid;grid-template-columns:1.1fr .7fr;gap:110px;align-items:start; }
.intro h2,.section-heading h2,.developer-copy h2,.security-copy h2,.cta-section h2 {
  margin:0;font:750 clamp(38px,5vw,60px)/1.06 var(--font-family);letter-spacing:-2.8px;
}
.intro-grid p,.section-heading p,.developer-copy p,.security-copy p,.cta-section p { margin:5px 0 25px;color:var(--muted);font-size:17px;line-height:1.7; }
.arrow-link,.feature-copy>a { display:inline-flex;align-items:center;gap:10px;color:var(--purple);font-weight:700;font-size:14px}.arrow-link span,.feature-copy>a span{transition:.2s}.arrow-link:hover span,.feature-copy>a:hover span{transform:translateX(4px)}

.capabilities { display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 0 110px; }
.feature-card { position:relative;overflow:hidden;background:white;border:1px solid rgba(22,26,59,.08);border-radius:var(--radius-lg);padding:38px;min-height:500px;box-shadow:0 12px 45px rgba(26,31,72,.05); }
.feature-large,.feature-wide { grid-column:1/-1;display:grid;grid-template-columns:.75fr 1.25fr;gap:45px;align-items:center;min-height:560px; }
.feature-wide{grid-template-columns:.7fr 1.3fr;min-height:500px;background:#f2f3fa}
.feature-icon { width:42px;height:42px;display:grid;place-items:center;background:#eeecff;color:var(--purple);border-radius:13px;font-size:20px;font-weight:800;margin-bottom:26px; }
.card-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#8a90a2;font-weight:800}.feature-card h3{margin:13px 0 16px;font:750 31px/1.15 var(--font-family);letter-spacing:-1.3px;max-width:470px}.feature-card p{color:var(--muted);font-size:15px;line-height:1.7;max-width:520px;margin-bottom:25px}

.rule-builder { background:#11162d;border-radius:20px;padding:20px;color:white;box-shadow:0 25px 60px rgba(17,22,45,.25); }
.rule-top,.rule-footer { display:flex;align-items:center;justify-content:space-between}.rule-top strong{font-size:11px}.rule-top span{font-size:8px;color:#5be0b5;background:rgba(91,224,181,.1);padding:5px 8px;border-radius:20px}.rule-name{font:700 17px var(--font-family);padding:20px 0 15px;border-bottom:1px solid #2a3048}.condition{position:relative;padding:20px 0 2px 45px}.condition>small{position:absolute;left:0;top:24px;font-size:7px;color:#8f97b0;background:#242a43;padding:5px;border-radius:5px}.condition>div{display:grid;grid-template-columns:1fr 40px 1.3fr;gap:8px;background:#1b2139;border:1px solid #2b324e;padding:9px;margin-bottom:6px;border-radius:8px;font-size:8px;align-items:center}.condition span{color:#8f97b0}.condition b{color:#686f86}.condition strong{text-align:right}.condition.then>div{grid-template-columns:1fr 1.2fr .7fr}.condition.then b{text-align:right}.rule-footer{border-top:1px solid #2a3048;padding-top:15px;margin-top:12px}.rule-footer span{font-size:8px;color:#7f879f}.rule-footer button{border:0;background:var(--purple);color:white;padding:8px 12px;border-radius:7px;font-size:8px;font-weight:700}

.method-stack { margin-top:32px; padding:17px;background:#f6f7fb;border-radius:17px; }
.method-stack>div { display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px;background:white;border:1px solid #eceef4;border-radius:10px;margin-bottom:8px}.method-stack>div:last-child{margin:0}.method-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#eff0ff;color:var(--purple);font-weight:800}.method-stack b{font-size:11px}.method-stack i{font-style:normal;font-size:8px;color:#168f6d;background:#e6f8f2;padding:5px 7px;border-radius:15px}
.provider-list { margin-top:28px; }
.provider-list>div{display:grid;grid-template-columns:11px 1fr auto;gap:12px;align-items:center;padding:15px 2px;border-bottom:1px solid #eceef3}.provider-list i{width:10px;height:10px;border-radius:3px;background:var(--purple);box-shadow:0 0 0 5px #eeecff}.provider-list span b,.provider-list span small{display:block}.provider-list b{font-size:12px}.provider-list small{font-size:9px;color:#9499a8;margin-top:3px}.provider-list em{font-style:normal;color:#148e6b;background:#e7f8f2;font-size:8px;padding:6px 8px;border-radius:15px}

.log-panel { background:white;border:1px solid #e3e5ed;border-radius:18px;padding:22px;box-shadow:0 22px 55px rgba(34,37,75,.08);overflow:hidden; }
.log-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid #eceef3}.log-title small,.log-title strong{display:block}.log-title small{font-size:8px;color:#9398a8;margin-bottom:4px}.log-title strong{font:600 10px monospace}.log-title>span{font-size:8px;color:#168e6d;background:#e7f8f2;padding:6px 9px;border-radius:20px}.timeline{padding-top:8px}.timeline>div{position:relative;display:grid;grid-template-columns:16px 1fr auto;gap:10px;align-items:start;padding:12px 0}.timeline>div:not(:last-child):after{content:"";position:absolute;width:1px;height:28px;background:#dfe3e9;left:5px;top:27px}.timeline i{width:11px;height:11px;border-radius:50%;background:#24b489;box-shadow:0 0 0 4px #e8f8f3}.timeline b,.timeline small{display:block}.timeline b{font-size:10px}.timeline small{font-size:8px;color:#9297a6;margin-top:4px}.timeline em{font-style:normal;font-size:8px;color:#777e91}

.how { padding:110px 0 130px; }
.section-heading { display:grid;grid-template-columns:1fr .65fr;gap:100px;align-items:end; }
.section-heading p { margin-bottom:0; }
.flow { display:grid;grid-template-columns:170px 1fr 190px 1fr 370px;align-items:center;margin-top:75px; }
.flow-node { position:relative;background:white;border:1px solid #e1e3eb;border-radius:18px;padding:25px;text-align:center;box-shadow:0 15px 40px rgba(28,31,67,.06) }.flow-node>span,.provider-nodes span{position:absolute;top:10px;left:12px;font-size:7px;color:#a0a5b3}.node-icon{width:46px;height:46px;margin:0 auto 15px;border-radius:14px;background:#eef0f8;display:grid;place-items:center;font-size:19px}.flow-node strong,.flow-node small{display:block}.flow-node strong{font:700 13px var(--font-family)}.flow-node small{font-size:8px;color:#9297a8;margin-top:5px}.flow-node.central{background:#11162d;color:white;border-color:#11162d;box-shadow:0 20px 50px rgba(17,22,45,.2)}.mecoren-m{background:var(--purple);font:800 18px var(--font-family)}.flow-line{height:2px;background:linear-gradient(90deg,#d8dbe7,var(--purple),#d8dbe7);position:relative}.flow-line i{position:absolute;width:5px;height:5px;background:var(--purple);border-radius:50%;top:-1.5px;animation:travel 3s infinite}.flow-line i:nth-child(2){animation-delay:1s}.flow-line i:nth-child(3){animation-delay:2s}@keyframes travel{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:100%;opacity:0}}.flow-branches{height:150px;position:relative}.flow-branches:before{content:"";position:absolute;left:0;top:74px;width:50%;height:2px;background:#d8dbe7}.flow-branches:after{content:"";position:absolute;left:50%;top:15px;width:2px;height:120px;background:#d8dbe7}.flow-branches i{position:absolute;right:0;width:50%;height:2px;background:#d8dbe7}.flow-branches i:first-child{top:15px}.flow-branches i:nth-child(2){top:74px}.flow-branches i:nth-child(3){bottom:15px}.provider-nodes{display:grid;gap:10px}.provider-nodes>div{position:relative;background:white;border:1px solid #e1e3eb;border-radius:13px;padding:16px 18px 16px 42px;display:flex;justify-content:space-between;align-items:center}.provider-nodes b{font-size:11px}.provider-nodes small{font-size:8px;color:#9298aa}

.developer-section { background:#0b1027;color:white;padding:120px 0;position:relative;overflow:hidden; }
.developer-section:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:rgba(101,92,255,.18);filter:blur(100px);right:-300px;top:-300px}
.developer-grid { position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center; }
.developer-copy p{color:#aeb5ca}.developer-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.code-link{font-size:13px;color:#cbd0de;font-weight:600}.dev-benefits{display:flex;gap:8px;flex-wrap:wrap;margin-top:40px}.dev-benefits span{border:1px solid #303752;color:#aeb5c9;padding:8px 11px;border-radius:7px;font-size:10px}
.code-window { background:#111831;border:1px solid #29304a;border-radius:20px;box-shadow:0 35px 90px rgba(0,0,0,.35);overflow:hidden; }
.code-tabs{display:flex;gap:7px;padding:14px;background:#0e142b;border-bottom:1px solid #292f48}.code-tabs span{font-size:9px;color:#767f9a;padding:7px 10px}.code-tabs span.active{background:#202842;color:#e3e6ef;border-radius:7px}.code-window pre{margin:0;padding:28px;font:12px/1.85 "SFMono-Regular",Consolas,monospace;color:#e5e8f2;overflow:auto}.pink{color:#f982bd}.muted{color:#aeb5ca}.blue{color:#83aaff}.green{color:#7dddb8}.orange{color:#ffbd72}.code-response{display:flex;align-items:center;gap:9px;padding:14px 28px;background:#0e142b;border-top:1px solid #292f48;font-size:9px}.code-response i{width:7px;height:7px;border-radius:50%;background:#39d3a3;box-shadow:0 0 0 4px rgba(57,211,163,.12)}.code-response span{color:#61ddb7}.code-response b{margin-left:auto;color:#9fa7bd}

.security { padding:120px 0;display:grid;grid-template-columns:.7fr 1.3fr;gap:100px;align-items:start; }
.security-copy{position:sticky;top:120px}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.security-grid article{background:white;border:1px solid #e7e9f0;border-radius:22px;padding:29px;min-height:230px}.security-grid span{color:var(--purple);font-size:10px;font-weight:800}.security-grid h3{font:700 20px var(--font-family);margin:35px 0 12px}.security-grid p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}

.cta-section { position:relative;overflow:hidden;background:#655cff;color:white;text-align:center;border-radius:34px;padding:100px 30px;margin-bottom:100px;box-shadow:0 35px 80px rgba(101,92,255,.27); }
.cta-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(71,215,232,.25);filter:blur(70px);top:-340px;right:-80px}.cta-section>*{position:relative}.cta-section h2{font-size:64px}.cta-section p{color:#e2e0ff;max-width:650px;margin:24px auto 32px}.cta-actions{display:flex;justify-content:center;gap:12px}.cta-secondary{background:transparent;border:1px solid rgba(255,255,255,.35);box-shadow:none}.cta-secondary:hover{background:rgba(255,255,255,.1)}

.footer { padding:20px 0 38px; }
.footer-top { display:flex;justify-content:space-between;align-items:center;padding-bottom:35px;border-bottom:1px solid var(--line)}.footer-top p{color:#7f8596;font-size:13px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:50px;padding:55px 0}.footer-grid>div{display:flex;flex-direction:column;gap:12px}.footer-grid strong{font-size:12px;margin-bottom:5px}.footer-grid a,.footer-grid span{font-size:12px;color:#777e90}.footer-grid a:hover{color:var(--purple)}.footer-contact a{font:700 18px var(--font-family);color:var(--ink);margin:5px 0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;color:#999eac;font-size:10px}

.reveal { opacity:0; transform:translateY(24px); transition:opacity .8s ease, transform .8s ease; }
.reveal.visible { opacity:1; transform:none; }
.reveal.delay-1 { transition-delay:.14s; }

@media(max-width:1000px){
  .nav{display:none}.header-actions .text-link{display:none}.menu-toggle{display:block;margin-left:auto;margin-right:18px;width:27px;height:27px}.menu-toggle span{display:block;width:20px;height:2px;background:var(--ink);margin:5px}
  .nav.open{display:flex;position:absolute;top:82px;left:0;right:0;background:white;flex-direction:column;padding:28px 24px;border-bottom:1px solid var(--line)}
  .hero{grid-template-columns:1fr;padding-top:80px}.hero-copy{text-align:center}.eyebrow{justify-content:center}.hero-lead{margin-inline:auto}.hero-actions{justify-content:center}.hero-product{max-width:760px;margin:auto;width:100%}
  .intro-grid,.section-heading,.developer-grid,.security{grid-template-columns:1fr;gap:38px}.feature-large,.feature-wide{grid-template-columns:1fr}.security-copy{position:static}.flow{grid-template-columns:140px 1fr 155px 1fr 280px}
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
@media(max-width:720px){
  .section-shell{width:min(100% - 28px,1180px)}.site-header{padding:0 14px}.header-actions .button{display:none}
  .hero{min-height:auto;padding:60px 0 70px}.hero h1{font-size:52px;letter-spacing:-3px}.hero-lead{font-size:17px}.hero-actions{flex-direction:column}.hero-proof{grid-template-columns:1fr;gap:14px}.hero-product{padding-left:0}.dashboard-window{transform:none}.floating-card{display:none}.dash-sidebar{display:none}.dashboard-body{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article:last-child{display:none}.tx-row{grid-template-columns:24px 1fr auto}.tx-row>div:nth-child(3),.tx-row>div:nth-child(4){display:none}
  .rails{justify-content:center}.intro{padding-top:80px}.intro-grid{gap:24px}.intro h2,.section-heading h2,.developer-copy h2,.security-copy h2,.cta-section h2{font-size:40px;letter-spacing:-2px}
  .capabilities{grid-template-columns:1fr;padding-bottom:70px}.feature-card,.feature-large,.feature-wide{grid-column:auto;padding:25px;min-height:auto}.feature-card h3{font-size:26px}.rule-builder{padding:15px}.condition{padding-left:0}.condition>small{position:static;display:inline-block;margin-bottom:7px}.condition>div,.condition.then>div{grid-template-columns:1fr}.condition strong,.condition.then b{text-align:left}
  .flow{display:flex;flex-direction:column;gap:12px}.flow-line{width:2px;height:50px;background:linear-gradient(#d8dbe7,var(--purple),#d8dbe7)}.flow-line i{animation:none}.flow-branches{width:2px;height:35px;background:#d8dbe7}.flow-branches:before,.flow-branches:after,.flow-branches i{display:none}.provider-nodes{width:100%}.flow-node{width:190px}
  .developer-section{padding:80px 0}.developer-actions{align-items:flex-start;flex-direction:column}.code-window pre{font-size:10px;padding:18px}.security{padding:80px 0}.security-grid{grid-template-columns:1fr}.cta-section{padding:70px 20px;margin-bottom:70px}.cta-actions{flex-direction:column}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column;gap:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}
}