/* Oswald (SIL Open Font License 1.1), self-hosted so visitors never connect to Google. See fonts/OSWALD-LICENSE.txt */
@font-face{font-family:"Oswald";font-style:normal;font-weight:200 700;font-display:swap;src:url("/business/fonts/oswald-latin.woff2") format("woff2")}
/* Waste-to-Income sales pages, v2 (dark, bold). Loads AFTER /static/style.css. */
:root{
  --bg:#0a0f0e; --panel:#131a18; --panel2:#1a2321; --line:#263330;
  --text:#e9f0ee; --muted:#9db0ab; --accent:#bfe83a; --brand:#4fd3cf;
  --display:"Oswald","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6}
.v2 a{color:var(--brand)}
.v2 .wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.v2 section{padding:64px 0}
.v2 h1,.v2 h2,.v2 h3.d{font-family:var(--display);text-transform:uppercase;font-weight:700;letter-spacing:.01em;line-height:1.05;margin:0}
.v2 h2{font-size:clamp(1.9rem,4.2vw,2.8rem);text-align:center;margin-bottom:10px}
.v2 h2 em{font-style:normal;color:var(--accent)}
.v2 .sub{text-align:center;color:var(--muted);max-width:640px;margin:0 auto 34px}
.kick{color:var(--accent);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}
.v2 .center{text-align:center}

/* buttons */
.v2 .buy{display:inline-block;background:var(--accent);color:#0a0f0e;font-family:var(--display);font-weight:700;text-transform:uppercase;
  letter-spacing:.03em;font-size:1.15rem;padding:14px 30px;border-radius:10px;text-decoration:none;border:0;cursor:pointer;
  box-shadow:0 6px 24px rgba(191,232,58,.18)}
.v2 .buy:hover{filter:brightness(1.06)}
.v2 .buy.soon{background:#3a4a46;color:#dfe7e4;box-shadow:none;cursor:default;pointer-events:none}
.v2 .buy.ghost{background:transparent;color:var(--accent);border:2px solid var(--accent);box-shadow:none}
.v2 .cta-row{margin-top:30px;text-align:center}
.v2 .trust{font-size:.82rem;color:var(--muted);margin-top:12px}

/* hero */
.v2 .hero{padding:56px 0 40px}
.v2 .hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center}
.v2 .hero h1{font-size:clamp(2.6rem,6.4vw,4.6rem);margin:0 0 .35em}
.v2 .hero h1 span{color:var(--accent)}
.v2 .hero h1 small{display:block;font-family:var(--font);font-size:.8rem;font-weight:800;letter-spacing:.14em;color:var(--accent);margin-bottom:14px}
.v2 .hero .lede{font-size:1.12rem;color:#c9d6d2;margin:0 0 26px;max-width:34em}
.v2 .price-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.v2 .price{font-family:var(--display);font-size:2.4rem;font-weight:700}

/* device stack */
.stack{position:relative;aspect-ratio:10/7.4;width:100%;max-width:560px;margin:0 auto}
.dev{position:absolute;background:#0d1211;border:1px solid #2c3936;box-shadow:0 18px 50px rgba(0,0,0,.55)}
.dev img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.laptop{left:10%;top:2%;width:90%;border-radius:12px 12px 0 0;padding:2%;border-bottom:0}
.laptop::after{content:"";position:absolute;left:-6%;right:-6%;top:100%;height:14px;background:linear-gradient(#3b4845,#1c2422);border-radius:0 0 14px 14px;box-shadow:0 18px 40px rgba(0,0,0,.6)}
.laptop .scr{background:#fff;border-radius:3px;overflow:hidden;aspect-ratio:16/10.4}
.tablet{left:0;top:40%;width:27%;aspect-ratio:3/4;border-radius:14px;padding:1.8%;z-index:2}
.tablet img{border-radius:4px}
.phone{right:-3%;top:56%;width:16%;aspect-ratio:9/17;border-radius:18px;padding:1.4%;z-index:2}
.phone img{border-radius:10px}

/* spreadsheet mock inside the laptop */
.xl{font:11.5px/1.25 -apple-system,"Segoe UI",Arial,sans-serif;color:#1d2522;height:100%;display:flex;flex-direction:column}
.xl-bar{background:#1e7145;color:#fff;font-weight:700;padding:4px 8px;font-size:10px;letter-spacing:.02em}
.xl-tabs{display:flex;gap:2px;background:#e9eceb;padding:2px 6px 0;font-size:9px}
.xl-tabs span{padding:2px 8px;background:#dfe3e1;border-radius:3px 3px 0 0;color:#445}
.xl-tabs span.on{background:#fff;color:#1e7145;font-weight:700}
.xl table{border-collapse:collapse;width:100%;flex:1}
.xl td{border:1px solid #dde3e1;padding:2px 8px 2px 28%;white-space:nowrap}
.xl td.n{padding:2px 8px}
.xl td:first-child{color:#314}
.xl td.n{text-align:right;font-variant-numeric:tabular-nums}
.xl td.in{background:#fff5bf}
.xl td.out{background:#dcecff}
.xl tr.h td{background:#f1f4f3;font-weight:700;color:#1e7145}
.xl tr.tot td{font-weight:800}

/* stats strip */
.v2 .stats{padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}
.v2 .stats .wrap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;text-align:center}
.v2 .stat b{display:block;font-family:var(--display);font-size:2.1rem;line-height:1.05;color:var(--accent)}
.v2 .stat span{font-size:.84rem;color:var(--muted)}

/* steps */
.v2 .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.v2 .step{background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:26px 20px;text-align:center}
.v2 .step .num{font-family:var(--display);font-size:3rem;line-height:1;color:var(--accent)}
.v2 .step h3{font-family:var(--display);text-transform:uppercase;font-size:1.25rem;margin:.4em 0 .3em;line-height:1.15}
.v2 .step p{color:var(--muted);font-size:.92rem;margin:0}

/* learn list */
.v2 .learn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}
.v2 .learn li{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px 16px 50px;position:relative}
.v2 .learn li::before{content:"\2713";position:absolute;left:16px;top:14px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#0a0f0e;font-weight:900;font-size:.8rem;display:grid;place-items:center}

/* look inside */
.v2 .inside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.v2 .page{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}
.v2 .page img{display:block;width:100%;height:auto;border-radius:6px}
.v2 .page p{margin:.7em 0 0;font-size:.9rem;color:var(--muted)}
.v2 .page p b{color:var(--text)}

/* included cards */
.v2 .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v2 .card2{background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:24px}
.v2 .card2 h3{font-family:var(--display);text-transform:uppercase;font-size:1.3rem;margin:0 0 .4em;color:var(--accent)}
.v2 .card2 p{margin:0 0 .6em;color:#c9d6d2;font-size:.95rem}
.v2 .card2 .meta{color:var(--muted);font-size:.82rem}
.v2 .bonus{margin-top:16px;background:linear-gradient(90deg,rgba(191,232,58,.12),rgba(79,211,207,.08));border:1px solid rgba(191,232,58,.35);border-radius:16px;padding:20px 24px;color:#d7e3df}
.v2 .bonus strong{display:block;font-family:var(--display);text-transform:uppercase;font-size:1.25rem;color:var(--accent);margin-bottom:4px}

/* proof */
.v2 .proofs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v2 .proof2{background:var(--panel);border-left:4px solid var(--accent);border-radius:10px;padding:20px}
.v2 .proof2 strong{display:block;font-family:var(--display);text-transform:uppercase;font-size:1.15rem;margin-bottom:6px;line-height:1.15}
.v2 .proof2 p{margin:0;color:#c9d6d2;font-size:.93rem}

/* toc */
.v2 .toc2{columns:2;column-gap:40px;counter-reset:c;list-style:none;padding:0;max-width:820px;margin:0 auto}
.v2 .toc2 li{counter-increment:c;break-inside:avoid;padding:10px 0;border-bottom:1px solid var(--line)}
.v2 .toc2 li::before{content:counter(c,decimal-leading-zero);font-family:var(--display);color:var(--accent);margin-right:12px;font-size:1.1rem}

/* fit */
.v2 .fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.v2 .fit>div{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px}
.v2 .fit h3{font-family:var(--display);text-transform:uppercase;font-size:1.4rem;margin:0 0 .5em}
.v2 .fit ul{margin:0;padding-left:1.2em;color:#c9d6d2}
.v2 .fit li{margin:.35em 0}
.v2 .fit .yes h3{color:var(--accent)}
.v2 .fit .no h3{color:#f0a37a}

/* mega */
.v2 .mega{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--panel2);border:1px solid var(--line);border-radius:18px;padding:28px}
.v2 .mega h3{font-family:var(--display);text-transform:uppercase;font-size:1.6rem;margin:0 0 .3em}
.v2 .mega p{margin:0;color:#c9d6d2;max-width:36em}

/* faq */
.v2 .faq2{max-width:820px;margin:0 auto}
.v2 .faq2 details{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-bottom:10px}
.v2 .faq2 summary{cursor:pointer;font-weight:700}
.v2 .faq2 p{color:#c9d6d2;margin:.7em 0 0}

/* final cta */
.v2 .final{background:radial-gradient(ellipse at 50% 0%,rgba(191,232,58,.14),transparent 60%),var(--panel);border-top:1px solid var(--line);text-align:center}
.v2 .final h2{margin-bottom:6px}
.v2 .final .price{display:block;margin:10px 0 18px}

@media (max-width:860px){
  .v2 section{padding:48px 0}
  .v2 .hero .wrap{grid-template-columns:1fr;gap:28px}
  .v2 .stats .wrap{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}
  .v2 .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v2 .learn,.v2 .inside,.v2 .cards,.v2 .proofs,.v2 .fit{grid-template-columns:1fr}
  .v2 .toc2{columns:1}
}
@media (max-width:480px){
  .v2 .stats .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v2 .steps{grid-template-columns:1fr}
  .xl{font-size:7.5px}.xl-bar{font-size:7px}.xl-tabs{font-size:6px}.xl td{padding:1px 3px 1px 30%}.xl td.n{padding:1px 4px}
  .v2 .buy{font-size:1.05rem;padding:13px 24px}
}

/* v2: shared extras */
.v2 section.alt{background:var(--panel)}
.v2 section.flush{padding-top:0}
.v2 .price s{font-size:1.2rem;color:var(--muted);margin-left:8px;font-weight:600}
.xl.multi td:first-child{padding-left:17%}
.xl.multi tr.h td{text-align:right}
.xl.multi tr.h td:first-child{text-align:left}

/* hub hero: three covers fanned */
.covers{position:relative;aspect-ratio:10/8;max-width:520px;margin:0 auto}
.cover{top:8%;width:42%;aspect-ratio:420/544;border-radius:10px;padding:0;overflow:hidden;background:#0d1211}
.cover img{border-radius:10px}
.cover.c0{left:2%;transform:rotate(-8deg);top:14%}
.cover.c1{left:29%;z-index:2;top:4%}
.cover.c2{right:2%;transform:rotate(8deg);top:14%}

/* product cards (hub + mega) */
.v2 .pcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.v2 .pcard{background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column}
.v2 .pcover{background:var(--bg);border-radius:12px;padding:18px 0;margin-bottom:14px;text-align:center}
.v2 .pcover img{width:58%;height:auto;border-radius:6px;box-shadow:0 12px 30px rgba(0,0,0,.5)}
.v2 .pcard h3{font-family:var(--display);text-transform:uppercase;font-size:1.3rem;line-height:1.15;margin:0 0 .4em}
.v2 .pcard p{color:#c9d6d2;font-size:.94rem;margin:0 0 .7em}
.v2 .pcard .meta{color:var(--muted);font-size:.82rem}
.v2 .pcard p:last-child{margin-top:auto;margin-bottom:0}
.v2 .pbuy{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:6px 0 12px}
.v2 .pbuy .price{font-size:1.8rem}
.v2 .pbuy .buy{font-size:1rem;padding:11px 20px}

/* comparison table on dark */
.v2 table.cmp{width:100%;border-collapse:separate;border-spacing:0;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;color:var(--text)}
.v2 table.cmp th{background:var(--panel2);color:var(--accent);font-family:var(--display);text-transform:uppercase;font-size:1.05rem;text-align:left;padding:14px 16px;border-bottom:1px solid var(--line)}
.v2 table.cmp td{padding:14px 16px;border-bottom:1px solid var(--line);color:#c9d6d2;vertical-align:top}
.v2 table.cmp tr:last-child td{border-bottom:0}
.v2 table.cmp td strong{color:var(--text)}
.v2 .laptop .scr>img{width:100%;height:100%;object-fit:cover;object-position:top}

@media (max-width:860px){
  .v2 .pcards{grid-template-columns:1fr}
  .v2 table.cmp.stack tr:first-child{display:none}
  .v2 table.cmp.stack td{display:block;border-bottom:0;padding:6px 16px}
  .v2 table.cmp.stack tr{display:block;border-bottom:1px solid var(--line);padding:10px 0}
  .v2 table.cmp.stack td[data-label]::before{content:attr(data-label) ": ";color:var(--accent);font-weight:700}
}
@media (max-width:480px){ .xl.multi td:first-child{padding-left:4px} }