:root { --bg:#090d19; --bg2:#111a31; --surface:rgba(255,255,255,.045); --line:rgba(196,202,252,.13); --ink:#f6f7ff; --muted:#a4aec8; --violet:#a793ff; --violet2:#7a75f7; --cyan:#6ad8f2; --white:#f9fbff; --darkink:#152039; }
  * { box-sizing:border-box } html { scroll-behavior:smooth } body { margin:0;background:var(--bg);color:var(--ink);font:16px/1.58 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden } a { color:inherit;text-decoration:none } button { font:inherit } a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid var(--cyan);outline-offset:4px } .wrap { max-width:1232px;margin:auto;padding-inline:30px } .shell { position:relative;isolation:isolate;background:radial-gradient(ellipse at 72% 42%,rgba(116,101,255,.16),transparent 44%),radial-gradient(ellipse at 8% 20%,rgba(64,131,224,.11),transparent 36%),#090d19; }
  header { position:sticky;top:0;z-index:20;backdrop-filter:blur(24px);background:rgba(9,13,25,.78);border-bottom:1px solid var(--line) } .nav { display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:24px } .brand { display:flex;align-items:center;gap:12px;font-size:21px;letter-spacing:-.035em;font-weight:800;white-space:nowrap } .brand em { font-style:normal;color:var(--violet) } .logo { width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(140deg,#b19dff,#6d74e8);box-shadow:0 5px 25px #8d7bfa33;color:#090d19;font-weight:900;font-size:22px } .navlinks { display:flex;gap:32px;align-items:center;color:#d3daf0;font-size:14px;font-weight:600 } .navlinks a:hover {color:var(--violet)} .nav-actions {display:flex;align-items:center;gap:12px} .text-link {font-size:14px;font-weight:650;color:#cbd3eb} .text-link:hover {color:white} .btn {display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:13px 21px;border-radius:12px;font-weight:750;border:1px solid transparent;transition:.2s transform,.2s background,.2s box-shadow;white-space:nowrap;cursor:pointer} .btn:hover{transform:translateY(-2px)} .btn-main{background:linear-gradient(110deg,#b49dff,#817cff);color:#14102b;box-shadow:0 12px 36px #817cff33} .btn-main:hover{box-shadow:0 14px 43px #817cff55} .btn-ghost{color:var(--ink);background:rgba(255,255,255,.035);border-color:rgba(215,210,255,.2)} .btn-ghost:hover{background:rgba(255,255,255,.09)} .menu {display:none;background:transparent;border:1px solid var(--line);color:white;border-radius:10px;padding:8px 12px}
  .notice {display:flex;align-items:center;gap:10px;margin-top:35px;color:#c0b5fc;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800} .notice .dot {width:7px;height:7px;border-radius:50%;background:var(--violet);box-shadow:0 0 16px #ab94ff} .hero {display:grid;grid-template-columns: 1.05fr .95fr;align-items:center;gap:38px;padding-top:82px;padding-bottom:128px;min-height:690px} .eyebrow {display:inline-flex;align-items:center;padding:8px 13px;border-radius:30px;color:#c5c3ff;background:rgba(150,138,255,.075);border:1px solid rgba(170,165,255,.2);font-size:12px;letter-spacing:.06em;font-weight:800} h1 {font-size:clamp(46px,5.4vw,76px);line-height:1.04;letter-spacing:-.067em;margin:24px 0 24px;max-width:670px} h1 .accent {display:block;background:linear-gradient(90deg,#bdadff,#79b6fa 70%,#80e3ef);background-clip:text;color:transparent} .hero-copy {font-size:19px;max-width:560px;color:#aeb9d0;line-height:1.7;margin-bottom:30px} .hero-btns{display:flex;flex-wrap:wrap;gap:12px} .hero-foot {display:flex;flex-wrap:wrap;gap:22px;margin-top:34px;color:#8290b0;font-size:12px} .hero-foot b {color:#abb5cd;font-weight:700} .hero-foot span::before{content:'✓';color:#8cddc9;font-weight:900;margin-right:8px}
  .visual {position:relative;min-height:505px;display:flex;align-items:center;justify-content:center} .halo{position:absolute;width:438px;height:438px;border-radius:50%;border:1px solid rgba(170,160,250,.13);box-shadow:0 0 0 48px rgba(125,112,255,.025),0 0 0 98px rgba(122,119,250,.02)} .halo:before{content:'';position:absolute;inset:56px;border-radius:50%;border:1px solid rgba(127,159,247,.16)} .visual-top {position:absolute;top:0;left:3%;right:3%;display:flex;justify-content:space-around;gap:12px} .client {width:122px;text-align:center;font-size:13px;color:#bdc4dc} .client-icon {width:64px;height:64px;background:#f6f7ff;color:#151724;border-radius:18px;display:grid;place-items:center;margin:0 auto 9px;font-size:26px;font-weight:850;box-shadow:0 15px 50px rgba(0,0,0,.17)} .client:nth-child(2) .client-icon{background:#fff7f1;color:#cb7045}.client:nth-child(3) .client-icon{background:#f3f3ff;color:#333647} .connectors {position:absolute;inset:83px 20px 55px;width:calc(100% - 40px);height:calc(100% - 138px);pointer-events:none} .core {position:relative;z-index:2;margin-top:45px;width:190px;padding:20px 16px;text-align:center;background:linear-gradient(150deg,rgba(25,31,66,.95),rgba(15,20,47,.96));border:1px solid rgba(181,163,255,.3);border-radius:30px;box-shadow:0 0 0 9px rgba(152,142,255,.045),0 0 90px rgba(108,99,222,.22)} .core-logo {margin:auto;width:92px;height:92px;border-radius:27px;display:grid;place-items:center;background:linear-gradient(135deg,#b8abff,#777fff);color:#080d1c;font-size:48px;font-weight:900;box-shadow:inset 0 2px 2px #fff5,0 14px 39px #817cff45} .core strong{display:block;margin-top:15px;font-size:15px} .core small{font-size:12px;color:#a8b4d0} .visual-bottom{position:absolute;bottom:0;left:1%;right:1%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .tool-chip {padding:14px 6px;text-align:center;border:1px solid rgba(191,187,245,.16);border-radius:11px;background:rgba(20,29,55,.87);font-size:12px;color:#c7d0e6;box-shadow:0 6px 40px #0002} .tool-chip span{display:block;font-size:22px;margin-bottom:4px}
  section.light {background:#f7f8fd;color:var(--darkink)} section.light .muted{color:#65708b} section{scroll-margin-top:93px} .section-pad {padding-top:106px;padding-bottom:106px} .kicker {font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#8c83ed;margin-bottom:10px} h2{font-size:clamp(30px,3.5vw,49px);line-height:1.14;letter-spacing:-.048em;margin:0 0 16px} .section-desc{max-width:700px;color:#aab3cd;font-size:18px;margin:0 0 38px} .light .section-desc{color:#64708a} .features {display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:35px} .feature {background:white;border:1px solid #e7e9f3;border-radius:22px;padding:29px;min-height:236px;box-shadow:0 13px 40px #1d22400a;transition:.2s transform,.2s box-shadow} .feature:hover{transform:translateY(-4px);box-shadow:0 20px 50px #1d224015}.feature-ico{display:grid;place-items:center;width:53px;height:53px;border-radius:16px;background:#f1eeff;color:#8270da;font-size:24px;margin-bottom:19px}.feature h3{font-size:19px;letter-spacing:-.02em;margin:0 0 10px}.feature p{font-size:14px;color:#66718a;margin:0}
  .steps {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}.step{position:relative;padding:26px 22px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.step-num{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:16px;font-weight:850;color:#140e37;background:linear-gradient(130deg,#c3b4ff,#8f8dff);margin-bottom:30px}.step h3{margin:0 0 10px;font-size:19px}.step p{margin:0;color:#a9b3ce;font-size:14px}.footnote{margin-top:20px;color:#8792ae;font-size:12px}
  .pricegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:42px 0 23px;max-width:900px}.plan{background:white;border:1px solid #e5e7f2;border-radius:24px;padding:33px;box-shadow:0 12px 35px #242b4a08;display:flex;flex-direction:column}.plan.hot{border:2px solid #9989f3;box-shadow:0 20px 50px #7a69df16}.tag{font-size:12px;color:#7767d8;font-weight:850;text-transform:uppercase;letter-spacing:.11em}.plan h3{margin:6px 0 6px;font-size:24px}.price{font-size:48px;font-weight:850;letter-spacing:-.06em;line-height:1.2}.price small{font-size:14px;letter-spacing:0;color:#71809a;font-weight:550}.plan ul{list-style:none;padding:0;margin:25px 0 30px}.plan li{color:#57647c;margin:12px 0;font-size:14px}.plan li:before{content:'✓';color:#8370e4;font-weight:850;margin-right:11px}.plan .btn{margin-top:auto}.plan .btn-ghost{color:#2b3154;border-color:#e0e4ef;background:#f5f6fb}.price-info{font-size:13px;color:#69758d;max-width:900px} .price-info strong{color:#3e4667}
  .faqs{max-width:800px;margin-top:35px}.faq{border-bottom:1px solid var(--line)}.faq summary{padding:20px 4px;cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::after{content:'+';color:#b19dfb;font-size:23px;line-height:1}.faq[open] summary::after{content:'−'}.faq p{color:#acb5cc;margin:0 0 25px;font-size:15px;max-width:750px}
  .cta-section{padding:75px 0 90px;background:linear-gradient(125deg,#181c3a,#1b2148 40%,#10182d);border-top:1px solid var(--line)}.cta-box{display:flex;gap:20px;align-items:center;justify-content:space-between}.cta-box p{color:#c4cde6;max-width:570px;font-size:17px}.cta-box .btn{flex-shrink:0}footer{padding:35px 0;background:#080c17;border-top:1px solid rgba(255,255,255,.08)}.footer{display:flex;align-items:center;justify-content:space-between;gap:15px}.footer small{color:#8793ac}.footer a{color:#aab4cf;font-size:13px}.footer-links{display:flex;gap:22px;flex-wrap:wrap}
  .preview-banner {display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 20px;background:#242143;color:#ddd5ff;font-size:12px;text-align:center}.preview-banner b{color:#f8f0ff}.compliance {color:#8b96af;max-width:850px;margin-top:26px;font-size:12px}
  @media(max-width:1050px){.navlinks{gap:16px}.hero{gap:10px}.visual{transform:scale(.85);transform-origin:center}.hero-copy{font-size:17px} } @media(max-width:820px){.navlinks{display:none;position:absolute;top:80px;left:0;right:0;padding:25px 30px;background:#11162a;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.menu{display:block}.nav-actions .text-link{display:none}.hero{grid-template-columns:1fr;padding-top:60px;padding-bottom:68px}.visual{transform:none;margin-top:40px}.features{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.cta-box{align-items:flex-start;flex-direction:column}} @media(max-width:550px){.wrap{padding-inline:19px}.brand{font-size:18px}.brand .logo{width:32px;height:32px}.nav-actions .btn{padding:10px 12px;font-size:13px}.nav{min-height:70px}.navlinks{top:70px}.hero{padding-top:40px}.hero h1{font-size:46px}.hero-copy{font-size:16px}.hero-foot{gap:12px}.visual{min-height:415px;transform:scale(.83);transform-origin:center;margin:-10px -35px 0}.visual-top{gap:0}.client{width:100px}.client-icon{width:56px;height:56px}.halo{width:350px;height:350px}.core{width:174px}.features,.steps,.pricegrid{grid-template-columns:1fr}.section-pad{padding-top:72px;padding-bottom:72px}.feature{min-height:0}.footer{align-items:flex-start;flex-direction:column}.cta-section{padding:60px 0}}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.feature{transition:none}}
.ul{text-decoration:underline}.logo-sm{width:30px;height:30px;border-radius:9px;font-size:18px}
.page{max-width:820px;margin:0 auto;padding:56px 24px 90px}.page h1{font-size:clamp(32px,4vw,46px);margin-top:0}.page h2{font-size:22px;margin:34px 0 10px;letter-spacing:-.02em}.page p,.page li{color:#b9c2da}.page a{color:var(--violet);text-decoration:underline}.page .box{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:18px 22px;margin:22px 0}
.app{max-width:1000px;margin:0 auto;padding:40px 24px 90px}.app h1{font-size:34px;margin:0 0 6px}.card{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:22px;margin:18px 0}.card h2{font-size:18px;margin:0 0 12px;letter-spacing:-.01em}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.meter{height:10px;border-radius:6px;background:rgba(255,255,255,.1);overflow:hidden;margin:10px 0}.meter>i{display:block;height:100%;background:linear-gradient(90deg,#b49dff,#6ad8f2)}
.dev{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--line)}.dev:first-of-type{border-top:0}.pill{font-size:12px;padding:3px 10px;border-radius:20px;border:1px solid var(--line)}.pill.on{color:#8cddc9;border-color:#8cddc9}.code{font:700 28px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.08em;color:var(--cyan);margin:10px 0}.err{color:#ff8f8f}.small{font-size:13px;color:var(--muted)}.btn-sm{padding:7px 12px;border-radius:9px;font-size:13px}
@media(max-width:700px){.grid2{grid-template-columns:1fr}}