@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap");:root{--bg:#08080b;--fg:#f7f6fc;--muted:#93929f;--purple:#8a61ff;--line:#24232e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--bg);color:var(--fg);font-family:DM Sans,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #b9a3ff;outline-offset:6px}button{border:0}::selection{background:#7445de;color:white}.wrap{width:min(1240px,calc(100% - 112px));margin:auto}.nav{height:100px;justify-content:space-between;position:relative;z-index:3}.brand,.nav{display:flex;align-items:center}.brand{gap:9px;font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-1.3px;font-weight:800}.brand-icon{display:grid;place-items:center;background:#f5f3ff;color:#121018;width:31px;height:33px;border-radius:9px}.brand-dot{color:#a284ff;margin-left:-9px}.nav nav{display:flex;gap:34px;font-size:13px;color:#b6b4c2}.nav nav a:hover{color:white}.nav-github{display:flex;align-items:center;gap:9px;border:1px solid #34313e;border-radius:30px;padding:11px 18px;font-size:12px;background:#ffffff04}.hero{overflow:hidden;isolation:isolate}.hero,.hero-grid{position:relative}.hero-grid{min-height:645px;display:grid;grid-template-columns:48% 52%;align-items:center}.hero-copy{z-index:2;padding:45px 0 70px}.eyebrow{display:inline-flex;gap:9px;align-items:center;font-size:10px;font-weight:600;letter-spacing:1.5px;color:#c1adef;border:1px solid #a081e230;border-radius:30px;padding:9px 12px;background:#a185ed08}.status-dot{display:inline-block;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:#ad8cff;box-shadow:0 0 10px #a884ff70}h1{font-family:Manrope,sans-serif;font-size:clamp(48px,4.7vw,69px);font-weight:750;line-height:1.095;letter-spacing:-3.8px;margin:25px 0}h1 span{color:#bfa6ff}p{line-height:1.8}.hero-copy>p{font-size:14px;color:#aaa6b8;line-height:1.9;margin:0 0 31px}.actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 21px;border-radius:30px;font-size:12px;font-weight:600;transition:transform .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.primary{background:#8255f3;box-shadow:0 5px 25px #7950f533,inset 0 1px 1px #ffffff30}.primary:hover{background:#946cf9}.secondary{border:1px solid #ffffff25;background:#0b09114d}.hero-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#827d93;margin-top:21px}.hero-note svg{color:#a58bc9}.hero-glow{position:absolute;width:900px;height:650px;right:-170px;top:-100px;z-index:-2;background:radial-gradient(ellipse,#6332d84f,transparent 65%);filter:blur(40px)}.orb{right:3%;top:80px;width:550px;height:480px;border-radius:45% 55% 65% 35%;transform:rotate(-25deg);background:radial-gradient(at 65% 10%,#a787ff 0,#6e3ee1 35%,#3b196f 66%,#08080b 78%);filter:blur(2px);opacity:.85}.orb,.orbit{position:absolute;z-index:-1}.orbit{width:850px;height:410px;border:1px solid #a785ff1c;border-radius:50%;transform:rotate(44deg);left:-450px;top:70px;box-shadow:0 10px 0 #a785ff0b,0 20px 0 #a785ff0b,0 30px 0 #a785ff0b,0 40px 0 #a785ff0b,0 50px 0 #a785ff0b}.orbit-two{left:61%;top:-150px;transform:rotate(-43deg)}.product-scene{position:relative;perspective:1300px;height:460px;transform:translateX(20px)}.product-window{padding:0;position:absolute;top:35px;left:0;width:760px;background:#151419;border:1px solid #635482;border-radius:11px;overflow:hidden;text-align:left;transform:rotateY(-18deg) rotateX(8deg) rotate(7deg);transform-origin:left center;box-shadow:0 35px 70px #0009;transition:transform .45s}.product-window:hover{transform:rotateY(-13deg) rotateX(5deg) rotate(5deg)}.product-window>img{display:block;width:100%;height:auto}.window-bar{justify-content:space-between;background:linear-gradient(110deg,#25232d,#17151d);padding:13px 15px;color:#8a829c;font-size:10px}.window-bar,.window-bar>span{display:flex;align-items:center}.window-bar>span{gap:6px}.window-dots i{width:6px;height:6px;background:#6b647c;border-radius:50%}.window-dots i:first-child{background:#b98fa7}.window-dots i:nth-child(2){background:#beaa7a}.window-dots i:nth-child(3){background:#86ae96}.window-bottom{display:flex;justify-content:space-between;padding:11px 16px;font-size:9px;color:#a59bb7}.window-bottom>span:first-child{display:flex;align-items:center;gap:7px}.back-window{position:absolute;width:680px;height:395px;top:12px;left:45px;background:linear-gradient(120deg,#282035,#100d18);border:1px solid #56406d60;border-radius:10px;transform:rotateY(-18deg) rotateX(8deg) rotate(7deg);transform-origin:left center;z-index:-1}.back-two{left:80px;top:-15px;background:#27203088;z-index:-2}.context-chip{position:absolute;left:40px;bottom:-9px;padding:14px 17px;display:flex;gap:12px;align-items:center;background:#1a1427eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #755a9955;border-radius:12px;box-shadow:0 15px 40px #0006;font-size:11px}.context-chip small{display:block;font-size:9px;color:#a398b5;margin-top:4px}.chip-icon{width:33px;height:33px;border-radius:9px;background:#8053dd25;display:grid;place-items:center;color:#b899ff}.chip-check{margin-left:22px;color:#bda4ff}.compat{position:relative;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:31px 0;color:#b6b2c3}.compat>span:first-child{font-size:8px;letter-spacing:1.4px;line-height:1.8;color:#696574}.compat b{color:#a6a0b6;font-weight:500}.compat>div{display:flex;align-items:center;gap:10px;font-size:17px;letter-spacing:-.4px;font-weight:500}.compat svg{width:21px}.claude-mark{font-size:30px;color:#ba9a8c}.antigravity-mark{font-size:28px;color:#a59ccc}.compat-note{font-size:10px;line-height:1.7;color:#726b83}.how{padding:100px 0 80px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.kicker{font-size:9px;letter-spacing:2px;color:#b299e8}.kicker,h2{font-weight:600}h2{font-family:Manrope,sans-serif;font-size:35px;line-height:1.3;letter-spacing:-1.5px;margin:18px 0 0}h2 span{color:#8b8499}.section-top>p{font-size:12px;color:#81798e;margin:0 0 3px}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;margin-top:48px}.step{padding:23px 0 28px;background:transparent;text-align:left;border-top:1px solid #302938;transition:border-color .2s}.step.selected{border-color:#b08aff}.step-number{display:flex;justify-content:space-between;color:#6e647f;font-size:12px;font-family:monospace}.selected .step-number{color:#bd9aff}.step h3{font-size:17px;letter-spacing:-.4px;margin:23px 0 10px;font-weight:500}.step p{font-size:12px;color:#8e859b;margin:0;max-width:320px}.step-detail{justify-content:space-between;gap:16px;padding:19px 23px;background:#141019;border:1px solid #292131;border-radius:8px;min-height:58px}.step-detail,.step-detail code{display:flex;align-items:center}.step-detail code{gap:11px;font-size:10px;color:#b6a1d1}.step-detail>span{font-size:10px;color:#8c7d9f}.benefits{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;padding:60px 0 100px}.text-link{font-size:11px;display:inline-flex;align-items:center;gap:10px;color:#bca4e9;margin-top:28px}.benefit-list article{display:flex;gap:20px;padding:25px 0;border-bottom:1px solid #ffffff0d}.benefit-list article:first-child{padding-top:0}.benefit-list article>svg{color:#af91e4;width:20px;flex-shrink:0;margin-top:3px}.benefit-list h3{font-size:14px;margin:0;font-weight:500}.benefit-list p{font-size:12px;color:#8d849b;margin:9px 0 0}.final-cta{text-align:center;border-top:1px solid #34273f;border-bottom:1px solid #34273f;border-radius:16px;background:radial-gradient(ellipse at 50% 100%,#44247450,transparent 65%),#100d15;padding:65px 20px}.final-cta h2{font-size:42px;color:#f5efff}.final-cta p{font-size:12px;color:#a091b1;margin:18px 0 27px}.source-link{justify-content:center;gap:8px;font-size:10px;color:#b19acb;margin-top:20px}.source-link,footer{display:flex;align-items:center}footer{justify-content:space-between;padding:37px 0!important}footer .brand{font-size:19px}footer>span{font-size:10px;color:#72697e}footer>a:last-child{display:flex;align-items:center;gap:6px;font-size:11px;color:#a294b2}.modal{position:fixed;inset:0;z-index:20;background:#050409eb;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:grid;place-items:center;padding:55px 25px}.modal>img{width:100%;max-width:1600px;max-height:85vh;object-fit:contain}.modal>button{position:absolute;right:24px;top:20px;background:#332840;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.skip{position:fixed;top:-100px;left:15px;z-index:30;background:#8255f3;padding:12px}.skip:focus{top:10px}@media(min-width:1500px){.hero-grid{min-height:700px}.hero-copy{padding-bottom:90px}.product-scene{transform:translateX(20px) scale(1.05)}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}h1{font-size:54px;letter-spacing:-2.8px}.hero-grid{grid-template-columns:53% 47%;min-height:620px}.product-scene{transform:translateX(0);height:380px}.product-window{width:640px;top:20px}.back-window{width:570px;height:345px}.context-chip{left:5px;bottom:0}.hero-copy>p{font-size:12px}.button{padding:14px 16px;font-size:11px}.compat-note{display:none}.benefits{gap:45px}h2{font-size:29px}.section-top>p{font-size:11px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.nav{height:78px}.brand{font-size:23px}.nav nav{display:none}.nav-github{font-size:11px;padding:10px 12px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-copy{padding:44px 0 20px}h1{font-size:clamp(43px,10vw,64px);letter-spacing:-2.8px;line-height:1.12}.eyebrow{font-size:8px;letter-spacing:1.1px}.hero-copy>p{font-size:13px;line-height:1.85}.desktop{display:none}.hero-note{font-size:9px}.actions{gap:8px}.button{font-size:11px;padding:14px 16px}.product-scene{height:310px;margin-top:30px;transform:none}.product-window{width:500px;left:6px;top:20px;transform:rotateY(-18deg) rotateX(8deg) rotate(5deg)}.back-window{width:450px;height:270px;left:32px;top:1px}.back-two{left:55px;top:-17px}.context-chip{bottom:0;left:15px;padding:10px 13px}.orb{width:400px;height:380px;top:420px;right:-110px}.hero-glow{top:270px;right:-400px}.compat{margin-top:45px;padding:24px 0;gap:16px;flex-wrap:wrap;justify-content:flex-start}.compat>span:first-child{width:100%;font-size:7px}.compat>span:first-child br{display:none}.compat>div{font-size:12px;gap:6px}.compat svg{width:18px}.claude-mark{font-size:24px}.antigravity-mark{font-size:23px}.how{padding:65px 0 40px}.section-top{display:block}h2{font-size:29px}.section-top>p{margin-top:18px}.steps{grid-template-columns:1fr;gap:0;margin-top:30px}.step{padding:20px 0;display:grid;grid-template-columns:35px 1fr;grid-column-gap:12px;column-gap:12px}.step-number{grid-row:1/3;display:block;padding-top:2px}.step-number svg{display:none}.step h3{margin:0 0 8px;font-size:16px}.step p{font-size:12px;max-width:100%}.step-detail{flex-direction:column;align-items:flex-start;padding:16px;gap:9px}.step-detail code,.step-detail>span{font-size:9px}.benefits{grid-template-columns:1fr;gap:35px;padding:40px 0 60px}.final-cta{padding:45px 18px}.final-cta h2{font-size:33px}.final-cta p{font-size:11px}footer{flex-wrap:wrap;gap:22px}footer>span{order:3;width:100%;font-size:9px}.modal{padding:60px 10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important}}.modal{border:0;margin:0;max-width:none;max-height:none;width:100%;height:100%;color:var(--fg)}.modal:not([open]){display:none}.modal::-webkit-backdrop{background:#050409e0}.modal::backdrop{background:#050409e0}.download-group{display:inline-flex;flex-direction:column;align-items:center;gap:9px}.download-meta{font-size:9px;color:#9c8faf;font-weight:400;white-space:nowrap}.download-meta a{text-decoration:underline;text-underline-offset:3px}.actions{align-items:flex-start}.hero-note{margin-top:17px}@media(max-width:380px){.actions{flex-wrap:wrap}}