/* TakeoffHQ website — one look for every public page (the homepage's paper-and-ink style).
   Loaded LAST in each page's <head>, so it re-points the older pages' own colour tokens and
   evens out their buttons, cards and nav. The app (tool2.html) never loads this file. */
:root{
  --paper:#f5f3ee;--white:#fffefb;--ink:#17202a;--ink2:#46505c;--ink3:#7a838d;--line:#d9d4c8;--line2:#c9c3b5;--blue:#1f6fd1;--red:#c8432b;--green:#2f7d55;--amber:#a4661a;
  --sans:Archivo,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  /* the older pages' tokens, re-pointed */
  --bg:var(--paper);--bg2:#efece5;--surface:var(--white);--surface2:#f0ede6;--surface-2:#f0ede6;--border:var(--line);--border2:var(--line2);
  --text:var(--ink);--text2:var(--ink2);--text3:var(--ink3);--accent:var(--blue);--accent2:var(--blue);--danger:var(--red);
  --pink:var(--red);--violet:var(--blue);
  color-scheme:light}
html,body{background:var(--paper)!important;color:var(--ink)}
body{font-family:var(--sans)!important;-webkit-font-smoothing:antialiased}
code,kbd,pre,.mono{font-family:var(--mono)}
h1,h2,h3{font-family:var(--sans);text-wrap:balance;letter-spacing:-.015em;font-weight:700}
a{color:var(--blue)}
::selection{background:#cfe0f7}

/* buttons — ink, flat, no glow */
.btn{border-radius:6px!important;box-shadow:none!important;filter:none!important;font-family:var(--sans);font-weight:600}
.btn.pri,.btn.primary,.btn.solid,button.pri{background:var(--ink)!important;color:var(--paper)!important;border:1.5px solid var(--ink)!important}
.btn.pri:hover,.btn.primary:hover,.btn.solid:hover{background:#000!important}
.btn.ghost,.btn.line{background:transparent!important;color:var(--ink)!important;border:1.5px solid var(--ink)!important}
.btn.ghost:hover,.btn.line:hover{background:var(--white)!important}

/* no glows, gradients or blurred glass */
.hero::before,.hero::after{display:none!important}
.band,.final,.cta,.hero{background:none!important}
[class*="glow"]{box-shadow:none!important}
.plan,.card,.feat,.pain,.box,.ent,.note,.faq details,.panel,.tile,.step{box-shadow:none!important;border-radius:8px!important;background:var(--white)!important;border-color:var(--line)!important}
.plan.hot,.card.main{border:1.5px solid var(--ink)!important}
.plan.hot .tag,.eyebrow,.k{color:var(--ink3)!important}
.band{background:var(--ink)!important;color:var(--paper)!important;border:0!important;border-radius:8px!important}
.band h2,.band p{color:var(--paper)!important}
.band .btn.pri,.band .btn.primary{background:var(--paper)!important;color:var(--ink)!important;border-color:var(--paper)!important}
.band .btn.ghost{color:var(--paper)!important;border-color:var(--paper)!important}
.wordmark{color:var(--ink)!important}.wordmark b{color:var(--ink)!important}
input,select,textarea{font-family:var(--sans)}
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{background:var(--white);color:var(--ink);border:1px solid var(--line2);border-radius:6px}
input:focus,select:focus,textarea:focus{outline:2px solid #cfe0f7;border-color:var(--blue)}
table th{color:var(--ink3)}

/* the shared nav (same markup as the homepage) */
nav.site{position:static!important;background:var(--paper)!important;backdrop-filter:none!important;border-bottom:1px solid var(--line)!important}
nav.site .wrap{display:flex;align-items:center;gap:26px;height:64px;max-width:1080px;margin:0 auto;padding-inline:20px}
nav.site .brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:.02em}
nav.site .brand svg{width:26px;height:27px}
nav.site .links{display:flex;gap:22px;font-size:15px;font-weight:400}
nav.site .links a{color:var(--ink2);text-decoration:none}nav.site .links a:hover,nav.site .links a.on{color:var(--ink)}
nav.site .sp{flex:1}
nav.site .btn{padding:9px 15px;font-size:14px}
@media(max-width:820px){nav.site .links{display:none}}
footer.site{border-top:1px solid var(--line);margin-top:40px;padding-block:26px calc(26px + env(safe-area-inset-bottom,0px));font-size:14px;color:var(--ink3);background:var(--paper)}
footer.site .wrap{display:flex;gap:10px 22px;flex-wrap:wrap;max-width:1080px;margin:0 auto;padding-inline:20px}
footer.site a{color:var(--ink2)}footer.site .sp{flex:1}