.botai-hub{--hub-line:#d3deda;--hub-muted:#53685f;max-width:1200px;margin:0 auto;padding:32px clamp(20px,5vw,56px) 64px;color:#192f2c;background:#f6f8f4;font:17px/1.8 "Segoe UI","Yu Gothic UI",Meiryo,sans-serif;overflow-wrap:anywhere}
body.botai-directory{margin:0;background:#f6f8f4;color:#192f2c}.botai-hub *{box-sizing:border-box}.botai-hub a{color:inherit}.botai-hub h1,.botai-hub h2{font-size:clamp(32px,5vw,54px);line-height:1.35;letter-spacing:-.045em;margin:32px 0 18px}.botai-hub h3{font-size:23px;line-height:1.5;letter-spacing:-.025em;margin:12px 0}.botai-hub p{line-height:1.85}.hub-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--hub-line);margin-bottom:40px}.hub-top a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.hub-brand{font-size:22px;font-weight:800;letter-spacing:-.06em}.hub-brand span{color:#176453}.hub-languages{display:flex;gap:20px;font-size:16px}.hub-languages [aria-current=page]{color:#176453;text-decoration:underline;text-underline-offset:6px}.hub-intro{max-width:42em;color:var(--hub-muted);margin:0 0 16px}.hub-basics{display:inline-block;margin:0 0 12px;color:#176453;font-size:16px;font-weight:650;border:1px solid #c4d8ca;border-radius:30px;padding:4px 16px;background:#ecf3e9}.hub-status{margin:4px 0;color:var(--hub-muted);font-size:16px}.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0 40px}.hub-card{background:#fff;border:1px solid var(--hub-line);border-radius:18px;padding:30px;display:flex;flex-direction:column;min-width:0;box-shadow:0 4px 20px #24453406;transition:border-color .18s,box-shadow .18s}.hub-card:hover{border-color:#80a392;box-shadow:0 6px 26px #24453410}.hub-meta{margin:0;color:var(--hub-muted);font-size:16px}.hub-number{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:34px;border-radius:7px;background:#edf4ef;color:#176453;font-size:15px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:.08em}.hub-card .hub-description{margin:0 0 14px;color:#263f37;font-size:17px}.hub-card .hub-limit{font-size:16px;color:var(--hub-muted);margin:0 0 26px}.hub-button{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:50px;padding:12px 18px;background:#176453;color:#fff!important;border-radius:9px;font-size:17px;line-height:1.6;font-weight:650;text-decoration:none;margin-top:auto}.hub-button:after{content:'↗';font-size:20px;font-weight:400}.hub-button:hover{background:#104b40}.botai-hub :is(a,button,input,select):focus-visible{outline:3px solid #be6720;outline-offset:4px}.hub-filter{display:grid;grid-template-columns:auto minmax(160px,1fr) auto minmax(100px,160px);align-items:center;gap:12px 18px;margin-top:32px;padding:24px 0;border-block:1px solid var(--hub-line)}.hub-filter label{font-size:16px;font-weight:650}.hub-filter input,.hub-filter select{width:100%;min-width:0;min-height:50px;padding:10px 14px;border:1px solid #8fa99b;border-radius:8px;background:#fff;color:#192f2c;font:inherit}.hub-filter input::placeholder{color:#637c70;opacity:1}.hub-filter p{grid-column:1/-1;margin:0;color:var(--hub-muted);font-size:16px}.hub-card[hidden],#tool-empty[hidden],.hub-filter button[hidden]{display:none!important}#tool-empty{padding:24px;border:1px solid var(--hub-line);border-radius:12px;background:#fff}.hub-help{max-width:48em;font-size:16px;color:var(--hub-muted)}.hub-footer{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:16px;padding:24px 0;border-top:1px solid var(--hub-line);margin-top:36px}.hub-footer a{min-height:44px;display:inline-flex;align-items:center}.hub-home{display:inline-flex;min-height:48px;align-items:center;color:#176453!important;font-weight:650}.botai-home-entry{border-radius:20px;margin-block:40px;padding-block:40px}.botai-home-entry .hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.botai-home-entry .hub-preview{font-size:16px;color:var(--hub-muted);background:none;border:0;padding:0;margin:8px 0}.botai-hub .hub-eyebrow{color:#176453;font-size:14px;letter-spacing:.12em;font-weight:700}.botai-policy-note{max-width:850px;margin:25px auto;padding:24px;color:#dbe5d7;border:1px solid #354037;border-radius:10px;line-height:1.8;font-family:system-ui,sans-serif}.botai-policy-note a{color:#e8ff3f}.hub-filter button{min-height:48px;padding:10px 16px;border:1px solid #8fa99b;border-radius:8px;background:#fff;color:#176453;font:inherit;cursor:pointer;grid-column:1/-1;justify-self:start}
@media(max-width:700px){.botai-hub{padding:24px 18px 40px}.hub-card{padding:24px}.hub-grid,.botai-home-entry .hub-grid{grid-template-columns:minmax(0,1fr);gap:18px}.hub-top{margin-bottom:28px}.hub-filter{grid-template-columns:1fr;gap:10px;padding-block:24px}.hub-filter select{max-width:none}.hub-filter p{margin-top:8px}.hub-card h3{font-size:22px}.botai-policy-note{margin-inline:16px}.botai-home-entry{border-radius:0}}
@media(prefers-reduced-motion:reduce){.hub-card{transition:none}}

.hub-purposes{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.hub-purposes a{display:inline-flex;align-items:center;min-height:48px;padding:8px 14px;border:1px solid #8fa99b;border-radius:8px;background:#fff;font-size:17px;text-decoration:underline;text-underline-offset:4px}.hub-purpose-group{scroll-margin-top:24px}.hub-purpose-group h2{font-size:26px;line-height:1.5;margin:32px 0 16px;letter-spacing:0}.hub-purpose-group .hub-grid{margin-top:16px}.hub-purpose-group[hidden]{display:none!important}.concept-link{display:inline-flex;align-items:center;min-height:48px;font-size:17px;text-decoration:underline;text-underline-offset:4px}

.hub-all-tools {border-block:1px solid var(--hub-line);padding:16px 0;margin:16px 0}.hub-all-tools summary{cursor:pointer;font-size:17px;min-height:44px}.hub-all-tools ul{padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}.hub-all-tools a{display:inline-flex;align-items:center;min-height:44px}.botai-home-entry .hub-featured{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.botai-home-entry .hub-featured{grid-template-columns:1fr}}@media(max-width:600px){.hub-all-tools ul{grid-template-columns:1fr}}
/* The opening animation may move content, but must not delay reading or starting. */
.hero-copy>h1,.hero-copy>p,.hero-copy>.actions{opacity:1!important}
.nav nav a{font-size:14px;line-height:1.6}

.hub-roadmap-teaser{margin:32px 0;padding:24px;border:1px solid #b6ccc0;border-radius:14px;background:linear-gradient(125deg,#e8f2ec,#f6f8f4)}.hub-roadmap-teaser p{margin:8px 0}.hub-roadmap-title{font-size:22px;font-weight:650;line-height:1.6}.hub-roadmap-link a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}.hub-roadmap{max-width:1040px}.hub-roadmap-section{padding:24px 0;border-top:1px solid var(--hub-line);scroll-margin-top:24px}.hub-roadmap-section h2{font-size:28px;letter-spacing:0;line-height:1.5;margin:12px 0 20px}.hub-roadmap-section p{max-width:46em}.hub-roadmap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hub-plan{padding:24px;border:1px solid var(--hub-line);border-radius:14px;background:#fff;min-width:0}.hub-plan-featured{border-color:#a2c6b2;background:linear-gradient(125deg,#eef7f0,#fff)}.hub-plan-status{display:inline-block;padding:4px 12px;background:#e8f0eb;border:1px solid #bdcfc2;border-radius:6px;color:#245b45;font-size:16px;font-weight:650}.hub-plan .hub-limit,.hub-roadmap-note{color:#53685f;font-size:16px;line-height:1.8}.hub-update-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.hub-update-list li{border-bottom:1px solid var(--hub-line);padding:16px 0;min-width:0}.hub-update-list h3{font-size:20px;margin:0 0 8px}.hub-update-list p{margin:0 0 8px}.hub-update-list a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}@media(max-width:700px){.hub-roadmap-grid,.hub-update-list{grid-template-columns:1fr}.hub-roadmap-section h2{font-size:25px}.hub-plan,.hub-roadmap-teaser{padding:20px}.hub-roadmap-title{font-size:20px}}

/* A shared family with 404LIMIT; the original hero and lunar backgrounds are untouched. */
html:has(body.botai-directory){font-size:17px;color-scheme:light}
.botai-hub{font-size:1rem;line-height:1.8}
.botai-hub :is(.hub-description,.hub-button,.hub-purposes a,.hub-intro,.hub-all-tools summary,.hub-all-tools a){font-size:1rem}
.botai-hub :is(.hub-limit,.hub-meta,.hub-help,.hub-status,.hub-preview,.hub-footer,.hub-languages,.hub-filter label,.hub-filter p){font-size:.95rem}
.botai-hub h1,.botai-hub>h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em}
.hub-outcome{padding:12px 0;border-top:1px solid var(--hub-line);margin:0 0 14px;font-size:1rem;color:#28493c;line-height:1.7}
.hub-outcome span{display:block;font-size:.9rem;color:var(--hub-muted);margin-bottom:4px}
.hub-comparison{margin:24px 0 32px;border:1px solid var(--hub-line);background:#fff;border-radius:12px}
.hub-comparison summary{padding:16px 20px;min-height:52px;cursor:pointer;font-size:1rem;font-weight:650;color:#244d3e}
.hub-comparison-list{padding:0 20px 16px}
.hub-comparison-list article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:24px;border-top:1px solid var(--hub-line);padding:18px 0}
.hub-comparison-list h3{margin:0;font-size:1rem;line-height:1.7;letter-spacing:0}
.hub-comparison-list h3 a{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.hub-comparison-list dl{margin:0;display:grid;grid-template-columns:1.2fr 1fr;gap:20px;font-size:1rem}
.hub-comparison-list dt{font-size:.9rem;color:var(--hub-muted);margin-bottom:4px}
.hub-comparison-list dd{margin:0}
.botai-home .nav nav a{font-size:1rem}
.botai-home .nav nav{gap:8px 24px}
.botai-home .botai-home-entry{max-width:1320px;margin:0 auto;padding:64px clamp(22px,5vw,72px);border:0;border-radius:0;background:#020504;color:#f1f5ec;--hub-line:#314238;--hub-muted:#bac8bc}
.botai-home-entry .hub-section-status{display:inline-block;font-size:.95rem;color:#d7eecf;padding:4px 12px;border:1px solid #456044;border-radius:5px;margin:0 0 16px;letter-spacing:.03em}
.botai-home-entry .hub-eyebrow{color:#dceca0;margin-top:0}
.botai-home-entry h2{color:#f2f5ee;margin-top:0}
.botai-home-entry .hub-intro{max-width:44em;color:#c2ccbf;font-size:1.125rem}
.botai-home-entry .hub-purposes{gap:10px;margin:28px 0 36px}
.botai-home-entry .hub-purposes a{background:#0b160f;border-color:#445747;color:#e2ebdd;border-radius:7px;text-decoration:none;padding:10px 16px}
.botai-home-entry .hub-purposes a:hover{background:#19281a;border-color:#bad266}
.botai-home-entry .hub-featured{gap:20px}
.botai-home-entry .hub-card{background:#0b150f;border:1px solid #344737;border-radius:12px;padding:26px;box-shadow:none}
.botai-home-entry .hub-card:hover{border-color:#94ac67;box-shadow:none}
.botai-home-entry .hub-card h3{color:#f2f5ec;font-size:1.375rem;letter-spacing:-.02em}
.botai-home-entry .hub-card .hub-description{color:#d5dfd1}
.botai-home-entry .hub-card .hub-limit{color:#bac8bc}
.botai-home-entry .hub-button{background:#e8ff3f;color:#14200a!important;border:1px solid #e8ff3f;margin-top:auto}
.botai-home-entry .hub-button:hover{background:#edff73}
.botai-home-entry .hub-home{color:#e8ff3f!important}
.botai-home-entry .hub-roadmap-teaser{background:#101d13;border-color:#40583e;border-radius:12px}
.botai-home-entry .hub-roadmap-teaser .hub-eyebrow{color:#e8ff3f}
.botai-home-entry .hub-roadmap-title{color:#f0f5e6}
.botai-home-entry .hub-all-tools{margin-top:0}
.botai-home-entry .hub-all-tools summary{color:#d2dfc4}
.botai-home-entry .hub-all-tools ul{gap:4px 28px}
.botai-home-entry :is(a,summary):focus-visible{outline:3px solid #e8ff3f;outline-offset:4px}
.botai-home-entry :is(.hub-description,.hub-button,.hub-purposes a,.hub-all-tools summary,.hub-all-tools a){font-size:1.0625rem}
.botai-home .botai-home-entry :is(.hub-limit,.hub-preview,.hub-status){font-size:1rem}
.botai-home .studio-eyebrow{color:#c5d2b5;font-size:.95rem;letter-spacing:.08em;margin:0 0 16px}
.botai-home .projects{border-top:1px solid #29372a;padding-block:56px 64px}
.botai-home .projects h2{font-size:clamp(2rem,4vw,3rem);line-height:1.4;letter-spacing:-.03em}
.botai-home .projects .section-head p{max-width:44em;line-height:1.8;color:#bec9b8;font-size:1.0625rem}
.botai-home .projects .card{border-color:#344236;background:#0a120d}
.botai-home .projects .card h3{font-size:1.125rem;line-height:1.5}
.botai-home .projects .card p{font-size:1rem;line-height:1.8;color:#bdc9b9}
.botai-home .projects .card b{font-size:.9rem;line-height:1.6;white-space:normal}
.botai-home .projects .concept-link{font-size:1rem;margin-top:18px;color:#e0efb7}
.botai-home .notes p{font-size:1rem;line-height:1.85;color:#bec9b8}
.botai-home .notes h3{font-size:1.4rem;line-height:1.6}
@media(max-width:900px){.botai-home-entry .hub-featured{grid-template-columns:1fr}.botai-home-entry .hub-card{padding:24px}.botai-home-entry .hub-button{align-self:flex-start;min-width:min(100%,260px)}}
@media(max-width:700px){.hub-comparison-list article{grid-template-columns:1fr;gap:8px}.hub-comparison-list dl{grid-template-columns:1fr;gap:12px}.botai-home .botai-home-entry{padding-block:40px}.botai-home .nav nav{gap:4px 20px}.botai-home-entry .hub-intro{font-size:1.0625rem}.botai-home-entry .hub-purposes a{font-size:1rem}.botai-home-entry .hub-purposes{margin-block:24px}.hub-card{padding:24px}.hub-card .hub-button{min-width:0}}
