*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

body{
  font-family:'Google Sans Text','Google Sans',Roboto,Arial,sans-serif;
  color:#202124;
  background:#fff;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}

a{color:inherit;text-decoration:none}
button{font-family:inherit}

/* ── Header ── */
.mc-header{
  position:sticky;
  top:0;
  z-index:100;
  background:#fff;
}

.mc-bar--top{border-bottom:1px solid #dadce0}
.mc-bar--sub{background:#fff;border-bottom:1px solid #dadce0}

.mc-bar__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  max-width:1280px;
  margin:0 auto;
  padding:0 24px;
  height:64px;
}

.mc-bar__inner--sub{height:48px}

.mc-bar__left{
  display:flex;
  align-items:center;
  gap:24px;
  min-width:0;
}

.mc-bar__right{
  display:flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
}

.mc-logo{
  display:flex;
  align-items:center;
  flex-shrink:0;
}

.mc-logo img{display:block;width:24px;height:24px}

.mc-nav-main{
  display:flex;
  align-items:center;
  gap:4px;
}

.mc-nav-main a{
  padding:8px 12px;
  font-size:14px;
  color:#3c4043;
  border-radius:4px;
  white-space:nowrap;
}

.mc-nav-main a:hover{background:#f1f3f4}

.mc-product{
  font-family:'Google Sans','Google Sans Text',Roboto,Arial,sans-serif;
  font-size:14px;
  font-weight:500;
  color:#202124;
  white-space:nowrap;
}

.mc-nav-sub{
  display:flex;
  align-items:center;
  gap:4px;
}

.mc-nav-sub a{
  padding:8px 12px;
  font-size:14px;
  color:#3c4043;
  border-radius:4px;
  white-space:nowrap;
}

.mc-nav-sub a.is-active{color:#1a73e8;font-weight:500}
.mc-nav-sub a:hover{background:#f1f3f4}

/* ── Buttons ── */
.mc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:500;
  line-height:1;
  cursor:pointer;
  border:none;
  border-radius:4px;
  padding:9px 20px;
  white-space:nowrap;
}

.mc-btn--outline{
  background:#fff;
  color:#1a73e8;
  border:1px solid #dadce0;
}

.mc-btn--outline:hover{background:#f8f9fa}

.mc-btn--filled{
  background:#1a73e8;
  color:#fff;
}

.mc-btn--filled:hover{background:#1765cc}

.mc-btn--pill{
  background:#1a73e8;
  color:#fff;
  border-radius:24px;
  padding:12px 24px;
  font-size:14px;
  margin-top:8px;
}

.mc-btn--pill:hover{background:#1765cc}

/* ── Hero ── */
.mc-hero{
  padding:48px 24px 64px;
}

.mc-hero__inner{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:48px;
  max-width:1280px;
  margin:0 auto;
}

.mc-hero__copy{
  max-width:520px;
}

.mc-hero__copy h1{
  font-family:'Google Sans','Google Sans Text',Roboto,Arial,sans-serif;
  font-size:clamp(32px,4vw,56px);
  font-weight:700;
  line-height:1.12;
  color:#202124;
  letter-spacing:-.02em;
  margin-bottom:20px;
}

.mc-hero__copy p{
  font-size:18px;
  line-height:1.6;
  color:#5f6368;
  margin-bottom:28px;
}

.mc-hero__media{
  display:flex;
  align-items:center;
  justify-content:center;
}

.mc-hero__media img{
  display:block;
  width:100%;
  max-width:560px;
  height:auto;
  border-radius:16px;
}

/* ── Popup ── */
.popup-overlay{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(60,64,67,.45);
  z-index:10000;
  align-items:center;
  justify-content:center;
  padding:20px;
}

.popup-overlay.open{display:flex}

.popup-window{
  width:100%;
  max-width:1104px;
  max-height:min(92vh,720px);
  display:flex;
  flex-direction:column;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 8px 28px rgba(0,0,0,.18);
  background:#f0f4f9;
  border:1px solid rgba(0,0,0,.06);
}

.popup-chrome{
  display:flex;
  align-items:center;
  gap:10px;
  background:#fff;
  border-bottom:1px solid #e8eaed;
  padding:10px 12px 10px 14px;
  flex-shrink:0;
}

.popup-omnibox{
  display:flex;
  align-items:center;
  gap:8px;
  background:#f1f3f4;
  border-radius:24px;
  padding:7px 16px;
  min-height:36px;
  flex:1;
  min-width:0;
}

.popup-omnibox-lock{width:13px;height:13px;flex-shrink:0;color:#5f6368}

.popup-omnibox-url{
  font-size:12.5px;
  color:#3c4043;
  font-family:Roboto,'Segoe UI',system-ui,sans-serif;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  flex:1;
  min-width:0;
}

.popup-chrome-close{display:none!important}

.popup-chrome-close:hover{background:#f1f3f4;color:#202124}

.popup-content{background:#f0f4f9;overflow:hidden}

.popup-iframe{
  border:none;
  width:100%;
  height:520px;
  background:#f0f4f9;
  display:block;
}

/* ── Responsive ── */
@media(max-width:1024px){
  .mc-nav-main{display:none}
}

@media(max-width:900px){
  .mc-hero__inner{
    grid-template-columns:1fr;
    gap:32px;
    text-align:center;
  }

  .mc-hero__copy{
    max-width:none;
    order:1;
  }

  .mc-hero__media{order:2}

  .mc-hero__copy h1{font-size:32px}

  .mc-nav-sub{display:none}

  .mc-bar__inner--sub{justify-content:flex-end}
}

@media(max-width:768px){
  .popup-overlay{padding:0;background:rgba(0,0,0,.5)}
  .popup-window{max-width:100%;height:100vh;max-height:100vh;border-radius:0;box-shadow:none;border:none}
}