/* ============================================================
   LOADFlow PRO — site styles (index.html, privacy.html, terms.html).
   ============================================================ */
@font-face{font-family:'Inter';font-weight:400 800;font-display:swap;src:url('assets/fonts/Inter-latin.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-weight:400;font-display:swap;src:url('assets/fonts/JetBrainsMono-Regular.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-weight:500;font-display:swap;src:url('assets/fonts/JetBrainsMono-Medium.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-weight:700;font-display:swap;src:url('assets/fonts/JetBrainsMono-Bold.woff2') format('woff2')}
:root{--teal:#015A66;--deep:#0D3D44;--primary:#008296;--orange:#FF9900;--cream:#EBF8FA;--cool:#D8EBEE;--ink:#232f3e;--muted:#52656a;--line:#d3e4e7;
  --sans:'Inter','Helvetica Neue',Arial,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;
  --shadow:0 1px 2px rgba(20,40,45,.06),0 10px 30px rgba(20,40,45,.10);--page:#EBF8FA;--band:#fff;--card:#fff}
*{box-sizing:border-box}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--page);line-height:1.55;-webkit-font-smoothing:antialiased}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.narrow{max-width:760px}
.hdr{background:var(--teal);padding:18px 0}
.hdr .wrap,.hdr nav{display:flex;align-items:center;justify-content:space-between;gap:28px}
.hdr nav a:not(.btn){color:var(--cream);font:500 13px var(--mono);text-decoration:none}
.btn{display:inline-flex;align-items:center;background:var(--orange);color:var(--deep);font:700 14px var(--mono);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;padding:16px 26px;border-radius:8px;box-shadow:0 6px 16px rgba(255,153,0,.28)}
.btn:hover{background:#ffac26}
.btn.sm{padding:10px 16px;font-size:12px;box-shadow:none}
.link{color:var(--primary);font:700 14px var(--mono);text-decoration:none}
.trust{font:500 12px var(--mono);color:var(--muted);margin:14px 0 0}
.eyebrow{font:700 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin:0 0 10px}
.center{text-align:center;margin-left:auto;margin-right:auto}
h1{font-size:clamp(38px,5vw,60px);line-height:1.04;letter-spacing:-.025em;margin:0 0 20px;font-weight:800;color:var(--deep)}
.tc{color:var(--primary)}
.hl{color:var(--primary);background:linear-gradient(90deg,var(--orange),rgba(255,153,0,.35)) left bottom/100% 6px no-repeat;padding-bottom:4px;white-space:nowrap}
h2{font-size:clamp(26px,3.2vw,38px);line-height:1.15;letter-spacing:-.02em;margin:0 0 16px;max-width:780px;color:var(--deep)}
h3{font-size:22px;line-height:1.25;letter-spacing:-.01em;margin:0 0 10px;color:var(--deep)}
p{margin:0 0 12px}
.sub{font-size:19px;color:var(--muted);max-width:560px;margin-bottom:28px}
.row{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.hero{padding:72px 0 80px}
.hero.split .wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.hero-art{position:relative;min-height:440px}
.hero-art .back{position:absolute;top:0;right:0;width:74%}
.hero-art .front{position:absolute;bottom:0;left:0;width:86%}
.sec{padding:84px 0}
.band{background:var(--band)}
.stage{background:#fff;box-shadow:var(--shadow);border-radius:20px;padding:32px;display:flex;justify-content:center}
.stage .pic{width:100%;max-width:470px}
.zig{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center;margin-top:72px}
.zig.flip .zig-t{order:2}
.zig-t p:last-child{font-size:17px;color:var(--muted)}
.zig-t h3{font-size:28px}




.price{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
.ticks{list-style:none;padding:0;margin:20px 0 0}
.ticks li{padding:6px 0 6px 28px;position:relative;font-size:17px}
.ticks li::before{content:'✓';position:absolute;left:0;color:var(--primary);font-weight:800}
.price-card{background:var(--card);border:2px solid var(--primary);border-radius:20px;padding:36px;text-align:center;box-shadow:var(--shadow)}
.amt{font:800 72px/1 var(--sans);color:var(--deep);letter-spacing:-.03em}
.price-card p:not(.trust){font:500 13px var(--mono);color:var(--muted);margin:8px 0 24px}
details{border-bottom:1px solid var(--line);padding:16px 0}
summary{font-weight:700;font-size:17px;cursor:pointer;color:var(--deep)}
details p{margin:10px 0 0;color:var(--muted)}
.final{text-align:center}.final h2{margin:0 auto 28px}
.ftr{border-top:1px solid var(--line);padding:28px 0 40px;font:400 12px var(--mono);color:var(--muted)}
.ftr nav{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:16px}
.ftr a{color:var(--primary);text-decoration:none}.ftr a:hover{text-decoration:underline}
.ftr .social{margin-left:auto;display:flex;gap:20px}
.ftr .social a{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}
.ftr .social a:hover{color:var(--primary);text-decoration:none}
details a{color:var(--primary)}

/* ===== legal pages (privacy / terms) ===== */
.legal-page{padding:56px 24px 80px}
.legal-page .container{max-width:860px;margin:0 auto;background:#fff;border-radius:20px;padding:48px 56px;box-shadow:var(--shadow)}
.legal-page h1{font-size:40px;margin-bottom:8px}
.legal-page .subtitle{font:500 13px var(--mono);color:var(--muted);margin:0 0 32px}
.legal-page h2{font-size:22px;max-width:none;margin:40px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.legal-page h3{font-size:17px;margin:24px 0 8px}
.legal-page p,.legal-page li{font-size:15.5px;line-height:1.65}
.legal-page ul,.legal-page ol{padding-left:22px}
.legal-page li{margin-bottom:6px}
.legal-page a{color:var(--primary)}
.legal-page .toc{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:20px 28px;margin:24px 0 32px}
.legal-page .toc ol{margin:0}
.legal-page .toc li{font-size:14px;margin-bottom:4px}
.legal-page .callout{background:#fff7e8;border-left:3px solid var(--orange);padding:16px 20px;margin:20px 0;border-radius:0 12px 12px 0}
.legal-page .callout p{margin:0}
@media(max-width:700px){.legal-page{padding:24px 12px 56px}.legal-page .container{padding:28px 20px}.legal-page h1{font-size:30px}}

/* ===== pictures ===== */
.pic{font-family:var(--mono);font-size:11.5px;line-height:1.4;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);background:#fff;color:var(--ink);text-align:left;border:1px solid var(--line)}
.pic{white-space:nowrap;min-width:0}
.stage,.zig>*,.hero .wrap>*{min-width:0}
.pic small{display:block;font-size:10px;opacity:.75}
/* excel */
.xl-bar{background:#1d6f42;color:#fff;padding:8px 12px;font-weight:700;display:flex;align-items:center;gap:8px}
.xl-x{background:#fff;color:#1d6f42;border-radius:3px;padding:0 5px;font-weight:700}
.xl-dl{margin-left:auto;font-weight:500;opacity:.85}
.xl-r{display:grid;grid-template-columns:44px 1.5fr 1.2fr 40px 74px;gap:8px;padding:5px 12px;border-bottom:1px solid #e6eeee;font-family:'Courier New',monospace;font-size:12px}
.xl-r span:nth-child(n+4){text-align:right}
.xl-name{font-weight:700;background:#f3f8f9;display:block}
.xl-dsp{color:#a90067}
.xl-total{font-weight:700;background:#fff7e8;border-top:2px solid var(--ink)}
.xl-tabs{display:flex;background:#eef2f2;padding:0 8px;gap:2px;font-size:10.5px;white-space:nowrap;overflow:hidden}
.xl-tabs span{padding:6px 9px;color:var(--muted)}
.xl-tabs .on{background:#fff;color:#1d6f42;font-weight:700;border-bottom:2px solid #1d6f42}
/* sidebar panel */
.pn{background:var(--teal);color:#fff;border-color:var(--deep)}
.pn-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--deep)}
.pn-head b{font:700 14px var(--sans);display:block}
.pn-btn{border:1px solid var(--orange);color:var(--orange);border-radius:6px;padding:4px 9px;font-weight:700}
.pn-agg{display:grid;grid-template-columns:repeat(4,auto);background:var(--deep);border-top:1px solid rgba(255,255,255,.12)}
.pn-agg div{padding:8px 12px;border-right:1px solid rgba(255,255,255,.12)}
.pn-agg b{font-size:13px}
.pn-grp{padding:10px 14px;border-top:1px solid rgba(255,255,255,.14)}
.pn-grp>b{font:700 13px var(--sans)}
.pn-row{display:grid;grid-template-columns:44px 1.3fr 1.2fr auto;gap:8px;padding:4px 0;color:var(--cream)}
.pn-grp .pn-row:first-of-type{margin-top:8px}
/* payments */
.pay-top{background:#002e36;color:#fff;padding:10px 14px;font:700 14px var(--sans)}
.pay-h,.pay-r{display:grid;grid-template-columns:26px 62px 1fr 58px;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid #e3e8e8;font-family:var(--sans);font-size:12.5px;position:relative}
.pay-h{grid-template-columns:98px 1fr 58px;font-weight:700}
.pay-r.hit{background:var(--cream)}
.paid{border:1.5px solid #9acd32;border-radius:20px;padding:1px 8px;font-size:11px;text-align:center}
.pay-leg{padding:10px 14px;display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--muted);flex-wrap:wrap}
.ico{display:inline-block;width:20px;height:20px;border-radius:4px;background:var(--primary);position:relative;flex:none}
.ico::before{content:'';position:absolute;left:5px;top:4px;width:7px;height:10px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff}
.ico::after{content:'';position:absolute;right:4px;top:5px;width:4px;height:4px;border:1.5px solid #fff}
.ico.unc{background:#aab7b8}.ico.stm{background:var(--deep)}.ico.stm::after{background:var(--orange);border-color:var(--orange)}
/* match */
.mt{padding:16px}
.mt-cap,.cz-foot,.mt-foot{font-size:10.5px;color:var(--muted)}
.mt-cap{margin-bottom:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.mt-r{display:grid;grid-template-columns:1fr 34px 1.3fr;align-items:center;margin-bottom:8px}
.mt-r span{background:#f1f5f5;border-radius:6px;padding:7px 9px}
.mt-r i{height:2px;background:var(--orange);position:relative}
.mt-r i::after{content:'';position:absolute;right:-1px;top:-4px;border-left:7px solid var(--orange);border-top:5px solid transparent;border-bottom:5px solid transparent}
.mt-r b{background:var(--teal);color:#fff;border-radius:6px;padding:7px 9px;font:700 12px var(--sans)}
.mt-r em{font-style:normal;font-weight:400;opacity:.8}
.mt-foot{margin-top:12px;font-weight:700;color:var(--primary)}
/* disputes */
.dsp-sec{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;background:rgba(0,0,0,.18);font-weight:700}
.dsp-sec em{font-style:normal;border-radius:20px;padding:2px 9px;font-size:10px}
.ok{background:#c9f2dc;color:#0d5a33}.rev{background:#fde7b8;color:#7a4b00}
.dsp .pn-row{grid-template-columns:18px 86px 1fr 60px 76px;padding:8px 14px;align-items:center}
.chip{border:1px solid var(--orange);color:var(--orange);border-radius:6px;padding:1px 5px;font-size:10px;text-align:center}
.plus{justify-self:end;width:22px;height:22px;border:1px solid #fff;border-radius:6px;display:grid;place-items:center;font-weight:700}
/* customize */
.cz{padding:16px}
.cz-sw{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:14px;font-weight:700}
.cz-sw span{padding:6px 14px;color:var(--muted)}.cz-sw .on{background:var(--teal);color:#fff}
.cz-cols,.cz-row{display:grid;grid-template-columns:.9fr 1.7fr .8fr .8fr .8fr .8fr 1.1fr;gap:4px}
.cz-cols span{background:var(--cream);border:1px solid var(--line);border-radius:5px;padding:5px 4px;font-weight:700;font-size:10px;text-align:center}
.cz-cols .sel{border:2px solid var(--orange);background:#fff7e8}
.cz-cols .add{grid-column:1/-1;justify-self:start;background:none;border:1px dashed var(--primary);color:var(--primary);padding:5px 10px;margin:4px 0 6px}
.cz-row span{padding:5px 4px;border-bottom:1px solid #e6eeee;font-size:10px;text-align:center;white-space:nowrap;overflow:hidden}
.cz-foot{margin-top:12px}

.lb{margin-top:96px;background:#fff;border-radius:24px;border-top:6px solid var(--orange);padding:44px 48px 40px;box-shadow:var(--shadow)}
.lb h3{font-size:28px;margin-bottom:28px}
.lbd{font-family:'Amazon Ember',var(--sans);font-size:13.5px;box-shadow:none}
.lbd small{font-size:12px;color:#6c7778;opacity:1}
.lbd-top{background:#002e36;color:#fff;padding:12px 24px;font-size:19px}
.lbd-r{padding:14px 22px;border-bottom:1px solid #e3e8e8}.lbd-r:last-child{border-bottom:0}
.lbd-main{display:grid;grid-template-columns:78px 172px 26px 182px 74px 50px 124px 60px 1fr 22px 34px;align-items:center;column-gap:6px}
.lbd-main b{font-weight:500}
.lbd-stop{display:flex;gap:9px;align-items:flex-start}
.lbd-stop>i{flex:none;width:17px;height:17px;border-radius:50%;background:#005f73;color:#fff;font:700 10px var(--sans);display:grid;place-items:center;margin-top:2px}
.lbd-arrow{font-weight:700}
.lbd-eq em{font:700 9px var(--sans);background:#e3e6e6;border-radius:50%;width:15px;height:15px;display:inline-grid;place-items:center;margin-left:4px}
.lbd-pay{text-align:right}.lbd-pay b{font-size:18px;font-weight:700;color:#00758f;display:block}
.lbd-chev{font-size:22px;text-align:center;line-height:1}
.lbd-chat{position:relative;width:28px;height:28px;border-radius:50%;background:#006386;display:grid;place-items:center}
.lbd-chat::after{content:'';position:absolute;top:1px;right:1px;width:6px;height:6px;border-radius:50%;background:#d01444}
.lbd-chat .mk{position:absolute;top:-17px;right:-15px}
.lbd-pw{margin-top:7px;font-size:12.5px;color:#6c7778;display:flex;align-items:center;gap:5px}.lbd-pw b{font-weight:700}
.lb-leg{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:28px}
.lb-leg>div{display:flex;gap:14px}.lb-leg b{font-size:17px;color:var(--deep)}.lb-leg p{color:var(--muted);margin:4px 0 0}
.mk{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--orange);color:var(--deep);font:700 12px var(--mono);font-style:normal}
@media(max-width:900px){.lb{padding:28px 20px}.lb-leg{grid-template-columns:1fr}
  .hero.split .wrap,.zig,.price{grid-template-columns:1fr}
  .zig.flip .zig-t{order:0}.stage{padding:16px}
  .hero-art{min-height:0}.hero-art .back{display:none}.hero-art .front{position:static;width:100%}
  .hdr nav a:not(.btn){display:none}.sec{padding:56px 0}.zig{gap:24px;margin-top:48px}
}
@media(max-width:700px){
  .ftr .social{margin-left:0;width:100%}
  .hdr .wrap,.hdr nav{gap:12px}.hdr img{height:24px;width:auto}.btn.sm{padding:8px 10px;font-size:11px;white-space:nowrap}
  .lbd-main{grid-template-columns:1fr 20px 1fr auto 34px}
  .lbd-main>:nth-child(1),.lbd-main>:nth-child(n+5):nth-child(-n+8),.lbd-main>:nth-child(10){display:none}
  .lbd-r{padding:12px 14px}.lbd-top{padding:10px 14px}
}