

@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(poppins-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(poppins-latin-700-normal.woff2) format("woff2")}
:root{
	--xo-r-sm:calc(10px*var(--xo-rk));--xo-r-md:calc(12px*var(--xo-rk));--xo-r-lg:calc(20px*var(--xo-rk));--xo-r-xl:calc(24px*var(--xo-rk));--xo-r-sheet:calc(28px*var(--xo-rk));
	--xo-fs-display:clamp(40px,5.2vw,68px);
	--xo-fs-h1:clamp(26px,calc(1.6vw + 18px),42px);
	--xo-sp-sec:clamp(56px,calc(5vw + 32px),104px);
}
body{background:#f8fafc;color:#475569;-webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3,.xo-head__title{color:#0f172a;letter-spacing:-.025em;font-weight:800}
.xo-kicker{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(124,58,237,.1);color:var(--xo-accent);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.xo-kicker::before{content:"✦"}
.xo-btn{border-radius:calc(12px*var(--xo-rk));font-weight:800}
.xo-btn--primary{box-shadow:0 12px 30px rgba(124,58,237,.28)}
.xo-btn--primary:hover{box-shadow:0 18px 40px rgba(124,58,237,.36)}
input:focus,select:focus,textarea:focus{border-color:var(--xo-accent);box-shadow:0 0 0 3px rgba(124,58,237,.14);outline:none}
::selection{background:var(--xo-accent);color:#fff}
.xo-lcard,.xo-pcard2,.xo-scard{border-color:#e2e8f0;border-radius:calc(20px*var(--xo-rk));box-shadow:0 1px 2px rgba(15,23,42,.06)}
.xo-lcard:hover,.xo-pcard2:hover{box-shadow:0 12px 30px rgba(15,23,42,.08)}
.xo-sec--soft{background:#f1f5f9}
.xo-foot,.site-footer,.xo-footer{background:#0b1020;color:#94a3b8}
@media (prefers-reduced-motion:reduce){.xo-lcard,.xo-lcard:hover{transition:none;transform:none}}
.xo-brand__name{font-family:Poppins,var(--xo-font);font-weight:700;text-transform:uppercase;letter-spacing:.06em}

.xp-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#7c3aed,#ec4899,#22d3ee);pointer-events:none}
.xo-splash{position:relative;isolation:isolate}
.xp-particles{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.xo-splash::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(460px circle at var(--xp-mx,72%) var(--xp-my,42%),rgba(124,58,237,.10),transparent 60%)}
.xo-splash__title .xo-grad{background:linear-gradient(90deg,#7c3aed,#ec4899,#f59e0b,#7c3aed);background-size:300% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:xpFlow 8s linear infinite}
@keyframes xpFlow{to{background-position:300% 0}}
.xo-fcard .xo-tile{width:54px;height:54px;border-radius:calc(16px*var(--xo-rk));color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 10px 24px -10px rgba(124,58,237,.6)}
.xo-fcard .xo-tile--blue{background:linear-gradient(135deg,#38bdf8,#2563eb);box-shadow:0 10px 24px -10px rgba(37,99,235,.55)}
.xo-fcard .xo-tile--purple{background:linear-gradient(135deg,#e879f9,#c026d3);box-shadow:0 10px 24px -10px rgba(192,38,211,.5)}
.xo-fcard .xo-tile--amber{background:linear-gradient(135deg,#fbbf24,#f97316);box-shadow:0 10px 24px -10px rgba(249,115,22,.5)}
.xo-fcard .xo-tile--orange{background:linear-gradient(135deg,#fb7185,#e11d48);box-shadow:0 10px 24px -10px rgba(225,29,72,.5)}
.xo-fcard{transition:transform .35s,box-shadow .35s,border-color .35s}
.xo-fcard:hover{transform:translateY(-6px);border-color:rgba(124,58,237,.35);box-shadow:0 24px 50px -20px rgba(124,58,237,.35)}
.xo-fcard__art img,.xo-fcard__art .xo-art{transition:transform .6s}
.xo-fcard:hover .xo-fcard__art img{transform:scale(1.04)}
.xo-fcard__art{overflow:hidden;border-radius:calc(16px*var(--xo-rk))}
.xo-btn--primary{background:linear-gradient(135deg,#7c3aed,#6d28d9 55%,#db2777);border-color:transparent;position:relative;overflow:hidden}
.xo-btn--primary::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s;pointer-events:none}
.xo-btn--primary:hover::before{transform:translateX(120%)}
.xo-footer{position:relative}
.xo-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7c3aed,#ec4899,#22d3ee)}
@media (prefers-reduced-motion:reduce){.xo-splash__title .xo-grad{animation:none}.xo-btn--primary::before{display:none}.xo-fcard:hover{transform:none}}

@media (max-width:600px){.xo-chat__nudge{display:none!important}}

@media (max-width:767px){.xo-svchips ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding:2px 16px 10px;scroll-snap-type:x proximity}.xo-svchips ul::-webkit-scrollbar{display:none}.xo-svchips li{flex:0 0 auto;scroll-snap-align:start}}

@media (max-width:767px){.xo-splash__title .xo-grad{animation:none}}
