:root{
  --bg:#f5f3f0;
  --card:#ffffff;
  --text:#181716;
  --muted:#77716d;
  --red:#b31f26;
  --line:rgba(28,24,22,.10);
  --soft:#f2efec;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Segoe UI",sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{min-height:100%;margin:0;background:var(--bg);color:var(--text)}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,a{font:inherit;-webkit-tap-highlight-color:transparent}
.page{
  min-height:100svh;
  display:grid;
  place-items:center;
  padding:max(24px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));
}
.install-card{
  width:min(100%,410px);
  text-align:center;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:30px;
  padding:34px 28px 26px;
  box-shadow:0 18px 48px rgba(29,22,18,.08);
}
.corporate-logo{
  display:block;
  width:176px;
  height:auto;
  margin:0 auto 27px;
  object-fit:contain;
}
.app-identity{
  display:flex;
  align-items:center;
  gap:14px;
  text-align:left;
  margin:0 0 28px;
  padding:0 4px;
}
.app-icon{
  width:68px;
  height:68px;
  flex:0 0 68px;
  border-radius:19px;
  object-fit:cover;
  background:#fff;
  box-shadow:0 7px 20px rgba(179,31,38,.12);
}
.app-copy{min-width:0}
h1{
  margin:0;
  font-size:30px;
  line-height:1.03;
  letter-spacing:-.04em;
  font-weight:760;
}
.subtitle{
  margin:6px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.35;
}
.primary-action,.secondary-action{
  width:100%;
  min-height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight:700;
  font-size:16px;
}
.primary-action{
  border:0;
  background:var(--red);
  color:#fff;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(179,31,38,.18);
  transition:transform .14s ease,opacity .14s ease;
}
.primary-action:active{transform:scale(.985)}
.secondary-action{
  margin-top:10px;
  color:#3f3a37;
  background:var(--soft);
  border:1px solid rgba(28,24,22,.05);
}
.install-guide{
  margin-top:16px;
  padding:16px;
  text-align:left;
  background:#faf9f7;
  border:1px solid var(--line);
  border-radius:18px;
}
.install-guide h2{
  margin:0 0 12px;
  font-size:16px;
  letter-spacing:-.015em;
}
.guide-list{
  display:grid;
  gap:11px;
  margin:0;
  padding:0;
  list-style:none;
}
.guide-list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#4f4945;
  font-size:14px;
  line-height:1.4;
}
.guide-num{
  flex:0 0 24px;
  width:24px;
  height:24px;
  border-radius:8px;
  display:grid;
  place-items:center;
  color:#fff;
  background:#23201e;
  font-size:12px;
  font-weight:800;
}
.guide-copy{
  width:100%;
  border:0;
  margin-top:14px;
  min-height:44px;
  border-radius:13px;
  background:#23201e;
  color:#fff;
  font-weight:700;
  cursor:pointer;
}
.access-note{
  margin:22px 0 0;
  color:#aaa39f;
  font-size:11px;
}
@media (max-width:520px){
  .page{place-items:start center;padding-left:12px;padding-right:12px}
  .install-card{
    margin-top:clamp(18px,8vh,72px);
    border-radius:26px;
    padding:30px 22px 22px;
    box-shadow:0 12px 34px rgba(29,22,18,.07);
  }
  .corporate-logo{width:158px;margin-bottom:24px}
  .app-icon{width:62px;height:62px;flex-basis:62px;border-radius:18px}
  h1{font-size:28px}
}
@media (min-width:900px){
  .install-card{padding:38px 32px 30px}
}
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}