@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#101329;--muted:#64677b;--line:#e5e5ef;--paper:#fbfbfe;--purple:#7047eb;--blue:#1769ed;--green:#0cad72;--orange:#ff4f2f;--yellow:#ffbd0b;--navy:#071a39;--shadow:0 30px 80px rgba(39,33,90,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:800;letter-spacing:-.035em}.figma-mark{width:20px;height:30px;display:grid;grid-template:repeat(3,10px)/repeat(2,10px)}.figma-mark i{display:block}.figma-mark i:nth-child(1){background:#f24e1e;border-radius:6px 0 0 6px}.figma-mark i:nth-child(2){background:#ff7262;border-radius:0 6px 6px 0}.figma-mark i:nth-child(3){background:#a259ff;border-radius:6px 0 0 6px}.figma-mark i:nth-child(4){background:#1abcfe;border-radius:50%}.figma-mark i:nth-child(5){background:#0acf83;border-radius:6px 0 6px 6px}.nav nav,.nav nav a{display:flex;align-items:center}.nav nav{gap:32px;font-size:13px;font-weight:700}.nav nav>a:not(.github-link){color:var(--muted)}.nav a:hover{color:var(--purple)}.github-link{gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:white;box-shadow:0 4px 12px #2523450a}.github-link svg{width:17px;fill:currentColor}.hero{min-height:680px;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:45px;padding-block:75px 90px}.eyebrow,.kicker{font:500 11px/1 DM Mono,monospace;letter-spacing:.11em;text-transform:uppercase;color:var(--purple)}.sparkle{font-size:22px;vertical-align:-2px;margin-right:7px}h1{font-size:clamp(58px,6.3vw,88px);line-height:.98;letter-spacing:-.07em;margin:25px 0 25px;font-weight:800}h1 em,h2 em,h3 em{font-style:normal;color:var(--purple)}.hero-copy>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:520px}.actions{display:flex;gap:10px;margin-top:32px}.button{min-height:52px;padding:0 19px;border-radius:10px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:18px;cursor:pointer;font-size:13px;font-weight:800;background:white}.button.primary{color:white;background:var(--purple);border-color:var(--purple);box-shadow:0 12px 30px #7047eb3d}.button.primary:hover{background:#5e35db;transform:translateY(-1px)}.button.install{font-family:DM Mono,monospace;font-weight:400}.copy-icon{color:var(--muted);font-size:17px}.proof{display:flex;align-items:center;gap:15px;margin-top:34px;color:var(--muted);font-size:11px;line-height:1.5}.proof strong{color:var(--ink);font-size:12px}.avatars{display:flex}.avatars i{width:34px;height:34px;margin-left:-7px;display:grid;place-items:center;border:3px solid var(--paper);border-radius:50%;font:700 9px DM Mono;background:#e8e0ff;color:var(--purple)}.avatars i:first-child{margin:0}.avatars i:nth-child(2){background:#dbe9ff;color:var(--blue)}.avatars i:nth-child(3){background:#dcf8eb;color:var(--green)}
.hero-art{height:540px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#f1efff 0,transparent 68%)}.plugin-window{width:min(465px,80%);background:white;border:1px solid #e9e7f0;border-radius:18px;box-shadow:var(--shadow);position:relative;z-index:3;transform:rotate(-1deg)}.window-bar{height:55px;padding:0 18px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);font-size:12px}.mini-mark{width:25px;height:25px;border-radius:7px;background:var(--purple);color:white;display:grid;place-items:center}.window-dots{margin-left:auto;letter-spacing:3px;color:#afb0bc}.window-body{padding:22px}.selection-chip{display:inline-flex;align-items:center;gap:7px;background:#f1edff;color:var(--purple);border-radius:20px;padding:7px 10px;font-size:10px;font-weight:700;margin-bottom:12px}.selection-chip i,.task span i,.card-status>i{width:7px;height:7px;background:var(--purple);border-radius:50%}.layer{display:grid;grid-template-columns:33px 1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f0eff4;font-size:11px}.layer-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#efe9ff;color:var(--purple)}.layer-icon.blue{background:#e5efff;color:var(--blue)}.layer-icon.green{background:#ddf8ec;color:var(--green)}.layer small{font:400 8px DM Mono;color:#a6a6b1}.task{margin-top:18px;padding:13px;border-radius:10px;background:#f7f6fa;font-size:9px}.task>span{display:inline-flex;align-items:center;gap:6px;font-weight:700}.task>b{float:right;color:var(--purple)}.task>div{height:4px;background:#e5e2ec;border-radius:4px;margin-top:10px}.task>div i{display:block;width:72%;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--purple),#a288ff)}.window-actions{display:flex;justify-content:flex-end;align-items:center;gap:19px;margin-top:19px;font-size:10px}.window-actions strong{padding:10px 13px;border-radius:7px;background:var(--purple);color:white}.orb{position:absolute;border-radius:50%}.orb-purple{width:150px;height:150px;background:linear-gradient(145deg,#996aff,var(--purple));left:0;bottom:28px}.orb-green{width:86px;height:86px;background:linear-gradient(145deg,#20d99a,var(--green));right:5px;top:44px}.orb-orange{width:58px;height:58px;background:linear-gradient(145deg,#ff8066,var(--orange));right:45px;bottom:43px}.floating-card{position:absolute;z-index:5;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 35px #3025671a}.card-code{top:40px;left:25px;width:132px;padding:14px;display:grid;grid-template-columns:36px 1fr;gap:2px 9px}.card-code>span{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;background:#e8f0ff;color:var(--blue);border-radius:9px;font:600 13px DM Mono}.floating-card b{font-size:10px}.floating-card small{font-size:8px;color:var(--muted)}.card-status{right:0;bottom:88px;padding:13px 16px;display:flex;align-items:center;gap:10px}.card-status>i{width:27px;height:27px;background:#dff7ec;position:relative}.card-status>i:after{content:'✓';color:var(--green);position:absolute;inset:0;display:grid;place-items:center;font-weight:800}.card-status span{display:grid}.dot-field{position:absolute;width:105px;height:78px;right:30px;bottom:16px;background-image:radial-gradient(#cfc3ff 2px,transparent 2px);background-size:15px 15px}.trust{min-height:105px;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#a2a2af}.trust span{font:500 9px DM Mono;letter-spacing:.12em}.trust b{font-size:15px;letter-spacing:-.03em;color:#888996}
.features{padding-block:120px}.section-intro{display:grid;grid-template-columns:1fr 2fr 1.2fr;align-items:end;gap:30px;margin-bottom:55px}.section-intro h2{grid-column:2}.section-intro>p{margin:0}.section-intro .kicker{align-self:start;margin-top:12px}h2{font-size:clamp(43px,5vw,65px);line-height:1.04;letter-spacing:-.055em;margin:0;font-weight:800}.section-intro p{font-size:14px;line-height:1.7;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{min-height:560px;padding:31px;position:relative;overflow:hidden;border:1px solid #e5e2ef;border-radius:15px;background:linear-gradient(145deg,#fff 30%,#f2edff);display:flex;flex-direction:column}.feature.react{background:linear-gradient(145deg,#fff 30%,#edf3ff)}.feature.network{background:linear-gradient(145deg,#fff 30%,#e9f9f2)}.number{position:absolute;right:25px;top:25px;color:var(--purple);font:600 13px DM Mono}.react .number,.react h3 em{color:var(--blue)}.network .number,.network h3 em{color:var(--green)}.feature-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--purple);color:white;font-size:24px;box-shadow:0 9px 20px #7047eb3b}.react .feature-icon{background:var(--blue)}.network .feature-icon{background:var(--green)}.feature h3{font-size:37px;line-height:1.05;letter-spacing:-.055em;margin:40px 0 17px}.feature>p{color:var(--muted);font-size:13px;line-height:1.65;min-height:65px}.feature ul{list-style:none;margin:19px 0;padding:0;font-size:11px;font-weight:700}.feature li{padding:8px 0;border-bottom:1px solid #dfdbea}.feature li:before{content:'✓';color:var(--purple);margin-right:9px}.react li:before{color:var(--blue)}.network li:before{color:var(--green)}.feature>code{font:500 10px DM Mono;color:var(--purple);background:white;border:1px solid var(--line);padding:10px 12px;border-radius:8px;align-self:flex-start;margin-top:auto;position:relative;z-index:2}.react>code{color:var(--blue)}.network>code{color:var(--green)}.shape{position:absolute;width:160px;height:160px;border-radius:50%;right:-45px;bottom:-60px;background:var(--purple);opacity:.9}.react .shape{background:var(--blue)}.network .shape{background:var(--green)}
.workflow{padding:115px 0;background:#f1effa;border-block:1px solid var(--line)}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.workflow .section-intro{display:block;margin:0}.workflow .section-intro h2{margin:20px 0 24px}.workflow .section-intro p{max-width:480px}.flow-card{padding:30px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 55px #25204a12}.flow-step{display:grid;grid-template-columns:25px 48px 1fr;gap:14px;align-items:center}.flow-step>span{font:500 9px DM Mono;color:#aaa9b5}.flow-step>i{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#eee9ff;color:var(--purple);font-style:normal;font-weight:800}.flow-step>i.blue{background:#e4eeff;color:var(--blue)}.flow-step>i.green{background:#dff7ec;color:var(--green)}.flow-step div{display:grid;gap:4px}.flow-step b{font-size:13px}.flow-step small{font-size:10px;color:var(--muted)}.flow-line{height:45px;margin-left:48px;border-left:1px dashed #beb8d2;position:relative}.flow-line i{position:absolute;width:5px;height:5px;background:var(--purple);border-radius:50%;left:-3px;top:18px}.quickstart{padding-block:120px;text-align:center}.quickstart h2{margin:18px 0}.quickstart>p{max-width:600px;margin:0 auto;color:var(--muted);font-size:14px;line-height:1.7}.terminal{max-width:820px;margin:50px auto 0;text-align:left;background:var(--navy);color:#eef4ff;border-radius:15px;overflow:hidden;box-shadow:0 35px 70px #071a3936}.terminal-bar{height:49px;padding:0 17px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;background:#0b2247;border-bottom:1px solid #1e3760}.terminal-bar>span i{width:8px;height:8px;display:inline-block;border-radius:50%;background:#ff5e54;margin-right:5px}.terminal-bar>span i:nth-child(2){background:#ffbd2e}.terminal-bar>span i:nth-child(3){background:#28c840}.terminal-bar b{text-align:center;font-size:10px;color:#8091ac}.terminal-bar button{justify-self:end;background:transparent;color:#8fa1bd;border:0;font:500 9px DM Mono;cursor:pointer}.terminal pre{padding:29px 34px;margin:0;overflow-x:auto;font:12px/1.8 DM Mono,monospace}.prompt{color:#a583ff}.pink{color:#ff80b5}.green{color:#69e0ab}.muted{color:#637692}.cta{min-height:400px;margin-bottom:90px;padding:65px 75px;border-radius:20px;color:white;background:var(--navy);position:relative;overflow:hidden;display:flex;align-items:center}.cta>div:first-child{position:relative;z-index:2}.cta h2{font-size:52px;margin:15px 0}.cta h2 em{color:#9d7aff}.cta p{color:#9bacbf}.cta .light{color:var(--navy)}.cta-shapes{position:absolute;inset:0}.cta-shapes i{position:absolute;display:block}.cta-shapes i:nth-child(1){width:250px;height:250px;border-radius:50%;background:var(--purple);right:40px;bottom:-100px}.cta-shapes i:nth-child(2){width:130px;height:130px;background:var(--green);right:210px;top:45px;transform:rotate(45deg)}.cta-shapes i:nth-child(3){width:0;height:0;border-left:95px solid transparent;border-right:95px solid transparent;border-bottom:165px solid var(--orange);right:20px;top:20px;transform:rotate(25deg)}footer{min-height:120px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}footer>div{display:flex;gap:24px}footer a:hover{color:var(--purple)}.toast{position:fixed;z-index:50;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:var(--navy);color:white;padding:11px 16px;border-radius:8px;font-size:11px;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:65px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.actions{justify-content:center}.proof{justify-content:center}.hero-art{height:500px}.section-intro{grid-template-columns:1fr 2fr}.section-intro>p{grid-column:2}.feature-grid{grid-template-columns:1fr}.feature{min-height:480px}.workflow-grid{grid-template-columns:1fr;gap:55px}.cta-shapes{opacity:.45}}
@media(max-width:620px){.shell{width:min(100% - 28px,1180px)}.nav{height:68px}.nav nav>a:not(.github-link){display:none}.github-link{padding:9px}.github-link span{display:none}.hero{padding-block:55px;gap:10px;min-height:0}h1{font-size:52px}.hero-art{height:430px;margin-inline:-8px}.plugin-window{width:90%}.floating-card{transform:scale(.85)}.card-code{left:-5px}.card-status{right:-4px}.orb-purple{width:100px;height:100px}.trust{flex-wrap:wrap;justify-content:center;gap:24px;padding-block:26px}.trust span{width:100%;text-align:center}.features,.quickstart{padding-block:85px}.section-intro{display:block}.section-intro h2{margin:18px 0}.feature{padding:25px;min-height:530px}.workflow{padding:85px 0}.workflow-grid{gap:40px}.flow-card{padding:22px 18px}.cta{padding:50px 25px;min-height:430px}.cta h2{font-size:40px}.cta .actions,.hero .actions{flex-direction:column}.button{width:100%}.cta-shapes{opacity:.22}footer{padding-block:30px;gap:20px;flex-wrap:wrap}footer>span{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.toast{transition:none}}