/* Homepage hero matching the approved Earth-and-workspace reference. */
.home-page .site-header .container{max-width:1560px;width:calc(100% - 12%)}
.home-page .nav{min-height:80px;gap:24px}
.home-page .live-hero{background:#020e1d;isolation:isolate}
.home-page .live-hero-grid{width:100%;max-width:none;display:block;height:clamp(560px,38.6vw,820px);min-height:0;padding:0;position:relative}
.home-page .hero-visual{position:absolute;inset:0;min-height:0;background:url('../img/home-hero-earth-laptop.png') center/cover no-repeat;z-index:-2}
.home-page .live-hero-copy{position:absolute;left:6.1%;top:50%;transform:translateY(-50%);width:46%;max-width:800px;padding:0 0 16px}
.home-page .live-hero .eyebrow{font-size:clamp(10px,.8vw,15px);letter-spacing:.15em;color:#34acff;margin-bottom:24px}
.home-page .live-hero h1{font-size:clamp(48px,5.05vw,100px);font-weight:800;line-height:.98;letter-spacing:-.055em;max-width:none;margin:0 0 30px}
.home-page .live-hero h1 .blue{background:linear-gradient(180deg,#45b9ff,#2891f2);background-clip:text;-webkit-background-clip:text;color:transparent}
.home-page .live-hero p{font-size:clamp(16px,1.15vw,23px);line-height:1.45;max-width:610px;color:#e1ebf5;margin-bottom:32px;width:88%}
.home-page .live-hero-actions{gap:22px}
.home-page .live-hero-actions .btn{font-size:clamp(14px,1vw,20px);min-height:clamp(48px,3.2vw,62px);padding:0 32px;border-radius:15px}
.home-page .live-hero-actions .btn-primary{background:linear-gradient(100deg,#2b7cff,#40b4fa)}
.home-page .live-hero-actions .btn-dark-outline{border-color:#45baff;background:rgba(0,10,23,.4)}
.home-page .fios-lockup{top:34px;right:2.2%;text-align:center;z-index:2}
.home-page .fios-logo-text{font-size:clamp(42px,4.25vw,82px);font-weight:800;letter-spacing:.11em;line-height:1;position:relative}
.home-page .fios-logo-text sup{font-size:12px;position:absolute;top:5px;right:-10px;letter-spacing:0}
.home-page .fios-sub{font-size:clamp(6px,.54vw,10px);letter-spacing:.3em;line-height:1.6;color:#f0f5fd;margin-top:5px;font-weight:800}
.home-page .hero-ticker{border:0;background:none;padding:0 0 32px;pointer-events:none}
.home-page .hero-ticker .container{width:88%;max-width:none;align-items:center;gap:30px;justify-content:center;font-size:clamp(8px,.7vw,13px);letter-spacing:.3em;color:#a0b4cc;white-space:nowrap}
.home-page .hero-ticker .container:before,.home-page .hero-ticker .container:after{content:"";height:1px;background:#7189a1;flex:1;opacity:.7}
.home-page .hero-ticker span:last-child{display:block}
@media(min-width:901px) and (max-width:1250px){
  .home-page .site-header .container{width:calc(100% - 48px)}
  .home-page .nav{gap:16px}.home-page .nav-links{gap:14px}.home-page .brand-text{font-size:18px}
  .home-page .nav-actions{gap:8px}.home-page .nav-actions .btn{padding:0 14px}
  .home-page .hero-visual{background-position:62% center}
  .home-page .live-hero-copy{left:5%;width:46%}
  .home-page .live-hero h1{font-size:5.1vw}
  .home-page .live-hero p{width:96%;font-size:16px}
}
@media(max-width:900px){
  .home-page .site-header .container{width:calc(100% - 40px)}
  .home-page .live-hero-grid{height:auto;padding:56px 0 0;display:flex;flex-direction:column}
  .home-page .live-hero-copy{position:relative;left:auto;top:auto;transform:none;width:calc(100% - 48px);max-width:620px;margin:0 auto;padding:0;order:0}
  .home-page .live-hero h1{font-size:clamp(44px,7.8vw,68px);max-width:none;margin-bottom:24px}
  .home-page .live-hero p{font-size:17px;width:100%;max-width:550px;margin-bottom:26px}
  .home-page .hero-visual{position:relative;inset:auto;z-index:0;order:1;width:100%;height:390px;background-size:auto 100%;background-position:right center;margin-top:24px}
  .home-page .fios-lockup{top:auto;bottom:315px;right:24px}
  .home-page .hero-ticker{position:relative;padding:20px 0 24px;background:#030f1e}
  .home-page .hero-ticker .container{white-space:normal;text-align:center;font-size:8px;line-height:2;gap:16px;letter-spacing:.18em}
  .home-page .hero-ticker .container:before,.home-page .hero-ticker .container:after{display:none}
}
@media(max-width:480px){
  .home-page .nav{min-height:68px}.home-page .brand-text{font-size:16px}
  .home-page .live-hero-grid{padding-top:40px}
  .home-page .live-hero-copy{width:calc(100% - 40px)}
  .home-page .live-hero .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:20px}
  .home-page .live-hero h1{font-size:clamp(38px,10.5vw,50px)}
  .home-page .live-hero p{font-size:15px}
  .home-page .live-hero-actions{gap:12px}.home-page .live-hero-actions .btn{padding:0 24px;min-width:0;border-radius:12px;font-size:14px}
  .home-page .hero-visual{height:280px;background-position:right bottom;margin-top:30px}
  .home-page .fios-lockup{bottom:231px;right:18px}.home-page .fios-logo-text{font-size:32px}.home-page .fios-sub{font-size:5px}.home-page .fios-logo-text sup{font-size:8px}
}

/* Compact product buttons, following the marked reference. */
.home-page .nav-actions .btn,
.home-page .live-hero-actions .btn,
.home-page .mobile-actions .btn {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: .01em; white-space: nowrap;
  border-radius: 5px;
  color: #fff;
  background: linear-gradient(105deg, #287cff, #38a9f5);
  border: 1px solid #45baff;
  box-shadow: 0 4px 14px rgba(22, 112, 245, .16);
}
.home-page .nav-actions .btn { min-height: 34px; padding: 0 12px; font-size: 12px; flex-shrink: 0; }
.home-page .live-hero-actions { gap: 12px; }
.home-page .live-hero-actions .btn { min-height: 40px; min-width: 136px; padding: 0 20px; font-size: 14px; }
@media(max-width:900px) {
  .home-page .live-hero-actions .btn { min-height: 42px; min-width: 128px; padding: 0 16px; font-size: 13px; }
}

.home-page .api-info-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;line-height:1.5;color:#65d2ff;text-decoration:underline;text-underline-offset:4px}
.home-page .api-info-link:hover{color:#fff}
.home-page .api-info-link:focus-visible{outline:2px solid #65d2ff;outline-offset:5px}