/* UP brand experience / second edition */
:root{--bg:#08070d;--text:#f2eff9;--purple:#a07bff}body{background:#08070d}.header{position:fixed;height:84px;padding:0 5%;transition:height .3s,background .3s,border-color .3s;border-color:#ffffff0c}.header.scrolled{height:72px;background:#0b0912dd;backdrop-filter:blur(24px)}.header:after{content:"";position:absolute;bottom:0;left:0;width:var(--page-progress,0%);height:1px;background:linear-gradient(90deg,#6940ef,#d9bbff);box-shadow:0 0 12px #ad80ff}.nav-cta{background:#c2b0ee0d;border-color:#b2a1d933;border-radius:30px;padding:9px 24px}.header .brand{width:auto}.brand-name{font-weight:600;letter-spacing:.12em}.hero{height:900px;height:max(820px,100svh);min-height:820px;background:radial-gradient(ellipse at 50% 75%,#21103b66,transparent 55%),#08070d}.hero:after{content:"";position:absolute;inset:0;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.09' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.15;pointer-events:none;z-index:4}.hero-content{max-width:none;text-align:center;padding:143px 24px 0;margin:0;transform:none!important}.hero .eyebrow{font-size:12px;letter-spacing:.23em;color:#c0b4d2;display:flex;justify-content:center;align-items:center;gap:14px;margin-bottom:25px}.edition{font:10px monospace;letter-spacing:.1em;padding:4px 8px;border:1px solid #c8a7ff33;border-radius:4px;color:#bc9dff}.hero h1{font-size:clamp(48px,6.8vw,96px);font-weight:550;line-height:1.2;letter-spacing:-.05em;margin-bottom:24px;white-space:nowrap}.hero h1 span{background:linear-gradient(105deg,#f3ebff 5%,#b894f7 60%,#7953d9);background-clip:text;-webkit-text-fill-color:transparent}.hero-copy{font-size:16px;line-height:1.85;color:#9c95ac;margin-bottom:25px}.hero-actions{justify-content:center;gap:15px}.hero .button{border-radius:30px;padding:12px 24px;min-height:46px;font-weight:500}.button.primary{background:linear-gradient(115deg,#7850d8,#ad83fc);box-shadow:inset 0 1px 0 #fff5,0 0 35px #8450df22;border:1px solid #af91e875}.button.primary:hover{box-shadow:inset 0 1px 0 #fff8,0 0 45px #9063f555;transform:translateY(-2px)}.hero .button.secondary{background:#ffffff04;border:1px solid #ffffff16;color:#cac3d6}.hero-shade{background:linear-gradient(0deg,#08070d,transparent 12%),linear-gradient(180deg,#08070d 7%,transparent 48%);z-index:-1}.orbital{display:none}#aurora{z-index:-2;opacity:1}.brand-orbit{width:142px;height:170px;aspect-ratio:auto;top:64%;left:50%;right:auto;transform:translate(-50%,-20%)!important;opacity:1;perspective:600px;z-index:1}.hero-symbol{width:122px;height:122px;left:10px;top:0;filter:drop-shadow(0 0 28px #7444fe66);animation:v2-float 8s ease-in-out infinite}.hero-symbol img{filter:url(#remove-white) brightness(1.3) saturate(.7)}.hero-symbol:after{display:none}.orbit-caption{position:absolute;top:152px;left:50%;transform:translateX(-50%);right:auto;bottom:auto;white-space:nowrap;font:9px monospace;letter-spacing:.22em;color:#9c81bc}.hero-coordinate{position:absolute;top:70%;width:220px;color:#6b607c;z-index:1;font:9px monospace;letter-spacing:.1em}.hero-coordinate b{display:block;font:14px var(--font);color:#aaa0bb;letter-spacing:.2em;margin-top:12px}.hero-coordinate i{display:block;width:100%;height:1px;background:linear-gradient(90deg,#a384c944,transparent);margin-top:19px}.coordinate-left{left:8%}.coordinate-right{right:8%;text-align:right}.coordinate-right i{position:absolute;right:0;top:44px;background:linear-gradient(90deg,transparent,#a384c944)}.scroll-cue{bottom:30px;left:5%;font-size:12px;letter-spacing:.15em;color:#8e829e}.motion-toggle{right:5%;bottom:27px;border-color:#ffffff13;border-radius:30px;font-size:12px;padding:8px 15px;color:#9f91b0;background:#0e0b15}.market-ribbon{display:flex;align-items:center;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c;padding:25px 5%;gap:45px;overflow:hidden;background:#0c0911}.market-ribbon>span{white-space:nowrap;color:#857891;font-size:12px;border-right:1px solid #ffffff17;padding-right:35px}.market-ribbon>div{display:flex;align-items:center;gap:23px;white-space:nowrap;min-width:0}.market-ribbon b{font-size:14px;font-weight:450;letter-spacing:.15em;color:#c2b6d6}.market-ribbon i{font-size:12px;font-style:normal;color:#786888}.market-ribbon em{font-size:13px;font-style:normal;color:#8255b6;margin:0 13px}.section{max-width:1320px;padding:115px 5.5%}.manifesto{padding-top:120px;padding-bottom:110px}.manifesto h2{font-size:clamp(30px,4.1vw,56px);line-height:1.5;font-weight:500;letter-spacing:-.045em;margin:0}.manifesto h2 span{color:#6e607f}.manifesto-bottom{display:flex;align-items:center;gap:35px;margin-top:45px}.mini-mark{font-size:30px;font-weight:700;color:#a18aae;letter-spacing:-.09em;border-right:1px solid #ffffff20;padding-right:35px}.manifesto-bottom p{font-size:15px;color:#9e8fae;line-height:1.9;margin:0}.text-link{margin-left:auto;color:#d0b4f0;border-bottom:1px solid #8d649e88;font-size:14px;padding:10px 0}.explore{padding-top:75px;position:relative}.explore:before{content:"";position:absolute;inset:5% 0 0;background:radial-gradient(ellipse at 50% 55%,#632bb519,transparent 65%);z-index:-1}.section-heading h2{font-size:clamp(32px,3.6vw,50px);font-weight:500;letter-spacing:-.04em}.workspace{border-radius:18px;box-shadow:0 0 0 6px #b599e804,0 0 120px #7637d719,0 40px 90px #0006;border:1px solid #b999ed28;transition:transform .8s,opacity .8s,box-shadow .5s;background:linear-gradient(135deg,#171021,#0f0c15)}.workspace:hover{box-shadow:0 0 0 6px #b599e806,0 0 120px #7637d729,0 40px 90px #0006}.workspace-top{background:#b49add05;border-bottom-color:#ffffff0c}.how{padding-top:85px}.steps{gap:18px}.step,.step:first-child{padding:34px 30px;border:1px solid #ffffff0d;border-radius:16px;background:radial-gradient(ellipse at var(--spot-x,50%) var(--spot-y,0%),#6439a32c,transparent 65%),#100c17;transition:background .2s,transform .4s,border-color .4s;position:relative}.step:hover{border-color:#b892eb44;transform:translateY(-7px)}.step-number{font-family:monospace;color:#b29acb}.step h3{font-size:20px}.step p{font-size:15px;color:#978aa8}.community-band{position:relative;background:radial-gradient(ellipse at 10% 80%,#52207423,transparent 65%),#0e0a14;border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a}.community-intro h2{font-size:46px;line-height:1.35;font-weight:500}.community-feed{border-radius:16px;border:1px solid #b493d31c;padding:28px;background:#0e0a16aa;box-shadow:0 25px 70px #0002}.feed-post{border-color:#ffffff0c}.faq{padding-top:100px;padding-bottom:80px}.closing{min-height:490px;padding:110px 20px 100px;background:radial-gradient(ellipse at 50% 105%,#642cb933,transparent 70%)}.closing h2{font-size:clamp(42px,5vw,68px);line-height:1.25;position:relative}.closing .eyebrow,.closing .button{position:relative}.closing-word{position:absolute;left:50%;top:10px;transform:translateX(-50%);font:600 clamp(140px,23vw,320px)/1 sans-serif;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px #bc89ff12;pointer-events:none;white-space:nowrap}.closing .button{border-radius:30px}footer{background:#09070e}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .hero-symbol{animation:none}.motion-paused .step:hover{transform:none}@keyframes v2-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(3deg)}}
@media(min-width:1600px){.hero-content{padding-top:160px}.hero{max-height:1100px}.brand-orbit{top:63%}}
@media(max-width:1000px){.hero h1{font-size:7vw}.hero-coordinate{width:150px}.coordinate-left{left:5%}.coordinate-right{right:5%}.steps{gap:12px}.step,.step:first-child{padding:27px 22px}.market-ribbon{gap:25px}.market-ribbon>div{gap:16px}.market-ribbon em{margin:0 4px}.market-ribbon i{display:none}.community-feed{padding:20px}}
@media(max-width:700px){.header{height:74px;padding:0 6%;gap:15px}.header nav{display:none}.header .nav-cta{padding:7px 16px;font-size:12px}.hero{height:850px;min-height:850px}.hero-content{padding:128px 18px 0}.hero .eyebrow{font-size:10px;gap:10px;margin-bottom:24px;letter-spacing:.14em}.hero h1{font-size:48px;line-height:1.22;white-space:normal;letter-spacing:-.06em;margin-bottom:20px}.hero h1 span{display:block}.hero-copy{font-size:14px;max-width:310px;margin:0 auto 25px}.hero .button{font-size:13px;padding:11px 20px;min-height:44px}.hero-actions{gap:10px}.brand-orbit{top:65%;width:120px;height:150px}.hero-symbol{width:106px;height:106px;left:7px;top:0}.orbit-caption{display:block;top:134px;font-size:8px;letter-spacing:.15em}.hero-coordinate{top:82%;width:135px}.hero-coordinate span{font-size:7px}.hero-coordinate b{font-size:12px;margin-top:7px}.hero-coordinate i{display:none}.scroll-cue{font-size:10px;left:6%;bottom:26px}.motion-toggle{right:6%;font-size:10px;bottom:22px}.market-ribbon{padding:20px 6%;gap:20px}.market-ribbon>span{padding-right:20px;font-size:10px}.market-ribbon>div{overflow:auto;scrollbar-width:none}.market-ribbon b{font-size:12px}.market-ribbon em{font-size:12px}.section{padding:75px 6%}.manifesto .eyebrow{font-size:10px;margin-bottom:20px}.manifesto h2{font-size:29px;letter-spacing:-.05em;line-height:1.5}.manifesto-bottom{flex-wrap:wrap;gap:20px;margin-top:30px}.manifesto-bottom p{font-size:13px}.mini-mark{font-size:24px;padding-right:22px}.text-link{margin-left:0;font-size:12px}.section-heading h2{font-size:34px}.section-heading>p{font-size:14px}.workspace{border-radius:12px}.workspace-top{padding:14px}.workspace-name{font-size:13px}.demo-label{font-size:10px}.steps{display:grid;gap:14px}.step,.step:first-child{display:block;padding:28px;border:1px solid #ffffff10}.step-art{height:100px;margin:15px 0;transform:none;width:140px}.step h3{font-size:21px;margin:20px 0 12px}.step p{font-size:15px}.community-intro h2{font-size:36px}.community-feed{padding:20px 16px}.mascot-wrap{right:0}.faq{padding-bottom:60px}.closing{min-height:450px;padding:100px 15px 75px}.closing h2{font-size:42px}.closing h2 span{margin:0}.closing-word{top:50px}.hero-content .intro{animation-duration:1s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-symbol{animation:none}.step:hover{transform:none}*{transition:none!important}}