/* Intent Radar: shared styles, ported from the Claude Design pages (Landing, Demo, SignalCard, Privacy). */
:root{--bg:#F4F3EE;--surface:#FFFFFF;--sunk:#ECEAE3;--ink:#14171A;--ink2:#454B53;--ink3:#5F656E;--line:#DEDBD2;--line2:#C5C1B6;--accent:#17704F;--accent-ink:#FFFFFF;--alert:#B4380F;--l-cloud_billing:#8F5300;--l-security:#B0262D;--l-cost_optimization:#2C7333;--l-cdn_network:#1D5AA6;--l-devops_services:#6A3D9E;color-scheme:light}
:root[data-theme="dark"]{--bg:#0C0F10;--surface:#14191B;--sunk:#101416;--ink:#E7E9E4;--ink2:#AEB5B2;--ink3:#8D9592;--line:#232B2E;--line2:#3A4645;--accent:#57CF9C;--accent-ink:#06140E;--alert:#FF8A5C;--l-cloud_billing:#F0B25C;--l-security:#FF8A8A;--l-cost_optimization:#7FD08A;--l-cdn_network:#86B6F7;--l-devops_services:#C6A4F2;color-scheme:dark}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#0C0F10;--surface:#14191B;--sunk:#101416;--ink:#E7E9E4;--ink2:#AEB5B2;--ink3:#8D9592;--line:#232B2E;--line2:#3A4645;--accent:#57CF9C;--accent-ink:#06140E;--alert:#FF8A5C;--l-cloud_billing:#F0B25C;--l-security:#FF8A8A;--l-cost_optimization:#7FD08A;--l-cdn_network:#86B6F7;--l-devops_services:#C6A4F2;color-scheme:dark}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:'Geist',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--ink);text-decoration-color:var(--line2);text-underline-offset:3px}
a:hover{color:var(--accent)}
input,select,textarea,button{font:inherit;color:inherit}
summary::-webkit-details-marker{display:none}
details[open] > summary .chev{transform:rotate(90deg)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
[hidden]{display:none!important}
.mono{font-family:'Geist Mono',monospace}

/* layout */
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.site-header{border-bottom:1px solid var(--line)}
.site-header .wrap{height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand img{width:32px;height:32px;object-fit:contain;display:block}
.brand span{font-family:'Geist Mono',monospace;font-size:14px;font-weight:600;letter-spacing:-0.01em}
.nav{display:flex;align-items:center;gap:4px}
.nav a{font-size:14px;text-decoration:none;padding:0 10px;height:40px;display:flex;align-items:center}
.theme-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.theme-btn span{width:14px;height:14px;border-radius:50%;border:1.5px solid currentColor;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
.site-footer{border-top:1px solid var(--line)}
.site-footer .wrap{padding:24px 20px 32px;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;font-size:14px;color:var(--ink3)}
.site-footer .links{display:flex;flex-wrap:wrap;gap:10px 20px}
.site-footer a{color:var(--ink2)}
.site-footer .made{font-family:'Geist Mono',monospace;font-size:13px}

/* shared bits */
.eyebrow{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink3)}
.live{display:flex;align-items:center;gap:8px;font-family:'Geist Mono',monospace;font-size:12px;color:var(--ink3);flex-wrap:wrap}
.live .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 18%,transparent)}
.btn{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 22px;border-radius:8px;font-weight:600;font-size:16px;text-decoration:none;border:0;cursor:pointer}
.btn-primary{background:var(--accent);color:var(--accent-ink)}
.btn-primary:hover{color:var(--accent-ink)}
.btn-ghost{border:1px solid var(--line2);color:var(--ink);font-weight:500;padding:0 20px}
.lead{margin:0;font-size:16px;line-height:1.5;color:var(--ink2)}
h2.section-title{margin:0;font-size:28px;line-height:1.15;letter-spacing:-0.02em;font-weight:600;text-wrap:balance}
.stack{display:flex;flex-direction:column}

/* landing */
.hero{padding-top:44px;padding-bottom:56px;display:flex;flex-direction:column;gap:22px}
.hero h1{margin:0;font-size:clamp(36px,9vw,68px);line-height:1.02;letter-spacing:-0.035em;font-weight:600;max-width:15ch;text-wrap:balance}
.hero p{margin:0;font-size:18px;line-height:1.5;color:var(--ink2);max-width:36rem;text-wrap:pretty}
.hero .ctas{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}
.band{border-top:1px solid var(--line)}
.band > .wrap{padding-top:48px;padding-bottom:48px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:28px 24px}
.step{position:relative;border-top:1px solid var(--line2);padding-top:20px;display:flex;flex-direction:column;gap:8px}
.step .pin{position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--bg);border:1.5px solid var(--accent)}
.step .pin.on{background:var(--accent)}
.step .tag{font-family:'Geist Mono',monospace;font-size:12px;font-weight:600;color:var(--accent);letter-spacing:0.06em}
.step h3{margin:0;font-size:18px;font-weight:600}
.step p{margin:0;font-size:15px;line-height:1.5;color:var(--ink2)}
.step .note{font-family:'Geist Mono',monospace;font-size:12px;color:var(--ink3)}
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:28px;align-items:start}
.legend{margin:12px 0 0;display:flex;flex-direction:column;gap:12px;font-size:14px;line-height:1.45}
.legend div{display:grid;grid-template-columns:108px 1fr;gap:12px}
.legend dt{font-family:'Geist Mono',monospace;font-size:12px;color:var(--ink2)}
.legend dt.accent{color:var(--accent)}
.legend dd{margin:0;color:var(--ink2)}
.numbers{background:var(--sunk);border-bottom:1px solid var(--line)}
.big{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}
.big .n{font-family:'Geist Mono',monospace;font-size:clamp(56px,16vw,96px);line-height:0.9;font-weight:500;letter-spacing:-0.05em}
.big .t{font-size:20px;line-height:1.3;max-width:18rem;text-wrap:balance}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;border-top:1px solid var(--line2);padding-top:20px}
.kpis .n{font-family:'Geist Mono',monospace;font-size:32px;font-weight:500;letter-spacing:-0.03em}
.kpis .t{font-size:14px;line-height:1.4;color:var(--ink2)}
.linebar{display:flex;height:8px;border-radius:4px;overflow:hidden;gap:2px}
.linebar span{flex:1 1 0}
.linelegend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--ink2)}
.linelegend > span{display:inline-flex;align-items:center;gap:6px}
.linelegend i{width:8px;height:8px;border-radius:2px}
.linelegend b{font-family:'Geist Mono',monospace;color:var(--ink3);font-weight:400}
.fine{margin:6px 0 0;font-family:'Geist Mono',monospace;font-size:12px;line-height:1.6;color:var(--ink3)}
.who{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.who > div{border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:8px}
.who > div.now{border-color:var(--line2);background:var(--surface)}
.who .tag{font-family:'Geist Mono',monospace;font-size:12px;color:var(--ink3);font-weight:600}
.who .now .tag{color:var(--accent)}
.who h3{margin:0;font-size:20px;font-weight:600;letter-spacing:-0.01em}
.who p{margin:0;font-size:15px;line-height:1.5;color:var(--ink2)}

/* pilot form */
.pilot{max-width:720px;margin:0 auto;padding:48px 20px 56px;display:flex;flex-direction:column;gap:20px}
.form{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--ink2)}
.form label.full{grid-column:1 / -1}
.form label small{color:var(--ink3);font-weight:400;font-size:13px}
.form input,.form select,.form textarea{height:48px;padding:0 12px;border:1px solid var(--line2);border-radius:8px;background:var(--surface);font-size:16px;width:100%}
.form textarea{height:auto;padding:12px;resize:vertical}
.form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form .actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.form .error{font-size:14px;line-height:1.4;color:var(--alert);flex:1 1 200px}
.sent{border:1px solid color-mix(in oklab,var(--accent) 45%,transparent);background:color-mix(in oklab,var(--accent) 8%,var(--surface));border-radius:10px;padding:20px;display:flex;gap:12px;align-items:center;font-size:17px;font-weight:500}
.sent i{width:10px;height:10px;border-radius:50%;background:var(--accent);flex:none}

