/* ============================================================
   AuditAIKit — conversion + trust sections (restored from old site,
   rebuilt in the current dark visual language). Uses the same tokens,
   type ramp, square-ish radii and hairline borders as styles.css.
   No new colors, no gradients-as-decoration, no emoji.
   ============================================================ */

/* shared: a small mono kicker used inside section bodies */
.kicker{font-family:var(--mono);font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-mute)}

/* ───────────── AUDIT PAIN ───────────── */
.pain{position:relative;border-top:1px solid var(--border)}
.pain-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:clamp(36px,6vw,84px);align-items:center}
.pain-statement .eyebrow{margin-bottom:24px}
.pain-statement h2{font-size:clamp(30px,4.4vw,54px);line-height:1.04;letter-spacing:-0.025em;color:var(--white)}
.pain-statement h2 .muted{color:var(--text-mute)}
.pain-statement h2 .accent{display:inline}
.pain-statement p{font-size:clamp(16px,1.6vw,18px);color:var(--text-soft);line-height:1.65;max-width:520px;margin-top:26px}
.pain-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:var(--r);background:rgba(255,255,255,0.012);overflow:hidden}
.pain-row{display:flex;align-items:center;gap:16px;padding:18px 22px;border-bottom:1px solid var(--border)}
.pain-row:last-child{border-bottom:none}
.pain-row .pr-ico{width:34px;height:34px;flex:none;border-radius:8px;border:1px solid rgba(201,119,78,0.28);background:rgba(201,119,78,0.08);display:flex;align-items:center;justify-content:center}
.pain-row .pr-ico svg{width:17px;height:17px;stroke:var(--rust);fill:none;stroke-width:1.6}
.pain-row h4{font-family:var(--display);font-size:15.5px;font-weight:600;color:var(--white);margin-bottom:2px}
.pain-row p{font-size:13px;color:var(--text-soft);margin:0;line-height:1.45}
.pain-row .pr-time{margin-left:auto;font-family:var(--mono);font-size:10.5px;letter-spacing:0.08em;color:var(--text-mute);white-space:nowrap}
.pain-turn{margin-top:30px;display:flex;align-items:center;gap:14px;font-size:15px;color:var(--text)}
.pain-turn .arrow{font-family:var(--mono);color:var(--cyan)}
.pain-turn strong{font-weight:600;color:var(--white)}
@media(max-width:860px){.pain-grid{grid-template-columns:1fr;gap:40px}}

