
:root{
  --bg:#f8fbff;--paper:#ffffff;--ink:#07111f;--muted:#607089;--line:#dfe8f5;--soft:#eef5ff;
  --blue:#2563eb;--cyan:#06b6d4;--violet:#7c3aed;--green:#10b981;--shadow:0 24px 70px rgba(15,35,75,.13);
  --radius:28px;--radius-sm:18px;--max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 0%,#e7f0ff 0,#f8fbff 35%,#fff 70%);line-height:1.65;overflow-x:hidden}
a{color:inherit;text-decoration:none}.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:10px;z-index:10}.skip:focus{left:8px}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(223,232,245,.75)}.nav{display:flex;align-items:center;justify-content:space-between;height:78px}.logo{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:-.03em}.mark{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 14px 35px rgba(37,99,235,.25);display:grid;place-items:center;color:#fff;font-weight:900}.links{display:flex;gap:24px;align-items:center;font-size:14px;color:#41516a}.links a:hover{color:#0b1220}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #cbd8ea;border-radius:999px;padding:12px 19px;background:#fff;font-weight:750;box-shadow:0 8px 25px rgba(15,35,75,.08);transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(15,35,75,.13)}.btn.primary{background:linear-gradient(135deg,#111827,#2563eb 62%,#06b6d4);color:#fff;border:0}.btn.ghost{background:rgba(255,255,255,.55)}.hero{position:relative;padding:96px 0 74px;overflow:hidden}.grid-hero{display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #dce7f5;border-radius:999px;padding:8px 13px;background:rgba(255,255,255,.7);color:#38506f;font-size:13px;font-weight:750}.pulse{width:9px;height:9px;border-radius:999px;background:var(--green);box-shadow:0 0 0 7px rgba(16,185,129,.13)}h1,h2,h3{line-height:1.05;letter-spacing:-.055em;margin:0;color:#07111f}h1{font-size:clamp(48px,7vw,82px);margin:22px 0}h2{font-size:clamp(34px,4.6vw,58px);margin-bottom:18px}h3{font-size:24px;margin-bottom:10px}.lead{font-size:20px;color:#53647d;max-width:690px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.trust div{padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.64);color:#53647d;font-size:14px}.trust strong{display:block;color:#07111f;font-size:18px}.scene{position:relative;min-height:520px;perspective:1200px}.orb{position:absolute;border-radius:50%;filter:blur(.2px);opacity:.95}.orb.o1{width:270px;height:270px;right:12%;top:8%;background:radial-gradient(circle at 30% 30%,#fff,#93c5fd 35%,#2563eb);animation:float 7s ease-in-out infinite}.orb.o2{width:150px;height:150px;left:2%;bottom:18%;background:radial-gradient(circle at 30% 30%,#fff,#67e8f9 35%,#06b6d4);animation:float 9s ease-in-out infinite reverse}.dashboard3d{position:absolute;inset:70px 10px 35px 34px;border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(238,245,255,.8));border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow);transform:rotateY(-12deg) rotateX(6deg);padding:22px;animation:tilt 8s ease-in-out infinite}.screenbar{display:flex;gap:8px;margin-bottom:20px}.dot{width:10px;height:10px;border-radius:999px;background:#c7d2fe}.chartgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{border:1px solid #dce7f5;background:#fff;border-radius:22px;padding:18px;min-height:126px;box-shadow:0 12px 30px rgba(15,35,75,.06)}.metric{font-size:34px;font-weight:900;letter-spacing:-.05em}.spark{height:54px;background:linear-gradient(135deg,rgba(37,99,235,.16),rgba(6,182,212,.18));border-radius:16px;position:relative;overflow:hidden}.spark:after{content:'';position:absolute;left:10%;right:8%;top:36%;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:skewY(-9deg);box-shadow:55px -18px 0 -1px rgba(37,99,235,.8),135px 14px 0 -1px rgba(6,182,212,.8)}.bars{display:flex;align-items:flex-end;gap:8px;height:80px}.bars span{flex:1;border-radius:9px 9px 4px 4px;background:linear-gradient(180deg,#60a5fa,#2563eb)}.bars span:nth-child(2){height:70%}.bars span:nth-child(3){height:45%}.bars span:nth-child(4){height:90%}.bars span:nth-child(5){height:58%}.section{padding:86px 0}.center{text-align:center}.sub{color:#61718a;max-width:780px;margin:0 auto 34px;font-size:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 15px 45px rgba(15,35,75,.07);position:relative;overflow:hidden}.card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 90% 0%,rgba(37,99,235,.09),transparent 30%);pointer-events:none}.icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;margin-bottom:18px;background:linear-gradient(135deg,#eff6ff,#e0f2fe);color:#2563eb;font-weight:900}.two{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.feature-list{display:grid;gap:12px}.feature-list li{list-style:none;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;color:#4d5f78}.feature-list li:before{content:'✓';font-weight:900;color:var(--green);margin-right:10px}.glass{border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(238,245,255,.7));border:1px solid #fff;box-shadow:var(--shadow);padding:32px}.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table td,.table th{text-align:left;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px}.table th{color:#53647d;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.table td:first-child,.table th:first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px}.table td:last-child,.table th:last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}.cta{border-radius:40px;background:linear-gradient(135deg,#07111f,#1d4ed8 60%,#06b6d4);color:#fff;padding:56px;box-shadow:var(--shadow);position:relative;overflow:hidden}.cta h2,.cta p{color:#fff}.cta:after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;right:-70px;top:-70px;background:rgba(255,255,255,.16)}.footer{padding:54px 0;border-top:1px solid var(--line);background:#fff}.footgrid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}.footgrid a{display:block;color:#53647d;margin:8px 0;font-size:14px}.small{font-size:13px;color:#718199}.pagehead{padding:74px 0 38px}.breadcrumb{color:#64748b;font-size:14px;margin-bottom:14px}.content{max-width:930px}.content p,.content li{color:#52637a;font-size:17px}.content h2{font-size:38px;margin-top:42px}.content h3{margin-top:28px}.notice{background:#fff;border:1px solid var(--line);border-left:5px solid var(--blue);border-radius:18px;padding:20px;color:#53647d}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;padding:15px 16px;border-radius:16px;border:1px solid #cfdcee;font:inherit;background:#fff}.form textarea{min-height:140px}.mobile-toggle{display:none}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.show{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-24px)}}@keyframes tilt{0%,100%{transform:rotateY(-12deg) rotateX(6deg) translateY(0)}50%{transform:rotateY(-8deg) rotateX(4deg) translateY(-14px)}}@media(max-width:900px){.links{display:none}.mobile-toggle{display:inline-flex}.grid-hero,.two,.cards,.footgrid{grid-template-columns:1fr}.scene{min-height:440px}.trust{grid-template-columns:1fr}.hero{padding-top:62px}.cta{padding:34px}h1{font-size:46px}.dashboard3d{inset:60px 0 20px 0;transform:none}.chartgrid{grid-template-columns:1fr 1fr}.nav.open .links{display:flex;position:absolute;left:16px;right:16px;top:78px;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow)}}
