/* urg-landing 1.0.1 — navy hero band, light page, app icons on, deep clickable app buttons (match Passdown 2.3.9 depth) */
:root{
  --urg-navy:#083346;--urg-accent:#5993C5;--urg-ink:#1d2730;--urg-muted:#5d6b78;
  --urg-font:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{
  font-family:var(--urg-font);color:var(--urg-navy);background:#F4F6F9;
  font-size:16px;line-height:1.45;
}
.page{
  min-height:100vh;display:flex;flex-direction:column;align-items:stretch;text-align:center;
}
.hero{width:100%;margin:0;padding:48px 24px 40px;background:var(--urg-navy);color:#fff;box-shadow:0 2px 12px rgba(8,51,70,.25)}
.hero>*{max-width:640px;margin-left:auto;margin-right:auto}
.body{flex:1;width:100%;max-width:none;margin:0;padding:40px 24px 24px}
.logo{height:56px;width:auto;min-width:72px;margin:0 auto 28px;display:block}
.greet{
  margin:0 auto 28px;font-size:clamp(28px,5vw,40px);font-weight:600;
  letter-spacing:.01em;color:#fff;
}
.value-wrap{
  min-height:5.5em;transition:opacity .45s ease;
}
.value-wrap.fade{opacity:0}
.value-name{
  margin:0 0 8px;font-size:clamp(18px,3vw,22px);font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--urg-accent);
}
.value-line{
  margin:0 auto;max-width:36em;font-size:clamp(15px,2.4vw,17px);
  color:#cfe0ee;font-weight:400;
}
.apps{
  display:flex;flex-direction:column;gap:16px;width:100%;max-width:380px;margin:0 auto;
}
.app-btn{
  appearance:none;-webkit-appearance:none;display:flex;align-items:center;gap:16px;width:100%;
  min-height:64px;padding:12px 20px;text-align:left;text-decoration:none;
  font:700 15px var(--urg-font);letter-spacing:.08em;text-transform:uppercase;
  color:var(--urg-navy);border-radius:10px;border:1px solid #c5d0db;
  background:linear-gradient(180deg,#ffffff 0%,#f3f6f9 60%,#e6ecf2 100%);
  box-shadow:0 3px 0 #b7c4d1,0 6px 14px rgba(8,51,70,.14),inset 0 1px 0 #fff;
  transition:background .12s,box-shadow .12s,transform .08s,border-color .12s;
}
.app-icon{width:36px;height:36px;flex:none;border-radius:8px}
.app-label{flex:1}
.app-btn:hover{border-color:var(--urg-accent);background:linear-gradient(180deg,#fff 0%,#eef4fa 60%,#dfe9f3 100%)}
.app-btn:active{
  transform:translateY(2px);
  box-shadow:0 1px 0 #b7c4d1,inset 0 2px 4px rgba(8,51,70,.18);
}
.app-btn:focus-visible{outline:3px solid var(--urg-accent);outline-offset:3px}
.foot{
  padding:16px 0 24px;font-size:12px;color:var(--urg-muted);letter-spacing:.02em;
}
@media (max-width:480px){
  .hero{padding:32px 16px 28px}
  .body{padding:28px 16px 16px}
  .logo{height:48px;margin-bottom:22px}
  .app-btn{min-height:58px;font-size:14px;letter-spacing:.05em}
}

/* 1.1.0 sign-in */
.signin-wrap{margin:0 auto 28px}
.signin-btn{
  display:inline-block;min-width:200px;padding:14px 36px;border-radius:10px;text-decoration:none;
  font:700 16px var(--urg-font);letter-spacing:.08em;text-transform:uppercase;color:#fff;
  background:linear-gradient(180deg,#7aaedb 0%,#5993C5 55%,#4677a3 100%);border:1px solid #3d6a92;
  box-shadow:0 4px 0 #2f5576,0 8px 18px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.45);
  transition:background .12s,box-shadow .12s,transform .08s;
}
.signin-btn:hover{background:linear-gradient(180deg,#86b7e1 0%,#669fd0 55%,#4f82af 100%)}
.signin-btn:active{transform:translateY(3px);box-shadow:0 1px 0 #2f5576,inset 0 2px 5px rgba(0,0,0,.3)}
.signin-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.hero .greet{margin-bottom:8px}
.who{margin:0 auto 24px;font-size:13px}
.signout{color:#cfe0ee;text-decoration:underline;text-underline-offset:3px}
.signout:hover{color:#fff}
.note{margin:0 auto 12px;font-size:14px;color:#cfe0ee}