/* AIcogSys website r00_03 — shared presentation */
:root{color-scheme:dark;--bg:#050d09;--panel:#092016;--green:#38d489;--bright:#75e4aa;--text:#f0f7f2;--muted:#c5d5ca;--border:#174831;--chrome:#030b07;--brand:#fff;--card-border:#244b36;--card-start:#10291e;--card-mid:#0b1e16;--card-end:#07140e;--panel-start:#0a2518;--panel-end:#07140e;--detail:#e0ebe3;--feature-start:#064c2a;--feature-end:#075b31;--feature-border:#16804b;--notice:#0a2116;--on-accent:#041008;--logo-filter:brightness(1.15);--hero-filter:brightness(1.5);--control-border:#75e4aa;}
:root[data-theme="light"]{color-scheme:light;--bg:#f7f8f3;--panel:#edf2e9;--green:#17613d;--bright:#165b39;--text:#202b25;--muted:#48594e;--border:#a9bbae;--chrome:#eef2ea;--brand:#202b25;--card-border:#a9bbae;--card-start:#ffffff;--card-mid:#f2f5ee;--card-end:#eaf0e5;--panel-start:#e4eee0;--panel-end:#f2f5ee;--detail:#344b3c;--feature-start:#dcebd6;--feature-end:#cfe3c7;--feature-border:#60826a;--notice:#e8f0e2;--on-accent:#ffffff;--logo-filter:brightness(.85);--hero-filter:brightness(.85);--control-border:#4c6e57;}
@media(prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light;--bg:#f7f8f3;--panel:#edf2e9;--green:#17613d;--bright:#165b39;--text:#202b25;--muted:#48594e;--border:#a9bbae;--chrome:#eef2ea;--brand:#202b25;--card-border:#a9bbae;--card-start:#ffffff;--card-mid:#f2f5ee;--card-end:#eaf0e5;--panel-start:#e4eee0;--panel-end:#f2f5ee;--detail:#344b3c;--feature-start:#dcebd6;--feature-end:#cfe3c7;--feature-border:#60826a;--notice:#e8f0e2;--on-accent:#ffffff;--logo-filter:brightness(.85);--hero-filter:brightness(.85);--control-border:#4c6e57;}}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{overflow-wrap:anywhere;margin:0;background:var(--bg);color:var(--text);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--bright)}
a:focus-visible{outline:2px solid var(--bright);outline-offset:4px}
p{color:var(--muted)}
h1,h2,h3{line-height:1.2}
h1{font-size:clamp(2.55rem,5.6vw,4.5rem);letter-spacing:-.035em;margin:.25em 0 .35em}
h1 span{color:var(--green)}
h2{font-size:clamp(1.65rem,3vw,2.3rem)}

.site-header,.site-footer{background:var(--chrome);border-color:var(--border)}
.site-header{border-bottom:1px solid var(--border)}
.site-nav,.site-footer-inner,.site-footer-meta{max-width:1250px;margin:auto}
.site-nav{padding:14px 5%;display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:12px 18px}
.site-brand{min-width:0;color:var(--brand);text-decoration:none;display:flex;align-items:center;gap:12px}
.site-brand img{width:53px;height:53px;flex-shrink:0}
.site-brand span{min-width:0}
.site-brand img,.site-footer-name img{object-fit:contain;filter:var(--logo-filter)}
.site-brand img{filter:var(--logo-filter) brightness(1.15)}
.site-footer-name img{display:block;width:32px;height:32px;flex-shrink:0}
.site-brand strong{display:block;font-size:1.5rem;line-height:1.15}
.site-brand small{display:block;color:var(--muted);font-size:.6rem;letter-spacing:.055em}
.site-links,.site-footer-links{display:flex;gap:clamp(12px,2vw,24px);flex-wrap:wrap;align-items:center}
.site-links{border:1px solid color-mix(in srgb, var(--border) 50%, transparent);padding:10px 17px;border-radius:8px}
.site-links a,.site-footer-links a{display:inline-flex;align-items:center;min-height:44px;padding:4px 2px;color:var(--text);text-decoration:none;font-size:.9rem}
.site-links a:hover,.site-footer-links a:hover,.site-links a[aria-current=page]{color:var(--bright)}

.site-footer{border-top:1px solid var(--border);padding:17px 5% 15px}
.site-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:10px 24px;flex-wrap:wrap}
.site-footer-name{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:750;font-size:1.3rem}
.site-footer-meta{text-align:center;font-size:.76rem;color:var(--muted);line-height:1.6;margin-top:8px}
.site-footer-links a{color:var(--muted)}

main{max-width:1250px;margin:auto;padding:0 5%}
.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.17em;font-size:.81rem;font-weight:700}

/* Home */body[data-page=home] .hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:clamp(12px,3vw,40px);position:relative}
body[data-page=home] .hero-content{padding:clamp(55px,6vw,88px) 0 45px;min-width:0;position:relative;z-index:1}
body[data-page=home] .hero-art{padding:clamp(25px,4vw,60px) 0 0;min-width:0;display:flex;justify-content:center;align-items:flex-start;position:relative;z-index:1}
body[data-page=home] .hero-art img{width:100%;max-width:410px;height:auto;filter:var(--hero-filter)}
.accent-line{width:75px;height:3px;background:var(--green);margin-bottom:22px}
.motto{color:var(--text);font-size:1.08rem}
.intro{max-width:720px;font-size:1.06rem}
.wave{position:absolute;inset:0;pointer-events:none;opacity:.22;background:repeating-radial-gradient(ellipse at 82% 52%,transparent 0,transparent 17px,rgba(39,132,83,.17) 18px,transparent 19px);mask-image:linear-gradient(90deg,transparent 18%,black 72%,transparent)}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;border-bottom:1px solid var(--border);padding:15px 0 42px}
.feature{text-align:center;padding:12px}
.feature-icon{width:42px;height:42px;display:block;margin:0 auto 12px;color:var(--green)}
.feature h2{margin:0 0 6px;font-size:1.12rem}
.feature p{font-size:.94rem;margin:0}
.accounting-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:38px 0 48px;padding:26px 30px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(110deg,var(--panel-start),var(--panel-end))}
.accounting-panel h2{color:var(--green);font-size:1.55rem;margin:0 0 9px}
.accounting-panel p{margin:0}
.button{display:inline-block;text-decoration:none;padding:10px 18px;border:1px solid var(--green);border-radius:7px;white-space:normal;font-weight:650}
.button:hover{background:var(--green);color:var(--on-accent)}
.next{padding:4px 0 45px}
.next h2{margin:0 0 12px}
.next p{max-width:780px}

