/* AI.me — shared stylesheet for the secondary pages (/faq/, /articles/, /ar/). Tokens mirror index.html. */
:root{ color-scheme: light dark; --bg:#ffffff; --bg-alt:#f5f5f7; --ink:#1d1d1f; --ink-dim:#6e6e73; --line:#d2d2d7; --accent:#0071e3; }
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --bg:#000000; --bg-alt:#0c0c0e; --ink:#f5f5f7; --ink-dim:#a1a1a6; --line:#2b2b2e; --accent:#2997ff; } }
:root[data-theme="dark"]{ --bg:#000000; --bg-alt:#0c0c0e; --ink:#f5f5f7; --ink-dim:#a1a1a6; --line:#2b2b2e; --accent:#2997ff; }
*{box-sizing:border-box;}
html,body{margin:0;}
body{ background:var(--bg); color:var(--ink); font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing:antialiased; line-height:1.55; }
html[lang="ar"] body{ font-family:-apple-system, BlinkMacSystemFont, "SF Arabic", "Segoe UI", "Noto Naskh Arabic", "Helvetica Neue", Arial, sans-serif; line-height:1.75; }
img{max-width:100%;}
a{color:inherit;}
h1,h2,h3{margin:0; letter-spacing:-0.018em; text-wrap:balance; font-weight:600;}
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3{letter-spacing:0;}
p{margin:0;}
.wrap{max-width:760px; margin:0 auto; padding-inline:22px;}
header{ position:sticky; top:0; z-index:20; background:color-mix(in srgb, var(--bg) 78%, transparent); backdrop-filter:saturate(180%) blur(20px); border-bottom:1px solid var(--line); }
.navbar{ max-width:1000px; margin:0 auto; padding-inline:22px; height:48px; display:flex; align-items:center; justify-content:space-between; }
.navbar .logo{font-size:0.95rem; font-weight:600; text-decoration:none;}
.navbar nav{display:flex; gap:28px; font-size:0.8rem;}
.navbar nav a{text-decoration:none; opacity:0.85;}
.navbar nav a:hover, .navbar nav a[aria-current]{opacity:1;}
.navbar .pill{font-size:0.78rem; border:1px solid var(--line); border-radius:980px; padding:6px 14px; text-decoration:none; display:inline-flex; align-items:center; gap:6px;}
@media (max-width:760px){ .navbar nav{display:none;} }
.eyebrow{font-size:0.82rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:var(--accent); margin-bottom:12px;}
html[lang="ar"] .eyebrow{letter-spacing:0;}
.hero{padding-block:88px 40px;}
.hero h1{font-size:clamp(2rem, 4.6vw, 3.1rem); line-height:1.1;}
.hero .lede{margin-top:18px; font-size:clamp(1.05rem,1.8vw,1.25rem); color:var(--ink-dim); max-width:52ch;}
section.band{padding-block:40px;}
section.band.alt{background:var(--bg-alt);}
section.band h2{font-size:clamp(1.5rem, 3vw, 2.1rem); line-height:1.15;}
.sub{margin-top:14px; font-size:1.05rem; color:var(--ink-dim); max-width:56ch;}
.qa{list-style:none; margin:0; padding:0;}
.qa > li{padding-block:30px; border-top:1px solid var(--line);}
.qa > li:first-child{border-top:0;}
.qa h2, .qa h3{font-size:clamp(1.25rem, 2.4vw, 1.6rem); line-height:1.2;}
.qa p{margin-top:12px; font-size:1.05rem; max-width:62ch;}
.qa p + p{margin-top:10px;}
.qa p.note{color:var(--ink-dim); font-size:0.95rem;}
.steps{list-style:none; margin:24px 0 0; padding:0; display:grid; gap:22px;}
.steps li{padding:22px; border:1px solid var(--line); border-radius:18px; background:var(--bg);}
.steps h3{font-size:1.15rem;}
.steps p{margin-top:8px; color:var(--ink-dim);}
.list{list-style:none; margin:0; padding:0;}
.list > li{padding-block:26px; border-top:1px solid var(--line);}
.list > li:first-child{border-top:0;}
.list .date{font-size:0.82rem; color:var(--ink-dim); letter-spacing:0.02em;}
.list h2{font-size:1.35rem; margin-top:6px; line-height:1.25;}
.list h2 a{text-decoration:none;}
.list h2 a:hover{text-decoration:underline;}
.list p{margin-top:8px; color:var(--ink-dim); max-width:62ch;}
.list .where{margin-top:8px; font-size:0.85rem; color:var(--ink-dim);}
.ctas{display:flex; gap:24px; align-items:center; margin-top:28px; flex-wrap:wrap;}
.btn-pill{background:var(--accent); color:#fff; text-decoration:none; padding:11px 24px; border-radius:980px; font-size:1rem; display:inline-flex; align-items:center; gap:9px;}
.btn-pill.big{font-size:1.06rem; padding:14px 30px; font-weight:500;}
.link-more{text-decoration:none; color:var(--accent);}
.ai-spark{width:16px; height:16px; fill:currentColor;}
.cta-note{margin-top:16px; font-size:0.92rem; color:var(--ink-dim);}
.close{padding-block:64px 80px; border-top:1px solid var(--line);}
footer{border-top:1px solid var(--line); padding-block:36px 56px;}
footer .fact{font-size:0.84rem; color:var(--ink-dim);}
footer .fact b{color:var(--ink); font-weight:600;}
footer .row{margin-top:16px; padding-top:16px; border-top:1px solid var(--line); display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:0.78rem; color:var(--ink-dim);}

/* Alpha application form (/alpha/, /ar/alpha/) */
.story{margin-top:22px; padding:22px 24px; border:1px solid var(--line); border-radius:18px; background:var(--bg);}
.story p{font-size:1.05rem; max-width:62ch;}
.story p + p{margin-top:12px;}
.story .tag{color:var(--ink-dim); font-size:0.95rem;}
.apply{margin-top:26px; display:grid; gap:18px; max-width:560px;}
.apply label{display:block; font-size:0.92rem; font-weight:600; margin-bottom:6px;}
.apply input[type=text], .apply input[type=email], .apply input[type=url], .apply textarea{width:100%; font:inherit; font-size:1rem; color:var(--ink); background:var(--bg); border:1px solid var(--line); border-radius:12px; padding:12px 14px;}
.apply textarea{min-height:120px; resize:vertical;}
.apply input:focus, .apply textarea:focus{outline:2px solid var(--accent); outline-offset:1px; border-color:transparent;}
.apply .hp{position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap;}
.apply .notice{font-size:0.92rem; color:var(--ink-dim);}
.apply .consent{display:flex; gap:10px; align-items:flex-start; font-weight:400; font-size:0.95rem;}
.apply .consent input{margin-top:4px; width:18px; height:18px; accent-color:var(--accent); flex:none;}
.apply button{border:0; cursor:pointer; font:inherit; justify-self:start;}
.apply button[disabled]{opacity:0.6; cursor:default;}
.form-msg{margin-top:14px; font-size:1rem;}
.form-msg.err{color:#d70015;}
.done{margin-top:26px; padding:24px; border:1px solid var(--line); border-radius:18px; background:var(--bg);}
.done h3{font-size:1.25rem;}
.done p{margin-top:8px; color:var(--ink-dim);}