.landing-page{--landing-bg: #050a13;--landing-panel: #0a1322;--landing-card: #0d1829;--landing-border: rgba(144, 171, 210, .14);--landing-text: #e7f0ff;--landing-muted: #8da6c7;height:100vh;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;color:var(--landing-text);background:var(--landing-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.landing-page *{font-family:inherit}.landing-page a{color:inherit;text-decoration:none}.landing-page .skip-link{position:fixed;z-index:100;top:-60px;left:16px;padding:10px 16px;color:#04101b;background:#fff;border-radius:8px;transition:top .2s}.landing-page .skip-link:focus{top:16px}.landing-nav{position:sticky;z-index:50;top:0;width:100%;height:76px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#050a13d1;border-bottom:1px solid var(--landing-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.landing-nav img,.landing-footer img{display:block;height:25px;width:auto}.landing-nav nav{display:flex;gap:36px;font-size:13px;color:var(--landing-muted)}.landing-nav nav a,.text-link{transition:color .2s}.landing-nav nav a:hover,.text-link:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:22px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;color:#fff!important;background:linear-gradient(135deg,#536ff5,#405ce9);border:1px solid rgba(145,168,255,.34);border-radius:8px;box-shadow:0 12px 38px #415be93d;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 16px 42px #415be95c}.button svg{width:17px;height:17px}.button-small{min-height:38px;padding:0 16px}.button-ghost{color:#c9d8eb!important;background:#ffffff06;border-color:var(--landing-border);box-shadow:none}.button-ghost:hover{background:#ffffff0f;box-shadow:none}.hero{position:relative;min-height:700px;padding:122px max(24px,calc((100vw - 1180px)/2)) 108px;overflow:hidden;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:62px;background-image:linear-gradient(rgba(104,135,190,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(104,135,190,.045) 1px,transparent 1px);background-size:56px 56px}.hero:after{content:"";position:absolute;inset:auto 0 0;height:240px;background:linear-gradient(transparent,var(--landing-bg));pointer-events:none}.hero-copy,.product-preview{position:relative;z-index:2}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.hero-glow-one{width:580px;height:580px;right:-120px;top:-160px;background:radial-gradient(circle,rgba(66,92,235,.18),transparent 68%)}.hero-glow-two{width:460px;height:460px;left:22%;bottom:-260px;background:radial-gradient(circle,rgba(16,196,176,.09),transparent 68%)}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:9px;color:#7694ff;font:700 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#2edfd0;box-shadow:0 0 15px #2edfd0}.hero h1{margin-top:23px;font-size:clamp(43px,4.2vw,70px);line-height:1.04;letter-spacing:-.055em;font-weight:730}.hero h1 span,.section h2 em,.final-cta h2 em{color:transparent;background:linear-gradient(100deg,#7e98ff,#35d9ca);background-clip:text;-webkit-background-clip:text;font-style:normal}.hero-copy>p{max-width:575px;margin-top:25px;color:var(--landing-muted);font-size:17px;line-height:1.75}.hero-actions{display:flex;gap:12px;margin-top:34px}.hero-copy>small{display:flex;align-items:center;margin-top:22px;color:#7189aa;font-size:11px}.hero-copy>small svg{width:14px;margin-right:5px;color:#2edfd0}.product-preview{transform:perspective(1200px) rotateY(-2deg) rotateX(1deg);border:1px solid rgba(123,150,255,.25);border-radius:12px;overflow:hidden;background:#07101f;box-shadow:0 28px 80px #00000085,0 0 80px #465feb1c}.preview-bar{height:41px;padding:0 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #17263b;background:#081220}.preview-bar>span{width:7px;height:7px;border-radius:50%;background:#2b3d58}.preview-bar>span:first-child{background:#f07373}.preview-bar>span:nth-child(2){background:#eabf58}.preview-bar>span:nth-child(3){background:#5ec792}.preview-bar b{margin-left:15px;color:#a9bdd8;font:500 10px ui-monospace,monospace}.preview-bar i{margin-left:auto;color:#38cfc1;font: 9px ui-monospace,monospace}.preview-body{display:grid;grid-template-columns:116px 1fr;height:408px}.preview-body aside{padding:17px 12px;background:#060d19;border-right:1px solid #142238;font:9px ui-monospace,monospace;color:#6f89aa}.preview-body aside small{display:block;color:#415b7e;letter-spacing:.12em;margin-bottom:14px;font-size:7px}.preview-body aside p{margin:10px 0;white-space:nowrap}.preview-body aside p:first-letter{color:#6f88ff}.preview-body aside button{margin-top:12px;padding:6px;width:100%;color:#7d98ba;border:1px solid #1b304d;background:#0a1628;border-radius:4px;font-size:8px}.diagram-grid{position:relative;overflow:hidden;background-color:#08111e;background-image:radial-gradient(rgba(122,151,192,.19) .65px,transparent .65px);background-size:17px 17px}.diagram-lines{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.diagram-lines path{fill:none;stroke:#3e6eff;stroke-width:1.3;opacity:.72}.db-table{position:absolute;z-index:2;width:137px;overflow:hidden;border:1px solid #263c59;border-radius:6px;background:#0c192b;box-shadow:0 7px 18px #00000052;font:7.5px ui-monospace,monospace}.db-table>strong{display:flex;justify-content:space-between;padding:7px 8px;color:#fff;background:#526ff1;font-size:9px}.db-table>strong em{opacity:.7;font-style:normal;letter-spacing:2px}.db-table>div{display:grid;grid-template-columns:19px 1fr auto;padding:5px 7px;border-top:1px solid #14253a;color:#98afca}.db-table>div b{color:#e4bd66;font-size:6px}.db-table>div i{color:#587695;font-style:normal}.db-users{left:24px;top:46px}.db-orders{left:187px;top:31px}.db-items{left:185px;top:221px}.db-products{right:19px;top:155px}.trust-strip{position:relative;z-index:3;padding:30px max(24px,calc((100vw - 1180px)/2));border-block:1px solid var(--landing-border);background:#ffffff03;text-align:center}.trust-strip p{color:#526b8c;font:700 9px ui-monospace,monospace;letter-spacing:.2em}.trust-strip div{display:flex;align-items:center;justify-content:center;gap:clamp(24px,5vw,72px);margin-top:18px;color:#839bb9;font:600 14px ui-monospace,monospace}.section{max-width:1180px;margin:0 auto;padding:125px 0}.section-heading{max-width:670px;margin-bottom:60px}.section h2,.final-cta h2{margin-top:15px;font-size:clamp(34px,3.5vw,50px);line-height:1.12;letter-spacing:-.045em}.section-heading>p,.workflow-copy>p{max-width:610px;margin-top:20px;color:var(--landing-muted);font-size:15px;line-height:1.75}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--landing-border);border-left:1px solid var(--landing-border)}.feature-grid article{min-height:235px;padding:31px;border-right:1px solid var(--landing-border);border-bottom:1px solid var(--landing-border);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent);transition:background .25s,transform .25s}.feature-grid article:hover{background:#5c73dc0e;transform:translateY(-3px)}.feature-icon{width:43px;height:43px;display:grid;place-items:center;color:#7894ff;border:1px solid rgba(123,150,255,.23);border-radius:9px;background:#516cf217}.feature-grid h3{margin-top:25px;font-size:16px}.feature-grid p{margin-top:10px;color:var(--landing-muted);font-size:13px;line-height:1.65}.workflow{max-width:none;padding-inline:max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1fr;gap:110px;background:linear-gradient(110deg,rgba(63,84,190,.08),transparent 55%);border-block:1px solid var(--landing-border)}.workflow-copy{align-self:center}.inline-link{display:inline-flex;align-items:center;gap:9px;margin-top:28px;color:#8fa6ff!important;font-size:13px;font-weight:700}.inline-link svg{width:16px}.workflow ol{list-style:none;border-left:1px solid var(--landing-border)}.workflow li{display:grid;grid-template-columns:70px 1fr;gap:15px;padding:29px 0 29px 32px;border-bottom:1px solid var(--landing-border)}.workflow li:first-child{padding-top:0}.workflow li:last-child{border:0;padding-bottom:0}.workflow li>b{color:#526ef0;font:500 12px ui-monospace,monospace}.workflow h3{font-size:19px}.workflow li p{margin-top:8px;color:var(--landing-muted);font-size:13px;line-height:1.65}.audience .section-heading{margin-inline:auto;text-align:center}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.audience-grid article{position:relative;min-height:235px;padding:35px;overflow:hidden;border:1px solid var(--landing-border);border-radius:10px;background:var(--landing-panel)}.audience-grid article>span{position:absolute;top:-20px;right:10px;color:#7b96ff0e;font-size:105px;font-weight:800;letter-spacing:-.08em}.audience-grid h3{position:relative;margin-top:65px;font-size:19px}.audience-grid p{position:relative;margin-top:11px;color:var(--landing-muted);font-size:13px;line-height:1.65}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-list{border-top:1px solid var(--landing-border)}.faq-list article{border-bottom:1px solid var(--landing-border)}.faq-list button{width:100%;padding:24px 2px;display:flex;justify-content:space-between;align-items:center;color:#dce8f8;background:transparent;border:0;cursor:pointer;text-align:left;font-size:15px}.faq-list button b{color:#7894ff;font-size:21px;font-weight:400}.faq-list article>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-list article>div p{overflow:hidden;color:var(--landing-muted);font-size:13px;line-height:1.7}.faq-list article.open>div{grid-template-rows:1fr}.faq-list article.open>div p{padding-bottom:24px}.final-cta{padding:115px 24px;text-align:center;border-block:1px solid var(--landing-border);background:radial-gradient(circle at 50% 45%,rgba(74,99,230,.19),transparent 33%),linear-gradient(#ffffff03,#ffffff03),var(--landing-bg)}.final-cta p{margin:20px 0 30px;color:var(--landing-muted);font-size:15px}.final-cta .button{margin:auto}.landing-footer{max-width:1180px;margin:auto;padding:62px 0 35px;display:grid;grid-template-columns:1fr auto;gap:50px;color:var(--landing-muted)}.landing-footer>div p{max-width:390px;margin-top:15px;font-size:12px;line-height:1.6}.landing-footer nav{display:flex;gap:30px;font-size:12px}.landing-footer nav a:hover{color:#fff}.landing-footer>small{grid-column:1 / -1;padding-top:25px;border-top:1px solid var(--landing-border);font-size:10px}@media(max-width:1050px){.hero{grid-template-columns:1fr;padding-top:95px}.hero-copy{max-width:700px}.product-preview{width:min(100%,700px);justify-self:center}.section,.workflow{padding-inline:24px}.landing-footer{margin-inline:24px}}@media(max-width:760px){.landing-nav{height:66px}.landing-nav nav,.nav-actions .text-link{display:none}.hero{min-height:0;padding-top:80px;padding-bottom:75px;gap:55px}.hero h1{font-size:clamp(38px,12vw,55px)}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-copy>small{flex-wrap:wrap}.product-preview{transform:none}.preview-body{grid-template-columns:82px 1fr;height:320px}.preview-body aside{padding-inline:8px}.db-table{transform:scale(.76);transform-origin:top left}.db-users{left:10px}.db-orders{left:123px}.db-items{left:123px;top:190px}.db-products{right:-17px;top:130px}.trust-strip div{flex-wrap:wrap;gap:16px 28px}.trust-strip div span{font-size:11px}.section{padding-top:85px;padding-bottom:85px}.section-heading{margin-bottom:42px}.feature-grid,.audience-grid{grid-template-columns:1fr}.feature-grid article{min-height:0}.workflow{grid-template-columns:1fr;gap:55px}.faq{grid-template-columns:1fr;gap:10px}.faq .section-heading{margin-bottom:35px}.landing-footer{grid-template-columns:1fr}.landing-footer nav{flex-wrap:wrap}.landing-footer>small{grid-column:auto}}@media(prefers-reduced-motion:reduce){.landing-page{scroll-behavior:auto}.landing-page *,.landing-page *:before,.landing-page *:after{transition-duration:.01ms!important}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:#050a13}button,a{-webkit-tap-highlight-color:transparent}
