*{box-sizing:border-box}
body{margin:0;font-family:var(--font-body);color:var(--color-text);background:var(--color-neutral-100)}
a{text-decoration:none;color:inherit;cursor:pointer}
header{height:70px;border-bottom:1px solid var(--color-divider);display:flex;align-items:center;padding:0 4%;gap:50px;position:sticky;top:0;background:var(--color-neutral-100);z-index:5}
.logo{font-size:30px;letter-spacing:-0.30px}
nav{display:flex;gap:32px;flex:1}
nav a{font-size:14px;color:var(--color-neutral-800)}
.active{color:var(--color-accent-700)!important;border-bottom:2px solid var(--color-accent-700);padding-bottom:24px}
.btn{display:inline-block;padding:14px 22px;border:1px solid var(--color-divider);border-radius:7px;background:var(--color-neutral-100);font-weight:600}
.btn.dark{background:var(--color-text);color:white;margin-left:18px}
.btn.primary{background:var(--color-accent-700);color:var(--color-neutral-100);border-color:var(--color-accent-700)}
.hero{min-height:0;padding:40px 4% 50px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;background:radial-gradient(circle at 75% 35%,var(--color-accent-100) 0,transparent 35%),linear-gradient(120deg,var(--color-neutral-100) 55%,var(--color-accent-100))}
.eyebrow{font-size:13px;letter-spacing:1.6px;color:var(--color-accent-700);font-weight:600}
.hero h1{font-size:60px;line-height:1.02;letter-spacing:-0.45px;margin:14px 0}
.hero h1 em{font-style:normal;color:var(--color-accent-700)}
.lead{font-size:21px;line-height:1.45}
.hero p:not(.lead){font-size:17px;line-height:1.6;max-width:680px;color:var(--color-neutral-700)}
.actions{display:flex;gap:14px;margin:28px 0}
.ticks{font-size:13px;color:#23875c}
.product-preview{position:relative;display:flex;justify-content:center}
.screen{width:470px;height:330px;border:12px solid #151923;border-radius:7px;background:var(--color-neutral-100);padding:28px;box-shadow:0 25px 60px #2d2b2b20}
.tiles{display:flex;gap:12px;margin-top:20px}
.tiles i,.demo-grid i{display:block;height:92px;flex:1;border-radius:7px;background:linear-gradient(135deg,var(--color-accent-200),var(--color-accent-100))}
.note{position:absolute;left:6%;bottom:-20px;background:var(--color-neutral-100);padding:16px 22px;border-radius:7px;box-shadow:0 12px 35px #2d2b2b18;transform:rotate(-5deg)}
main>section.panel,.cta{margin:28px 3%;padding:32px;border:1px solid var(--color-divider);border-radius:7px;box-shadow:0 8px 30px #2d2b2b08}
.panel h2,.cta h2{font-size:32px;letter-spacing:-0.18px;margin:6px 0}
.panel>p{color:var(--color-neutral-700)}
.cards,.features{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:25px}
.card{border:1px solid var(--color-divider);border-radius:7px;padding:12px;min-height:180px;background:var(--color-neutral-100)}
.card .pic{height:80px;border-radius:7px;background:linear-gradient(135deg,var(--color-accent-100),var(--color-accent-100));margin-bottom:12px}
.card h3{margin:5px 0}
.card p{font-size:13px;color:var(--color-neutral-600)}
.card a{font-size:13px;color:var(--color-accent-700);font-weight:600}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:30px}
.steps article{padding:20px}
.steps article>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--color-accent-700);color:var(--color-neutral-100)}
.steps p{color:var(--color-neutral-600);line-height:1.5}
.section-head{display:flex;justify-content:space-between;align-items:flex-start}
.section-head p{margin-top:4px;color:var(--color-neutral-600)}
.section-head>a{color:var(--color-accent-700)}
.features{grid-template-columns:repeat(10,1fr)}
.feature{border:1px solid var(--color-divider);border-radius:7px;padding:20px 8px;text-align:center;font-size:13px}
.feature b{display:block;font-size:24px;margin-bottom:8px}
.cta{background:linear-gradient(110deg,var(--color-accent-100),var(--color-neutral-100));display:flex;align-items:center;justify-content:space-between}
.studio-body{overflow:hidden}
.studio-layout{height:calc(100vh - 70px);display:grid;grid-template-columns:290px 1fr 390px}
.studio-nav{border-right:1px solid var(--color-divider);padding:28px 16px;background:var(--color-bg)}
.studio-nav h2{margin:0}
.studio-nav>p{margin:4px 0 24px 42px;color:var(--color-neutral-600)}
.studio-nav ol{list-style:none;padding:0}
.studio-nav li{display:flex;gap:16px;padding:15px;border-radius:7px;margin:4px 0}
.studio-nav li.on{background:var(--color-accent-100);color:var(--color-accent-700)}
.studio-nav li b{width:30px;height:30px;border-radius:50%;background:var(--color-surface);display:grid;place-items:center}
.studio-nav li.on b{background:var(--color-accent-700);color:var(--color-neutral-100)}
.studio-nav small{display:block;color:var(--color-neutral-600);margin-top:3px}
.help{position:absolute;bottom:20px;width:255px;padding:18px;border:1px solid var(--color-divider);border-radius:7px;background:var(--color-neutral-100)}
.help button{width:100%;padding:10px;background:var(--color-neutral-100);border:1px solid var(--color-divider);border-radius:4px;color:var(--color-accent-700)}
.chat{padding:28px 40px;overflow:auto;background:var(--color-neutral-100)}
.chat h1{font-size:38px;margin:0}
.chat>p{color:var(--color-neutral-600);max-width:800px}
.base-demo{border:1px solid var(--color-divider);border-radius:7px;padding:18px;margin:14px 0}
.base-demo>a{float:right;color:var(--color-accent-700)}
.demo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}
.demo-grid i{height:100px}
.mini-features{font-size:13px;color:#32664d}
.feature-select{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.selectable{padding:14px;border:1px solid var(--color-divider);border-radius:7px;cursor:pointer}
.selectable.selected{border:2px solid var(--color-accent-700);background:var(--color-accent-100)}
.selectable small{display:block;color:var(--color-neutral-600)}
.plan{border-left:1px solid var(--color-divider);padding:24px 20px;overflow:auto;background:var(--color-bg)}
.plan h2{margin:0}
.plan-card{background:var(--color-neutral-100);border:1px solid var(--color-divider);border-radius:7px;padding:16px;margin:12px 0}
.plan-card h3{margin:0 0 12px}
.plan-card p,.plan-card li{color:var(--color-neutral-700);font-size:14px;line-height:1.45}
.chips{display:flex;flex-wrap:wrap;gap:7px}
.chips span{padding:7px 10px;background:var(--color-bg);border-radius:4px;font-size:12px}
.wide{width:100%;margin-top:10px;text-align:center}
.avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--color-accent-800);color:var(--color-neutral-100)}
@media(max-width:900px){nav{display:none}
.hero{grid-template-columns:1fr;padding-top:40px}
.hero h1{font-size:44px}
.product-preview{margin-top:40px}
.cards{grid-template-columns:repeat(2,1fr)}
.features{grid-template-columns:repeat(3,1fr)}
.steps{grid-template-columns:1fr}
.studio-body{overflow:auto}
.studio-layout{display:block;height:auto}
.studio-nav,.plan{display:none}
.chat{padding:22px}
.feature-select{grid-template-columns:1fr 1fr}
}
.chips span.c{background:var(--color-accent-200);color:var(--color-accent-800)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.sx-hero{padding:40px 4% 50px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;background:radial-gradient(circle at 78% 40%,var(--color-accent-100) 0,transparent 45%),linear-gradient(120deg,var(--color-neutral-100) 55%,var(--color-accent-100))}
.sx-hero h1{font-size:54px;line-height:1.03;letter-spacing:-0.38px;margin:14px 0 20px}
.sx-hero h1 em{font-style:normal;color:var(--color-accent-700)}
.sx-lead{font-size:17px;line-height:1.55;color:var(--color-neutral-800);max-width:560px}
.sx-hero .actions{margin:24px 0 10px;flex-wrap:wrap}
.btn.dark.sx-nm{margin-left:0}
.sx-sub{font-size:14px;color:var(--color-neutral-800);margin:0}
.sx-ticks{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px;font-size:14px}
.sx-ticks span::first-letter{color:var(--color-accent-700)}
.sx-visual{position:relative;height:400px}
.sx-laptop{position:absolute;left:22%;top:18%;width:52%}
.sx-lscreen{border:10px solid #151923;border-bottom-width:14px;border-radius:7px 12px 0 0;background:var(--color-neutral-100);aspect-ratio:16/10;overflow:hidden;display:flex;flex-direction:column}
.sx-base{height:10px;margin:0 -8%;background:linear-gradient(var(--color-neutral-300),var(--color-neutral-400));border-radius:0 0 12px 12px}
.sx-snav{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:8px}
.sx-snav span{flex:1;text-align:right;color:var(--color-neutral-600)}
.sx-snav i,.sx-shero i{font-style:normal;background:#151923;color:var(--color-neutral-100);padding:3px 6px;border-radius:3px;font-size:7px}
.sx-shero{flex:1;padding:12px 14px;background:linear-gradient(120deg,#fbe6d8,#f4c9a8 60%,#d9a37f);display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.sx-shero h3{margin:0;font-size:18px;line-height:1.05}
.sx-shero small{font-size:7px;color:#56463a}
.sx-sclass{padding:6px 10px;font-size:7px}
.sx-sclass div{display:flex;gap:4px;margin-top:4px}
.sx-sclass i{flex:1;height:22px;border-radius:3px;background:linear-gradient(135deg,var(--color-accent-200),var(--color-accent-100))}
.sx-phone{position:absolute;left:62%;top:30%;width:17%;aspect-ratio:9/18;border:6px solid #151923;border-radius:7px;background:var(--color-neutral-100);overflow:hidden;display:flex;flex-direction:column;font-size:7px;padding-top:4px}
.sx-phone>b{padding:2px 6px}
.sx-shero.sm h3{font-size:11px}
.sx-chip{position:absolute;display:flex;align-items:center;gap:8px;background:var(--color-neutral-100);border:1px solid var(--color-surface);border-radius:7px;padding:8px 12px;box-shadow:0 10px 26px #2d2b2b14;font-size:12px;font-weight:600;white-space:nowrap}
.sx-chip>b{font-size:18px}
.sx-chip small{display:block;font-weight:400;color:var(--color-neutral-600);font-size:11px}
.sx-h2{margin:0;font-size:26px;letter-spacing:-.5px;line-height:1.2}
.sx-note{color:var(--color-neutral-700);font-size:14px;margin:8px 0 0}
.sx-link{color:var(--color-accent-700);font-weight:600}
.sx-tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:24px}
.sx-tool{display:flex;gap:12px;padding:16px;border-radius:7px}
.sx-tool>b{flex-shrink:0;width:40px;height:40px;border-radius:7px;background:var(--color-neutral-100);display:grid;place-items:center;font-size:20px;box-shadow:0 4px 12px #2d2b2b12}
.sx-tool h3{margin:0;font-size:15px}
.sx-tool em{font-style:normal;font-size:13px;display:block;margin:2px 0 6px}
.sx-tool p{font-size:13px;color:var(--color-neutral-700);line-height:1.45;margin:0 0 6px}
.sx-tool a{font-size:13px;color:var(--color-accent-700);font-weight:600}
.sx-build{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.1fr);gap:18px;align-items:center;background:var(--color-bg)}
.sx-opt{display:flex;gap:16px;background:var(--color-neutral-100);border:1px solid var(--color-divider);border-radius:7px;padding:20px}
.sx-ic{font-size:26px}
.sx-opt h3{margin:0 0 4px;font-size:16px}
.sx-opt p{margin:0 0 12px;font-size:13px;color:var(--color-neutral-700);line-height:1.45}
.sx-price{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.sx-price strong{font-size:24px}
.sx-price small{font-size:15px}
.sx-price .btn{padding:10px 18px;font-size:14px}
.sx-then{display:block;margin-top:6px;color:var(--color-neutral-800);font-size:13px}
.sx-journey{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;align-items:center}
.sx-journey ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.sx-journey li{text-align:center;font-size:12px;color:var(--color-neutral-800);display:flex;flex-direction:column;align-items:center;gap:8px;line-height:1.35}
.sx-journey li b{width:40px;height:40px;border-radius:50%;background:var(--color-neutral-100);border:1px solid var(--color-divider);display:grid;place-items:center;font-size:18px;box-shadow:0 4px 12px #2d2b2b12}
@media(max-width:1100px){.sx-hero,.sx-build,.sx-journey{grid-template-columns:1fr}
.sx-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
.sx-journey ol{grid-template-columns:repeat(4,minmax(0,1fr))}
.sx-hero h1{font-size:42px}
}
@media(max-width:600px){.sx-visual{display:none}
.sx-tools{grid-template-columns:1fr}
}
.btn{white-space:nowrap}
header>div{display:flex;align-items:center;gap:18px;flex-shrink:0}
header>div .btn.dark{margin-left:0}
.sx-exgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:22px}
.sx-ex{border:1px solid var(--color-divider);border-radius:7px;padding:8px 8px 10px;display:flex;flex-direction:column;background:var(--color-neutral-100)}
.sx-exshot{aspect-ratio:16/8;border-radius:7px;padding:8px 12px;display:flex;flex-direction:column;gap:6px;overflow:hidden}
.sx-exbar{display:flex;justify-content:space-between;font-size:8px;opacity:.8}
.sx-exshot h4{margin:auto 0 0;font-size:15px;line-height:1.1;letter-spacing:-.3px}
.sx-exshot i{font-style:normal;align-self:flex-start;font-size:8px;background:#f06a2b;color:var(--color-neutral-100);padding:3px 8px;border-radius:4px;margin-bottom:4px}
.sx-ex h3{margin:10px 4px 2px;font-size:15px}
.sx-ex p{margin:0 4px 10px;font-size:12px;color:var(--color-neutral-600);line-height:1.4}
.sx-exf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0 0 10px}
.sx-exf span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9.5px;color:var(--color-neutral-700);text-align:center}
.sx-exf b{font-size:16px}
.sx-exbtn{margin-top:auto;padding:8px;font-size:13px;text-align:center}
.sx-exnote{margin-top:18px;background:var(--color-accent-100);border-radius:7px;padding:12px;text-align:center;font-size:14px;color:var(--color-neutral-800)}
@media(max-width:1300px){.sx-exgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){.sx-exgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.sx-ex{cursor:pointer;transition:border-color .15s,box-shadow .15s}
.sx-ex:hover{border-color:var(--color-accent-300)}
.sx-ex.on{border:2px solid var(--color-accent-700);box-shadow:0 10px 30px color-mix(in srgb,var(--color-accent) 14%,transparent)}
.sx-show{display:grid;grid-template-columns:190px minmax(0,1.5fr) minmax(0,1.1fr) minmax(0,1fr);gap:14px;margin-top:18px}
.sx-pn{border:1px solid var(--color-divider);border-radius:7px;background:var(--color-neutral-100);padding:14px;min-width:0}
.sx-side h3{margin:0;font-size:16px}
.sx-side>small{color:var(--color-neutral-600);font-size:12px}
.sx-side ul{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:4px}
.sx-side li{display:flex;gap:10px;align-items:center;padding:8px;border-radius:7px;cursor:pointer;font-size:13px;font-weight:600}
.sx-side li:hover{background:var(--color-bg)}
.sx-side li.on{background:var(--color-accent-100);color:var(--color-accent-700)}
.sx-side li b{font-size:17px}
.sx-side li small{display:block;font-weight:400;color:var(--color-neutral-600);font-size:11px}
.sx-site{padding:0;overflow:hidden;display:flex;flex-direction:column}
.sx-sitenav{display:flex;align-items:center;gap:14px;padding:10px 16px;font-size:11px}
.sx-sitenav b{flex:1;font-size:13px}
.sx-sitenav i{font-style:normal;background:#151923;color:var(--color-neutral-100);padding:5px 10px;border-radius:4px}
.sx-sitehero{flex:1;min-height:190px;margin:0 12px;border-radius:7px;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.sx-sitehero h4{margin:0;font-size:28px;line-height:1.05;letter-spacing:-.8px}
.sx-sitehero small{font-size:12px;opacity:.85}
.sx-sitehero div{display:flex;gap:8px;margin-top:6px}
.sx-sitehero div i{font-style:normal;font-size:11px;padding:6px 12px;border-radius:4px;background:#151923;color:var(--color-neutral-100)}
.sx-sitehero div i+i{background:var(--color-neutral-100);color:#151923}
.sx-sitefoot{display:grid;grid-template-columns:repeat(4,1fr);padding:12px;font-size:11px;color:var(--color-neutral-700);text-align:center;gap:6px}
.sx-sitefoot span b{display:block;font-size:16px;margin-bottom:3px}
.sx-ph{display:flex;align-items:center;gap:8px}
.sx-ph>b{font-size:20px}
.sx-ph h3{margin:0;font-size:14px;flex:1}
.sx-ph h3 small{font-weight:400;color:var(--color-neutral-700);margin-left:6px}
.sx-pdesc{font-size:12px;color:var(--color-neutral-600);margin:4px 0 12px}
.sx-reach{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px}
.sx-flow{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.sx-flow li{display:flex;gap:8px;align-items:center;background:var(--color-bg);border:1px solid var(--color-divider);border-radius:7px;padding:7px 8px;font-size:12px;font-weight:600}
.sx-flow li i{font-style:normal;flex-shrink:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e8f7ef;color:#1d7a50;font-size:11px}
.sx-flow small{display:block;font-weight:400;color:var(--color-neutral-600);font-size:11px}
.sx-wa{border:5px solid #151923;border-radius:7px;background:#ece5dd;padding:8px;font-size:10px;display:flex;flex-direction:column;gap:6px}
.sx-wa>b{background:var(--color-neutral-100);margin:-8px -8px 0;padding:6px 8px;border-radius:7px 10px 0 0}
.sx-msg{background:var(--color-neutral-100);border-radius:7px;padding:7px;line-height:1.4}
.sx-msg.me{background:#dcf8c6;align-self:flex-end}
.sx-msg a{display:block;margin-top:5px;color:var(--color-accent-700);text-align:center;border-top:1px solid var(--color-surface);padding-top:4px}
.sx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.sx-kpis div{border:1px solid var(--color-divider);border-radius:7px;padding:7px}
.sx-kpis b{display:block;font-size:15px;font-variant-numeric:tabular-nums}
.sx-kpis small{font-size:10px;color:var(--color-neutral-600)}
.sx-kpis em{display:block;font-style:normal;font-size:10px;color:#1d7a50}
.sx-chart{width:100%;height:80px;margin:10px 0}
.sx-src{font-size:11px;display:flex;flex-direction:column;gap:5px}
.sx-src h5{margin:0 0 2px;font-size:12px}
.sx-src div{display:grid;grid-template-columns:70px minmax(0,1fr) 30px;gap:8px;align-items:center;color:var(--color-neutral-700)}
.sx-src i{height:6px;border-radius:3px;background:var(--color-surface);overflow:hidden}
.sx-src i s{display:block;height:100%;background:var(--color-accent-500)}
@media(max-width:1300px){.sx-show{grid-template-columns:repeat(2,minmax(0,1fr))}
.sx-show .sx-side ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px){.sx-reach{grid-template-columns:1fr}
.sx-wa{max-width:220px}
}
@media(max-width:700px){.sx-show{grid-template-columns:1fr}
}
@media(min-width:1101px){.sx-tools{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.sx-form{background:var(--color-accent-100);border-radius:7px;padding:14px;display:flex;flex-direction:column;gap:6px}
.sx-prog{height:4px;background:var(--color-accent-200);border-radius:2px;overflow:hidden}
.sx-prog s{display:block;height:100%;background:var(--color-accent-800)}
.sx-form>small{font-size:11px;color:var(--color-accent-800)}
.sx-form h4{margin:2px 0 6px;font-size:15px}
.sx-form span{display:flex;gap:8px;align-items:center;background:var(--color-neutral-100);border:1px solid var(--color-accent-200);border-radius:4px;padding:6px 8px;font-size:12px}
.sx-form span b{width:18px;height:18px;border:1px solid var(--color-accent-300);border-radius:4px;display:grid;place-items:center;font-size:10px;color:var(--color-accent-800)}
.sx-form span.on{border-color:var(--color-accent-800);background:var(--color-accent-100)}
.sx-form span.on b{background:var(--color-accent-800);color:var(--color-neutral-100)}
.sx-form>i{font-style:normal;align-self:flex-start;background:var(--color-accent-800);color:var(--color-neutral-100);font-size:12px;padding:6px 12px;border-radius:4px;margin-top:4px}
.sx-chat{border:1px solid var(--color-divider);border-radius:7px;background:var(--color-bg);padding:10px;display:flex;flex-direction:column;gap:8px;font-size:12px}
.sx-chead{display:flex;justify-content:space-between;font-size:12px}
.sx-chead em{font-style:normal;color:#1d7a50;font-weight:400}
.sx-chat .sx-msg{max-width:88%;border:1px solid var(--color-divider)}
.sx-chat .sx-msg.me{background:var(--color-accent-700);color:var(--color-neutral-100);border:0}
.sx-chat .sx-msg small{display:block;margin-top:5px;color:var(--color-neutral-600);font-size:10px}
.sx-chips{display:flex;gap:5px;flex-wrap:wrap}
.sx-chips span{border:1px solid var(--color-accent-200);color:var(--color-accent-700);background:var(--color-neutral-100);border-radius:7px;padding:3px 8px;font-size:11px}
.sx-cin{display:flex;justify-content:space-between;background:var(--color-neutral-100);border:1px solid var(--color-divider);border-radius:7px;padding:7px 10px;color:var(--color-neutral-500)}
.sx-cin i{font-style:normal;color:var(--color-accent-700)}
.sx-docs{display:grid;grid-template-columns:100px minmax(0,1fr);border:1px solid var(--color-divider);border-radius:7px;overflow:hidden;font-size:12px}
.sx-docs>ul{list-style:none;margin:0;padding:8px;background:var(--color-bg);display:flex;flex-direction:column;gap:2px}
.sx-docs>ul li{padding:5px 6px;border-radius:4px;color:var(--color-neutral-700)}
.sx-docs>ul li.on{background:var(--color-accent-100);color:var(--color-accent-700);font-weight:600}
.sx-docs>div{padding:10px 12px}
.sx-docs small{font-family:ui-monospace,monospace;font-size:10px;color:var(--color-neutral-500)}
.sx-docs h4{margin:4px 0;font-size:16px}
.sx-docs p{margin:0 0 6px;color:var(--color-neutral-800);line-height:1.45}
.sx-docs>div ul{margin:0;padding-left:16px;color:var(--color-neutral-800);line-height:1.6}
.sx-docs em{display:block;margin-top:8px;font-style:normal;font-size:10px;color:var(--color-neutral-500)}
.sx-show2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.sx-live{font-size:11px;background:#e8f7ef;color:#1d7a50;border-radius:7px;padding:2px 8px}
.sx-sup{display:grid;grid-template-columns:140px minmax(0,1fr);border:1px solid var(--color-divider);border-radius:7px;overflow:hidden;font-size:12px}
.sx-inbox{list-style:none;margin:0;padding:6px;background:var(--color-bg);display:flex;flex-direction:column;gap:3px}
.sx-inbox li{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:7px;border-radius:4px}
.sx-inbox li.on{background:var(--color-neutral-100);box-shadow:0 2px 8px #2d2b2b12}
.sx-inbox small{grid-column:1;color:var(--color-neutral-600);font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-inbox em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-size:10px;padding:2px 6px;border-radius:7px;background:var(--color-accent-100);color:var(--color-accent-700)}
.sx-inbox em.h{background:#fff4e0;color:#9a5b00}
.sx-inbox em.d{background:var(--color-surface);color:var(--color-neutral-600)}
.sx-conv{padding:10px;display:flex;flex-direction:column;gap:7px}
.sx-conv .sx-msg{max-width:85%;border:1px solid var(--color-divider)}
.sx-conv .sx-msg.me{background:var(--color-surface);border:0;align-self:flex-start}
.sx-conv .sx-msg.ai,.sx-conv .sx-msg.hu{align-self:flex-end;background:var(--color-accent-100);border:0}
.sx-conv .sx-msg.hu{background:#fff4e0}
.sx-conv .sx-msg span{display:block;font-size:10px;font-weight:600;margin-bottom:3px;color:var(--color-neutral-700)}
.sx-hand{align-self:center;font-size:10.5px;color:#9a5b00;border-top:1px dashed #f0d59f;border-bottom:1px dashed #f0d59f;padding:3px 8px}
.sx-ed{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px;font-size:12px}
.sx-edtools{grid-column:1/-1;display:flex;gap:4px}
.sx-edtools span{padding:4px 10px;border-radius:4px;color:var(--color-neutral-700)}
.sx-edtools span.on{background:var(--color-accent-100);color:var(--color-accent-700);font-weight:600}
.sx-edcanvas{border:1px solid var(--color-divider);border-radius:7px;padding:8px;background:var(--color-bg);display:flex;flex-direction:column;gap:8px}
.sx-edcanvas .sx-sitehero{margin:0;min-height:130px;padding:16px;position:relative;outline:2px solid var(--color-accent-700);outline-offset:2px}
.sx-edcanvas .sx-sitehero h4{font-size:20px}
.sx-edcanvas .sx-sitehero em{position:absolute;top:-10px;left:8px;font-style:normal;font-size:10px;background:var(--color-accent-700);color:var(--color-neutral-100);padding:1px 6px;border-radius:4px}
.sx-edsw{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-neutral-700)}
.sx-edsw i{width:16px;height:16px;border-radius:50%}
.sx-edsw span{margin-left:auto}
.sx-ai{border:1px solid var(--color-divider);border-radius:7px;padding:10px;display:flex;flex-direction:column;gap:8px}
.sx-aimsg{background:var(--color-bg);border-radius:7px;padding:7px;line-height:1.4}
.sx-aimsg.ai{background:var(--color-accent-100)}
.sx-aimsg b{display:block;font-size:10px;margin-bottom:2px;color:var(--color-neutral-700)}
.sx-edact{display:flex;gap:6px;justify-content:flex-end;margin-top:auto}
.sx-edact .btn{padding:6px 12px;font-size:12px}
@media(max-width:1000px){.sx-show2{grid-template-columns:1fr}
}
@media(max-width:600px){.sx-sup,.sx-ed{grid-template-columns:1fr}
}
.sx-hand{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-align:center}
.ws{display:grid;grid-template-columns:220px minmax(0,1fr);height:100vh}
em.Open,em.Closed{font-style:normal;font-size:11px;padding:2px 7px;border-radius:4px;background:var(--color-accent-100);color:var(--color-accent-700);font-weight:500}
em.Closed{background:var(--color-surface);color:var(--color-neutral-600)}
@media(max-width:1000px){.ws{grid-template-columns:64px minmax(0,1fr)}
}
.fq-list{display:flex;flex-direction:column;margin-top:18px;border-top:1px solid var(--color-divider)}
.fq{border-bottom:1px solid var(--color-divider)}
.fq summary{list-style:none;display:flex;justify-content:space-between;gap:16px;padding:18px 4px;font-weight:600;font-size:16px;cursor:pointer}
.fq summary::-webkit-details-marker{display:none}
.fq summary i{font-style:normal;color:var(--color-accent-700);font-size:20px;line-height:1;transition:transform .2s}
.fq[open] summary i{transform:rotate(45deg)}
.fq>div{padding:0 4px 18px;color:var(--color-neutral-800);line-height:1.55;font-size:15px}
.fq>div>p{margin:0 0 12px;max-width:720px}
.fq-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fq-opts div{border:1px solid var(--color-divider);border-radius:7px;padding:16px;display:flex;flex-direction:column;gap:6px}
.fq-opts b{font-size:16px;color:var(--color-text)}
.fq-opts p{margin:0;font-size:14px}
.fq-opts strong{margin-top:auto;color:var(--color-accent-700)}
@media(max-width:700px){.fq-opts{grid-template-columns:1fr}
}