:root{--ink:#eae7e0;--muted:#a2a59d;--panel:#161a19d1;--line:#ebece021;--lime:#d9f373}*{box-sizing:border-box}html,body{width:100%;max-width:100%;min-height:100%;overflow-x:hidden}body{color:var(--ink);background:#111414;margin:0;font-family:DM Sans,Arial,sans-serif}button{font:inherit}.page-shell{isolation:isolate;background:radial-gradient(at 50% 120%,#1f2922 0%,#0000 53%),linear-gradient(120deg,#101313,#151a19 68%,#111414);flex-direction:column;width:100%;max-width:100%;min-height:100dvh;padding:24px clamp(20px,4vw,56px) 20px;display:flex;position:relative;overflow:hidden}.page-shell:before{z-index:-1;opacity:.18;content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.ambient-glow{z-index:-1;aspect-ratio:1;filter:blur(80px);opacity:.14;pointer-events:none;border-radius:50%;width:min(42vw,560px);position:absolute}.glow-one{background:#95b94a;top:-22%;left:-16%}.glow-two{background:#496c58;bottom:-28%;right:-20%}.brand-bar,footer{flex-shrink:0;align-items:center;display:flex}.brand-bar{min-height:56px}.brand-lockup{align-items:center;gap:14px;height:56px;display:flex}.crs-logo{object-fit:contain;width:auto;height:52px;display:block}.brand-divider{background:var(--line);flex-shrink:0;width:1px;height:22px}.hank-logo{justify-content:center;align-items:center;height:52px;line-height:0;text-decoration:none;display:flex}.hank-logo img{object-fit:contain;filter:brightness(0)invert();width:auto;height:22px;display:block}.stage{flex-direction:column;flex:1;justify-content:center;gap:clamp(20px,3vh,36px);width:min(100%,980px);margin:0 auto;padding:clamp(12px,2vh,28px) 0;display:flex}.hero{text-align:center;max-width:640px;margin:0 auto}.eyebrow,.card-label,.availability,.result-step,footer,.whisper-kicker,.facts dt{letter-spacing:.11em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px;font-weight:500}.eyebrow{color:#c2c8b7;align-items:center;gap:8px;display:inline-flex}.status-dot,.availability span{background:var(--lime);border-radius:100%;width:6px;height:6px;box-shadow:0 0 0 4px #d9f37314}h1{letter-spacing:-.06em;margin:14px 0 10px;font-size:clamp(36px,5.4vw,56px);font-weight:500;line-height:1.02}h1 em{color:var(--lime);letter-spacing:-.07em;font-family:Playfair Display,Georgia,serif;font-weight:500}.hero-copy{max-width:380px;color:var(--muted);margin:0 auto;font-size:15px;line-height:1.45}.demo-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;display:grid}.call-card,.result-card{border:1px solid var(--line);background:linear-gradient(145deg, #272d2bbf, var(--panel));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;flex-direction:column;min-height:380px;padding:18px 18px 16px;display:flex;box-shadow:0 28px 60px #0000002e,inset 0 1px #ffffff0d}.call-card.is-live,.result-card.is-whisper{border-color:#d9f37361}.call-card.is-transferring{background:radial-gradient(circle at 50% 42%,#2a2216 0%,#0c0b09 62%,#070706 100%);border-color:#e8d2a047;justify-content:center;position:relative;overflow:hidden;box-shadow:0 28px 60px #00000059,inset 0 0 0 1px #e8d2a014}.call-card.is-transferring:before{opacity:.22;content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");animation:2.4s steps(2,end) infinite filmFlicker;position:absolute;inset:0}.theater-leader{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:320px;padding:12px 8px 8px;display:flex;position:relative}.theater-leader__kicker{color:#d8c59a;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 1px #0000008c;margin:0 0 18px;font-family:DM Mono,monospace;font-size:10px}.theater-leader__dial{aspect-ratio:1;width:min(220px,72%);margin:0 auto;position:relative}.theater-leader__ring{border:2px solid #e8d2a08c;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 10px #00000059,0 0 28px #00000073}.theater-leader__ring--inner{box-shadow:none;border-width:1px;border-color:#e8d2a047;inset:14%}.theater-leader__ticks{background:repeating-conic-gradient(from -2deg,#e8d2a08c 0deg 1.2deg,#0000 1.2deg 30deg);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 63%,#000 64% 72%,#0000 73%);mask:radial-gradient(circle,#0000 63%,#000 64% 72%,#0000 73%)}.theater-leader__arm{background:conic-gradient(from -90deg,#e8d2a0d9 0deg 8deg,#0000 8.5deg 360deg);border-radius:50%;animation:1s linear infinite leaderSweep;position:absolute;inset:8%;-webkit-mask:radial-gradient(circle,#0000 48%,#000 49%);mask:radial-gradient(circle,#0000 48%,#000 49%)}.theater-leader__number{color:#f3e6c4;letter-spacing:.04em;text-shadow:0 2px #0000008c,0 0 24px #e8d2a02e;place-items:center;font-family:Bebas Neue,DM Sans,sans-serif;font-size:clamp(84px,18vw,118px);line-height:1;animation:.95s cubic-bezier(.2,.8,.2,1) leaderPop;display:grid;position:absolute;inset:0}.theater-leader__number.is-go{letter-spacing:.18em;font-size:clamp(42px,10vw,56px)}.theater-leader__caption{color:#b9a87a;letter-spacing:.02em;margin:22px 0 0;font-family:Playfair Display,Georgia,serif;font-size:15px;font-style:italic}.theater-leader__sprockets{opacity:.55;pointer-events:none;flex-direction:column;justify-content:space-between;width:14px;display:flex;position:absolute;top:18px;bottom:18px}.theater-leader__sprockets--left{left:10px}.theater-leader__sprockets--right{right:10px}.theater-leader__sprockets span{aspect-ratio:1;background:#e8d2a038;border-radius:2px;width:100%;display:block;box-shadow:inset 0 0 0 1px #00000059}@keyframes leaderSweep{to{transform:rotate(360deg)}}@keyframes leaderPop{0%{opacity:.2;filter:blur(2px);transform:scale(1.18)}35%{opacity:1;filter:blur();transform:scale(1)}to{opacity:1;transform:scale(1)}}@keyframes filmFlicker{0%,to{opacity:.18}40%{opacity:.28}70%{opacity:.14}}.card-topline{color:#aeb1a9;justify-content:space-between;align-items:center;display:flex}.availability,.result-step{color:#aeb1a9;align-items:center;gap:7px;font-size:9px;display:flex}.availability.live,.result-card.has-route .result-step,.result-card.is-whisper .result-step{color:var(--lime)}.result-card.needs-zip .result-step{color:#e6c27a}.orb-wrap{place-items:center;height:118px;margin:18px 0 8px;display:grid;position:relative}.voice-orb{z-index:1;color:#142016;background:radial-gradient(circle at 33% 25%, #effbba, var(--lime) 50%, #a4cc52);border-radius:50%;place-items:center;width:96px;height:96px;display:grid;box-shadow:inset 0 0 0 1px #ffffff57,0 0 46px #cdf06630}.voice-orb svg{width:30px;height:30px}.voice-orb.is-connecting{animation:1.2s ease-in-out infinite breathe}.voice-orb.is-speaking{animation:1.7s ease-in-out infinite breathe}.orb-ripple{border:1px solid #d9f37338;border-radius:50%;width:120px;height:120px;animation:2.5s ease-out infinite ripple;position:absolute}.ripple-two{animation-delay:.9s}.call-copy{text-align:center;min-height:58px}.call-copy h2{letter-spacing:-.04em;margin:0 0 6px;font-size:18px;font-weight:600}.call-copy p{max-width:280px;color:var(--muted);margin:0 auto;font-size:13px;line-height:1.4}.start-button,.control-button{cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;transition:transform .2s,filter .2s;display:flex}.start-button{color:#172014;background:var(--lime);margin-top:auto;font-weight:700}.start-button svg,.control-button svg{width:17px;height:17px}.start-button:hover:not(:disabled),.control-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.start-button:disabled{cursor:wait;opacity:.7}.live-controls{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}.control-button{color:#f3f1ea;border:1px solid var(--line);background:#ffffff0a;min-height:46px;font-size:13px;font-weight:600}.control-button.end-call{color:#ffc4be;background:#c64b3f1f;border-color:#ff867a40}.control-button.accept{color:#172014;background:var(--lime);border:0}.tip{color:#7d837a;text-align:center;margin:12px 0 0;font-size:11px;line-height:1.4}.result-card{justify-content:flex-start}.tpa-detected{background:linear-gradient(135deg,#d9f3731a,#161a1959),#121614bf;border:1px solid #d9f37338;border-radius:12px;align-items:center;gap:10px;margin:12px 0 16px;padding:10px 12px;animation:.4s fadeUp;display:flex}.tpa-detected__pulse{background:var(--lime);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 #d9f3738c}.tpa-detected.is-detecting .tpa-detected__pulse{animation:1.2s ease-out infinite tpaPulse}.tpa-detected.is-locked .tpa-detected__pulse{box-shadow:0 0 0 3px #d9f37329}.tpa-detected__line{flex-wrap:wrap;align-items:baseline;gap:8px 10px;min-width:0;margin:0;display:flex}.tpa-detected__kicker{color:#b8c48a;letter-spacing:.12em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.tpa-detected__name{color:var(--lime);letter-spacing:-.03em;font-size:16px;font-weight:600;line-height:1.2}@keyframes tpaPulse{0%{box-shadow:0 0 #d9f3738c}70%{box-shadow:0 0 0 10px #d9f37300}to{box-shadow:0 0 #d9f37300}}.result-idle{text-align:center;flex-direction:column;flex:1;justify-content:center;padding:28px 8px 20px;display:flex}.result-idle__title{letter-spacing:-.03em;margin:0 0 8px;font-size:16px;font-weight:600}.result-idle__copy{max-width:260px;color:var(--muted);margin:0 auto;font-size:13px;line-height:1.45}.result-body{align-items:flex-start;width:100%;padding-top:16px;display:flex}.facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px 24px;width:100%;margin:0;display:grid}.facts>div{flex-direction:column;gap:5px;min-width:0;display:flex}.facts__span{grid-column:1/-1}.facts dt{color:#8d9288;margin:0;line-height:1.2}.facts dd{letter-spacing:-.02em;text-align:left;overflow-wrap:break-word;word-break:break-word;min-height:1.25em;margin:0;font-size:15px;font-weight:550;line-height:1.35}.facts dd.emphasis{color:var(--lime);font-size:16px}.facts dd.needs-zip-value{color:#e6c27a}.fact-note{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.4}.whisper-panel{text-align:center;flex-direction:column;flex:1;justify-content:center;padding:8px 4px 0;animation:.35s fadeUp;display:flex}.whisper-kicker{color:var(--lime);margin:0 0 10px}.whisper-panel h3{letter-spacing:-.04em;margin:0 0 4px;font-size:22px;font-weight:600}.whisper-role{color:#9aa194;letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px;font-family:DM Mono,monospace;font-size:10px}.whisper-body{max-width:300px;color:var(--muted);margin:0 auto 20px;font-size:14px;line-height:1.45}.whisper-panel .live-controls{margin-top:0}.whisper-accept{grid-template-columns:1fr;width:100%;max-width:none;margin-inline:0}.whisper-accept .control-button{width:100%;min-height:52px;font-size:15px}footer{color:#6f766e;justify-content:space-between;margin-top:auto;padding-top:16px;font-size:9px}@keyframes breathe{50%{transform:scale(1.06);box-shadow:0 0 0 8px #d9f3730d,0 0 56px #cdf06645}}@keyframes ripple{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(1.55)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:820px){.demo-grid{grid-template-columns:1fr}.call-card,.result-card{min-height:0}.stage{justify-content:flex-start}}@media (max-width:520px){.page-shell{padding:18px 16px 16px}h1{font-size:clamp(32px,10vw,42px)}.facts{grid-template-columns:1fr;gap:14px}footer{flex-direction:column;align-items:flex-start;gap:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.login-shell{isolation:isolate;background:radial-gradient(at 50% 120%,#1f2922 0%,#0000 53%),linear-gradient(120deg,#101313,#151a19 68%,#111414);flex-direction:column;width:100%;max-width:100%;min-height:100dvh;padding:28px clamp(24px,5vw,76px) 26px;display:flex;position:relative;overflow:hidden}.login-shell:before{z-index:-1;opacity:.2;content:"";background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.login-brands.brand-lockup{gap:16px}.login-hank-logo{object-fit:contain;filter:brightness(0)invert();width:auto;height:22px;display:block}.login-card{border:1px solid var(--line);background:linear-gradient(145deg, #272d2bc7, var(--panel));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;width:min(100%,440px);margin:auto;padding:33px;box-shadow:0 35px 80px #00000038,inset 0 1px #ffffff0d}.login-eyebrow{color:var(--lime);letter-spacing:.11em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.login-card h1{letter-spacing:-.065em;margin:15px 0 10px;font-size:42px;font-weight:500;line-height:1}.login-card>p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.login-card form{margin-top:27px}.login-card label{color:#c9ccc4;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.login-card input{width:100%;min-height:51px;color:var(--ink);font:inherit;background:#0000002e;border:1px solid #ebece02b;border-radius:12px;outline:none;padding:0 14px}.login-card input::placeholder{color:#737970}.login-card input:focus{border-color:var(--lime);box-shadow:0 0 0 3px #d9f3731c}.login-button{cursor:pointer;color:#172014;background:var(--lime);width:100%;min-height:52px;font:inherit;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:14px;font-weight:700;display:flex}.login-button:disabled{cursor:wait;opacity:.7}.login-button span{font-size:20px;font-weight:400;line-height:0}.login-error{color:#ffb4a9;margin:10px 0 -2px;font-size:12px}.login-footer{color:#6f766e;letter-spacing:.11em;text-align:center;text-transform:uppercase;margin:0;font:9px DM Mono,monospace}
