*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#171321;background:#f7f4ff;font-family:Arial,Helvetica,sans-serif;line-height:1.6}.navbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:50;background:#ffffffd9;border-bottom:1px solid #7850b426;justify-content:space-between;align-items:center;width:100%;padding:22px 7%;display:flex;position:sticky;top:0}.logo{color:#6b2cff;font-size:22px;font-weight:800}nav{align-items:center;gap:22px;display:flex}nav a{color:#30263f;font-size:15px;font-weight:600;text-decoration:none}.navButton{color:#fff;background:#6b2cff;border-radius:999px;padding:10px 18px}.hero{isolation:isolate;background:radial-gradient(circle at 0 0,#6b2cff2e,#0000 35%),radial-gradient(circle at 100% 100%,#ff3ab51f,#0000 35%),linear-gradient(135deg,#fff,#f3edff);align-items:center;min-height:88vh;padding:120px 7% 90px;display:flex;position:relative;overflow:hidden}.brandLabel{color:#6b2cff;letter-spacing:.08em;text-transform:uppercase;background:#6b2cff1f;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:800;position:absolute;top:34px;left:7%}.heroContent{z-index:2;max-width:850px;position:relative}.eyebrow,.sectionLabel{color:#6b2cff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-size:13px;font-weight:800}h1{max-width:980px;margin-bottom:28px;font-size:clamp(46px,7vw,86px);line-height:1.02}.heroText{color:#3e344f;max-width:760px;margin-bottom:34px;font-size:22px}.heroActions{flex-wrap:wrap;gap:16px;display:flex}.primaryButton,.secondaryButton{border-radius:999px;padding:15px 24px;font-weight:800;text-decoration:none;display:inline-block}.primaryButton{color:#fff;background:#6b2cff;box-shadow:0 16px 35px #6b2cff47}.secondaryButton{color:#6b2cff;background:#fff;border:2px solid #6b2cff4d}.section{background:#fff;padding:90px 7%}.section h2{max-width:900px;margin-bottom:22px;font-size:clamp(34px,5vw,56px);line-height:1.1}.section p{color:#453b55;max-width:920px;font-size:20px}.cards{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;display:grid}.card{-webkit-backdrop-filter:blur(26px);background:linear-gradient(135deg,#ffffffc7,#ffffff61);border:1px solid #6b2cff29;border-radius:30px;padding:32px;position:relative;overflow:hidden;box-shadow:0 24px 60px #6b2cff1f,inset 0 1px #ffffffd9}.card:before{content:"";opacity:.75;pointer-events:none;background:radial-gradient(circle at 0 0,#6b2cff29,#0000 38%),radial-gradient(circle at 100% 100%,#ff3ab51f,#0000 42%);position:absolute;inset:0}.card h2,.card h3,.card p{z-index:1;position:relative}.card h3{margin-bottom:12px;font-size:24px}.card p{font-size:17px}.darkSection{color:#fff;background:#171321}.darkSection p{color:#ddd5ef}.featureGrid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px;display:grid}.featureGrid div{background:#ffffff14;border-radius:22px;padding:24px;font-size:19px;font-weight:800}.faq details{background:#f7f4ff;border:1px solid #6b2cff1f;border-radius:20px;max-width:900px;margin-top:18px;padding:22px 26px}.faq summary{cursor:pointer;font-size:20px;font-weight:800}.faq details p{margin-top:12px;font-size:18px}.ctaSection{text-align:center;color:#fff;background:radial-gradient(circle,#6b2cff40,#0000 40%),#171321;padding:100px 7%;position:relative}.ctaSection .brandLabel{color:#fff;background:#ffffff24;left:50%;transform:translate(-50%)}.ctaSection h2{margin:50px auto 18px;font-size:clamp(38px,6vw,68px)}.ctaSection p{color:#ddd5ef;max-width:720px;margin:0 auto 32px;font-size:21px}footer{text-align:center;color:#c9bfdc;background:#0f0b18;padding:30px 7%}@media (max-width:900px){.navbar{flex-direction:column;align-items:flex-start;gap:18px}nav{flex-wrap:wrap}.cards,.featureGrid{grid-template-columns:1fr}.hero{padding-top:140px}}.seoPage{max-width:1200px;margin:0 auto;padding:120px 7%}.seoPage h1{margin-bottom:30px;font-size:clamp(42px,6vw,76px);line-height:1.05}.seoIntro{color:#453b55;max-width:900px;margin-bottom:60px;font-size:22px;line-height:1.8}.seoGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:70px;display:grid}.seoTextBlock{margin-bottom:70px}.seoTextBlock h2{margin-bottom:24px;font-size:clamp(32px,5vw,48px)}.seoTextBlock p{color:#453b55;max-width:920px;font-size:20px;line-height:1.8}.seoCta{text-align:center;margin-top:90px}.card,.featureGrid div,.faq details{transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover,.featureGrid div:hover,.faq details:hover{border-color:#6b2cff47;transform:translateY(-6px);box-shadow:0 22px 45px #6b2cff29}.orb{filter:blur(120px);opacity:.9;pointer-events:none;z-index:0;border-radius:999px;animation:10s ease-in-out infinite floatOrb;position:absolute}.orb1{background:#6b2cffbf;width:420px;height:420px;top:-100px;right:-40%}.orb2{background:#ff3ab58c;width:340px;height:340px;animation-delay:2s;bottom:-80px;left:-60%}.orb3{background:#6ec8ff59;width:240px;height:240px;animation-delay:4s;top:40%;right:25%}@keyframes floatOrb{0%{transform:translateY(0)translate(0)}50%{transform:translateY(-18px)translate(12px)}to{transform:translateY(0)translate(0)}}.footer{color:#fff;background:#0f0b18;padding:80px 7% 40px}.footerGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;margin-bottom:40px;display:grid}.footer h3,.footer h4{margin-bottom:18px}.footer p{color:#c9bfdc;line-height:1.8}.footer a{color:#ddd5ef;margin-bottom:12px;text-decoration:none;transition:all .25s;display:block}.footer a:hover{color:#fff;transform:translate(4px)}.footerBottom{color:#a99fbc;text-align:center;border-top:1px solid #ffffff14;padding-top:30px}.backLink{color:#6b2cff;background:#6b2cff14;border:1px solid #6b2cff29;border-radius:999px;align-items:center;width:fit-content;margin-bottom:34px;padding:10px 16px;font-size:14px;font-weight:800;text-decoration:none;transition:all .25s;display:inline-flex}.backLink:hover{background:#6b2cff21;border-color:#6b2cff47;transform:translate(-4px)}@media (max-width:700px){.seoPage{padding:80px 6% 70px}.seoPage h1{font-size:clamp(38px,12vw,54px);line-height:1.05}.seoIntro{font-size:18px;line-height:1.7}.seoGrid{grid-template-columns:1fr;gap:18px}.seoTextBlock h2{font-size:30px}.seoTextBlock p{font-size:18px}.backLink{margin-bottom:28px;padding:9px 14px;font-size:13px}.card{padding:24px}}
