.lp{--navy-950:#08122a;--navy-900:#0c1a3a;--navy-800:#14265f;--cyan:#12bede;--blue:#2e7bf6;--violet:#6d46e6;--magenta:#c13be0;--mint:#22d6a2;--paper:#f6f8fc;--paper-2:#fff;--cloud:#eaf1fb;--line:#e2e7f0;--lp-ink:#0c1a33;--lp-ink-soft:#465575;--lp-ink-mute:#7c89a6;--on-dark:#eaf1ff;--on-dark-soft:#a9bae2;--on-dark-mute:#7786b2;--focus:#5fb0ff;--grad:linear-gradient(120deg,#12bede,#2e7bf6 45%,#6d46e6);--grad-wide:linear-gradient(96deg,#22d6a2,#12bede 28%,#2e7bf6 58%,#6d46e6 82%,#c13be0);background:var(--paper);color:var(--lp-ink);font-family:Figtree,Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.62;-webkit-font-smoothing:antialiased}.lp h1,.lp h2,.lp h3{font-family:Fraunces,Georgia,Times New Roman,serif;text-wrap:balance;margin:0;font-weight:600;letter-spacing:-.02em}.lp p{margin:0}.lp a{color:inherit}.lp .mono{font-family:IBM Plex Mono,ui-monospace,Menlo,monospace}.lp .wrap{max-width:1160px;margin:0 auto;padding:0 34px}.lp .eyebrow{font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:500}.lp .btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;text-decoration:none;padding:14px 26px;border-radius:12px;border:1px solid transparent;transition:transform .13s ease,box-shadow .13s ease,background .13s ease;cursor:pointer}.lp .btn:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.lp .btn-primary{background:var(--grad);color:#fff;box-shadow:0 16px 36px -14px rgba(46,123,246,.7)}.lp .btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 44px -14px rgba(109,70,230,.7)}.lp .btn-ghost-dark{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.24);color:var(--on-dark)}.lp .btn-ghost-dark:hover{background:hsla(0,0%,100%,.13)}.lp header{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;z-index:30;background:var(--paper-2);border-bottom:1px solid var(--line)}.lp .nav{justify-content:space-between;height:88px}.lp .brand,.lp .nav{display:flex;align-items:center}.lp .brand-logo{height:60px;width:auto;display:block}.lp .nav-actions{display:flex;align-items:center;gap:26px}.lp .nav-link{font-size:14px;font-weight:600;color:var(--lp-ink-soft);text-decoration:none}.lp .nav-link:hover{color:var(--blue)}.lp .hero{position:relative;overflow:hidden;color:var(--on-dark);padding:96px 0 110px;background:radial-gradient(1000px 560px at 84% -10%,rgba(34,214,162,.22),transparent 60%),radial-gradient(1100px 620px at 78% 4%,rgba(18,190,222,.3),transparent 62%),radial-gradient(900px 620px at 6% 112%,rgba(193,59,224,.24),transparent 60%),linear-gradient(180deg,var(--navy-950),var(--navy-900) 55%,#111a52)}.lp .hero .swoosh{width:100%;height:100%}.lp .hero .dots,.lp .hero .swoosh{position:absolute;inset:0;pointer-events:none}.lp .hero .dots{opacity:.5;background-image:radial-gradient(hsla(0,0%,100%,.1) 1px,transparent 0);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 72%);mask-image:linear-gradient(180deg,#000,transparent 72%)}.lp .hero-grid{position:relative;display:grid;grid-template-columns:1.04fr .96fr;grid-gap:60px;gap:60px;align-items:center}.lp .hero .eyebrow{color:var(--mint)}.lp .hero h1{font-size:clamp(40px,5.6vw,64px);line-height:1.03;margin:20px 0 0;font-weight:500}.lp .hero h1 em{font-style:normal;font-weight:700;background:var(--grad-wide);-webkit-background-clip:text;background-clip:text;color:transparent}.lp .hero .lede{font-size:19px;line-height:1.62;color:var(--on-dark-soft);max-width:36ch;margin:24px 0 34px}.lp .hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.lp .hero-trust{margin-top:22px;font-size:13px;color:var(--on-dark-mute);font-family:IBM Plex Mono,monospace}.lp .mock-shell{position:relative}.lp .mock-glow{position:absolute;inset:-10% -12%;background:radial-gradient(58% 58% at 55% 42%,rgba(46,123,246,.5),rgba(109,70,230,.28) 55%,transparent 74%);filter:blur(22px)}.lp .mock{position:relative;background:var(--paper-2);border:1px solid var(--line);border-radius:20px;box-shadow:0 44px 96px -42px rgba(0,0,0,.62);overflow:hidden}.lp .mock-top{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line);background:var(--cloud)}.lp .mock-title{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:15px;color:var(--lp-ink)}.lp .toggle{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--paper-2)}.lp .toggle span{font-size:12px;font-weight:600;padding:6px 13px;color:var(--lp-ink-mute);transition:background .3s,color .3s}.lp .toggle span.on{background:var(--navy-900);color:#fff}.lp .mock-body{padding:20px}.lp .maprow{display:flex;align-items:stretch;gap:7px}.lp .mapblk{flex:1 1;border:1px solid var(--line);border-radius:10px;padding:11px 6px;text-align:center;font-size:10.5px;font-weight:600;color:var(--lp-ink-mute);background:var(--paper);transition:all .45s ease}.lp .mapblk.lit{color:#fff;border-color:transparent;background:linear-gradient(160deg,var(--blue),var(--violet));box-shadow:0 10px 24px -12px rgba(109,70,230,.9)}.lp .maparrow{align-self:center;color:var(--lp-ink-mute);font-size:12px}.lp .nowline{margin:15px 0;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--lp-ink-soft);transition:opacity .3s}.lp .nowline b{color:var(--blue)}.lp .mock-copy h4{font-family:Fraunces,Georgia,serif;font-size:17px;margin:0 0 6px;font-weight:600;color:var(--lp-ink);transition:opacity .3s}.lp .mock-copy .mkBody{margin:0;font-size:13.5px}.lp .keybox,.lp .mock-copy .mkBody{color:var(--lp-ink-soft);transition:opacity .3s}.lp .keybox{margin-top:13px;border-left:3px solid var(--mint);background:color-mix(in srgb,var(--mint) 14%,transparent);padding:9px 12px;border-radius:0 8px 8px 0;font-size:12.5px}.lp .keybox b{color:var(--lp-ink)}.lp .mkArch{margin-top:11px;border:1px solid var(--violet);background:color-mix(in srgb,var(--violet) 10%,transparent);border-radius:9px;font-size:11.5px;color:var(--lp-ink-soft);overflow:hidden;max-height:0;opacity:0;padding:0 12px;transition:max-height .42s ease,opacity .3s ease,padding .42s ease}.lp .mkArch.show{max-height:140px;opacity:1;padding:9px 12px}.lp .mkArch b{color:var(--violet);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.08em}.lp .progress{margin-top:16px}.lp .progress .track{height:7px;border-radius:999px;background:var(--cloud);overflow:hidden}.lp .progress .fill{height:100%;background:var(--grad-wide);transition:width .6s ease}.lp .progress .meta{display:flex;justify-content:space-between;margin-top:7px;font-size:10.5px;color:var(--lp-ink-mute);font-family:IBM Plex Mono,monospace}.lp .strip{background:var(--navy-950);border-top:1px solid hsla(0,0%,100%,.07);color:var(--on-dark-soft)}.lp .strip .wrap{display:flex;flex-wrap:wrap;gap:10px 34px;padding:18px 34px;font-size:13px;font-family:IBM Plex Mono,monospace}.lp .strip b{color:var(--mint);font-weight:500}.lp .blk{padding:104px 0}.lp .sec-head{max-width:62ch;margin-bottom:52px}.lp .sec-head .eyebrow{color:var(--blue)}.lp .sec-head h2{font-size:clamp(30px,4vw,44px);margin-top:14px}.lp .sec-head p{font-size:18px;color:var(--lp-ink-soft);margin-top:16px}.lp .problem-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:38px;gap:38px;border-top:1px solid var(--line)}.lp .problem-list>div{padding-top:26px}.lp .problem-list h3{font-size:20px;margin:0 0 8px;display:flex;align-items:baseline;gap:10px}.lp .problem-list h3 .x{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--magenta)}.lp .problem-list p{font-size:14.5px;color:var(--lp-ink-soft)}.lp .turn{margin-top:40px;font-family:Fraunces,Georgia,serif;font-size:22px;font-weight:500;color:var(--lp-ink);max-width:52ch;line-height:1.45}.lp .turn b{background:linear-gradient(180deg,transparent 60%,color-mix(in srgb,var(--mint) 50%,transparent) 60%)}.lp .spine{position:relative;margin-left:8px;padding-left:44px}.lp .spine:before{content:"";position:absolute;left:13px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--cyan),var(--blue) 40%,var(--violet) 72%,var(--magenta))}.lp .stop{position:relative;padding:0 0 40px}.lp .stop:last-child{padding-bottom:0}.lp .stop .bead{position:absolute;left:-44px;top:0;width:28px;height:28px;border-radius:999px;background:var(--paper);border:2px solid var(--violet);display:grid;place-items:center;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500;color:var(--violet)}.lp .stop h3{font-size:20px;margin:2px 0 6px}.lp .stop p{font-size:14.5px;color:var(--lp-ink-soft);max-width:56ch}.lp .stop .demo{margin-top:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper-2);padding:14px 16px;font-size:12px;color:var(--lp-ink-soft);font-family:IBM Plex Mono,monospace}.lp .stop .demo .row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.lp .chip{border:1px solid var(--line);border-radius:7px;padding:4px 9px;background:var(--paper);font-size:11px}.lp .chip.hot{background:var(--navy-900);color:#fff;border-color:transparent}.lp .chip.g{background:color-mix(in srgb,var(--mint) 22%,transparent)}.lp .band-dark{background:linear-gradient(180deg,var(--navy-900),var(--navy-950));color:var(--on-dark)}.lp .band-dark .sec-head .eyebrow{color:var(--mint)}.lp .band-dark .sec-head h2{color:var(--on-dark)}.lp .band-dark .sec-head p{color:var(--on-dark-soft)}.lp .duo{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px}.lp .panel{background:hsla(0,0%,100%,.045);border:1px solid hsla(0,0%,100%,.14);border-radius:18px;padding:30px}.lp .panel .tag{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}.lp .panel h3{font-size:22px;margin:12px 0 10px;color:var(--on-dark)}.lp .panel p{color:var(--on-dark-soft);font-size:14.5px}.lp .panel ul{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}.lp .panel li{font-size:13.5px;color:var(--on-dark-soft);padding-left:22px;position:relative}.lp .panel li:before{content:"→";position:absolute;left:0;color:var(--cyan)}.lp .mech{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.lp .mech-row{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--paper-2)}.lp .mech-row .tag{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-weight:500}.lp .mech-row h3{font-size:22px;margin:10px 0 8px}.lp .mech-row p{font-size:15px;color:var(--lp-ink-soft);max-width:48ch;margin:0}.lp .depth{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--paper-2);margin-top:26px}.lp .depth>div{padding:28px 30px}.lp .depth .beginner{border-right:1px solid var(--line)}.lp .depth h4{font-family:Fraunces,Georgia,serif;font-size:17px;margin:0 0 6px;font-weight:600;display:flex;align-items:center;gap:9px}.lp .depth .architect{background:color-mix(in srgb,var(--violet) 6%,var(--paper-2))}.lp .depth .architect h4 .plus{font-family:IBM Plex Mono,monospace;font-size:10px;background:var(--grad);color:#fff;border-radius:999px;padding:2px 8px}.lp .depth p{font-size:13.5px;color:var(--lp-ink-soft)}.lp .free-strip{background:radial-gradient(120% 130% at 100% 0,color-mix(in srgb,var(--cyan) 22%,transparent),transparent 58%),radial-gradient(120% 130% at 0 100%,color-mix(in srgb,var(--violet) 18%,transparent),transparent 58%),var(--cloud);border:1px solid var(--line);border-radius:22px;padding:44px;display:grid;grid-template-columns:1.35fr 1fr;grid-gap:36px;gap:36px;align-items:center}.lp .free-strip h2{font-size:30px;margin:0 0 12px}.lp .free-strip p{color:var(--lp-ink-soft);font-size:15px}.lp .steps{display:flex;flex-direction:column;gap:11px}.lp .step{display:flex;gap:12px;align-items:center;font-size:13.5px;color:var(--lp-ink-soft)}.lp .step .dot{width:26px;height:26px;border-radius:999px;flex:none;display:grid;place-items:center;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500}.lp .step.on .dot{background:var(--navy-900);color:#fff}.lp .step.lock .dot{background:var(--violet);color:#fff}.lp .final{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy-950) 0,#1b1b58 60%,#3a1a63);color:#fff;text-align:center;padding:120px 32px}.lp .final .swoosh{position:absolute;inset:0;width:100%;height:100%;opacity:.95;pointer-events:none}.lp .final h2{position:relative;font-size:clamp(32px,4.6vw,50px);font-weight:500}.lp .final h2 em{font-style:normal;font-weight:700;background:var(--grad-wide);-webkit-background-clip:text;background-clip:text;color:transparent}.lp .final p{color:var(--on-dark-soft);font-size:18px;margin:18px auto 36px;max-width:46ch}.lp .final .btn,.lp .final p{position:relative}@media (max-width:920px){.lp .depth,.lp .duo,.lp .free-strip,.lp .hero-grid,.lp .mech,.lp .problem-list{grid-template-columns:1fr}.lp .hero{padding:64px 0 72px}.lp .depth .beginner{border-right:none;border-bottom:1px solid var(--line)}}@media (prefers-reduced-motion:reduce){.lp *{transition:none!important;animation:none!important}}