/* Accounting */body[data-page=accounting] .hero{padding:70px 0 28px;max-width:850px;position:relative}
body[data-page=accounting] .hero p{font-size:1.18rem}
body[data-page=accounting] main section{padding:26px 0 42px}
body[data-page=accounting] .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.card{border:1px solid var(--card-border);border-radius:12px;background:linear-gradient(135deg,var(--card-start),var(--card-mid) 55%,var(--card-end));padding:25px}
.card h3{margin:0 0 8px;color:var(--bright)}
.card p{margin:0;color:var(--detail)}
.card-icon{display:block;font-size:1.7rem;color:var(--green);line-height:1;margin-bottom:15px}
.notice{border-top:1px solid var(--border)}
.early-access{background:linear-gradient(135deg,var(--feature-start),var(--feature-end));border:1px solid var(--feature-border);border-radius:12px;padding:27px!important;margin-bottom:44px}
.early-access p{max-width:740px}

/* Privacy */body[data-page=privacy] main{max-width:1100px;padding-top:50px;padding-bottom:42px}
body[data-page=privacy] .card h2{color:var(--bright);font-size:1.35rem;margin:0 0 9px}
body[data-page=privacy] .card p{margin:0 0 10px}
body[data-page=privacy] .notice{border:1px solid var(--border);border-radius:10px;padding:22px 26px;margin-top:25px;background:var(--notice)}
body[data-page=privacy] .notice h2{color:var(--bright)}

