@import url('tokens.css');
@import url('grid.css');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-white);color:var(--color-graphite);font:300 max(var(--font-size-min),calc(16px * var(--type-scale,1)))/1.5 var(--font-body);position:relative}body::before{content:"";position:absolute;inset:0 0 auto;height:900px;z-index:-1;background:var(--color-deep-blue) url('../img/hero-bg.png') center bottom/cover no-repeat}
h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-heading);font-weight:300}h2{font-size:calc(32px * var(--type-scale,1));line-height:1.2}h3{font-size:calc(20px * var(--type-scale,1));line-height:1.25}a{color:inherit;text-underline-offset:3px}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-light-blue);outline-offset:5px}::selection{background:var(--color-light-blue);color:var(--color-deep-blue)}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{flex:none;display:block}.skip-link{position:absolute;top:8px;left:8px;transform:translateY(-200%);background:white;color:var(--color-deep-blue);padding:12px;z-index:10}.skip-link:focus{transform:none}
.site-header{display:flex;align-items:center;min-height:90px;gap:48px;border-bottom:1px solid rgb(255 255 255 / .1);color:white}.site-header__logo{display:block;flex:none;line-height:0}.site-header__nav{display:flex;align-items:center;gap:16px;white-space:nowrap;flex:1}.site-header__nav a{font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)));text-decoration:none}.site-header__nav a:hover{text-decoration:underline}.site-header__actions{display:flex;align-items:center;gap:24px}.site-header__apps{display:flex;align-items:center;gap:6px;background:white;color:var(--color-deep-blue);border-radius:var(--radius-pill);padding:8px 12px;font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)));line-height:max(1.4em,calc(24px * var(--type-scale,1)));white-space:nowrap;text-decoration:none}.site-header__icon{display:grid;place-items:center;min-width:24px;min-height:44px}.site-header__toggle{display:none}
.site-header__mobile-service,.site-header__mobile-actions{display:none}
@media(min-width:1200px) and (max-width:1439px){
  .site-header{gap:28px}
  .site-header__actions{gap:16px}
  .site-header__nav{gap:12px}
  .site-header__apps{font-size:max(var(--font-size-min),calc(12px * var(--type-scale,1)));padding-inline:10px}
  .site-header__logo img{width:153px;height:auto}
}
/* Compact navigation keeps account and cart in the header. */
@media(max-width:1199.98px){
  .site-header{gap:12px;position:relative}
  .site-header__toggle{display:block;color:white;border:1px solid rgb(255 255 255 / .5);border-radius:24px;background:transparent;padding:8px 16px;margin-left:0;min-height:44px;order:3;flex:none}
  .site-header__actions{order:2;margin-left:auto;gap:4px}
  .site-header__actions .site-header__icon{display:grid;min-width:44px;min-height:44px}
  .site-header__apps{font-size:max(var(--font-size-min),calc(12px * var(--type-scale,1)))}
  .site-header__apps .icon{width:20px;height:20px}
  .site-header__nav{display:none;position:absolute;top:calc(100% - 4px);left:15px;right:15px;z-index:5;white-space:normal;max-height:calc(100dvh - 100px);overflow-y:auto;padding:14px 20px 20px;border-radius:20px;background:#fff;color:var(--color-deep-blue);box-shadow:0 16px 40px rgb(0 7 50 / .2)}
  .site-header__nav--open{display:flex;flex-wrap:wrap;flex-direction:column;align-items:stretch;gap:0}
  .site-header__nav a{padding:10px}
  .site-header__nav>a{display:flex;align-items:center;min-height:48px;padding:10px 2px;border-bottom:1px solid #e8ebf2;font-size:max(var(--font-size-min),calc(16px * var(--type-scale,1)));line-height:1.35;white-space:normal}
  .site-header__mobile-actions{display:flex;gap:10px;margin-top:18px}
  .site-header__nav .site-header__mobile-apps{position:relative;display:flex;align-items:center;flex:1;min-width:0;min-height:90px;overflow:hidden;padding:16px 82px 16px 18px;border-radius:14px;background:var(--color-action-blue);color:white;font-size:max(var(--font-size-min),calc(15px * var(--type-scale,1)));line-height:1.3;text-decoration:none}
  .site-header__mobile-apps img{position:absolute;right:6px;bottom:-20px;width:72px;height:100px;object-fit:contain;object-position:bottom}
}
@media(max-width:767.98px){
  .site-header{min-height:80px}
  .site-header__logo img{width:145px;height:auto}
  .site-header__actions .site-header__apps,.site-header__actions .site-header__icon:first-of-type{display:none}
  .site-header__nav--open .site-header__mobile-service{display:block}
}
@media(max-width:539.98px){
  .site-header{gap:2px}
  .site-header__logo img{width:clamp(105px, 31vw, 128px)}
  .site-header__toggle{font-size:max(var(--font-size-min),calc(13px * var(--type-scale,1)));padding-inline:12px}
  .site-header__actions{gap:0}
  .site-header__actions .site-header__icon:last-child{display:grid}
}
.hero{height:810px;padding-top:192px;color:white}.hero__eyebrow{font-size:max(var(--font-label-min),calc(12px * var(--type-scale,1)));line-height:max(1.25em,calc(15px * var(--type-scale,1)));letter-spacing:2.88px;text-transform:uppercase;opacity:.5}.hero__title{font-size:calc(56px * var(--type-scale,1));line-height:1.1;margin-top:24px;width:1080px;max-width:100%}.hero__description{width:584px;max-width:100%;margin-top:36px;line-height:calc(24px * var(--type-scale,1))}.hero__notice{font-size:max(var(--font-size-min),calc(12px * var(--type-scale,1)));line-height:max(1.4em,calc(18px * var(--type-scale,1)));opacity:.5;margin-top:36px}.hero__actions{display:flex;align-items:center;gap:32px;margin-top:36px}.button{display:inline-flex;align-items:center;gap:16px;border-radius:var(--radius-pill);background:white;color:var(--color-deep-blue);padding:4px 24px 4px 4px;text-decoration:none;white-space:nowrap;font-weight:400;min-height:62px}.button__icon{display:grid;place-items:center;width:54px;height:54px;background:var(--color-deep-blue);border-radius:50%;flex:none}.button:hover{box-shadow:0 6px 18px rgb(0 0 0 / .12)}.button--small{font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)));gap:12px;min-height:52px}.button--small .button__icon{width:44px;height:44px}.text-link{display:inline-flex;align-items:center;gap:16px;font-weight:400;line-height:calc(24px * var(--type-scale,1))}.text-link--blue{color:var(--color-light-blue);text-decoration:none;font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)));white-space:nowrap}.text-link:hover{text-decoration-thickness:2px}
.apps-section{background:var(--color-deep-blue);color:white;padding-block:128px 100px;min-height:670px;margin-top:64px}.apps-section__grid{align-items:start}.apps-section__main{grid-column:1/5;width:392px;max-width:100%}.apps-section__main h2{margin-bottom:32px}.apps-section__tabs{display:flex;gap:42px;font:300 max(var(--font-size-min),calc(16px * var(--type-scale,1)))/max(1.4em,calc(20px * var(--type-scale,1))) var(--font-heading)}.apps-section__tabs a{color:rgb(255 255 255 / .5);text-decoration:none}.apps-section__tab-line{display:block;margin-block:18px 32px;max-width:100%}.apps-section__main h3{margin-bottom:16px}.apps-section__stores{display:flex;gap:25px;align-items:center;margin-block:32px}.apps-section__stores a{display:block;line-height:0}.apps-section__stores img{max-width:100%;height:auto;display:block}.apps-section__footnote{font-size:max(var(--font-size-min),calc(12px * var(--type-scale,1)));line-height:max(1.4em,calc(18px * var(--type-scale,1)))}.apps-section__footnote a{color:var(--color-light-blue)}.apps-section__cloud{grid-column:6/9;margin-top:123px;width:255px;max-width:100%;display:flex;flex-direction:column;align-items:start;gap:25px}.apps-section__cloud h3{margin-bottom:-9px}.apps-section__cloud p{line-height:calc(24px * var(--type-scale,1))}
.support-section{padding-block:var(--section-space)}.support-section__track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:var(--color-action-blue) #eef1ff;scrollbar-width:thin;padding-bottom:24px}.support-card{width:274px;min-width:274px;min-height:232px;border-right:1px solid #edf0f4;padding-right:24px;scroll-snap-align:start;display:flex;flex-direction:column;gap:24px}.support-card__number{font:300 max(var(--font-size-min),calc(16px * var(--type-scale,1)))/max(1.4em,calc(20px * var(--type-scale,1))) var(--font-heading);color:#b5b6bb}.support-card__meta{font-size:max(var(--font-size-min),calc(12px * var(--type-scale,1)));line-height:max(1.4em,calc(18px * var(--type-scale,1)));display:flex;justify-content:space-between;color:var(--color-muted)}.support-card__meta span:first-child{font-size:var(--font-label-min);letter-spacing:2.4px;text-transform:uppercase}.support-card__title{font-size:calc(18px * var(--type-scale,1));line-height:1.25;min-height:45px}.support-card__title a{text-decoration:none}.support-card__title a:hover{text-decoration:underline}.support-card__description{font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)));line-height:max(1.4em,calc(21px * var(--type-scale,1)));color:var(--color-muted);min-height:42px}.support-card__arrow{height:16px;display:flex;justify-content:end;align-items:center;margin-top:auto}.support-card__arrow img{flex:none}.support-section__controls{display:flex;justify-content:end;gap:12px;margin-top:24px}.support-section__controls button{width:44px;height:44px;border:0;background:transparent;color:var(--color-graphite);font-size:calc(22px * var(--type-scale,1))}.support-section__controls button:hover{color:var(--color-action-blue);background:#f3f7ff}

