/* AWH Agent entry — one public doorway; device operations stay behind AWH owner auth. */
.agent-page{
  margin:0;
  min-height:100svh;
  background:#f5faff;
  color:var(--awh-text);
  font-family:var(--awh-font-sans);
  -webkit-font-smoothing:antialiased;
}
.agent-page *{box-sizing:border-box}
.agent-page a{color:inherit;text-decoration:none}
.agent-page a:focus-visible{outline:3px solid var(--awh-accent);outline-offset:4px}
.agent-skip{position:fixed;top:-90px;left:12px;padding:10px 14px;border-radius:10px;background:var(--awh-surface);z-index:5}
.agent-skip:focus{top:12px}
.agent-frame{min-height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-width:1600px;margin:0 auto;padding:0 clamp(18px,4vw,68px)}
.agent-header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:89px;border-bottom:1px solid var(--awh-line)}
.agent-brand{display:flex;align-items:center;gap:12px;min-width:0}
.agent-brand img{width:44px;height:44px;object-fit:contain;border-radius:12px;flex:none}
.agent-brand>span{display:grid;gap:1px}
.agent-brand strong{font-size:19px;font-weight:850;letter-spacing:-.035em;line-height:1.15}
.agent-brand small{font-size:11px;color:var(--awh-muted)}
.agent-private-mark{display:flex;align-items:center;gap:9px;color:var(--awh-text);font-size:12px;font-weight:800;letter-spacing:.01em}
.agent-private-dot{display:block;width:9px;height:9px;border-radius:50%;background:var(--awh-accent);box-shadow:0 0 0 5px var(--awh-accent-soft)}
.agent-main{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(24px,5vw,72px);min-height:0;padding:clamp(28px,4vw,64px) 0}
.agent-intro{min-width:0;align-self:center}
.agent-series{display:flex;align-items:center;gap:10px;margin-bottom:28px;font-size:11px;color:var(--awh-muted);letter-spacing:.13em;font-weight:800}
.agent-series-bar{display:block;width:30px;height:3px;background:var(--awh-accent);border-radius:5px}
.agent-intro h1{margin:0;max-width:690px;font-size:clamp(36px,4.15vw,68px);line-height:1.23;letter-spacing:-.055em;font-weight:850}
.agent-intro h1 em{font-style:normal;color:var(--awh-accent-strong)}
.agent-lead{max-width:560px;font-size:clamp(14px,1.3vw,16px);line-height:1.9;color:var(--awh-muted);margin:25px 0 0}
.agent-actions{margin-top:31px}
 .agent-primary{min-height:60px;display:inline-flex;align-items:center;justify-content:space-between;gap:46px;padding:0 14px 0 25px;min-width:min(100%,360px);background:#ff7a00;color:#fff!important;border:1px solid #ed761a;border-radius:14px;font-weight:800;font-size:15px;box-shadow:0 10px 26px rgba(255,122,0,.17);transition:background var(--awh-motion-fast) var(--awh-ease),transform var(--awh-motion-fast) var(--awh-ease)}
.agent-primary:hover{background:#e76900;transform:translateY(-1px)}
.agent-action-arrow{width:38px;height:38px;background:var(--awh-surface);border-radius:10px;color:var(--awh-text);display:grid;place-items:center;font-size:21px;font-weight:600}
.agent-action-note{display:flex;align-items:center;gap:7px;color:var(--awh-muted);font-size:12px;margin:13px 0 0}
.agent-action-note span{color:var(--awh-accent);font-size:9px}
.agent-platforms{display:flex;flex-wrap:wrap;gap:0;margin-top:45px}
.agent-platforms span{font-size:12px;color:var(--awh-muted);padding:0 13px;border-right:1px solid var(--awh-line);white-space:nowrap}
.agent-platforms span:first-child{padding-left:0}
.agent-platforms span:last-child{border:0}
.agent-instrument{position:relative;min-width:0;min-height:450px;padding:clamp(24px,3vw,36px);border-radius:22px;background:linear-gradient(150deg,#101d35,#193657);color:var(--awh-surface);display:flex;flex-direction:column;overflow:hidden}
.agent-instrument::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--awh-accent)}
.agent-instrument-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.agent-instrument-kicker{font-size:10px;font-weight:750;letter-spacing:.17em;color:#AFC4E2}
.agent-instrument h2{margin:10px 0 0;font-size:clamp(22px,2.25vw,30px);line-height:1.3;letter-spacing:-.035em;color:var(--awh-surface);font-weight:800}
.agent-instrument-symbol{font-size:42px;line-height:1;color:var(--awh-accent)}
.agent-instrument-copy{font-size:13px;line-height:1.8;color:#CBD8E8;margin:15px 0 20px}
.agent-mode-list{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.22)}
.agent-mode{display:grid;grid-template-columns:52px minmax(0,1fr) 58px;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.22)}
.agent-mode-tag{font-size:14px;font-weight:900;letter-spacing:.06em}
.agent-mode-name{font-size:13px;line-height:1.4;color:#E8F0FA}
.agent-mode-track{height:6px;border-radius:20px;background:rgba(255,255,255,.17);position:relative}
.agent-mode-track i{position:absolute;left:0;top:0;bottom:0;width:21%;border-radius:20px;background:#A7BAD4}
.agent-mode:nth-child(2) .agent-mode-track i{width:57%;background:#94BDED}
.agent-mode:nth-child(3) .agent-mode-track i{width:100%;background:var(--awh-accent)}
.agent-safety{display:flex;align-items:flex-start;gap:12px;padding:18px 0 13px}
.agent-safety-icon{flex:none;display:grid;place-items:center;height:26px;width:26px;border:1px solid #EC9595;color:#FFB2A8;border-radius:7px;font-size:9px}
.agent-safety strong{font-size:13px}
.agent-safety p{font-size:12px;color:#CFDAE8;line-height:1.5;margin:4px 0 0}
.agent-private-foot{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:auto;border-top:1px solid rgba(255,255,255,.18);padding-top:18px;font-size:10px;color:#B6C7DC}
.agent-foot-mark{letter-spacing:.12em;font-size:10px;font-weight:800;color:#AFC4E2;white-space:nowrap}
.agent-footer{min-height:69px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--awh-line);font-size:11px;color:var(--awh-muted)}
.agent-footer a{font-weight:800;color:var(--awh-text);white-space:nowrap}
.agent-footer a:hover{color:var(--awh-action)}
@media(max-width:880px){
 .agent-main{grid-template-columns:minmax(0,1fr);gap:24px;align-content:center;padding:30px 0}
 .agent-intro h1{font-size:clamp(29px,5.8vw,48px);line-height:1.3}
 .agent-series{margin-bottom:15px}
 .agent-lead{margin-top:12px;max-width:680px;font-size:14px;line-height:1.7}
 .agent-actions{margin-top:18px}
 .agent-platforms{margin-top:17px}
 .agent-instrument{min-height:unset;padding:22px 25px}
 .agent-instrument-copy{margin:5px 0 12px}
 .agent-mode{padding:10px 0}
 .agent-safety{padding:13px 0 10px}
 .agent-instrument h2{font-size:22px;margin-top:5px}
 .agent-private-foot{padding-top:10px}
 .agent-footer{min-height:60px}
}
@media(max-width:600px){
 .agent-frame{padding:0 18px}
 .agent-header{min-height:69px}
 .agent-brand img{width:38px;height:38px}
 .agent-brand strong{font-size:17px}
 .agent-brand small{font-size:10px}
 .agent-private-mark{font-size:11px;gap:7px}
 .agent-main{gap:20px;padding:19px 0}
 .agent-intro h1{font-size:clamp(29px,7.4vw,42px);line-height:1.29}
 .agent-series{margin-bottom:10px;font-size:9px;letter-spacing:.095em}
 .agent-lead{font-size:14px;line-height:1.65;margin-top:10px}
 .agent-actions{margin-top:16px}
 .agent-primary{min-height:52px;width:100%;padding-left:16px;min-width:0}
 .agent-action-arrow{width:34px;height:34px}
 .agent-action-note{margin-top:8px;font-size:10px}
 .agent-platforms{margin-top:14px;gap:8px}
 .agent-platforms span{padding:0 8px 0 0;font-size:11px}
 .agent-instrument{padding:16px 19px;border-radius:17px}
 .agent-instrument h2{font-size:18px}
 .agent-instrument-symbol{font-size:30px}
 .agent-instrument-kicker{font-size:9px}
 .agent-instrument-copy{font-size:12px;line-height:1.55}
 .agent-mode{padding:8px 0;grid-template-columns:42px 1fr 46px;gap:7px}
 .agent-mode-tag{font-size:11px}
 .agent-mode-name{font-size:12px}
 .agent-safety{padding:11px 0 8px}
 .agent-safety strong{font-size:11px}
 .agent-safety p{font-size:12px;margin-top:2px}
 .agent-private-foot{font-size:9px;padding-top:9px}
 .agent-footer{min-height:57px;font-size:9px;flex-wrap:wrap;justify-content:space-between;column-gap:12px;row-gap:3px;padding:10px 0}
 .agent-footer span:nth-child(2){order:3;width:100%}
}
@media(max-width:375px){
 .agent-main{padding:10px 0;gap:12px}
 .agent-header{min-height:60px}
 .agent-brand img{width:32px;height:32px}
 .agent-intro h1{font-size:27px}
 .agent-lead{font-size:11.5px;line-height:1.5}
 .agent-platforms{margin-top:8px}
 .agent-mode{padding:6px 0}
 .agent-instrument-copy{margin:4px 0}
 .agent-instrument{padding:12px 14px}
 .agent-safety{padding:8px 0}
 .agent-footer{min-height:48px}
}
@media(min-width:881px) and (max-height:690px){
 .agent-header{min-height:70px}
 .agent-main{padding:15px 0}
 .agent-series{margin-bottom:13px}
 .agent-lead{margin-top:14px}
 .agent-actions{margin-top:15px}
 .agent-platforms{margin-top:18px}
 .agent-instrument{min-height:390px;padding:20px 28px}
 .agent-mode{padding:12px 0}
 .agent-instrument-copy{margin:6px 0 10px}
 .agent-safety{padding:12px 0 8px}
 .agent-footer{min-height:48px}
}
@media(max-width:600px) and (max-height:710px){
 .agent-header{min-height:53px}
 .agent-main{padding:6px 0;gap:9px}
 .agent-series{margin-bottom:4px}
 .agent-intro h1{font-size:25px;line-height:1.19}
 .agent-lead{font-size:11px;line-height:1.43;margin-top:6px}
 .agent-actions{margin-top:10px}
 .agent-primary{min-height:47px}
 .agent-action-note{margin-top:5px}
 .agent-platforms{margin-top:7px}
 .agent-instrument{padding:12px 16px}
 .agent-instrument-head h2{font-size:16px;margin-top:2px}
 .agent-instrument-copy{display:block}
 .agent-mode{padding:7px 0}
 .agent-safety{padding:8px 0 5px}
 .agent-safety p{display:block}
 .agent-private-foot{padding-top:6px}
 .agent-footer{min-height:42px}
}
@media(max-width:375px) and (max-height:620px){
 .agent-platforms{display:flex}
 .agent-private-foot{display:flex}
 .agent-footer>span:nth-child(2){display:none}
 .agent-main{gap:7px}
 .agent-intro h1{font-size:24px}
 .agent-instrument-symbol{font-size:24px}
 .agent-instrument-head h2{font-size:15px}
 .agent-mode{padding:6px 0}
}
@media(prefers-reduced-motion:reduce){.agent-primary{transition:none}}