/* Yalla Social v0.33.1 — dynamic SEO growth experience. */
.ys-seo-page{min-height:100vh}.ys-seo-nav{max-width:none;background:rgba(5,7,19,.82);backdrop-filter:blur(28px);border-color:rgba(255,255,255,.08)}.ys-seo-page main{position:relative;z-index:2}.seo-hero{max-width:1400px;min-height:720px;margin:auto;padding:100px 50px 90px;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);gap:80px;align-items:center}.seo-hero-copy h1{max-width:850px;margin:22px 0;font-size:clamp(58px,6.5vw,104px);line-height:.91;letter-spacing:-6px}.seo-hero-copy>p{max-width:720px;color:#9aa4c0;font-size:18px;line-height:1.78}.tone-blue .seo-hero-copy h1,.tone-cyan .seo-hero-copy h1{background:linear-gradient(110deg,#fff 30%,#63d6ff,#6f6cff);-webkit-background-clip:text;color:transparent}.tone-pink .seo-hero-copy h1{background:linear-gradient(110deg,#fff 20%,#ff81ce,#8a66ff);-webkit-background-clip:text;color:transparent}.seo-hero-system{position:relative;aspect-ratio:1;max-width:570px;width:100%;justify-self:end;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ys-primary) 22%,transparent),transparent 64%)}.seo-hero-system>i{position:absolute;inset:12%;border:1px solid rgba(255,255,255,.12);border-radius:50%;animation:coreSpin 22s linear infinite}.seo-hero-system>i:nth-child(2){inset:25%;border-style:dashed;animation-direction:reverse}.seo-hero-system>i:nth-child(3){inset:37%;box-shadow:0 0 80px color-mix(in srgb,var(--ys-primary) 30%,transparent)}.seo-hero-system>strong{position:relative;font-size:clamp(32px,4vw,54px);letter-spacing:-3px}.seo-hero-system>span{position:absolute;top:59%;font-size:8px;letter-spacing:2.4px;color:#7d89aa}.seo-hero-system article{position:absolute;padding:12px 15px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(8,12,29,.82);font-size:8px;letter-spacing:1.2px;color:#7e89a8}.seo-hero-system article b{display:block;color:#5bf1b8;margin-top:5px}.seo-hero-system article:nth-of-type(1){top:12%;right:0}.seo-hero-system article:nth-of-type(2){left:-2%;top:46%}.seo-hero-system article:nth-of-type(3){right:4%;bottom:12%}.seo-proof{max-width:1400px;margin:auto;padding:10px 50px 150px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px}.seo-proof article{min-height:360px;padding:40px;background:linear-gradient(145deg,rgba(17,22,48,.88),rgba(7,10,25,.9));border:1px solid rgba(255,255,255,.08)}.seo-proof article:first-child{border-radius:28px 0 0 28px}.seo-proof article:last-child{border-radius:0 28px 28px 0}.seo-proof span{color:var(--ys-accent);font-size:11px;letter-spacing:2px}.seo-proof h2{font-size:31px;letter-spacing:-1.6px;margin:80px 0 18px}.seo-proof p{color:#7e88a5;line-height:1.7;font-size:14px}.seo-process{padding:150px max(50px,calc((100vw - 1300px)/2));background:linear-gradient(180deg,#eef2ff,#fbfcff);color:#080b18;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.seo-process>div h2,.seo-faq h2,.seo-next h2{font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-4px;margin:22px 0}.seo-process .ys-kicker{color:#616a81}.seo-process ol{margin:0;padding:0;list-style:none}.seo-process li{display:grid;grid-template-columns:70px 1fr;gap:25px;align-items:start;padding:28px 0;border-top:1px solid #d9deeb}.seo-process li>span{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,var(--ys-accent),var(--ys-primary),var(--ys-secondary));font-weight:900}.seo-process li p{font-size:18px;line-height:1.7;margin:8px 0;color:#515b72}.seo-faq{max-width:1400px;margin:auto;padding:150px 50px;display:grid;grid-template-columns:.78fr 1.22fr;gap:100px}.seo-faq>div:last-child{border-top:1px solid rgba(255,255,255,.11)}.seo-faq details{border-bottom:1px solid rgba(255,255,255,.11)}.seo-faq summary{cursor:pointer;list-style:none;padding:27px 0;display:flex;justify-content:space-between;gap:20px;font-size:17px;font-weight:800}.seo-faq summary::-webkit-details-marker{display:none}.seo-faq summary i{font-style:normal;color:var(--ys-accent);font-size:23px}.seo-faq details[open] summary i{transform:rotate(45deg)}.seo-faq details p{max-width:680px;color:#8993af;line-height:1.75;margin:0 0 28px}.seo-contact{max-width:1400px;margin:0 auto 100px;padding:0 50px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.seo-contact>div{min-height:410px;padding:42px;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(145deg,#10152e,#080b1c)}.seo-contact small,.seo-next small{font-size:9px;letter-spacing:2px;color:var(--ys-accent);font-weight:900}.seo-contact h2{font-size:37px;line-height:1.05;letter-spacing:-2px;margin:65px 0 15px}.seo-contact p{color:#8490ac;line-height:1.7}.seo-contact .ys-action{margin-top:24px}.seo-next{position:relative;max-width:1400px;min-height:620px;margin:0 auto 120px;padding:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(255,255,255,.09);border-radius:42px;overflow:hidden;background:radial-gradient(circle at 50% 65%,color-mix(in srgb,var(--ys-primary) 25%,transparent),transparent 48%),linear-gradient(145deg,#0f1430,#070a1a)}.seo-next::before{content:"";position:absolute;width:700px;height:700px;border:1px solid rgba(255,255,255,.06);border-radius:50%}.seo-next>*{position:relative}.seo-next h2{max-width:900px}.seo-next p{max-width:650px;color:#8893ae;font-size:17px;line-height:1.7}.seo-next .ys-action{margin-top:24px}.ys-seo-footer{margin-top:0}.seo-guides-hero{min-height:650px}.seo-guide-orbit{position:relative;width:min(520px,100%);aspect-ratio:1;border:1px solid rgba(255,255,255,.1);border-radius:50%;display:grid;place-items:center}.seo-guide-orbit::before,.seo-guide-orbit::after{content:"";position:absolute;inset:18%;border:1px dashed rgba(255,255,255,.13);border-radius:50%;animation:coreSpin 24s linear infinite}.seo-guide-orbit::after{inset:36%;animation-direction:reverse}.seo-guide-orbit strong{font-size:45px}.seo-guide-orbit span{position:absolute;padding:9px 12px;border-radius:999px;background:#111730;border:1px solid rgba(255,255,255,.1);font-size:8px;letter-spacing:1.6px}.seo-guide-orbit span:nth-child(1){top:5%}.seo-guide-orbit span:nth-child(2){right:-2%}.seo-guide-orbit span:nth-child(3){bottom:7%}.seo-guide-orbit span:nth-child(4){left:-2%}.guide-grid{max-width:1400px;margin:auto;padding:20px 50px 160px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-grid>a{min-height:420px;padding:38px;border:1px solid rgba(255,255,255,.09);border-radius:30px;background:linear-gradient(145deg,#11162f,#080b1c);display:flex;flex-direction:column;transition:.35s}.guide-grid>a:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--ys-primary) 60%,transparent)}.guide-grid small{color:#7b86a6;font-size:9px;letter-spacing:1.4px}.guide-grid h2{font-size:36px;line-height:1.05;letter-spacing:-2px;margin:80px 0 18px}.guide-grid p{color:#7f8aa6;line-height:1.7}.guide-grid>a>span{margin-top:auto;color:#fff;font-weight:900}.guide-article{max-width:1120px;margin:auto;padding:100px 50px 160px}.guide-article>header{max-width:980px;padding:60px 0 90px}.guide-article>header>a{display:inline-block;color:#8691ae;font-size:12px;margin-bottom:75px}.guide-article>header h1{font-size:clamp(58px,7vw,100px);line-height:.92;letter-spacing:-6px;margin:25px 0}.guide-article>header>p{font-size:20px;line-height:1.75;color:#9aa4be}.guide-article>header>small{color:#65708e}.guide-body{border-top:1px solid rgba(255,255,255,.1)}.guide-body>section{display:grid;grid-template-columns:90px 1fr;gap:30px;padding:70px 0;border-bottom:1px solid rgba(255,255,255,.1)}.guide-body>section>span{color:var(--ys-accent);font-size:11px;letter-spacing:2px}.guide-body h2{font-size:38px;letter-spacing:-2px;margin:0 0 20px}.guide-body p{font-family:"Segoe UI",sans-serif;font-size:18px;line-height:1.9;color:#a0aac2}.guide-body aside{margin-top:90px;padding:65px;border-radius:35px;background:linear-gradient(135deg,#19215a,#46238e 54%,#1767ba);text-align:center}.guide-body aside h2{font-size:45px}.guide-body aside p{max-width:640px;margin:0 auto 30px;color:#d4d9ee}.plans32-hero{min-height:590px;display:block;text-align:center}.plans32-hero .seo-hero-copy{max-width:1000px;margin:auto}.plans32-hero .ys-kicker{justify-content:center}.plans32-hero h1{margin-inline:auto}.plans32-hero p{margin-inline:auto}.plans32-signal{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:65px;color:#818ca9;font-size:9px;letter-spacing:2px}.plans32-signal i{color:var(--ys-accent);font-style:normal}.plans32-grid{max-width:1500px;margin:auto;padding:0 50px 160px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:15px}.plans32-grid>article{min-height:600px;padding:32px;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(145deg,#11162f,#080b1c);display:flex;flex-direction:column}.plans32-grid>article.featured{background:linear-gradient(145deg,#281650,#3b2076 58%,#154d91);box-shadow:0 30px 90px rgba(87,50,228,.25)}.plans32-grid>article>div:first-child{display:flex;justify-content:space-between;color:#8b96b1;font-size:8px;letter-spacing:1.4px}.plans32-grid>article h2{font-size:29px;margin:35px 0 8px}.plans32-grid>article>p{min-height:65px;color:#7f8aa7;font-size:13px;line-height:1.6}.plans32-price{margin:25px 0;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.1)}.plans32-price b{display:block;font-size:42px;letter-spacing:-2px}.plans32-price span{font-size:10px;color:#7e89a6}.plans32-grid ul{list-style:none;padding:0;margin:0 0 25px;color:#8993ae;font-size:12px;line-height:2}.plans32-grid li::before{content:"✓";color:#58ebb4;margin-right:8px}.plans32-grid li b{color:#fff}.plans32-grid .ys-action{width:100%;margin-top:auto}.plans32-empty{max-width:1200px;margin:0 auto 120px;padding:80px 40px;border-radius:35px;text-align:center;background:linear-gradient(145deg,#11162f,#080b1c);border:1px solid rgba(255,255,255,.09)}.plans32-empty small{color:var(--ys-accent);letter-spacing:2px}.plans32-empty h2{font-size:50px}.plans32-empty p{color:#8893ae}.plans32-empty .ys-action{margin-top:25px}
@media(max-width:1100px){.seo-hero{grid-template-columns:1fr;min-height:auto}.seo-hero-system,.seo-guide-orbit{justify-self:center}.seo-proof{grid-template-columns:1fr 1fr}.seo-proof article:first-child,.seo-proof article:last-child{border-radius:28px}.seo-process,.seo-faq{grid-template-columns:1fr;gap:45px}.plans32-grid{grid-template-columns:1fr 1fr}.plans32-hero{padding-bottom:65px}}
@media(max-width:720px){.seo-hero{padding:75px 20px 70px;gap:50px}.seo-hero-copy h1,.guide-article>header h1{font-size:51px;letter-spacing:-3.5px}.seo-hero-copy>p{font-size:16px}.seo-hero-system{max-width:390px}.seo-proof{padding:0 20px 100px;grid-template-columns:1fr}.seo-proof article{min-height:300px;border-radius:25px!important}.seo-proof h2{margin-top:55px}.seo-process{padding:95px 20px}.seo-process>div h2,.seo-faq h2,.seo-next h2{font-size:46px;letter-spacing:-3px}.seo-process li{grid-template-columns:55px 1fr;gap:15px}.seo-process li p{font-size:15px}.seo-faq{padding:100px 20px}.seo-contact{padding:0 20px;grid-template-columns:1fr}.seo-next{margin:0 15px 80px;padding:45px 20px;min-height:520px}.guide-grid{padding:0 20px 100px;grid-template-columns:1fr}.guide-grid>a{min-height:340px;padding:28px}.guide-grid h2{font-size:31px;margin-top:55px}.guide-article{padding:50px 20px 100px}.guide-article>header{padding-bottom:60px}.guide-article>header>a{margin-bottom:55px}.guide-article>header>p{font-size:17px}.guide-body>section{grid-template-columns:1fr;padding:50px 0}.guide-body h2{font-size:32px}.guide-body p{font-size:17px}.guide-body aside{padding:45px 22px}.guide-body aside h2{font-size:38px}.plans32-grid{padding:0 20px 100px;grid-template-columns:1fr}.plans32-grid>article{min-height:560px}.plans32-signal{gap:8px;font-size:7px}.ys-seo-footer nav{gap:16px}}