/* ───────────── BROWSER-ONLY TRUST ───────────── */
.trust-sec{position:relative;background:var(--navy-2)}
.trust-sec .section-head{max-width:720px}
.shield-row{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.shield-badge{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--cyan);border:1px solid rgba(34,211,238,0.28);background:rgba(34,211,238,0.07);border-radius:6px;padding:7px 13px}
.shield-badge svg{width:14px;height:14px;stroke:var(--cyan);fill:none;stroke-width:1.7}
.tcards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.tcard{position:relative;background:linear-gradient(180deg,var(--surface),#0c1626);border:1px solid var(--border);border-radius:var(--r);padding:26px 22px 24px;overflow:hidden;transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s}
.tcard::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .35s;background:radial-gradient(70% 60% at 30% 0%,rgba(34,211,238,0.12),transparent 70%)}
.tcard:hover{transform:translateY(-5px);border-color:rgba(34,211,238,0.3);box-shadow:0 24px 50px -28px rgba(0,0,0,.85)}
.tcard:hover::before{opacity:1}
.tcard .check{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(34,211,238,0.10);border:1px solid rgba(34,211,238,0.26);margin-bottom:18px}
.tcard .check svg{width:20px;height:20px;stroke:var(--cyan);fill:none;stroke-width:2}
.tcard h3{font-size:16.5px;margin-bottom:8px;line-height:1.2}
.tcard p{font-size:13px;color:var(--text-soft);line-height:1.55}
.trust-foot{margin-top:30px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:20px 24px;border:1px solid var(--border);border-radius:var(--r);background:rgba(255,255,255,0.012)}
.trust-foot .tf-ico{width:42px;height:42px;flex:none;border-radius:10px;border:1px solid var(--border-strong);background:rgba(255,255,255,0.02);display:flex;align-items:center;justify-content:center}
.trust-foot .tf-ico svg{width:21px;height:21px;stroke:var(--cyan);fill:none;stroke-width:1.6}
.trust-foot p{font-size:14.5px;color:var(--text-soft);line-height:1.55;margin:0}
.trust-foot p strong{color:var(--white);font-weight:600}
.trust-foot .tf-proof{margin-left:auto;font-family:var(--mono);font-size:11px;letter-spacing:0.08em;color:var(--text-mute);white-space:nowrap}
@media(max-width:1080px){.tcards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.tcards{grid-template-columns:1fr}.trust-foot .tf-proof{margin-left:0}}

/* ───────────── SAMPLE OUTPUT ───────────── */
.samples-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.sample{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--surface),#0c1626);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s}
.sample:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:0 24px 50px -28px rgba(0,0,0,.85)}
.sample-preview{position:relative;aspect-ratio:16/8.2;border-bottom:1px solid var(--border);overflow:hidden;background:#0a1322;padding:18px 18px 0}
/* abstract working-paper preview built from divs (not an illustration) */
.wp{position:absolute;inset:18px 18px 0;border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;background:#0b1626;display:flex;flex-direction:column;overflow:hidden}
.wp-bar{display:flex;align-items:center;gap:7px;padding:9px 12px;border-bottom:1px solid var(--border);background:rgba(255,255,255,0.02)}
.wp-bar .wb-title{font-family:var(--mono);font-size:9.5px;letter-spacing:0.06em;color:var(--text-soft);text-transform:uppercase}
.wp-bar .wb-tag{margin-left:auto;font-family:var(--mono);font-size:8.5px;letter-spacing:0.06em;color:var(--cyan);border:1px solid rgba(34,211,238,0.3);border-radius:4px;padding:2px 6px}
.wp-rows{flex:1;padding:10px 12px;display:flex;flex-direction:column;gap:7px}
.wp-r{display:grid;grid-template-columns:1.6fr 1fr 1fr 0.7fr;gap:8px;align-items:center}
.wp-cell{height:7px;border-radius:2px;background:rgba(255,255,255,0.07)}
.wp-cell.head{background:rgba(255,255,255,0.14);height:6px}
.wp-cell.flag{background:rgba(201,119,78,0.55)}
.wp-cell.ok{background:rgba(34,211,238,0.45)}
.wp-cell.w70{width:70%}.wp-cell.w50{width:50%}.wp-cell.w85{width:85%}
.sample-body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
.sample-body .s-eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-mute);margin-bottom:11px}
.sample-body h3{font-size:19px;margin-bottom:9px;line-height:1.2}
.sample-body p{font-size:14px;color:var(--text-soft);line-height:1.55;margin-bottom:18px}
.sample-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.sample-meta span{font-family:var(--mono);font-size:10px;letter-spacing:0.05em;color:var(--text-soft);border:1px solid var(--border);border-radius:5px;padding:5px 9px;background:rgba(255,255,255,0.02)}
.sample-dl{margin-top:auto;display:inline-flex;align-items:center;gap:9px;align-self:flex-start;font-family:var(--body);font-size:14px;font-weight:500;color:var(--white);border:1px solid var(--border-strong);background:rgba(255,255,255,0.03);border-radius:var(--r-sm);padding:11px 18px;cursor:pointer;transition:border-color .25s,background .25s,transform .25s}
.sample-dl:hover{border-color:rgba(34,211,238,0.45);background:rgba(34,211,238,0.06);transform:translateY(-2px)}
.sample-dl svg{width:15px;height:15px;stroke:var(--cyan);fill:none;stroke-width:1.7}
@media(max-width:760px){.samples-grid{grid-template-columns:1fr}}

/* ───────────── VS EXCEL ───────────── */
.versus-sec{background:var(--navy-2)}
.vs-wrap{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;max-width:1040px;margin:0 auto}
.vs-col{padding:0}
.vs-col.excel{background:rgba(255,255,255,0.012)}
.vs-col.aak{background:linear-gradient(180deg,rgba(34,211,238,0.05),rgba(59,130,246,0.03));border-left:1px solid var(--border)}
.vs-head{display:flex;align-items:center;gap:13px;padding:24px 28px;border-bottom:1px solid var(--border)}
.vs-head .vs-logo{width:38px;height:38px;flex:none;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:500;font-size:15px}
.vs-col.excel .vs-logo{border:1px solid var(--border-strong);background:rgba(255,255,255,0.03);color:var(--text-soft)}
.vs-col.aak .vs-logo{border:1px solid rgba(34,211,238,0.3);background:rgba(34,211,238,0.10);color:var(--cyan)}
.vs-head h3{font-size:19px;line-height:1}
.vs-col.excel .vs-head h3{color:var(--text-soft)}
.vs-head .vs-sub{font-family:var(--mono);font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-mute);margin-top:4px}
.vs-rows{padding:8px 0}
.vs-r{display:flex;align-items:flex-start;gap:13px;padding:15px 28px;border-bottom:1px solid var(--border)}
.vs-r:last-child{border-bottom:none}
.vs-r .vs-mk{width:20px;height:20px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px}
.vs-col.excel .vs-mk{border:1px solid rgba(255,255,255,0.16)}
.vs-col.excel .vs-mk svg{width:11px;height:11px;stroke:var(--text-mute);stroke-width:2.2;fill:none}
.vs-col.aak .vs-mk{background:rgba(34,211,238,0.14);border:1px solid rgba(34,211,238,0.3)}
.vs-col.aak .vs-mk svg{width:12px;height:12px;stroke:var(--cyan);stroke-width:2.4;fill:none}
.vs-r .vs-txt h4{font-family:var(--display);font-size:15px;font-weight:600;margin-bottom:2px}
.vs-col.excel .vs-r h4{color:var(--text-soft)}
.vs-col.aak .vs-r h4{color:var(--white)}
.vs-r .vs-txt p{font-size:12.5px;color:var(--text-mute);line-height:1.45;margin:0}
@media(max-width:760px){.vs-wrap{grid-template-columns:1fr}.vs-col.aak{border-left:none;border-top:1px solid var(--border)}}

