/* Qapture site styles. Base styles first, then overrides (order matters). */
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#08090b;--panel:#111316;--text:#f2f4f7;--muted:#949ba5;--line:#25292f;--green:#35e27b;--orange:#f58a42}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px}.brand img{width:30px;height:30px;border-radius:9px}.nav nav{display:flex;gap:34px;font-size:13px;color:var(--muted)}.nav nav a:hover,.text-link:hover{color:var(--text)}.nav-cta,.button{border:1px solid #3b4149;border-radius:100px;padding:12px 18px;font-size:12px;font-weight:700}.nav-cta:hover{border-color:var(--green)}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.eyebrow{font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin:0 0 24px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green);margin-right:9px}h1,h2{font-size:clamp(52px,7vw,94px);line-height:.98;letter-spacing:-.07em;margin:0 0 28px}h1 em,h2 em{font-style:normal;color:var(--orange)}.lede{max-width:510px;color:var(--muted);font-size:17px;line-height:1.7}.actions{display:flex;align-items:center;gap:26px;margin-top:34px}.button{display:inline-flex;gap:25px;align-items:center}.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.primary:hover{background:var(--green);border-color:var(--green)}.text-link{font-size:13px;color:var(--muted)}.text-link span{color:var(--orange);margin-left:8px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center}.hero-art img{width:100%;position:relative;filter:drop-shadow(0 30px 40px #000)}.art-glow{position:absolute;width:75%;height:55%;background:var(--orange);opacity:.12;filter:blur(80px);border-radius:50%}.proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.proof div{display:flex;gap:34px;font:12px 'DM Mono',monospace;color:#d1d5da}.section{padding:150px 0}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:65px}.section-intro h2{font-size:clamp(44px,5vw,70px);margin:0}.section-intro>p:last-child{max-width:300px;color:var(--muted);line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.feature{background:var(--bg);padding:30px;min-height:270px}.feature.accent{background:linear-gradient(135deg,#171a1d,#111316)}.feature-number{font:12px 'DM Mono',monospace;color:var(--orange);margin-bottom:70px}.feature h3{font-size:19px;margin:0 0 13px}.feature p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.showcase{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;padding:60px 0 150px}.showcase h2{font-size:clamp(44px,5vw,70px)}.showcase-copy>p:not(.eyebrow){color:var(--muted);line-height:1.7;max-width:430px}.showcase ul{list-style:none;padding:25px 0 0;margin:25px 0 0;border-top:1px solid var(--line);max-width:470px}.showcase li{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.showcase li span{color:var(--muted);line-height:1.5}.showcase-image img{width:100%;border-radius:14px;display:block;box-shadow:0 25px 60px #000}.gallery{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;padding-bottom:150px}.gallery-card{overflow:hidden;border-radius:14px;background:var(--panel)}.gallery-card img{width:100%;height:100%;object-fit:cover;display:block}.download{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:110px 0;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.download h2,.support h2{font-size:clamp(44px,5vw,70px)}.download>div:first-child>p:last-child{max-width:430px;color:var(--muted);line-height:1.7}.download-card{display:flex;gap:25px;align-items:center;padding:30px;border:1px solid var(--line);background:var(--panel);border-radius:16px}.download-card img{width:76px;height:76px;border-radius:19px}.download-card h3{margin:0 0 8px}.download-card p{margin:0 0 22px;color:var(--muted);font-size:13px}.download-card .button{padding:10px 14px}.support{padding:130px 0}.support h2{margin-bottom:22px}.support>p:not(.eyebrow){max-width:560px;color:var(--muted);line-height:1.7;margin-bottom:26px}.footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;color:#6e747c;font-size:11px}@media(max-width:800px){.shell{width:min(100% - 32px,600px)}.nav{height:70px}.nav nav{display:none}.hero{grid-template-columns:1fr;padding:75px 0 100px;min-height:auto}.hero-art{order:-1}.hero-art img{width:85%}.hero h1{font-size:59px}.lede{font-size:15px}.proof{display:block}.proof div{margin-top:18px;gap:20px}.section{padding:100px 0}.section-intro,.showcase,.download{display:block}.section-intro>p:last-child{margin-top:24px}.feature-grid{grid-template-columns:1fr 1fr}.feature{min-height:240px;padding:22px}.feature-number{margin-bottom:45px}.showcase{padding:30px 0 100px}.showcase-image{margin-top:45px}.gallery{grid-template-columns:1fr;padding-bottom:100px}.gallery-card.wide{min-height:220px}.gallery-card:not(.wide){min-height:180px}.download-card{margin-top:40px}.support{padding:100px 0}.footer{display:block;line-height:2}.footer span{display:block}}@media(max-width:460px){.feature-grid{grid-template-columns:1fr}.actions{align-items:flex-start;flex-direction:column;gap:18px}}
.site-footer { display: flex; justify-content: space-between; gap: 24px; padding-top: 28px; padding-bottom: 36px; color: rgba(255,255,255,.58); font-size: .9rem; }
.site-footer a, .text-link, .privacy-content a { color: #ff8138; }
.privacy-header { display: flex; justify-content: space-between; align-items: center; padding-top: 28px; padding-bottom: 28px; border-bottom: 1px solid rgba(255,255,255,.12); }
.privacy-header .brand { display: inline-flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; font-weight: 700; }
.privacy-header .brand img { width: 28px; height: 28px; border-radius: 8px; }
.privacy-content { max-width: 820px; padding-top: 76px; padding-bottom: 48px; }
.privacy-content h1 { font-size: clamp(2.6rem, 7vw, 5.5rem); line-height: .98; margin: 10px 0 16px; }
.privacy-content h2 { margin-top: 42px; margin-bottom: 12px; font-size: 1.35rem; }
.privacy-content p { max-width: 720px; color: rgba(255,255,255,.72); line-height: 1.72; }
.privacy-updated { color: rgba(255,255,255,.5) !important; font-size: .95rem; margin-bottom: 42px; }
@media (max-width: 640px) { .site-footer, .privacy-header { align-items: flex-start; flex-direction: column; } .privacy-content { padding-top: 48px; } }

/* ---- Overrides (formerly hero-overrides.css) ---- */
.hero{width:100%;max-width:none;min-height:650px;padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2));background:var(--bg)}
.hero h1{color:var(--text);text-transform:none;font-weight:800}
.hero h1 span{color:var(--text)}
.hero h1 em{color:var(--orange);text-transform:none;font-weight:800;font-style:normal}
.hero .eyebrow{color:#343638}
.hero .lede{color:var(--text)}
.hero .text-link{color:#343638}
.proof p{font-size:14px}
.eyebrow{font-size:14px}
.feature-number{font-size:15px}
.proof div{font-size:15px}
.showcase .eyebrow{font-size:14px}
.gallery{grid-template-columns:1fr}
.support{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.support-form{display:grid;grid-template-columns:1fr;gap:18px;width:100%;max-width:540px;padding:30px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#121416,#0d0f11)}
.support-form label{display:grid;gap:8px;color:#c8cdd3;font:500 12px 'DM Mono',monospace;letter-spacing:.04em;text-transform:uppercase}
.support-form label>span{display:flex;justify-content:space-between}
.support-form small{font:inherit;color:var(--muted);text-transform:none;letter-spacing:0}
.support-form input,.support-form textarea{width:100%;border:1px solid #30353b;border-radius:9px;background:#090a0c;color:var(--text);font:500 15px Manrope,system-ui,sans-serif;padding:14px 15px;outline:none}
.support-form input::placeholder,.support-form textarea::placeholder{color:#646b74}
.support-form input:focus,.support-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f58a4220}
.support-form textarea{resize:vertical;min-height:132px;line-height:1.5}
.file-field{display:flex!important;align-items:center;justify-content:space-between;gap:16px;border:1px dashed #3b4149;border-radius:9px;padding:13px 15px;color:#c8cdd3!important;cursor:pointer}
.file-field input{border:0;padding:0;background:transparent;color:var(--muted);font-size:12px;font-family:Manrope,system-ui,sans-serif}
.file-field input::file-selector-button{border:1px solid #3b4149;border-radius:6px;background:#1a1d21;color:var(--text);padding:8px 10px;margin-right:10px;cursor:pointer}
.support-form .button{justify-content:center;cursor:pointer;font:700 12px Manrope,system-ui,sans-serif;margin-top:3px}
.support-note{margin:18px 4px 0;color:var(--muted);font-size:12px;line-height:1.6;max-width:500px}
@media(max-width:800px){.support{display:block}.support-form{margin-top:45px}}
@media(max-width:800px){.hero{padding-left:16px;padding-right:16px;display:flex;flex-direction:column;align-items:stretch}.hero-copy{display:contents}.hero .eyebrow{order:1}.hero h1{order:2}.hero-art{order:3;width:100%;margin:6px 0 18px}.hero-art img{width:100%}.hero .lede{order:4}.hero .actions{order:5}}

/* Keep every interactive hover state on the Qapture orange accent. */
.nav nav a:hover,.text-link:hover,.nav-cta:hover{color:var(--orange);border-color:var(--orange)}
.primary:hover{background:var(--orange);border-color:var(--orange);color:var(--bg)}

/* ---- Rebuild additions ---- */
/* Hero eyebrow + secondary link were #343638 on #08090b (almost invisible); use the muted token. */
.hero .eyebrow,.hero .text-link{color:var(--muted)}
.hero .text-link:hover{color:var(--orange)}
/* Single footer: credit line + privacy link */
.footer a{color:#6e747c}.footer a:hover{color:var(--orange)}
.footer .footer-links{display:flex;gap:24px}
@media(max-width:800px){.footer .footer-links{display:block}.footer .footer-links a{display:block}}
/* Spam honeypot field: hidden from people, visible to bots */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
/* Thank-you / 404 pages reuse the privacy layout */
.simple-actions{margin-top:36px}
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.privacy-content a.button.primary{color:var(--bg)}

/* ---- Transparent phone screenshots ---- */
.showcase-image.phone-shot img{border-radius:0;box-shadow:none;filter:drop-shadow(0 25px 45px #000)}
.phone-strip{display:grid;grid-template-columns:1fr 1fr;gap:48px 40px;padding-bottom:150px}
.phone-strip picture{display:block}
.phone-strip picture:last-child{grid-column:1/-1;width:calc(50% - 20px);justify-self:center}
.phone-strip img{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 30px #000)}
@media(max-width:800px){.phone-strip{grid-template-columns:1fr;gap:28px;padding-bottom:100px}.phone-strip picture:last-child{width:100%}}

/* ---- Support form status ---- */
.form-status{display:flex;align-items:flex-start;gap:12px;padding:14px 15px;border-radius:9px;font-size:14px;line-height:1.5;color:var(--text)}
.form-status[hidden]{display:none}
.form-status .check{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-weight:800;font-size:14px;color:var(--bg)}
.form-status.ok{border:1px solid #35e27b55;background:#35e27b14}
.form-status.ok .check{background:var(--green)}
.form-status.err{border:1px solid #ff5a4f66;background:#ff5a4f14}
.form-status.err .check{background:#ff5a4f}
.form-status a{color:var(--orange)}
.support-form .button:disabled{opacity:.6;cursor:wait}

/* ---- Support email card (form removed for now) ---- */
.support-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:30px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#121416,#0d0f11);max-width:540px}
.support-card .support-email{margin:0;font:500 13px 'DM Mono',monospace;color:var(--muted);user-select:all}
@media(max-width:800px){.support-card{margin-top:45px}}

/* Support row matches the download row: same column split, gap, vertical centring and card width */
.support{gap:40px;align-items:center}
.support-card{max-width:none;padding:30px}
.support-note{max-width:none}
@media(max-width:800px){.support{display:block}}

/* ---- QLab Buddy band (above footer) ---- */
.qlab-band{border-top:1px solid var(--line);padding:46px 0;display:flex;align-items:center;justify-content:space-between;gap:40px}
.qlab-band .eyebrow{margin:0 0 12px}
.qlab-band-text{margin:0;max-width:560px;color:var(--muted);font-size:15px;line-height:1.7}
.qlab-band .button{flex:none;white-space:nowrap;color:var(--text)}
.qlab-band .button span{color:var(--orange)}
.qlab-band .button:hover{color:var(--orange);border-color:var(--orange)}
@media(max-width:800px){.qlab-band{display:block;padding:38px 0}.qlab-band .button{margin-top:24px}}

/* ---- Download card: keep the App Store button on one line on phones ---- */
.download-card .button{white-space:nowrap}
@media(max-width:800px){.download-card{gap:18px;padding:24px}.download-card .button{gap:14px}}
@media(max-width:460px){.download-card{gap:16px;padding:20px}.download-card img{width:64px;height:64px;border-radius:16px}.download-card .button{padding:10px 13px}}
@media(max-width:360px){.download-card{gap:12px;padding:18px}.download-card img{width:52px;height:52px;border-radius:13px}.download-card .button{gap:8px;padding:10px 11px;font-size:11px}}

/* ---- Network setup section ---- */
.netsetup{padding:130px 0 20px}
.netsetup .section-intro{margin-bottom:34px}
.net-toggle summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:16px;border:1px solid #3b4149;border-radius:100px;padding:12px 18px;font-size:12px;font-weight:700;user-select:none}
.net-toggle summary::-webkit-details-marker{display:none}
.net-toggle summary:hover{color:var(--orange);border-color:var(--orange)}
.net-toggle .chev{color:var(--orange);transition:transform .2s}
.net-toggle[open] .chev{transform:rotate(180deg)}
.net-toggle .when-open,.net-toggle[open] .when-closed{display:none}
.net-toggle[open] .when-open{display:inline}
.net-toggle[open] summary{margin-bottom:34px}
@media(prefers-reduced-motion:reduce){.net-toggle .chev{transition:none}}
.netsetup .section-intro>p:last-child{max-width:380px}
.netsetup .feature{min-height:240px}
.netsetup .feature-number{margin-bottom:46px}
.net-notes{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-top:0}
.net-notes>div{background:var(--bg);padding:26px 30px}
.net-notes .net-reco{grid-column:1/-1}
.net-notes h3{font-size:16px;margin:0 0 10px}
.net-notes p{font-size:13px;line-height:1.7;color:var(--muted);margin:0;max-width:760px}
.net-notes a{color:var(--orange)}
@media(max-width:800px){.netsetup{padding:100px 0 10px}.net-notes{grid-template-columns:1fr}.net-notes>div{padding:22px}}


/* ---- Qapture RX (hidden Mac receiver page) ---- */
/* Footer link: looks like part of "© 2026 Qapture" and does not highlight. */
.footer .rx-link,.footer .rx-link:hover{color:inherit;font:inherit;text-decoration:none}
.rx-hero{padding:90px 0 70px}.rx-hero h1{max-width:860px}
.rx-hero h1{font-size:clamp(48px,7vw,86px);margin-bottom:26px}
.rx-hero .lede{max-width:620px}
.rx-section{padding:70px 0;border-top:1px solid var(--line)}
.rx-section h2{font-size:clamp(34px,4.4vw,56px);margin:0 0 22px}
.rx-section>p,.rx-lead{max-width:640px;color:var(--muted);line-height:1.7;font-size:15px;margin:0 0 30px}
.rx-three{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.rx-three .feature{min-height:200px}
.rx-three .feature-number{margin-bottom:40px}
.rx-steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);max-width:820px;counter-reset:rx}
.rx-steps li{counter-increment:rx;display:grid;grid-template-columns:54px 1fr;gap:10px;padding:22px 0;border-bottom:1px solid var(--line)}
.rx-steps li::before{content:counter(rx,decimal-leading-zero);font:15px 'DM Mono',monospace;color:var(--orange);padding-top:2px}
.rx-steps h3{margin:0 0 8px;font-size:18px}
.rx-steps p{margin:0;color:var(--muted);font-size:14px;line-height:1.7;max-width:640px}
.rx-steps b{color:var(--text)}
.rx-trouble{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);max-width:960px}
.rx-trouble>div{background:var(--bg);padding:24px 28px}
.rx-trouble h3{margin:0 0 8px;font-size:16px}
.rx-trouble p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.rx-download{border-top:1px solid var(--line);padding:70px 0 90px;max-width:none}
.rx-download .download-card{max-width:620px}
.rx-note{margin:16px 2px 0;color:var(--muted);font-size:12px;line-height:1.6;max-width:620px}
@media(max-width:800px){.rx-hero{padding:56px 0 44px}.rx-section{padding:50px 0}.rx-three{grid-template-columns:1fr}.rx-trouble{grid-template-columns:1fr}.rx-steps li{grid-template-columns:40px 1fr}}