/* Colors sampled from the official TradePak logo files */
:root{
  --bg:#000000;          /* logo background */
  --surface:#111112;
  --charcoal:#2c2c2d;    /* folder body in the logo */
  --line:#2c2c2d;
  --lime:#88e903;        /* logo lime green */
  --lime-hover:#a3f52e;
  --on-lime:#0a0f00;
  --text:#ffffff;
  --muted:#b9bdb3;
  --r:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:dark}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;font-size:1.0625rem}
img,svg{max-width:100%;height:auto}
a{color:var(--lime)}
a:hover{color:var(--lime-hover)}
.skip{position:absolute;left:-999px;top:0;background:var(--lime);color:var(--on-lime);padding:.6rem 1rem;z-index:10}
.skip:focus{left:0}
:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.wrap{max-width:1080px;margin:0 auto;padding:0 1.25rem}
header.site{background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.6rem;padding-bottom:.6rem;flex-wrap:wrap}
.brand{display:block;line-height:0}
.brand img{height:60px;width:auto}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1.2rem;flex-wrap:wrap}
nav a{color:#e8ebe3;text-decoration:none;font-size:.95rem;padding:.25rem 0;border-bottom:2px solid transparent}
nav a:hover{color:var(--lime);border-bottom-color:var(--lime)}
.hero{background:var(--bg);padding:4rem 0 4.5rem}
.hero .wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center}
.hero h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.1;margin:0 0 1rem}
.hero h1 span{color:var(--lime)}
.hero p{font-size:1.2rem;max-width:42rem;color:#dfe3d8;margin:0 0 1.75rem}
.hero-art{text-align:center;line-height:0}
.hero-art img{width:min(100%,360px);height:auto}
.btns{display:flex;gap:.8rem;flex-wrap:wrap}
.btn{display:inline-block;padding:.85rem 1.4rem;border-radius:10px;font-weight:700;text-decoration:none;border:2px solid var(--lime);background:var(--lime);color:var(--on-lime)}
.btn:hover{background:var(--lime-hover);border-color:var(--lime-hover);color:var(--on-lime)}
.btn.ghost,.btn.outline{background:transparent;color:var(--lime)}
.btn.ghost:hover,.btn.outline:hover{background:rgba(136,233,3,.12);color:var(--lime-hover)}
section{padding:3.75rem 0}
section.alt{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
h2{font-size:clamp(1.5rem,3.5vw,2.1rem);line-height:1.2;margin:0 0 .6rem;color:var(--text)}
h2::after{content:"";display:block;width:48px;height:4px;background:var(--lime);border-radius:2px;margin-top:.5rem}
.lead{color:var(--muted);max-width:44rem;margin:1rem 0 2rem}
.grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--charcoal);border:1px solid #3a3a3c;border-radius:var(--r);padding:1.4rem}
section.alt .card{background:var(--charcoal)}
.card h3{margin:.2rem 0 .4rem;font-size:1.15rem;color:var(--text)}
.card p{margin:0;color:#c9cdc2}
.num{display:inline-flex;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--lime);color:var(--on-lime);font-weight:800;align-items:center;justify-content:center}
ul.check{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
@media (min-width:700px){ul.check{grid-template-columns:1fr 1fr}}
ul.check li{background:var(--charcoal);border:1px solid #3a3a3c;border-radius:var(--r);padding:1rem 1rem 1rem 3rem;position:relative;color:#c9cdc2}
ul.check li strong{color:var(--text)}
ul.check li::before{content:"";position:absolute;left:1.05rem;top:1.15rem;width:1.1rem;height:.6rem;border-left:3px solid var(--lime);border-bottom:3px solid var(--lime);transform:rotate(-45deg) translateY(-30%)}
.alert-box{background:var(--charcoal);border:1px solid var(--lime);border-radius:var(--r);padding:2rem;box-shadow:0 0 0 4px rgba(136,233,3,.08)}
.alert-box p{color:#dfe3d8}
.alert-box ul{margin:0 0 1.5rem;padding-left:1.2rem;color:#dfe3d8}
.alert-box li::marker{color:var(--lime)}
.note{font-size:.92rem;color:var(--muted)}
details{background:var(--charcoal);border:1px solid #3a3a3c;border-radius:var(--r);padding:1rem 1.2rem;margin-bottom:.7rem}
details[open]{border-color:var(--lime)}
summary{cursor:pointer;font-weight:700;color:var(--text)}
summary::marker{color:var(--lime)}
details p{margin:.7rem 0 0;color:#c9cdc2}
.ph{color:var(--lime);font-weight:600;overflow-wrap:anywhere}
.cta{text-align:center}
.cta h2::after{margin-left:auto;margin-right:auto}
.cta .lead{margin-left:auto;margin-right:auto}
.cta .btns{justify-content:center}
footer{background:var(--bg);border-top:1px solid var(--line);color:#c9cdc2;padding:2rem 0;font-size:.95rem}
footer .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
footer strong{color:var(--text)}
footer a{color:var(--lime)}
.disc{max-width:60rem}
.mt{margin-top:1.25rem}
.full{min-height:100vh}
@media (max-width:760px){
  .hero{padding:2.5rem 0 3rem}
  .hero .wrap{grid-template-columns:1fr}
  .hero-art{order:-1}
  .hero-art img{width:200px}
  section{padding:2.75rem 0}
  nav ul{gap:.9rem}
  .brand img{height:44px}
}
/* conversion additions */
.eyebrow{margin:0 0 .6rem!important;color:var(--lime)!important;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.9rem!important}
.plans{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch}
.plan{background:var(--charcoal);border:1px solid #3a3a3c;border-radius:var(--r);padding:1.5rem 1.3rem;display:flex;flex-direction:column;position:relative}
.plan h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--text)}
.plan .price{margin:0;font-size:2.4rem;font-weight:800;line-height:1.1;color:var(--lime)}
.plan .price span{font-size:1rem;font-weight:600;color:var(--muted)}
.plan .per{margin:.2rem 0 .8rem;color:var(--text);font-weight:600}
.plan .desc{margin:0 0 1.2rem;color:#c9cdc2;flex:1}
.plan .btn{text-align:center}
.plan.best{border:2px solid var(--lime);box-shadow:0 0 0 4px rgba(136,233,3,.1)}
.badge{position:absolute;top:-.8rem;left:1.2rem;margin:0;background:var(--lime);color:var(--on-lime);font-weight:800;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;padding:.2rem .7rem;border-radius:999px}
.sample{background:#fff;color:#1a1a1a;border-radius:var(--r);overflow:hidden;border:1px solid #444}
.sample-head{background:var(--charcoal);color:#fff;padding:1.2rem 1.4rem;display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap;border-bottom:4px solid var(--lime)}
.sample-title{margin:0;font-size:1.3rem;font-weight:800}
.sample-addr{margin:.2rem 0;font-weight:600}
.sample-meta{margin:0;color:#c9cdc2;font-size:.92rem}
.tag{display:inline-block;margin-left:.3rem;background:#fff3;border:1px solid #888;border-radius:999px;padding:0 .6rem;font-size:.75rem;font-weight:700;text-transform:uppercase}
.stamp{margin:0;align-self:flex-start;border:2px dashed var(--lime);color:var(--lime);padding:.35rem .8rem;border-radius:8px;font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}
.sample-grid{display:grid;gap:0;grid-template-columns:1fr 1fr}
.sblock{padding:1.2rem 1.4rem;border-top:1px solid #dcdcdc;color:#333}
.sblock:nth-child(odd){border-right:1px solid #dcdcdc}
.sblock.wide{grid-column:1/-1;border-right:0}
.sblock h3{margin:0 0 .5rem;font-size:1.05rem;color:#111;display:flex;align-items:center;gap:.5rem}
.sblock p,.sblock ul{margin:0;color:#555}
.sblock ul{padding-left:1.1rem}
.sn{display:inline-flex;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--charcoal);color:var(--lime);font-size:.85rem;font-weight:800;align-items:center;justify-content:center;flex:none}
@media (max-width:640px){
  .sample-grid{grid-template-columns:1fr}
  .sblock:nth-child(odd){border-right:0}
  .plans{grid-template-columns:1fr}
}
.hero p.note{font-size:.92rem;color:var(--muted);margin:1rem 0 0}
/* policies / 404 */
.notfound{min-height:60vh;display:flex;align-items:center}
.notfound .wrap{width:100%}
.policy-hero{padding:3rem 0 2.5rem}
.policy-hero .wrap{grid-template-columns:1fr}
.toc{list-style:none;padding:0;margin:1.2rem 0 0;display:flex;gap:.6rem;flex-wrap:wrap}
.toc a{display:inline-block;border:1px solid var(--line);background:var(--charcoal);border-radius:999px;padding:.3rem .9rem;text-decoration:none;font-size:.95rem}
.toc a:hover{border-color:var(--lime)}
.doc{max-width:48rem}
.doc h2{margin-top:2.2rem;scroll-margin-top:5rem}
.doc h2:first-child{margin-top:0}
.doc p,.doc li{color:#dfe3d8}
.doc ul{padding-left:1.2rem}
.doc li::marker{color:var(--lime)}
.doc p.mt{margin-top:2rem}