/* demo */
.demo{padding-top:32px;padding-bottom:56px;display:flex;flex-direction:column;gap:22px}
.demo h1{margin:0;font-size:clamp(30px,7vw,44px);line-height:1.05;letter-spacing:-0.03em;font-weight:600}
.filters{display:flex;flex-direction:column;gap:14px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.filters .row{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:flex-end;justify-content:space-between}
.filters .label{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink3)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border-radius:18px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--line2);background:transparent;color:var(--ink)}
.chip[aria-pressed="true"]{border-color:var(--ink);background:var(--surface)}
.chip i{width:8px;height:8px;border-radius:50%}
.chip b{font-family:'Geist Mono',monospace;font-size:12px;color:var(--ink3);font-weight:400}
.switch{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 2px;border:0;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--ink)}
.switch .track{position:relative;width:38px;height:22px;border-radius:11px;background:var(--sunk);border:1px solid var(--line2);transition:background .15s}
.switch .knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--ink3);transition:left .15s}
.switch[aria-checked="true"] .track{background:var(--alert);border-color:var(--alert)}
.switch[aria-checked="true"] .knob{left:18px;background:var(--surface)}
.switch small{font-family:'Geist Mono',monospace;font-size:12px;color:var(--ink3);font-weight:400}
.sort{height:36px;padding:0 10px;border:1px solid var(--line2);border-radius:8px;background:transparent;font-size:13px}
.count{font-family:'Geist Mono',monospace;font-size:12px;color:var(--ink3)}
.empty{border:1px dashed var(--line2);border-radius:10px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.empty p{margin:0;font-size:16px;line-height:1.5;color:var(--ink2);max-width:22rem}
.empty button{height:40px;padding:0 16px;border:1px solid var(--line2);border-radius:8px;background:transparent;cursor:pointer;font-size:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px;align-items:start}
.cta-row{border-top:1px solid var(--line);padding-top:24px;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between}
.cta-row p{margin:0;font-size:16px;color:var(--ink2)}
.cta-row .btn{height:48px;padding:0 20px}

/* signal card */
.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.card .top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.card .badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}
.line-tag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:6px;font-size:12px;font-weight:600;color:var(--lc);background:color-mix(in oklab,var(--lc) 11%,transparent)}
.line-tag i{width:7px;height:7px;border-radius:50%;background:currentColor}
.badge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:6px;font-family:'Geist Mono',monospace;font-size:11px;color:var(--ink2);border:1px solid var(--line2)}
.badge.churn{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 40%,transparent)}
.urg{display:flex;align-items:center;gap:7px;font-family:'Geist Mono',monospace;font-size:11px;color:var(--ink2)}
.urg .bars{display:flex;align-items:flex-end;gap:2px;height:14px}
.urg .bars i{width:4px;border-radius:1px;background:var(--line2)}
.urg .bars i:nth-child(1){height:7px}.urg .bars i:nth-child(2){height:10px}.urg .bars i:nth-child(3){height:13px}
.urg .bars i.on{background:var(--ink2)}
.urg.u3{color:var(--alert)}
.urg.u3 .bars i.on{background:var(--alert)}
.card .meta{font-family:'Geist Mono',monospace;font-size:12px;color:var(--ink3);display:flex;flex-wrap:wrap;gap:4px 10px}
.card h3{margin:0;font-size:17px;line-height:1.35;font-weight:600;letter-spacing:-0.01em;text-wrap:pretty;overflow-wrap:anywhere}
.card .excerpt{margin:0;padding:10px 12px;background:var(--sunk);border-radius:8px;font-size:14px;line-height:1.5;color:var(--ink2);overflow-wrap:anywhere}
.card .pain{margin:0;font-size:15px;line-height:1.5;text-wrap:pretty}
.card .label{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink3)}
.hints{display:flex;flex-wrap:wrap;gap:6px}
.hints span{font-size:12px;height:24px;display:inline-flex;align-items:center;padding:0 8px;border-radius:6px;background:var(--sunk);color:var(--ink2)}
.card details{border-top:1px solid var(--line);padding-top:10px}
.card summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:32px;font-size:14px;font-weight:600}
.card .chev{display:inline-block;transition:transform .15s;color:var(--ink3);font-family:'Geist Mono',monospace}
.card details p{margin:6px 0 2px 18px;font-size:14px;line-height:1.55;color:var(--ink2);text-wrap:pretty}
.card .foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-family:'Geist Mono',monospace;font-size:12px;color:var(--ink3)}
.card .foot a{display:inline-flex;align-items:center;min-height:32px}

/* privacy */
.privacy{max-width:820px;margin:0 auto;padding:32px 20px 48px;display:flex;flex-direction:column;gap:24px}
.privacy h1{margin:0;font-size:clamp(28px,6vw,40px);line-height:1.1;letter-spacing:-0.03em;font-weight:600}
.privacy .boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}
.privacy .boxes div{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:8px}
.privacy .boxes h2{margin:0;font-size:16px;font-weight:600}
.privacy .boxes p{margin:0;font-size:15px;line-height:1.5;color:var(--ink2)}
.privacy .rows{border-top:1px solid var(--line)}
.privacy .rows div{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.privacy .rows dt{font-family:'Geist Mono',monospace;font-size:13px;color:var(--ink3)}
.privacy .rows dd{margin:0;font-size:15px;line-height:1.5}

/* phones: keep the header on one line, 16px gutter */
.brand span,.nav a{white-space:nowrap}
@media (max-width:400px){.wrap,.pilot,.privacy{padding-left:16px;padding-right:16px}.site-header .wrap{gap:6px}.brand{gap:8px}.brand span{font-size:13px}.nav{gap:0}.nav a{padding:0 7px}}
@media (max-width:359px){.brand span{display:none}}