:root{
  --bg:#070A12;
  --bg2:#0B1220;
  --card:#0E1830;
  --card2:#0B1428;
  --text:#E8EEFF;
  --muted:#A8B3D6;
  --line:rgba(232,238,255,.12);
  --line2:rgba(232,238,255,.18);
  --brand:#66E6FF;
  --brand2:#B6FF9A;
  --warn:#FFD27A;
  --shadow:0 18px 40px rgba(0,0,0,.42);
  --radius:18px;
  --radius2:26px;
  --max:1180px;
  --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;
  --sans:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
}
[data-theme="light"]{
  --bg:#F7F9FF;
  --bg2:#FFFFFF;
  --card:#FFFFFF;
  --card2:#F3F6FF;
  --text:#0B1220;
  --muted:#4A587C;
  --line:rgba(11,18,32,.12);
  --line2:rgba(11,18,32,.18);
  --shadow:0 18px 40px rgba(11,18,32,.16);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:var(--sans);
  color:var(--text);
  background:
    radial-gradient(1100px 520px at 20% -10%, rgba(102,230,255,.16), transparent 60%),
    radial-gradient(1200px 620px at 90% 0%, rgba(182,255,154,.12), transparent 65%),
    radial-gradient(900px 520px at 60% 120%, rgba(102,230,255,.10), transparent 60%),
    linear-gradient(180deg, var(--bg), var(--bg2));
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{width:min(var(--max), calc(100% - 40px)); margin:0 auto}
.main{padding-bottom:40px}
.skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip:focus{left:16px;top:16px;width:auto;height:auto;background:var(--card);padding:10px 12px;border:1px solid var(--line2);border-radius:12px;z-index:9999}
.top{position:sticky;top:0;z-index:50;backdrop-filter:saturate(1.3) blur(14px);background:color-mix(in srgb, var(--bg2) 82%, transparent);border-bottom:1px solid var(--line)}
.top__inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}
.brand{display:flex;align-items:center;gap:12px;min-width:240px}
.brand__mark{width:36px;height:36px;border-radius:12px;background:radial-gradient(18px 18px at 30% 30%, rgba(255,255,255,.65), transparent 55%),conic-gradient(from 225deg, rgba(102,230,255,.92), rgba(182,255,154,.85), rgba(102,230,255,.92));box-shadow:0 14px 30px rgba(102,230,255,.12)}
.brand__name{font-weight:800;letter-spacing:.2px}
.brand__tag{color:var(--muted);font-size:12px;display:none}
.nav{display:flex;gap:16px;align-items:center}
.nav__link{font-size:14px;color:var(--muted);padding:10px 10px;border-radius:12px;transition:background .18s ease,color .18s ease,border-color .18s ease;border:1px solid transparent}
.nav__link:hover{color:var(--text);background:color-mix(in srgb, var(--card) 88%, transparent);border-color:var(--line)}
.top__actions{display:flex;align-items:center;gap:10px}
.iconbtn{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 88%, transparent);color:var(--text);border-radius:12px;width:40px;height:40px;display:grid;place-items:center;cursor:pointer;transition:transform .12s ease,border-color .18s ease}
.iconbtn:hover{transform:translateY(-1px);border-color:var(--line2)}
.cta{display:none;padding:10px 14px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--card) 92%, transparent), color-mix(in srgb, var(--card2) 92%, transparent));color:var(--text);font-weight:650}
.burger{display:none;border:1px solid var(--line);background:color-mix(in srgb, var(--card) 88%, transparent);border-radius:12px;width:42px;height:42px;cursor:pointer;padding:10px}
.burger span{display:block;height:2px;background:var(--text);margin:5px 0;border-radius:2px;opacity:.86}
.drawer{position:fixed;inset:0;z-index:80;display:none}
.drawer[data-open="true"]{display:block}
.drawer__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.52);border:0}
.drawer__panel{position:absolute;top:0;right:0;width:min(420px, 92vw);height:100%;background:color-mix(in srgb, var(--bg2) 92%, transparent);border-left:1px solid var(--line);box-shadow:var(--shadow);padding:18px}
.drawer__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.drawer__title{font-weight:800}
.drawer__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.drawer__link{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 88%, transparent);border-radius:14px;padding:12px 12px;color:var(--text)}
.drawer__link:hover{border-color:var(--line2)}
.search{margin-top:14px}
.search__label{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}
.search__row{display:flex;gap:10px}
.search__input{flex:1;border-radius:14px;border:1px solid var(--line);background:color-mix(in srgb, var(--card) 92%, transparent);padding:12px 12px;color:var(--text);outline:none}
.search__input:focus{border-color:color-mix(in srgb, var(--brand) 60%, var(--line))}
.search__btn{border-radius:14px;border:1px solid var(--line);background:linear-gradient(135deg, rgba(102,230,255,.18), rgba(182,255,154,.14));padding:12px 14px;color:var(--text);cursor:pointer}
.search__hint{color:var(--muted);font-size:12px;margin-top:10px}
.hero{padding:42px 0 18px}
.hero__grid{display:grid;grid-template-columns:1.25fr .95fr;gap:28px;align-items:center}
.kicker{display:inline-flex;align-items:center;gap:8px;color:color-mix(in srgb, var(--brand) 70%, var(--text));font-family:var(--mono);font-size:12px;border:1px solid var(--line);background:color-mix(in srgb, var(--card) 86%, transparent);padding:8px 10px;border-radius:999px}
.h1{font-size:clamp(28px,3.2vw,44px);line-height:1.08;margin:14px 0 12px;letter-spacing:-.6px}
.lead{font-size:16px;line-height:1.7;color:color-mix(in srgb, var(--muted) 92%, var(--text));margin:0;max-width:62ch}
.lead2{font-size:15px;line-height:1.75;color:color-mix(in srgb, var(--muted) 90%, var(--text));margin:0 0 18px;max-width:62ch}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(135deg, rgba(102,230,255,.22), rgba(182,255,154,.16));color:var(--text);font-weight:720;box-shadow:0 18px 40px rgba(0,0,0,.18);transition:transform .12s ease,border-color .18s ease,filter .18s ease}
.btn:hover{transform:translateY(-1px);border-color:var(--line2);filter:saturate(1.05)}
.btn--ghost{background:color-mix(in srgb, var(--card) 88%, transparent);box-shadow:none}
.stats{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}
.stat{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 86%, transparent);border-radius:18px;padding:12px 14px;min-width:170px}
.stat__n{font-weight:900;font-size:20px;letter-spacing:-.4px}
.stat__t{color:var(--muted);font-size:12px;margin-top:4px}
.hero__panel{position:relative}
.glass{position:relative;border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--card) 92%, transparent), color-mix(in srgb, var(--card2) 92%, transparent));border-radius:var(--radius2);box-shadow:var(--shadow);overflow:hidden}
.glass__top{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:16px 16px 0}
.badge{font-family:var(--mono);font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb, var(--bg2) 88%, transparent)}
.chip{font-size:12px;color:var(--muted);padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb, var(--card) 88%, transparent)}
.glass__body{padding:14px 16px 8px}
.mini{border:1px solid var(--line);border-radius:18px;padding:12px 12px;margin:10px 0;background:color-mix(in srgb, var(--bg2) 78%, transparent)}
.mini__h{font-weight:820;letter-spacing:-.2px}
.mini__p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.65}
.glass__bottom{padding:0 16px 16px}
.line{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:linear-gradient(135deg, rgba(102,230,255,.14), rgba(182,255,154,.12));border-radius:18px;padding:12px 12px;font-weight:720}
.orbit{position:absolute;inset:-14px;pointer-events:none}
.orbit__ring{position:absolute;inset:0;border-radius:999px;border:1px dashed rgba(102,230,255,.22);transform:rotate(18deg)}
.orbit__dot{width:10px;height:10px;border-radius:999px;position:absolute;background:rgba(102,230,255,.9);box-shadow:0 0 0 6px rgba(102,230,255,.10), 0 0 28px rgba(102,230,255,.20)}
.orbit__dot--a{top:18%;left:12%}
.orbit__dot--b{top:58%;right:10%;background:rgba(182,255,154,.88);box-shadow:0 0 0 6px rgba(182,255,154,.10),0 0 28px rgba(182,255,154,.18)}
.orbit__dot--c{bottom:10%;left:42%;width:12px;height:12px}
.section{padding:26px 0}
.section__head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px}
.h2{font-size:22px;line-height:1.2;margin:0;letter-spacing:-.3px}
.muted{color:var(--muted);margin:0;line-height:1.65;max-width:70ch}
.section__foot{display:flex;justify-content:center;margin-top:16px}
.grid{display:grid;gap:16px}
.grid--cards{grid-template-columns:repeat(3,1fr)}
.grid--mini{grid-template-columns:repeat(4,1fr)}
.card{border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--card) 92%, transparent), color-mix(in srgb, var(--card2) 92%, transparent));border-radius:var(--radius2);overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.18);transition:transform .12s ease,border-color .18s ease}
.card:hover{transform:translateY(-2px);border-color:var(--line2)}
.card__img{display:block;aspect-ratio:16/9;overflow:hidden}
.card__img img{width:100%;height:100%;object-fit:cover}
.card__body{padding:14px 14px 16px}
.h3{font-size:16px;line-height:1.35;margin:10px 0 8px;letter-spacing:-.2px}
.alink{color:color-mix(in srgb, var(--brand) 70%, var(--text))}
.alink:hover{text-decoration:underline}
.meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px}
.meta__k{font-family:var(--mono);letter-spacing:.2px}
.dot{opacity:.65}
.excerpt{margin:0;color:color-mix(in srgb, var(--muted) 92%, var(--text));font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:66px}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.tag{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb, var(--bg2) 86%, transparent);color:var(--muted)}
.split{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}
.panel{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 92%, transparent);border-radius:var(--radius2);padding:14px}
.panel--soft{background:color-mix(in srgb, var(--card2) 92%, transparent)}
.panel__h{font-weight:820;margin-bottom:10px}
.panel__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.q{border:1px solid var(--line);background:color-mix(in srgb, var(--bg2) 86%, transparent);border-radius:16px;padding:12px 12px}
.q:hover{border-color:var(--line2)}
.q__t{font-weight:760}
.q__d{display:block;color:var(--muted);font-size:12px;margin-top:6px;line-height:1.5}
.cats{display:grid;gap:10px}
.cat{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:color-mix(in srgb, var(--bg2) 86%, transparent);border-radius:16px;padding:12px 12px}
.cat__name{font-weight:760}
.cat__sub{color:var(--muted);font-size:12px}
.panel__hint{margin-top:10px;color:var(--muted);font-size:12px;line-height:1.6}
.bullets{display:grid;gap:12px;margin-top:14px}
.bullet{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);background:color-mix(in srgb, var(--card) 86%, transparent);border-radius:18px;padding:12px}
.bullet__icon{width:30px;height:30px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--line);background:color-mix(in srgb, var(--bg2) 86%, transparent);color:color-mix(in srgb, var(--brand) 70%, var(--text))}
.bullet__h{font-weight:820}
.bullet__p{color:var(--muted);font-size:13px;line-height:1.6;margin-top:4px}
.pillcard{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 92%, transparent);border-radius:var(--radius2);padding:14px}
.pillcard__k{font-family:var(--mono);color:color-mix(in srgb, var(--brand2) 70%, var(--text));font-size:12px}
.pillcard__v{margin-top:8px;color:color-mix(in srgb, var(--muted) 92%, var(--text));line-height:1.7;font-size:13px}
.mast{padding:34px 0 10px}
.mast__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}
.mast--simple .mast__grid{grid-template-columns:1fr}
.mast__meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.box{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 92%, transparent);border-radius:var(--radius2);padding:14px}
.box__h{font-weight:820;margin-bottom:10px}
.box__list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.box__item{border:1px solid var(--line);background:color-mix(in srgb, var(--bg2) 86%, transparent);border-radius:16px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between}
.box__item:hover{border-color:var(--line2)}
.box__t{font-weight:740}
.box__d{color:var(--muted);font-size:12px}
.pager{display:flex;justify-content:center;gap:10px;margin-top:16px}
.pager__btn{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 92%, transparent);border-radius:16px;padding:12px 14px}
.pager__btn:hover{border-color:var(--line2)}
.article{padding:34px 0 16px}
.article__head{max-width:980px;margin:0 auto}
.crumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-bottom:12px}
.crumb{color:var(--muted)}
.crumb:hover{color:var(--text)}
.crumb__sep{opacity:.55}
.crumb--current{color:var(--text)}
.article__meta{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:flex-end}
.article__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px;align-items:start}
.article__body{min-width:0}
.prose{line-height:1.85;color:color-mix(in srgb, var(--muted) 92%, var(--text));font-size:15px}
.prose--wide{max-width:980px}
.prose h2{color:var(--text);margin:26px 0 10px;font-size:20px;letter-spacing:-.2px}
.prose h3{color:var(--text);margin:20px 0 8px;font-size:16px}
.prose p{margin:10px 0}
.prose ul{margin:10px 0 10px 20px}
.prose li{margin:8px 0}
.prose a{color:color-mix(in srgb, var(--brand) 70%, var(--text));text-decoration:underline}
.prose strong{color:var(--text)}
.callout{border:1px solid var(--line);background:linear-gradient(135deg, rgba(102,230,255,.10), rgba(182,255,154,.08));border-radius:var(--radius2);padding:16px;margin-top:22px}
.callout__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:12px}
.callout__card{border:1px solid var(--line);background:color-mix(in srgb, var(--bg2) 84%, transparent);border-radius:18px;padding:12px}
.callout__k{font-family:var(--mono);font-size:12px;color:color-mix(in srgb, var(--brand2) 70%, var(--text))}
.callout__v{margin-top:6px;color:var(--muted);line-height:1.65;font-size:13px}
.faq{margin-top:22px}
.faq__item{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 92%, transparent);border-radius:18px;overflow:hidden;margin:10px 0}
.faq__q{width:100%;text-align:left;padding:14px 14px;font-weight:820;border:0;background:transparent;color:var(--text);cursor:pointer}
.faq__a{padding:0 14px 14px;color:var(--muted);line-height:1.75;display:none}
.faq__item[data-open="true"] .faq__a{display:block}
.sidecard{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 92%, transparent);border-radius:var(--radius2);padding:14px;box-shadow:0 12px 26px rgba(0,0,0,.12)}
.sidecard--soft{background:color-mix(in srgb, var(--card2) 92%, transparent);margin-top:14px}
.sidecard__h{font-weight:860;margin-bottom:10px}
.sidecard__list{display:grid;gap:10px}
.sidecard__item{border:1px solid var(--line);background:color-mix(in srgb, var(--bg2) 86%, transparent);border-radius:16px;padding:10px 12px}
.sidecard__item:hover{border-color:var(--line2)}
.sidecard__t{display:block;font-weight:740}
.sidecard__d{display:block;color:var(--muted);font-size:12px;margin-top:6px}
.sidecard__btn{display:block;text-align:center;margin-top:12px;border:1px solid var(--line);border-radius:16px;padding:12px 12px;background:linear-gradient(135deg, rgba(102,230,255,.12), rgba(182,255,154,.10));font-weight:760}
.contactgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}
.contactcard{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 92%, transparent);border-radius:18px;padding:12px}
.contactcard__k{font-family:var(--mono);color:var(--muted);font-size:12px}
.contactcard__v{margin-top:6px;font-weight:760}
.form{border:1px solid var(--line);background:color-mix(in srgb, var(--card2) 92%, transparent);border-radius:var(--radius2);padding:14px;margin-top:10px}
.form__row{display:grid;gap:8px;margin:10px 0}
.form__label{color:var(--muted);font-size:13px}
.form__input{border:1px solid var(--line);background:color-mix(in srgb, var(--bg2) 92%, transparent);border-radius:16px;padding:12px 12px;color:var(--text);outline:none}
.form__input:focus{border-color:color-mix(in srgb, var(--brand) 60%, var(--line))}
textarea.form__input{resize:vertical;min-height:120px}
.smap{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}
.smap__a{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 92%, transparent);border-radius:16px;padding:12px 12px}
.smap__a:hover{border-color:var(--line2)}
.foot{border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg2) 86%, transparent);padding:26px 0}
.foot__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:start}
.foot__brand{display:flex;gap:12px;align-items:flex-start}
.foot__logo{width:42px;height:42px;border-radius:16px;background:radial-gradient(16px 16px at 35% 30%, rgba(255,255,255,.65), transparent 55%),conic-gradient(from 210deg, rgba(102,230,255,.92), rgba(182,255,154,.85), rgba(102,230,255,.92));border:1px solid var(--line)}
.foot__name{font-weight:900}
.foot__desc{color:var(--muted);font-size:13px;line-height:1.65;margin-top:6px;max-width:52ch}
.foot__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.foot__h{font-weight:840;margin-bottom:10px}
.foot__a{display:block;color:var(--muted);padding:6px 0}
.foot__a:hover{color:var(--text)}
.foot__note{margin-top:14px}
.pill{display:flex;gap:10px;flex-wrap:wrap;align-items:center;border:1px solid var(--line);background:color-mix(in srgb, var(--card) 88%, transparent);border-radius:18px;padding:10px 12px;margin:10px 0}
.pill__k{font-family:var(--mono);color:var(--muted);font-size:12px}
.pill__v{font-weight:740}
.foot__legal{margin-top:10px}
.foot__small{color:var(--muted);font-size:12px;line-height:1.6;margin-top:6px}
.foot__codes{margin-top:10px}
@media (max-width: 980px){
  .brand__tag{display:none}
  .grid--cards{grid-template-columns:repeat(2,1fr)}
  .grid--mini{grid-template-columns:repeat(2,1fr)}
  .hero__grid{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .mast__grid{grid-template-columns:1fr}
  .article__grid{grid-template-columns:1fr}
  .callout__grid{grid-template-columns:1fr}
  .panel__grid{grid-template-columns:1fr}
  .box__list{grid-template-columns:1fr}
  .contactgrid{grid-template-columns:1fr}
  .foot__grid{grid-template-columns:1fr}
  .foot__cols{grid-template-columns:1fr 1fr}
  .cta{display:none}
}
@media (max-width: 760px){
  .nav{display:none}
  .burger{display:block}
  .top__inner{padding:12px 0}
  .brand{min-width:auto}
  .grid--cards{grid-template-columns:1fr}
  .foot__cols{grid-template-columns:1fr}
}
@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}