:root{--bg:#090910;--bg2:#10101a;--surface:#151521;--line:rgba(206,190,255,.14);--text:#f8f6ff;--muted:#a8a4bb;--muted2:#7c798f;--purple:#bba5ff;--purple2:#8b6bdf;--cyan:#89d9ec;--mint:#8ce7d6;--radius:26px;--site-width:1320px;--font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.55 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body,html{min-width:320px;max-width:100%;overflow-x:clip}
body:before{content:"";position:absolute;pointer-events:none;inset:0 0 auto;height:1150px;background:radial-gradient(ellipse 50% 37% at 73% 23%,rgba(117,78,198,.16),transparent 74%),radial-gradient(ellipse 55% 43% at 19% 40%,rgba(57,47,99,.08),transparent 75%);z-index:-1}
.site{isolation:isolate;position:relative;overflow:clip}.global-noise{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.27;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.52' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");mask-image:linear-gradient(#000,transparent 98%)}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}p{margin:0}h1,h2,h3{margin:0;line-height:1.06;letter-spacing:-.052em;font-weight:780}h1,h2,h3,strong,b{font-family:var(--font)}h1{font-weight:790}strong,b{font-weight:720}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.skip-link{position:absolute;top:-70px;left:12px;z-index:90;background:#f4efff;color:#15101e;padding:12px;border-radius:9px}.skip-link:focus{top:10px}
[hidden]{display:none!important}.section-container{width:min(calc(100% - 96px),var(--site-width));margin-inline:auto}
.header{width:min(100%,1560px);margin-inline:auto;min-height:87px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(24px,3vw,58px);border-bottom:1px solid rgba(200,188,242,.085);position:relative;z-index:40;backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:12px;min-width:205px}.brand-mark{width:45px;height:45px;border:1px solid rgba(184,166,237,.24);border-radius:15px;background:linear-gradient(135deg,rgba(187,160,255,.18),rgba(101,65,183,.12));display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 15px 40px #47357923}.brand-mark img{height:32px;max-width:30px}.brand-wordmark{font-weight:860;font-size:19px;line-height:1.07;letter-spacing:.08em}.brand-wordmark>span{color:var(--purple)}.brand-wordmark small{display:block;font-size:8px;color:#9993ae;font-weight:690;letter-spacing:.22em;margin-top:7px}.nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,37px)}.nav a{font-size:12px;color:#c6c1d5;font-weight:570;white-space:nowrap;transition:color .2s}.nav a:hover{color:#fff}.header-end{display:flex;align-items:center;gap:16px}.header-state{display:flex;align-items:center;gap:8px;color:#beb7d3;font-weight:740;letter-spacing:.12em;font-size:10px;white-space:nowrap}.live-dot{width:6px;height:6px;background:#b6a1fa;border-radius:50%;box-shadow:0 0 16px #9e7cfd;animation:signalPulse 2.4s ease-in-out infinite}.top-button{padding:14px 16px;background:#e0d3ff;color:#17101f;border:1px solid #d6c8ff;font-size:12px;font-weight:770;border-radius:12px;white-space:nowrap;display:flex;align-items:center;gap:19px;transition:transform .2s,background .2s}.top-button:hover{transform:translateY(-2px);background:white}.menu-toggle{display:none;position:relative;width:41px;height:39px;border:1px solid var(--line);border-radius:10px;background:#1a1723}.menu-toggle span{display:block;width:17px;height:2px;background:#e6dfff;margin:5px auto;border-radius:1px}
.hero{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:6%;min-height:730px;padding-top:56px;padding-bottom:84px}.hero-copy{position:relative;z-index:2;max-width:645px}.hero-eyebrow,.overline{font-size:11px;font-weight:770;color:var(--purple);letter-spacing:.19em;line-height:1.5;display:flex;gap:10px;align-items:center}.eyebrow-star{font-size:20px;font-weight:400}.slash{color:#55506b}.hero h1{font-size:clamp(62px,6.65vw,112px);line-height:1.015;margin:30px 0 25px;max-width:670px;letter-spacing:-.075em}.hero-title-line{display:block;white-space:nowrap}.headline-accent,.title-gradient{color:#cebaff;background:linear-gradient(118deg,#f8f4ff 0%,#c7afff 35%,#9e89e8 67%,#91cced 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-definition{font-size:13px;line-height:1.9;letter-spacing:.115em;color:#ddd6ee;font-weight:590;position:relative;padding-left:19px}.hero-definition strong{color:#f7f1ff;font-weight:780}.definition-bar{position:absolute;inset:7px auto 7px 0;width:3px;border-radius:100px;background:linear-gradient(180deg,#e4d7ff,#9f80e8)}.hero-description{color:var(--muted);font-size:16px;line-height:1.8;max-width:590px;margin-top:24px}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{min-height:54px;padding:14px 20px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:13px;font-weight:770;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(130deg,#e0d3ff,#bca4ff);color:#171020;box-shadow:0 12px 36px #9d7af32b}.button-primary:hover{box-shadow:0 16px 38px #9d7af34a}.button-secondary{border-color:rgba(212,194,249,.26);background:rgba(255,255,255,.028);color:#e3dcf1}.button-secondary:hover{background:rgba(174,140,250,.11)}.hero-status{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:28px;color:#8d879f;font-weight:720;letter-spacing:.11em;font-size:9px}.status-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:100%;border:1px solid #544a6c;color:#cdb8ff;font-size:16px;animation:signalPulse 2.5s infinite}.status-separator{width:4px;height:4px;border-radius:100%;background:#5a506e}
.hero-showcase{min-width:0}.showcase-surface{position:relative;width:100%;aspect-ratio:1/1.04;border-radius:30px;background:radial-gradient(circle at 50% 52%,rgba(129,96,215,.15),rgba(17,13,26,.72) 43%,rgba(11,10,19,.96) 74%),linear-gradient(125deg,#13111d,#0d0c13);border:1px solid rgba(208,190,255,.12);box-shadow:inset 0 0 56px rgba(139,101,219,.035),0 38px 100px #0005;overflow:hidden;isolation:isolate}.showcase-surface:before{content:"";position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(161,137,220,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(161,137,220,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse,#000,transparent 72%)}.showcase-corner{position:absolute;z-index:5;font-size:18px;color:#685a85}.corner-tl{left:20px;top:11px}.corner-tr{right:20px;top:11px}.corner-bl{left:20px;bottom:11px}.corner-br{right:20px;bottom:11px}.showcase-label{position:absolute;left:39px;top:37px;color:#8e85a4;font-size:9px;letter-spacing:.2em;font-weight:760}.showcase-circles{position:absolute;inset:10%;display:grid;place-items:center}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(175,147,254,.19);border-radius:50%;transform:translate(-50%,-50%) rotate(-19deg);will-change:transform}.orbit-one{width:91%;height:57%;animation:spinA 18s linear infinite}.orbit-two{width:92%;height:67%;transform:translate(-50%,-50%) rotate(52deg);animation:spinB 24s linear infinite}.orbit-three{width:66%;aspect-ratio:1;border:1px dashed rgba(179,153,255,.14);animation:spinA 29s linear infinite}.ghost-signal{position:absolute;inset:23%;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(177,137,255,.38),rgba(130,88,208,.18) 35%,transparent 72%);filter:blur(29px);animation:signalBreathe 5s ease-in-out infinite}.hero-mascot{position:absolute;left:50%;top:47%;width:53%;transform:translate(-50%,-50%);filter:drop-shadow(0 12px 25px rgba(133,86,255,.2));animation:mascotFloat 5s ease-in-out infinite}.hero-mascot :is(img,svg){width:100%;height:auto;filter:var(--ghost-filter,none)}.star-point{position:absolute;color:#c9b0ff;text-shadow:0 0 14px #ad8bff99;animation:starBlink 4s ease-in-out infinite}.point-a{top:18%;left:33%;font-size:19px}.point-b{top:35%;right:16%;font-size:25px;animation-delay:1s}.point-c{bottom:28%;left:15%;font-size:22px;animation-delay:2s}.signal-card{position:absolute;display:flex;align-items:center;gap:11px;z-index:3;padding:12px 15px;border-radius:12px;background:rgba(23,20,36,.84);border:1px solid rgba(187,155,250,.19);box-shadow:0 13px 33px rgba(0,0,0,.24);backdrop-filter:blur(10px);transform:rotate(-5deg)}.signal-card .signal-symbol{display:grid;place-items:center;border-radius:9px;width:32px;height:32px;color:#d8c6ff;background:rgba(158,119,245,.17);font-size:20px}.signal-card strong{display:block;font-size:11px;letter-spacing:.06em;white-space:nowrap}.signal-card small{display:block;font-size:8px;letter-spacing:.08em;color:#8f8aa7;margin-top:4px;white-space:nowrap}.signal-card-a{top:22%;left:2%;animation:cardDrift 6s ease-in-out infinite}.signal-card-b{right:1%;top:54%;transform:rotate(5deg);animation:cardDrift 6s ease-in-out infinite reverse}.signal-card-c{bottom:20%;left:6%;transform:rotate(-3deg);animation:cardDrift 7s ease-in-out infinite}.showcase-footer{position:absolute;left:33px;bottom:25px;right:33px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:8px;letter-spacing:.13em;color:#7e7793;font-weight:750}.showcase-footer i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#bc9fff;box-shadow:0 0 10px #bc9fff;margin-right:6px}
.ticker{border-top:1px solid rgba(195,173,242,.09);border-bottom:1px solid rgba(195,173,242,.09);padding:22px 0;overflow:hidden;background:linear-gradient(90deg,rgba(112,80,177,.035),rgba(185,141,244,.07),rgba(112,80,177,.035))}.ticker-track{display:flex;align-items:center;width:max-content;gap:28px;white-space:nowrap;animation:marquee 36s linear infinite;color:#9a92ae;font-size:12px;letter-spacing:.15em;font-weight:780}.ticker-track b{color:#b09ce8;font-weight:400;font-size:22px}
.power,.identity,.universe,.faq{padding-top:124px;padding-bottom:14px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:43px}.section-heading h2{font-size:clamp(48px,5.8vw,77px);letter-spacing:-.067em;line-height:1.07;margin-top:23px}.overline{color:#b8a3ea;font-size:11px;letter-spacing:.17em}.overline-line{display:inline-block;width:25px;height:1px;background:#b8a3ea}.section-aside{max-width:340px;align-self:flex-end;padding-bottom:4px}.section-aside p{color:#a9a4ba;font-size:14px;line-height:1.8}.section-index{display:block;color:#675f78;font-weight:740;font-size:9px;letter-spacing:.12em;margin-top:17px}
.power-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.feature-card{position:relative;overflow:hidden;min-width:0;min-height:558px;border:1px solid var(--line);border-radius:var(--radius);background:#12111d;display:flex;flex-direction:column;isolation:isolate;transition:border-color .3s,transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);border-color:rgba(192,160,255,.35);box-shadow:0 25px 55px #0005}.feature-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(155deg,rgba(185,150,255,.06),transparent 50%);z-index:-1}.card-topline{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:24px 26px 0;letter-spacing:.13em;font-size:10px;font-weight:760;color:#b6a8d2}.card-num{color:#63597c;margin-right:12px}.card-flag{border:1px solid rgba(200,182,243,.19);padding:6px 9px;color:#9c8eb5;font-size:9px;border-radius:7px}.card-body{padding:0 31px 33px;margin-top:auto;position:relative;z-index:2}.card-tag{color:#b8a6ec;font-size:9px;font-weight:790;letter-spacing:.17em;margin-bottom:12px}.card-body h3{font-size:clamp(31px,3.5vw,48px);line-height:1.08;letter-spacing:-.055em}.card-body h3 span{color:#c9b7ff}.card-body p{margin-top:18px;max-width:535px;font-size:14px;line-height:1.78;color:#b5b0c7}.card-body p strong{color:#d3d0dd}
.rewind-card{background:radial-gradient(ellipse at 48% 16%,rgba(134,90,231,.18),transparent 51%),#14111f}.rewind-visual,.media-visual,.profile-visual,.author-visual{position:relative;flex:1;min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden}.rewind-visual:before,.media-visual:before,.profile-visual:before,.author-visual:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(137,101,228,.16),transparent 72%);filter:blur(20px)}.message-scene{width:65%;min-width:280px;max-width:380px;position:relative;padding:17px;border:1px solid #5d4b85;border-radius:18px;background:linear-gradient(155deg,rgba(56,41,88,.85),rgba(26,22,39,.93));box-shadow:0 24px 44px #0005;transform:rotate(-5deg);animation:sceneHover 7s ease-in-out infinite}.scene-user{font-size:10px;display:flex;gap:8px;align-items:center;color:#cec1e9;font-weight:750;letter-spacing:.03em}.scene-user>span:last-child{margin-left:auto;color:#7a718e;font-weight:520}.user-icon{color:#bca6ff}.message-scene-body{padding:20px 3px;color:#f6f0ff;font-size:17px;font-weight:670;line-height:1.45}.message-scene-foot{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.07em;color:#bc9afa;font-weight:760}.tiny-check{color:#8bdac7}.deleted-stamp{position:absolute;z-index:3;bottom:24px;right:10%;border:1px solid #ba93fe79;color:#dfceff;font-size:10px;letter-spacing:.08em;font-weight:800;border-radius:8px;padding:12px 15px;background:#241936f0;box-shadow:0 13px 30px #0007;transform:rotate(6deg)}.deleted-stamp span{margin-left:12px;font-size:16px}.rewind-ambient{font-size:175px;position:absolute;left:-20px;top:20px;color:rgba(176,139,250,.055);line-height:1}
.media-card{background:radial-gradient(ellipse at 55% 12%,rgba(67,113,160,.16),transparent 52%),#10141e}.media-visual{min-height:270px}.media-frame{position:absolute;width:33%;max-width:170px;height:164px;border:1px solid rgba(191,201,250,.26);border-radius:15px;box-shadow:0 24px 45px #0008;overflow:hidden}.media-photo{left:26%;top:23px;transform:rotate(-9deg);background:linear-gradient(160deg,#4c619f,#ad7fc4 67%,#e4aad6)}.photo-moon{position:absolute;width:63px;height:63px;border-radius:50%;background:#f6d3ee;left:48%;top:14%;box-shadow:0 0 45px #f5b3dd88}.photo-hill{position:absolute;bottom:-44px;left:-26px;width:145%;height:95px;border-radius:50% 50% 0 0}.hill-back{background:#2d3161;bottom:-32px}.hill-front{background:#1d2044;bottom:-52px;left:18%}.media-video{left:47%;top:58px;transform:rotate(8deg);background:linear-gradient(140deg,#1b3c65,#314964 42%,#a67cb6)}.video-play{position:absolute;display:grid;place-items:center;left:50%;top:46%;width:53px;height:53px;border:1px solid #ffe7ff70;border-radius:50%;background:rgba(255,255,255,.15);transform:translate(-50%,-50%);font-size:17px}.media-label{position:absolute;bottom:15px;left:15px;font-size:9px;font-weight:770;letter-spacing:.1em;color:white}.media-link{position:absolute;bottom:12px;left:20%;font-size:9px;letter-spacing:.15em;color:#9eadd3;font-weight:800}
.profile-card{background:radial-gradient(ellipse at 53% 18%,rgba(181,96,188,.14),transparent 55%),#15111d}.profile-visual{flex-direction:column;gap:13px}.profile-mini,.visit-mini{width:74%;max-width:420px;min-height:100px;background:linear-gradient(155deg,rgba(61,43,81,.82),rgba(27,24,38,.95));border:1px solid #684b8a73;border-radius:15px;display:flex;gap:14px;align-items:center;padding:15px;box-shadow:0 18px 40px #0004;transform:rotate(-3deg)}.profile-mini img{width:59px;height:auto;filter:drop-shadow(0 0 10px #a883ed4a)}.profile-mini>div,.visit-mini>div{flex:1;min-width:0}.profile-mini strong,.visit-mini strong{display:block;font-size:13px;letter-spacing:.02em}.profile-mini small,.visit-mini small{display:block;font-size:9px;color:#9488aa;margin-top:6px;letter-spacing:.05em}.profile-mini>span:last-child{align-self:flex-start;color:#b9a5ed}.visit-mini{min-height:70px;width:66%;margin-left:14%;transform:rotate(4deg);background:linear-gradient(130deg,#2c2539,#1b1825)}.visit-eye{font-size:32px;color:#c3a7ff}.visit-pulse{width:7px;height:7px;background:#b1eecc;border-radius:50%;box-shadow:0 0 12px #9eebc9}
.search-card{background:radial-gradient(ellipse at 55% 16%,rgba(73,111,181,.14),transparent 55%),#11131c}.author-visual{flex-direction:column;gap:10px;padding:0 20px}.search-bar-mock{width:76%;max-width:430px;border:1px solid #54607f;background:#21283a;padding:13px 15px;border-radius:12px;display:flex;align-items:center;gap:13px;color:#bac5e7}.search-bar-mock>span:first-child{font-size:23px}.search-bar-mock strong{flex:1;font-size:13px;color:#e8efff}.search-enter{font-size:17px}.search-result-mock{width:74%;max-width:405px;display:flex;align-items:center;gap:12px;background:#191e2b;border:1px solid #42455d;padding:13px;border-radius:11px}.search-result-mock>span:first-child{display:grid;place-items:center;flex:none;width:35px;height:35px;background:#343457;border-radius:9px;color:#d0bdff}.search-result-mock>div{flex:1;min-width:0}.search-result-mock strong{font-size:12px;display:block}.search-result-mock small{display:block;color:#9d9bb3;font-size:10px;margin-top:3px}.search-result-mock>span:last-child{color:#b5a2e8}.power-footnote{display:flex;gap:15px;max-width:970px;margin-top:22px;padding:17px 4px;color:#9c95aa;line-height:1.65;font-size:12px}.footnote-symbol{color:#c5adff;font-size:19px;flex:none}
.client-section{position:relative;margin-top:128px;overflow:hidden;background:linear-gradient(180deg,rgba(85,60,135,.13),#11101b 40%,#111019 98%);border-block:1px solid rgba(197,170,255,.12)}.client-glow{position:absolute;width:780px;height:680px;right:-150px;top:5%;background:radial-gradient(circle,rgba(135,88,245,.18),transparent 70%);filter:blur(35px);pointer-events:none}.client-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;min-height:790px;padding-top:95px;padding-bottom:105px}.client-copy{max-width:570px}.client-note{margin-top:40px;color:#d2c4ed;font-weight:740;letter-spacing:.18em;font-size:10px;display:block}.client-copy h2{font-size:clamp(82px,7.5vw,124px);margin-top:5px;line-height:.94}.client-copy h3{font-size:32px;margin:33px 0 15px;line-height:1.2;letter-spacing:-.03em;color:#e4dcf4}.client-copy>p:not(.client-disclosure){max-width:510px;font-size:15px;line-height:1.83;color:#b5afc4}.client-points{margin-top:28px;display:grid;gap:13px}.client-points>div{font-weight:640;font-size:14px;color:#e4e0ee;display:flex;gap:13px;align-items:center}.client-points span{color:#b499ed;font-size:11px;font-weight:850;letter-spacing:.08em}.inline-link{display:inline-flex;align-items:center;gap:12px;color:#d5c3ff;font-weight:760;font-size:13px;border-bottom:1px solid #8d6cb8;padding-bottom:10px;margin-top:28px}.inline-link:hover{color:white}.client-disclosure{margin-top:25px;color:#8e879f;font-size:12px;line-height:1.7;max-width:510px}
.client-device-wrap{position:relative;display:grid;place-items:center;min-width:0;min-height:620px}.client-beam{position:absolute;width:480px;height:600px;background:radial-gradient(ellipse,#8e6ede22,transparent 68%);filter:blur(35px)}.client-device{position:relative;z-index:2;width:min(100%,370px);min-height:620px;border:1px solid #6a588a;padding:17px 16px 16px;background:linear-gradient(155deg,#241b34,#13121d 49%,#0e1019 85%);border-radius:37px;box-shadow:0 0 0 8px rgba(121,94,173,.08),0 35px 100px #0008,0 0 100px rgba(132,87,209,.17);overflow:hidden}.client-device:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#e0c8ff19,transparent 23%)}.device-bar{display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:850;letter-spacing:.04em}.device-bar>span:first-child{display:flex;align-items:center;gap:7px}.device-bar img{width:26px}.device-bar>span:first-child span{color:#bda9ff}.device-connection{font-size:9px;color:#bfb0dd;letter-spacing:.12em}.device-connection i{display:inline-block;width:6px;height:6px;background:#b8b1fb;border-radius:50%;margin-right:4px}.device-heading{margin:36px 2px 25px}.device-heading span{font-size:9px;color:#9f91b9;letter-spacing:.18em;font-weight:800}.device-heading strong{display:block;margin-top:8px;font-size:21px;letter-spacing:-.035em}.device-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;background:#191724;border:1px solid #3f3651;border-radius:12px;gap:3px}.device-tabs button{border:0;border-radius:9px;background:none;color:#9a92ac;padding:11px 7px;font-size:11px;font-weight:740}.device-tabs button[aria-selected=true]{background:linear-gradient(130deg,#9072dc,#b7a1f4);color:#171020;box-shadow:0 4px 12px #0004}.device-panel{min-height:279px;padding:17px 1px 2px}.device-search{display:flex;align-items:center;gap:10px;font-size:13px;color:#8d87a2;border:1px solid #302c40;background:#1c1b29;padding:12px 13px;border-radius:10px;margin-bottom:11px}.device-search>span{font-size:11px}.thread{display:flex;align-items:center;gap:11px;padding:14px 3px;border-bottom:1px solid #34303e}.thread-avatar{width:39px;height:39px;display:grid;place-items:center;flex:none;background:linear-gradient(140deg,#8464c7,#3d335c);border-radius:12px;color:white;font-size:21px}.thread-avatar.blue{background:linear-gradient(140deg,#6388b0,#243f59)}.thread-avatar.pink{background:linear-gradient(140deg,#b374c9,#523354)}.thread>div:nth-child(2){min-width:0;flex:1}.thread strong{display:block;font-size:12px}.thread small{display:block;color:#928aa6;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.thread b{background:#bca6ff;color:#1b1429;padding:1px 7px;font-size:10px;border-radius:8px}.thread time{font-size:9px;color:#7e768f}.preview-eyebrow{font-weight:800;font-size:9px;color:#c7b2ff;letter-spacing:.16em;margin:7px 0 17px}.version-bubble{background:#322640;border:1px solid #69558a;border-radius:13px;padding:18px;color:#eadff9}.version-bubble small,.version-bubble strong,.version-bubble span{display:block}.version-bubble small{font-size:9px;color:#a591c0;font-weight:740}.version-bubble strong{margin-top:13px;font-size:16px}.version-bubble span{font-size:11px;color:#b1a4c4;margin-top:6px}.deleted-event{display:flex;align-items:center;gap:9px;margin-top:16px;color:#ddcde7;background:#211d2d;border:1px solid #42394d;padding:13px;border-radius:12px;font-size:11px}.search-result{border:1px solid #403853;background:#1e1b2c;border-radius:12px;padding:14px;margin-bottom:9px}.search-result small,.search-result strong,.search-result span{display:block}.search-result small{font-size:9px;color:#ab9aca;letter-spacing:.06em}.search-result strong{font-size:13px;margin:8px 0}.search-result span{font-size:11px;color:#978da8}.device-nav{display:flex;justify-content:space-around;gap:8px;padding-top:10px;color:#655c73;border-top:1px solid #383040;font-size:19px}.device-nav .active{color:#ccb4ff}.device-home-indicator{width:88px;height:4px;border-radius:99px;background:#e5d9f0;margin:13px auto 2px;opacity:.45}.floating-device-label{position:absolute;z-index:3;border:1px solid #6e589675;border-radius:12px;padding:12px 17px;font-size:12px;font-weight:820;color:#eee4ff;background:#30243edb;box-shadow:0 15px 30px #0006;letter-spacing:.13em}.label-one{top:13%;left:1%;transform:rotate(-10deg)}.label-two{bottom:19%;right:0;transform:rotate(8deg)}
.identity{padding-bottom:40px}.market-stage{display:grid;grid-template-columns:1.03fr .97fr;border:1px solid rgba(204,168,255,.17);border-radius:30px;overflow:hidden;background:#12111c;box-shadow:0 25px 75px #0003}.market-visual{position:relative;min-height:640px;background:radial-gradient(circle at 49% 45%,rgba(170,131,244,.2),transparent 48%),linear-gradient(135deg,#1b162c,#0d0d16);isolation:isolate;overflow:hidden;--character-color:#bb96ff;--character-filter:none}.market-visual:before{content:"";position:absolute;inset:0;opacity:.4;background:linear-gradient(90deg,rgba(193,166,255,.06) 1px,transparent 1px),linear-gradient(rgba(193,166,255,.06) 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.market-rings{position:absolute;inset:8%;display:grid;place-items:center}.market-rings i{display:block;position:absolute;border:1px solid rgba(191,162,255,.21);border-radius:50%;width:70%;height:70%;transform:rotate(-24deg) scaleY(.75)}.market-rings i:nth-child(2){width:93%;height:56%;transform:rotate(25deg);border-style:dashed;animation:spinA 19s linear infinite}.market-rings i:nth-child(3){width:64%;height:90%;transform:rotate(-50deg);animation:spinB 25s linear infinite}.market-ghost{position:absolute;width:41%;left:50%;top:43%;transform:translate(-50%,-50%);animation:mascotFloat 5.7s ease-in-out infinite}.market-ghost img{width:100%;height:auto;filter:var(--character-filter,none) drop-shadow(0 18px 27px rgba(100,50,192,.3))}.market-visual:after{content:"";position:absolute;width:360px;height:310px;left:calc(50% - 180px);top:calc(43% - 155px);border-radius:50%;background:radial-gradient(circle,var(--character-color),transparent 70%);filter:blur(45px);opacity:.16;z-index:-1}.market-ghost[data-motion="wave"]{animation:ghostWave 1.9s ease-in-out infinite}.market-ghost[data-motion="rest"]{animation:none}.market-ghost[data-eco="true"]{animation:none!important}.market-spark{position:absolute;font-size:19px;color:var(--character-color);filter:drop-shadow(0 0 12px var(--character-color));animation:starBlink 3.8s ease-in-out infinite}.spark-one{left:17%;top:24%}.spark-two{right:16%;top:38%;animation-delay:1s}.spark-three{left:24%;bottom:26%;animation-delay:2s}.market-accessory{position:absolute;left:63%;top:17%;font-size:44px;text-shadow:0 0 20px var(--character-color);color:var(--character-color);animation:starBlink 3s infinite}.market-visual-caption{position:absolute;left:36px;bottom:36px;display:flex;flex-direction:column;gap:6px}.market-visual-caption span,.market-visual-caption small{color:#988caf;font-size:10px;font-weight:790;letter-spacing:.14em}.market-visual-caption strong{font-size:27px;letter-spacing:-.03em}.market-visual-caption small{font-size:8px}.market-console{padding:50px clamp(25px,4vw,62px);min-width:0}.market-micro{font-size:10px;letter-spacing:.17em;color:#ba9fff;font-weight:800}.market-console h3{font-size:clamp(46px,4vw,62px);line-height:1.06;margin:17px 0 13px}.market-console h3 span{color:#c4acff}.market-console>p:first-of-type{color:#ada5bd;line-height:1.7;font-size:14px;min-height:46px}.market-control-label{margin-top:30px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a19bb2;font-size:9px;letter-spacing:.14em;font-weight:770}.market-looks{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.look-button{height:53px;display:grid;place-items:center;background:#201b2b;border:1px solid #3b324b;border-radius:10px;min-width:0;transition:transform .2s,border-color .2s}.look-button i{display:block;width:22px;height:22px;border-radius:50%;background:var(--swatch);box-shadow:0 0 18px var(--swatch);opacity:.85}.look-button.selected{border-color:#d4baff;background:#4b376c;transform:translateY(-3px)}.look-button:hover{border-color:#bb9df0}.motion-buttons{display:flex;gap:7px}.motion-button{flex:1;background:#1b1a27;border:1px solid #363344;padding:11px 8px;border-radius:10px;font-size:11px;font-weight:700}.motion-button.active{background:#6f529f;color:white;border-color:#9976cf}.eco-line{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:28px;padding-top:21px;border-top:1px solid #30293c}.eco-line strong,.eco-line small{display:block}.eco-line strong{font-size:13px}.eco-line small{font-size:10px;color:#9e95ac;margin-top:5px}.eco-line button{width:48px;height:28px;border-radius:99px;background:#383140;border:1px solid #5a4d6d;padding:4px;display:flex;align-items:center;transition:background .2s}.eco-line button>span{width:18px;height:18px;background:#dcd3ee;border-radius:50%;transition:transform .2s}.eco-line button[aria-checked="true"]{background:#8f68cb}.eco-line button[aria-checked="true"]>span{transform:translateX(20px)}.market-actions{display:flex;flex-wrap:wrap;align-items:center;gap:17px;margin-top:30px}.market-actions .button{font-size:12px;padding:14px 16px}.market-secondary{font-size:11px;font-weight:730;color:#d4bfff;border-bottom:1px solid #8b72ac;padding-bottom:5px}.market-disclosure{color:#878095;font-size:11px;line-height:1.6;margin-top:23px}
.universe{padding-bottom:25px}.ecosystem-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:repeat(2,minmax(175px,auto));gap:14px}.ecosystem-center{grid-row:span 2;border-radius:24px;border:1px solid #51436b;background:radial-gradient(circle at 48% 43%,rgba(150,119,232,.28),transparent 52%),#181425;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:370px}.ecosystem-center:before{content:"";width:260px;height:260px;position:absolute;border:1px solid rgba(172,141,250,.2);border-radius:50%;top:19%;left:calc(50% - 130px);transform:rotate(35deg) scaleY(.7)}.ecosystem-center img{filter:drop-shadow(0 10px 30px #a16ffa66);margin-bottom:11px;animation:mascotFloat 5s infinite}.ecosystem-center strong{font-size:27px;letter-spacing:.08em}.ecosystem-center span{margin-top:8px;font-size:9px;color:#a89bc1;letter-spacing:.15em}.eco-card{border:1px solid #342d42;border-radius:20px;background:#14131e;padding:26px;transition:transform .25s,border-color .25s}.eco-card:hover{transform:translateY(-4px);border-color:#645183}.eco-card>span{color:#a68cd3;letter-spacing:.13em;font-size:9px;font-weight:800}.eco-card h3{font-size:19px;line-height:1.3;margin-top:21px;letter-spacing:-.02em}.eco-card p{color:#9991a8;font-size:12px;line-height:1.65;margin-top:9px;max-width:280px}.roadmap-note{display:flex;align-items:center;gap:21px;padding:31px 4px;border-bottom:1px solid #332b3f}.roadmap-note>span{font-size:66px;line-height:1;color:#c6b2ff;letter-spacing:-.06em;font-weight:800}.roadmap-note p{flex:1;color:#9f98ad;font-size:12px;line-height:1.8}.roadmap-note p strong{color:#efe7ff}.roadmap-note a{white-space:nowrap;color:#d2bfff;font-size:12px;font-weight:750}.roadmap-note a:hover{color:#fff}
.join{position:relative;overflow:hidden;margin-top:122px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(110deg,#1d172d 8%,#251a3d 49%,#0f0e19 100%);border:1px solid rgba(202,172,255,.28);border-radius:29px;padding:73px 65px;min-height:380px}.join-ambient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 73% 54%,rgba(166,113,236,.24),transparent 32%)}.join-copy{position:relative;max-width:700px;z-index:2}.join-copy h2{font-size:clamp(45px,6vw,80px);margin:19px 0 14px}.join-copy h2 span{color:#d2baff}.join-copy p{color:#c4bad5;font-size:14px;line-height:1.75;max-width:500px}.join-actions{display:flex;gap:12px;margin-top:27px;flex-wrap:wrap}.button-light{color:#21182a;background:#e9ddff}.button-quiet{color:#e9dfff;background:#312544;border-color:#74578e}.join-art{position:absolute;right:9%;top:10%;height:340px;width:280px;display:grid;place-items:center;transform:rotate(7deg)}.join-art img{position:relative;width:200px;z-index:2;filter:drop-shadow(0 25px 45px #d2a2fd66);animation:mascotFloat 5s infinite}.join-orbit{position:absolute;inset:2%;border:1px solid #a883d456;border-radius:50%;transform:rotate(25deg) scaleY(.67);animation:spinA 20s linear infinite}
.faq{padding-bottom:100px}.faq-list{border-top:1px solid #312d3b}.faq-list details{border-bottom:1px solid #312d3b}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;padding:23px 4px;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:-.01em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;border:1px solid #4a4057;color:#c3aeeb;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details>p{color:#a7a0b3;font-size:13px;line-height:1.85;max-width:910px;padding:0 30px 25px 4px}
.footer{border-top:1px solid #302a3c;background:#0d0d15}.footer-main{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:50px;padding-top:60px;padding-bottom:64px}.footer-brand{display:flex;gap:9px;align-items:center;font-size:28px;letter-spacing:.02em;font-weight:850}.footer-brand span{color:#be9fff}.footer-brand img{width:29px}.footer-main>div:first-child p{margin-top:16px;color:#90889f;font-size:11px;letter-spacing:.12em;line-height:2}.footer-main>div:first-child p strong{color:#c6b2ea}.footer-main nav,.footer-social{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-main nav a,.footer-social a{font-size:12px;color:#bfb6cd}.footer-main nav a:hover,.footer-social a:hover{color:#fff}.footer-social strong{font-size:10px;letter-spacing:.14em;color:#ddd1f2;margin-bottom:5px}.footer-social small{color:#777085;font-size:10px;line-height:1.5}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:25px;padding-bottom:28px;border-top:1px solid #2b2735;color:#777087;font-size:10px;font-weight:750;letter-spacing:.12em}
.identity-dialog{padding:0;border:1px solid #62517c;border-radius:24px;background:#171422;color:#f8f5ff;box-shadow:0 40px 130px #000b;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 28px)}.identity-dialog::backdrop{background:#05040cd9;backdrop-filter:blur(11px)}.dialog-inner{position:relative;text-align:center;padding:40px 30px;display:flex;flex-direction:column;align-items:center;gap:13px}.dialog-close{position:absolute;right:15px;top:13px;border:1px solid #56466a;width:33px;height:33px;border-radius:9px;background:#241f30;font-size:24px;line-height:1}.dialog-mascot{width:175px;height:200px;display:grid;place-items:center;filter:drop-shadow(0 0 38px #a177ff44);animation:mascotFloat 5s infinite}.dialog-mascot img{height:180px;filter:var(--dialog-filter,none)}.dialog-inner h2{font-size:25px}.dialog-inner p{color:#a8a0b9;font-size:13px}.dialog-disclaimer{font-size:9px;color:#8c8299;letter-spacing:.09em}.dialog-inner .button{width:100%;margin-top:10px}
@keyframes mascotFloat{0%,100%{transform:translate(-50%,-50%) translateY(4px) rotate(-2deg)}50%{transform:translate(-50%,-50%) translateY(-14px) rotate(2deg)}}
@keyframes ghostWave{0%,100%{transform:translate(-50%,-50%) rotate(-7deg)}50%{transform:translate(-50%,-50%) rotate(8deg)}}
@keyframes signalBreathe{0%,100%{opacity:.62;transform:scale(.98)}50%{opacity:1;transform:scale(1.08)}}
@keyframes signalPulse{0%,100%{opacity:.65}50%{opacity:1}}
@keyframes spinA{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes spinB{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes cardDrift{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes starBlink{0%,100%{opacity:.6;scale:.9}50%{opacity:1;scale:1.2}}
@keyframes sceneHover{0%,100%{translate:0 4px}50%{translate:0 -8px}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* The ghost in center uses parent anchor positioning; isolated transforms for other contexts. */
.market-ghost[data-motion="float"]{animation:mascotFloat 5.7s ease-in-out infinite}.ecosystem-center img,.join-art img,.dialog-mascot{animation:plainFloat 5.5s ease-in-out infinite}
@keyframes plainFloat{0%,100%{transform:translateY(4px) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}
/* CSS enhancement never hides content when JavaScript is unavailable. */
.js-reveal-enabled [data-reveal]{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s cubic-bezier(.18,.8,.24,1)}.js-reveal-enabled [data-reveal].visible{opacity:1;transform:translateY(0)}
@media (max-width:1180px){.section-container{width:min(calc(100% - 64px),var(--site-width))}.header-state{display:none}.hero{min-height:650px;gap:3%}.hero h1{font-size:clamp(58px,6.8vw,89px)}.client-inner{gap:2%}.client-copy h2{font-size:clamp(70px,7.2vw,95px)}.market-console{padding:43px 33px}.section-heading h2{font-size:clamp(47px,5.6vw,70px)}.join-art{right:3%}}
@media (max-width:940px){.header{min-height:76px}.brand{min-width:0}.nav{display:none;position:absolute;top:76px;left:18px;right:18px;background:#181421f5;border:1px solid #55436e;border-radius:16px;padding:14px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 25px 70px #0009}.nav.open{display:flex}.nav a{padding:12px 13px;font-size:14px}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:67px;gap:40px;padding-bottom:65px}.hero-copy{max-width:700px}.hero h1{font-size:clamp(65px,10vw,95px)}.hero-showcase{width:min(100%,650px);margin:auto}.showcase-surface{aspect-ratio:1.12/1}.power-grid{gap:14px}.feature-card{min-height:530px}.rewind-visual,.media-visual,.profile-visual,.author-visual{min-height:230px}.card-body{padding:0 23px 26px}.client-inner{grid-template-columns:1fr;gap:40px}.client-copy{max-width:700px}.client-device-wrap{min-height:650px}.market-stage{grid-template-columns:1fr}.market-visual{min-height:500px}.market-ghost{width:27%}.market-rings{inset:0}.market-console{padding:43px clamp(27px,6vw,60px)}.ecosystem-grid{grid-template-columns:1fr 1fr}.ecosystem-center{grid-row:span 2}.join-art{opacity:.32;right:-1%}.join-copy{max-width:620px}}
@media (max-width:640px){html{scroll-padding-top:70px}.section-container{width:calc(100% - 36px)}.header{min-height:69px;padding:0 18px;gap:6px}.brand{gap:8px}.brand-mark{width:39px;height:39px;border-radius:12px}.brand-mark img{height:28px}.brand-wordmark{font-size:16px}.brand-wordmark small{font-size:7px;margin-top:4px}.nav{top:69px}.header-end{gap:9px}.top-button{font-size:10px;padding:10px 10px;gap:5px}.menu-toggle{width:36px;height:36px}.hero{padding-top:51px;padding-bottom:52px;gap:26px}.hero-eyebrow{font-size:9px;gap:7px}.hero h1{font-size:clamp(51px,11.35vw,77px);margin:24px 0 24px;line-height:1.03;letter-spacing:-.077em}.hero-definition{font-size:10px;letter-spacing:.09em;padding-left:14px}.hero-description{font-size:13px;line-height:1.78;margin-top:18px}.hero-cta{display:grid;grid-template-columns:1fr;gap:9px;margin-top:23px}.hero-cta .button{width:100%}.hero-status{font-size:8px;margin-top:21px;gap:8px}.showcase-surface{border-radius:22px;aspect-ratio:1.05/1}.showcase-label{top:22px;left:24px;font-size:8px}.signal-card{padding:8px 9px;gap:6px;border-radius:9px}.signal-card .signal-symbol{width:23px;height:23px;font-size:16px}.signal-card strong{font-size:8px}.signal-card small{font-size:6px}.signal-card-a{top:17%;left:2%}.signal-card-b{right:2%;top:55%}.signal-card-c{bottom:13%;left:6%}.hero-mascot{width:55%}.showcase-footer{left:22px;right:22px;bottom:17px;font-size:7px}.ticker{padding:16px 0}.ticker-track{font-size:10px;gap:18px;animation-duration:27s}.power,.identity,.universe,.faq{padding-top:89px}.section-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:28px}.section-heading h2{font-size:clamp(42px,10.5vw,65px);margin-top:15px}.section-aside{max-width:100%}.section-aside p{font-size:12px}.section-index{margin-top:8px}.power-grid{grid-template-columns:1fr;gap:15px}.feature-card{min-height:490px;border-radius:21px}.card-topline{padding:20px 20px 0;font-size:9px}.card-body{padding:0 22px 25px}.card-body h3{font-size:36px}.card-body p{font-size:12px;line-height:1.75;margin-top:12px}.rewind-visual,.media-visual,.profile-visual,.author-visual{min-height:227px}.message-scene{min-width:225px;width:68%;padding:13px}.scene-user{font-size:8px}.message-scene-body{font-size:14px}.deleted-stamp{font-size:8px;padding:8px 10px}.media-frame{width:36%;height:152px}.profile-mini{width:77%}.visit-mini{width:70%}.search-bar-mock{width:88%}.search-result-mock{width:85%}.power-footnote{font-size:11px}.client-section{margin-top:95px}.client-inner{padding-top:76px;padding-bottom:71px}.client-copy h2{font-size:clamp(65px,16vw,95px)}.client-note{margin-top:22px}.client-copy h3{font-size:25px;margin-top:20px}.client-copy>p:not(.client-disclosure){font-size:13px}.client-points>div{font-size:12px}.client-device-wrap{min-height:625px}.floating-device-label{font-size:10px;padding:9px}.label-one{left:0;top:10%}.label-two{right:0;bottom:13%}.market-visual{min-height:440px}.market-ghost{width:43%}.market-visual-caption{bottom:22px;left:23px}.market-visual-caption strong{font-size:24px}.market-accessory{top:15%;font-size:31px}.market-console{padding:31px 21px}.market-console h3{font-size:48px}.market-looks{gap:5px}.look-button{height:45px;border-radius:9px}.look-button i{width:18px;height:18px}.motion-buttons{gap:5px}.motion-button{padding:11px 5px;font-size:10px}.market-actions{flex-direction:column;align-items:stretch}.market-secondary{text-align:center;padding:10px}.ecosystem-grid{grid-template-columns:1fr 1fr;gap:9px}.ecosystem-center{grid-column:1/-1;grid-row:auto;min-height:225px}.ecosystem-center:before{top:-8%}.ecosystem-center img{width:65px}.eco-card{padding:18px;min-height:180px}.eco-card h3{font-size:14px;margin-top:15px}.eco-card p{font-size:11px}.roadmap-note{flex-wrap:wrap;gap:13px}.roadmap-note>span{font-size:53px}.roadmap-note p{flex-basis:calc(100% - 80px)}.roadmap-note a{margin-left:68px}.join{width:calc(100% - 30px);padding:52px 25px;border-radius:20px;min-height:390px;margin-top:94px}.join-copy h2{font-size:49px}.join-copy p{font-size:12px}.join-actions{flex-direction:column;align-items:stretch}.join-art{top:14%;right:-17%;opacity:.2}.faq{padding-bottom:80px}.faq-list summary{font-size:13px;padding:20px 0;line-height:1.5}.faq-list details>p{font-size:12px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 17px;padding-top:48px;padding-bottom:42px}.footer-main>div:first-child{grid-column:span 2}.footer-main nav a,.footer-social a{font-size:11px}.footer-bottom{font-size:9px;flex-wrap:wrap;gap:8px}.dialog-inner{padding:34px 20px}}
@media (max-width:385px){.hero h1{font-size:clamp(48px,11vw,58px)}.header .top-button{font-size:9px;padding:10px 8px}.header{padding:0 12px}.section-container{width:calc(100% - 27px)}.market-visual{min-height:375px}.client-device{width:96%;padding:14px 12px;min-height:605px}.client-device-wrap{min-height:605px}.floating-device-label{display:none}.visit-mini{width:78%;margin-left:3%}}
@media (prefers-reduced-motion: reduce){html:not(.force-motion) *,html:not(.force-motion) *::before,html:not(.force-motion) *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}html:not(.force-motion).js-reveal-enabled [data-reveal]{opacity:1;transform:none}html:not(.force-motion) .market-ghost,html:not(.force-motion) .hero-mascot{animation:none}}

@media(max-width:355px){.hero h1{font-size:46px}}

/* GHOST WEB V4 / SPECTRAL MOTION SYSTEM — performance-conscious decorative layers */
.scroll-progress{height:2px;position:fixed;inset:0 0 auto;z-index:100;pointer-events:none;background:transparent}
.scroll-progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#7464d4,#b89eff 52%,#7ce3e6);box-shadow:0 0 14px #af91ff6e;transform-origin:left center;transform:scaleX(var(--progress,0));will-change:transform}
.header{position:sticky;top:0;background:rgba(9,9,16,.78);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);border-bottom-color:rgba(213,195,255,.09)}
.motion-toggle{height:40px;padding:0 12px;display:flex;align-items:center;gap:7px;background:rgba(164,137,231,.07);color:#bdb0d4;border:1px solid rgba(177,152,228,.15);border-radius:11px;font-weight:750;font-size:9px;letter-spacing:.08em;white-space:nowrap;transition:border-color .25s,background .25s}
.motion-toggle:hover{border-color:#a791db;background:rgba(164,137,231,.13)}
.motion-symbol{display:inline-block;font-size:17px;color:#d1bbff;animation:haloTwinkle 5s ease-in-out infinite}
.hero-copy{animation:heroEntrance .9s cubic-bezier(.18,.88,.22,1) both}
.hero-showcase{animation:heroEntrance 1.15s .12s cubic-bezier(.18,.88,.22,1) both}
@keyframes heroEntrance{from{opacity:0;translate:0 26px;filter:blur(7px)}to{opacity:1;translate:0 0;filter:blur(0)}}
.showcase-surface{--pointer-x:50%;--pointer-y:50%;--mx:0px;--my:0px;--charged:0;box-shadow:0 50px 100px #0008,inset 0 1px rgba(255,255,255,.05),0 0 100px rgba(134,84,213,.08)}
.showcase-surface::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(360px circle at var(--pointer-x) var(--pointer-y),rgba(205,172,255,.10),transparent 69%),linear-gradient(145deg,rgba(255,255,255,.05),transparent 42%,rgba(151,120,210,.025));mix-blend-mode:screen;z-index:1;opacity:.8}
.showcase-surface[data-awake="true"]{--charged:1;box-shadow:0 60px 130px #0008,0 0 120px rgba(146,91,255,.28),inset 0 0 40px rgba(183,140,255,.06)}
.showcase-surface[data-awake="true"] .ghost-signal{background:radial-gradient(circle,rgba(198,168,255,.60),rgba(129,88,231,.27) 39%,transparent 74%);filter:blur(33px)}
.showcase-surface[data-awake="true"] .hero-mascot{animation:ghostAwaken 1.15s cubic-bezier(.23,.75,.22,1) both}
.showcase-surface[data-awake="true"] .orbit{border-color:rgba(225,199,255,.37)}
.hero-mascot :is(img,svg){translate:var(--mx) var(--my);transition:translate .55s cubic-bezier(.18,.73,.29,1),filter .45s}
.ghost-spark-mask{position:absolute;top:16%;right:8%;font-size:23px;color:#e8cfff;text-shadow:0 0 20px #d4aaff;animation:haloTwinkle 3.6s ease-in-out infinite;pointer-events:none}
.signal-field{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.signal-comet{position:absolute;width:2px;height:100px;background:linear-gradient(180deg,transparent,rgba(206,180,255,.67),transparent);filter:blur(.2px);border-radius:50%;opacity:.52;transform:rotate(34deg);animation:cometFall 9s linear infinite}
.comet-a{top:-22%;left:26%;animation-delay:-2s}.comet-b{top:-45%;left:74%;animation-delay:-6s;animation-duration:12s}.comet-c{top:-60%;left:46%;animation-delay:-8s;animation-duration:10s}
.signal-constellation{position:absolute;right:8%;top:15%;color:#ba9eff8c;font-size:14px;letter-spacing:.55em;transform:rotate(19deg);animation:haloTwinkle 8s infinite}
.ghost-awaken{position:absolute;left:50%;bottom:15%;z-index:7;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;min-width:195px;max-width:80%;border:1px solid #d6bbff58;border-radius:100px;background:linear-gradient(135deg,rgba(77,57,121,.70),rgba(31,24,46,.80));color:#f4eaff;backdrop-filter:blur(15px);font-weight:760;font-size:10px;letter-spacing:.10em;box-shadow:0 10px 40px rgba(82,47,150,.19);transition:background .25s,border-color .25s,translate .25s}
.ghost-awaken:hover{translate:0 -3px;background:linear-gradient(135deg,rgba(126,91,209,.82),rgba(43,33,69,.9));border-color:#c5a2ff}
.awaken-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#d7c2ff;color:#261638;box-shadow:0 0 20px #b692ff6e;animation:haloTwinkle 4s ease-in-out infinite}
@keyframes ghostAwaken{0%{transform:translate(-50%,-50%) scale(1) rotate(0)}24%{transform:translate(-50%,-62%) scale(.91) rotate(-10deg)}54%{transform:translate(-50%,-55%) scale(1.1) rotate(9deg)}100%{transform:translate(-50%,-50%) scale(1) rotate(0)}}
@keyframes cometFall{0%{translate:-50px -40px;opacity:0}8%{opacity:.55}45%{opacity:.4}75%{opacity:0}100%{translate:290px 570px;opacity:0}}
@keyframes haloTwinkle{0%,100%{opacity:.55;scale:.92}50%{opacity:1;scale:1.16}}
.hero-status a{color:#bca7ee;transition:color .2s}.hero-status a:hover{color:white}
.hero-description strong{font-weight:720;color:#ece4ff}
.feature-card{position:relative;overflow:hidden;--spot-x:50%;--spot-y:50%;transition:border-color .35s,translate .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.feature-card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(360px circle at var(--spot-x) var(--spot-y),rgba(196,165,255,.13),transparent 75%);opacity:0;transition:opacity .3s}
.feature-card:hover{translate:0 -7px;border-color:rgba(199,162,255,.40)!important;box-shadow:0 30px 80px rgba(24,12,54,.32)}
.feature-card:hover::after{opacity:1}
.feature-card .card-topline,.feature-card .card-body,.feature-card .rewind-visual,.feature-card .media-visual,.feature-card .profile-visual,.feature-card .author-visual{position:relative;z-index:1}
.message-scene{animation:archiveFloat 5.7s ease-in-out infinite}.deleted-stamp{animation:deletedPulse 4.7s ease-in-out infinite}.media-frame{animation:archiveFloat 6s ease-in-out infinite}.media-video{animation-delay:-2s}
@keyframes archiveFloat{0%,100%{translate:0 2px}50%{translate:0 -7px}}
@keyframes deletedPulse{0%,100%{opacity:.78}50%{opacity:1}}
.signal-journey{position:relative;margin-top:110px;margin-bottom:130px;border:1px solid rgba(175,150,231,.21);border-radius:28px;background:radial-gradient(ellipse at 50% 120%,rgba(114,85,211,.19),transparent 64%),linear-gradient(125deg,#14121e,#0c0c14 70%);min-height:315px;overflow:hidden;padding:28px 34px 36px;box-shadow:0 35px 110px #0005}
.signal-journey::after{content:"";position:absolute;top:0;left:-35%;width:40%;height:2px;background:linear-gradient(90deg,transparent,#ddc6ff,transparent);animation:journeyScan 8s linear infinite}
@keyframes journeyScan{to{translate:350% 0}}
.journey-top{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#827a99;font-size:9px;letter-spacing:.13em;font-weight:720}
.journey-top .overline{font-size:9px}.journey-orbit{position:absolute;inset:5% 15%;opacity:.32;pointer-events:none;background:radial-gradient(ellipse 55% 28% at 50% 50%,rgba(159,119,248,.24),transparent 75%)}
.journey-content{position:relative;display:flex;align-items:center;gap:10px;margin-top:54px;justify-content:space-between}
.journey-step{min-width:0;flex:1;display:grid;gap:9px;padding:0 9px}.journey-step span{font-size:10px;letter-spacing:.15em;color:#af9ce8;font-weight:780}.journey-step strong{font-size:clamp(27px,3vw,44px);line-height:1.04;letter-spacing:-.055em;color:white}.journey-step small{font-size:10px;letter-spacing:.14em;color:#8f88a6;font-weight:740}.journey-link{color:#bdb0eb;font-size:24px;display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid #7563a34f;background:#8271ac12;border-radius:50%}
.client-device .device-panel:not([hidden]){animation:deviceEnter .4s cubic-bezier(.22,.83,.28,1) both}
@keyframes deviceEnter{from{opacity:0;translate:0 12px;filter:blur(2px)}to{opacity:1;translate:0 0;filter:blur(0)}}
.client-device{position:relative;box-shadow:0 50px 110px rgba(6,6,13,.85),0 0 80px rgba(126,89,207,.12)}
.client-device-wrap::after{content:"";position:absolute;inset:6% 10% 6%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,rgba(140,91,233,.20),transparent 67%);filter:blur(40px);animation:signalBreathe 7s ease-in-out infinite}
.device-art-note{position:absolute;bottom:5px;left:50%;translate:-50% 0;white-space:nowrap;letter-spacing:.15em;color:#766b85;font-size:7px}
.market-visual{--mx:0px;--my:0px}
.market-ghost img{translate:var(--mx) var(--my);transition:translate .6s ease,filter .5s ease}
.market-visual.burst::before{content:"";position:absolute;z-index:2;inset:9% 12%;pointer-events:none;border:1px solid #cbb4ff7d;border-radius:50%;animation:marketBurst 1.1s ease-out both}
@keyframes marketBurst{0%{opacity:0;transform:scale(.45)}22%{opacity:1}100%{opacity:0;transform:scale(1.23)}}
.market-visual.burst .market-spark{animation:haloTwinkle .7s ease-out both}
.join{box-shadow:0 40px 120px rgba(49,22,98,.34),inset 0 1px rgba(255,255,255,.09)}
.join-ambient{animation:signalBreathe 10s ease-in-out infinite}
.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.motion-off .js-reveal-enabled [data-reveal],.motion-off.js-reveal-enabled [data-reveal]{opacity:1!important;transform:none!important;filter:none!important}
.motion-off .motion-symbol{opacity:.6}
@media(hover:none),(pointer:coarse){.feature-card:hover{translate:0 0;box-shadow:none}.feature-card:hover::after{opacity:0}}
@media(max-width:1180px){.motion-label{display:none}.motion-toggle{width:40px;padding:0;justify-content:center}.ghost-awaken{bottom:14%}}
@media(max-width:940px){.journey-content{margin-top:42px}.signal-journey{margin-top:75px;margin-bottom:90px}.journey-step strong{font-size:clamp(23px,3.2vw,37px)}}
@media(max-width:640px){.motion-toggle{width:36px;height:36px}.hero-showcase{margin-top:5px}.ghost-awaken{bottom:12%;min-width:172px;gap:7px;padding:8px 11px;font-size:8px}.awaken-icon{width:20px;height:20px}.showcase-footer{bottom:12px}.signal-journey{width:calc(100% - 36px);padding:23px 18px 30px;margin-top:67px;margin-bottom:85px;border-radius:20px;min-height:0}.journey-top>span:last-child{display:none}.journey-content{flex-direction:column;align-items:stretch;gap:14px;margin-top:32px}.journey-step{padding:0;gap:4px}.journey-step strong{font-size:31px}.journey-step strong br{display:none}.journey-step small{font-size:9px}.journey-link{align-self:flex-end;width:31px;height:31px;flex-basis:31px;font-size:17px;rotate:90deg}.hero-description strong{display:inline}.feature-card:hover{translate:0 0}}
@media(prefers-reduced-motion:reduce){html:not(.force-motion) .scroll-progress span{will-change:auto}html:not(.force-motion) .showcase-surface::after{opacity:.35}html:not(.force-motion) .hero-copy,html:not(.force-motion) .hero-showcase{animation:none!important}html:not(.force-motion) .signal-comet{display:none}html:not(.force-motion) .ghost-awaken:hover{translate:0 0}html:not(.force-motion) .signal-journey::after{animation:none}html:not(.force-motion) .client-device .device-panel:not([hidden]){animation:none}html:not(.force-motion) .market-visual.burst::before{animation:none;display:none}}

/* SPECTRAL V5: ghost follows cursor across entire hero, not only the card. */
.showcase-surface{--mrotate:0deg}
.showcase-surface .hero-mascot :is(img,svg){
  translate:var(--mx,0px) var(--my,0px);
  rotate:var(--mrotate,0deg);
  transition:translate .33s cubic-bezier(.16,.74,.24,1),rotate .38s cubic-bezier(.16,.74,.24,1),filter .36s;
  will-change:translate,rotate;
}
.showcase-surface[data-cursor="following"] .hero-mascot :is(img,svg){
  filter:drop-shadow(0 16px 32px rgba(169,112,255,.3));
}
.motion-off .showcase-surface .hero-mascot :is(img,svg){translate:0 0!important;rotate:0deg!important;will-change:auto}
@media(prefers-reduced-motion:reduce){html:not(.force-motion) .showcase-surface .hero-mascot :is(img,svg){translate:0 0!important;rotate:0deg!important;will-change:auto}}

/* SPECTRAL V6 / LIVING MOTION — original, self-hosted, reduced-motion aware */
.hero {isolation:isolate}
.showcase-surface{--eye-x:0px;--eye-y:0px;--parallax-x:0px;--parallax-y:0px;--ghost-shine:#c3a4ff;isolation:isolate}
.showcase-surface .hero-mascot{z-index:5;filter:drop-shadow(0 25px 34px rgba(146,108,255,.33));}
.showcase-surface .hero-mascot .living-ghost-svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 9px 20px rgba(210,190,255,.16));}
.ghost-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.92;mix-blend-mode:screen}
.ghost-light-track{position:absolute;inset:-20%;pointer-events:none;z-index:1;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(188,144,255,.17),rgba(108,77,208,.07) 15%,transparent 38%);transition:opacity .6s;mix-blend-mode:screen}
.showcase-counter{position:absolute;right:30px;top:30px;font-size:10px;letter-spacing:.22em;color:#9382b5;opacity:.72}
.showcase-surface .ghost-eye-group{transform-box:fill-box;transform-origin:center;animation:ghostBlink 6.8s linear infinite}
.showcase-surface .eye-right{animation-delay:-.13s}
.showcase-surface .ghost-pupil{transform:translate(var(--eye-x),var(--eye-y));transition:transform .20s cubic-bezier(.18,.72,.22,1)}
.showcase-surface .ghost-cheek{transition:opacity .35s ease,filter .35s ease}
.showcase-surface[data-awake="true"] .ghost-cheek{opacity:.58;filter:drop-shadow(0 0 10px #ffa3ed)}
.showcase-surface[data-awake="true"] .living-ghost-svg{animation:ghostGlint 3.2s ease-in-out infinite}
.showcase-surface .living-ghost-svg.ghost-wink .eye-right{animation:ghostWink .5s cubic-bezier(.1,.9,.2,1) 1!important}
@keyframes ghostBlink{0%,42%,46%,77%,81%,100%{transform:scaleY(1)}43.5%{transform:scaleY(.1)}45%{transform:scaleY(1)}78.3%{transform:scaleY(.1)}79.6%{transform:scaleY(1)}}
@keyframes ghostWink{0%,100%{transform:scaleY(1)}47%{transform:scaleY(.12)}}
@keyframes ghostGlint{0%,100%{filter:brightness(1) drop-shadow(0 0 8px rgba(216,184,255,.12))}50%{filter:brightness(1.06) drop-shadow(0 0 20px rgba(216,184,255,.38))}}
.hero-copy .headline-accent{background-size:250% auto;animation:headlineWave 9s ease-in-out infinite}
@keyframes headlineWave{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.hero-definition .definition-bar{animation:barChase 4s ease-in-out infinite;transform-origin:top}
@keyframes barChase{0%,100%{filter:brightness(1);scale:1 .94}55%{filter:brightness(1.8);scale:1 1.07}}
.ghost-awaken .awaken-icon{animation:awakenIcon 4s ease-in-out infinite}
@keyframes awakenIcon{0%,100%{rotate:-9deg;scale:1}50%{rotate:15deg;scale:1.10}}
.ghost-awaken{transition:transform .22s ease,border-color .22s,background .22s,box-shadow .22s}
.ghost-awaken:active{transform:translateY(2px) scale(.98)}
.showcase-surface[data-awake="true"]{--ghost-shine:#eec9ff}
.showcase-surface[data-awake="true"] .ghost-light-track{opacity:1;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(197,152,255,.29),rgba(115,71,209,.11) 25%,transparent 52%)}
.showcase-surface .signal-card{will-change:transform}
.showcase-surface .signal-card-a{animation:signalFloatA 6.4s ease-in-out infinite}
.showcase-surface .signal-card-b{animation:signalFloatB 7.7s ease-in-out infinite}
.showcase-surface .signal-card-c{animation:signalFloatC 8.5s ease-in-out infinite}
@keyframes signalFloatA{0%,100%{translate:0 0;rotate:-5deg}50%{translate:5px -13px;rotate:-3deg}}
@keyframes signalFloatB{0%,100%{translate:0 0;rotate:5deg}50%{translate:-7px 11px;rotate:2deg}}
@keyframes signalFloatC{0%,100%{translate:0 0;rotate:-3deg}50%{translate:8px -8px;rotate:0deg}}
.showcase-surface .orbit-one{animation-duration:23s}
.showcase-surface .orbit-two{animation-duration:31s}
.showcase-surface .orbit-three{animation-duration:38s}
.showcase-surface .signal-comet{animation-duration:8s}
.power-signature{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:23px 12px 0;color:#a89ac4;font-size:11px;letter-spacing:.17em}
.power-signature strong{font-weight:700;color:#eee5ff;letter-spacing:.23em}
.power-signature>span:first-child{font-size:20px;color:#bca2ff}
.client-signature,.market-signature{font-size:10px!important;letter-spacing:.15em;color:#a993d6!important;font-weight:700;margin-top:20px!important}
.feature-card{--rx:0deg;--ry:0deg;--spot-x:50%;--spot-y:50%;transform-style:preserve-3d}
@media(hover:hover) and (pointer:fine){.feature-card.visible:hover{transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-6px)}.feature-card:hover .card-topline{transform:translateZ(10px)}.feature-card:hover .card-body{transform:translateZ(16px)}}
.feature-card .card-topline,.feature-card .card-body{transition:transform .35s cubic-bezier(.2,.7,.25,1)}
.feature-card::after{background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),rgba(184,144,255,.16),transparent 46%);mix-blend-mode:screen}
.message-scene{animation-duration:5.2s}
.deleted-stamp{animation:stampFlash 5.8s ease-in-out infinite}
@keyframes stampFlash{0%,74%,100%{opacity:.62;filter:brightness(1)}83%{opacity:1;filter:brightness(1.28)}}
.profile-mini{animation:tinyLift 6.6s ease-in-out infinite}
.visit-mini{animation:tinyLift 5.3s 1.5s ease-in-out infinite}
@keyframes tinyLift{0%,100%{translate:0 0}50%{translate:0 -7px}}
.search-result-mock:first-of-type{animation:tinyLift 7s 1.8s ease-in-out infinite}
.search-result-mock:nth-of-type(2){animation:tinyLift 6s 2.5s ease-in-out infinite}
.video-play{animation:videoPulse 3.2s ease-in-out infinite}
@keyframes videoPulse{0%,100%{scale:1;box-shadow:0 0 0 0 #d6c4ff2a}50%{scale:1.1;box-shadow:0 0 0 16px transparent}}
.client-device-wrap{--device-light-x:50%;--device-light-y:50%}
.client-device{transition:box-shadow .55s ease,border-color .55s ease;box-shadow:0 30px 92px rgba(35,19,75,.38)}
.client-device:hover{box-shadow:0 45px 110px rgba(75,35,130,.39)}
.client-device::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--device-light-x) var(--device-light-y),rgba(185,149,255,.065),transparent 55%)}
.device-panel:not([hidden]) .thread,.device-panel:not([hidden]) .search-result,.device-panel:not([hidden]) .version-bubble{animation:deviceRowIn .48s both}
.device-panel:not([hidden]) .thread:nth-of-type(2),.device-panel:not([hidden]) .search-result:nth-of-type(2){animation-delay:.09s}
.device-panel:not([hidden]) .thread:nth-of-type(3),.device-panel:not([hidden]) .search-result:nth-of-type(3){animation-delay:.17s}
@keyframes deviceRowIn{from{opacity:0;translate:12px 7px;filter:blur(2px)}to{opacity:1;translate:0 0;filter:blur(0)}}
.device-tabs button[aria-selected="true"]{box-shadow:0 0 22px rgba(165,113,255,.13)}
.market-visual .market-ghost{filter:drop-shadow(0 18px 28px rgba(178,130,255,.25))}
.market-visual .market-rings{animation:marketAtmosphere 12s ease-in-out infinite}
@keyframes marketAtmosphere{0%,100%{scale:1;opacity:.77}50%{scale:1.035;opacity:1}}
.ecosystem-center{animation:ecosystemCore 8s ease-in-out infinite}
@keyframes ecosystemCore{0%,100%{box-shadow:0 0 38px rgba(138,97,245,.10)}50%{box-shadow:0 0 70px rgba(174,117,255,.24)}}
.eco-card{transition:transform .3s ease,border-color .3s ease,background .3s ease}
.eco-card:hover{transform:translateY(-7px);border-color:rgba(177,139,255,.48);background:rgba(174,131,255,.08)}
.journey-step.in-view strong{animation:journeyShine .8s cubic-bezier(.17,.8,.2,1) both}
@keyframes journeyShine{from{opacity:.55;filter:blur(2px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
.button,.top-button,.look-button,.motion-button{position:relative;overflow:hidden}
.tap-ripple{position:absolute;pointer-events:none;z-index:10;left:var(--ripple-x);top:var(--ripple-y);width:10px;height:10px;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:rgba(255,255,255,.35);transform:translate(-50%,-50%) scale(.6);animation:tapBloom .5s ease-out forwards!important}
@keyframes tapBloom{to{opacity:0;transform:translate(-50%,-50%) scale(14)}}
@media(max-width:700px){.showcase-counter{right:14px;top:17px;font-size:8px}.power-signature{flex-wrap:wrap;gap:8px}.power-signature strong{font-size:9px}.ghost-particles{opacity:.75}.signal-card{will-change:auto}}
@media(prefers-reduced-motion:reduce){html:not(.force-motion) .showcase-surface .ghost-eye-group,html:not(.force-motion) .showcase-surface .living-ghost-svg{animation:none!important}}
.motion-off .showcase-surface .ghost-eye-group,.motion-off .showcase-surface .living-ghost-svg{animation:none!important}

/* SPECTRAL V7 — THE HAUNTING / final art direction. No external fonts, images or motion libs. */
.spectral-flyby{position:fixed;left:0;top:var(--specter-y,38vh);z-index:18;width:164px;height:172px;pointer-events:none;opacity:0;visibility:hidden;contain:layout style;transform:translate3d(-225px,0,0)}
.spectral-flyby.active{visibility:visible;animation:spectralFly var(--specter-duration,17s) cubic-bezier(.40,.03,.58,.97) 1 both;will-change:transform,opacity}
.spectral-flyby.reverse.active{animation-name:spectralFlyReverse}
.spectral-flyby img{position:absolute;z-index:2;inset:8px 12px auto 14px;width:126px;height:auto;filter:drop-shadow(0 0 25px rgba(180,143,255,.75)) drop-shadow(0 0 75px rgba(151,105,245,.40));transform:rotate(-8deg);animation:spectralBreath 4.5s ease-in-out infinite;opacity:.93}
.spectral-flyby-glow{position:absolute;inset:-22px;background:radial-gradient(circle,rgba(172,120,250,.48),rgba(118,90,228,.18) 32%,transparent 68%);filter:blur(24px);animation:spectralBreath 6s ease-in-out infinite}
.spectral-flyby-trail{position:absolute;width:240px;height:4px;right:114px;top:88px;border-radius:999px;transform:rotate(7deg);background:linear-gradient(90deg,transparent,rgba(168,123,255,.03) 22%,rgba(181,150,255,.64) 100%);filter:blur(5px)}
.spectral-flyby.reverse .spectral-flyby-trail{right:auto;left:114px;rotate:180deg}
.spectral-flyby.reverse img{scale:-1 1}
@keyframes spectralFly{0%{transform:translate3d(-225px,32px,0) rotate(-7deg) scale(.72);opacity:0}13%{opacity:.44}40%{transform:translate3d(calc(40vw - 70px),-19px,0) rotate(7deg) scale(.94);opacity:.62}68%{transform:translate3d(calc(68vw - 88px),25px,0) rotate(-4deg) scale(.86);opacity:.55}88%{opacity:.42}100%{transform:translate3d(calc(100vw + 205px),-7px,0) rotate(6deg) scale(.74);opacity:0}}
@keyframes spectralFlyReverse{0%{transform:translate3d(calc(100vw + 205px),-10px,0) rotate(6deg) scale(.70);opacity:0}16%{opacity:.4}42%{transform:translate3d(calc(60vw - 70px),27px,0) rotate(-5deg) scale(.86);opacity:.59}70%{transform:translate3d(calc(27vw - 70px),-24px,0) rotate(5deg) scale(.91);opacity:.50}88%{opacity:.36}100%{transform:translate3d(-225px,16px,0) rotate(-7deg) scale(.77);opacity:0}}
@keyframes spectralBreath{0%,100%{transform:translateY(0) scale(1);opacity:.86}50%{transform:translateY(-9px) scale(1.07);opacity:1}}
.ghost-invite{position:absolute;bottom:28px;left:50%;translate:-50% 0;z-index:9;display:flex;justify-content:center;align-items:center;gap:9px;border:1px solid rgba(188,158,255,.24);border-radius:99px;padding:8px 14px;background:rgba(18,15,34,.7);color:#cdb7ff;font-size:9px;font-weight:770;letter-spacing:.12em;white-space:nowrap;transition:background .3s,border-color .3s,box-shadow .3s,color .3s;backdrop-filter:blur(8px)}
.ghost-invite:hover,.ghost-invite:focus-visible{border-color:rgba(209,183,255,.72);background:rgba(94,64,153,.34);color:#fff;box-shadow:0 0 25px rgba(164,116,245,.22)}
.ghost-invite .invite-orbit{display:inline-block;font-size:17px;line-height:0.7;color:#bda3ff;animation:inviteSpin 9s linear infinite}
@keyframes inviteSpin{to{transform:rotate(360deg)}}
.spectral-runes{position:absolute;left:50%;top:16px;z-index:1;color:#e1cbff;font-size:11px;opacity:.45;letter-spacing:19px;transform:translateX(-50%);white-space:nowrap;animation:runeFlicker 8s ease-in-out infinite}
@keyframes runeFlicker{0%,100%{opacity:.21;letter-spacing:19px}50%{opacity:.68;letter-spacing:23px}}
.spectral-constellation{position:absolute;z-index:0;inset:65px 0 auto;height:850px;pointer-events:none;overflow:hidden;opacity:.65}
.spectral-constellation i{position:absolute;width:2px;height:2px;border-radius:50%;background:#dac8ff;box-shadow:0 0 6px 1px rgba(205,172,255,.7);animation:constellationFloat var(--speed,8s) ease-in-out infinite alternate;left:var(--x,50%);top:var(--y,40%)}
.spectral-constellation i:nth-child(1){--x:7%;--y:21%;--speed:7s}
.spectral-constellation i:nth-child(2){--x:45%;--y:13%;--speed:10s}
.spectral-constellation i:nth-child(3){--x:79%;--y:68%;--speed:8s}
.spectral-constellation i:nth-child(4){--x:92%;--y:11%;--speed:9s}
.spectral-constellation i:nth-child(5){--x:24%;--y:63%;--speed:13s}
.spectral-constellation i:nth-child(6){--x:62%;--y:77%;--speed:11s}
@keyframes constellationFloat{from{translate:0 0;opacity:.18}to{translate:8px -22px;opacity:.9}}
/* Interactive surface polish: visible but gentle, strongly distinguished from content. */
.button-primary{position:relative;isolation:isolate}
.button-primary::after{content:"";position:absolute;inset:0;width:38%;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg) translateX(-230%);animation:primarySweep 7.4s ease-in-out infinite}
@keyframes primarySweep{0%,23%{transform:skewX(-20deg) translateX(-230%)}44%{transform:skewX(-20deg) translateX(630%)}100%{transform:skewX(-20deg) translateX(630%)}}
.market-visual{isolation:isolate}
.market-visual:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:conic-gradient(from 20deg at 50% 44%,transparent 0 28%,rgba(182,150,255,.06) 35%,transparent 42% 100%);animation:marketPrism 26s linear infinite}
@keyframes marketPrism{to{transform:rotate(360deg)}}
.market-spark{animation:sparkWander 6.2s ease-in-out infinite alternate}
.market-spark.spark-two{animation-delay:-2.5s;animation-duration:7.4s}
.market-spark.spark-three{animation-delay:-4s;animation-duration:5.9s}
@keyframes sparkWander{from{translate:-4px -8px;opacity:.42;scale:.8}to{translate:7px 12px;opacity:1;scale:1.16}}
.client-beam{animation:deviceAtmosphere 8.6s ease-in-out infinite alternate}
@keyframes deviceAtmosphere{from{transform:scale(.95) translateY(0);opacity:.60}to{transform:scale(1.07) translateY(-18px);opacity:1}}
.device-connection i{animation:connectionPulse 2.5s ease-in-out infinite}
@keyframes connectionPulse{0%,100%{opacity:.5;box-shadow:0 0 0 0 rgba(151,232,211,.14)}55%{opacity:1;box-shadow:0 0 0 7px rgba(151,232,211,0)}}
.journey-orbit{animation:journeyOrbit 36s linear infinite}
@keyframes journeyOrbit{to{transform:rotate(360deg)}}
.ecosystem-center img{animation:tinyGhostFlight 7.2s ease-in-out infinite}
@keyframes tinyGhostFlight{0%,100%{translate:0 3px;rotate:-3deg}50%{translate:0 -12px;rotate:3deg}}
.footer-brand img{animation:footerHover 7s ease-in-out infinite}
@keyframes footerHover{0%,100%{transform:rotate(-8deg) translateY(1px)}50%{transform:rotate(8deg) translateY(-8px)}}
/* Mobile gets the same choreography, adjusted in amplitude and CPU budget. */
@media(max-width:700px){
  .spectral-flyby{width:106px;height:122px;z-index:11}
  .spectral-flyby img{width:98px;left:4px;top:4px}
  .spectral-flyby-glow{inset:-18px;filter:blur(18px)}
  .spectral-flyby-trail{width:135px;right:84px;top:59px}
  .spectral-flyby.reverse .spectral-flyby-trail{left:84px}
  .spectral-constellation{opacity:.42}
  .spectral-runes{letter-spacing:11px;font-size:8px;top:10px}
  .ghost-invite{bottom:12px;padding:8px 11px;letter-spacing:.065em;font-size:8px}
  .hero-copy::before{content:"";position:absolute;z-index:-1;right:-9px;top:0;width:140px;height:162px;background:url('assets/ghost.svg') center/contain no-repeat;filter:drop-shadow(0 0 27px rgba(189,161,255,.50));opacity:.10;animation:mobileGhostShimmer 9s ease-in-out infinite;pointer-events:none}
  @keyframes mobileGhostShimmer{0%,100%{translate:0 4px;rotate:-7deg;opacity:.08}50%{translate:-9px -11px;rotate:5deg;opacity:.17}}
  .market-visual:after{opacity:.65}
  .feature-card{transform:none!important}
}
@media(max-width:360px){.ghost-invite{bottom:10px;font-size:7px;gap:6px}}
/* Respect all user motion choices, including the explicit motion toggle. */
.motion-off :is(.spectral-flyby,.spectral-flyby *,.spectral-constellation i,.ghost-invite .invite-orbit,.spectral-runes,.button-primary::after,.market-visual::after,.market-spark,.client-beam,.device-connection i,.journey-orbit,.ecosystem-center img,.footer-brand img){animation:none!important}
.motion-off .spectral-flyby{display:none!important}
@media(prefers-reduced-motion:reduce){html:not(.force-motion) :is(.spectral-flyby,.spectral-flyby *,.spectral-constellation i,.ghost-invite .invite-orbit,.spectral-runes,.market-spark,.client-beam,.device-connection i,.journey-orbit,.ecosystem-center img,.footer-brand img){animation:none!important}html:not(.force-motion) .spectral-flyby{display:none!important}html:not(.force-motion) .button-primary::after,html:not(.force-motion) .market-visual::after{animation:none!important}}

/* ============================================================
   GHOST WEB — SPECTRAL SIGNATURE V8
   Final layered motion: orbital witnesses, quiet ghost whispers,
   chapter navigation, softly living flagship cards and mobile touch.
   Visual-only, GPU-friendly transforms. No animation gates content.
   ============================================================ */
.chapter-rail{position:fixed;right:clamp(8px,1.5vw,22px);top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;align-items:center;gap:9px;padding:14px 9px;border:1px solid rgba(185,153,252,.16);border-radius:26px;background:rgba(13,10,25,.58);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 15px 44px rgba(0,0,0,.24)}
.chapter-rail a{position:relative;display:grid;place-items:center;width:32px;height:33px;border-radius:12px;color:#77728f;font-size:9px;font-weight:850;letter-spacing:.04em;transition:background .35s,color .35s,box-shadow .35s}
.chapter-rail a span{position:relative;z-index:2}
.chapter-rail a i{position:absolute;inset:5px;border:1px solid transparent;border-radius:9px;transition:border-color .35s,transform .35s}
.chapter-rail a b{position:absolute;right:43px;top:50%;transform:translateY(-50%) translateX(7px);min-width:max-content;padding:8px 12px;border:1px solid rgba(199,179,244,.24);border-radius:9px;background:#151121;color:#e5dbff;font-size:9px;font-weight:750;letter-spacing:.13em;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.chapter-rail a:hover b,.chapter-rail a:focus-visible b{opacity:1;transform:translateY(-50%) translateX(0)}
.chapter-rail a[aria-current="location"]{background:linear-gradient(140deg,rgba(139,95,238,.44),rgba(61,53,105,.36));box-shadow:0 0 22px rgba(162,126,247,.2);color:#fff}
.chapter-rail a[aria-current="location"] i{border-color:#b99bff77;transform:rotate(9deg)}
.chapter-rail a:hover,.chapter-rail a:focus-visible{color:#e2d5ff;background:#5a437b63}

.showcase-surface{isolation:isolate}
.spectral-satellites,.spectral-meteors{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;border-radius:inherit}
.satellite{position:absolute;display:block;width:6px;height:6px;border-radius:50%;background:#d8c9ff;box-shadow:0 0 0 4px rgba(153,119,239,.1),0 0 18px 7px rgba(144,107,231,.28);animation:satelliteWander var(--sat-time,11s) ease-in-out infinite alternate}
.satellite-one{left:22%;top:23%;--sat-time:10.7s;--dx:27px;--dy:-24px}
.satellite-two{left:76%;top:31%;width:4px;height:4px;--sat-time:13.5s;--dx:-36px;--dy:38px;animation-delay:-5s;background:#a2eaf1}
.satellite-three{left:18%;top:70%;width:3px;height:3px;--sat-time:12.2s;--dx:48px;--dy:-28px;animation-delay:-8s}
.satellite-four{left:82%;top:69%;--sat-time:17s;--dx:-37px;--dy:-20px;animation-delay:-3s;background:#ffdbff}
@keyframes satelliteWander{0%,100%{transform:translate3d(0,0,0) scale(.7);opacity:.32}48%{opacity:1}100%{transform:translate3d(var(--dx),var(--dy),0) scale(1.38);opacity:.72}}
.meteor{position:absolute;display:block;height:1px;width:135px;left:100%;top:12%;opacity:0;background:linear-gradient(90deg,transparent,#e7e5ff 66%,#ac91ff);filter:drop-shadow(0 0 6px #b9a9ff);transform:rotate(-31deg);animation:meteorGlide 19s linear infinite}
.meteor-one{animation-delay:-9s}
.meteor-two{top:37%;width:82px;animation-delay:-2s;animation-duration:28s;filter:drop-shadow(0 0 7px #8de1f9)}
@keyframes meteorGlide{0%,68%{opacity:0;translate:0 0}69%{opacity:.93}77%{opacity:0;translate:-720px 370px}100%{opacity:0;translate:-720px 370px}}
.ghost-whisper{position:absolute;right:7%;top:34%;z-index:8;max-width:172px;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(225,207,255,.31);border-radius:12px 12px 4px 12px;background:linear-gradient(125deg,rgba(48,34,78,.94),rgba(20,16,33,.94));color:#f4ebff;font-size:10px;font-weight:750;line-height:1.5;letter-spacing:.08em;opacity:0;transform:translate3d(-4px,12px,0) scale(.9);filter:blur(4px);box-shadow:0 12px 32px rgba(16,7,30,.4),0 0 22px rgba(169,134,251,.12);pointer-events:none;transition:opacity .55s,transform .7s cubic-bezier(.18,.9,.25,1),filter .55s}
.ghost-whisper::after{content:"";position:absolute;right:12px;bottom:-7px;width:10px;height:10px;border-right:1px solid rgba(225,207,255,.31);border-bottom:1px solid rgba(225,207,255,.31);background:rgba(30,23,49,.94);transform:rotate(45deg)}
.ghost-whisper.showing{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
.whisper-spark{font-size:16px;color:#c8a9ff;text-shadow:0 0 11px rgba(205,162,255,.6);line-height:1}
.showcase-surface[data-awake="true"] .satellite{box-shadow:0 0 0 6px rgba(153,119,239,.15),0 0 25px 10px rgba(161,123,238,.43)}

/* Tiny signatures respond to each flagship's own color. */
.card-glimmer{position:absolute;right:11%;top:17%;z-index:4;display:block;color:rgba(219,204,255,.75);font-size:28px;line-height:1;pointer-events:none;text-shadow:0 0 23px rgba(197,161,255,.56);animation:glimmerHover 9.2s ease-in-out infinite}
.media-card .card-glimmer{color:#94e6ff;right:16%;top:22%;animation-delay:-3s}
.profile-card .card-glimmer{color:#f8b4ff;right:10%;top:26%;animation-delay:-6s}
.search-card .card-glimmer{color:#a0d9ff;right:13%;top:20%;animation-delay:-2s}
@keyframes glimmerHover{0%,100%{opacity:.18;transform:translate3d(0,0,0) rotate(-13deg) scale(.8)}45%{opacity:1;transform:translate3d(-8px,-15px,0) rotate(8deg) scale(1.12)}80%{opacity:.42;transform:translate3d(4px,-6px,0) rotate(24deg) scale(.92)}}
.section-heading{position:relative}
.section-heading::after{content:"";position:absolute;left:0;bottom:-18px;height:1px;width:min(270px,36%);background:linear-gradient(90deg,transparent,rgba(183,148,255,.55),rgba(142,218,242,.27),transparent);opacity:.45;transform:scaleX(.82);transform-origin:left center}
.section-heading.visible::after{animation:headerGlint 9s ease-in-out infinite}
@keyframes headerGlint{0%,100%{opacity:.18;transform:scaleX(.72)}50%{opacity:.76;transform:scaleX(1.08)}}

/* Photons in the CLIENT glass: they never cover real text or tabs. */
.client-photons{position:absolute;inset:8% 8%;pointer-events:none;z-index:0;overflow:hidden}
.client-photons i{position:absolute;width:6px;height:6px;border:1px solid rgba(206,183,255,.45);border-radius:50%;background:#b39afa7c;box-shadow:0 0 16px rgba(171,136,249,.55);animation:clientPhoton 11s ease-in-out infinite}
.client-photons i:nth-child(1){top:10%;left:18%;--pd-x:23px;--pd-y:52px}
.client-photons i:nth-child(2){top:34%;right:8%;--pd-x:-45px;--pd-y:-36px;animation-delay:-5s;width:4px;height:4px}
.client-photons i:nth-child(3){bottom:7%;left:13%;--pd-x:55px;--pd-y:-44px;animation-delay:-8s;background:#9bdde9}
.client-photons i:nth-child(4){bottom:21%;right:2%;--pd-x:-33px;--pd-y:18px;animation-delay:-3s;width:3px;height:3px}
@keyframes clientPhoton{0%,100%{opacity:.18;transform:translate3d(0,0,0) scale(.7)}52%{opacity:.95;transform:translate3d(var(--pd-x),var(--pd-y),0) scale(1.45)}}
.client-device-wrap .client-device{position:relative;z-index:2}

/* MARKET: a small custom star constellation that changes with the look's aura. */
.market-asterism{position:absolute;inset:4%;z-index:3;pointer-events:none;overflow:hidden}
.market-asterism i{position:absolute;width:5px;height:5px;background:var(--character-color,#c9adff);border-radius:50%;box-shadow:0 0 12px 4px color-mix(in srgb,var(--character-color,#c9adff) 40%,transparent);animation:marketSatellite 8s ease-in-out infinite alternate}
.market-asterism i:nth-child(1){top:12%;left:17%;--shift-x:22px;--shift-y:30px}
.market-asterism i:nth-child(2){top:22%;right:14%;width:4px;height:4px;--shift-x:-20px;--shift-y:-24px;animation-delay:-3s}
.market-asterism i:nth-child(3){bottom:16%;left:22%;width:3px;height:3px;--shift-x:17px;--shift-y:-24px;animation-delay:-6s}
.market-asterism i:nth-child(4){bottom:19%;right:18%;--shift-x:-16px;--shift-y:20px;animation-delay:-9s}
@keyframes marketSatellite{0%{opacity:.2;transform:translate3d(0,0,0) scale(.7)}100%{opacity:.88;transform:translate3d(var(--shift-x),var(--shift-y),0) scale(1.2)}}

/* Micro-finish: deliberate focus, selected states and soft premium CTA shine. */
.button-primary:focus-visible,.ghost-awaken:focus-visible,.ghost-invite:focus-visible,.look-button:focus-visible,.chapter-rail a:focus-visible{outline:2px solid #d6bcff;outline-offset:4px}
.button-primary{position:relative;isolation:isolate}
.look-button.selected i{box-shadow:0 0 0 3px rgba(214,196,255,.28),0 0 20px rgba(184,145,255,.43)}

/* Mobile choreography is deliberate, not simply desktop effects crammed down. */
@media(max-width:1170px){.chapter-rail{display:none}}
@media(max-width:700px){
  .spectral-satellites{opacity:.8}
  .satellite{width:4px;height:4px}
  .satellite-three,.satellite-four{opacity:.45}
  .meteor-one{animation-duration:24s}
  .meteor-two{display:none}
  .ghost-whisper{top:36%;right:4%;max-width:124px;padding:7px 9px;font-size:8px;letter-spacing:.04em;line-height:1.45}
  .ghost-whisper .whisper-spark{font-size:13px}
  .card-glimmer{font-size:22px;right:7%;top:14%}
  .section-heading::after{bottom:-11px;width:min(215px,60%)}
  .client-photons{inset:11% 2%;opacity:.6}
  .client-photons i:nth-child(3),.client-photons i:nth-child(4){display:none}
  .market-asterism{opacity:.72}
  .market-asterism i:nth-child(4){display:none}
}
@media(max-width:355px){.ghost-whisper{top:37%;right:2%;max-width:105px;font-size:7px}}
.motion-off .ghost-whisper{opacity:0!important;transform:none!important;filter:none!important}
.motion-off .chapter-rail *, .motion-off .market-asterism *, .motion-off .spectral-satellites *, .motion-off .spectral-meteors *, .motion-off .client-photons *, .motion-off .card-glimmer{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){html:not(.force-motion) .ghost-whisper{opacity:0!important}html:not(.force-motion) :is(.chapter-rail *, .market-asterism *, .spectral-satellites *, .spectral-meteors *, .client-photons *, .card-glimmer){animation:none!important;transition:none!important}}
/* Keep section-rail truly outside content; do not cover the product on 1440px screens. */
@media(max-width:1600px){.chapter-rail{display:none}}
/* Ghost whispers occupy the clear corner rather than overlapping GHOST ID tags. */
@media(min-width:701px){.ghost-whisper{top:17%;right:6%;max-width:185px}}
@media(max-width:700px){.ghost-whisper{top:16%;right:5%;max-width:120px}}