:root{
  --bg:#06111c;
  --bg-2:#0a1724;
  --panel:#0e2031;
  --panel-2:#12283c;
  --white:#ffffff;
  --text:#eaf2f7;
  --muted:#9fb0bd;
  --blue:#0d8bd7;
  --blue-2:#46b7ff;
  --cyan:#49e2d2;
  --green:#39d58a;
  --orange:#ff9d4d;
  --red:#ff626f;
  --line:rgba(255,255,255,.095);
  --shadow:0 28px 70px rgba(0,0,0,.28);
  --radius:24px;
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.14em;font-size:.73rem;font-weight:800;color:#7ed2ff}
.eyebrow::before{content:"";width:24px;height:2px;background:linear-gradient(90deg,var(--blue-2),var(--cyan));border-radius:999px}
.section{padding:96px 0;position:relative}
.section.alt{background:#f5f9fc;color:#0d2234}
.section.alt .muted{color:#617384}
.section-title{font-size:clamp(2rem,4vw,3.5rem);line-height:1.04;margin:14px 0 18px;letter-spacing:-.045em}
.section-lead{max-width:780px;font-size:1.08rem;color:var(--muted);margin:0}
.section.alt .section-lead{color:#647688}
.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:14px;border:1px solid transparent;font-weight:800;transition:.2s ease;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--blue-2),var(--cyan));color:#04131c;box-shadow:0 14px 30px rgba(50,180,240,.22)}
.btn-ghost{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.055)}
.btn-dark{background:#081521;color:#fff}
.btn-outline-dark{border-color:#bfd0dc;background:#fff;color:#10283b}
.topline{border-bottom:1px solid var(--line);background:#07131f}
.topline-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.82rem;color:#a9bac7}
.topline-inner strong{color:#dcebf4}
.topline-links{display:flex;gap:18px;align-items:center}
.nav{position:sticky;top:0;z-index:100;background:rgba(6,17,28,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav-inner{height:78px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:12px;min-width:178px}
.brand img{width:145px;height:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}
.nav-links{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:.92rem;font-weight:700;color:#cbd8e0}
.nav-links a:hover{color:#fff}
.nav-actions{display:flex;align-items:center;gap:10px}
.menu-toggle{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#102438;color:#fff;font-size:1.2rem}
.hero{position:relative;overflow:hidden;padding:86px 0 64px;background:
radial-gradient(circle at 15% 18%,rgba(18,151,220,.24),transparent 31%),
radial-gradient(circle at 85% 22%,rgba(73,226,210,.16),transparent 28%),
linear-gradient(180deg,#07131f 0%,#06111c 100%)}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 85%)}
.hero-grid{position:relative;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:56px}
.hero-copy{padding-bottom:30px}
.hero-product-mark{width:220px;margin:0 0 22px;filter:drop-shadow(0 16px 30px rgba(0,0,0,.18))}
.hero h1{font-size:clamp(3rem,6.6vw,6rem);line-height:.92;letter-spacing:-.065em;margin:0 0 24px;max-width:770px}
.hero h1 span{background:linear-gradient(100deg,#fff 0%,#92dcff 48%,#54ead7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub{font-size:1.13rem;max-width:690px;color:#afc0cc;margin:0 0 30px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;color:#bac9d3;font-size:.82rem}
.hero-proof span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:999px}
.hero-stage{position:relative;min-height:610px;display:flex;align-items:center;justify-content:center}
.hero-glow{position:absolute;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(23,159,230,.22),rgba(73,226,210,.06) 48%,transparent 72%);filter:blur(4px)}
.browser{position:relative;width:min(760px,100%);border-radius:24px;padding:10px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.045));box-shadow:0 38px 90px rgba(0,0,0,.45);transform:perspective(1300px) rotateY(-5deg) rotateX(1.5deg)}
.browser-top{height:34px;display:flex;align-items:center;gap:7px;padding:0 10px}
.dot{width:9px;height:9px;border-radius:50%;background:#91a4b2}.dot:nth-child(1){background:#ff6674}.dot:nth-child(2){background:#ffba58}.dot:nth-child(3){background:#53d78c}
.browser img{border-radius:15px;border:1px solid rgba(255,255,255,.1);background:white}
.float-chip{position:absolute;z-index:4;padding:12px 14px;border:1px solid rgba(255,255,255,.12);background:rgba(12,33,49,.9);backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 14px 35px rgba(0,0,0,.25);font-weight:800;font-size:.83rem}
.float-chip small{display:block;font-weight:600;color:#9eb2c0;margin-top:2px}.chip-a{left:-10px;bottom:92px}.chip-b{right:0;top:86px}
.metrics-wrap{position:relative;margin-top:-1px;padding:0 0 36px;background:#06111c}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#0b1a28;box-shadow:var(--shadow)}
.metric{padding:24px 26px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}
.metric strong{display:block;font-size:1.55rem;color:#fff;letter-spacing:-.035em}.metric span{font-size:.84rem;color:#9fb0bd}
.product-gallery{margin-top:44px;border-radius:26px;background:#0b1d2d;border:1px solid var(--line);padding:14px;box-shadow:var(--shadow)}
.gallery-main{position:relative;border-radius:18px;overflow:hidden;background:#fff;aspect-ratio:2.15/1}
.gallery-main img{width:100%;height:100%;object-fit:cover;transition:opacity .25s ease,transform .35s ease}
.gallery-main:hover img{transform:scale(1.006)}
.gallery-label{position:absolute;left:16px;bottom:16px;padding:9px 12px;background:rgba(7,19,31,.86);color:white;border-radius:11px;font-size:.82rem;font-weight:800;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px)}
.gallery-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:12px}
.gallery-tab{border:1px solid rgba(255,255,255,.1);background:#102438;color:#b8c9d4;border-radius:13px;padding:12px 10px;font-weight:800;cursor:pointer;transition:.18s ease}
.gallery-tab:hover,.gallery-tab.active{background:linear-gradient(135deg,#1a79af,#159fa0);color:#fff;border-color:transparent}
.modules{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.module-card{min-height:245px;border-radius:22px;background:#fff;border:1px solid #dbe6ee;padding:25px;transition:.2s ease;box-shadow:0 15px 35px rgba(28,67,94,.06)}
.module-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(28,67,94,.12);border-color:#b8d9ec}
.module-icon{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#e8f6ff,#eafcf8);display:flex;align-items:center;justify-content:center;font-size:1.35rem;margin-bottom:24px}
.module-card small{font-weight:900;letter-spacing:.12em;color:#1684c0}.module-card h3{margin:7px 0 10px;font-size:1.23rem}.module-card p{margin:0;color:#667888;font-size:.92rem}
.dark-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}
.feature-panel{border-radius:26px;padding:30px;background:linear-gradient(150deg,#0e2538,#0c1d2c);border:1px solid var(--line);box-shadow:var(--shadow)}
.feature-list{display:grid;gap:13px;margin-top:24px}
.feature-row{display:flex;gap:14px;align-items:flex-start;padding:15px 16px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075)}
.feature-row b{display:block}.feature-row span{font-size:.9rem;color:#a9bac7}.tick{flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:rgba(57,213,138,.13);color:#5ce5a0;display:flex;align-items:center;justify-content:center;font-weight:900}
.tax-badges{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 30px}.tax-badges span{padding:10px 13px;border-radius:12px;background:#10283b;border:1px solid rgba(255,255,255,.1);font-weight:900;color:#aee4ff}
.accounting-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:14px;margin-top:42px}
.flow-box{min-height:170px;border-radius:22px;padding:24px;background:#fff;border:1px solid #dbe6ee;box-shadow:0 16px 35px rgba(28,67,94,.06)}
.flow-box .flow-icon{font-size:1.5rem}.flow-box h3{margin:12px 0 8px}.flow-box p{margin:0;color:#667888;font-size:.9rem}.flow-arrow{color:#2a9bd6;font-weight:900;font-size:1.7rem}
.integrations{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:42px}
.integration{padding:22px;border-radius:20px;background:#0c1e2d;border:1px solid var(--line)}
.integration h3{margin:0 0 13px;font-size:1.04rem}.integration p{margin:0;color:#9fb0bd;font-size:.9rem}.integration .tagline{display:inline-block;margin-bottom:12px;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#63d6ff;font-weight:900}
.segments{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:40px}
.segment{padding:17px 15px;border-radius:16px;background:#fff;border:1px solid #dde8ef;text-align:center;font-weight:800;color:#173145;box-shadow:0 10px 25px rgba(28,67,94,.045)}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:42px}
.why-card{border:1px solid var(--line);border-radius:22px;padding:28px;background:#0b1d2d}.why-card h3{margin:0 0 8px}.why-card p{margin:0;color:#9fb0bd}
.cta{padding:92px 0;background:linear-gradient(135deg,#0d5f91,#0d8990);position:relative;overflow:hidden}
.cta::before{content:"ONE";position:absolute;right:-20px;top:-120px;font-size:22rem;line-height:1;font-weight:1000;color:rgba(255,255,255,.055);letter-spacing:-.09em}
.cta-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.02;letter-spacing:-.05em;margin:0 0 14px;max-width:760px}.cta p{margin:0;color:#d6f6ff;max-width:670px}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.footer{padding:56px 0 28px;background:#040c14;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr;gap:34px}.footer-brand img{width:145px;margin-bottom:15px}.footer p,.footer a{color:#96a9b7;font-size:.88rem}.footer h4{margin:0 0 12px}.footer-col{display:grid;align-content:start;gap:8px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:36px;padding-top:20px;border-top:1px solid var(--line);font-size:.8rem;color:#758b9a}
.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1060px){.nav-links{display:none}.nav-actions .btn-ghost{display:none}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.nav.open .nav-links{display:flex;position:absolute;top:78px;left:20px;right:20px;flex-direction:column;align-items:stretch;background:#0a1b2a;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.hero-grid,.dark-feature{grid-template-columns:1fr}.hero-stage{min-height:auto;margin-top:24px}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.modules{grid-template-columns:repeat(2,1fr)}.integrations{grid-template-columns:repeat(2,1fr)}.segments{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.cta-inner{align-items:flex-start;flex-direction:column}.accounting-flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);text-align:center}}
@media(max-width:700px){.container{width:min(calc(100% - 28px),var(--container))}.topline{display:none}.nav-inner{height:68px}.brand img{width:125px}.nav.open .nav-links{top:68px}.hero{padding-top:58px}.hero h1{font-size:clamp(2.7rem,15vw,4.8rem)}.hero-product-mark{width:180px}.hero-actions .btn{width:100%}.browser{transform:none}.float-chip{display:none}.metrics{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}.gallery-tabs{grid-template-columns:1fr 1fr}.gallery-tab:last-child{grid-column:1/-1}.section{padding:72px 0}.modules,.integrations,.segments,.why-grid{grid-template-columns:1fr}.module-card{min-height:auto}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.cta{padding:72px 0}.gallery-main{aspect-ratio:1.7/1}}