/* H Alpha AI — the product page (2026-10-19). The approved gold-card design
   (entry.css, card-material.css, type.css, theme.css) with the page's sections.
   Type sizes come only from type.css: 11 · 13 · 15 · 18 · 24/28 · 36/48. */
html{--p-bg:#090b08;--p-surface:#10130f;--p-ink:#eee9de;--p-strong:#e8e9dc;--p-mid:#b3bdab;--p-dim:#8e9383;--p-line:rgba(237,230,206,.09);
  --p-line2:rgba(180,154,106,.27);--p-au:#d5a13b;--p-au-ink:#e2bf79;--p-au-soft:rgba(180,137,40,.13);--p-user:rgba(160,132,74,.12);--au:#d5a13b;scroll-behavior:smooth}
html[data-ground=cream],html[data-ground=gold]{--p-bg:var(--g-bg);--p-surface:var(--g-surface);--p-ink:var(--g-ink);--p-strong:var(--g-ink);--p-mid:var(--g-mid);--p-dim:var(--g-dim);
  --p-line:var(--g-line);--p-line2:var(--g-line-strong);--p-au:var(--g-au);--p-au-ink:var(--g-au-ink);--p-au-soft:var(--g-au-soft);--p-user:var(--g-surface);--au:#B8860B}
body.ai-home{background:var(--p-bg);color:var(--p-ink)}
html[data-ground=gold] body.ai-home{background:var(--g-field) fixed}
.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:16px;top:16px;z-index:50;background:var(--p-surface);color:var(--p-ink);padding:8px 12px;border-radius:5px;font-size:var(--t2)}

/* the hero: the approved entry, with the product line */
.ai-home .landing.hero{min-height:min(100svh,980px)}
.home-nav{display:flex;gap:22px;align-items:center}
.home-nav a{font-family:var(--mono);font-size:var(--t1);letter-spacing:.12em;text-transform:uppercase;color:var(--p-mid)}
.home-nav a:hover{color:var(--p-au-ink)}
.home-nav .nav-signin{color:var(--p-au-ink);border:1px solid var(--p-line2);border-radius:5px;padding:6px 10px}
.ai-home .gateway{padding-bottom:40px}
.ai-home .entrance{width:min(100%,620px)}
.ai-home .invitation{max-width:640px;padding-top:4px}
.ai-home .invitation p{max-width:36em}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
.hero-ctas.left{justify-content:flex-start}
.ai-home .enter-label{cursor:pointer;text-decoration:none}
.ai-home .enter-label:hover{border-color:#dec38e9c}
.ghost-btn{display:inline-flex;align-items:center;min-height:50px;padding:0 22px;border-radius:6px;border:1px solid var(--p-line2);color:var(--p-mid);font-size:var(--t3)}
.ghost-btn:hover{color:var(--p-au-ink);border-color:var(--p-au)}

/* the sections */
.home-main{max-width:1120px;margin:0 auto;padding:0 5vw}
.hsec{padding:72px 0;border-top:1px solid var(--p-line)}
.hsec.last{padding-bottom:88px}
.hsec>.eyebrow{color:var(--p-au-ink);margin-bottom:12px;letter-spacing:.18em}
.hsec h2{font-family:var(--serif);font-weight:400;font-size:var(--t6);line-height:1.1;letter-spacing:-.012em;margin:0 0 14px;color:var(--p-strong)}
.hsec .lead{font-size:var(--t3);line-height:1.7;color:var(--p-mid);max-width:44em;margin:0 0 28px}
.hsec .lead a,.plain a{color:var(--p-au-ink);border-bottom:1px solid var(--p-au)}

/* 01 scope: the capability cards */
.caps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cap{background:var(--p-surface);border:1px solid var(--p-line2);border-radius:8px;padding:20px 20px 18px;display:flex;flex-direction:column;gap:8px}
html[data-ground=black] .cap{background:linear-gradient(120deg,rgba(207,160,60,.05),transparent),var(--p-surface)}
.cap h3{margin:0;font-size:var(--t3);font-weight:500;line-height:1.4;color:var(--p-strong)}
.cap p{margin:0;font-size:var(--t2);line-height:1.6;color:var(--p-mid);flex:1}
.cap-q{font-family:var(--mono);font-size:var(--t1);letter-spacing:.02em;color:var(--p-au-ink);border-top:1px solid var(--p-line);padding-top:10px;margin-top:4px}

/* 02 examples: the workspace's answer, as it reads */
.ex-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.ex-tabs button{font-size:var(--t2);color:var(--p-mid);border:1px solid var(--p-line2);border-radius:5px;padding:8px 12px;line-height:1.4;text-align:left}
.ex-tabs button[aria-selected=true]{color:var(--p-au-ink);border-color:var(--p-au);background:var(--p-au-soft)}
.ex-tabs button:hover{color:var(--p-au-ink)}
.ex-panel{background:var(--p-surface);border:1px solid var(--p-line2);border-radius:10px;padding:28px 32px}
html[data-ground=gold] .ex-panel{background:rgba(251,248,240,.86)}
.ex-q{margin:0 0 22px auto;max-width:80%;width:fit-content;padding:12px 18px;background:var(--p-user);border:1px solid var(--p-line2);border-radius:10px 10px 2px 10px;font-size:var(--t3);line-height:1.6;color:var(--p-strong)}
.ex-head{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:var(--t2);font-weight:500;color:var(--p-strong)}
.ex-head img{width:38px;height:auto}
.ex-head .tag{font-family:var(--mono);font-size:var(--t1);letter-spacing:.1em;text-transform:uppercase;color:var(--p-dim);font-weight:400;border-left:1px solid var(--p-line2);padding-left:10px}
.ex-prose{font-size:var(--t3);line-height:1.75;color:var(--p-mid);margin:0 0 6px;max-width:58em}
.ex-prose:first-of-type{color:var(--p-strong)}
.ex-fig{color:var(--p-ink)}
.ex-fig .dfg{border-color:var(--p-line2);background:transparent}
.ex-asof{font-size:var(--t1);color:var(--p-dim);margin:14px 0 0;font-family:var(--mono);letter-spacing:.06em}

/* 03 sources */
.two{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:start}
.plain{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.plain li{font-size:var(--t3);line-height:1.65;color:var(--p-mid);padding-left:18px;position:relative}
.plain li::before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--p-au)}
.plain b{color:var(--p-strong);font-weight:500}
.method-notes{background:var(--p-surface);border:1px solid var(--p-line2);border-left:2px solid var(--p-au);border-radius:8px;padding:22px 24px}
.method-notes h3{margin:0 0 6px;font-size:var(--t3);font-weight:500;color:var(--p-strong)}
.method-notes p{margin:0 0 18px;font-size:var(--t2);line-height:1.65;color:var(--p-mid)}
.method-notes p:last-child{margin-bottom:0}

/* 05 price */
.price{width:100%;max-width:820px;border-collapse:collapse}
.price th,.price td{text-align:left;padding:18px 0;border-top:1px solid var(--p-line);vertical-align:top}
.price tr:last-child th,.price tr:last-child td{border-bottom:1px solid var(--p-line)}
.price th{font-size:var(--t3);font-weight:500;color:var(--p-strong);padding-right:24px;width:48%}
.price td b{display:block;font-family:var(--serif);font-weight:400;font-size:var(--t5);line-height:1.2;color:var(--p-au-ink)}
.price td span{display:block;margin-top:4px;font-size:var(--t2);color:var(--p-mid)}

/* footer */
.home-foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:0 5vw;padding:16px 0 calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--p-line);
  font-family:var(--mono);font-size:var(--t1);letter-spacing:.08em;color:var(--p-dim)}
.home-foot a{color:var(--p-mid)}
.home-foot .footer-controls{display:flex;align-items:center;gap:16px}

@media(max-width:1000px){.caps{grid-template-columns:repeat(2,minmax(0,1fr))}.two{grid-template-columns:1fr;gap:24px}}
@media(max-width:760px){
  .home-nav{display:none}
  .hsec{padding:52px 0}
  .hsec h2{font-size:var(--t5);line-height:1.2}
  .caps{grid-template-columns:1fr}
  .ex-panel{padding:20px 16px}
  .ex-q{max-width:94%}
  .price th{width:auto;display:block;padding-bottom:4px;border-top:1px solid var(--p-line)}
  .price td{display:block;padding-top:0;border-top:0}
  .price tr{display:block}
  .hero-ctas{flex-direction:column;align-items:stretch}
  .ghost-btn{justify-content:center}
  .home-foot{flex-direction:column;align-items:flex-start}
}
/* a figure keeps its type size and scrolls inside its panel on a narrow screen */
.ex-panel{min-width:0;overflow:hidden}
.ex-fig{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
/* the price rows read as text, not as a data-table header */
.price th{font-family:var(--sans);font-size:var(--t3);font-weight:500;letter-spacing:0;text-transform:none;background:none}