/* ───────────── PROOF / METRICS ───────────── */
.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.metric{position:relative;background:linear-gradient(180deg,var(--surface),#0c1626);border:1px solid var(--border);border-radius:var(--r);padding:32px 26px;overflow:hidden}
.metric::after{content:'';position:absolute;left:0;top:26px;bottom:26px;width:2px;background:linear-gradient(180deg,var(--cyan),var(--blue));opacity:0.8}
.metric .m-num{font-family:var(--display);font-weight:600;font-size:clamp(38px,4vw,52px);line-height:1;letter-spacing:-0.03em;color:var(--white);margin-bottom:12px}
.metric .m-num .u{color:var(--cyan)}
.metric .m-label{font-family:var(--display);font-size:15px;font-weight:600;color:var(--white);margin-bottom:6px}
.metric .m-sub{font-size:12.5px;color:var(--text-soft);line-height:1.5}
.metric.flag .m-num{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--rust);font-size:clamp(30px,3.2vw,40px)}
@media(max-width:860px){.metrics-grid{grid-template-columns:1fr 1fr}}

/* ───────────── FOUNDER CREDIBILITY ───────────── */
.founder-sec{position:relative}
.founder-wrap{display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(36px,6vw,72px);align-items:center;max-width:1080px;margin:0 auto}
.founder-card{position:relative;border:1px solid var(--border);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--surface),#0c1626);padding:34px 32px;overflow:hidden}
.founder-card::before{content:'';position:absolute;inset:0;opacity:1;pointer-events:none;background:radial-gradient(80% 60% at 20% 0%,rgba(59,130,246,0.10),transparent 70%)}
.founder-portrait{position:relative;z-index:1;display:flex;align-items:center;gap:16px;margin-bottom:24px}
.fp-mark{width:62px;height:62px;flex:none;border-radius:14px;background:linear-gradient(140deg,var(--cyan),var(--blue) 55%,var(--purple));display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:600;font-size:24px;color:#fff;box-shadow:0 0 22px -4px var(--glow-blue)}
.founder-portrait .fp-name{font-family:var(--display);font-size:18px;font-weight:600;color:var(--white)}
.founder-portrait .fp-role{font-family:var(--mono);font-size:11px;letter-spacing:0.06em;color:var(--text-mute);margin-top:4px}
.founder-cred{position:relative;z-index:1;list-style:none;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border)}
.founder-cred li{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);font-size:13.5px;color:var(--text-soft);line-height:1.45}
.founder-cred li:last-child{border-bottom:none}
.founder-cred li::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);flex:none;margin-top:6px}
.founder-cred li strong{color:var(--white);font-weight:600}
.founder-copy .eyebrow{margin-bottom:22px}
.founder-copy h2{font-size:clamp(28px,3.6vw,46px);line-height:1.08;letter-spacing:-0.02em;margin-bottom:22px}
.founder-copy p{font-size:15.5px;color:var(--text-soft);line-height:1.7;margin-bottom:16px;max-width:560px}
.founder-copy p:last-child{margin-bottom:0}
.founder-copy strong{color:var(--text);font-weight:600}
@media(max-width:860px){.founder-wrap{grid-template-columns:1fr;gap:36px}}

