/* Pitch pages (index, how): FlexAuc Online platform brand, graphite + FlexPro lime */
.site{--lime:#99CC00;--lime-d:#5E7F00;--graph:#16191C;--paper:#F6F6F1;background:var(--paper);color:var(--graph);font-size:16px;line-height:1.55}
.site h1,.site h2,.site h3,.site h4{font-family:'Bricolage Grotesque','Figtree',sans-serif;letter-spacing:-.025em}
.nav-s{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:24px;padding:14px clamp(20px,4vw,56px);background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid rgba(22,25,28,.08)}
.logo-s{display:flex;align-items:center;gap:10px}
.logo-s b{font-family:'Bricolage Grotesque';font-size:18px;letter-spacing:-.02em}
.logo-s small{font-size:11.5px;color:var(--muted);border-left:1px solid var(--line);padding-left:10px}
.nav-s nav{display:flex;gap:22px;margin-left:auto;font-size:14px;font-weight:600;color:#4A5059}
.nav-s nav a:hover{color:var(--graph)}
.btn-lime{background:var(--lime);color:#121505}
.btn-line{background:transparent;color:var(--graph);box-shadow:inset 0 0 0 1.5px rgba(22,25,28,.2)}
.btn-line:hover{background:#fff;filter:none}
.hero-s{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,5vw,72px);align-items:center;padding:clamp(40px,7vw,96px) clamp(20px,4vw,56px) clamp(40px,6vw,80px);max-width:1400px;margin:0 auto}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--lime-d);font-weight:600;margin-bottom:14px}
.hero-s h1{font-size:clamp(40px,5.4vw,76px);line-height:.98;font-weight:800;margin-bottom:22px}
.lede{font-size:clamp(17px,1.5vw,20px);color:#3E444C;max-width:640px;margin-bottom:28px}
.facts{display:flex;gap:28px;margin-top:34px;font-size:14px;color:#5A616A;flex-wrap:wrap}
.facts b{font-family:var(--mono);font-size:22px;color:var(--graph);margin-right:6px}
.live-w{display:block;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(22,25,28,.45),0 0 0 1px rgba(22,25,28,.06);transform:rotate(1deg);transition:transform .3s var(--ease)}
.live-w:hover{transform:rotate(0) translateY(-4px)}
.lw-top{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:650;background:var(--brand-deep);color:#fff}
.lw-art{height:220px}
.lw-art .lot-art{width:100%;height:100%}
.lw-b{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px}
.lw-no{font-size:12px;color:var(--muted);letter-spacing:.03em}
.lw-lab{font-size:12px;color:var(--muted);font-weight:600}
.lw-p{font-size:38px;font-weight:700;letter-spacing:-.04em;line-height:1.05;animation:bumpS .5s var(--ease)}
.lw-p small{font-size:15px;color:var(--muted);margin-left:3px}
@keyframes bumpS{0%{transform:scale(1.06);color:var(--brand)}100%{transform:none}}
.lw-t{font-size:17px;font-weight:600}
.lw-bids{display:flex;flex-direction:column;gap:4px;font-size:13px;border-top:1px dashed var(--line);padding-top:10px}
.lw-bids div{display:flex;justify-content:space-between;animation:pop .3s}
.lw-bids span:first-child{font-weight:650}
.src-online{color:var(--blue)} .src-floor{color:var(--warn)} .src-proxy{color:var(--brand)}
.lw-cta{font-size:12.5px;color:var(--muted)}
.sec-s{padding:clamp(48px,7vw,96px) clamp(20px,4vw,56px);max-width:1400px;margin:0 auto}
.sec-s.alt{max-width:none;background:var(--graph);color:#E9ECEF}
.sec-s.alt>*{max-width:1288px;margin-left:auto;margin-right:auto}
.sec-s.alt .eyebrow{color:var(--lime)}
.sec-hd{margin-bottom:34px}
.sec-hd h2{font-size:clamp(30px,3.6vw,50px);line-height:1.02;font-weight:800;max-width:900px}
.sec-hd p{margin-top:10px}
.surfaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sf{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:20px;background:#fff;border:1px solid rgba(22,25,28,.08);transition:transform .2s var(--ease),box-shadow .2s;min-height:230px}
.sf:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
.sf h3{font-size:24px}
.sf p{color:#535A63;font-size:14.5px;flex:1}
.sf-k{font-family:var(--mono);font-size:12px;color:var(--lime-d);font-weight:700}
.sf-go{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--graph)}
.sf.dark{background:var(--graph);color:#fff;border-color:var(--graph)}
.sf.dark p{color:#B5BCC4} .sf.dark .sf-go{color:var(--lime)} .sf.dark .sf-k{color:var(--lime)}
.wedge{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.1);border-radius:20px;overflow:hidden}
.wedge>div{background:var(--graph);padding:26px}
.wedge h4{font-size:19px;color:#fff;margin-bottom:8px}
.wedge h4::before{content:"";display:block;width:26px;height:4px;border-radius:2px;background:var(--lime);margin-bottom:16px}
.wedge p{color:#AEB5BD;font-size:14.5px}
.script{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.script li{display:flex;gap:16px;padding:22px;border-radius:18px;background:#fff;border:1px solid rgba(22,25,28,.08)}
.script li>span{width:38px;height:38px;border-radius:12px;background:var(--lime);color:#121505;font-family:var(--mono);font-weight:700;display:grid;place-items:center;flex-shrink:0}
.script h4{font-size:18px;margin-bottom:6px}
.script p{font-size:14.5px;color:#535A63}
.link-s{color:var(--lime-d);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.foot-s{padding:36px clamp(20px,4vw,56px) 10px;border-top:1px solid rgba(22,25,28,.1);font-size:13.5px;color:#5A616A;max-width:1400px;margin:0 auto}
.foot-s .demo-badge{text-align:left;padding:16px 0}
/* how */
.how-hero{padding:clamp(40px,6vw,80px) clamp(20px,4vw,56px) 20px;max-width:1400px;margin:0 auto}
.how-hero h1{font-size:clamp(38px,5vw,66px);line-height:1;font-weight:800;margin-bottom:16px;max-width:1000px}
.diagram{background:#fff;border-radius:24px;border:1px solid rgba(22,25,28,.08);padding:24px;overflow:auto}
.diagram svg{width:100%;min-width:900px;height:auto}
.diagram text{font-family:'Figtree',sans-serif}
.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:f}
.flow div{background:#fff;border-radius:16px;padding:18px;border:1px solid rgba(22,25,28,.08);position:relative}
.flow b{display:block;font-family:'Bricolage Grotesque';font-size:17px;margin-bottom:4px}
.flow p{font-size:14px;color:#535A63}
.flow .who{font-family:var(--mono);font-size:11px;color:var(--lime-d);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.phase{border-radius:20px;padding:24px;background:#22262A;border:1px solid rgba(255,255,255,.08)}
.phase .ph-k{font-family:var(--mono);font-size:12px;color:var(--lime);font-weight:700}
.phase h3{font-size:22px;color:#fff;margin:8px 0 12px}
.phase ul{margin:0;padding-left:18px;color:#B5BCC4;font-size:14.5px;display:flex;flex-direction:column;gap:6px}
.qs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;counter-reset:q;list-style:none;padding:0;margin:0}
.qs li{background:#fff;border-radius:16px;padding:18px 18px 18px 60px;border:1px solid rgba(22,25,28,.08);position:relative;font-size:15px}
.qs li::before{counter-increment:q;content:counter(q);position:absolute;left:18px;top:16px;width:28px;height:28px;border-radius:9px;background:var(--graph);color:var(--lime);font-family:var(--mono);font-weight:700;display:grid;place-items:center;font-size:13px}
.qs small{display:block;color:var(--muted);margin-top:4px;font-size:13px}
.assume{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;font-size:14px}
.assume th,.assume td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line-2)}
.assume th{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--surface-2)}
@media (max-width:1000px){.hero-s{grid-template-columns:1fr}.surfaces,.wedge,.phases{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr 1fr}.nav-s nav{display:none}}
@media (max-width:640px){.surfaces,.wedge,.script,.phases,.qs,.flow{grid-template-columns:1fr}.logo-s small{display:none}.nav-s .btn{height:36px;padding:0 12px;font-size:13px}}