@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b0b12;--panel:#12121d;--panel2:#191827;--line:#302b43;--text:#f4f2fb;--muted:#a09caf;--purple:#b49aff;--purple2:#7955dc;--mint:#80e0c0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -15%,#30234c 0,transparent 42%),var(--bg);color:var(--text);font:15px 'DM Sans',sans-serif}
a{color:var(--purple)}.top{height:76px;max-width:1160px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}
.brand{font:800 20px Manrope;color:#fff;text-decoration:none;letter-spacing:.2px}.brand i{font-style:normal;color:var(--purple)}
.top nav{display:flex;gap:25px}.top nav a,footer a{font-size:12px;color:#b9b3c8;text-decoration:none}.top nav a:hover,footer a:hover{color:#fff}
main{width:min(1080px,calc(100% - 40px));margin:0 auto;padding:66px 0 78px}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#c1aaff;margin:0 0 15px}.eyebrow:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin:0 9px 1px 0;box-shadow:0 0 12px #80e0c0}
h1{font:800 clamp(34px,5vw,54px)/1.12 Manrope;letter-spacing:-1.8px;margin:0 0 17px}h2{font:700 21px Manrope;margin:0 0 13px}h3{font:700 16px Manrope;margin:0 0 9px}
.lead{font-size:16px;line-height:1.8;color:#b4afc2;max-width:760px;margin:0 0 38px}
section{margin-top:42px}section p,article p{color:#aaa5b8;line-height:1.8;font-size:13px}section h2{margin-bottom:15px}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cards article,.contact,main.prose{background:linear-gradient(145deg,#191827,#11111b);border:1px solid var(--line);border-radius:16px;padding:24px}
.back{display:inline-flex;align-items:center;justify-content:center;margin-top:34px;padding:12px 18px;border:1px solid #5a477e;border-radius:9px;background:#241d34;color:#e5d9ff;text-decoration:none;font-weight:700;font-size:12px}
footer{border-top:1px solid #ffffff12;padding:25px 20px 32px;text-align:center;color:#777286;font-size:11px}footer span{color:var(--purple);padding:0 6px}
.prose{max-width:900px!important;padding:34px!important}.prose h1{margin-bottom:8px}.prose h2{font-size:17px;margin:28px 0 8px}.prose p{font-size:13px;line-height:1.85;color:#b3aec0}.updated{font-size:11px!important;color:#827c92!important;margin:0 0 26px}
.pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:30px 0 22px}.pricing article{position:relative;display:flex;flex-direction:column;min-height:250px;padding:23px 21px 20px;background:linear-gradient(150deg,#1b1929,#11111b 75%);border:1px solid #353047;border-radius:16px;box-shadow:0 12px 35px #0002}.pricing article.featured{border-color:#a88ae9;background:linear-gradient(150deg,#302448,#171321 85%);box-shadow:0 0 0 1px #a88ae933,0 18px 45px #0004}.pricing h2{font-size:17px;margin:0 0 14px}.price{font:800 29px Manrope;letter-spacing:-1px;color:#fff;margin:0 0 5px}.pricing article>p:not(.price){font-weight:700;color:#c5b2ff;margin:0 0 9px}.pricing small{color:#9e98ae;line-height:1.6;font-size:11px}.tag{align-self:flex-start;background:#b69aff;color:#171020;padding:5px 9px;border-radius:20px;font-size:9px;font-weight:800;letter-spacing:.5px;margin:-3px 0 13px}.package-action{display:block;text-align:center;text-decoration:none;margin-top:auto;padding:11px 12px;border-radius:9px;background:linear-gradient(100deg,#a88aef,#7955dc);color:#fff;font-size:11px;font-weight:800;box-shadow:0 6px 18px #7955dc30}.package-action:hover{filter:brightness(1.12);transform:translateY(-1px)}.price-note{font-size:11px;color:#888397;line-height:1.7;margin:16px 0 0}.price-info{padding:22px 24px;border:1px solid #302b43;background:#12121d;border-radius:14px}.price-info p{margin:7px 0;font-size:12px}
@media(max-width:760px){.top{height:65px;padding:0 18px}.top nav{gap:13px}.top nav a{font-size:10px}main{padding:45px 0 55px}.pricing{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pricing article{padding:18px 15px;min-height:240px}.price{font-size:24px}.cards{grid-template-columns:1fr}.prose{padding:22px!important}}
@media(max-width:430px){.pricing{grid-template-columns:1fr}.pricing article{min-height:210px}.lead{font-size:14px}}
