/* Cadence AI - cadenceai.agency */
:root{--ink:#000;--paper:#fff;--red:#DC2626;--grey:#a3a3a3;--line:#262626;--bg:#000;--fg:#fff;--sub:#d4d4d4;--bd:#404040;--lbg:#fff;--lfg:#000;--lsub:#404040;--hdr:rgba(0,0,0,.92);--hole:#000;
--f:"Inter Tight","Neue Haas Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:dark}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--fg);font:400 18px/1.6 var(--f)}
a{color:inherit}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--hdr);border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.04em;text-decoration:none}
.brand svg{width:34px;height:34px}
nav{display:flex;gap:26px;align-items:center;font-size:15px}
nav a{text-decoration:none;color:var(--grey)}nav a:hover{color:var(--paper)}
nav .cta{background:var(--red);color:#fff;padding:9px 16px;font-weight:700}
@media(max-width:760px){nav a:not(.cta){display:none}}
.hero{position:relative;overflow:hidden;padding:96px 0 120px}
.hero h1{font-size:clamp(44px,8.5vw,112px);line-height:.95;letter-spacing:-.03em;font-weight:800;margin:0 0 28px;max-width:11ch}
.hero p.lead{font-size:clamp(19px,2.4vw,26px);max-width:34em;color:var(--sub);margin:0 0 36px}
.tag{color:var(--red);font-weight:700;margin:0 0 20px;font-size:16px}
.btns{display:flex;gap:14px;flex-wrap:wrap}
.url{display:inline-block;margin:28px 0 0;padding:8px 14px;border:1px solid var(--bd);font-weight:700;letter-spacing:.04em;font-size:16px}
.url b{color:var(--red)}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(38px,4.8vw,62px);max-width:none}
.scene{margin:0}.scene svg{display:block;width:100%;height:auto;border-bottom:6px solid var(--red)}
.scene figcaption{margin-top:12px;font-size:14px;color:var(--grey);letter-spacing:.04em}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}.hero{padding-bottom:140px}}
.btn{display:inline-block;padding:15px 26px;font-weight:700;text-decoration:none;border:2px solid var(--fg)}
.btn.red{background:var(--red);border-color:var(--red)}
.btn:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.pulse{position:absolute;left:0;right:0;bottom:36px;width:100%;height:90px;opacity:.9;pointer-events:none}
.pulse path{fill:none;stroke:var(--red);stroke-width:2.5;stroke-dasharray:2400;stroke-dashoffset:2400;animation:draw 3.2s ease-out .3s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.pulse path{animation:none;stroke-dashoffset:0}html{scroll-behavior:auto}}
section{padding:96px 0;border-top:1px solid var(--line)}
section.light{background:var(--lbg);color:var(--lfg);border-top:0}
section.light .sub{color:var(--lsub)}
h2{font-size:clamp(34px,5vw,60px);line-height:1.02;letter-spacing:-.025em;font-weight:800;margin:0 0 20px;max-width:16ch}
.sub{color:var(--sub);font-size:clamp(19px,2vw,23px);max-width:36em;margin:0 0 48px}
.rule{width:56px;height:4px;background:var(--red);margin:0 0 24px}
.grid{display:grid;gap:0;grid-template-columns:repeat(3,1fr);border-top:1px solid currentColor}
.grid{border-color:var(--bd)}.light .grid{border-color:var(--lfg)}
.grid.two{grid-template-columns:repeat(2,1fr)}
.cell{padding:28px 28px 32px 0;border-bottom:1px solid var(--bd)}
.light .cell{border-color:var(--lfg)}
.cell h3{margin:0 0 10px;font-size:22px;line-height:1.2}
.cell p{margin:0;color:inherit;opacity:.82;font-size:17px}
@media(max-width:820px){.grid,.grid.two{grid-template-columns:1fr}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
@media(max-width:820px){.split{grid-template-columns:1fr;gap:32px}}
.quote{font-size:clamp(26px,3.6vw,44px);line-height:1.15;font-weight:700;letter-spacing:-.02em;margin:0}
.steps{list-style:none;margin:0;padding:0}
.steps li{padding:22px 0;border-bottom:1px solid var(--bd);display:grid;grid-template-columns:auto 1fr;gap:6px 22px}
.steps b{color:var(--red);font-size:22px;grid-row:span 2}
.steps strong{font-size:21px}.steps span{opacity:.82}
.proof{background:var(--red);color:#fff;padding:36px;margin-top:40px}
.proof h3{margin:0 0 8px;font-size:26px}.proof p{margin:0;font-size:18px}
.team{display:grid;grid-template-columns:200px 1fr;gap:40px;align-items:center}
.avatar{width:200px;height:200px;background:var(--lfg);--hole:var(--lfg);display:grid;place-items:center;border-bottom:6px solid var(--red)}
.avatar svg{width:110px}
@media(max-width:640px){.team{grid-template-columns:1fr}}
.contact a.big{font-size:clamp(26px,4.4vw,52px);font-weight:800;letter-spacing:-.02em;text-decoration:none;border-bottom:4px solid var(--red)}
.contact dl{display:grid;grid-template-columns:auto 1fr;gap:10px 28px;margin:48px 0 0}
.contact dt{color:var(--grey)}.contact dd{margin:0}
footer{border-top:1px solid var(--line);padding:32px 0;color:var(--grey);font-size:15px}
.light .steps,.light .steps li{border-color:var(--lfg)!important}
.avatar svg{color:var(--lbg)!important}
.themes{display:flex;gap:10px;align-items:center}
.sw{width:22px;height:22px;border-radius:50%;border:2px solid var(--grey);padding:0;cursor:pointer}
.sw[aria-pressed=true]{border-color:var(--red);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--red)}
.sw[data-t=midnight]{background:#000}.sw[data-t=daylight]{background:#fff}.sw[data-t=harlem]{background:linear-gradient(135deg,#0d0907 50%,#D4A017 50%)}
:root[data-theme=daylight]{--bg:#fff;--fg:#000;--sub:#404040;--bd:#d4d4d4;--lbg:#000;--lfg:#fff;--lsub:#d4d4d4;--hdr:rgba(255,255,255,.92);--hole:#fff;--line:#e5e5e5;--grey:#525252}
:root[data-theme=harlem]{--bg:#0d0907;--fg:#f8f1e3;--sub:#e0d5bd;--bd:#4a3a22;--lbg:#f3e7c9;--lfg:#1a1208;--lsub:#4a3a22;--hdr:rgba(13,9,7,.92);--hole:#0d0907;--line:#2e2314;--grey:#b3a58a;--red:#D4A017}
:root[data-theme=harlem] nav .cta,:root[data-theme=harlem] .btn.red,:root[data-theme=harlem] .proof{color:#1a1208}
:root[data-theme=harlem] .light [style*="color:var(--red)"]{color:#7a5200!important}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}