@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&family=JetBrains+Mono:wght@400;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}@layer base{:root{--deep-blue:#0a1128;--bg-dark:#030712;--white:#fff;--gray:#9ca3af;--cyan:#00d4e0!important;--magenta:#e600e6!important;--yellow:gold!important;--orange:#ff8c52!important}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}button{cursor:pointer;font:inherit;background:0 0;border:none}}body{background:var(--bg-dark);color:var(--white);padding-left:120px;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}section{justify-content:center;align-items:center;min-height:100vh;padding:4rem 2rem;display:flex;position:relative;overflow:hidden}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes gradientShift{to{background-position:200%}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}@keyframes smoothReveal{0%{opacity:0;clip-path:inset(100% 0 0);transform:translateY(50px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@keyframes scanLine{0%{opacity:1;top:0}to{opacity:0;top:100%}}@keyframes float{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(30px)translate(30px)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.cursor-blink{color:var(--cyan);font-weight:900;animation:.7s infinite blink;display:inline-block}.advantage-cursor{color:#4a90e2;vertical-align:baseline;margin-left:.1rem;font-size:1.5rem;animation:1s infinite blink;display:inline;position:relative;top:-3px}.vs-you .vs-item:after{content:" ▮";color:var(--cyan);vertical-align:baseline;animation:1s infinite blink}.gradient-text{background:linear-gradient(90deg,#00d4e0,#e600e6,gold) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900;animation:3s linear infinite gradientShift}@media (max-width:968px){body{padding-top:80px;padding-left:0}.brand{text-align:left;letter-spacing:.2rem;margin:0;display:block;writing-mode:vertical-rl!important;font-size:1.2rem!important;position:absolute!important;top:1rem!important;left:1rem!important;transform:rotate(180deg)!important}.hero{padding-top:2rem!important}.terminal{margin-top:-3rem}.scroll-indicator{font-size:3rem!important;bottom:calc(8rem + 20px)!important}.terminal{font-size:1rem!important}.vs-grid{grid-template-columns:1fr!important;gap:3rem!important}.flow{flex-direction:column!important;gap:3rem!important}.flow-arrow{transform:rotate(90deg)!important}.browser-info{text-align:center!important;margin-top:2rem!important;position:static!important}.browser-tags{justify-content:center!important}.shape-circle,.shape-square,.proof-shape-1,.proof-shape-2,.sauce-shape-1,.sauce-shape-2,.pitch-shape-1,.pitch-shape-2{display:none!important}.projects-grid{grid-template-columns:1fr!important;gap:3rem!important}.modal-close{font-size:3rem!important}.advantage-cursor{vertical-align:baseline;margin-left:.1rem;font-size:.72em;position:relative;top:-3.5px}.advantage-title{line-height:1.3!important}.modal-browser .browser-window{height:500px!important}.modal-browser .browser-content{height:475px!important}.modal-browser .browser-info{text-align:center!important}.modal-browser .browser-tags{justify-content:center!important}}
