/* QAQA home: a compact, task-first green hero with iOS-style grouped lists. */
body:has(#page-home:not([hidden])) {
  background: linear-gradient(180deg,#1cc96f 0,#62dea2 175px,#b7efd6 435px,#f3f4f5 720px,#f3f4f5 100%);
}
:root[data-theme=dark] body:has(#page-home:not([hidden])) {
  background: linear-gradient(180deg,#116b49 0,#205f4a 230px,#182e24 530px,#101714 740px,#101714 100%);
}
#page-home { position:relative; }
#page-home .home-brand { display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 0 13px;color:#fff;text-shadow:0 1px 8px #09643a25; }
#page-home .home-brand>span { font-size:20px;font-weight:850;letter-spacing:-.05em;line-height:1; }
#page-home .home-brand-star { color:#d9ffe5;font-size:16px;vertical-align:2px; }
#page-home .home-brand>small { font-size:9px;letter-spacing:.13em;font-weight:750;opacity:.82; }
#page-home .home-controls { height:42px;margin-bottom:1px; }
#page-home .model-selector { height:40px;max-width:62%;min-width:0;border:1px solid #ffffff42;background:#ffffff25;color:#fff;box-shadow:inset 0 1px #ffffff26,0 9px 22px #0d7d4740;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px); }
#page-home .model-selector-copy small { display:none; }
#page-home .model-selector-copy strong { color:#fff;font-size:12px;font-weight:740; }
#page-home .model-selector-action { color:#f2fff5;background:#ffffff27;border:1px solid #ffffff26;font-size:10px; }
#page-home .upgrade-button.subscription-entry { min-width:114px;height:40px;padding:0 13px;border:1px solid #f7e4b3;background:linear-gradient(110deg,#f7d88b,#ddb36a 58%,#c99653);color:#352411;box-shadow:0 8px 22px #4e652a36;font-weight:820; }
#page-home .upgrade-button.subscription-entry span { color:#62400d; }
#page-home .agent-hero { padding:11px 4px 18px;background:none;border:0;box-shadow:none; }
#page-home .agent-hero .hero-frog { width:101px;height:101px;margin:0 auto 5px;filter:drop-shadow(0 13px 15px #09542c47); }
#page-home .agent-hero h1 { color:#fff!important;font-size:clamp(27px,7.4vw,35px);line-height:1.12;margin:3px 0 4px;font-weight:810;text-shadow:0 2px 11px #186d4252; }
#page-home .agent-hero>p:not(.eyebrow) { max-width:320px;margin:0 auto;color:#f5fff8;font-size:12px;line-height:1.35;font-weight:560; }
#page-home .starter-prompts { margin:0 0 17px;padding:4px 18px;border:0;border-radius:31px;background:#fff;box-shadow:0 16px 37px #21684d2b; }
#page-home .starter-prompts button { min-height:66px;gap:13px;padding:8px 0;border-color:#e7edeb; }
#page-home .starter-prompts button>span:first-child { width:38px;height:38px;border-radius:14px;background:#e8fff2;color:#148f5b; }
#page-home .starter-prompts button:nth-child(2)>span:first-child { background:#e7fbef;color:#0f9d6d; }
#page-home .starter-prompts button:nth-child(3)>span:first-child { background:#e7fff4;color:#37a785; }
#page-home .starter-prompts strong { font-size:14px;letter-spacing:-.018em;color:#1b2720; }
#page-home .starter-prompts small { font-size:11px;color:#249159;margin-top:2px; }
#page-home .starter-prompts button::after { content:'+';margin-left:auto;padding:0 2px;color:#9eaaa2;font-size:26px;font-weight:300;line-height:1; }
#page-home>.feature-strip { display:none; }
#page-home .return-chat#openChatButton { margin:0 0 21px;height:46px;background:linear-gradient(115deg,#1cb86b,#108d58);box-shadow:0 11px 22px #197d4a29;color:#fff;font-size:13px; }
#page-home .home-skills { margin-top:0; }
#page-home .section-heading { margin:0 7px 12px; }
#page-home .section-heading h2 { font-size:24px;letter-spacing:-.04em;font-weight:800; }
#page-home .section-heading p { max-width:360px;margin:4px 0 0;font-size:12px;line-height:1.35; }
#page-home .home-skills .discovery-list { display:block;overflow:hidden;margin:0;padding:0 17px;border:0;border-radius:28px;background:var(--card);box-shadow:0 8px 24px #204c3510; }
#page-home .home-skills .discovery-list>button { width:100%;min-height:70px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:13px;margin:0;padding:10px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;animation:none;text-align:left; }
#page-home .home-skills .discovery-list>button:last-child { border-bottom:0; }
#page-home .home-skills .discovery-list>button>span:first-child { position:static;width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:13px;background:var(--soft);color:var(--accent); }
#page-home .home-skills .discovery-list>button>span:nth-child(2) { flex:1;min-width:0;width:auto; }
#page-home .home-skills .discovery-list strong { font-size:14px; }
#page-home .home-skills .discovery-list small { font-size:11px; }
#page-home .home-skills .discovery-list .row-action { display:block;margin-left:auto;padding:0;border:0;background:none;color:#8b9a91;font-size:25px!important;font-weight:300; }
#page-home .home-brand-icon img,.notion-profile-icon img { width:23px;height:23px;object-fit:contain; }
#page-home .home-more-skills { display:flex;align-items:center;gap:8px;width:100%;min-height:52px;margin:1px 0 0;padding:0 21px;border-radius:0 0 27px 27px;background:var(--card);color:var(--accent);text-align:left;font-size:13px;font-weight:780; }
#page-home .home-more-skills .semantic-icon { width:18px;height:18px; }
#page-home .home-connections { margin-top:29px; }
#page-home .home-connection-list { overflow:hidden;border-radius:27px;background:var(--card);box-shadow:0 8px 24px #204c3510; }
#page-home .home-connection-list>button { display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:11px 17px;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left; }
#page-home .home-connection-list>button:last-child { border:0; }
#page-home .home-connection-list>button>span:first-child { width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:13px;background:var(--soft);color:var(--accent); }
#page-home .home-connection-list img { width:25px;height:25px; }
#page-home .home-connection-list>button>span:nth-child(2) { flex:1;min-width:0; }
#page-home .home-connection-list strong,#page-home .home-connection-list small { display:block; }
#page-home .home-connection-list strong { font-size:14px; }
#page-home .home-connection-list small { margin-top:3px;color:var(--muted);font-size:11px; }
#page-home .home-connection-list b { color:var(--accent);font-size:14px;font-weight:750; }
#page-profile .notion-profile-icon { background:#fff;border:1px solid var(--line); }
.notion-intro { display:flex;align-items:center;gap:13px;margin:25px 0 15px;padding:16px;border-radius:21px;background:var(--soft); }
.notion-intro img { width:38px;height:38px;flex:none; }
.notion-intro p { margin:0;font-size:13px;line-height:1.42; }
.notion-status { margin:14px 0;padding:12px 14px;border-radius:15px;background:var(--soft);color:var(--ink);font-size:12px;line-height:1.4; }
.notion-help { display:inline-block;color:var(--accent);font-size:12px;font-weight:700;text-align:center; }
.notion-disconnect { width:100%;min-height:46px;margin-top:20px;border:1px solid #edbec4;border-radius:16px;background:#fff1f2;color:#bd3c4e;font-size:13px;font-weight:740; }
:root[data-theme=dark] #page-home .starter-prompts { background:#1e2a22; }
:root[data-theme=dark] #page-home .starter-prompts strong { color:var(--ink); }
:root[data-theme=dark] #page-home .starter-prompts small { color:#8cdbac; }
:root[data-theme=dark] #page-home .starter-prompts button>span:first-child { background:#294836;color:#8be2ae; }
:root[data-theme=dark] #page-home .agent-hero>p:not(.eyebrow) { color:#dcf8e8; }
@media(max-width:360px) {
  #page-home .model-selector { max-width:59%; }
  #page-home .model-selector-copy strong { font-size:11px; }
  #page-home .upgrade-button.subscription-entry { min-width:101px;font-size:11px; }
  #page-home .starter-prompts { padding-left:13px;padding-right:13px; }
  #page-home .starter-prompts strong { font-size:12px; }
}
@media(min-width:700px) {
  #page-home .agent-hero .hero-frog { width:126px;height:126px; }
  #page-home .starter-prompts,#page-home .home-skills .discovery-list,#page-home .home-connection-list { max-width:600px;margin-left:auto;margin-right:auto; }
  #page-home .home-more-skills { max-width:600px;margin-left:auto;margin-right:auto; }
}