.x-landing{width:100%;overflow-x:clip}.x-hero{padding-block:var(--space-24) var(--space-20);position:relative}.x-hero__grid{gap:var(--space-16);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;display:grid}@media (max-width:940px){.x-hero{padding-block:var(--space-16) var(--space-12);text-align:center}.x-hero__grid{gap:var(--space-12);grid-template-columns:minmax(0,1fr)}.x-hero__badges,.x-hero__actions{justify-content:center}}.x-hero__aura{pointer-events:none;z-index:-1;filter:blur(24px);background:radial-gradient(520px 320px at 22% 40%,#2f6fed38,#0000 70%),radial-gradient(460px 300px at 78% 30%,#e0364f29,#0000 70%);height:620px;position:absolute;inset:-20% -10% auto}.x-hero__badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6);display:inline-flex}.x-hero__title{font-size:var(--text-5xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tighter);margin:0 0 var(--space-5);line-height:1.02}.x-hero__title em{background:linear-gradient(115deg, var(--accent-hover) 0%, #b06ec4 50%, var(--red-hover) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.x-hero__lede{font-size:var(--text-lg);color:var(--text-muted);line-height:var(--leading-relaxed);max-width:52ch;margin:0 0 var(--space-8)}@media (max-width:940px){.x-hero__lede{margin-inline:auto}}.x-hero__actions{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.x-hero__badges{gap:var(--space-5);color:var(--text-dim);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.x-hero__badges span{align-items:center;gap:var(--space-2);display:inline-flex}.x-mock{border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-xl);transition:transform var(--duration-slower) var(--ease-out);position:relative;overflow:hidden;transform:perspective(1400px)rotateY(-7deg)rotateX(3deg)}.x-mock:hover{transform:perspective(1400px)rotateY(-3deg)rotateX(1deg)}@media (max-width:940px){.x-mock,.x-mock:hover{transform:none}}.x-mock__bar{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface-2);border-bottom:1px solid var(--border);display:flex}.x-mock__bar i{background:var(--surface-4);border-radius:50%;width:9px;height:9px}.x-mock__bar i:first-child{background:#e0546b}.x-mock__bar i:nth-child(2){background:#d9a441}.x-mock__bar i:nth-child(3){background:#3ba55d}.x-mock__body{grid-template-columns:92px minmax(0,1fr);min-height:290px;display:grid}.x-mock__side{border-right:1px solid var(--border);padding:var(--space-3);gap:var(--space-2);background:var(--bg-subtle);flex-direction:column;display:flex}.x-mock__side span{border-radius:var(--radius-full);background:var(--surface-3);height:9px}.x-mock__side span.is-active{background:var(--brand-gradient)}.x-mock__main{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.x-mock__card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:var(--space-3);align-items:center;gap:var(--space-3);display:flex}.x-mock__dot{border-radius:var(--radius-xs);background:var(--accent-soft);flex-shrink:0;width:22px;height:22px}.x-mock__lines{flex-direction:column;flex:1;gap:5px;display:flex}.x-mock__lines i{border-radius:var(--radius-full);background:var(--surface-4);height:7px}.x-mock__pill{border-radius:var(--radius-full);background:var(--accent);flex-shrink:0;width:30px;height:15px}.x-mock__pill.is-off{background:var(--surface-4)}.x-stats-strip{gap:var(--space-4);padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--glass);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow), var(--edge-top);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.x-stats-strip__item{text-align:center}.x-stats-strip__value{font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tighter);font-variant-numeric:tabular-nums;background:linear-gradient(120deg, var(--text) 20%, var(--accent-hover) 120%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1.1}.x-stats-strip__label{font-size:var(--text-sm);color:var(--text-dim);margin-top:var(--space-1)}.x-section-head{text-align:center;max-width:640px;margin:0 auto var(--space-12)}.x-section-head h2{font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-3)}.x-section-head p{color:var(--text-muted);font-size:var(--text-lg);margin:0}.x-features{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (max-width:900px){.x-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:580px){.x-features{grid-template-columns:minmax(0,1fr)}}.x-feature{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-xs), var(--edge-top);transition:var(--transition-colors), transform var(--duration) var(--ease-out);position:relative;overflow:hidden}.x-feature:hover{border-color:var(--border-accent);box-shadow:var(--shadow), var(--edge-top);transform:translateY(-4px)}.x-feature:after{content:"";background:var(--brand-gradient);opacity:0;height:1px;transition:opacity var(--duration) var(--ease-out);position:absolute;inset:auto 0 0}.x-feature:hover:after{opacity:1}.x-feature__icon{border-radius:var(--radius-sm);background:var(--brand-gradient-soft);border:1px solid var(--border);width:42px;height:42px;color:var(--accent-hover);margin-bottom:var(--space-4);place-items:center;display:grid}.x-feature__title{font-size:var(--text-md);font-weight:var(--weight-semibold);margin:0 0 var(--space-2)}.x-feature__body{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.x-steps{gap:var(--space-8);counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (max-width:800px){.x-steps{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}}.x-step{padding-left:var(--space-16);position:relative}.x-step:before{counter-increment:step;content:counter(step);border-radius:var(--radius-md);background:var(--brand-gradient);color:#fff;width:44px;height:44px;font-size:var(--text-lg);font-weight:var(--weight-bold);box-shadow:var(--shadow-accent);place-items:center;display:grid;position:absolute;top:-6px;left:0}.x-step h3{margin:0 0 var(--space-2);font-size:var(--text-md)}.x-step p{color:var(--text-muted);font-size:var(--text-sm);margin:0}.x-faq{gap:var(--space-3);flex-direction:column;max-width:780px;margin-inline:auto;display:flex}.x-faq__item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:var(--transition-colors);overflow:hidden}.x-faq__item[open]{border-color:var(--border-strong);background:var(--surface-2)}.x-faq__q{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5);font-weight:var(--weight-medium);cursor:pointer;list-style:none;display:flex}.x-faq__q::-webkit-details-marker{display:none}.x-faq__q:hover{color:var(--accent-hover)}.x-faq__q svg{transition:transform var(--duration) var(--ease-out);color:var(--text-dim);flex-shrink:0}.x-faq__item[open] .x-faq__q svg{transform:rotate(180deg)}.x-faq__a{padding:0 var(--space-5) var(--space-5);color:var(--text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed);animation:x-slide-down var(--duration) var(--ease-out) both}.x-faq__a :last-child{margin-bottom:0}.x-cta{text-align:center;padding:var(--space-16) var(--space-8);border:1px solid var(--border-strong);border-radius:var(--radius-2xl);background:var(--surface);box-shadow:var(--shadow-lg), var(--edge-top);position:relative;overflow:hidden}.x-cta:before{content:"";background:var(--brand-gradient-soft);pointer-events:none;position:absolute;inset:0}.x-cta>*{position:relative}.x-cta h2{font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-3)}.x-cta p{color:var(--text-muted);font-size:var(--text-lg);max-width:48ch;margin:0 auto var(--space-8)}.x-cta__actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}