@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
h1{font-size:clamp(3rem,5.7vw,5.7rem)!important}
@media(max-width:760px){h1{font-size:clamp(2.65rem,12vw,3.85rem)!important}}
.brand{margin-bottom:clamp(3.5rem,10vh,8rem)}
@media(max-width:760px){.brand{margin-bottom:0}.copy{margin-top:clamp(6.5rem,15vh,10rem)!important}}
:root{font-family:'Space Grotesk',Arial;color:#f5f2ff;background:#0b071a}*{box-sizing:border-box}html,body{min-height:100%;background:#0b071a}body{margin:0;overflow:hidden;isolation:isolate}body:before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 90% 10%,#23105c 0,transparent 30rem),#0b071a}.hero{min-height:100vh;min-height:100dvh;width:100%;padding:30px max(28px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:1.08fr .92fr;gap:32px;align-items:center;position:relative;overflow:hidden}.content{z-index:1;align-self:stretch;display:flex;flex-direction:column}.brand{display:grid;grid-template-columns:38px auto;line-height:1;font-size:1.1rem;letter-spacing:-.04em}.brand span{grid-row:span 2;display:grid;place-items:center;width:30px;height:30px;border:1px solid #ad5cff;border-radius:9px;color:#ad5cff;font-weight:700}.brand small{font:500 .58rem 'DM Mono';letter-spacing:.09em;color:#bdb8d5;margin-top:4px;text-transform:uppercase}.copy{margin:auto 0}.eyebrow{font:500 .72rem 'DM Mono';letter-spacing:.15em;color:#39b7ff;margin:0 0 18px}h1{font-size:clamp(3.2rem,6.3vw,6.35rem);letter-spacing:-.065em;line-height:.96;margin:0 0 27px}h1 em{font-style:normal;color:#ad5cff}.copy>p:not(.eyebrow){max-width:535px;color:#bdb8d5;font-size:1.1rem;line-height:1.55;margin:0}.button{display:inline-flex;gap:22px;align-items:center;margin-top:34px;background:linear-gradient(100deg,#ad5cff,#7668ff);padding:14px 20px;border-radius:7px;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 8px 30px #842fff55}.button:hover{transform:translateY(-2px)}.preview{transform:rotate(4deg);z-index:1}.browser{min-height:365px;padding:22px;border:1px solid #c4adff8c;border-radius:17px;background:linear-gradient(140deg,#21154c,#120d27);box-shadow:20px 30px 70px #05020f,0 0 60px #683fff59;overflow:hidden}.browser>i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#785d9d;margin-right:5px}.browser>i:first-child{background:#ad5cff}.browser strong{display:block;font-size:1.55rem;margin:43px 0 30px}.browser>b{display:block;width:50%;height:9px;border-radius:6px;background:#635389;margin:11px 0}.browser>b:first-of-type{width:82%;background:linear-gradient(90deg,#39b7ff,#9d5eff)}.browser div{display:flex;gap:10px;margin:35px 0}.browser div span{width:29%;height:56px;border-radius:9px;background:linear-gradient(140deg,#a85cff,#3caeff)}mark{display:inline-block;background:#d9ff70;color:#130b28;padding:7px 10px;font:500 .65rem 'DM Mono';letter-spacing:.08em}.preview>p{font:500 .68rem 'DM Mono';letter-spacing:.12em;color:#bdb8d5;margin:19px 8px}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25}.one{width:380px;height:380px;background:#6624d8;right:-90px;top:45px}.two{width:200px;height:200px;background:#00a8ff;left:40%;bottom:10px}@media(max-width:760px){.hero{padding:24px 20px 34px;display:flex;align-items:stretch;justify-content:center}.content{z-index:2;display:block}.copy{margin-top:clamp(4.5rem,11vh,7rem)}h1{font-size:clamp(2.8rem,13vw,4.2rem)}.copy>p:not(.eyebrow){font-size:1rem}.preview{position:absolute;z-index:0;width:68vw;right:-24vw;bottom:-3rem;transform:rotate(10deg);opacity:.38}.browser{min-height:205px;padding:18px}.browser strong{font-size:1.1rem;margin:25px 0 20px}.browser div{margin:23px 0}.browser div span{height:38px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}