@font-face{font-family:Manrope;src:url('/assets/manrope-latin.woff2') format('woff2');font-display:swap}
:root{--bg:#101016;--panel:#1c1b25;--paper:#f6f4f2;--ink:#1c1822;--muted:#bbb5c4;--purple:#bda5fb;--line:#36313e;--max:1120px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:0;background:var(--bg);color:#faf8fd;font:16px/1.65 Manrope,system-ui,sans-serif}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit}
:focus-visible{outline:3px solid var(--purple);outline-offset:4px}
.skip{position:absolute;left:1rem;top:-4rem;padding:.6rem 1rem;background:white;color:#15121b;z-index:30}.skip:focus{top:1rem}
.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.header{position:sticky;top:0;z-index:20;background:#101016ec;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.header-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{font-weight:900;font-size:1.4rem;letter-spacing:-.09em;line-height:1}.brand span{color:var(--purple)}
.nav{display:flex;align-items:center;gap:1.4rem;font-size:.85rem;font-weight:750}.nav a:hover,.nav a[aria-current=page]{color:var(--purple)}
.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:46px;padding:.7rem 1.15rem;border-radius:10px;font-weight:800;line-height:1.25}
.nav-cta{border:1px solid #827197;font-size:.8rem;white-space:nowrap}.nav-cta:hover{background:#282133}
.button{background:var(--purple);color:#1b1424}.button:hover{background:#d1bcff}.button.alt{background:transparent;color:#fff;border:1px solid #827197}.button.alt:hover{background:#282133}
.buttons{display:flex;flex-wrap:wrap;gap:.75rem}
.mobile-menu{display:none}.mobile-menu summary{list-style:none;cursor:pointer;border:1px solid #827197;border-radius:9px;width:42px;height:42px;display:grid;place-items:center;font-size:1.25rem}.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu nav{position:absolute;top:100%;left:0;right:0;padding:1rem 20px;background:#191722;border-bottom:1px solid #827197;display:grid;gap:.2rem}.mobile-menu nav a{padding:.65rem .25rem;border-bottom:1px solid #383040}
.hero{padding:clamp(4.5rem,9vw,8rem) 0 6rem;background:radial-gradient(circle at 85% 30%,#382453 0,#101016 55%)}
.eyebrow,.label{color:var(--purple);text-transform:uppercase;letter-spacing:.15em;font-size:.74rem;font-weight:850}
h1,h2,h3{letter-spacing:-.045em;line-height:1.13;margin:0 0 1rem}h1{font-size:clamp(2.65rem,6vw,5.6rem);max-width:13ch}h2{font-size:clamp(2rem,4vw,3.7rem)}h3{font-size:1.4rem}
p{margin:0 0 1rem;max-width:70ch}.lead{font-size:clamp(1rem,1.4vw,1.2rem);color:#d5cedd;max-width:60ch;margin:1.5rem 0 2rem}
.section{padding:clamp(4rem,7vw,6rem) 0}.section.light{background:var(--paper);color:var(--ink)}.section.soft{background:#eae6ec;color:var(--ink)}.section.purple{background:#6d4b9d;color:#fff}
.section-head{max-width:760px;margin-bottom:2.2rem}.section-head p:last-child{color:inherit;opacity:.75}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.card{display:flex;flex-direction:column;min-width:0;padding:1.7rem;border-radius:16px;background:var(--panel);border:1px solid #52475f}.card.light-card{background:#fff;color:var(--ink);border-color:#ded8e4}.card p{color:inherit;opacity:.76}.card .more{margin-top:auto;padding-top:1rem;font-weight:800;color:var(--purple)}.card.light-card .more{color:#6942a1}
.kicker{display:block;margin-bottom:1.2rem;font-size:.74rem;text-transform:uppercase;letter-spacing:.13em;font-weight:850;color:var(--purple)}.light-card .kicker{color:#6942a1}
.feature{grid-column:span 2;background:linear-gradient(135deg,#352044,#1b1b24)}
.feature h3{font-size:clamp(1.7rem,3vw,2.6rem)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.list{list-style:none;padding:0;margin:1rem 0 0}.list li{padding:.8rem 0;border-top:1px solid currentColor}.list li:last-child{border-bottom:1px solid currentColor}
.site-footer{border-top:1px solid var(--line);padding:3rem 0 1.5rem;color:#bcb5c4}.footer-main{display:flex;justify-content:space-between;gap:2rem}.footer-links{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem}.footer-links a:hover{color:var(--purple)}.footer-bottom{border-top:1px solid var(--line);padding-top:1.2rem;margin-top:2.5rem;font-size:.75rem;color:#8f8998}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.plan{background:#fff;color:var(--ink);border-radius:17px;padding:2rem;border:1px solid #ded8e4}.plan strong.price{display:block;font-size:3rem;letter-spacing:-.07em;line-height:1.2;margin:.9rem 0}.plan ul{padding-left:1.2rem}.plan li{margin:.55rem 0}.plan p{color:#625c6a}.plan .button{width:100%;margin-top:1rem}
.price-note{font-size:.79rem;color:#605968;margin-top:1rem}
.price-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.price-list>div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;background:#fff;border:1px solid #ded8e4;border-radius:12px;padding:1.1rem 1.25rem;color:var(--ink)}.price-list strong{white-space:nowrap;font-size:1.12rem;color:#613991}
.examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.example{overflow:hidden;background:#292332;border:1px solid #52475f;border-radius:14px}.example img{height:230px;width:100%;object-fit:cover;object-position:top}.example strong{display:block;padding:.8rem 1rem}
details.faq{border-bottom:1px solid #cfc8d4}details.faq:first-child{border-top:1px solid #cfc8d4}details.faq summary{cursor:pointer;padding:1rem 0;font-weight:800}details.faq p{padding-bottom:1rem;color:#59535d}
.crumbs{font-size:.78rem;color:#bdb4c9;margin-bottom:1.5rem}.crumbs a{text-decoration:underline}
.notice{padding:1.2rem;border-left:4px solid var(--purple);background:#221b2c;border-radius:0 9px 9px 0;color:#ded4ec}
@media(max-width:900px){.nav{display:none}.mobile-menu{display:block}.nav-cta{margin-left:auto}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature{grid-column:span 2}}
@media(max-width:650px){.wrap{width:calc(100% - 32px)}.header-inner{min-height:62px}.hero{padding:4rem 0 4.5rem}.hero h1{font-size:clamp(2.55rem,10vw,3.5rem)}.section{padding:3.7rem 0}.grid,.plans,.split,.examples,.price-list{grid-template-columns:1fr}.feature{grid-column:auto}.card,.plan{padding:1.4rem}.example img{height:190px}.footer-main{display:block}.footer-links{margin-top:1.4rem}.buttons{flex-direction:column}.buttons .button{width:100%}}
@media(max-width:400px){.nav-cta{padding:.55rem .7rem;font-size:.7rem}.brand{font-size:1.3rem}.mobile-menu summary{width:39px;height:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}