@media(max-width:850px){body[data-page=home] .hero{grid-template-columns:minmax(0,1fr) minmax(130px,.67fr)}
body[data-page=home] .hero-art img{max-width:270px}
.features{gap:5px}
.accounting-panel{flex-wrap:wrap}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}


/* Shared accessibility and content pages */
.skip-link{position:absolute;left:16px;top:-100px;z-index:10;background:var(--text);color:var(--bg);padding:12px 18px}

.skip-link:focus{top:12px}

.site-links a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}

.content-page{padding-top:48px;padding-bottom:56px;min-height:65vh}

.content-page>p,.content-page>section>p{max-width:760px}

.content-page .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:30px 0}

.notice p,.early-access p{color:var(--detail)}

.card h2{font-size:1.35rem;color:var(--bright);margin-top:0}

.early-access .eyebrow{color:var(--text)}

body[data-page=accounting] .hero h1{text-align:center}

.noscript-nav{padding:16px;display:flex;gap:16px;flex-wrap:wrap}

@media(max-width:620px){
.site-links{border:0;padding:0}
.site-footer-inner{flex-direction:column;gap:8px}
body[data-page=home] .hero{display:block;position:relative}
body[data-page=home] .hero-content{padding-top:155px}
body[data-page=home] .hero-art{position:absolute;right:0;top:5px;width:clamp(115px,32vw,170px);padding:0;pointer-events:none}
body[data-page=home] .hero-art img{width:100%}
body[data-page=home] .wave{opacity:.1}
.features{grid-template-columns:minmax(0,1fr)}
.accounting-panel{padding:22px}
body[data-page=accounting] .grid{grid-template-columns:minmax(0,1fr)}
.content-page .grid{grid-template-columns:minmax(0,1fr)}
.site-links{gap:8px 16px}
.site-links a{font-size:1rem}
main p{font-size:1.125rem}
.content-page{padding-top:32px}
}


/* Compact appearance menu; palettes and early theme loading remain shared. */
.theme-control{position:relative;align-self:start;justify-self:end;color:var(--muted);font-size:.9rem}
.theme-control[hidden],.theme-menu[hidden]{display:none}
.theme-control button{font:inherit;color:inherit;cursor:pointer}
.theme-toggle{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:4px;background:transparent}
.theme-control svg{display:block;width:20px;height:20px;flex-shrink:0}
.theme-toggle:hover,.theme-toggle[aria-expanded="true"]{color:var(--bright)}
.theme-toggle:active{color:var(--text)}
.theme-control button:focus-visible{outline:2px solid var(--bright);outline-offset:3px}
.theme-menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:30;width:11rem;max-width:calc(100vw - 2rem);max-height:calc(100dvh - 5rem);overflow-y:auto;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--bg);box-shadow:0 4px 14px #0002}
.theme-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 10px;border:0;border-radius:4px;background:transparent;text-align:start;line-height:1.4}
.theme-menu button:hover,.theme-menu button:focus-visible{background:var(--panel);color:var(--bright)}
.theme-menu button:active{background:var(--chrome)}
.theme-menu button[aria-checked="true"]{color:var(--bright);font-weight:600}
.theme-check{margin-inline-start:auto;visibility:hidden}
.theme-menu button[aria-checked="true"] .theme-check{visibility:visible}
@media(max-width:1000px){
 .site-nav{grid-template-columns:minmax(0,1fr) 44px;column-gap:12px}
 .site-brand{grid-column:1;grid-row:1}
 .site-links{grid-column:1/-1;grid-row:2;justify-self:start}
 .theme-control{grid-column:2;grid-row:1}
}