:root{--lm-bg:#07090e;--lm-panel:#0d1119;--lm-line:#20283a;--lm-text:#f4f4f7;--lm-muted:#8993a8;--lm-purple:#9c6cff;--lm-cyan:#67e8f9;--lm-orange:#ff784c}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--lm-bg)}body.landing-modern{margin:0;background:radial-gradient(circle at 50% -15%,#27204a 0,transparent 37%),var(--lm-bg);color:var(--lm-text);font-family:Vazirmatn,Tahoma,sans-serif;overflow-x:hidden}.landing-modern a{color:inherit;text-decoration:none}.landing-noise{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.landing-header{position:fixed;top:0;left:0;right:0;z-index:20;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);border-bottom:1px solid #ffffff0b;background:#07090ed9;backdrop-filter:blur(18px)}.landing-brand{display:flex;align-items:center;gap:10px}.landing-brand b{display:block;font-size:17px;letter-spacing:.3px}.landing-brand small{display:block;color:#727d92;font-size:9px;margin-top:2px}.brand-glyph{display:grid;place-items:center;width:36px;height:36px;border:1px solid #7657c7;border-radius:12px;color:#e0d3ff;background:linear-gradient(145deg,#372164,#17132c);box-shadow:0 0 28px #8b5cf633;font-size:19px}.landing-menu{display:flex;gap:30px;margin-right:auto;margin-left:70px}.landing-menu a{position:relative;color:#8993a7;font-size:11px;transition:.25s}.landing-menu a:after{content:"";position:absolute;right:0;bottom:-11px;width:0;height:2px;border-radius:4px;background:var(--lm-purple);transition:.25s}.landing-menu a:hover,.landing-menu a.is-active{color:#fff}.landing-menu a.is-active:after{width:22px}.landing-header-actions{display:flex;align-items:center;gap:17px}.landing-login{color:#aab2c0!important;font-size:11px}.landing-cta,.landing-outline{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:47px;padding:0 21px;border-radius:11px;font-size:11px;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s}.landing-cta{background:linear-gradient(120deg,#a275ff,#7145d2);box-shadow:0 12px 35px #8b5cf633}.landing-cta:hover{transform:translateY(-3px);box-shadow:0 16px 42px #8b5cf655}.landing-outline{border:1px solid #374156;color:#d7dcea}.landing-outline:hover{transform:translateY(-3px);border-color:#8060d9;background:#211843}.landing-cta span,.landing-outline span{font-size:16px;line-height:1}.landing-cta.compact{min-height:37px;padding:0 15px;font-size:10px;gap:11px}.landing-scroll{scroll-snap-type:y mandatory}.landing-panel{position:relative;isolation:isolate;min-height:100svh;padding:130px clamp(20px,7vw,110px) 72px;display:flex;align-items:center;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.hero-panel{max-width:1500px;margin:auto;gap:4vw}.hero-copy{position:relative;z-index:2;width:50%;padding-top:20px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:#b6a5eb;font-size:10px;letter-spacing:.2px}.eyebrow i{display:inline-block;width:22px;height:1px;background:linear-gradient(90deg,var(--lm-purple),transparent)}h1,h2,h3,p{margin-top:0}.hero-copy h1{max-width:670px;margin-bottom:24px;font-size:clamp(42px,5.2vw,82px);line-height:1.26;letter-spacing:-2.7px}.hero-copy h1 em,.section-heading em,.workflow-copy em{font-style:normal;background:linear-gradient(100deg,#c0a7ff 0%,#7ee9f5 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:590px;color:var(--lm-muted);font-size:15px;line-height:2.1}.hero-actions{display:flex;gap:12px;margin:33px 0 26px}.hero-meta{display:flex;gap:22px;color:#6f7a90;font-size:10px}.hero-meta b{margin-left:5px;color:#a891e9;font:10px ui-monospace,monospace}.hero-stage{--tilt-x:0deg;--tilt-y:0deg;position:relative;z-index:1;width:min(590px,48vw);height:min(590px,68vh);min-height:430px;display:grid;place-items:center;transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .5s cubic-bezier(.2,.8,.2,1)}.stage-glow{position:absolute;width:75%;height:75%;border-radius:50%;background:radial-gradient(circle,#8d66ff36 0,transparent 68%);filter:blur(8px);animation:glowPulse 5s ease-in-out infinite}.stage-orbit{position:absolute;border:1px solid #8171cc40;border-radius:50%;transform:rotateX(68deg) rotateZ(-22deg);animation:orbit 16s linear infinite}.orbit-one{width:78%;height:38%}.orbit-two{width:60%;height:29%;transform:rotateX(66deg) rotateZ(53deg);animation-duration:12s;animation-direction:reverse;border-color:#67d7f935}.stage-core{position:relative;width:62%;aspect-ratio:1;transform-style:preserve-3d;animation:float 6s ease-in-out infinite}.core-sphere{position:absolute;inset:18%;display:grid;place-items:center;border-radius:43% 57% 53% 47%/45% 42% 58% 55%;background:radial-gradient(circle at 32% 23%,#dccfff 0,#8963e5 18%,#3c236e 49%,#151224 78%);box-shadow:inset -22px -30px 45px #08080f99,20px 28px 70px #000b,0 0 65px #9f7bff5c;transform:translateZ(22px) rotate(16deg);animation:morph 8s ease-in-out infinite}.core-sphere:after{content:"";position:absolute;inset:9%;border:1px solid #d9cbff42;border-radius:inherit}.core-sphere span{font-size:42px;color:#e9e2ff;text-shadow:0 0 25px #fff8}.core-ring{position:absolute;inset:8%;border:1px solid #b8a0ff55;border-radius:50%;transform:rotateX(68deg) rotateZ(30deg)}.ring-back{transform:rotateX(68deg) rotateZ(30deg) translateZ(-15px);border-color:#61e1ee3d}.ring-front{transform:rotateY(68deg) rotateZ(-20deg) translateZ(30px);border-color:#bb9bff70}.core-shadow{position:absolute;left:15%;right:15%;bottom:4%;height:10%;border-radius:50%;background:#0009;filter:blur(15px);transform:rotateX(70deg)}.floating-chip{position:absolute;display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center;padding:11px 14px;border:1px solid #ffffff18;border-radius:12px;background:#111622b8;backdrop-filter:blur(15px);box-shadow:0 18px 45px #0007;font-size:9px;animation:chipFloat 5s ease-in-out infinite}.floating-chip small{grid-column:2;color:#758197;font:8px ui-monospace,monospace;letter-spacing:1px}.floating-chip b{grid-column:2;color:#dde1ea;font-size:10px}.chip-dot{width:8px;height:8px;border-radius:50%;background:#5be6b3;box-shadow:0 0 14px #5be6b3}.chip-top{top:16%;right:1%}.chip-bottom{bottom:15%;left:0;animation-delay:-2s}.wave-mini{grid-row:1/3;display:flex;align-items:center;gap:2px;height:23px;direction:ltr}.wave-mini i{width:2px;border-radius:3px;background:var(--lm-cyan);animation:miniWave 1.1s ease-in-out infinite}.wave-mini i:nth-child(1){height:9px}.wave-mini i:nth-child(2){height:19px;animation-delay:-.3s}.wave-mini i:nth-child(3){height:13px;animation-delay:-.6s}.wave-mini i:nth-child(4){height:22px;animation-delay:-.2s}.wave-mini i:nth-child(5){height:11px;animation-delay:-.5s}.stage-caption{position:absolute;bottom:2%;right:8%;display:flex;flex-direction:column;color:#758198;font-size:9px}.stage-caption b{color:#d8d0eb;font-size:10px;margin-top:5px}.scroll-cue{position:absolute;bottom:34px;left:50%;display:flex;align-items:center;gap:10px;transform:translateX(-50%);color:#707b8f;font-size:9px}.scroll-cue span{display:block;width:1px;height:30px;background:linear-gradient(var(--lm-purple),transparent);animation:cue 1.8s ease-in-out infinite}.section-heading{max-width:620px;margin:0 auto 44px;text-align:center}.section-heading h2,.workflow-copy h2,.faq-intro h2{font-size:clamp(32px,4vw,54px);line-height:1.35;letter-spacing:-1.7px;margin:0 0 16px}.section-heading>p:last-child,.faq-intro>p:last-of-type{color:var(--lm-muted);font-size:13px;line-height:2}.features-panel,.pricing-panel{display:block;padding-top:150px}.feature-layout{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px;max-width:1120px;margin:auto}.feature-card{position:relative;min-height:330px;padding:27px;border:1px solid var(--lm-line);border-radius:18px;background:linear-gradient(145deg,#111722,#0b0e15);overflow:hidden;transition:transform .3s,border-color .3s}.feature-card:hover{transform:translateY(-7px);border-color:#6e55b5}.feature-main{background:radial-gradient(circle at 0 0,#2a2050 0,transparent 53%),linear-gradient(145deg,#151322,#0b0e15)}.feature-number{position:absolute;top:24px;left:25px;color:#637089;font:10px ui-monospace,monospace}.feature-icon{display:grid;place-items:center;width:51px;height:51px;border:1px solid #6d56b74d;border-radius:15px;background:#211842;color:#d3c8ff;font-size:27px}.icon-wave{color:#7ce9f4;background:#12323a;border-color:#5ad4df4d}.feature-card h3{font-size:19px;margin:29px 0 11px}.feature-card p{max-width:280px;color:#8993a5;font-size:12px;line-height:2}.feature-card a{position:absolute;bottom:26px;color:#bda8ff;font-size:11px}.feature-card a span{margin-right:10px}.card-wave{position:absolute;left:25px;right:25px;bottom:30px;display:flex;align-items:center;gap:4px;height:43px;opacity:.55;direction:ltr}.card-wave i{flex:1;border-radius:4px;background:linear-gradient(#9b7cff,#36d9e7);height:var(--h,45%);animation:cardWave 1.5s ease-in-out infinite}.card-wave i:nth-child(1){--h:32%;}.card-wave i:nth-child(2){--h:70%;animation-delay:-.2s}.card-wave i:nth-child(3){--h:48%;animation-delay:-.5s}.card-wave i:nth-child(4){--h:90%;animation-delay:-.7s}.card-wave i:nth-child(5){--h:58%;animation-delay:-.1s}.card-wave i:nth-child(6){--h:75%;animation-delay:-.4s}.card-wave i:nth-child(7){--h:42%;animation-delay:-.8s}.card-wave i:nth-child(8){--h:85%;animation-delay:-.3s}.card-wave i:nth-child(9){--h:55%;animation-delay:-.6s}.card-wave i:nth-child(10){--h:72%;animation-delay:-.2s}.card-wave i:nth-child(11){--h:38%;animation-delay:-.9s}.card-wave i:nth-child(12){--h:65%;animation-delay:-.1s}.section-footer{display:flex;justify-content:space-between;max-width:1120px;margin:38px auto 0;padding-top:20px;border-top:1px solid #ffffff0c;color:#68748b;font-size:10px}.section-footer a{color:#a998dd}.section-footer b{margin-right:8px;font-size:14px}.workflow-panel{display:grid;grid-template-columns:1fr 1fr;gap:7vw;max-width:1400px;margin:auto}.workflow-visual{position:relative;min-height:490px;display:grid;place-items:center;overflow:hidden}.workflow-grid{position:absolute;inset:4% 2%;background:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:55px 55px;transform:perspective(650px) rotateX(62deg) rotateZ(-15deg) scale(1.4);mask-image:radial-gradient(circle,#000 15%,transparent 72%)}.workflow-disc{position:absolute;border-radius:50%;filter:blur(.2px);box-shadow:inset -16px -20px 35px #0008,0 20px 50px #0008}.disc-a{width:220px;height:220px;background:radial-gradient(circle at 28% 22%,#b89fff,#4f2b9b 40%,#171126 77%);animation:discFloat 7s ease-in-out infinite}.disc-b{width:78px;height:78px;right:14%;bottom:19%;background:radial-gradient(circle at 30% 25%,#a8f4ff,#1e869b 44%,#0d202d 75%);animation:discFloat 5s ease-in-out infinite reverse}.workflow-line{position:absolute;width:70%;height:1px;background:linear-gradient(90deg,transparent,#b69cff,#6ce8f2,transparent);transform:rotate(-27deg);box-shadow:0 0 18px #a58aff;animation:linePulse 3s ease-in-out infinite}.workflow-label{position:absolute;left:5%;bottom:10%;color:#627087;font:9px ui-monospace,monospace;letter-spacing:2px}.workflow-copy{align-self:center}.workflow-copy h2{margin-bottom:30px}.workflow-steps{display:grid;gap:16px;margin-bottom:30px}.workflow-steps>div{display:flex;gap:15px;padding-bottom:16px;border-bottom:1px solid #ffffff0c}.workflow-steps b{color:#a58af0;font:11px ui-monospace,monospace}.workflow-steps strong,.workflow-steps small{display:block}.workflow-steps strong{font-size:13px}.workflow-steps small{margin-top:5px;color:#7d879a;font-size:11px}.price-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1000px;margin:auto}.price-row article{position:relative;padding:30px;border:1px solid var(--lm-line);border-radius:18px;background:#0d121b}.price-row article.price-featured{border-color:#8061cf;background:radial-gradient(circle at 80% 0,#34205d,transparent 65%),#111322;transform:translateY(-8px)}.price-row small{color:#aeb5c3;font-size:11px}.price-row strong{display:block;margin:16px 0 3px;font-size:30px}.price-row strong i{font-style:normal;color:#8b96a8;font-size:11px}.price-row p{height:36px;color:#788398;font-size:11px}.price-row .landing-cta,.price-row .landing-outline{width:100%;margin-top:8px}.price-badge{position:absolute;top:0;right:25px;transform:translateY(-50%);padding:5px 9px;border-radius:20px;background:#8b5cf6;color:#fff;font-size:9px}.faq-panel{max-width:1120px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.faq-intro{align-self:center}.faq-list{display:grid;gap:11px;align-content:center}.faq-list details{padding:20px 22px;border:1px solid var(--lm-line);border-radius:13px;background:#0e131c}.faq-list summary{display:flex;justify-content:space-between;cursor:pointer;font-size:13px;font-weight:700;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#a68cf2;font-size:20px;font-weight:400;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:#8792a5;font-size:11px;line-height:2;margin:16px 0 0}.landing-footer{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px clamp(20px,7vw,110px);border-top:1px solid #ffffff0d;color:#6f7b90;font-size:10px}.landing-footer .landing-brand b{color:#fff}.landing-footer>div{display:flex;gap:18px}.landing-footer>div a:hover{color:#d5c9ff}@keyframes float{0%,100%{transform:translateY(-7px) rotateZ(-2deg)}50%{transform:translateY(10px) rotateZ(2deg)}}@keyframes morph{0%,100%{border-radius:43% 57% 53% 47%/45% 42% 58% 55%}50%{border-radius:58% 42% 45% 55%/55% 56% 44% 45%}}@keyframes orbit{to{transform:rotateX(68deg) rotateZ(338deg)}}@keyframes glowPulse{50%{transform:scale(1.15);opacity:.65}}@keyframes chipFloat{50%{transform:translateY(-8px)}}@keyframes miniWave{50%{transform:scaleY(.5)}}@keyframes cardWave{50%{transform:scaleY(.7)}}@keyframes cue{50%{opacity:.3;transform:translateY(7px)}}@keyframes discFloat{50%{transform:translateY(-18px) rotate(8deg)}}@keyframes linePulse{50%{opacity:.35;box-shadow:0 0 5px #a58aff}}@media(max-width:860px){.landing-header{height:70px}.landing-menu{display:none}.landing-header-actions{margin-right:auto}.landing-panel{min-height:100svh;padding:108px 20px 54px}.hero-panel{display:flex;flex-direction:column;justify-content:center;gap:0}.hero-copy{width:100%;padding:0}.hero-copy h1{font-size:clamp(38px,11vw,60px);letter-spacing:-1.6px}.hero-lead{font-size:13px}.hero-stage{width:min(570px,100%);height:53vh;min-height:330px;margin-top:-4px}.stage-caption{right:2%;bottom:0}.chip-top{right:0}.chip-bottom{left:0;bottom:8%}.hero-meta{flex-wrap:wrap;gap:10px 16px}.scroll-cue{bottom:15px}.features-panel,.pricing-panel{padding-top:112px}.feature-layout,.price-row,.workflow-panel,.faq-panel{grid-template-columns:1fr}.feature-card{min-height:260px}.feature-main{min-height:310px}.price-row article.price-featured{transform:none}.workflow-panel{display:grid;align-content:center;gap:18px}.workflow-visual{min-height:270px}.disc-a{width:150px;height:150px}.workflow-copy h2{font-size:36px}.faq-panel{align-content:center;gap:28px}.landing-footer{align-items:flex-start;flex-direction:column}.landing-footer>div{gap:12px}.landing-footer>span{order:3}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* Product-led landing sections */
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1180px;margin:auto}.product-card{position:relative;min-height:310px;padding:26px;border:1px solid var(--lm-line);border-radius:18px;background:linear-gradient(145deg,#111722,#0b0e15);transition:transform .3s,border-color .3s,box-shadow .3s}.product-card:hover{transform:translateY(-6px);border-color:#7359bd;box-shadow:0 20px 45px #0004}.product-card.featured-product{background:radial-gradient(circle at 10% 0,#31205b,transparent 58%),linear-gradient(145deg,#171425,#0b0e15);border-color:#6e55b5}.product-card h3{margin:28px 0 11px;font-size:17px}.product-card p{color:#8993a5;font-size:11px;line-height:2}.product-card a{position:absolute;right:26px;bottom:24px;color:#bda8ff;font-size:10px}.product-card a span{margin-right:8px}.workflow-steps>div span{min-width:0}.workflow-steps>div:last-child{border-bottom:0}.faq-intro h2 em{font-style:normal;background:linear-gradient(100deg,#c0a7ff,#7ee9f5);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(2,1fr)}.product-card{min-height:270px}}
@media(max-width:620px){.product-grid{grid-template-columns:1fr}.product-card{min-height:245px}.hero-actions{flex-direction:column}.hero-actions a{width:100%}.landing-header-actions .landing-login{display:none}.landing-header-actions .compact{padding:0 12px}.section-footer{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:860px){.hero-panel .hero-stage{order:-1;height:clamp(270px,38svh,390px);min-height:270px;margin:-12px auto 8px}.hero-panel .hero-copy{order:1}.hero-panel .scroll-cue{order:2}}
@media(max-width:500px){.hero-panel{justify-content:flex-start}.hero-panel .hero-stage{height:clamp(245px,34svh,320px);min-height:245px;margin-top:-18px;margin-bottom:4px}.hero-panel .stage-core{width:58%}.hero-panel .chip-top{top:10%}.hero-panel .chip-bottom{bottom:5%}}
.landing-signup{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:0 12px;border:1px solid #39445a;border-radius:9px;color:#d7dcea!important;font-size:10px;white-space:nowrap}.landing-signup:hover{border-color:#8060d9;background:#211843}
@media(max-width:620px){.landing-header{padding-inline:12px}.landing-header-actions{gap:5px}.landing-header-actions .landing-login,.landing-header-actions .landing-signup{display:inline-flex}.landing-header-actions .landing-login{padding:0 5px;border:0}.landing-header-actions .compact{font-size:9px;padding:0 9px;gap:5px}.landing-brand small{display:none}.landing-brand b{font-size:15px}}
.price-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:1160px}.price-row article{display:flex;flex-direction:column;min-height:365px;padding:28px 26px 24px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.price-row article:hover{transform:translateY(-6px);border-color:#7357b8;box-shadow:0 20px 45px #0006}.price-row article.price-featured:hover{transform:translateY(-12px)}.price-row article>p{height:auto;min-height:42px;margin:0 0 17px;line-height:1.9}.price-row article>a{margin-top:auto!important}.price-row strong{font-size:28px}.price-card-amount{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:5px 0 16px;padding:13px 0;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10}.price-card-amount strong{margin:0;color:#f1edff;font-size:22px;white-space:nowrap}.price-card-amount strong i{font-size:10px;color:#aab3c4;font-style:normal}.price-card-amount small{color:#81e4e9;font-size:10px;white-space:nowrap}.price-row article.price-featured .price-card-amount{border-color:#8061cf55;background:#ffffff05;padding-inline:10px;border-radius:10px}
.price-row .price-badge{top:14px;right:18px;transform:none;z-index:2;box-shadow:0 6px 18px #5c36a855}
.landing-signup[hidden]{display:none!important}
.landing-header-brand-group{display:flex;align-items:center;gap:13px;min-width:0}.landing-header-divider{width:1px;height:27px;background:#ffffff18}.landing-circle-wordmark{display:inline-flex;align-items:center;gap:8px;color:#e7e0ff;text-decoration:none;white-space:nowrap}.landing-circle-wordmark .circle-logo{position:relative;display:grid;place-items:center;width:31px;height:31px;border:2px solid #a482ff;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b79dff,#6847d1 58%,#27134d);box-shadow:0 0 18px #8f6bff66}.landing-circle-wordmark .circle-logo:before,.landing-circle-wordmark .circle-logo:after{content:"";position:absolute;border:1px solid #eadfff99;border-radius:50%;transform:rotate(-25deg)}.landing-circle-wordmark .circle-logo:before{inset:7px 2px}.landing-circle-wordmark .circle-logo:after{inset:10px 5px;opacity:.65}.landing-circle-wordmark strong,.landing-circle-wordmark small{display:block}.landing-circle-wordmark strong{font-size:11px;line-height:1.2}.landing-circle-wordmark small{margin-top:2px;color:#7c879a;font-size:7px;line-height:1}.landing-auth-cta[hidden],.landing-notification-wrap[hidden],.landing-notification-panel[hidden]{display:none!important}.landing-notification-wrap{position:relative;display:inline-flex;align-items:center}.landing-notification-button{position:relative;display:grid;place-items:center;width:39px;height:39px;padding:0;border:1px solid #303b4f;border-radius:12px;background:#101722;color:#bca5f6;cursor:pointer;transition:.2s}.landing-notification-button:hover,.landing-notification-button[aria-expanded="true"]{border-color:#8d6cf0;background:#211843;box-shadow:0 8px 22px #8b5cf633}.landing-notification-button svg{width:18px;height:18px}.landing-notification-button b{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #07090e;border-radius:99px;background:#a276ff;color:#fff;font:800 8px/1 Vazirmatn}.landing-notification-panel{position:absolute;top:calc(100% + 12px);left:0;z-index:80;width:min(350px,calc(100vw - 28px));overflow:hidden;border:1px solid #35405a;border-radius:15px;background:#0d141fF7;box-shadow:0 22px 55px #000b;direction:rtl;text-align:right;backdrop-filter:blur(18px)}.landing-notification-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid #ffffff12}.landing-notification-panel>header div{display:grid;gap:2px}.landing-notification-panel>header span{color:#a994e9;font-size:8px}.landing-notification-panel>header strong{font-size:13px}.landing-notification-panel>header button{border:0;background:none;color:#a994e9;font:inherit;font-size:9px;cursor:pointer}.landing-notification-list{max-height:350px;overflow:auto}.landing-notification-loading,.landing-notification-empty{padding:28px 15px;color:#78859b;text-align:center;font-size:10px}.landing-notification-item{display:flex;gap:10px;padding:12px 15px;border-bottom:1px solid #ffffff0b;color:#dce3ef;transition:background .2s}.landing-notification-item:hover{background:#ffffff08}.landing-notification-item.unread{background:#8b5cf610}.landing-notification-item i{display:grid;place-items:center;flex:0 0 29px;height:29px;border-radius:9px;background:#241746;color:#c9b9ff;font-style:normal;font-size:13px}.landing-notification-item span{display:grid;gap:3px;min-width:0}.landing-notification-item strong{font-size:10px;line-height:1.6}.landing-notification-item small{color:#8b96aa;font-size:9px;line-height:1.7}.landing-notification-item time{color:#637087;font-size:8px}.landing-notification-panel>a{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;color:#bba7f2;font-size:9px}.landing-notification-panel>a span{font-size:14px}@media(max-width:860px){.landing-header-brand-group{gap:9px}.landing-header-divider{display:none}.landing-circle-wordmark strong{font-size:10px}.landing-circle-wordmark small{display:none}.landing-notification-panel{left:auto;right:0}.landing-notification-wrap{order:3}}@media(max-width:620px){.landing-header-brand-group{max-width:42%}.landing-circle-wordmark{display:none}.landing-header-actions{gap:6px}.landing-header-actions .landing-signup{display:none}.landing-header-actions .landing-login{display:inline-flex}.landing-header-actions .landing-guest-cta{font-size:9px;padding:0 10px}.landing-auth-cta{font-size:9px!important;padding:0 10px!important}.landing-notification-button{width:35px;height:35px}}
.landing-header-actions{gap:8px}.landing-header-actions :is(.landing-guest-cta,.landing-auth-cta){display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:8px 15px;border:1px solid #7058a4;border-radius:12px;background:linear-gradient(125deg,#352447,#1d2638);color:#f1e8ff;font-size:11px;font-weight:800;box-shadow:0 9px 25px #3e286344;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.landing-header-actions :is(.landing-guest-cta,.landing-auth-cta):hover{transform:translateY(-2px);border-color:#af8bf5;background:linear-gradient(125deg,#49305f,#27344c);color:#fff;box-shadow:0 12px 28px #3e286355}.landing-header-actions :is(.landing-guest-cta,.landing-auth-cta) span{font-size:16px;line-height:1}.landing-notification-button{width:38px;height:38px;border:1px solid #303b4f;border-radius:12px;background:#101722;color:#bca5f6;box-shadow:none}.landing-notification-button:hover,.landing-notification-button[aria-expanded=true]{border-color:#8062c9;background:#211b35;color:#e8ddff;box-shadow:0 8px 24px #3f287733}.landing-notification-button b{top:-5px;right:-5px;min-width:17px;height:17px;border:2px solid #0b1018;background:#a276ff;font:800 8px/13px Vazirmatn}
.landing-notification-panel{position:fixed;top:94px;left:50%;right:auto;transform:translateX(-50%);width:min(350px,calc(100vw - 28px));max-height:calc(100dvh - 108px)}
@media(max-width:860px){.landing-notification-panel{top:80px}}

/* Match the landing header actions to the Circle header controls. */
.landing-header{height:68px;padding-inline:clamp(18px,3vw,48px);border-bottom-color:#202837;background:#080b11ed}
.landing-header-actions{gap:5px}
.landing-header-actions :is(.landing-guest-cta,.landing-auth-cta){min-height:42px;padding:8px 15px;border:1px solid #7058a4;border-radius:12px;background:linear-gradient(125deg,#352447,#1d2638);box-shadow:0 9px 25px #3e286344;color:#f1e8ff;font-size:11px;font-weight:800}
.landing-header-actions :is(.landing-guest-cta,.landing-auth-cta) svg{width:20px;height:20px;flex:none}
.landing-header-actions :is(.landing-guest-cta,.landing-auth-cta) span{font-size:11px;line-height:1}
.landing-header-actions :is(.landing-guest-cta,.landing-auth-cta):hover{transform:translateY(-2px);border-color:#af8bf5;background:linear-gradient(125deg,#49305f,#27344c);box-shadow:0 12px 28px #3e286355}
.landing-notification-button{width:38px;height:38px;border-color:#303b4f;border-radius:12px;background:#101722;box-shadow:none}
.landing-notification-button:hover,.landing-notification-button[aria-expanded=true]{border-color:#8062c9;background:#211b35;box-shadow:0 8px 24px #3f287733}
.landing-notification-button b{top:-5px;right:-5px;min-width:17px;height:17px;border:2px solid #0b1018}
@media(max-width:860px){.landing-header{height:64px;padding-inline:12px}.landing-header-actions{margin-right:auto}}

/* Use the same orbit mark as the Circle desktop header. */
.landing-circle-wordmark .circle-logo{width:34px;height:34px;flex:none;border:0;border-radius:50%;background:linear-gradient(145deg,#9b7cff,#7651d4);box-shadow:0 7px 22px #7551cb38}
.landing-circle-wordmark .circle-logo:before,.landing-circle-wordmark .circle-logo:after,.landing-circle-wordmark .circle-logo b{content:"";position:absolute;border-radius:50%;transform:none}
.landing-circle-wordmark .circle-logo:before{width:18px;height:18px;inset:auto;border:2px solid #fff;opacity:.95}
.landing-circle-wordmark .circle-logo:after{width:8px;height:8px;inset:auto;border:2px solid #d9d0ff;opacity:1}
.landing-circle-wordmark .circle-logo b{width:27px;height:27px;border:2px solid #ffffff4a}

/* Notification menu: desktop dropdown, mobile centered sheet. */
.landing-notification-panel{position:absolute;top:calc(100% + 12px);right:0;left:auto;transform:none;width:min(390px,calc(100vw - 36px));max-height:calc(100dvh - 96px)}
@media(max-width:860px){.landing-notification-panel{position:fixed;top:76px;right:auto;left:50%;transform:translateX(-50%);width:min(380px,calc(100vw - 24px));max-height:calc(100dvh - 92px)}}

/* In the RTL header the first flex item is the rightmost one. */
.landing-header-actions .landing-notification-wrap{order:-1}
.landing-header-actions .landing-notification-wrap .landing-notification-panel{position:absolute!important;top:calc(100% + 12px)!important;right:auto!important;left:0!important;transform:none!important;width:min(390px,calc(100vw - 36px));max-height:calc(100dvh - 96px)}
@media(max-width:860px){.landing-header-actions .landing-notification-wrap .landing-notification-panel{position:fixed!important;top:76px!important;right:auto!important;left:50%!important;transform:translateX(-50%)!important;width:min(380px,calc(100vw - 24px));max-height:calc(100dvh - 92px)}}
/* Keep the Circle mark available in the mobile landing header. */
@media(max-width:620px){.landing-header-brand-group{max-width:none;flex:0 0 auto}.landing-circle-wordmark{display:inline-flex;gap:0;flex:none}.landing-circle-wordmark>span:last-child{display:none}}