.hack-page{--gold:#ffd76a;--ink:#e8e4d9;--quiet:#a7a398;--line:#2c2a24;height:auto;min-height:100vh;color:var(--ink);background:radial-gradient(ellipse at 85% 10%,#32260d44,transparent 35%),#000}.hack-page a{color:inherit;text-decoration:none}.hack-page a:hover{text-decoration:underline}.hack-page :focus-visible{outline:2px solid var(--gold);outline-offset:5px}.skip-link{position:fixed;top:12px;left:20px;z-index:10;background:#000;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link:focus{clip-path:none;width:auto;height:auto;padding:12px}.hack-nav{width:min(1200px,calc(100% - 40px));margin:auto;min-height:84px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line);font-size:11px}.hack-nav>a:first-child{font-size:18px;letter-spacing:-1px;font-weight:700}.hack-nav>a{display:flex;align-items:center;min-height:44px}.hack-nav>a>span{color:var(--gold);margin-left:6px}.location{color:var(--quiet)}.location i,.demo-caption i{display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:var(--gold)}body.hack-page .hack-main{display:block;min-height:0;width:min(1120px,calc(100% - 40px));margin:auto;padding:0}.hack-hero{display:grid;grid-template-columns:1fr;gap:44px;padding:62px 0 64px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;color:var(--quiet);line-height:1.7;margin:0 0 20px}.lantern{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 16px #ffd76a77;margin-right:6px}.hero-copy{align-self:center}.hero-copy h1{font-size:clamp(52px,13vw,106px);font-weight:600;letter-spacing:-.075em;line-height:.98;margin:0 0 26px}.hero-copy h1>span:first-child{color:var(--gold)}.title-dot{color:var(--ink);font-size:.7em}.hero-line{max-width:31ch;font-size:clamp(18px,3vw,25px);line-height:1.5;letter-spacing:-.7px;margin:0 0 22px}.hero-context{max-width:46ch;color:var(--quiet);font-size:12px;line-height:1.8;margin:0}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:30px 0 38px}.hack-button{min-height:48px;border:1px solid #56503c;padding:14px 18px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:12px;border-radius:3px;line-height:1.5}.hack-button.primary{background:var(--gold);color:#080806;border-color:var(--gold);font-weight:700}.text-link{font-size:11px;min-height:44px;display:inline-flex;align-items:center}.signal-strip{display:flex;gap:14px;flex-wrap:wrap;font-size:9px;color:#a49a80;letter-spacing:1px}.signal-strip b{color:#65573b}.demo{width:min(100%,326px);margin:0 auto;position:relative;scroll-margin-top:24px}.demo:before{content:'';position:absolute;z-index:-1;inset:12%;background:#b68d281c;filter:blur(55px)}.demo-caption{display:flex;justify-content:space-between;color:#9e9276;font-size:9px;text-transform:uppercase;letter-spacing:2px;padding:0 0 12px}.video-stage{aspect-ratio:9/16;border:1px solid #75603a;border-radius:9px;background:#070706;overflow:hidden;position:relative}.video-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(155deg,#27200e77,transparent 50%),repeating-linear-gradient(0deg,#ffd76a04 0 1px,transparent 1px 5px);position:relative}.video-placeholder:before,.video-placeholder:after{content:'';position:absolute;width:18px;height:18px;border-color:#ffd76a66}.video-placeholder:before{top:16px;left:16px;border-top:1px solid;border-left:1px solid}.video-placeholder:after{bottom:16px;right:16px;border-right:1px solid;border-bottom:1px solid}.signal-cross{font-size:100px;line-height:1;color:var(--gold);margin-bottom:38px;transform:rotate(-12deg)}.video-kicker{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:#aca080}.video-placeholder strong{font-size:39px;font-weight:400;line-height:1.06;letter-spacing:-2px;margin:14px 0 35px}.video-stamp{font-size:8px;color:#a69a7c;letter-spacing:1px}.demo figcaption{font-size:10px;color:var(--quiet);line-height:1.6;margin-top:12px}.video-stage>iframe,.video-stage>video{display:block;width:100%;height:100%;border:0;object-fit:contain}.video-stage.is-x{overflow:auto;padding:8px}.video-stage blockquote{margin:0;padding:20px;font-size:12px}.video-play{font:inherit;cursor:pointer;border:0;color:inherit;width:100%}.video-play:hover .signal-cross{transform:rotate(0)}.video-play .signal-cross{transition:transform .2s}.video-error{padding:25px;font-size:12px;line-height:1.8}.section-head h2,.unhinged-section h2{font-size:clamp(23px,4vw,37px);line-height:1.2;font-weight:400;letter-spacing:-1.4px;margin:0}.how-section,.unhinged-section,.build-section,.follow-section{border-top:1px solid var(--line);padding:46px 0}.steps{list-style:none;display:grid;grid-template-columns:1fr;gap:28px;padding:0;margin:36px 0 0;counter-reset:steps}.steps li{position:relative;padding-left:42px}.step-number{position:absolute;left:0;top:0;font-size:10px;color:var(--gold);padding-top:6px}.steps h3{font-size:16px;line-height:1.4;letter-spacing:-.5px;font-weight:500;margin:0 0 12px;max-width:27ch}.steps p,.unhinged-section p:not(.eyebrow),.timeline p{color:var(--quiet);font-size:12px;line-height:1.8;margin:0;max-width:36ch}.step-tail{display:block;color:#ae9e76;font-size:9px;margin-top:18px}.dna-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.dna-tags span{padding:5px 7px;border:1px solid #3c3422;color:#c2b594;font-size:9px}.unhinged-section{display:grid;gap:30px}.unhinged-section p:not(.eyebrow){margin-top:14px}.dial label{font-size:11px;display:flex;justify-content:space-between}.dial output{color:var(--gold)}.dial input{display:block;width:100%;height:44px;margin:12px 0;accent-color:var(--gold);cursor:ew-resize;appearance:none;background:transparent}.dial input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#726a57,#ffd76a)}.dial input::-moz-range-track{height:3px;background:linear-gradient(to right,#726a57,#ffd76a)}.dial input::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:var(--gold);border:5px solid #000;box-shadow:0 0 0 1px #ffd76a;border-radius:50%;margin-top:-8px}.dial input::-moz-range-thumb{width:12px;height:12px;background:var(--gold);border:4px solid #000;outline:1px solid #ffd76a;border-radius:50%}.dial-labels{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#c0b79f}.dial-labels span:last-child{color:var(--gold)}.dial-note{display:block;color:#8f8a7d;font-size:9px;margin-top:18px;line-height:1.6}.build-section h2 span{color:var(--gold)}.timeline{display:grid;grid-template-columns:1fr;list-style:none;padding:0;margin:32px 0 0;border-left:1px solid #4c4127;gap:28px}.timeline li{position:relative;padding-left:22px}.timeline li:before{content:'';position:absolute;width:5px;height:5px;left:-3px;top:6px;border-radius:50%;background:var(--gold)}.timeline time{color:var(--gold);font-size:11px}.timeline h3{font-size:13px;font-weight:500;margin:10px 0 7px}.timeline p{font-size:11px}.follow-section h2{font-size:clamp(28px,5vw,48px);font-weight:400;letter-spacing:-2px;margin:0 0 28px}.follow-links{display:flex;gap:12px;flex-wrap:wrap}.hack-footer{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:22px 0 38px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:var(--quiet);font-size:9px;border-top:1px solid var(--line)}.hack-footer a{min-height:44px;display:inline-flex;align-items:center}.hack-footer>span{align-self:center}@media(min-width:760px){.hack-hero{grid-template-columns:minmax(0,1fr) 326px;gap:50px;padding:76px 0 82px}.hero-copy h1{font-size:clamp(62px,8.5vw,106px)}.steps{grid-template-columns:repeat(3,1fr);gap:32px}.steps li{padding-left:0;border-top:1px solid #4c4127;padding-top:42px}.step-number{top:12px}.unhinged-section{grid-template-columns:1fr 1fr;align-items:center;gap:60px}.how-section,.unhinged-section,.build-section,.follow-section{padding:58px 0}.timeline{grid-template-columns:repeat(4,1fr);border-left:0;gap:24px;border-top:1px solid #4c4127;padding-top:24px}.timeline li{padding:0}.timeline li:before{top:-27px;left:0}}@media(max-width:530px){.location{display:none}.hack-nav{min-height:68px}.hack-hero{padding-top:44px}.hero-actions{gap:20px}.signal-strip{gap:10px}.follow-links .hack-button{flex:1 1 auto}.follow-links .primary{flex-basis:100%}.hack-footer>span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){.hack-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.live-feed{list-style:none;padding:0 0 0 20px;margin:28px 0 0;border-left:1px solid #75603a}.live-feed li{padding:0 0 22px;line-height:1.7;font-size:12px}.live-feed b{display:block;color:#ffd76a;font-size:10px;margin-bottom:6px}.live-feed span{color:#b8b1a1}
.hero-copy h1{font-size:clamp(46px,7.2vw,100px);letter-spacing:-.07em}.eyebrow .lantern{background:#e5484d;box-shadow:0 0 16px #e5484d80}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}form{max-width:620px;margin:24px 0}form label{display:block;margin:12px 0}input:not([type=range]),textarea{display:block;width:100%;box-sizing:border-box;background:#111;color:#eee;border:1px solid #555;padding:12px;font:inherit;border-radius:6px}textarea{min-height:90px}.honey{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.comment-card{padding:20px 0;border-bottom:1px solid #333;overflow-wrap:anywhere}.hack-button{cursor:pointer;font:inherit;min-height:44px}.app-page{margin:0;background:#000;color:#eee;font:14px monospace;display:flex;flex-direction:column;height:100dvh}.app-bar{padding:8px 12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#080808;z-index:2;flex-shrink:0}.app-bar button,.app-bar a{font:inherit;color:#ffd76a;background:#111;border:1px solid #444;padding:8px;min-height:44px;box-sizing:border-box}.app-bar small{color:#aaa}.app-frame{width:100%;flex:1;border:0;background:#111}.feedback-panel{padding:16px;overflow:auto;max-height:65dvh;border:1px solid #555;background:#080808;color:#eee;width:min(560px,90vw)}dialog::backdrop{background:#000b}.app-fallback{padding:4px 12px;color:#aaa;font-size:12px}.app-fallback a{color:#ffd76a}.stats-hack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px}.stats-hack-grid strong{display:block;color:#ffd76a;font-size:28px}@media(max-width:600px){.steps{grid-template-columns:1fr}.app-bar .beta{width:100%}.hero-actions .hack-button{width:100%}}button:focus-visible,a:focus-visible{outline:2px solid #ffd76a;outline-offset:3px}

.hj-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;margin:1.4rem 0}.hj-stat{border:1px solid currentColor;border-radius:14px;padding:.8rem .6rem;text-align:center}.hj-stat strong{display:block;font-size:clamp(1.8rem,6vw,2.8rem);line-height:1}.hj-stat span{font-size:.75rem;opacity:.75}@media(max-width:600px){.hj-stats{grid-template-columns:repeat(3,1fr)}}
.hj-stats::before{content:"● LIVE STATS";grid-column:1/-1;font-size:.8rem;letter-spacing:.15em;color:#ff3b3b;font-weight:700}
.hj-stat{border:2px solid #ff3b3b;background:rgba(255,59,59,.08)}
.hj-stat strong{font-size:clamp(2.4rem,9vw,3.6rem);font-weight:800;color:#fff}
.hj-stat span{font-size:.85rem;opacity:.9;font-weight:600}

/* Engagement precedes every secondary section and the video. */
.hack-hero{display:flex;flex-direction:column}.hero-copy{width:100%}.hero-engagement{margin:12px 0 28px}.hero-engagement .hj-stats{margin:12px 0}.engagement-actions{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;max-width:620px}.engagement-actions button{min-height:48px;font-weight:700;font-size:16px}.hero-engagement form{margin:12px 0;max-width:620px}.hero-engagement form label{margin:8px 0}.hero-engagement textarea{min-height:64px}.hero-engagement .comment-name input{padding:9px 12px}.hero-engagement .dial-note{font-size:10px;margin:8px 0}.hero-engagement .comment-card{padding:12px 0;font-size:13px}.hero-engagement [hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hack-hero .demo{align-self:center;width:min(100%,340px)}
@media(max-width:600px){.hack-nav{min-height:48px;font-size:10px;gap:8px}.hack-nav .location{display:none}.hack-hero{padding-top:16px;gap:24px}.hero-copy>.eyebrow{margin-bottom:10px;font-size:9px}.hero-copy h1{font-size:48px;margin-bottom:12px}.hero-line{font-size:18px;line-height:1.35;margin-bottom:12px;max-width:none}.hj-stats{gap:6px}.hj-stat{padding:9px 4px;border-radius:9px}.hj-stat strong{font-size:34px}.hj-stat span{font-size:10px}.hj-stats::before{font-size:11px}.hero-engagement{margin-top:8px}.engagement-actions .hack-button{padding:8px 5px;font-size:14px}.hero-engagement form{margin-top:12px}}

/* A native link covers the entire evidence card, including its arrow. */
.demo{position:relative}.evidence-link{position:absolute;inset:0;z-index:3;border-radius:inherit;cursor:pointer}.evidence-link[hidden]{display:none}.demo:has(.evidence-link:not([hidden])){cursor:pointer}.demo:has(.evidence-link:hover),.demo:has(.evidence-link:focus-visible){border-color:#ffe69b}.demo .signal-cross{transition:transform .18s ease}.demo:has(.evidence-link:hover) .signal-cross,.demo:has(.evidence-link:focus-visible) .signal-cross{transform:translate(2px,-2px)}@media(prefers-reduced-motion:reduce){.demo .signal-cross{transition:none}.demo:has(.evidence-link:hover) .signal-cross,.demo:has(.evidence-link:focus-visible) .signal-cross{transform:none}}

.hack-qr-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px 16px;text-align:center}.hack-qr-hero img{display:block;width:384px;height:384px;padding:16px;box-sizing:content-box;background:#fff;max-width:calc(100vw - 64px);object-fit:contain}.hack-qr-hero p{font-family:inherit;font-size:20px;line-height:1.5;margin:12px 0 0;color:#e8e4d9}@media(max-width:600px){.hack-qr-hero{padding-top:16px}.hack-qr-hero img{width:70vw;height:70vw}.hack-qr-hero p{font-size:18px}}