@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#05050a;--panel:#0b0b13;--text:#f5f3ff;--muted:#9c99ae;--violet:#8b5cf6;--cyan:#42d7ff;--line:rgba(255,255,255,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.nav{position:fixed;z-index:15;top:0;left:0;right:0;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:linear-gradient(#05050ae8,#05050a00);backdrop-filter:blur(12px)}.brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;font-weight:750;letter-spacing:-.04em}.brand-mark{width:28px;height:18px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;gap:4px}.brand-mark i{width:3px;height:3px;border-radius:50%;background:#05050a}.nav nav{display:flex;gap:30px}.nav nav a,.nav-download,footer a{color:#b8b5c5;text-decoration:none;font-size:13px}.nav nav a:hover,footer a:hover{color:#fff}.nav-download{color:#fff;border:1px solid var(--line);padding:10px 15px;border-radius:99px;background:#ffffff09}.nav-download span{color:#8f8b9c}.hero{position:relative;min-height:1150px;padding:170px 6vw 0;text-align:center;isolation:isolate}.aurora{position:absolute;border-radius:50%;filter:blur(120px);opacity:.25;z-index:-1}.a1{width:600px;height:500px;background:#6833ff;top:20px;left:15%}.a2{width:500px;height:500px;background:#157dc1;top:220px;right:10%}.eyebrow,.kicker{font:500 11px/1.2 'DM Mono',monospace;letter-spacing:.18em;color:#9792ac}.hero h1,.section h2{font-size:clamp(58px,8.5vw,128px);line-height:.91;letter-spacing:-.07em;margin:24px 0;font-weight:600}.hero h1 em,.section h2 span{font-style:normal;background:linear-gradient(110deg,#b69cff,#77dfff);-webkit-background-clip:text;color:transparent}.hero-copy{max-width:660px;margin:30px auto;color:#aaa7b7;font-size:18px;line-height:1.7}.actions{display:flex;justify-content:center;gap:18px;align-items:center;margin-top:32px}.primary{height:58px;border-radius:99px;padding:0 10px 0 26px;background:#f6f3ff;color:#08070d;text-decoration:none;display:inline-flex;align-items:center;gap:24px;font-size:14px;font-weight:700;box-shadow:0 0 45px #8057ff33;transition:transform .25s,box-shadow .25s}.primary:hover{transform:translateY(-3px);box-shadow:0 8px 55px #8e67ff66}.primary b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#11101a;color:#fff;font-size:18px}.secondary,.text-link{color:#d8d5e2;text-decoration:none;font-size:14px;border-bottom:1px solid #5f5b6b;padding:10px 0}.fine{font:400 10px 'DM Mono',monospace;letter-spacing:.08em;color:#686576;margin-top:22px}.stage{height:540px;max-width:1200px;margin:80px auto 0;position:relative;display:grid;place-items:center;perspective:1200px}.stage:after{content:"";position:absolute;width:75%;height:36%;bottom:65px;border-radius:50%;background:#6d48ff12;filter:blur(30px);transform:rotateX(68deg);border:1px solid #8b72ff15}.orbit{position:absolute;width:650px;height:300px;border:1px solid #7165a51c;border-radius:50%;transform:rotateX(66deg);animation:spin 18s linear infinite}.o2{width:900px;height:400px;animation-duration:28s;animation-direction:reverse}@keyframes spin{to{transform:rotateX(66deg) rotateZ(360deg)}}.island-demo{position:relative;z-index:2;width:310px;height:66px;border-radius:38px;background:#08080c;border:1px solid #ffffff1c;box-shadow:0 35px 90px #000,0 0 55px #8a5bff2e;display:flex;align-items:center;padding:9px 16px;gap:12px;transition:width .55s cubic-bezier(.2,.8,.2,1),height .55s cubic-bezier(.2,.8,.2,1),border-radius .55s,transform .2s;overflow:hidden;cursor:pointer}.island-demo:hover,.island-demo.open{width:min(760px,80vw);height:430px;border-radius:34px;align-items:flex-start;padding:20px}.face{width:42px;height:42px;border-radius:50%;background:#171620;display:flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;position:relative}.eye{width:5px;height:8px;border-radius:50%;background:#fff;transition:transform .15s}.face i{position:absolute;width:9px;height:4px;border-bottom:1px solid #a89dff;bottom:8px;border-radius:50%}.demo-copy{text-align:left;min-width:135px}.demo-copy small{display:block;color:#777281;font-size:9px}.demo-copy strong{font-size:13px;white-space:nowrap}.wave{margin-left:auto;display:flex;gap:3px;align-items:center;height:28px}.wave i{width:3px;height:7px;background:#9c82ff;border-radius:3px;animation:wave 1s ease-in-out infinite}.wave i:nth-child(2),.wave i:nth-child(4){animation-delay:.2s}.wave i:nth-child(3){animation-delay:.4s}@keyframes wave{50%{height:20px}}.demo-panel{position:absolute;opacity:0;pointer-events:none;top:75px;left:20px;right:20px;bottom:18px;transform:translateY(20px);transition:.35s .2s}.island-demo:hover .demo-panel,.island-demo.open .demo-panel{opacity:1;transform:none}.demo-tabs{height:32px;display:flex;gap:20px;align-items:center;color:#777383;font-size:11px}.demo-tabs b{color:#9b7cff}.demo-panel img{width:100%;height:290px;object-fit:cover;object-position:top;border-radius:18px;border:1px solid #ffffff10}.hint{position:absolute;bottom:20px;font:400 9px 'DM Mono';letter-spacing:.18em;color:#5d596c}.section{padding:150px 7vw;max-width:1450px;margin:auto}.manifesto{text-align:left}.manifesto h2{font-size:clamp(52px,7vw,104px)}.manifest-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px;margin-top:80px;border-top:1px solid var(--line);padding-top:40px}.manifest-grid>p{color:#a7a4b2;line-height:1.7;max-width:430px;margin:0}.stat strong{display:block;font-size:42px;letter-spacing:-.06em}.stat span{font:10px 'DM Mono';color:#797586;text-transform:uppercase;letter-spacing:.1em}.showcase{display:grid;gap:24px}.feature{background:linear-gradient(145deg,#0d0c16,#07070c);border:1px solid var(--line);border-radius:36px;min-height:640px;padding:70px;overflow:hidden;position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.feature.split.reverse .feature-copy{order:2}.feature-copy{position:relative;z-index:2}.num{font:11px 'DM Mono';color:#635e70}.feature h3{font-size:clamp(34px,4vw,62px);line-height:1.02;letter-spacing:-.055em;margin:22px 0}.feature-copy>p:last-child{color:#9895a5;line-height:1.7;max-width:480px}.screen-wrap{position:relative}.screen-wrap img{width:115%;max-width:none;border-radius:22px;box-shadow:0 40px 100px #000;border:1px solid #ffffff18;transform:perspective(1000px) rotateY(-7deg)}.reverse .screen-wrap img{transform:perspective(1000px) rotateY(7deg);margin-left:-15%}.screen-glow{position:absolute;width:90%;height:70%;filter:blur(90px);opacity:.25}.violet{background:#7448ff}.blue{background:#376dff}.cyan{background:#20bce5}.moods{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.moods h2{font-size:clamp(48px,6vw,88px)}.mood-card{background:#0b0a12;border:1px solid var(--line);padding:30px;border-radius:30px}.mood-card img{width:100%;border-radius:18px}.mood-card p{color:#9692a2;line-height:1.7;padding:0 12px}.privacy{text-align:center;max-width:1000px}.privacy h2{font-size:clamp(50px,7vw,100px)}.privacy>p:not(.kicker){max-width:670px;margin:30px auto;color:#9d99aa;line-height:1.8}.lock{width:92px;height:92px;border-radius:28px;margin:0 auto 35px;background:linear-gradient(145deg,#1a1527,#0c0a12);display:grid;place-items:center;box-shadow:0 0 70px #7c4dff33}.lock span{width:27px;height:24px;border:2px solid #b79aff;border-radius:7px;position:relative}.lock span:before{content:"";position:absolute;width:17px;height:15px;border:2px solid #b79aff;border-bottom:0;border-radius:11px 11px 0 0;left:3px;top:-14px}.final{text-align:center;position:relative;min-height:700px;display:flex;flex-direction:column;align-items:center;justify-content:center}.final-glow{position:absolute;width:80%;height:80%;background:radial-gradient(ellipse,#6437d62b,transparent 66%);z-index:-1}.final h2{font-size:clamp(54px,8vw,112px)}.primary.big{height:68px;font-size:16px}.primary.big b{width:50px;height:50px}footer{border-top:1px solid var(--line);min-height:160px;padding:45px 6vw;display:flex;align-items:center;justify-content:space-between;color:#6d6979;font-size:12px}footer div{display:flex;gap:24px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.nav nav{display:none}.hero{padding-left:5vw;padding-right:5vw;min-height:1000px}.hero h1{font-size:16vw}.actions{flex-direction:column}.stage{margin-top:50px}.manifest-grid{grid-template-columns:1fr 1fr}.manifest-grid>p{grid-column:1/-1}.feature,.moods{grid-template-columns:1fr;padding:36px;min-height:auto}.feature.split.reverse .feature-copy{order:0}.screen-wrap img,.reverse .screen-wrap img{width:120%;margin-left:0;transform:none}.section{padding:100px 6vw}.moods{gap:40px}footer{flex-direction:column;gap:25px;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}