/* Product-first hero and visibly inactive launch controls. */
body.nqtrax-home .nq-product-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);align-items:center;gap:38px;min-height:0;padding:34px 5.2vw 38px}
body.nqtrax-home .nq-product-hero h1{font-size:clamp(2.2rem,3.4vw,3.6rem);line-height:1.08;max-width:650px;margin:.65rem 0 1rem}
.nq-product-hero .nq-lead{font-size:1rem;line-height:1.6;max-width:590px;margin-bottom:18px}
.nq-product-hero .nq-actions{margin-top:22px}
.nq-product-hero .nq-fine{margin-top:14px;line-height:1.5}
.nq-hero-points{display:flex;gap:8px;flex-wrap:wrap}
.nq-hero-points span{border:1px solid #28404d;border-radius:6px;padding:6px 9px;color:#a8bdc9;font-size:.7rem}
.nq-product-hero .nq-live-card{min-width:0;padding:12px}
.nq-product-hero .nq-proof-figure{margin:0}
.nq-product-hero .nq-proof-frame{height:auto;min-height:0}
.nq-product-hero .nq-proof-image{display:block;width:100%;height:auto;max-height:430px;object-fit:contain}
.nq-product-hero .nq-real-media figcaption{font-size:.65rem;line-height:1.5}
.nq-access-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:20px;align-items:stretch}
.nq-access-grid .nq-card{display:flex;flex-direction:column;min-width:0;min-height:0;padding:24px}
.nq-access-grid .nq-card p{font-size:.86rem;line-height:1.6}
.nq-access-grid .nq-btn{margin-top:auto;min-height:44px;white-space:normal;text-align:center;line-height:1.5;font-size:.8rem}
.nq-access-grid .nq-btn:disabled{cursor:not-allowed;background:#192d35!important;color:#a0b3bc!important;border:1px solid #38505c;box-shadow:none;opacity:1;transform:none}
.nq-email-coming label{font-size:.8rem;color:#b7c9d2;margin:0 0 7px}
.nq-email-coming input{width:100%;min-height:44px;background:#0a151c;border:1px solid #334954;border-radius:8px;padding:10px;color:#93a8b4;font-size:.8rem;margin-bottom:12px;cursor:not-allowed}
.nq-email-coming input::placeholder{color:#8299a6;opacity:1}
.nq-email-coming .nq-btn{margin-top:0}
.nq-email-coming .nq-fine{font-size:.7rem;margin:12px 0 0}
#access,#email-updates{scroll-margin-top:175px}
@media(max-width:980px){body.nqtrax-home .nq-product-hero{grid-template-columns:1fr;gap:24px;padding-top:28px}.nq-product-hero .nq-hero-copy{max-width:780px}.nq-product-hero .nq-live-card{max-width:820px}.nq-access-grid{grid-template-columns:1fr 1fr}.nq-email-coming{grid-column:1/-1}}
@media(max-width:640px){body.nqtrax-home .nq-product-hero{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:22px 5vw 28px}.nq-product-hero .nq-hero-copy{display:contents}.nq-product-hero .nq-eyebrow{order:0;font-size:.55rem}.nq-product-hero h1{order:1;font-size:clamp(1.7rem,8vw,2rem)!important;margin:0!important}.nq-product-hero .nq-lead{order:3;font-size:.88rem;margin:0}.nq-product-hero .nq-live-card{order:2;padding:8px}.nq-product-hero .nq-hero-points{order:4;gap:6px}.nq-product-hero .nq-actions{order:5;margin-top:0}.nq-product-hero .nq-fine{order:6;margin:0}.nq-product-hero .nq-live-head{font-size:.58rem}.nq-product-hero .nq-real-media{padding:6px}.nq-product-hero .nq-real-media-label{font-size:.47rem}.nq-product-hero .nq-proof-frost{padding:7px}.nq-product-hero .nq-proof-frost strong{font-size:.55rem}.nq-access-grid{grid-template-columns:1fr}.nq-email-coming{grid-column:auto}.nq-access-grid .nq-card{padding:20px}}

/* Approved historical LONG 90/90 and SHORT 100/100 examples. */
.nq-live-examples{min-width:0;border:1px solid #283e4b;border-radius:18px;padding:14px;background:linear-gradient(145deg,#102129,#091219);box-shadow:0 22px 55px #0004}
.nq-live-examples .nq-live-head{margin-bottom:12px;gap:10px}
.nq-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.nq-example{margin:0;min-width:0;background:#070f14;border:1px solid #293f4b;border-radius:11px;overflow:hidden}
.nq-example figcaption{padding:12px 10px 10px;display:flex;flex-direction:column;gap:4px;min-height:75px}
.nq-example figcaption strong{font-family:Sora,Manrope,sans-serif;font-size:.84rem;color:#58dfb9!important}
.nq-example-short figcaption strong{color:#ff9b9d!important}
.nq-example figcaption span{font-size:.68rem;color:#c6d8e2;line-height:1.4}
.nq-example figcaption small{font-size:.62rem;color:#8fa7b5;line-height:1.4}
.nq-example-image{display:flex;align-items:center;justify-content:center;padding:0 8px;min-width:0;height:340px;background:#040a0e}
body.nqtrax-home .nq-example-image img{display:block;position:static;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;transform:none;border-radius:0}
.nq-example-open{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px;color:#8dddd0!important;font-size:.74rem;font-weight:800;border-top:1px solid #243c47}
.nq-example-image:focus-visible,.nq-example-open:focus-visible{outline:3px solid #f1c76c;outline-offset:-3px}
.nq-example-note{font-size:.67rem;line-height:1.5;color:#94abba;margin:12px 0 0}
@media(min-width:1500px){.nq-example-image{height:370px}}
@media(max-width:980px) and (min-width:641px){.nq-live-examples{max-width:760px}.nq-example-image{height:340px}}
@media(max-width:640px){.nq-product-hero .nq-live-examples{order:2;padding:8px;border-radius:12px}.nq-live-examples .nq-live-head{font-size:.55rem;margin-bottom:8px}.nq-example-grid{gap:8px}.nq-example figcaption{padding:8px 6px;min-height:73px;gap:3px}.nq-example figcaption strong{font-size:.69rem}.nq-example figcaption span{font-size:.58rem}.nq-example figcaption small{font-size:.52rem}.nq-example-image{height:205px;padding:0 4px}.nq-example-open{font-size:.65rem;min-height:42px;padding:8px 4px}.nq-example-note{font-size:.6rem;margin-top:9px}}
@media(max-width:360px){.nq-example-image{height:175px}}

/* Approved SHORT-left/LONG-right pair; full-width phone cards. */
@media(max-width:640px){.nq-example-grid{grid-template-columns:1fr;gap:12px}.nq-example figcaption{padding:11px 12px;min-height:0;gap:4px}.nq-example figcaption strong{font-size:.84rem}.nq-example figcaption span{font-size:.73rem}.nq-example figcaption small{font-size:.66rem}.nq-example-image{height:340px;padding:0 8px}.nq-example-open{font-size:.75rem;min-height:44px}.nq-example-note{font-size:.67rem;line-height:1.5}}

/* User-approved LONG / message / SHORT composition. Original media is preserved. */
body.nqtrax-home .nq-three-column-hero{grid-template-columns:minmax(0,1fr) minmax(0,.86fr) minmax(0,1fr);gap:22px;align-items:center;padding:24px 3.5vw 32px}
.nq-three-column-hero .nq-hero-copy{grid-column:2;grid-row:1;text-align:center;min-width:0}
.nq-three-column-hero .nq-example-long{grid-column:1;grid-row:1}
.nq-three-column-hero .nq-example-short{grid-column:3;grid-row:1}
body.nqtrax-home .nq-three-column-hero h1{font-size:clamp(1.85rem,2.8vw,3.3rem);line-height:1.1}
.nq-three-column-hero .nq-eyebrow{font-size:.65rem;line-height:1.6}
.nq-three-column-hero .nq-lead{font-size:.94rem;line-height:1.6}
.nq-three-column-hero .nq-hero-points,.nq-three-column-hero .nq-actions{justify-content:center}
.nq-three-column-hero .nq-actions{gap:10px;flex-wrap:wrap}
.nq-three-column-hero .nq-example{width:100%;align-self:stretch;display:flex;flex-direction:column}
.nq-three-column-hero .nq-example figcaption{padding:12px 14px;min-height:80px}
.nq-three-column-hero .nq-example figcaption strong{font-size:.9rem}
.nq-three-column-hero .nq-example figcaption span{font-size:.73rem}
.nq-three-column-hero .nq-example figcaption small{font-size:.66rem}
.nq-three-column-hero .nq-example-image{--nq-capture-height:clamp(440px,calc(100svh - 310px),660px);height:var(--nq-capture-height);padding:0 8px;flex:none}
.nq-three-column-hero .nq-capture-window{display:block;position:relative;flex:none;overflow:hidden}
.nq-three-column-hero .nq-capture-long{width:min(100%,calc(var(--nq-capture-height) * .617592593));aspect-ratio:667/1080}
.nq-three-column-hero .nq-capture-short{width:min(100%,calc(var(--nq-capture-height) * .637130802));aspect-ratio:755/1185}
body.nqtrax-home .nq-three-column-hero .nq-capture-long img{display:block;width:100%;height:auto;max-width:none;max-height:none;object-fit:contain}
body.nqtrax-home .nq-three-column-hero .nq-capture-short img{display:block;position:absolute;left:0;top:-6.91983122%;width:100.79470199%;height:auto;max-width:none;max-height:none;object-fit:contain}
/* Source rectangle x=0,y=82,w=755,h=1185. Mask only the browser scrollbar beside the dashboard. */
.nq-three-column-hero .nq-capture-short::after{content:"";position:absolute;right:0;top:0;width:1.721855%;height:58.818565%;background:#040a0e;pointer-events:none}
.nq-three-column-hero .nq-example-open{margin-top:auto}
.nq-three-column-hero>.nq-example-note{grid-column:1/-1;text-align:center;max-width:1080px;justify-self:center;margin:0;line-height:1.6;font-size:.7rem}
@media(max-width:980px) and (min-width:641px){
 body.nqtrax-home .nq-three-column-hero{grid-template-columns:1fr 1fr;padding-top:24px}
 .nq-three-column-hero .nq-hero-copy{grid-column:1/-1;grid-row:1;max-width:760px;justify-self:center}
 .nq-three-column-hero .nq-example-long{grid-column:1;grid-row:2}
 .nq-three-column-hero .nq-example-short{grid-column:2;grid-row:2}
 .nq-three-column-hero .nq-example-image{--nq-capture-height:480px}
}
@media(max-width:640px){
 body.nqtrax-home .nq-three-column-hero{display:flex;gap:16px;padding:22px 5vw 28px}
 .nq-three-column-hero .nq-hero-copy{display:contents}
 .nq-three-column-hero .nq-eyebrow{order:0;text-align:left;font-size:.55rem}
 body.nqtrax-home .nq-three-column-hero h1{order:1;text-align:left;font-size:clamp(1.7rem,8vw,2rem)!important;margin:0!important}
 .nq-three-column-hero .nq-example-long{order:2}
 .nq-three-column-hero .nq-example-short{order:3}
 .nq-three-column-hero .nq-lead{order:4;font-size:.88rem}
 .nq-three-column-hero .nq-hero-points{order:5;justify-content:flex-start}
 .nq-three-column-hero .nq-actions{order:6;justify-content:flex-start}
 .nq-three-column-hero .nq-hero-copy>.nq-fine{order:7}
 .nq-three-column-hero>.nq-example-note{order:8;text-align:left;font-size:.67rem}
 .nq-three-column-hero .nq-example-image{--nq-capture-height:460px}
 .nq-three-column-hero .nq-example figcaption{padding:12px;min-height:0}
}