/* Floating "Call Lawrence" secure line. Markup is injected by secure-line.js. */
.secure-line{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:8;display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-family:var(--mono)}
.secure-line-toggle{display:flex;align-items:center;gap:11px;border:1px solid var(--lime);background:var(--lime);color:var(--ink);padding:12px 16px 12px 13px;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;box-shadow:0 6px 28px #000a;transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .2s}
.secure-line-toggle:hover{filter:brightness(1.07);transform:translateY(-2px)}
.secure-line-toggle:active{transform:translateY(0) scale(.98)}
.secure-line-toggle svg{width:18px;height:18px;flex:none}
.secure-line-toggle[aria-expanded=true]{background:var(--ink);color:var(--lime)}
.secure-line[data-state=live] .secure-line-toggle,.secure-line[data-state=listening] .secure-line-toggle{animation:line-pulse 2.4s ease-in-out infinite}
@keyframes line-pulse{50%{box-shadow:0 0 0 6px #bbff0022,0 6px 28px #000a}}
.secure-line-panel{width:min(360px,calc(100vw - 32px));border:1px solid var(--lime);background:#0d100a;padding:22px 20px 18px;position:relative;box-shadow:0 18px 60px #000c;transform-origin:bottom right;animation:panel-in .22s cubic-bezier(.2,.8,.2,1)}
@keyframes panel-in{from{opacity:0;transform:translateY(8px) scale(.97)}}
.secure-line-panel:before,.secure-line-panel:after{content:"";position:absolute;width:7px;height:7px;background:var(--lime);top:-4px;left:-4px}
.secure-line-panel:after{top:auto;left:auto;right:-4px;bottom:-4px}
.secure-line-panel h2{font-size:40px;margin:8px 0 6px}
.secure-line-panel h2 span{color:var(--lime)}
.secure-line-lede{font-size:11px;color:var(--muted);line-height:1.6;margin-bottom:16px}
.secure-line-status{display:flex;align-items:center;gap:10px;border-block:1px solid var(--line);padding:10px 0;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;min-height:42px}
.secure-line-status i{width:8px;height:8px;border-radius:50%;background:#55604a;flex:none}
[data-state=dialing] .secure-line-status i,[data-state=ringing] .secure-line-status i{background:var(--lime);animation:line-blink .9s steps(2) infinite}
[data-state=live] .secure-line-status i{background:var(--lime);box-shadow:0 0 12px #bbff0088}
[data-state=listening] .secure-line-status i{background:var(--paper)}
[data-state=error] .secure-line-status i{background:#ff5a3c}
@keyframes line-blink{50%{opacity:.15}}
.secure-line-meter{display:flex;gap:3px;align-items:flex-end;height:24px;margin:14px 0 16px}
.secure-line-meter b{flex:1;background:var(--line);height:15%;transition:height .08s linear}
[data-state=live] .secure-line-meter b{background:var(--lime)}
.secure-line-controls{display:flex;gap:8px}
.secure-line-mute{flex:none;width:46px;display:grid;place-items:center;border:1px solid var(--lime);background:transparent;color:var(--lime)}
.secure-line-mute svg{width:18px;height:18px}
.secure-line-mute .mic-slash{display:none}
.secure-line-mute[aria-pressed=true]{background:var(--lime);color:var(--ink)}
.secure-line-mute[aria-pressed=true] .mic-slash{display:inline}
.secure-line-mic{display:grid;gap:6px;margin:0 0 12px;font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}
.secure-line-mic select{width:100%;min-height:38px;padding:8px 32px 8px 10px;border:1px solid var(--line);border-radius:0;background:#141810 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23bbff00' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 11px center/10px 6px;color:var(--paper);font:inherit;font-size:11px;letter-spacing:0;text-transform:none;appearance:none;-webkit-appearance:none;text-overflow:ellipsis}
.secure-line-mic select:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.secure-line-action{flex:1;width:100%;padding:13px 12px;border:1px solid var(--lime);background:var(--lime);color:var(--ink);font-size:11px;letter-spacing:1.3px;text-transform:uppercase}
.secure-line-action:hover{filter:brightness(1.07)}
.secure-line-action.is-hangup{background:transparent;color:#ff5a3c;border-color:#ff5a3c}
.secure-line-fine{font-size:9px;color:#8a9379;line-height:1.7;margin-top:13px}
.secure-line-close{position:absolute;top:10px;right:10px;width:30px;height:30px;border:1px solid #4f5a3d;background:none;color:var(--paper);font-size:17px;line-height:1}
.site-footer{padding-bottom:84px}
@media (max-width:640px){
  .secure-line{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}
  .secure-line-toggle .secure-line-long{display:none}
  .secure-line-panel h2{font-size:34px}
}
@media (prefers-reduced-motion:reduce){.secure-line *,.secure-line{animation:none!important;transition:none!important}}
