.dhq-landing{--bg:var(--dhq-cream);--surface:var(--dhq-cream-2);--divider:var(--dhq-cream-3);--paper:var(--dhq-paper);--ink:var(--dhq-ink);--fg:var(--dhq-ink-soft);--fg-secondary:var(--dhq-ink-mute);--amber:var(--dhq-amber);--amber-hover:var(--dhq-amber-dim);--gold:var(--dhq-gold-deep);--emerald:var(--dhq-emerald-d);--coral:var(--dhq-coral-d);--ice:var(--dhq-ice);--dark-screen:var(--dhq-midnight);--font-display:var(--font-archivo-black),sans-serif;--font-body:var(--font-darker-grotesque),sans-serif;--font-ui:var(--font-instrument-sans),sans-serif;--font-mono:var(--font-jetbrains-mono),monospace;--border-w:2px;--shadow:3px 3px 0 var(--ink);--shadow-lg:4px 4px 0 var(--ink);--shadow-btn:2px 2px 0 var(--ink);--max-w:1200px;--gutter:clamp(1.5rem,5vw,4rem);background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;min-height:100vh;font-size:max(1.125rem,min(1.5vw,1.25rem));line-height:1.5;overflow-x:clip}.dhq-landing *,.dhq-landing :before,.dhq-landing :after{box-sizing:border-box;margin:0;padding:0}.dhq-landing img{max-width:100%;display:block}.dhq-landing a{color:inherit;text-decoration:none}.dhq-landing .container{max-width:var(--max-w);padding:0 var(--gutter);margin:0 auto}.dhq-landing .label-mono{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-secondary);margin-bottom:.75rem;font-size:max(.75rem,min(1vw,.875rem));font-weight:700}.dhq-landing nav{padding:1.5rem var(--gutter);max-width:var(--max-w);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.dhq-landing .nav-logo{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.25rem}.dhq-landing .nav-links{font-family:var(--font-ui);gap:2rem;font-size:.875rem;font-weight:500;display:flex}.dhq-landing .nav-links a:hover{text-underline-offset:4px;text-decoration:underline}.dhq-landing .nav-right{align-items:center;gap:2rem;display:flex}.dhq-landing .nav-auth{align-items:center;gap:1rem;display:flex}.dhq-landing .nav-signin{font-family:var(--font-ui);white-space:nowrap;font-size:.875rem;font-weight:500}.dhq-landing .nav-signin:hover{text-underline-offset:4px;text-decoration:underline}.dhq-landing .nav-getstarted{font-family:var(--font-ui);white-space:nowrap;border:var(--border-w)solid var(--ink);background:var(--amber);color:var(--ink);box-shadow:var(--shadow-btn);padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:box-shadow .1s,transform .1s}.dhq-landing .nav-getstarted:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}@media (max-width:640px){.dhq-landing .nav-links{display:none}.dhq-landing .nav-right{gap:1rem}}.dhq-landing .hero{padding:max(1.5rem,min(4vw,3rem)) 0 max(1rem,min(2.5vw,2rem))}.dhq-landing .hero .eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem;font-size:max(.75rem,min(1.1vw,.875rem));font-weight:700}.dhq-landing .hero h1{font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;max-width:16ch;margin-bottom:1rem;font-size:max(3rem,min(10vw,6.5rem));line-height:.95}.dhq-landing .hero p{max-width:70ch;color:var(--fg-secondary);margin-bottom:1.75rem;font-size:max(1.125rem,min(1.6vw,1.375rem));line-height:1.4}.dhq-landing .hero-form{flex-wrap:wrap;gap:0;margin-bottom:.75rem;display:flex}.dhq-landing .hero-form input{border:var(--border-w)solid var(--ink);background:var(--paper);font-family:var(--font-mono);color:var(--fg);min-width:220px;box-shadow:var(--shadow-btn);border-right:none;outline:none;flex:220px;padding:.875rem 1.25rem;font-size:.9375rem}.dhq-landing .hero-form input::placeholder{color:var(--fg-secondary);opacity:.6}.dhq-landing .hero-form button{border:var(--border-w)solid var(--ink);background:var(--amber);color:var(--ink);font-family:var(--font-ui);cursor:pointer;box-shadow:var(--shadow-btn);white-space:nowrap;padding:.875rem 1.75rem;font-size:.9375rem;font-weight:600;transition:box-shadow .1s,transform .1s}.dhq-landing .hero-form button:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.dhq-landing .hero-form button:disabled{opacity:.6;cursor:not-allowed}.dhq-landing .hero-secondary{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.dhq-landing .hero-secondary a{font-family:var(--font-ui);text-underline-offset:3px;font-size:.875rem;font-weight:500;text-decoration:underline}.dhq-landing .hero-secondary a:hover{color:var(--fg-secondary)}.dhq-landing .hero-micro{font-family:var(--font-mono);color:var(--fg-secondary);letter-spacing:.03em;font-size:.75rem}.dhq-landing .hero-feedback{max-width:70ch;margin-top:1.25rem}.dhq-landing .hero-note{font-family:var(--font-ui);color:var(--fg-secondary);font-size:.9375rem}.dhq-landing .hero-note strong{color:var(--fg);font-weight:600}.dhq-landing .hero-note.is-error{color:var(--coral)}.dhq-landing .hero-results{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem;display:grid}@media (max-width:640px){.dhq-landing .hero-results{grid-template-columns:1fr}}.dhq-landing .hero-league-card{border:var(--border-w)solid var(--ink);background:var(--paper);box-shadow:var(--shadow);text-align:left;cursor:pointer;font-family:var(--font-ui);padding:.875rem 1rem;transition:box-shadow .1s,transform .1s}.dhq-landing .hero-league-card:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.dhq-landing .hero-league-card .league-name{color:var(--fg);font-size:.9375rem;font-weight:600}.dhq-landing .hero-league-card .league-meta{font-family:var(--font-mono);color:var(--fg-secondary);letter-spacing:.02em;margin-top:.25rem;font-size:.75rem}.dhq-landing .trust-strip{border-top:var(--border-w)solid var(--divider);border-bottom:var(--border-w)solid var(--divider);padding:1.25rem 0}.dhq-landing .trust-strip .container{font-family:var(--font-mono);color:var(--fg-secondary);letter-spacing:.02em;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-size:max(.75rem,min(1vw,.85rem));display:flex}.dhq-landing .trust-strip .sep{opacity:.4}.dhq-landing .section-block{border-bottom:var(--border-w)solid var(--divider);padding:max(4rem,min(8vw,7rem)) 0}.dhq-landing .section-block:last-of-type{border-bottom:none}.dhq-landing .screenshot-frame{background:var(--dark-screen);border:var(--border-w)solid var(--ink);width:100%;max-width:480px;box-shadow:var(--shadow-lg);overflow:hidden}.dhq-landing .screenshot-frame img{width:100%;height:auto;display:block}@media (prefers-reduced-motion:no-preference) and (min-width:901px){.dhq-landing .s1-pin-container{will-change:transform;height:600vh;position:relative}.dhq-landing .s1-sticky{align-items:center;height:100vh;display:flex;position:-webkit-sticky;position:sticky;top:0;overflow:hidden}.dhq-landing .s1-track{will-change:transform;flex-direction:row;align-items:center;height:100%;display:flex;transform:translate(0)}.dhq-landing .s1-panel{flex-direction:column;flex:0 0 100vw;justify-content:center;max-width:56rem;height:100%;padding:4rem 6rem;display:flex}.dhq-landing .s1-panel .label-mono{opacity:0;transition:opacity .45s .1s,transform .45s .1s;transform:translateY(12px)}.dhq-landing .s1-panel h2{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;opacity:0;margin-bottom:1rem;font-size:max(2.5rem,min(5vw,5rem));line-height:1;transition:opacity .45s .15s,transform .45s .15s;transform:translateY(12px)}.dhq-landing .s1-panel p{color:var(--fg-secondary);opacity:0;max-width:42ch;font-size:1.25rem;line-height:1.45;transition:opacity .45s .2s,transform .45s .2s;transform:translateY(12px)}.dhq-landing .s1-panel.active .label-mono,.dhq-landing .s1-panel.active h2,.dhq-landing .s1-panel.active p{opacity:1;transform:translateY(0)}.dhq-landing .s1-progress{z-index:10;pointer-events:none;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;bottom:2rem;left:0;right:0}.dhq-landing .s1-progress .prog-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--fg-secondary);font-size:.7rem;font-weight:700}.dhq-landing .s1-progress .prog-bar-wrap{background:var(--divider);width:200px;height:2px;position:relative}.dhq-landing .s1-progress .prog-bar-fill{background:var(--ink);width:0%;height:100%;transition:width .1s linear}.dhq-landing .s1-axis{font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg-secondary);opacity:0;align-items:center;gap:.25rem;margin-top:1.5rem;font-size:.7rem;font-weight:700;transition:opacity .4s .25s,transform .4s .25s;display:flex;transform:translateY(8px)}.dhq-landing .s1-panel.active .s1-axis{opacity:1;transform:translateY(0)}.dhq-landing .s1-axis .axis-line{background:var(--divider);flex:1;height:2px;margin:0 .5rem;position:relative}.dhq-landing .s1-axis .axis-dot{background:var(--ink);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px}.dhq-landing .s1-archetype-desc{font-family:var(--font-body);color:var(--fg-secondary);opacity:0;margin-top:.25rem;font-size:1.125rem;line-height:1.4;transition:opacity .4s .3s,transform .4s .3s;transform:translateY(8px)}.dhq-landing .s1-panel.active .s1-archetype-desc{opacity:1;transform:translateY(0)}}@media (max-width:900px){.dhq-landing .s1-pin-container{padding:max(3rem,min(6vw,5rem)) 0;height:auto!important}.dhq-landing .s1-sticky{height:auto!important;position:static!important;overflow:visible!important}.dhq-landing .s1-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 var(--gutter);scrollbar-width:none;flex-direction:row;gap:1rem;display:flex;overflow-x:auto}.dhq-landing .s1-track::-webkit-scrollbar{display:none}.dhq-landing .s1-panel{scroll-snap-align:center;background:var(--surface);border:var(--border-w)solid var(--ink);box-shadow:var(--shadow);flex:0 0 85vw;padding:2rem 1.5rem}.dhq-landing .s1-panel h2{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin-bottom:.75rem;font-size:max(1.75rem,min(6vw,2.5rem));line-height:1}.dhq-landing .s1-panel p{color:var(--fg-secondary);font-size:1.125rem;line-height:1.45}.dhq-landing .s1-axis{font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg-secondary);align-items:center;gap:.25rem;margin-top:1rem;font-size:.65rem;font-weight:700;display:flex}.dhq-landing .s1-axis .axis-line{background:var(--divider);flex:1;height:2px;margin:0 .5rem;position:relative}.dhq-landing .s1-axis .axis-dot{background:var(--ink);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px}.dhq-landing .s1-archetype-desc{font-family:var(--font-body);color:var(--fg-secondary);margin-top:.25rem;font-size:1rem}.dhq-landing .s1-progress{display:none}}@media (prefers-reduced-motion:reduce){.dhq-landing .s1-pin-container{padding:max(3rem,min(6vw,5rem)) 0;height:auto!important}.dhq-landing .s1-sticky{height:auto!important;position:static!important;overflow:visible!important}.dhq-landing .s1-track{flex-direction:column;gap:2rem;display:flex}.dhq-landing .s1-panel{padding:2rem 0}.dhq-landing .s1-panel h2{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin-bottom:.75rem;font-size:max(1.75rem,min(5vw,4rem));line-height:1}.dhq-landing .s1-panel p{color:var(--fg-secondary);max-width:42ch;font-size:1.125rem;line-height:1.45}.dhq-landing .s1-axis{font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg-secondary);align-items:center;gap:.25rem;margin-top:1rem;font-size:.7rem;font-weight:700;display:flex}.dhq-landing .s1-axis .axis-line{background:var(--divider);flex:1;height:2px;margin:0 .5rem;position:relative}.dhq-landing .s1-axis .axis-dot{background:var(--ink);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px}.dhq-landing .s1-archetype-desc{font-family:var(--font-body);color:var(--fg-secondary);margin-top:.25rem;font-size:1rem}.dhq-landing .s1-progress{display:none}}.dhq-landing .s2-wrap{grid-template-columns:1.4fr 1fr;align-items:start;gap:max(2rem,min(4vw,4rem));display:grid}.dhq-landing .s2-visual{justify-content:flex-end;display:flex}.dhq-landing .s2-visual .screenshot-frame{max-width:560px}.dhq-landing .s2-text{margin-top:max(2rem,min(5vw,5rem))}.dhq-landing .s2-text h2{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin-bottom:1.25rem;font-size:max(2.25rem,min(5.5vw,4rem));line-height:1}.dhq-landing .s2-text p{color:var(--fg-secondary);font-size:1.25rem;line-height:1.45}@media (max-width:800px){.dhq-landing .s2-wrap{grid-template-columns:1fr;gap:2rem}.dhq-landing .s2-text{margin-top:0}.dhq-landing .s2-visual{justify-content:center}}.dhq-landing .s3-full{max-width:100%;padding:0}.dhq-landing .s3-inner{max-width:var(--max-w);padding:clamp(4rem,8vw,7rem)var(--gutter);grid-template-columns:1fr 1fr;align-items:center;gap:max(2rem,min(4vw,4rem));margin:0 auto;display:grid}.dhq-landing .s3-text h2{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin-bottom:1.25rem;font-size:max(2.25rem,min(5.5vw,4rem));line-height:1}.dhq-landing .s3-text p{color:var(--fg-secondary);font-size:1.25rem;line-height:1.45}.dhq-landing .s3-visual{justify-content:flex-start;display:flex}.dhq-landing .s3-visual .screenshot-frame{max-width:520px}@media (max-width:800px){.dhq-landing .s3-inner{grid-template-columns:1fr;gap:2rem}}.dhq-landing .s4-center{text-align:center;max-width:56rem;padding:0 var(--gutter);margin:0 auto}.dhq-landing .s4-center .label-mono{text-align:center}.dhq-landing .s4-center h2{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin-bottom:1.25rem;font-size:max(2.25rem,min(5.5vw,4rem));line-height:1}.dhq-landing .s4-center p{color:var(--fg-secondary);max-width:42ch;margin:0 auto 2rem;font-size:1.25rem;line-height:1.45}.dhq-landing .s4-center .screenshot-frame{margin:0 auto}.dhq-landing .more-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (max-width:640px){.dhq-landing .more-grid{grid-template-columns:1fr}}.dhq-landing .more-card{border:var(--border-w)solid var(--ink);box-shadow:var(--shadow);background:var(--surface);padding:2rem}.dhq-landing .more-card h3{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;margin-bottom:.5rem;font-size:1.125rem}.dhq-landing .more-card p{color:var(--fg-secondary);font-size:1.0625rem;line-height:1.4}.dhq-landing .final-cta{text-align:center;padding:max(4rem,min(8vw,7rem)) 0}.dhq-landing .final-cta h2{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin-bottom:2rem;font-size:max(2.75rem,min(7vw,5rem));line-height:1}.dhq-landing .cta-group{flex-direction:column;align-items:center;gap:.75rem;display:flex}.dhq-landing .cta-btn{border:var(--border-w)solid var(--ink);background:var(--amber);color:var(--ink);font-family:var(--font-ui);box-shadow:var(--shadow-btn);cursor:pointer;padding:1rem 2.5rem;font-size:1.0625rem;font-weight:600;transition:box-shadow .1s,transform .1s;display:inline-block}.dhq-landing .cta-btn:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.dhq-landing .cta-micro{font-family:var(--font-mono);color:var(--fg-secondary);font-size:.8125rem}.dhq-landing footer{border-top:var(--border-w)solid var(--ink);text-align:center;font-family:var(--font-mono);color:var(--fg-secondary);letter-spacing:.03em;padding:2rem 0 3rem;font-size:.75rem}.dhq-landing section[id]{scroll-margin-top:3rem}@media (prefers-reduced-motion:no-preference){.dhq-landing .hero h1{will-change:transform}.dhq-landing .section-block{view-timeline-name:--section;view-timeline-axis:block}.dhq-landing .section-block .s2-text h2,.dhq-landing .section-block .s3-text h2,.dhq-landing .section-block .s4-center h2{will-change:transform,opacity;animation:linear both dhq-reveal-up;animation-timeline:view();animation-range:entry entry 70%}.dhq-landing .section-block .screenshot-frame{will-change:transform,opacity;animation:linear both dhq-parallax-up-shift;animation-timeline:view();animation-range:entry entry 80%}}@keyframes dhq-reveal-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes dhq-parallax-up-shift{0%{opacity:.92;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dhq-landing .hero h1,.dhq-landing .section-block .s2-text h2,.dhq-landing .section-block .s3-text h2,.dhq-landing .section-block .s4-center h2,.dhq-landing .section-block .screenshot-frame{opacity:1!important;animation:none!important;transform:none!important}}@supports not (animation-timeline:view()){.dhq-landing .section-block .s2-text h2,.dhq-landing .section-block .s3-text h2,.dhq-landing .section-block .s4-center h2,.dhq-landing .section-block .screenshot-frame{opacity:1!important;animation:none!important;transform:none!important}}