/* Free campaign trial (/trial) + plan selector + AI callout cards. White/violet. */
.tr-hero{padding:56px 0 40px;background:radial-gradient(900px 400px at 85% -10%,#ede9fe,transparent 60%),linear-gradient(180deg,#faf8ff,#fff)}
.tr-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start}@media (max-width:900px){.tr-hero-grid{grid-template-columns:1fr}}
.tr-promise h1{font:800 clamp(34px,4.2vw,52px)/1.05 var(--display,Poppins,system-ui);letter-spacing:-.03em;margin:10px 0 12px}
.tr-3steps{list-style:none;margin:18px 0 12px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tr-3steps li{position:relative;background:#fff;border:1px solid #ede9fe;border-radius:18px;padding:14px;box-shadow:0 12px 28px -20px rgba(76,29,149,.55)}
.tr-3steps li+li::before{content:"→";position:absolute;left:-12px;top:22px;color:#a78bfa;font-weight:800}
.tr-si{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#ede9fe,#f5f3ff);font-size:20px;margin-bottom:8px}
.tr-3steps b{display:block;font-size:14px}.tr-3steps small{color:#64748b;font-size:12px}
.tr-time{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:#4c1d95;background:#f5f3ff;border-radius:12px;padding:10px 12px}
.tr-steps{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:16px 0 8px}
.tr-steps li{font-size:12px;font-weight:700;color:#5b21b6;background:#fff;border:1px solid #ddd6fe;border-radius:999px;padding:5px 10px 5px 5px;display:flex;gap:6px;align-items:center}
.tr-steps i{font-style:normal;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#7c3aed;color:#fff;font-size:10px}
.tr-form{padding:22px;border-radius:22px;box-shadow:0 30px 60px -30px rgba(76,29,149,.5);border:1px solid #ede9fe;background:#fff;display:grid;gap:10px}
.tr-form h2{margin:4px 0 2px;font-size:20px}.tr-form hr{border:0;border-top:1px solid #f1f0fb;margin:4px 0}
.tr-trust{display:flex;gap:10px;align-items:center;background:linear-gradient(135deg,#f5f3ff,#fff);border:1px solid #c4b5fd;border-radius:14px;padding:10px 12px;font-size:12.5px;color:#3b0764;line-height:1.4}
.tr-shield{color:#7c3aed;flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 4px 12px -4px rgba(124,58,237,.5)}
.tr-f{display:grid;gap:4px;font-size:13px;font-weight:600}.tr-f b{color:#7c3aed}.tr-f small{color:#94a3b8;font-weight:500}
.tr-f input{border:1px solid #d6d3f0;border-radius:10px;padding:10px 12px;font:inherit;font-weight:500}.tr-f input:focus{outline:2px solid #a78bfa;border-color:#7c3aed}
.tr-f.has-err input{border-color:#dc2626}.tr-err{color:#b91c1c;font-style:normal;font-size:12px}
.tr-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:560px){.tr-2{grid-template-columns:1fr}}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
/* run page */
.tr-run-hero{padding:40px 0 18px;background:radial-gradient(900px 380px at 90% -20%,#ede9fe,transparent 60%),#fff}
.tr-run-hero h1{font:800 clamp(28px,3.4vw,42px)/1.1 var(--display,Poppins,system-ui);letter-spacing:-.02em;margin:8px 0}
.tr-notice{display:flex;gap:8px;align-items:center;background:#fef3c7;color:#78350f;border-radius:12px;padding:10px 12px;margin-bottom:12px;font-weight:600;font-size:14px}
.tr-nav{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 6px;position:sticky;top:64px;z-index:5}
.tr-nav a{font-size:12.5px;font-weight:700;color:#4c1d95;background:#fff;border:1px solid #ddd6fe;border-radius:999px;padding:6px 11px 6px 6px;text-decoration:none;display:flex;gap:6px;align-items:center}
.tr-nav i{font-style:normal;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#ede9fe;font-size:10px}
.tr-body{padding-bottom:60px}.tr-sec{margin:34px 0;scroll-margin-top:110px}
.tr-sec>h2{display:flex;align-items:center;gap:10px;font:800 24px/1.2 var(--display,Poppins,system-ui);margin:0 0 12px}.tr-sec>h2 .gi{color:#7c3aed}
.tr-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:900px){.tr-3{grid-template-columns:1fr}}
.tr-chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.tr-chips li{background:#f5f3ff;color:#5b21b6;border-radius:999px;padding:5px 10px;font-size:12.5px;font-weight:600}
.tr-list{margin:0;padding-left:18px;font-size:13.5px;display:grid;gap:4px}.tr-list.ok li::marker{content:"✓  ";color:#059669}.tr-list.bad li::marker{content:"!  ";color:#dc2626}
.tr-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:12px 0}
.tr-check{border-radius:14px;padding:12px;background:#fff;border:1px solid #eef0f4;display:grid;gap:4px;font-size:13px}
.tr-check b{font-size:13.5px}.tr-risk{border-left:4px solid #f59e0b}.tr-ok{border-left:4px solid #10b981}.tr-check.tr-check{}.tr-check:not(.tr-risk):not(.tr-ok){border-left:4px solid #8b5cf6}
.tr-tear{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.tr-tear-c dl{display:grid;grid-template-columns:90px 1fr;gap:6px 10px;margin:8px 0;font-size:13px}.tr-tear-c dt{color:#64748b;font-weight:700}
.tr-tear-c dd{margin:0}.tr-tear-c .win{color:#5b21b6;font-weight:700}
.tr-ais{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}@media (max-width:800px){.tr-ais{grid-template-columns:1fr}}
.tr-ais-rows{display:grid;gap:8px;margin:10px 0}.tr-ais-r{display:flex;justify-content:space-between;border-radius:12px;padding:10px 12px;background:#f8fafc;font-size:14px}
.tr-ais-mentioned{background:#ecfdf5;color:#065f46}.tr-ais-maybe{background:#fffbeb;color:#92400e}.tr-ais-not_found{background:#fef2f2;color:#991b1b}
.tr-ais-score{background:linear-gradient(135deg,#4c1d95,#7c3aed);color:#fff;border-radius:16px;padding:16px}.tr-ais-score b{font:800 40px/1 var(--display,system-ui)}.tr-ais-score b small{font-size:16px;opacity:.7}
.tr-ais-score>span{display:block;font-size:12px;opacity:.85;margin:4px 0 8px}.tr-ais-score ul{margin:0;padding-left:16px;font-size:12.5px;display:grid;gap:4px}
.tr-plan table{width:100%;border-collapse:collapse;font-size:14px}.tr-plan th{text-align:left;font-size:12px;color:#64748b;padding:6px}.tr-plan td{padding:8px 6px;border-top:1px solid #f1f0fb}
.tr-cap input,.tr-plan-foot input{width:90px;border:1px solid #d6d3f0;border-radius:8px;padding:6px 8px;font:inherit}
.tr-plan-foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px;font-weight:700}.tr-over{color:#b91c1c}.tr-okc{color:#047857}
.tr-ad-main{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:16px;align-items:start}@media (max-width:800px){.tr-ad-main{grid-template-columns:1fr}}
.tr-var{border:1px solid #eef0f4;border-radius:12px;padding:10px;margin:8px 0;display:grid;gap:2px}.tr-var small{color:#64748b}
.tr-2c{display:grid;grid-template-columns:1fr 1.3fr;gap:14px}@media (max-width:800px){.tr-2c{grid-template-columns:1fr}}
.tr-bubble{background:#7c3aed;color:#fff;border-radius:18px 18px 18px 4px;padding:12px 14px;margin:10px 0;font-size:14px;line-height:1.45;box-shadow:0 10px 24px -14px #7c3aed}
.tr-seq{margin:0;padding-left:18px;display:grid;gap:10px;font-size:13.5px}.tr-seq b{margin-right:6px}.tr-ch{display:inline-block;font-size:11px;font-weight:800;color:#5b21b6;background:#ede9fe;border-radius:999px;padding:2px 8px;margin-right:6px}
.tr-value{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:800px){.tr-value{grid-template-columns:1fr}}
.tr-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.tr-kpis .gc small{display:block;color:#64748b;font-size:12px}.tr-kpis .gc b{font:800 24px/1.2 var(--display,system-ui);color:#4c1d95}.tr-kpis p{grid-column:1/-1}
.tr-feed ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px;max-height:300px;overflow:auto}
.tr-ev{display:flex;justify-content:space-between;gap:10px;background:#faf8ff;border-radius:10px;padding:8px 10px;font-size:13px;animation:trIn .5s both}
.tr-ev small{color:#94a3b8;white-space:nowrap}.tr-ev-lead{border-left:3px solid #7c3aed}.tr-ev-book{border-left:3px solid #10b981}.tr-ev-reply{border-left:3px solid #6366f1}
@keyframes trIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.tr-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.2);margin-right:4px}
/* AI callout cards */
.aic-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:16px 0 4px}
.aic{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #ede9fe;border-radius:16px;padding:12px;box-shadow:0 12px 28px -22px rgba(76,29,149,.6)}
.aic-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;flex:none}
.aic small{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#7c3aed}.aic b{font-size:13.5px}.aic em{font-style:normal;font:800 20px/1 var(--display,system-ui);color:#1e1b4b}
/* plan selector */
.psel{background:#fff;border:1px solid #ede9fe;border-radius:22px;padding:20px;box-shadow:0 24px 50px -30px rgba(76,29,149,.5)}
.psel-head h3{margin:0 0 4px;font-size:20px}
.psel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}@media (max-width:900px){.psel-grid{grid-template-columns:1fr 1fr}}
.psel-col{position:relative;cursor:pointer}.psel-col input{position:absolute;top:12px;right:12px;width:20px;height:20px;accent-color:#7c3aed}
.psel-box{display:grid;gap:4px;border:2px solid #ede9fe;border-radius:16px;padding:14px;height:100%;transition:border-color .15s,box-shadow .15s}
.psel-col input:checked+.psel-box{border-color:#7c3aed;box-shadow:0 14px 30px -18px rgba(124,58,237,.7);background:linear-gradient(180deg,#faf8ff,#fff)}
.psel-box small{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#7c3aed}.psel-flag{color:#fff!important;background:#7c3aed;border-radius:999px;padding:2px 8px;justify-self:start}
.psel-box b{font-size:16px}.psel-price{font:800 26px/1.1 var(--display,system-ui);color:#1e1b4b}.psel-price i{font-style:normal;font-size:12px;color:#64748b;margin-left:3px}
.psel-tag{font-size:12px;color:#475569}
.psel-feat{width:100%;border-collapse:collapse;font-size:13px;margin:6px 0 12px}.psel-feat th{text-align:left;font-weight:600;padding:6px 4px;color:#334155}
.psel-feat td{text-align:center;padding:6px 4px;border-top:1px solid #f1f0fb;width:14%}.psel-feat .ck{color:#7c3aed;font-weight:900}.psel-feat .no{color:#cbd5e1}
.psel-addon{display:flex;gap:12px;align-items:flex-start;border:1px dashed #a78bfa;border-radius:14px;padding:12px;background:#faf8ff;cursor:pointer}
.psel-addon input{width:20px;height:20px;accent-color:#7c3aed;margin-top:2px}.psel-addon b{display:block}.psel-addon em{font-style:normal;color:#6d28d9}.psel-addon small{display:block;color:#475569;font-size:12.5px;margin-top:3px}
.psel-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}.psel-foot small{display:block;color:#64748b;font-size:12px}
.psel-foot b{font:800 26px/1.1 var(--display,system-ui);color:#4c1d95;margin-right:10px}
.psel-feat thead td{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#7c3aed;border-top:0}

/* Demo replay picker + Run fresh (app/demo_replay.py) */
.tr-replay select{width:100%;padding:11px 12px;border:1px dashed #a78bfa;border-radius:10px;background:#faf8ff;font:inherit}
.tr-hint{display:block;font-style:normal;font-size:12px;color:#64748b;margin-top:4px}
.tr-fresh{display:flex;align-items:center;gap:8px;margin:10px 0 0;font-size:13.5px;color:#475569}
.tr-fresh input{accent-color:#7c3aed;width:16px;height:16px}.tr-fresh small{color:#94a3b8}