@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@500;600;700;800&display=swap');

/* Complete feature directory */
.landing-tools{grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr)!important;align-items:start!important;scroll-margin-top:24px}.landing-tools__intro{position:sticky;top:28px}.landing-tools__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.landing-tools__grid a{position:relative;display:flex!important;min-height:164px!important;padding:22px!important;overflow:hidden;border-radius:17px!important;background:linear-gradient(145deg,rgba(125,70,194,.1),rgba(255,255,255,.022))!important;transition:transform .28s cubic-bezier(.18,1.35,.38,1),border-color .25s,background .25s,box-shadow .25s!important;flex-direction:column}.landing-tools__grid a::after{position:absolute;right:-42px;bottom:-52px;width:115px;height:115px;border-radius:50%;background:radial-gradient(circle,rgba(184,108,255,.2),transparent 68%);content:"";transition:transform .35s ease}.landing-tools__grid a:hover{background:linear-gradient(145deg,rgba(130,74,220,.2),rgba(255,255,255,.04))!important;box-shadow:0 18px 36px rgba(75,28,126,.22);transform:translateY(-5px) scale(1.01)!important}.landing-tools__grid a:hover::after{transform:scale(1.35)}.landing-tools__grid strong{margin:14px 0 8px!important}.landing-tools__grid a>span:not(.landing-tool__icon){font-size:.72rem!important;line-height:1.55!important}.landing-tool__icon{display:grid!important;width:34px;height:34px;place-items:center;border:1px solid rgba(211,175,255,.2);border-radius:11px;color:#ddbaff!important;background:rgba(143,77,226,.13);font:600 .85rem 'DM Mono',monospace}.landing-tools__grid small{position:relative;z-index:1;margin-top:auto;padding-top:17px;color:#cc9dff;font-size:.65rem;font-weight:700}
@media(max-width:850px){.landing-tools{grid-template-columns:1fr!important}.landing-tools__intro{position:static}}
@media(max-width:520px){.landing-tools__grid{grid-template-columns:1fr!important}.landing-tools__grid a{min-height:150px!important}}

/* Fade the cosmic canvas into the page at the bottom so it has no visible rectangular edge. */
.landing-hero::before{position:absolute!important;z-index:1!important;inset:0!important;background:linear-gradient(180deg,transparent 55%,rgba(10,8,18,.34) 74%,rgba(9,7,16,.96) 100%)!important;pointer-events:none!important;content:""!important}

/* Real-time canvas black hole: the original PNG is now only a fallback. */
.landing-body .landing-orbit img{display:block!important;position:absolute!important;z-index:0!important;width:128%!important;height:128%!important;top:-14%!important;left:-14%!important;border-radius:0!important;opacity:.8!important;mix-blend-mode:screen!important;transform:none!important;animation:none!important}.landing-body .landing-orbit canvas{position:absolute!important;inset:0!important;z-index:1!important;width:100%!important;height:100%!important;display:block!important;opacity:1!important;filter:none!important}.landing-body .landing-orbit{background:radial-gradient(ellipse at 67% 58%,rgba(154,69,225,.12),transparent 45%),radial-gradient(ellipse at 84% 34%,rgba(116,57,188,.1),transparent 54%);-webkit-mask-image:radial-gradient(ellipse 102% 106% at 74% 57%,#000 28%,rgba(0,0,0,.93) 54%,transparent 91%);mask-image:radial-gradient(ellipse 102% 106% at 74% 57%,#000 28%,rgba(0,0,0,.93) 54%,transparent 91%)}

/* Keep the cosmic visual behind all usable controls; no artificial centre disk. */
.landing-nav{position:relative!important;z-index:10!important}.landing-hero{overflow:hidden!important}.landing-orbit{right:-5%!important;top:5%!important;width:min(770px,64vw)!important;aspect-ratio:16/11!important;overflow:hidden!important;pointer-events:none!important}.landing-orbit::before,.landing-orbit__ring,.landing-orbit__label{display:none!important}.landing-orbit img{width:128%!important;height:128%!important;top:-14%!important;left:-14%!important;border-radius:0!important;opacity:.78!important;mix-blend-mode:screen!important;transform-origin:63% 53%!important;animation:landingBlackHoleMotion 48s linear infinite!important}.landing-hero::after{position:absolute!important;z-index:1!important;inset:0!important;background:linear-gradient(90deg,#0c0a15 0%,rgba(12,10,21,.94) 38%,rgba(12,10,21,.24) 74%,rgba(12,10,21,.02) 100%)!important;pointer-events:none!important;content:""!important}@keyframes landingBlackHoleMotion{0%{transform:rotate(0deg) scale(1.03)}50%{transform:rotate(180deg) scale(1.08)}100%{transform:rotate(360deg) scale(1.03)}}
:root{--landing-bg:#07060e;--landing-line:rgba(204,171,255,.18);--landing-violet:#a568ff;--landing-pink:#e85dc9}.landing-body{margin:0;color:#faf7ff;font-family:Manrope,Inter,sans-serif;background:radial-gradient(circle at 75% 4%,rgba(117,48,205,.19),transparent 29rem),var(--landing-bg)}.landing-shell{width:min(1240px,calc(100% - 36px));margin:14px auto 34px;overflow:hidden;border:1px solid var(--landing-line);border-radius:25px;background:linear-gradient(150deg,rgba(13,11,25,.94),rgba(5,5,12,.96));box-shadow:0 28px 100px rgba(0,0,0,.45)}.landing-nav{display:flex;align-items:center;gap:30px;min-height:76px;padding:0 30px;border-bottom:1px solid rgba(255,255,255,.07)}.landing-brand{display:flex;align-items:center;gap:10px;color:#fff;font-family:Manrope,sans-serif;font-size:1.02rem;font-weight:800;text-decoration:none}.landing-brand__mark{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;color:#fff;background:linear-gradient(135deg,#7d45e6,#ed64c5);box-shadow:0 0 20px #9b5ce699}.landing-nav nav{display:flex;gap:27px;margin:auto}.landing-nav nav a,.landing-login{padding:7px 0;border:0;color:#c6bed2;background:transparent;font:600 .75rem Manrope,sans-serif;text-decoration:none;cursor:pointer}.landing-nav nav a:hover,.landing-login:hover{color:#fff}.landing-nav__actions{display:flex;align-items:center;gap:19px}.landing-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border-radius:11px;color:#fff;background:linear-gradient(105deg,#7a43ed,#c553dc);box-shadow:0 12px 28px rgba(151,68,233,.3);font-size:.8rem;font-weight:800;text-decoration:none;transition:transform .25s cubic-bezier(.18,1.35,.38,1),filter .25s}.landing-cta:hover{transform:translateY(-3px) scale(1.025);filter:brightness(1.13)}.landing-cta--small{padding:10px 14px;font-size:.7rem}.landing-hero{position:relative;display:grid;grid-template-columns:minmax(0,.83fr) minmax(420px,1.17fr);min-height:540px;padding:78px 56px 44px;isolation:isolate}.landing-hero__copy{position:relative;z-index:2;align-self:center}.landing-pill,.landing-section-kicker{display:inline-flex;padding:7px 11px;border:1px solid rgba(211,175,255,.25);border-radius:99px;color:#d9bcff;background:rgba(124,67,215,.11);font:500 .64rem 'DM Mono',monospace;letter-spacing:.04em}.landing-hero h1{max-width:570px;margin:21px 0 18px;font-size:clamp(3.2rem,6vw,5.9rem);line-height:.91;letter-spacing:-.07em}.landing-hero h1 em{display:block;color:#be7cff;font-style:normal}.landing-hero p{max-width:475px;margin:0;color:#bbb2ca;font-size:.95rem;line-height:1.7}.landing-hero__actions{display:flex;gap:12px;margin-top:28px}.landing-ghost{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border:1px solid rgba(225,211,255,.18);border-radius:11px;color:#e8e0f3;background:rgba(255,255,255,.035);font-size:.77rem;font-weight:700;text-decoration:none;transition:.25s}.landing-ghost:hover{border-color:#c79aff;background:rgba(154,86,234,.15);transform:translateY(-2px)}.landing-proof{display:flex;align-items:center;gap:12px;max-width:320px;margin-top:31px;color:#aaa0bb;font-size:.68rem;line-height:1.35}.landing-proof__orbs{display:flex}.landing-proof__orbs i{width:22px;height:22px;margin-left:-5px;border:2px solid #100d19;border-radius:50%;background:linear-gradient(135deg,#db94d2,#653cc2)}.landing-proof__orbs i:first-child{margin:0;background:linear-gradient(135deg,#eaa67b,#742bb7)}.landing-orbit{position:absolute;right:-7%;top:-12%;width:min(720px,65vw);aspect-ratio:1;transform:translate(var(--orbit-x,0),var(--orbit-y,0));transition:transform .7s ease-out;z-index:0}.landing-orbit img{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:50%;mix-blend-mode:screen;opacity:.93;animation:landingBlackHoleSpin 75s linear infinite,landingBlackHoleBreath 8s ease-in-out infinite}.landing-orbit::before{position:absolute;inset:18%;z-index:1;border-radius:50%;background:#080610;box-shadow:0 0 90px 45px rgba(176,74,255,.17);content:""}.landing-orbit__ring{position:absolute;inset:17%;z-index:2;border:1px solid rgba(224,174,255,.45);border-radius:50%;box-shadow:0 0 34px #c358ea80,inset 0 0 30px #b552eb35;animation:landingRingSpin 24s linear infinite}.landing-orbit__label{position:absolute;z-index:3;padding:8px 10px;border:1px solid rgba(218,186,255,.34);border-radius:9px;color:#f3e8ff;background:rgba(16,10,29,.68);backdrop-filter:blur(8px);font:500 .58rem 'DM Mono',monospace;letter-spacing:.08em}.landing-orbit__label--top{top:28%;left:2%}.landing-orbit__label--bottom{right:13%;bottom:23%}@keyframes landingBlackHoleSpin{to{transform:rotate(360deg)}}@keyframes landingRingSpin{to{transform:rotate(-360deg)}}@keyframes landingBlackHoleBreath{50%{filter:brightness(1.2) saturate(1.15);transform:scale(1.035)}}.landing-steps{margin:0 30px;padding:39px 42px 43px;border:1px solid rgba(218,190,255,.12);border-radius:19px;background:rgba(17,13,31,.62)}.landing-steps h2,.landing-tools h2,.landing-bottom h2{margin:13px 0 30px;font-size:clamp(1.7rem,3vw,2.7rem);letter-spacing:-.05em}.landing-steps__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.landing-steps article{min-height:140px;padding:19px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:linear-gradient(145deg,rgba(122,72,185,.12),rgba(255,255,255,.025))}.landing-steps b{display:block;margin-bottom:19px;color:#be82ff;font:500 .65rem 'DM Mono',monospace}.landing-steps span{display:block;font-size:.9rem;font-weight:800}.landing-steps p{margin:8px 0 0;color:#a9a0b8;font-size:.73rem;line-height:1.6}.landing-tools{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;padding:94px 73px}.landing-tools p{max-width:350px;margin:-17px 0 23px;color:#b8b0c6;font-size:.88rem;line-height:1.7}.landing-tools__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.landing-tools__grid a{min-height:128px;padding:21px;border:1px solid rgba(255,255,255,.09);border-radius:15px;color:#fff;background:rgba(255,255,255,.025);text-decoration:none;transition:.25s}.landing-tools__grid a:hover{border-color:#bc85ff;background:rgba(130,74,220,.13);transform:translateY(-4px)}.landing-tools__grid strong{display:block;margin-bottom:9px;font-size:.93rem}.landing-tools__grid span{color:#a9a1b9;font-size:.71rem;line-height:1.45}.landing-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 30px;padding:43px 45px;border-radius:19px;background:linear-gradient(115deg,#281349,#582280 62%,#a846bf)}.landing-bottom h2{margin:10px 0 0}.landing-bottom .landing-section-kicker{background:#0c092144;color:#f0d5ff}.landing-bottom .landing-cta{background:#fff;color:#642c9d;box-shadow:none}.landing-footer{display:flex;justify-content:space-between;padding:30px 35px;color:#898094;font-size:.68rem}.landing-footer div{display:flex;gap:18px}.landing-footer a{color:#aaa1bb;text-decoration:none}.landing-footer a:hover{color:#fff}@media(max-width:850px){.landing-nav{padding:0 18px}.landing-nav nav{display:none}.landing-hero{grid-template-columns:1fr;min-height:670px;padding:58px 30px}.landing-orbit{right:-24%;top:17%;width:680px;opacity:.68}.landing-hero__copy{align-self:start}.landing-steps{margin:0 18px;padding:29px 23px}.landing-tools{grid-template-columns:1fr;gap:28px;padding:65px 33px}.landing-bottom{margin:0 18px;padding:30px;flex-direction:column;align-items:flex-start}.landing-footer{padding:27px 22px;flex-direction:column;gap:14px}}@media(max-width:520px){.landing-shell{width:calc(100% - 18px);margin:9px auto;border-radius:18px}.landing-nav{min-height:65px;padding:0 14px}.landing-brand{font-size:.86rem}.landing-nav__actions{gap:8px}.landing-login{font-size:.65rem}.landing-cta--small{padding:9px 10px}.landing-hero{min-height:605px;padding:43px 22px}.landing-hero h1{font-size:3.35rem}.landing-hero p{font-size:.82rem}.landing-orbit{top:27%;right:-56%;width:570px}.landing-orbit__label{display:none}.landing-hero__actions{margin-top:21px}.landing-proof{margin-top:23px}.landing-steps__grid{grid-template-columns:1fr}.landing-steps article{min-height:112px}.landing-tools{padding:57px 24px}.landing-bottom h2{font-size:2rem}.landing-footer div{gap:11px;font-size:.62rem}}