/* Tellstay marketing site: inner-page components (product mini-panels, pipeline, security grid, pilot, pricing, about, legal). */
/* product sub-nav */
.subnav{position:sticky;top:0;z-index:30;background:rgba(11,6,20,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-block:1px solid var(--pline)}
.subnav ul{list-style:none;display:flex;gap:6px;overflow-x:auto;padding:10px 0;scrollbar-width:none}
.subnav a{display:block;white-space:nowrap;padding:8px 14px;border-radius:999px;font-size:13.5px;color:var(--t2);transition:color .2s,background .2s}
.subnav a:hover{color:var(--t1);background:rgba(255,255,255,.05)}
.subnav a.on{color:#1E1433;background:var(--goldL);font-weight:600}
.feat{scroll-margin-top:60px}
.feat .ul-check{margin-top:26px}
.panel .pbody{display:block}
.panel code,.maptbl code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--orchL)}
/* health */
.hp-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.hp-score{display:flex;align-items:baseline;gap:8px;margin-top:6px}
.hp-score b{font-size:40px;font-weight:700;letter-spacing:-.02em;line-height:1}
.hp-score>span:not(.st5){color:var(--t3);font-size:13px}
.hp-spark{width:160px;height:44px}
.dimr{display:grid;grid-template-columns:92px 1fr 30px;grid-template-areas:"n b v" ". e e";column-gap:12px;row-gap:3px;padding:9px 0;border-top:1px solid var(--pline)}
.dn{grid-area:n;font-weight:600;color:var(--t1)}.dv{grid-area:v;text-align:right;font-weight:650}.de{grid-area:e;color:var(--t3);font-size:11.5px}
.db{grid-area:b;align-self:center;height:6px;border-radius:9px;background:rgba(255,255,255,.07);overflow:hidden}
.db i{display:block;height:100%;width:calc(var(--w)*100%);border-radius:9px;transform-origin:left;background:var(--watchL)}
.dimr.r .db i{background:var(--riskL)}.dimr.r .dv{color:var(--riskL)}.dimr.w .dv{color:var(--watchL)}
.dimr.unk .db{background:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 4px,transparent 4px 8px)}.dimr.unk .dv{color:var(--t3)}
.hp-bands{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
/* renewal room */
.lanes4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.lane{border-radius:10px;background:rgba(255,255,255,.025);box-shadow:0 0 0 1px var(--pline) inset;padding:8px;min-height:120px}
.lh{font-size:10px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--t2);display:flex;justify-content:space-between;margin-bottom:8px}.lh span{color:var(--t3)}
.rcard{display:flex;flex-direction:column;gap:2px;padding:7px 8px;border-radius:8px;background:rgba(255,255,255,.05);margin-bottom:6px;font-size:11px}
.rcard b{font-weight:600;color:var(--t1)}.rcard span{color:var(--t3)}
.rcard.sel{box-shadow:0 0 0 1px var(--goldL) inset,0 0 22px -6px rgba(232,198,106,.6)}
.rcard.ok{box-shadow:0 0 0 1px rgba(61,211,154,.5) inset}
.rcard.u:after{content:"Watch";font-size:9.5px;color:var(--watchL)}
.rdetail{margin-top:12px;padding:14px;border-radius:12px;background:rgba(232,198,106,.05);box-shadow:0 0 0 1px rgba(232,198,106,.22) inset}
.rd-h{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.rd-h b{font-size:14px}.rd-h span{color:var(--t3)}
.lk{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.lk b{font-size:20px}.rng{color:var(--t2)}
.lkbar{position:relative;height:6px;border-radius:9px;background:rgba(255,255,255,.07);margin:10px 0 12px}
.lkbar i{position:absolute;top:0;bottom:0;border-radius:9px;background:linear-gradient(90deg,var(--watchL),var(--goldL));opacity:.65}
.lkbar b{position:absolute;top:-3px;width:2px;height:12px;background:var(--t1);border-radius:2px}
.rd-l{list-style:none;display:grid;gap:7px;color:var(--t2)}.rd-l li{display:flex;gap:8px;align-items:center}
/* ai brief */
.ai-flag{display:flex;gap:8px;align-items:center;font-size:11.5px;color:var(--goldL);padding:8px 10px;border-radius:9px;background:rgba(232,198,106,.07);margin-bottom:12px}.ai-flag .ic{width:16px;height:16px}
.bl{color:var(--t2);line-height:1.6;margin-bottom:10px;font-size:13px}
.tag{display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:6px;margin-right:7px;vertical-align:1px}
.tag.f{color:var(--okL);background:rgba(61,211,154,.1)}.tag.h{color:var(--orchL);background:rgba(201,138,230,.12)}
.cite{display:inline-block;font-size:10px;font-weight:700;color:#1E1433;background:var(--goldL);border-radius:5px;padding:0 5px;margin-left:2px}
.ev{margin-top:12px;padding-top:10px;border-top:1px solid var(--pline);display:grid;gap:6px}
.evr{display:flex;gap:10px;color:var(--t3);font-size:11.5px}.evr b{color:var(--goldL);width:20px}
.ask{display:flex;gap:8px;align-items:center;margin-top:12px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.04);box-shadow:0 0 0 1px var(--pline2) inset;color:var(--t2)}.ask .ic{width:16px;height:16px}
/* salesforce / csv tables */
.sf-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.sfmark{display:flex;align-items:center;gap:7px}.sfmark .ic{width:20px;height:20px;color:#7CC4FA}
.ro,.sync{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--t2)}.ro .ic{width:14px;height:14px}.sync{margin-left:auto}
.maptbl{width:100%;border-collapse:collapse;font-size:12px}
.maptbl th{text-align:left;font-size:10px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--t3);padding:7px 8px;border-bottom:1px solid var(--pline2)}
.maptbl td{padding:8px;border-bottom:1px solid var(--pline);color:var(--t2)}
.pnote{margin-top:12px;color:var(--t3);font-size:11.5px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.csv-f{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;background:rgba(255,255,255,.035);box-shadow:0 0 0 1px dashed rgba(255,255,255,.18) inset}
.csv-f>div{display:grid}.csv-f span{color:var(--t3);font-size:11.5px}
.csv-s{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.csv-s div{padding:10px;border-radius:10px;background:rgba(255,255,255,.035)}.csv-s b{display:block;font-size:20px}.csv-s span{color:var(--t3);font-size:11px}
.csv-s .e b{color:var(--watchL)}
.errs td:first-child{color:var(--watchL)}
.pbtns{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;flex-wrap:wrap}
.fake-btn{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:8px;font-size:11.5px;font-weight:600;background:rgba(255,255,255,.06);box-shadow:0 0 0 1px var(--pline2) inset;color:var(--t2)}
.fake-btn.p{background:linear-gradient(180deg,#8A4FD0,#6A33A8);color:#fff;box-shadow:none}
.fake-btn.d{color:var(--riskL);margin-top:12px}
/* share */
.sh-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:12px}
.sh-doc{border-radius:10px;background:#F6F1FB;color:#2A1D3F;padding:14px}
.sd-h{display:grid;gap:2px;border-bottom:1px solid #E2D8EE;padding-bottom:8px}.sd-h span{font-size:10.5px;color:#5C4E73}
.sd-k{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}.sd-k span{display:block;font-size:9.5px;color:#5C4E73}.sd-k b{font-size:14px}.sd-k .r{color:#B42335}.sd-k .u{color:#5C4E73}
.sd-lines{display:grid;gap:6px}.sd-lines i{display:block;height:6px;border-radius:4px;background:#E2D8EE;width:100%}
.sh-dlg{padding:12px;border-radius:10px;background:rgba(255,255,255,.035);box-shadow:0 0 0 1px var(--pline2) inset}
.sh-link{display:flex;gap:6px;align-items:center;margin-top:6px;padding:7px 9px;border-radius:8px;background:rgba(0,0,0,.25);font-family:ui-monospace,Menlo,monospace;font-size:10.5px;color:var(--t2)}.sh-link .ic{width:13px;height:13px;flex:none}
.seg{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.seg span{font-size:10.5px;padding:4px 7px;border-radius:6px;background:rgba(255,255,255,.05);color:var(--t2)}.seg .on{background:var(--goldL);color:#1E1433;font-weight:650}
.sh-l{list-style:none;display:grid;gap:6px;margin-top:12px;color:var(--t2);font-size:11.5px}.sh-l li{display:flex;gap:7px;align-items:center}.sh-l .ic{width:14px;height:14px}
/* how it works */
.pipe-w{position:relative;margin-top:56px}
.pipe-line{position:absolute;left:10%;right:10%;top:27px;width:80%;height:4px;overflow:visible}
.pipe-line path{fill:none;stroke:var(--goldL);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:var(--pd,0);opacity:.8;vector-effect:non-scaling-stroke}
.pipe{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative}
.pn{text-align:center;padding:0 6px}
.pn-i{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 16px;border-radius:16px;background:linear-gradient(180deg,#2A1747,#1A0E2E);box-shadow:0 0 0 1px rgba(232,198,106,.35) inset,0 0 30px -6px rgba(168,85,199,.6);transition:box-shadow .5s,transform .5s}
.pn-i .ic{width:26px;height:26px}
.pn.lit .pn-i{box-shadow:0 0 0 1px var(--goldL) inset,0 0 40px -4px rgba(232,198,106,.7);transform:translateY(-3px)}
.pn-n{display:block;font-size:11px;font-weight:650;letter-spacing:.08em;color:var(--goldL)}
.pn h3{font-size:17px;margin:6px 0 8px}.pn p{font-size:14px;color:var(--t2);line-height:1.55}
.hist{display:grid}
.hr{display:grid;grid-template-columns:52px 104px 62px 1fr;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--pline)}
.hr:first-child{border-top:0}.hd{font-weight:650}.hv{font-size:11px;color:var(--t3)}.hx{color:var(--t2);font-size:12px}
.steps{list-style:none;display:grid;gap:14px}
.steps li{display:flex;gap:18px;padding:22px;border-radius:var(--r);background:rgba(255,255,255,.03);box-shadow:0 0 0 1px var(--pline2) inset}
.sn{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(232,198,106,.12);color:var(--goldL);font-weight:700}
.steps h3{font-size:17px;margin-bottom:4px}.steps p{color:var(--t2);font-size:15px}
/* security */
.legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
.si-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.sitem h3{margin-top:0}
.big-note{background:radial-gradient(120% 120% at 100% 0%,rgba(232,198,106,.12),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}
.big-note h3{font-size:22px;margin-top:18px}
.subp{font-size:14px}.subp td{padding:14px 8px}.subp td b{color:var(--t1);font-weight:600}
/* pilot */
.gg{margin-top:20px}
.card.hi{box-shadow:0 0 0 1px rgba(232,198,106,.4) inset,0 0 60px -20px rgba(232,198,106,.35)}
.tline{list-style:none;margin-top:32px;position:relative;padding-left:28px;border-left:1px solid rgba(232,198,106,.3);display:grid;gap:26px}
.tline li{position:relative}
.tline li:before{content:"";position:absolute;left:-34px;top:4px;width:11px;height:11px;border-radius:50%;background:var(--bg0);box-shadow:0 0 0 2px var(--goldL),0 0 14px rgba(232,198,106,.7)}
.tw{font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--goldL)}
.tline h3{font-size:18px;margin:4px 0}.tline p{color:var(--t2);font-size:15px}
.vcard{border-radius:var(--r);overflow:hidden;position:relative;background:#140A24 url(../media/ambient-orb-poster.jpg) center/cover;box-shadow:0 0 0 1px var(--pline2) inset,0 40px 80px -40px rgba(0,0,0,.9);aspect-ratio:4/5}
.vcard video{width:100%;height:100%;object-fit:cover;opacity:.85}
.vcard figcaption{position:absolute;left:16px;right:16px;bottom:16px;padding:16px 18px;border-radius:14px;background:rgba(11,6,20,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--t2);font-size:14.5px;line-height:1.5}
.vcard figcaption b{color:var(--t1)}
.ph-strip.c{justify-content:center}
#request .faq{margin-top:30px}
/* pricing */
.prices{align-items:stretch}.price{display:flex;flex-direction:column;gap:14px;padding:36px}
.price h3{font-size:30px;letter-spacing:-.02em}.price>p{color:var(--t2)}
.price .btn{align-self:flex-start;margin-top:auto}
.ul-check.muted li .ic{color:var(--t3)}
/* about / contact */
.founder{display:flex;gap:20px;align-items:center}
.av{flex:none;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;font-weight:700;font-size:22px;color:#1E1433;background:radial-gradient(circle at 35% 30%,#FFF4D2,var(--goldL) 45%,var(--orchid))}
.founder h3{margin:0}.role{color:var(--goldL);font-size:14px;margin:2px 0 8px}.todo{color:var(--goldL);font-weight:600;font-size:14.5px}
.facts{margin-top:16px}.facts dl{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.facts dt{font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--t3)}.facts dd{margin-top:4px;color:var(--t1)}
.facts.wide{margin-top:20px}.facts.wide dl{grid-template-columns:repeat(3,1fr)}
.mlink{color:var(--goldL);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ph-note{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:13px;color:#F8D9A8}.ph-note .ic{width:16px;height:16px;color:var(--watchL);--icon-accent:var(--watchL)}
.card .tlink{margin-top:16px}
/* legal + 404 */
.phero.sm{min-height:0;padding-bottom:70px}
.phero .draft-flag{margin-top:28px;max-width:640px}
.legal{display:grid;grid-template-columns:220px 1fr;gap:56px;align-items:start}
.toc ol{list-style:none;display:grid;gap:2px}.toc .mini-k{margin-bottom:8px}
.prose h2{scroll-margin-top:24px}
.phero.full{min-height:100vh;display:flex;align-items:center}
.phero.full .wrap{width:100%}
.st404{display:flex;gap:10px;align-items:center;margin-top:30px;color:var(--t3);font-size:14px}
@media(max-width:1000px){
 .pipe{grid-template-columns:1fr;gap:26px;text-align:left}.pipe-line{display:none}
 .pn{display:grid;grid-template-columns:56px 1fr;column-gap:18px;text-align:left;padding:0}.pn-i{grid-row:span 3;margin:0}
 .legal{grid-template-columns:1fr;gap:28px}.toc{position:static}
}
@media(max-width:700px){
 .lanes4{grid-template-columns:repeat(2,1fr)}.sh-grid{grid-template-columns:1fr}
 .hr{grid-template-columns:48px 1fr;row-gap:4px}.hv{display:none}.hx{grid-column:1/-1}
 .maptbl th:nth-child(3),.maptbl td:nth-child(3){display:none}.subp th:nth-child(3),.subp td:nth-child(3){display:table-cell}
 .hp-spark{width:110px}.facts.wide dl{grid-template-columns:1fr}.price{padding:26px}.price h3{font-size:25px}
 .sync{margin-left:0}
}
/* spacing fixes */
.phero .wrap{padding-bottom:64px}
.phero.full .wrap{padding-bottom:0}
.split p>.tlink{margin-top:22px}
.sec-head+.grid{margin-top:8px}
.form-note{display:flex;gap:8px;align-items:flex-start}.form-note .ic{flex:none;width:16px;height:16px;margin-top:2px;color:var(--watchL);--icon-accent:var(--watchL)}
.maptbl code{white-space:nowrap}
/* polish pass */
.subnav a{display:flex;align-items:center;gap:7px}.subnav a .ic{width:15px;height:15px;color:currentColor;--icon-accent:var(--goldL)}
.subnav a.on .ic{--icon-accent:#5E2B97;--icon-fill:rgba(94,43,151,.18)}
/* evidence ticking in (JS adds .tick; without JS or with reduced motion everything is shown) */
.js .ev-anim .bl,.js .ev-anim .evr,.js .ev-anim .ask{opacity:0;transform:translateY(6px)}
.js .ev-anim .tick{opacity:1;transform:none;transition:opacity .5s,transform .5s cubic-bezier(.2,.7,.2,1)}
.evr{position:relative}.evr:after{content:"";margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--okL);box-shadow:0 0 0 3px rgba(61,211,154,.15);align-self:center;opacity:0;transform:scale(.4);transition:opacity .35s .25s,transform .35s .25s}
.evr.tick:after,.rm .evr:after,html:not(.js) .evr:after{opacity:1;transform:none}
.cite{transition:transform .3s}.tick .cite{animation:citepop .5s cubic-bezier(.3,1.6,.5,1) .2s both}
@keyframes citepop{from{transform:scale(.4)}to{transform:none}}
.reveal-all .ev-anim .bl,.reveal-all .ev-anim .evr,.reveal-all .ev-anim .ask{opacity:1;transform:none}
.reveal-all .evr:after{opacity:1;transform:none}
