/* AceiClaw UI concept layer: content, routes and interactions remain the live site bundle. */
:root{
  --page-bg:#f5f8fc;--page-text:#172033;--strong-text:#0c1322;--muted:#68758a;--subtle:#8a96a7;
  --line:#d9e2ee;--line-soft:#e8eef6;--header-bg:rgba(255,255,255,.78);--header-border:rgba(15,34,61,.12);
  --nav-text:#56647a;--control-bg:rgba(255,255,255,.72);--control-icon:#6d7d92;--control-active:#fff;
  --control-shadow:0 7px 20px rgba(31,61,101,.10);--ghost-hover:#f0f5fb;--ghost-hover-border:#aabbd0;
  --hero-bg:radial-gradient(circle at 78% 25%,rgba(45,129,255,.16),transparent 31%),radial-gradient(circle at 8% 14%,rgba(123,86,217,.13),transparent 32%),linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%);
  --hero-lead:#53647c;--hero-rule:#d9e2ee;--download-band-bg:rgba(255,255,255,.56);--surface-bg:rgba(255,255,255,.76);--surface-hover:#f3f7fc;
  --workflow-bg:#eef4fb;--ecosystem-bg:rgba(229,237,247,.85);--ecosystem-hover:#f4f8fd;--page-hero-bg:radial-gradient(circle at 88% 10%,rgba(32,133,255,.12),transparent 25%),#f7fafe;
  --help-bg:#edf4fb;--field-bg:rgba(255,255,255,.86);--filter-active-bg:#eaf3ff;--filter-active-border:#8bb7ed;--filter-active-text:#145ca8;
  --news-feature-bg:linear-gradient(145deg,#eef5ff,#fff);--course-stripe-a:#e7f0fc;--course-stripe-b:#f8fbff;--aside-bg:#edf4fb;
  --mobile-nav-bg:#f8fbff;--mobile-item-border:#dce6f2;--capability-bg:#f0f5fb;--capability-panel:rgba(255,255,255,.72);--capability-line:#d4dfeb;
  --capability-title:#101827;--capability-copy:#62738a;--capability-kicker:#155ea8;--capability-icon:#1e78d4;--capability-connector:#8da2bc;
  --signal:#1265b5;--signal-hover:#0c569e;--signal-ink:#fff;--signal-muted:rgba(255,255,255,.78);--cyan:#13a9bd;--amber:#b96b08;--danger:#d95048;--version-border:#8eafd4;
  --guide-bg:#fff8e9;--guide-border:#e4c989;--guide-step-bg:#fffdf8;--page:min(1240px,calc(100% - 48px));
}
[data-resolved-theme=dark]{
  --page-bg:#05070b;--page-text:#e9eef8;--strong-text:#fff;--muted:#a7b1c2;--subtle:#718098;--line:#263246;--line-soft:#182335;
  --header-bg:rgba(6,9,15,.78);--header-border:rgba(172,202,244,.16);--nav-text:#aab6c8;--control-bg:rgba(16,24,37,.78);--control-icon:#96a6bb;--control-active:#152235;
  --control-shadow:0 10px 28px rgba(0,0,0,.3);--ghost-hover:#101b2b;--ghost-hover-border:#466083;
  --hero-bg:radial-gradient(circle at 78% 25%,rgba(58,126,255,.29),transparent 31%),radial-gradient(circle at 8% 14%,rgba(147,81,238,.21),transparent 32%),linear-gradient(180deg,#05070b 0%,#0a111d 100%);
  --hero-lead:#aab7cb;--hero-rule:#1c2b3e;--download-band-bg:rgba(9,17,29,.8);--surface-bg:rgba(13,22,37,.78);--surface-hover:#111f34;
  --workflow-bg:#0e1929;--ecosystem-bg:rgba(16,29,47,.88);--ecosystem-hover:#13263e;--page-hero-bg:radial-gradient(circle at 88% 10%,rgba(45,123,255,.2),transparent 25%),#060a11;
  --help-bg:#101c2e;--field-bg:rgba(12,20,33,.9);--filter-active-bg:#112845;--filter-active-border:#4779aa;--filter-active-text:#a2cfff;
  --news-feature-bg:linear-gradient(145deg,#11223a,#0a111d);--course-stripe-a:#101f34;--course-stripe-b:#0b1524;--aside-bg:#0d1929;--mobile-nav-bg:#08101c;--mobile-item-border:#1a2a40;
  --capability-bg:#0b1523;--capability-panel:rgba(13,24,40,.78);--capability-line:#253952;--capability-title:#f6f8ff;--capability-copy:#a8b5c8;--capability-kicker:#9dc6ff;--capability-icon:#74b2ff;--capability-connector:#55708d;
  --signal:#79b6ff;--signal-hover:#9bc8ff;--signal-ink:#08111d;--signal-muted:rgba(8,17,29,.78);--cyan:#4dd9e4;--amber:#ffc266;--danger:#ff8175;--version-border:#426d9e;
  --guide-bg:#1a1710;--guide-border:#604c29;--guide-step-bg:#10131a;
}

html{background:var(--page-bg)}body{background:var(--page-bg);letter-spacing:-.018em}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,black 0%,black 56%,transparent 100%);opacity:.55}
.site-header{position:sticky;top:14px;width:min(1240px,calc(100% - 32px));height:64px;margin:14px auto -78px;border:1px solid var(--header-border);border-radius:24px;background:var(--header-bg);box-shadow:0 18px 55px rgba(21,47,82,.12);overflow:visible}
.header-inner{width:100%;padding:0 18px;grid-template-columns:190px 1fr auto;gap:20px}.brand{font-size:13px;letter-spacing:normal}.main-nav{gap:25px}.main-nav a{font-size:13px;font-weight:650}.main-nav a.active:after{bottom:-23px;width:22px;height:2px;background:var(--signal)}.header-tools{gap:10px}.theme-switcher{border-radius:999px;height:34px}.theme-switcher button{border-radius:999px}.account-chip,.button,.button-small,.button-ghost{border-radius:999px}.account-actions .button-small{min-height:36px}
.hero{min-height:820px;padding-top:170px;border-radius:0 0 54px 54px}.hero-grid{grid-template-columns:minmax(410px,.9fr) minmax(0,1.25fr);gap:54px}.hero-copy h1{font-size:clamp(64px,7vw,100px);line-height:.94;letter-spacing:-.07em;background:linear-gradient(110deg,var(--strong-text) 10%,var(--signal) 56%,#8b69ef);-webkit-background-clip:text;color:transparent}.hero-brand img{border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,.14)}.hero-lead{font-size:20px;line-height:1.55}.hero-actions{margin-top:30px}.button{min-height:50px;padding:0 23px;box-shadow:0 12px 30px rgba(21,75,132,.12)}.button:hover{transform:translateY(-2px)}.hero-version span{border-radius:999px}.acei-preview{border-radius:34px;box-shadow:0 36px 100px rgba(13,29,53,.22);transform:perspective(1400px) rotateY(-1deg)}.preview-titlebar{height:50px}.preview-layout{min-height:510px}.preview-session,.preview-tool,.preview-result,.preview-composer,.preview-file{border-radius:15px}.preview-session.active,.preview-tool.active{border-color:color-mix(in srgb,var(--signal) 55%,var(--preview-line));box-shadow:0 10px 24px rgba(0,0,0,.12)}.preview-agent-header,.preview-sidebar,.preview-inspector{background:color-mix(in srgb,var(--surface-bg) 35%,#15161b)}
.download-band{backdrop-filter:blur(20px)}.download-band>.page-width{min-height:124px}.download-strip{gap:14px}.download-item{border-radius:24px;padding:20px;background:var(--surface-bg);box-shadow:0 16px 42px rgba(23,55,94,.07)}.download-item:hover{border-color:var(--signal);box-shadow:0 20px 48px rgba(23,82,140,.14)}
.section{padding:clamp(90px,10vw,146px) 0}.section-heading{margin-bottom:48px}.section-heading h2{font-size:clamp(38px,4vw,60px);letter-spacing:-.055em}.section-heading p{font-size:16px;line-height:1.75}.capabilities{background:color-mix(in srgb,var(--capability-bg) 78%,transparent);border-radius:48px}.capability-grid{gap:16px;border:0;background:transparent}.capability-grid article{border:1px solid var(--line);border-radius:28px;box-shadow:0 16px 44px rgba(24,52,88,.07);background:var(--capability-panel)}.capability-agents{border-radius:30px}.capability-card,.capability-compact{border-radius:28px}.workflow-section{background:color-mix(in srgb,var(--workflow-bg) 78%,transparent);border-radius:48px}.workflow-row{border-radius:24px;border:1px solid var(--line);margin-bottom:12px;background:var(--surface-bg);box-shadow:0 12px 30px rgba(23,55,94,.05)}.ecosystem{border-radius:48px}.ecosystem-list{gap:14px}.ecosystem-list>a{border:1px solid var(--line);border-radius:24px;background:var(--surface-bg);box-shadow:0 14px 35px rgba(23,55,94,.06)}.account-cta{margin-top:0;border-radius:0 0 0 0;background:linear-gradient(110deg,#1265b5,#438ee3 65%,#7a62d8);color:#fff}.account-cta .button{background:#fff;color:#16558f;border-color:#fff}.account-cta .button-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.page-hero{padding:168px 0 76px;border-radius:0 0 48px 48px}.page-hero h1{font-size:clamp(56px,7vw,98px);line-height:.94;letter-spacing:-.065em;background:linear-gradient(110deg,var(--strong-text),var(--signal) 65%,#8b69ef);-webkit-background-clip:text;color:transparent}.page-hero p{font-size:19px;line-height:1.65}.release-line{min-height:110px;align-items:center;padding:24px 28px;border-radius:30px;border:1px solid var(--line);background:var(--surface-bg);box-shadow:0 16px 44px rgba(23,55,94,.06)}.release-version{align-items:center}.release-version>div{display:grid;align-content:center}.release-line h2{margin:7px 0 0;line-height:1}.release-line p{align-self:center}.release-channel-switch{align-self:center;border-radius:12px}.release-channel-switch a{border-radius:8px}.download-strip.compact{gap:0;border-radius:28px;overflow:hidden;border:1px solid var(--line);background:var(--surface-bg)}.compact .download-item{min-height:92px;padding:18px 20px;border-left:1px solid var(--line);border-radius:0}.win-guide{border-radius:32px;box-shadow:0 16px 45px rgba(160,111,16,.10)}.win-guide-steps{gap:14px}.win-guide-steps li{border-radius:22px;border:1px solid var(--guide-border);background:var(--guide-step-bg)}.runtime-environment{border-radius:26px;border:1px solid var(--line);background:var(--surface-bg)}.install-notes{gap:0;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--surface-bg)}.install-notes article{border-right:1px solid var(--line)}
.catalog-toolbar{margin-bottom:24px}.search-box{border-radius:999px;background:var(--surface-bg);box-shadow:0 10px 26px rgba(23,55,94,.05)}.search-box input{background:transparent}.filter-tabs{border:1px solid var(--line);border-radius:999px;padding:4px;background:var(--surface-bg)}.filter-tabs button{border-radius:999px}.catalog-grid{gap:16px;border:0;background:transparent}.catalog-card{min-height:270px;padding:30px;border:1px solid var(--line);border-radius:28px;background:var(--surface-bg);box-shadow:0 16px 42px rgba(23,55,94,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.catalog-card:hover{transform:translateY(-4px);border-color:var(--signal);box-shadow:0 24px 55px rgba(23,82,140,.14)}.catalog-card button,.catalog-card a{border-radius:999px}
.news-layout{gap:16px;border:0;background:transparent}.news-feature,.news-columns article{border:1px solid var(--line);border-radius:30px;background:var(--news-feature-bg);box-shadow:0 16px 44px rgba(23,55,94,.06)}.news-columns{gap:16px;border-left:0;background:transparent}.news-columns article{border-radius:24px}.course-grid{gap:16px;background:transparent}.course-grid article{border:1px solid var(--line);border-radius:28px;background:var(--surface-bg);box-shadow:0 16px 42px rgba(23,55,94,.06);overflow:hidden}.course-visual{border-radius:18px}.community-grid{gap:16px}.community-board,.community-aside{border:1px solid var(--line);border-radius:30px;background:var(--surface-bg);box-shadow:0 16px 42px rgba(23,55,94,.06)}.help-grid{gap:16px}.help-grid .win-guide,.faq-list,.support-panel{border-radius:28px;border:1px solid var(--line);background:var(--surface-bg);box-shadow:0 16px 42px rgba(23,55,94,.06)}
.account-surface{padding-top:168px;background:radial-gradient(circle at 15% 20%,rgba(73,137,255,.14),transparent 34%),var(--page-bg)}.account-frame{border:1px solid var(--line);border-radius:38px;overflow:hidden;box-shadow:0 28px 78px rgba(23,55,94,.12)}.account-identity{background:linear-gradient(145deg,var(--capability-bg),var(--surface-bg));}.account-panel{background:var(--surface-bg)}.account-mark img{border-radius:12px}.field-control{border-radius:16px;background:var(--field-bg);border-color:var(--line)}.account-submit{border-radius:999px}.site-footer{background:#070a0d}

/* Windows guide: remove the old grid lines and give day/night cards distinct surfaces. */
.win-guide .win-guide-steps{
  gap:14px;
  border:0;
  background:transparent;
}
.win-guide .win-guide-steps li{
  border:1px solid rgba(185,107,8,.22);
  border-radius:22px;
  background:rgba(255,255,255,.82);
  box-shadow:0 12px 30px rgba(138,91,10,.06);
}
[data-resolved-theme=dark] .win-guide .win-guide-steps li{
  border-color:rgba(255,194,102,.20);
  background:rgba(25,27,33,.88);
  box-shadow:0 14px 32px rgba(0,0,0,.18);
}
@media(max-width:900px){.site-header{position:sticky;top:8px;margin:8px auto -72px}.header-inner{padding:0 12px}.main-nav{gap:12px}.hero,.page-hero,.account-surface{padding-top:130px}.capabilities,.workflow-section,.ecosystem{border-radius:30px}.catalog-grid{gap:12px}.catalog-card{border-radius:22px}.account-frame{border-radius:26px}}
@media(max-width:720px){
  .site-header{width:calc(100% - 20px);height:58px;border-radius:19px}
  .header-inner{grid-template-columns:1fr auto auto;gap:7px}
  .main-nav{top:72px;left:10px;right:10px;border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 45px rgba(0,0,0,.16)}
  .header-tools{gap:6px}
  .menu-button{width:34px;height:34px;border-radius:999px}
  .hero{min-height:auto;padding-top:112px}
  .hero-grid{align-items:start}
  .page-hero,.account-surface{padding-top:118px}
  .hero-copy h1,.page-hero h1{font-size:56px}
  .download-strip,.catalog-grid,.news-layout,.course-grid,.community-grid,.help-grid{grid-template-columns:1fr}
  .download-item{border-radius:20px}
  .download-strip.compact{border-radius:22px}
  .account-frame{margin-inline:10px}
  .site-footer{border-radius:0}
}
