:root{--ink:#eae7e0;--muted:#a2a59d;--panel:#161a19d1;--line:#ebece021;--lime:#d9f373;--deep:#101313}*{box-sizing:border-box}html,body{min-height:100%}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;min-height:100dvh;padding:28px clamp(24px,5vw,76px) 26px;display:flex;position:relative;overflow:hidden}.page-shell:before{z-index:-1;opacity:.2;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:.15;pointer-events:none;border-radius:50%;width:min(42vw,620px);position:absolute}.glow-one{background:#95b94a;top:-25%;left:-18%}.glow-two{background:#496c58;bottom:-35%;right:-23%}.brand-bar,footer{color:#e8e8e2;align-items:center;display:flex}.brand-bar{letter-spacing:-.03em;gap:16px;font-size:14px;font-weight:600}.crawford-logo,.hank-logo{align-items:center;display:inline-flex}.crawford-logo{width:137px;height:auto}.brand-divider{background:var(--line);width:1px;height:18px}.hank-logo{text-decoration:none}.hank-logo img{filter:brightness(0)invert();width:88px;height:auto}.hero{text-align:center;width:min(100%,700px);margin:clamp(70px,11vh,135px) auto 38px}.eyebrow,.card-label,.availability,footer{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:-.07em;margin:20px 0 16px;font-size:clamp(48px,7.2vw,88px);font-weight:500;line-height:.96}h1 em{color:var(--lime);letter-spacing:-.075em;font-family:Playfair Display,Georgia,serif;font-weight:500}.hero-copy{max-width:420px;color:var(--muted);margin:0 auto;font-size:16px;line-height:1.5}.call-card{border:1px solid var(--line);background:linear-gradient(145deg, #272d2bbf, var(--panel));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;width:min(100%,500px);margin:0 auto;padding:19px 20px 17px;position:relative;box-shadow:0 35px 80px #0003,inset 0 1px #ffffff0d}.call-card.is-live{border-color:#d9f37359}.card-topline{color:#aeb1a9;justify-content:space-between;align-items:center;display:flex}.availability{color:#aeb1a9;align-items:center;gap:7px;font-size:9px;display:flex}.availability.live{color:var(--lime)}.orb-wrap{place-items:center;height:133px;margin:18px 0 9px;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:102px;height:102px;transition:transform .3s,box-shadow .3s;display:grid;box-shadow:inset 0 0 0 1px #ffffff57,0 0 46px #cdf06630}.voice-orb svg{width:33px;height:33px}.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%;animation:2.5s ease-out infinite ripple;position:absolute}.ripple-one{width:126px;height:126px}.ripple-two{width:126px;height:126px;animation-delay:.9s}.call-copy{text-align:center;min-height:67px}.call-copy h2{letter-spacing:-.04em;margin:0 0 7px;font-size:19px;font-weight:600}.call-copy p{max-width:330px;color:var(--muted);margin:auto;font-size:13px;line-height:1.45}.start-button,.control-button{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:11px;width:100%;min-height:53px;transition:transform .2s,filter .2s,background .2s;display:flex}.start-button{color:#172014;background:var(--lime);letter-spacing:-.02em;margin-top:17px;font-weight:700}.start-button svg,.control-button svg{width:18px;height:18px}.start-button:hover:not(:disabled),.control-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.start-button:disabled{cursor:wait;opacity:.7}.live-controls{grid-template-columns:1fr 1fr;gap:9px;margin-top:17px;display:grid}.control-button{color:#f3f1ea;border:1px solid var(--line);background:#ffffff0a;min-height:48px;font-size:13px;font-weight:600}.control-button.end-call{color:#ffc4be;background:#c64b3f1f;border-color:#ff867a40}.disclosure{color:#858980;text-align:center;max-width:360px;margin:15px auto 0;font-size:10px;line-height:1.45}.phone-demo-link{color:#abb09f;text-align:center;width:fit-content;margin:8px auto 0;font-size:11px;text-decoration:none;display:block}.phone-demo-link span{color:var(--lime);text-underline-offset:3px;font-weight:600;-webkit-text-decoration:underline #d9f37366;text-decoration:underline #d9f37366}.phone-demo-link:hover span{-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime)}footer{color:#6f766e;justify-content:space-between;margin-top:auto;padding-top:42px;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.6)}}@media (max-width:520px){.page-shell{padding:20px 18px 18px}.hero{margin-top:clamp(58px,12vh,92px);margin-bottom:31px}h1{font-size:clamp(46px,14vw,64px)}.hero-copy{font-size:15px}.call-card{border-radius:20px;padding:17px 15px 14px}.orb-wrap{height:116px;margin-top:12px}.voice-orb{width:90px;height:90px}footer{padding-top:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;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;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{align-items:center;gap:16px;display:flex}.login-hank-logo{filter:brightness(0)invert();width:88px;height:auto}.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;transition:transform .2s,filter .2s;display:flex}.login-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.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;line-height:1.35}.login-footer{color:#6f766e;letter-spacing:.11em;text-align:center;text-transform:uppercase;margin:0;font:9px DM Mono,monospace}@media (max-width:520px){.login-shell{padding:20px 18px 18px}.login-card{border-radius:20px;margin:auto 0;padding:27px 21px}}
