/* Pagina /corso-ai/ (page-corso-ai.php, inc/corso-ai.php) */
.ai-page { --ink:#1a1612; --soft:#5b5247; --mute:#8a8071; --rule:#d8cfbe; --paper:#fbf7f0; --alt:#f3ede2; --acc:#a8442a; --acc2:#f0b49f;
  --serif:"Fraunces",Georgia,serif; --sans:"Inter Tight",system-ui,sans-serif; --mono:"JetBrains Mono",monospace;
  font-family:var(--sans); color:var(--ink); }
.ai-wrap { max-width:1080px; margin:0 auto; padding:0 24px; }
.ai-kicker { font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--acc); font-weight:600; }
.ai-hero { padding:56px 0 48px; border-bottom:1px solid var(--rule); }
.ai-hero__grid { display:grid; grid-template-columns:1.25fr .9fr; gap:48px; align-items:start; }
.ai-hero h1 { font-family:var(--serif); font-size:clamp(34px,5vw,54px); line-height:1.05; letter-spacing:-.02em; margin:14px 0 18px; font-weight:600; }
.ai-hero__lead { font-size:19px; line-height:1.55; color:var(--soft); margin:0 0 24px; max-width:560px; }
.ai-facts { display:flex; flex-wrap:wrap; gap:10px 26px; margin:0; padding:0; list-style:none; }
.ai-facts li { font-family:var(--mono); font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--mute); }
.ai-facts b { display:block; font-family:var(--serif); font-size:22px; letter-spacing:0; text-transform:none; color:var(--ink); }
.ai-tools { display:flex; gap:8px; flex-wrap:wrap; margin-top:26px; }
.ai-tools span { border:1px solid var(--rule); background:#fff; padding:6px 12px; font-size:14px; font-weight:600; border-radius:999px; }

.ai-box { position:relative; background:var(--ink); color:#fffaf2; padding:28px 28px 26px; border-radius:4px; box-shadow:0 10px 30px rgba(26,22,18,.18); }
.ai-box::before { content:""; position:absolute; left:0; top:0; bottom:0; width:6px; background:var(--acc); border-radius:4px 0 0 4px; }
.ai-box .ai-kicker { color:var(--acc2); }
.ai-box h2 { font-family:var(--serif); font-size:24px; line-height:1.2; margin:10px 0 8px; font-weight:600; color:#fffaf2; }
.ai-box p { color:rgba(255,250,242,.78); font-size:15px; line-height:1.5; margin:0 0 16px; }
.ai-meter { margin:4px 0 18px; }
.ai-meter__bar { height:8px; background:rgba(255,250,242,.15); border-radius:99px; overflow:hidden; }
.ai-meter__bar i { display:block; height:100%; width:25%; background:var(--acc2); }
.ai-meter__lab { display:flex; justify-content:space-between; font-family:var(--mono); font-size:11px; letter-spacing:.06em; color:rgba(255,250,242,.65); margin-top:6px; text-transform:uppercase; }
.ai-form { display:grid; gap:10px; }
.ai-form .row { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.ai-form input, .ai-form select { width:100%; box-sizing:border-box; font:16px var(--sans); padding:12px 12px; border:1px solid rgba(255,250,242,.25); background:rgba(255,250,242,.06); color:#fffaf2; border-radius:3px; }
.ai-form select option { color:var(--ink); }
.ai-form input::placeholder { color:rgba(255,250,242,.5); }
.ai-form label.chk { display:grid; grid-template-columns:18px 1fr; gap:10px; align-items:start; font-size:13px; line-height:1.45; color:rgba(255,250,242,.75); }
.ai-form label.chk input { width:18px; height:18px; margin:2px 0 0; padding:0; }
.ai-form label.chk a { color:var(--acc2); }
.ai-btn { display:block; width:100%; background:var(--acc); color:#fff; border:0; font:700 16px var(--sans); padding:16px; border-radius:3px; cursor:pointer; }
.ai-btn:hover { filter:brightness(1.12); }
.ai-note { font-size:12px !important; color:rgba(255,250,242,.6) !important; margin:10px 0 0 !important; text-align:center; }

.ai-sec { padding:56px 0; border-bottom:1px solid var(--rule); }
.ai-sec h2 { font-family:var(--serif); font-size:clamp(28px,3.4vw,38px); line-height:1.1; letter-spacing:-.01em; margin:10px 0 14px; font-weight:600; }
.ai-sec__lead { font-size:17px; line-height:1.6; color:var(--soft); max-width:680px; margin:0 0 30px; }
.ai-mods { display:grid; gap:0; border-top:1px solid var(--rule); }
.ai-mod { display:grid; grid-template-columns:70px 1fr 300px; gap:24px; padding:24px 0; border-bottom:1px solid var(--rule); align-items:start; }
.ai-mod__n { font-family:var(--serif); font-size:40px; line-height:1; color:var(--acc); font-weight:600; }
.ai-mod h3 { font-family:var(--serif); font-size:22px; line-height:1.2; margin:0 0 8px; font-weight:600; }
.ai-mod p { margin:0; color:var(--soft); font-size:15px; line-height:1.6; }
.ai-mod__out { background:var(--alt); border-left:3px solid var(--acc); padding:12px 14px; font-size:14px; line-height:1.5; }
.ai-mod__out span { display:block; font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--acc); margin-bottom:4px; font-weight:600; }

.ai-cols { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.ai-card { background:#fff; border:1px solid var(--rule); padding:22px; }
.ai-card h3 { font-family:var(--serif); font-size:19px; margin:0 0 8px; font-weight:600; }
.ai-card p { margin:0; color:var(--soft); font-size:15px; line-height:1.55; }

.ai-how { counter-reset:s; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; list-style:none; padding:0; margin:0; }
.ai-how li { counter-increment:s; border-top:2px solid var(--ink); padding-top:14px; font-size:15px; line-height:1.55; color:var(--soft); }
.ai-how li::before { content:"0" counter(s); display:block; font-family:var(--mono); font-size:12px; color:var(--acc); font-weight:600; margin-bottom:6px; letter-spacing:.1em; }
.ai-how b { color:var(--ink); display:block; margin-bottom:4px; }

.ai-faq details { border-bottom:1px solid var(--rule); padding:16px 0; }
.ai-faq summary { font-family:var(--serif); font-size:19px; font-weight:600; cursor:pointer; list-style:none; }
.ai-faq summary::after { content:"+"; float:right; color:var(--acc); font-family:var(--sans); }
.ai-faq details[open] summary::after { content:"−"; }
.ai-faq p { color:var(--soft); line-height:1.6; margin:10px 0 0; max-width:720px; }
.ai-todo { background:#fff4c2; padding:0 4px; }

@media (max-width:860px) {
  .ai-hero__grid, .ai-cols, .ai-how { grid-template-columns:1fr; gap:24px; }
  .ai-mod { grid-template-columns:44px 1fr; }
  .ai-mod__out { grid-column:2; }
  .ai-mod__n { font-size:30px; }
  .ai-form .row { grid-template-columns:1fr; }
  .ai-hero { padding-top:32px; }
  .ai-wrap { padding:0 16px; }
}
.ai-msg { font-size:14px; line-height:1.5; padding:12px 14px; border-radius:3px; margin:0; }
.ai-msg--ok { background:rgba(240,180,159,.15); color:#fffaf2; }
.ai-msg--err { background:#fff1ec; color:#7a2a14; }
.ai-hp { position:absolute; left:-9999px; }
.ai-done h2 { margin-top:0; }
