/* Base */
:root{
  --text:#202124;--muted:#5f6368;--bg:#ffffff;--muted-bg:#F8F9FA;--black:#000;--white:#fff;
  --google-blue:#4285F4;--google-red:#EA4335;--google-yellow:#FBBC04;--google-green:#34A853;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}
img{max-width:100%;display:block}

/* Layout helpers */
.container{max-width:1200px;margin:0 auto;padding:0 1rem}
.container--center{display:flex;flex-direction:column;align-items:center}
.text-center{text-align:center}
.section{padding:60px 0}
.section--light{background:#fff}
.section--muted{background:var(--muted-bg)}
.section--dark{background:#000}
.h2{font-weight:300;letter-spacing:-0.8px;line-height:1.2;margin:0 0 30px}
.h2--center{text-align:center;margin-bottom:60px}
.h2--invert{color:#fff}
.lead{font-size:18px;line-height:1.2;margin:0 0 40px;color:var(--text);opacity:.9}
.lead--invert{color:#fff;opacity:.9}
.copy{color:#333}
.copy--lg p{margin:0 0 30px;line-height:1.8;font-size:18px}
.small{font-size:14px}
.muted{color:#999}

/* Buttons */
.btn{display:inline-block;border:2px solid transparent;padding:20px 42px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;transition:background .2s,border-color .2s,color .2s}
.btn--dark{background:#000;color:#fff;border-color:#000}
.btn--dark:hover{background:#222}
.btn--light{background:#fff;color:#000;border-color:#fff}
.btn--light:hover{background:#f2f2f2}

/* Hero */
.hero{position:relative;height:400px;overflow:hidden;background:#e6e6e6}
@media(min-width:768px){.hero{height:900px}}
.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__overlay{position:absolute;inset:0;background:rgba(255,255,255,.6)}
.hero__brand{position:absolute;left:50%;transform:translateX(-50%);bottom:20px;font-weight:400;letter-spacing:-.02em}
.hero__brand span{font-size:40px}
@media(min-width:768px){.hero__brand span{font-size:72px}}
.g-blue{color:var(--google-blue)}
.g-red{color:var(--google-red)}
.g-yellow{color:var(--google-yellow)}
.g-green{color:var(--google-green)}

/* Mission grid */
.grid{display:grid;gap:60px}
.grid--mission{align-items:center}
@media(min-width:1024px){.grid--mission{grid-template-columns:1fr 1fr}}
.media__img{width:100%;height:100%;object-fit:cover;border-radius:8px}

/* Cards */
.cards{display:grid;gap:30px}
@media(min-width:768px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:25px}
.card__title{margin:0 0 15px;font-size:20px;font-weight:700}
.list{margin:0;padding:0;list-style:none}
.list li{padding:8px 0;border-bottom:1px solid #eee;color:#666;font-size:15px}
.list li:last-child{border-bottom:0}

/* Footer */
.footer{background:#111;padding:30px 0}