:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#102944;background:#f7f9fa;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{max-width:100%;display:block}.page-shell{overflow:hidden}.site-header,main,footer{width:min(1200px,calc(100% - 64px));margin-inline:auto}.site-header{height:98px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#122b45;font-size:23px;font-weight:800;letter-spacing:-.045em}.brand img{width:48px}.brand-accent{color:#1978d5}.header-note{font-size:13px;color:#647789;letter-spacing:.015em}.hero{position:relative;min-height:485px;display:flex;align-items:center;padding:30px 0 55px}.hero-copy{position:relative;z-index:2;max-width:690px}.eyebrow,.section-kicker{color:#1563a5;font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-dot{height:8px;width:8px;border-radius:50%;background:#f2aa41;box-shadow:0 0 0 5px #fbe8c9}h1{font-size:clamp(45px,6vw,78px);line-height:1.08;letter-spacing:-.065em;margin:27px 0 19px;font-weight:760}h1 em{font-style:normal;color:#287fbd}.tagline{font-size:clamp(18px,2.1vw,24px);font-weight:650;margin:0 0 18px}.intro{font-size:17px;line-height:1.65;color:#5e7080;max-width:560px;margin:0 0 29px}.launch-status{display:inline-flex;align-items:center;gap:11px;border-radius:999px;background:#133757;color:white;padding:13px 21px;font-weight:800;font-size:14px;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 12px 24px rgba(14,47,78,.16)}.status-sun{color:#ffbd53;font-size:20px;line-height:1}.availability{font-size:13px;color:#768797;margin:14px 0 0}.hero-art{position:absolute;inset:0 -15vw 0 auto;width:60%;overflow:hidden;pointer-events:none}.sun-glow{position:absolute;right:16%;top:2%;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#ffe5ad 0%,#ffebc8 22%,rgba(255,237,207,.1) 65%,transparent 75%)}.mountain{position:absolute;bottom:0;width:100%;height:49%;clip-path:polygon(0 100%,15% 55%,26% 78%,47% 11%,59% 49%,69% 27%,100% 100%)}.mountain-back{right:0;background:linear-gradient(160deg,#c5dce5,#8bb0c6);opacity:.65;transform:translateY(20%)}.mountain-front{right:-8%;background:linear-gradient(155deg,#a7cadb,#3b7396);opacity:.35;transform:translateY(58%) scale(1.1)}.preview{padding:5px 0 65px}.preview-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:25px}.preview h2{font-size:clamp(30px,3.6vw,45px);letter-spacing:-.05em;margin:10px 0 0}.preview-heading p{color:#657787;font-size:15px;line-height:1.6;max-width:310px;margin:0 0 4px}.preview-frame{border:1px solid #dce5e9;background:white;border-radius:20px;padding:12px;box-shadow:0 25px 65px rgba(21,57,82,.13)}.preview-frame img{border-radius:10px;width:100%;height:auto}.image-note{text-align:center;color:#87949e;font-size:12px;margin:17px 0 0}footer{min-height:100px;border-top:1px solid #e4eaed;display:flex;align-items:center;justify-content:space-between;color:#778895;font-size:13px}@media(max-width:800px){.site-header,main,footer{width:min(100% - 36px,660px)}.site-header{height:78px}.header-note{display:none}.hero{min-height:auto;padding:55px 0 72px}.hero-art{width:100%;inset:0 -30% 0 auto;opacity:.35}.hero-copy{max-width:620px}.preview-heading{display:block}.preview-heading p{margin:12px 0 0;max-width:530px}.preview-frame{border-radius:13px;padding:6px}.preview-frame img{border-radius:8px}}@media(max-width:520px){.brand{font-size:20px}.brand img{width:42px;height:42px}.hero{padding:36px 0 60px}h1{font-size:clamp(41px,10vw,56px);margin-top:25px}.intro{font-size:16px}.preview{padding-bottom:44px}.preview-heading{margin-bottom:19px}footer{min-height:84px;gap:10px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Compact version of the original layout. */
@media(min-width:801px){
  .site-header{height:82px}
  .hero{min-height:370px;padding:18px 0 35px}
  h1{font-size:clamp(42px,5vw,66px);margin:20px 0 15px}
  .intro{font-size:16px;margin-bottom:20px}
  .preview{padding-bottom:40px}
  .preview-heading{margin-bottom:18px}
  .preview h2{font-size:clamp(28px,3vw,38px)}
  .preview-frame{max-width:960px;margin-inline:auto;padding:9px}
  .preview-frame img{max-height:45vh;object-fit:contain}
  footer{min-height:72px}
}
@media(max-width:800px){.hero{padding-top:42px;padding-bottom:52px}.preview-frame{max-width:92%;margin-inline:auto}}

/* Match the sidebar wordmark to the blue used on light backgrounds. */
.brand-accent{color:#1769e3}
.dashboard-visual{position:relative;container-type:inline-size}
.sidebar-gene{position:absolute;left:7.68%;top:7.55%;width:3.48%;height:2.2%;display:flex;align-items:center;background:#132b46;color:#1769e3;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:1.32cqw;letter-spacing:-.06em;line-height:1;pointer-events:none}
/* Size the image element itself, so the brand correction stays attached to it. */
@media(min-width:801px){
  .preview-frame{width:min(100%,calc(67.5vh + 18px));max-width:960px}
  .dashboard-visual{width:100%;aspect-ratio:3 / 2}
  .preview-frame img{width:100%;height:auto;max-height:none;object-fit:initial}
}
@media(max-width:800px){.dashboard-visual{width:100%;aspect-ratio:3 / 2}}

/* Informational store badges; intentionally not links. */
.launch-row{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.store-badges{display:flex;gap:9px;flex-wrap:wrap}
.store-badge{display:flex;align-items:center;gap:7px;min-height:45px;padding:5px 10px;border:1px solid #d1dce5;border-radius:9px;background:rgba(255,255,255,.8);color:#294d6c;cursor:default;user-select:none}
.store-badge svg{width:24px;height:24px;flex:none}
.store-badge span{display:flex;flex-direction:column;line-height:1.1}
.store-badge small{font-size:8px;font-weight:800;letter-spacing:.08em}
.store-badge strong{font-size:13px;font-weight:750;white-space:nowrap}
@media(max-width:520px){.store-badges{width:100%}.store-badge{flex:1;min-width:125px}.launch-row{gap:14px}}