/* FITVOW website: base, header, footer, App Store badge and document pages.
   The home page's phone mockups use app-ui.css (the app's design-system stylesheet). */
:root{--w-bg:#07080B;--w-panel:#0D1016;--w-hair:#161A21;--w-line:#1E242E;--w-t1:#F5F7FA;--w-t2:#AEB6C3;--w-t3:#8A93A3;--w-link:#C9D1DC;--w-lime:#B6F36A;--w-ink:#0B0D12}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:16px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--w-bg);color:var(--w-t1);font-family:'Inter',system-ui,-apple-system,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
a{color:var(--w-link);text-decoration:none}a:hover{color:var(--w-t1)}
a:focus-visible,summary:focus-visible{outline:2px solid var(--w-lime);outline-offset:3px;border-radius:6px}
summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}
details[open] .fq-plus{transform:rotate(45deg)}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:16px;top:-60px;z-index:100;padding:10px 16px;border-radius:10px;background:var(--w-lime);color:var(--w-ink);font-weight:700}
.skip:focus{top:12px;color:var(--w-ink)}

/* Wordmark: letters in Archivo, the V is the check */
.wm{display:inline-flex;align-items:baseline;font-family:'Archivo',sans-serif;font-weight:900;font-stretch:112%;font-size:26px;line-height:1;letter-spacing:-.01em;color:var(--w-t1);white-space:nowrap}
.wm svg{width:.77em;height:.69em;overflow:visible;margin-left:1px}

/* Header */
.site-header{max-width:1200px;margin:0 auto;padding:24px clamp(16px,5vw,64px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}
.brand{display:inline-flex}
.main-nav{display:flex;flex-wrap:wrap;gap:4px 28px;font-size:15px;font-weight:500}
.main-nav a{padding:12px 0}
@media (max-width:640px){.main-nav{order:3;width:100%;gap:0 20px}}

/* App Store badge (Apple's artwork, unaltered) */
.store{display:inline-flex;align-items:center;gap:10px;flex:none}
.store img{display:block;height:auto}
.store-lg img{width:180px}.store-sm img{width:120px}
.store.is-soon{cursor:default}
.soon{padding:5px 9px;border-radius:999px;background:var(--w-lime);color:var(--w-ink);font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.store-sm .soon{padding:4px 7px;font-size:9px;letter-spacing:.08em}

/* Footer */
.site-footer{border-top:1px solid var(--w-hair)}
.site-footer .wrap{max-width:1200px;margin:0 auto;padding:48px clamp(16px,5vw,64px) 32px;display:flex;flex-direction:column;gap:36px}
.ft-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px}
.ft-brand{display:flex;flex-direction:column;align-items:flex-start;gap:14px;font-size:14px;color:var(--w-t3)}
.ft-brand .wm{font-size:24px}
.ft-cols{display:flex;flex-wrap:wrap;gap:40px 72px;font-size:14px}
.ft-cols nav{display:flex;flex-direction:column;gap:4px}
.ft-cols a{padding:8px 0}
.ft-h{font-weight:700;color:var(--w-t1);padding-bottom:6px}
.ft-legal{border-top:1px solid var(--w-hair);padding-top:24px;font-size:12.5px;line-height:1.6;color:var(--w-t3)}

/* Document pages (privacy, terms, delete account, contact, press) */
.doc{max-width:760px;margin:0 auto;padding:clamp(32px,6vw,72px) clamp(16px,5vw,32px) clamp(64px,8vw,112px);font-size:16.5px;line-height:1.65;color:var(--w-t2)}
.doc .eyebrow{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--w-lime)}
.doc h1{margin:14px 0 10px;font-family:'Archivo',sans-serif;font-weight:900;font-stretch:112%;font-size:clamp(36px,5vw,56px);line-height:1;letter-spacing:-.02em;text-transform:uppercase;color:var(--w-t1)}
.doc h2{margin:44px 0 10px;font-family:'Archivo',sans-serif;font-weight:800;font-stretch:108%;font-size:24px;line-height:1.15;color:var(--w-t1)}
.doc h3{margin:28px 0 6px;font-size:17px;font-weight:700;color:var(--w-t1)}
.doc p,.doc ul,.doc ol{margin:0 0 14px}
.doc ul,.doc ol{padding-left:22px}.doc li{margin:6px 0}
.doc b,.doc strong{color:var(--w-t1)}
.doc a{color:var(--w-lime);text-decoration:underline;text-underline-offset:3px}
.doc a:hover{color:var(--w-t1)}
.doc .lede{font-size:18px;color:var(--w-t2)}
.doc .meta{font-size:14px;color:var(--w-t3)}
.doc .card{background:var(--w-panel);border:1px solid var(--w-line);border-radius:20px;padding:20px 22px;margin:18px 0}
.doc .card p:last-child,.doc .card ul:last-child,.doc .card ol:last-child{margin-bottom:0}
.doc table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:15px}
.doc th,.doc td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid var(--w-line)}
.doc th{color:var(--w-t1);font-weight:600}
.doc .table-wrap{overflow-x:auto}
.doc .swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:12px 0 18px}
.doc .sw{border:1px solid var(--w-line);border-radius:16px;overflow:hidden;font-size:14px}
.doc .sw i{display:block;height:64px}
.doc .sw span{display:block;padding:10px 12px;color:var(--w-t1)}
.doc .sw small{display:block;color:var(--w-t3);font-family:'JetBrains Mono',monospace}
.doc .assets{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0 18px}
.doc .asset{display:flex;flex-direction:column;gap:10px;background:var(--w-panel);border:1px solid var(--w-line);border-radius:16px;padding:14px;text-decoration:none;color:var(--w-t1)}
.doc .asset .pv{display:flex;align-items:center;justify-content:center;height:110px;border-radius:10px;background:var(--w-bg)}
.doc .asset .pv.light{background:#F5F7FA}
.doc .asset .pv img{max-height:72px;width:auto}
.doc .asset small{color:var(--w-t3)}
.doc .btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 20px;border-radius:14px;background:var(--w-lime);color:var(--w-ink);font-weight:700;text-decoration:none}
.doc .btn:hover{color:var(--w-ink);filter:brightness(1.05)}
.doc .center{text-align:center}