.mana-landing{--bg:#fbfaf7;--bg-warm:#f4efe6;--card:#fff;--line:#ece5d8;--line-soft:#f2ece0;--ink:#1b1611;--ink-2:#57504733;--muted:#6a6258;--faint:#9a9286;--dark:#0f1116;--dark-2:#16181f;--dark-3:#1d202a;--dark-line:#ffffff17;--on-dark:#f2f0eb;--on-dark-2:#a7a39b;--indigo:#8b93f8;--gold:#f5b301;--gold-deep:color-mix(in srgb, var(--gold) 64%, #4a3200);--gold-soft:color-mix(in srgb, var(--gold) 22%, #fff);--gold-line:color-mix(in srgb, var(--gold) 46%, #fff);--r:22px;--r-sm:14px;--r-lg:30px;--pill:999px;--shadow:0 1px 2px #281e0a0a, 0 12px 34px #3c2d0f12;--shadow-lg:0 2px 6px #281e0a0d, 0 30px 70px #32260c21;--maxw:1180px;--pad:clamp(20px, 5vw, 40px);--sect:clamp(76px, 10vw, 148px);--font-head:"Space Grotesk", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;min-height:100vh}.mana-landing,.mana-landing *{box-sizing:border-box}.mana-landing{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.55}@media (max-width:600px){.mana-landing{font-size:16px}}.mana-landing h1,.mana-landing h2,.mana-landing h3,.mana-landing h4{font-family:var(--font-head);letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.04}.mana-landing p{margin:0}.mana-landing a{color:inherit;text-decoration:none}.mana-landing img{max-width:100%;display:block}.mana-landing button{cursor:pointer;font-family:inherit}.mana-landing .wrap{max-width:var(--maxw);padding-inline:var(--pad);margin:0 auto}.mana-landing .sect{padding-block:var(--sect)}.mana-landing .eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:9px;font-size:12.5px;font-weight:500;display:inline-flex}.mana-landing .eyebrow .dot{background:var(--gold);width:7px;height:7px;box-shadow:0 0 0 4px var(--gold-soft);border-radius:50%}.mana-landing .eyebrow.on-dark{color:var(--on-dark-2)}.mana-landing .eyebrow.on-dark .dot{box-shadow:0 0 0 4px #f5b30129}.mana-landing .lead{color:var(--muted);max-width:48ch;font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.6}.mana-landing .h-xl{font-size:clamp(2.7rem,6.2vw,5.1rem)}.mana-landing .h-lg{font-size:clamp(2rem,4.4vw,3.4rem)}.mana-landing .h-md{font-size:clamp(1.5rem,2.6vw,2.1rem)}.mana-landing .gold-text{color:var(--gold-deep)}.mana-landing .swash{white-space:nowrap;position:relative}.mana-landing .swash:after{content:"";background:var(--gold);opacity:.85;height:.16em;transform:scaleX(var(--swash,1));transform-origin:0;border-radius:2px;position:absolute;bottom:.04em;left:0;right:0}.mana-landing .btn{border-radius:var(--r-sm);white-space:nowrap;border:1px solid #0000;align-items:center;gap:9px;height:50px;padding:0 22px;font-size:15.5px;font-weight:600;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.mana-landing .btn:active{transform:translateY(1px)}.mana-landing .btn-gold{background:var(--gold);color:#241a00;box-shadow:inset 0 1px #fff6,0 8px 22px #f5b30152}.mana-landing .btn-gold:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff80,0 12px 30px #f5b30173}.mana-landing .btn-ghost{color:var(--ink);border-color:var(--line);background:0 0}.mana-landing .btn-ghost:hover{background:#fff;border-color:#d9cfbc}.mana-landing .btn-ghost.on-dark{color:var(--on-dark);border-color:var(--dark-line)}.mana-landing .btn-ghost.on-dark:hover{background:#ffffff0f;border-color:#ffffff38}.mana-landing .btn-sm{height:42px;padding:0 16px;font-size:14px}.mana-landing .btn-lg{height:56px;padding:0 28px;font-size:16.5px}.mana-landing .nav{z-index:50;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid #0000;transition:border-color .25s,background .25s;position:sticky;top:0}.mana-landing .nav.scrolled{border-bottom-color:var(--line);background:color-mix(in srgb, var(--bg) 90%, transparent)}.mana-landing .nav-in{align-items:center;gap:28px;height:72px;display:flex}.mana-landing .brand{font-family:var(--font-head);letter-spacing:-.02em;color:var(--gold-deep);align-items:center;gap:11px;font-size:21px;font-weight:700;display:inline-flex}.mana-landing .brand .mark{background:linear-gradient(150deg, #ffd24d, var(--gold) 55%, #e09c00);border-radius:9px;flex:none;width:30px;height:30px;position:relative;box-shadow:0 2px 8px #f5b30166,inset 0 1px #ffffff8c}.mana-landing .brand .mark:after{content:"";background:#1b1611;border-radius:3px;width:11px;height:11px;margin:auto;position:absolute;inset:0;transform:rotate(45deg)}.mana-landing .nav-links{gap:26px;margin-left:8px;display:flex}.mana-landing .nav-links a{color:var(--muted);font-size:15px;font-weight:500;transition:color .15s}.mana-landing .nav-links a:hover{color:var(--ink)}.mana-landing .nav-cta{align-items:center;gap:10px;margin-left:auto;display:flex}@media (max-width:860px){.mana-landing .nav-links{display:none}}@media (max-width:520px){.mana-landing .nav-cta .btn-ghost{display:none}}.mana-landing .hero{padding-top:clamp(48px,7vw,96px);padding-bottom:0;overflow:hidden}.mana-landing .hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(30px,5vw,64px);display:grid}.mana-landing .hero h1{margin:22px 0 0}.mana-landing .hero .lead{margin-top:22px}.mana-landing .hero-cta{flex-wrap:wrap;gap:13px;margin-top:34px;display:flex}.mana-landing .hero-note{color:var(--faint);align-items:center;gap:8px;margin-top:18px;font-size:13.5px;display:flex}.mana-landing .hero-peek{position:relative}@media (max-width:880px){.mana-landing .hero-grid{grid-template-columns:1fr;gap:36px}.mana-landing .hero-peek{margin-top:4px}}.mana-landing .frame{border:1px solid var(--line);box-shadow:var(--shadow-lg);background:#fff;border-radius:14px;overflow:hidden}.mana-landing .frame .bar{background:linear-gradient(#fafafa,#f1f1f1);border-bottom:1px solid #ededed;align-items:center;gap:7px;height:34px;padding:0 13px;display:flex}.mana-landing .frame .bar i{border-radius:50%;width:11px;height:11px;display:block}.mana-landing .frame .bar .r{background:#ff5f57}.mana-landing .frame .bar .y{background:#febc2e}.mana-landing .frame .bar .g{background:#28c840}.mana-landing .frame .bar .addr{max-width:340px;height:20px;font-family:var(--font-mono);color:#9a948c;background:#fff;border:1px solid #e7e7e7;border-radius:6px;flex:1;align-items:center;gap:6px;margin-left:10px;padding:0 10px;font-size:11px;display:flex}.mana-landing .frame img{width:100%;display:block}.mana-landing .hero-peek .frame{box-shadow:0 2px 8px #281e0a0f,0 40px 80px #32260c29}.mana-landing .hero-peek .float{border:1px solid var(--line);width:54%;box-shadow:var(--shadow-lg);background:#fff;border-radius:12px;position:absolute;bottom:-26px;right:-18px;overflow:hidden}@media (max-width:880px){.mana-landing .hero-peek .float{display:none}}.mana-landing .hero-trust{color:var(--faint);flex-wrap:wrap;align-items:center;gap:26px;margin-top:clamp(56px,7vw,88px);font-size:13.5px;display:flex}.mana-landing .hero-trust .sep{background:var(--line);width:1px;height:16px}.mana-landing .hero-trust b{color:var(--muted);font-weight:600}.mana-landing .dark{background:var(--dark);color:var(--on-dark);position:relative}.mana-landing .dark h2,.mana-landing .dark h3{color:var(--on-dark)}.mana-landing .dark .lead{color:var(--on-dark-2)}.mana-landing .band-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;max-width:none;margin-bottom:clamp(36px,5vw,60px);display:flex}.mana-landing .band-head h2{max-width:18ch}.mana-landing .band-head .lead{max-width:42ch}.mana-landing .glow-stage{justify-content:center;display:flex;position:relative}.mana-landing .glow-stage:before{content:"";background:radial-gradient(60% 55% at 50% 42%, rgba(245,179,1,var(--glow,.3)), transparent 70%);filter:blur(34px);z-index:0;pointer-events:none;position:absolute;inset:-6% 8% 14%}.mana-landing .glow-stage:after{content:"";filter:blur(40px);z-index:0;pointer-events:none;background:radial-gradient(50% 60% at 70% 70%,#8b93f82e,#0000 72%);position:absolute;inset:18% 24% 0}.mana-landing .glow-stage .frame{z-index:1;border-color:var(--dark-line);width:100%;max-width:980px;position:relative}.mana-landing .glow-stage .frame .bar{background:linear-gradient(#23262f,#1a1d24);border-bottom-color:#ffffff0f}.mana-landing .glow-stage .frame .bar .addr{color:#8b8f99;background:#ffffff0d;border-color:#ffffff17}.mana-landing .glow-stage .float{z-index:2;border:1px solid var(--dark-line);border-radius:12px;width:min(42%,360px);position:absolute;bottom:-34px;right:max(2%,50% - 540px);overflow:hidden;box-shadow:0 30px 70px #00000080}@media (max-width:720px){.mana-landing .glow-stage .float{display:none}}.mana-landing .dark-ticks{flex-wrap:wrap;justify-content:center;gap:30px;margin-top:clamp(52px,6vw,72px);display:flex}.mana-landing .dark-ticks .t{align-items:flex-start;gap:11px;max-width:240px;display:flex}.mana-landing .dark-ticks .t .ic{width:22px;height:22px;color:var(--gold);flex:none;margin-top:2px}.mana-landing .dark-ticks .t b{color:var(--on-dark);font-family:var(--font-head);letter-spacing:-.01em;margin-bottom:3px;font-size:16px;display:block}.mana-landing .dark-ticks .t span{color:var(--on-dark-2);font-size:14px;line-height:1.5}.mana-landing .whatis{text-align:center}.mana-landing .flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(12px,2.4vw,30px);margin-top:30px;display:flex}.mana-landing .flow .chip{border-radius:var(--pill);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);font-family:var(--font-head);letter-spacing:-.01em;align-items:center;gap:12px;padding:16px 24px;font-size:clamp(1.05rem,2vw,1.5rem);font-weight:600;display:inline-flex}.mana-landing .flow .chip .ic{width:26px;height:26px;color:var(--gold-deep)}.mana-landing .flow .arrow{color:var(--gold);flex:none;width:30px;height:24px}@media (max-width:560px){.mana-landing .flow{flex-direction:column}.mana-landing .flow .arrow{transform:rotate(90deg)}}.mana-landing .head{max-width:30ch}.mana-landing .head h2{margin:16px 0 0}.mana-landing .head .lead{margin-top:18px}.mana-landing .head.center{text-align:center;max-width:46ch;margin-inline:auto}.mana-landing .head.center .lead{margin-inline:auto}.mana-landing .launcher{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);background:linear-gradient(#fff,#fcfaf5);margin-top:clamp(40px,5vw,60px);padding:clamp(22px,3vw,40px)}.mana-landing .launcher-top{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;margin-bottom:8px;padding-bottom:18px;display:flex}.mana-landing .launcher-top .dotrow{gap:6px;display:flex}.mana-landing .launcher-top .dotrow i{border-radius:50%;width:10px;height:10px}.mana-landing .launcher-top .title{font-family:var(--font-head);letter-spacing:-.01em;font-weight:600}.mana-landing .launcher-top .search{font-family:var(--font-mono);color:var(--faint);border:1px solid var(--line);border-radius:var(--pill);margin-left:auto;padding:7px 13px;font-size:12px}.mana-landing .app-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}@media (max-width:760px){.mana-landing .app-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:440px){.mana-landing .app-grid{grid-template-columns:1fr}}.mana-landing .tile{border-radius:var(--r-sm);border:1px solid var(--line);background:#fff;align-items:flex-start;gap:15px;padding:18px;transition:transform .18s,box-shadow .2s,border-color .2s;display:flex}.mana-landing .tile:hover{box-shadow:var(--shadow);border-color:#e4dac6;transform:translateY(-3px)}.mana-landing .tile .ico{border-radius:13px;flex:none;place-items:center;width:48px;height:48px;display:grid;box-shadow:inset 0 1px #fff9,0 4px 12px #281e0a14}.mana-landing .tile .ico svg{width:24px;height:24px}.mana-landing .tile h4{font-size:16.5px;font-family:var(--font-head);letter-spacing:-.01em;margin-bottom:4px}.mana-landing .tile p{color:var(--muted);font-size:13.5px;line-height:1.45}.mana-landing .tile .badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep);background:var(--gold-soft);border-radius:6px;margin-top:8px;padding:3px 7px;font-size:10px;display:inline-block}.mana-landing .ic-gold{color:#5a4200;background:linear-gradient(155deg,#ffe9a8,#f7c03a)}.mana-landing .ic-cream{color:#8a6a12;background:linear-gradient(155deg,#fff6e0,#f4e6be)}.mana-landing .ic-ink{color:#ffd24d;background:linear-gradient(155deg,#2a2d38,#15171f)}.mana-landing .ic-warm{color:#7a5410;background:linear-gradient(155deg,#fbead3,#efd3a6)}.mana-landing .launcher-foot{border-top:1px solid var(--line-soft);color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;padding-top:18px;font-size:14px;display:flex}.mana-landing .launcher-foot .store-mini{border:1px solid var(--line);width:64px;height:42px;box-shadow:var(--shadow);border-radius:8px;flex:none;overflow:hidden}.mana-landing .launcher-foot .store-mini img{object-fit:cover;object-position:top left;width:100%;height:100%}.mana-landing .builder-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,4vw,52px);display:grid}@media (max-width:900px){.mana-landing .builder-grid{grid-template-columns:1fr;gap:34px}}.mana-landing .prompt-card{background:var(--dark-2);border:1px solid var(--dark-line);border-radius:var(--r);padding:20px;position:relative;box-shadow:0 30px 70px #00000073}.mana-landing .prompt-card .lab{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);align-items:center;gap:8px;margin-bottom:14px;font-size:11px;display:flex}.mana-landing .prompt-card .pin{width:14px;height:14px;color:var(--gold)}.mana-landing .prompt-box{background:var(--dark-3);border:1px solid var(--dark-line);border-radius:var(--r-sm);color:var(--on-dark);padding:16px 16px 14px;font-size:16px;line-height:1.5}.mana-landing .prompt-box .typed{color:var(--on-dark)}.mana-landing .prompt-box .caret{background:var(--gold);vertical-align:-3px;width:2px;height:1.05em;margin-left:2px;animation:1.1s step-end infinite mana-blink;display:inline-block}@keyframes mana-blink{50%{opacity:0}}.mana-landing .prompt-actions{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.mana-landing .prompt-actions .hint{font-family:var(--font-mono);color:var(--on-dark-2);font-size:11px}.mana-landing .prompt-go{background:var(--gold);color:#241a00;border:none;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.mana-landing .builder-out{position:relative}.mana-landing .builder-out .glow-min:before{content:"";filter:blur(36px);z-index:0;background:radial-gradient(55% 55% at 60% 40%,#f5b30147,#0000 70%);position:absolute;inset:-8%}.mana-landing .builder-out .frame{z-index:1;border-color:var(--dark-line);position:relative}.mana-landing .builder-out .frame .bar{background:linear-gradient(#23262f,#1a1d24);border-bottom-color:#ffffff0f}.mana-landing .builder-steps{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.mana-landing .builder-steps .s{font-family:var(--font-mono);color:var(--on-dark-2);align-items:center;gap:8px;font-size:12px;display:flex}.mana-landing .builder-steps .s b{color:var(--gold)}.mana-landing .cards-3{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,26px);margin-top:clamp(40px,5vw,58px);display:grid}@media (max-width:860px){.mana-landing .cards-3{grid-template-columns:1fr;max-width:520px;margin-inline:auto}}.mana-landing .scenario{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);flex-direction:column;padding:clamp(22px,2.6vw,30px);transition:transform .18s,box-shadow .2s;display:flex}.mana-landing .scenario:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.mana-landing .scenario .kic{border-radius:13px;place-items:center;width:46px;height:46px;margin-bottom:18px;display:grid}.mana-landing .scenario .kic svg{width:24px;height:24px}.mana-landing .scenario h3{font-size:20px}.mana-landing .scenario .who{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:10px;font-size:11px}.mana-landing .scenario p{color:var(--muted);flex:1;margin-top:8px;font-size:14.5px}.mana-landing .scenario .apps{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.mana-landing .scenario .apps span{color:var(--ink);background:var(--bg-warm);border:1px solid var(--line);border-radius:var(--pill);padding:5px 11px;font-size:12px}.mana-landing .steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);margin-top:clamp(44px,5vw,64px);display:grid}@media (max-width:820px){.mana-landing .steps{grid-template-columns:1fr;max-width:520px;margin-inline:auto}}.mana-landing .step{border-top:2px solid var(--line);padding-top:18px;position:relative}.mana-landing .step .num{font-family:var(--font-head);color:var(--gold);letter-spacing:-.04em;-webkit-text-stroke:0;font-size:54px;font-weight:700;line-height:1}.mana-landing .step h3{margin:16px 0 0;font-size:21px}.mana-landing .step p{color:var(--muted);margin-top:10px;font-size:15px}.mana-landing .invite{position:relative}.mana-landing .invite-card{border:1px solid var(--gold-line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);text-align:center;background:radial-gradient(120% 130% at 0 0,#fff6df 0%,#fff 46%);padding:clamp(34px,5vw,72px);position:relative;overflow:hidden}.mana-landing .invite-card:before{content:"";background:radial-gradient(circle,#f5b30138,#0000 68%);border-radius:50%;width:240px;height:240px;position:absolute;top:-80px;right:-80px}.mana-landing .invite-card .head{max-width:34ch;margin-inline:auto;position:relative}.mana-landing .invite-form{gap:11px;max-width:480px;margin:30px auto 0;display:flex;position:relative}.mana-landing .invite-form input{border-radius:var(--r-sm);border:1px solid var(--line);height:56px;font-family:var(--font-body);color:var(--ink);background:#fff;outline:none;flex:1;padding:0 18px;font-size:16px;transition:border-color .15s,box-shadow .15s}.mana-landing .invite-form input:focus{border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-soft)}.mana-landing .invite-form input::placeholder{color:var(--faint)}@media (max-width:520px){.mana-landing .invite-form{flex-direction:column}.mana-landing .invite-form .btn{justify-content:center;width:100%}}.mana-landing .invite-trust{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:22px;font-size:13px;display:flex;position:relative}.mana-landing .invite-trust .it{align-items:center;gap:7px;display:flex}.mana-landing .invite-trust .it svg{width:15px;height:15px;color:var(--gold-deep)}.mana-landing .invite-ok{color:var(--ink);margin-top:24px;font-size:15px;display:none;position:relative}.mana-landing .invite-ok.show{display:block}.mana-landing .invite-ok b{color:var(--gold-deep)}.mana-landing .foot{background:var(--dark);color:var(--on-dark-2);padding-block:clamp(50px,6vw,76px) 38px}.mana-landing .foot .brand{color:#ffd66b}.mana-landing .foot .brand .mark:after{background:#0f1116}.mana-landing .foot-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;display:grid}@media (max-width:760px){.mana-landing .foot-grid{grid-template-columns:1fr 1fr;gap:30px 20px}}.mana-landing .foot-grid .tag{color:var(--on-dark-2);max-width:30ch;margin-top:16px;font-size:14px;line-height:1.55}.mana-landing .foot h5{font-family:var(--font-head);letter-spacing:.04em;color:var(--on-dark);margin:0 0 14px;font-size:13px;font-weight:600}.mana-landing .foot ul{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.mana-landing .foot ul a{color:var(--on-dark-2);font-size:14px;transition:color .15s}.mana-landing .foot ul a:hover{color:var(--on-dark)}.mana-landing .foot-bot{border-top:1px solid var(--dark-line);color:#76737b;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:48px;padding-top:24px;font-size:12.5px;display:flex}.mana-landing .foot-bot .pill{font-family:var(--font-mono);letter-spacing:.08em;color:var(--gold);border-radius:var(--pill);border:1px solid #f5b3014d;padding:4px 10px;font-size:11px}.mana-landing .reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.mana-landing .reveal.in{opacity:1;transform:none}.mana-landing .reveal.d1{transition-delay:70ms}.mana-landing .reveal.d2{transition-delay:.14s}.mana-landing .reveal.d3{transition-delay:.21s}.mana-landing .reveal.d4{transition-delay:.28s}@media (prefers-reduced-motion:reduce){.mana-landing .reveal{opacity:1;transition:none;transform:none}}.mana-landing .ph{background:repeating-linear-gradient(135deg, #00000009 0 12px, transparent 12px 24px), var(--bg-warm);color:var(--faint);font-family:var(--font-mono);letter-spacing:.05em;place-items:center;font-size:12px;display:grid}.mana-landing .ph.dark{background:repeating-linear-gradient(135deg, #ffffff0a 0 12px, transparent 12px 24px), var(--dark-3);color:#7c7f88}.mana-landing .nav-signin:hover{color:var(--ink)!important}