* { box-sizing: border-box; }
    html, body { margin: 0; }
    body {
      font-family: var(--font-body);
      background: var(--stor-red);
      color: #fff;
      -webkit-font-smoothing: antialiased;
      min-height: 100vh;
    }
    a { color: inherit; }
    a:hover { color: inherit; }

    .gate { min-height: 100vh; display: flex; flex-direction: column; }
    .gate__inner {
      flex: 1; width: 100%; max-width: 1040px; margin: 0 auto;
      padding: clamp(30px, 5vh, 60px) 28px clamp(24px, 4vh, 44px);
      display: flex; flex-direction: column; align-items: center; justify-content: center;
      text-align: center; gap: clamp(30px, 4.5vh, 48px);
    }
    .gate__brand { display: flex; flex-direction: column; align-items: center; gap: clamp(22px, 3.5vh, 34px); }
    .gate__logo { height: 40px; display: block; }
    .gate__head { display: flex; flex-direction: column; align-items: center; gap: 18px; }
    .gate__h1 {
      font-family: var(--font-headline); text-transform: uppercase;
      letter-spacing: -0.02em; line-height: 0.98; margin: 0;
      font-size: clamp(48px, 8.2vw, 98px);
    }
    .gate__sub {
      font-size: clamp(16px, 1.7vw, 19px); line-height: 1.6;
      max-width: 58ch; margin: 0; color: rgba(255,255,255,.92);
    }
    .gate__cards {
      display: grid; grid-template-columns: 1.12fr 0.88fr; gap: 22px;
      width: 100%; align-items: stretch;
    }
    .gate-card {
      text-decoration: none; display: flex; flex-direction: column; text-align: left;
      border-radius: var(--radius-lg);
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
    }
    .gate-card:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
    .gate-card__h { font-family: var(--font-headline); text-transform: uppercase; letter-spacing: -0.01em; line-height: 1.08; margin: 0; }
    .gate-card__d { font-size: 16px; line-height: 1.55; margin: 12px 0 26px; }
    .gate-cta {
      display: inline-flex; align-items: center; align-self: flex-start; gap: 8px;
      font-family: var(--font-body); font-weight: 700; line-height: 1;
      border-radius: var(--radius-md); border: 2px solid transparent; margin-top: auto;
    }
    .gate-card--commercial { background: #fff; color: var(--text-body); padding: clamp(30px, 3.4vw, 46px); box-shadow: 0 24px 60px rgba(0,0,0,.28); }
    .gate-card--commercial .gate-card__h { color: var(--text-strong); font-size: clamp(24px, 2.5vw, 31px); }
    .gate-card--commercial .gate-card__d { color: var(--text-muted); }
    .gate-cta--primary { background: var(--stor-red); color: #fff; font-size: 16px; padding: 15px 26px; }
    .gate-card--commercial:hover { transform: translateY(-6px); box-shadow: 0 32px 72px rgba(0,0,0,.34); }
    .gate-card--commercial:hover .gate-cta--primary { background: var(--red-700); }
    .gate-card--consumer { background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.34); color: #fff; padding: clamp(26px, 2.8vw, 36px); backdrop-filter: blur(3px); }
    .gate-card--consumer .gate-card__h { color: #fff; font-size: clamp(20px, 2vw, 25px); }
    .gate-card--consumer .gate-card__d { color: rgba(255,255,255,.86); }
    .gate-cta--consumer { background: #fff; color: var(--stor-red); font-size: 15px; padding: 13px 22px; }
    .gate-card--consumer:hover { transform: translateY(-6px); background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.55); }
    .gate-card--consumer:hover .gate-cta--consumer { background: #f2e7e4; }
    .gate__foot { border-top: 1px solid rgba(255,255,255,.2); }
    .gate__foot-in {
      max-width: 1040px; margin: 0 auto; padding: 20px 28px;
      display: flex; align-items: center; gap: 16px 24px; flex-wrap: wrap; font-size: 13px;
    }
    .gate__foot-brand { display: flex; align-items: center; gap: 14px; }
    .gate__foot-logo { height: 20px; display: block; }
    .gate__foot-tag { font-family: var(--font-headline); text-transform: uppercase; letter-spacing: -0.01em; font-size: 13px; color: #fff; }
    .gate__foot-links { margin-left: auto; display: flex; align-items: center; gap: 20px; }
    .gate__foot-links a { color: rgba(255,255,255,.8); text-decoration: none; }
    .gate__foot-links a:hover { color: #fff; }
    .gate__foot-copy { color: rgba(255,255,255,.6); }
    @media (max-width: 760px) {
      .gate__cards { grid-template-columns: 1fr; }
      .gate__foot-in { flex-direction: column; align-items: flex-start; }
      .gate__foot-links { margin-left: 0; }
    }