@media(max-width:1199.98px){.hero__title{font-size:calc(52px * var(--type-scale,1))}.apps-section__main{grid-column:1/6}.apps-section__cloud{grid-column:7/10}.apps-section__stores{gap:16px}.apps-section__stores a{min-width:0}}
@media(max-width:1199.98px){.hero__title{font-size:calc(48px * var(--type-scale,1))}.hero__description{max-width:72%}.apps-section{padding-block:80px}.apps-section__main{grid-column:1/5}.apps-section__cloud{grid-column:6/9;margin-top:110px}.apps-section__stores{flex-wrap:wrap}.apps-section__tab-line{width:100%;object-fit:fill}.apps-section__cloud .text-link{white-space:normal}}
@media(max-width:767.98px){body::before{height:900px;background-position:58% bottom}.hero{height:820px;padding-top:120px}.hero__eyebrow{font-size:max(var(--font-label-min),calc(10px * var(--type-scale,1)));letter-spacing:2px}.hero__title{font-size:calc(40px * var(--type-scale,1));max-width:min(100%,640px)}.hero__description{max-width:100%;width:520px}.hero__notice{max-width:430px}.hero__actions{align-items:start;flex-direction:column;gap:24px}.desktop-break{display:none}.apps-section{margin-top:48px;padding-block:64px}.apps-section__main{grid-column:1/-1;width:392px}.apps-section__cloud{grid-column:1/-1;margin-top:40px;width:320px}.apps-section__stores{flex-wrap:nowrap}.support-card{width:274px;min-width:274px}}
@media(max-width:539.98px){.hero{padding-top:108px}.hero__title{font-size:calc(32px * var(--type-scale,1));line-height:1.15}.hero__eyebrow{font-size:max(var(--font-label-min),calc(9px * var(--type-scale,1)));letter-spacing:1.4px}.hero__description{font-size:max(var(--font-size-min),calc(15px * var(--type-scale,1)));line-height:max(1.4em,calc(23px * var(--type-scale,1)));margin-top:28px}.hero__notice{margin-top:28px}.hero__actions{margin-top:28px}.hero__actions .text-link{font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)));gap:12px}.button{font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)))}.apps-section__main h2{font-size:calc(28px * var(--type-scale,1))}.apps-section__stores{gap:14px}.apps-section__stores a:first-child{width:52%}.apps-section__stores a:last-child{width:45%}.apps-section__tabs{font-size:max(var(--font-size-min),calc(14px * var(--type-scale,1)))}.support-card{width:260px;min-width:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Phone shortcuts complement the existing header menu. */
.mobile-navigation{display:none}
@media(max-width:767.98px){
  body{padding-bottom:calc(116px + env(safe-area-inset-bottom,0px))}
  html{scroll-padding-bottom:calc(128px + env(safe-area-inset-bottom,0px))}
  .mobile-navigation{position:fixed;z-index:40;left:max(4px,env(safe-area-inset-left,0px));right:max(4px,env(safe-area-inset-right,0px));bottom:calc(8px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;max-width:430px;margin-inline:auto;padding:4px 12px;border-radius:32px;background:rgb(255 255 255 / .88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-graphite);box-shadow:0 6px 32px rgb(0 7 50 / .2)}
  .mobile-navigation__link{min-width:0;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:2px 0;border-radius:24px;font-size:12px;line-height:1.2;letter-spacing:-.035em;font-weight:400;text-align:center;text-decoration:none;overflow-wrap:normal;word-break:normal;hyphens:none}
  .mobile-navigation__link .icon{width:30px;height:30px;padding:4px}
  .mobile-navigation__link span{color:var(--color-graphite);transition:color var(--motion-feedback)}
  .mobile-navigation__link{position:relative}
  .mobile-navigation__link{transition:color var(--motion-feedback)}
  .mobile-navigation__link:is(:hover,:focus-visible,[aria-current="page"]){color:var(--color-action-blue)}
  .mobile-navigation__link:is(:hover,:focus-visible,[aria-current="page"]) span{color:inherit}
  .mobile-navigation__link:focus-visible{outline-offset:-2px}
  body:has(.contact-dialog[open]) .mobile-navigation{visibility:hidden}
}
@media(max-width:359.98px){.mobile-navigation__link{font-size:11px}}