@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#080b17;--panel:#10162a;--ink:#f7f8fc;--muted:#a8b0c5;--paper:#f5f6f9;--darkink:#161c2c;--purple:#7867ff;--blue:#55b9ff;--pink:#ff70aa;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"DM Sans",sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.site-noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:100;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.nav{height:72px;position:sticky;top:0;z-index:50;background:rgba(8,11,23,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-inner{height:100%;width:min(1240px,92%);margin:auto;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;font-family:"Space Grotesk";font-weight:700;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1.5px solid var(--blue);border-radius:9px;color:var(--blue)}.nav-links{display:flex;gap:22px;align-items:center;margin-left:auto;font-size:13px;color:#aab2c7}.nav-links a{padding:27px 0;position:relative}.nav-links a.active,.nav-links a:hover{color:#fff}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:var(--blue);border-radius:4px}.project-link{font-size:13px;padding:9px 13px;border:1px solid var(--line);border-radius:8px;color:#d9def0}.project-link:hover{border-color:#55b9ff66}.hero{min-height:690px;position:relative;overflow:hidden;padding:96px 0 100px;background:radial-gradient(circle at 11% 20%,#30266b80,transparent 28%),radial-gradient(circle at 88% 16%,#3a164f80,transparent 25%),var(--bg)}.hero:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-70px;height:145px;border-top:1px solid #7867ff88;border-radius:50%;box-shadow:0 -1px 0 #ff70aa44}.hero-grid{width:min(1240px,92%);margin:auto;display:grid;grid-template-columns:.92fr 1.08fr;gap:65px;align-items:center;position:relative;z-index:2}.hero-copy{max-width:590px}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;color:#83c9ff;margin-bottom:18px}.eyebrow span{width:22px;height:1px;background:currentColor}.eyebrow.dark{color:#5c55dc}h1,h2,h3{font-family:"Space Grotesk",sans-serif}h1{font-size:clamp(54px,7vw,92px);line-height:.94;letter-spacing:-.065em}h1 em{font-style:normal;color:#7dc8ff}.lead{color:#b9c1d4;max-width:570px;font-size:16px;margin-top:25px}.lead strong{color:#fff}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.button{padding:12px 17px;border-radius:9px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:12px;transition:.22s}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(135deg,var(--purple),#4f91ff);box-shadow:0 14px 34px #665dff35}.button.secondary{border:1px solid #ffffff20;background:#ffffff08}.hero-meta{display:flex;gap:12px;align-items:center;color:#737d97;font-size:11px;margin-top:30px}.hero-meta i{width:3px;height:3px;background:#4c5570;border-radius:50%}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.4}.orb-a{width:260px;height:260px;border:1px solid #7867ff33;right:8%;top:9%}.orb-b{width:120px;height:120px;border:1px dashed #55b9ff55;left:43%;bottom:11%}.dashboard-wrap{position:relative}.dashboard{background:#11172b;border:1px solid #8990ff4d;border-radius:17px;padding:12px;box-shadow:0 30px 90px #0008;transform:rotate(1deg)}.dashboard:before{content:"";position:absolute;inset:-10px;border:1px dashed #7867ff35;border-radius:23px;transform:rotate(-2deg)}.dash-top{height:34px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 8px;color:#7e87a0;font-size:10px}.traffic{display:flex;gap:4px}.traffic b{width:6px;height:6px;border-radius:50%;background:#606a86}.traffic b:nth-child(2){background:#897bff}.traffic b:nth-child(3){background:#55b9ff}.dash-user{margin-left:auto;color:#b8c0d3}.dash-content{padding:21px}.dash-heading{display:flex;justify-content:space-between;align-items:end}.dash-heading small{color:#7d879e;font-size:10px}.dash-heading h2{font-size:20px;margin-top:2px}.dash-heading button{border:0;background:#7466ff;color:#fff;border-radius:7px;padding:8px 11px;font-size:10px;font-weight:700}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px}.metric{padding:13px;border:1px solid #ffffff0c;background:#ffffff05;border-radius:9px}.metric span,.metric small{display:block;color:#7d879e;font-size:9px}.metric strong{font:700 24px "Space Grotesk";display:block;margin:3px 0}.metric small{color:#63c59b}.accent-metric{border-color:#7867ff38;background:#7867ff0b}.dash-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;margin-top:10px}.panel{border:1px solid #ffffff0d;background:#0d1325;border-radius:10px;padding:13px}.panel-head{display:flex;justify-content:space-between;font-size:10px}.panel-head small{color:#68738d}.chart{height:130px;margin-top:14px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0 31px,#ffffff08 32px)}.chart-line{position:absolute;left:4%;right:3%;top:55%;height:58%;border-top:2px solid #66bfff;transform:skewY(-10deg) rotate(-2deg);filter:drop-shadow(0 0 7px #55b9ff77)}.point{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;border:2px solid #66bfff}.p1{left:9%;top:66%}.p2{left:29%;top:51%}.p3{left:49%;top:57%}.p4{left:69%;top:35%}.p5{left:89%;top:25%}.chart-labels{display:flex;justify-content:space-between;color:#68738d;font-size:8px}.research{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ffffff0a;font-size:9px}.research b,.research span{display:block}.research span{color:#69738c;margin-top:2px}.research strong{color:#e4e8f3}.compare-strip{margin-top:10px;padding:11px 13px;background:#7867ff0d;border:1px solid #7867ff25;border-radius:8px;display:flex;gap:9px;align-items:center;font-size:9px;color:#8c95ad}.compare-strip b{padding:5px 7px;background:#fff;color:#1c2336;border-radius:5px;font-size:8px}.compare-arrow{margin-left:auto;color:#77c7ff}.floating-note{position:absolute;font-family:"Space Grotesk";font-weight:600;font-size:13px;color:#79c6ff;z-index:4}.note-one{left:-72px;top:24px;transform:rotate(-8deg)}.note-two{right:-22px;bottom:35px;color:#ff75ab;transform:rotate(7deg)}.hero-scribble{position:absolute;right:4%;bottom:6%;z-index:4;color:#8a80ff;font:600 14px "Space Grotesk";transform:rotate(-5deg)}section{padding:96px 0}.light-section{background:var(--paper);color:var(--darkink)}.dark-section{background:#090c19}.container{width:min(1180px,92%);margin:auto}.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:45px}.section-intro h2{font-size:clamp(35px,4.5vw,58px);line-height:1;letter-spacing:-.055em}.section-intro>p{max-width:480px;color:#70798b;font-size:14px}.dark-section .section-intro>p,.code-section .section-intro>p{color:#9ea8bd}.problem-solution{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px}.problem,.solution{min-height:255px;border-radius:15px;padding:28px}.problem{background:#e9ebf1;border:1px solid #dce0e8}.solution{background:linear-gradient(145deg,#171d38,#10162b);color:#fff;border:1px solid #6d67ff55;box-shadow:0 25px 55px #1b203310}.label{font-size:9px;letter-spacing:.15em;font-weight:800;color:#747d8f}.problem h3,.solution h3{font-size:23px;margin-top:10px}.scatter{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:28px}.scatter div{padding:14px 7px;text-align:center;background:#fff;border:1px solid #dde1e8;border-radius:9px;font-size:24px}.scatter small{display:block;font-size:9px;color:#778093;margin-top:4px}.connector{font-size:27px;color:#6d67ff}.solution-logo{margin-top:25px;width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#7568ff,#4d96ff);font:700 21px "Space Grotesk"}.solution p{color:#aeb7ca;font-size:13px;max-width:380px;margin-top:8px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature{position:relative;padding:25px;border:1px solid #ffffff0d;background:#0e1325;border-radius:12px;min-height:205px;transition:.25s}.feature:hover{transform:translateY(-4px);border-color:#7867ff55}.feature-no{position:absolute;right:17px;top:16px;color:#5d6881;font-size:10px}.feature-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;background:#7867ff15;border:1px solid #7867ff2c;color:#88cfff;font:700 18px "Space Grotesk";margin-bottom:24px}.feature h3{font-size:17px}.feature p{color:#8993aa;font-size:12px;margin-top:7px}.architecture{margin-top:65px;padding:28px;border:1px solid #ffffff0d;background:#0d1222;border-radius:15px}.architecture-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.architecture-head span{font-size:9px;color:#68738c;letter-spacing:.15em}.architecture-head h3{font-size:21px}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px}.flow>b{color:#65708a}.flow-box{padding:16px 10px;border:1px solid #ffffff0e;border-radius:9px;background:#11172a}.flow-box small{display:block;color:#756aff;font-size:8px}.flow-box strong{display:block;font-size:13px;margin:4px 0}.flow-box span{color:#778197;font-size:9px}.return-flow{text-align:center;margin-top:23px;color:#8a95ac;font-size:10px;letter-spacing:.03em}.db-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:center}.db-map{height:360px;position:relative}.db-table{position:absolute;width:205px;padding:18px;background:#fff;border:1px solid #dfe3eb;border-radius:11px;box-shadow:0 16px 35px #1c22320c}.db-table span{font-size:8px;color:#7066ed;font-weight:800}.db-table h3{font-size:16px;margin:3px 0 8px}.db-table p{font:10px/1.8 ui-monospace,monospace;color:#697387}.users{left:0;top:0}.competitors{right:20px;top:10px}.products{left:95px;bottom:0}.history{right:0;bottom:12px}.db-line{position:absolute;border-top:1px dashed #9ba3b4}.l1{width:110px;left:200px;top:82px;transform:rotate(17deg)}.l2{width:110px;left:195px;top:205px;transform:rotate(-18deg)}.l3{width:115px;right:165px;top:205px;transform:rotate(19deg)}.db-note{padding:27px;background:#eceef3;border-radius:14px}.db-note h3{font-size:22px;margin-top:10px}.db-note p{font-size:13px;color:#6d7789;margin-top:10px}.relation-code{margin-top:20px;padding:12px;background:#fff;border-radius:8px;font:10px ui-monospace,monospace;color:#545d70;overflow:auto}.code-section{background:#080b17;padding:96px 0}.code-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.code-layout h2{font-size:clamp(40px,4.7vw,61px);line-height:.98;letter-spacing:-.055em}.code-layout p{color:#99a3ba;max-width:450px;margin-top:14px;font-size:13px}.stack-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:27px}.stack-list span{border:1px solid #ffffff13;background:#ffffff06;padding:7px 10px;border-radius:999px;color:#b7c0d3;font-size:10px}.code-card{margin:0;background:#0d1324;border:1px solid #ffffff10;border-radius:14px;padding:27px;overflow:auto;box-shadow:0 25px 60px #0006;color:#dce4f5;font:13px/1.85 ui-monospace,SFMono-Regular,Menlo,monospace}.code-card .comment{color:#7fce9f}.code-card .string{color:#8ecfff}.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.journey-step{padding:20px;border:1px solid #dfe3eb;border-radius:11px;background:#fff;position:relative}.journey-step span{font-size:9px;color:#6d63e9;font-weight:800}.journey-step h3{font-size:15px;margin-top:25px}.journey-step p{font-size:11px;color:#70798a;margin-top:5px}.files-card{margin-top:22px;background:#fff;border:1px solid #dfe3eb;border-radius:13px;padding:25px;display:grid;grid-template-columns:.35fr 1fr;gap:35px;align-items:start}.files-card h3{font-size:19px;margin-top:8px}.files{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.files code{font:10px ui-monospace,monospace;color:#5d6678;padding:9px 10px;background:#f3f4f7;border-radius:7px}.footer{padding:28px 0;background:#060812;border-top:1px solid #ffffff0c}.footer-inner{width:min(1180px,92%);margin:auto;display:flex;align-items:center;gap:20px;font-size:11px;color:#778197}.footer strong{color:#fff;font-family:"Space Grotesk"}.footer a{margin-left:auto;color:#7dc8ff}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.show{opacity:1;transform:none}@media(max-width:980px){.nav-links{display:none}.hero-grid,.code-layout,.db-layout,.section-intro{grid-template-columns:1fr}.hero{padding-top:70px}.dashboard-wrap{max-width:720px;margin:auto}.problem-solution{grid-template-columns:1fr}.connector{text-align:center;transform:rotate(90deg)}.flow{grid-template-columns:1fr}.flow>b{transform:rotate(90deg);text-align:center}.feature-grid{grid-template-columns:1fr 1fr}.journey{grid-template-columns:1fr 1fr}.files-card{grid-template-columns:1fr}.db-map{max-width:650px}.section-intro{gap:18px}}@media(max-width:620px){.nav{height:62px}.project-link{display:none}.hero{min-height:auto;padding:62px 0 85px}.hero h1{font-size:56px}.hero-scribble,.floating-note{display:none}.dashboard{transform:none}.metric-row,.dash-grid,.feature-grid,.journey{grid-template-columns:1fr}.scatter{grid-template-columns:1fr 1fr}.db-map{height:530px}.db-table{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:8px 0;width:100%}.db-line{display:none}.files{grid-template-columns:1fr}section{padding:68px 0}.footer-inner{flex-wrap:wrap}.footer a{margin-left:0}.dash-content{padding:14px}.architecture{padding:18px}}