.future-scope{--future-accent:#a6c30b;--future-muted:#b1b5a8;--future-line:#363d23;color:#fff;font-family:"Roboto Mono",ui-monospace,monospace;line-height:1.65;box-sizing:border-box}
.future-scope *{box-sizing:border-box}
.future-scope a{color:inherit;text-decoration:none}
.future-scope a:focus-visible{outline:3px solid var(--future-accent);outline-offset:6px}
.future-section{padding:88px max(24px,calc((100vw - 1280px)/2));background:#080a05;border-top:1px solid var(--future-line);scroll-margin-top:90px}
.future-kicker{margin:0 0 18px;color:var(--future-accent);font-size:.875rem;letter-spacing:.12em;text-transform:uppercase}
.future-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:36px}
.future-heading h2,.future-index h1{font-size:clamp(3rem,8vw,7rem);font-weight:600;letter-spacing:-.06em;line-height:1.05;margin:0}
.future-heading p{color:var(--future-muted);max-width:46ch;margin:0;font-size:1rem}
.future-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.future-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--future-line);background:#0d1008;transition:border-color .18s,transform .18s}
.future-card:hover{border-color:var(--future-accent);transform:translateY(-3px)}
.future-card-art{height:228px;display:grid;place-items:center;background:#fff;overflow:hidden}
.future-card-art img{width:100%;height:100%;object-fit:contain;display:block}
.future-card-art--skillos{background:#a6c30b;color:#111508;font-family:Georgia,serif;font-size:clamp(3rem,5vw,5rem);font-weight:400;letter-spacing:-.07em}
.future-card-body{padding:26px;display:flex;flex-direction:column;flex:1}
.future-card-meta{display:flex;justify-content:space-between;gap:12px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--future-muted)}
.future-card h3{font-size:1.625rem;letter-spacing:-.04em;margin:22px 0 6px;line-height:1.3}
.future-card p{font-size:1rem;color:var(--future-muted);margin:0 0 26px}
.future-card-link{display:block;margin-top:auto;padding-top:20px;border-top:1px solid var(--future-line);color:var(--future-accent)!important;font-size:.875rem;text-transform:uppercase;letter-spacing:.04em}
.future-card-link:hover{text-decoration:underline}
.future-page{background:#000;margin:0;min-width:320px}
.future-shell{max-width:1280px;margin:0 auto;padding:0 32px}
.future-nav{min-height:92px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--future-line)}
.future-brand{font-weight:700;letter-spacing:.06em;color:var(--future-accent)!important}
.future-nav nav{display:flex;gap:24px;align-items:center;font-size:.875rem;flex-wrap:wrap}
.future-nav a:hover,.future-footer a:hover{text-decoration:underline}
.future-nav [aria-current]{color:var(--future-accent)}
.future-breadcrumb{padding-top:32px;color:var(--future-muted);font-size:.875rem}
.future-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.future-hero{padding:64px 0 72px;display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}
.future-hero h1{font-size:clamp(2.8rem,6.6vw,6rem);line-height:1.06;letter-spacing:-.065em;margin:20px 0 30px;overflow-wrap:anywhere}
.future-lede{font-size:clamp(1.1rem,1.8vw,1.35rem);color:#d3d5cd;max-width:46ch}
.future-status{display:inline-block;padding:7px 12px;border:1px solid var(--future-line);color:var(--future-muted);font-size:.875rem}
.future-hero figure{margin:0}
.future-hero-art{width:100%;aspect-ratio:1.25;object-fit:contain;display:block;background:#fff}
.future-hero-wordmark{aspect-ratio:1.25;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#a6c30b;color:#111508;padding:30px}
.future-hero-wordmark strong{font-family:Georgia,serif;font-weight:400;font-size:clamp(3.8rem,8vw,7rem);letter-spacing:-.075em;line-height:1.3}
.future-hero-wordmark span{font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;text-align:center}
.future-hero figcaption{font-size:.75rem;color:var(--future-muted);margin-top:12px}
.future-body{display:grid;grid-template-columns:1fr 2fr;gap:64px;border-top:1px solid var(--future-line);padding:48px 0}
.future-body h2{font-size:1.25rem;font-weight:500;line-height:1.4;margin:0}
.future-body p{max-width:66ch;font-size:1rem;color:#d3d5cd;margin:0 0 22px}
.future-directions{display:grid;gap:0;margin:0;padding:0;list-style:none}
.future-directions li{padding:22px 0;border-bottom:1px solid var(--future-line)}
.future-directions li:first-child{padding-top:0}
.future-directions li:last-child{border-bottom:0;padding-bottom:0}
.future-directions h3{font-size:1.125rem;margin:0 0 8px;font-weight:500}
.future-directions p{margin:0}
.future-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}
.future-button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;background:var(--future-accent);color:#111508!important;border:1px solid var(--future-accent);font-size:.875rem}
.future-button:hover{background:#c2dd32}
.future-button--secondary{background:transparent;color:var(--future-accent)!important}
.future-button--secondary:hover{background:#182008}
.future-footer{border-top:1px solid var(--future-line);padding:28px 0 38px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;color:var(--future-muted);font-size:.875rem}
.future-footer nav{display:flex;gap:24px;flex-wrap:wrap}
.future-index{padding:72px 0}
.future-index .future-lede{margin:28px 0 48px}
@media(max-width:900px){.future-grid{grid-template-columns:1fr}.future-card{display:grid;grid-template-columns:1fr 1.4fr}.future-card-art{height:100%;min-height:240px}.future-hero{gap:32px}.future-body{gap:32px;grid-template-columns:1fr 2fr}}
@media(max-width:640px){.future-shell{padding:0 22px}.future-nav{padding:20px 0;align-items:flex-start;flex-direction:column;gap:14px}.future-nav nav{gap:22px}.future-section{padding:54px 22px}.future-card{display:flex}.future-card-art{height:220px;min-height:0}.future-hero{grid-template-columns:1fr;padding:40px 0 48px}.future-hero h1{font-size:clamp(2.6rem,12vw,4.5rem)}.future-body{grid-template-columns:1fr;gap:24px;padding:32px 0}.future-index{padding:44px 0}.future-card-art--skillos{font-size:4.5rem}}
@media(prefers-reduced-motion:reduce){.future-card{transition:none}.future-card:hover{transform:none}}

/* Skillos identity as seen on skillos.ai; keep the supplied mark unchanged. */
.future-card-art--skillos{background:#1c1c1c;color:#f5f4f1;letter-spacing:normal}
.future-skillos-brand{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;padding:32px;background:#1c1c1c;color:#f5f4f1}
.future-skillos-brand img{width:clamp(52px,6vw,82px);height:auto;flex:none}
.future-skillos-brand strong{font-family:Inter,system-ui,sans-serif;font-weight:760;font-size:clamp(1.75rem,3.4vw,3.25rem);letter-spacing:-.02em;line-height:1.2}
.future-hero figure>.future-skillos-brand{aspect-ratio:1.25}
@media(max-width:640px){.future-skillos-brand{padding:24px;gap:14px}.future-skillos-brand img{width:60px}.future-skillos-brand strong{font-size:2.25rem}}

/* Large Skillos lockup: fill the available artwork area without cropping. */
.future-skillos-brand{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);container-type:inline-size;gap:8px;padding:12px;width:100%;height:100%;min-height:0}
.future-skillos-brand img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.future-skillos-brand strong{font-size:clamp(1rem,8.4cqw,4rem);letter-spacing:-.04em;white-space:nowrap}
.future-hero figure>.future-skillos-brand{height:auto;aspect-ratio:1.25}
