body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0b0b0e;color:#fff}
.site-header{display:flex;align-items:center;gap:12px;padding:12px 32px;background:#000;position:sticky;top:0;z-index:100;animation:headerSlide .8s ease-out forwards}
.srs-logo{height:32px;width:auto;display:block}
@keyframes headerSlide{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}
.hero{position:relative;background:url('assets/hero.svg') center/cover no-repeat;padding:130px 40px;overflow:hidden}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,0.05),rgba(255,255,255,0.12),rgba(255,255,255,0.05));transform:translateX(-100%);animation:heroSweep 10s linear infinite}
.hero::before{content:'';position:absolute;top:0;right:0;width:35%;height:100%;background:linear-gradient(to left,rgba(0,0,0,.45),rgba(0,0,0,0));pointer-events:none}
@keyframes heroSweep{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.hero h1{margin:0 0 10px 0;font-size:40px;position:relative}
.hero p{margin:0;opacity:.9;position:relative}
.context-strip{padding:14px 40px;font-size:14px;opacity:.75;border-bottom:1px solid #1d1f26}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:40px}
.card{position:relative;display:flex;justify-content:space-between;align-items:center;padding:22px;background:linear-gradient(180deg,#16171c,#111216);border-radius:14px;border:1px solid #222;color:#fff;text-decoration:none;transition:.25s;overflow:hidden}
.card::before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:transparent}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.45)}
.card:has(.cloud-aws)::before{background:rgba(255,153,0,.6)}
.card:has(.cloud-gcp)::before{background:rgba(66,133,244,.6)}
.card h3{margin:0 0 6px 0}
.card p{margin:0;font-size:14px;opacity:.9}
.cloud-badge{font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 10px;border-radius:6px;transition:filter .2s}
.card:hover .cloud-badge{filter:brightness(1.1)}
.cloud-aws{background:#ff9900;color:#000}
.cloud-gcp{background:#4285f4;color:#fff}
footer{text-align:center;padding:24px;color:#aaa;font-size:12px;letter-spacing:.3px}
footer a{color:#aaa;text-decoration:none}
footer a:hover{text-decoration:underline}
@media(max-width:900px){.grid{grid-template-columns:1fr}.hero{padding:100px 30px}}