/* ───────────── ROADMAP ───────────── */
.roadmap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1040px;margin:0 auto}
.rm{display:flex;align-items:flex-start;gap:18px;padding:24px 26px;border:1px solid var(--border);border-radius:var(--r);background:rgba(255,255,255,0.012);transition:border-color .3s,background .3s,transform .3s}
.rm:hover{border-color:var(--border-strong);background:rgba(255,255,255,0.025);transform:translateY(-3px)}
.rm .rm-ico{width:44px;height:44px;flex:none;border-radius:11px;border:1px solid var(--border-strong);background:rgba(255,255,255,0.02);display:flex;align-items:center;justify-content:center}
.rm .rm-ico svg{width:22px;height:22px;stroke:var(--cyan);fill:none;stroke-width:1.5}
.rm .rm-body{flex:1}
.rm .rm-top{display:flex;align-items:center;gap:12px;margin-bottom:7px;flex-wrap:wrap}
.rm h3{font-size:17px;line-height:1.15}
.rm .rm-status{font-family:var(--mono);font-size:9.5px;letter-spacing:0.08em;text-transform:uppercase;border-radius:5px;padding:4px 8px;white-space:nowrap}
.rm .rm-status.dev{color:var(--cyan);border:1px solid rgba(34,211,238,0.28);background:rgba(34,211,238,0.07)}
.rm .rm-status.next{color:var(--text-mute);border:1px solid var(--border);background:rgba(255,255,255,0.02)}
.rm p{font-size:13.5px;color:var(--text-soft);line-height:1.5}
@media(max-width:760px){.roadmap-grid{grid-template-columns:1fr}}

/* ───────────── EMAIL CAPTURE ───────────── */
.email-sec{position:relative}
.email-card{position:relative;max-width:880px;margin:0 auto;border:1px solid var(--border-strong);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--surface),#0b1626);padding:clamp(38px,5vw,56px);overflow:hidden;text-align:center}
.email-card::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 70% at 50% 0%,rgba(59,130,246,0.12),transparent 70%)}
.email-card .ec-inner{position:relative;z-index:1}
.email-card .eyebrow{justify-content:center;margin-bottom:20px}
.email-card h2{font-size:clamp(28px,3.6vw,46px);line-height:1.08;margin-bottom:16px}
.email-card p{font-size:clamp(15px,1.5vw,18px);color:var(--text-soft);line-height:1.6;max-width:520px;margin:0 auto 30px}
.email-form{display:flex;gap:12px;max-width:480px;margin:0 auto;flex-wrap:wrap}
.email-form input{flex:1;min-width:220px;font-family:var(--body);font-size:15px;color:var(--text);background:rgba(255,255,255,0.03);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:14px 18px;outline:none;transition:border-color .25s,background .25s}
.email-form input::placeholder{color:var(--text-mute)}
.email-form input:focus{border-color:rgba(34,211,238,0.5);background:rgba(34,211,238,0.04)}
.email-note{margin-top:18px;font-family:var(--mono);font-size:11px;letter-spacing:0.05em;color:var(--text-mute)}
.email-ok{display:none;margin-top:18px;font-size:14.5px;color:var(--cyan)}
.email-card.sent .email-form{display:none}
.email-card.sent .email-note{display:none}
.email-card.sent .email-ok{display:block}
@media(max-width:560px){.email-form .btn{flex:1}}

/* ───────────── CONNECT (updates + suggestion box) ───────────── */
.connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1040px;margin:0 auto}
.connect-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--surface),#0b1626);border:1px solid var(--border-strong);border-radius:var(--r-lg);padding:clamp(28px,3vw,36px);overflow:hidden}
.connect-card::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 60% at 25% 0%,rgba(59,130,246,0.10),transparent 70%)}
.connect-card>*{position:relative;z-index:1}
.cc-ico{width:46px;height:46px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(34,211,238,0.10);border:1px solid rgba(34,211,238,0.26);margin-bottom:18px}
.cc-ico svg{width:23px;height:23px;stroke:var(--cyan);fill:none;stroke-width:1.6}
.connect-card h3{font-size:21px;margin-bottom:9px;line-height:1.2}
.connect-card>p{font-size:14.5px;color:var(--text-soft);line-height:1.6;margin-bottom:22px}
.cc-form{display:flex;gap:12px;flex-wrap:wrap}
.cc-form.col{flex-direction:column}
.cc-form input,.cc-form textarea{flex:1;min-width:200px;width:100%;font-family:var(--body);font-size:15px;color:var(--text);background:rgba(255,255,255,0.03);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:13px 16px;outline:none;transition:border-color .25s,background .25s}
.cc-form textarea{resize:vertical;line-height:1.5;min-height:84px}
.cc-form input::placeholder,.cc-form textarea::placeholder{color:var(--text-mute)}
.cc-form input:focus,.cc-form textarea:focus{border-color:rgba(34,211,238,0.5);background:rgba(34,211,238,0.04)}
.cc-form .btn{white-space:nowrap}
.cc-form.col .btn{align-self:flex-start}
.cc-note{margin-top:16px;font-family:var(--mono);font-size:10.5px;letter-spacing:0.04em;color:var(--text-mute);line-height:1.5}
.cc-ok{display:none;margin-top:8px;font-size:15px;color:var(--cyan);line-height:1.5}
.connect-card.sent .cc-form,.connect-card.sent .cc-note{display:none}
.connect-card.sent .cc-ok{display:block}
@media(max-width:760px){.connect-grid{grid-template-columns:1fr}.cc-form.col .btn{width:100%}}