:root{--blue:#4b6fb2;--ink:#172638;--paper:#f8f8f4;--muted:#616974;--line:#dce0e4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8cbbff;outline-offset:5px}button{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.055em;line-height:1.03}p{line-height:1.6}.skip{position:fixed;top:-80px;left:20px;background:white;z-index:100;padding:12px}.skip:focus{top:10px}.glass-header{position:fixed;z-index:20;top:22px;left:50%;transform:translateX(-50%);width:calc(100% - 80px);max-width:1320px;height:78px;display:flex;align-items:center;justify-content:space-between;padding:9px 13px 9px 18px;border:1px solid #ffffff50;border-radius:22px;color:#fff;background:linear-gradient(120deg,#ffffff18,#ffffff04),#1c1e227a;backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%);box-shadow:inset 0 1px 0 #ffffff24,0 8px 32px #00000018;transition:background .2s}.brand img{object-fit:contain;filter:brightness(0) invert(1);opacity:.94}.desktop-nav{display:flex;gap:36px;font-size:14px;font-weight:600}.desktop-nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}.header-actions{display:flex;align-items:center;gap:14px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;padding:18px 24px;border-radius:100px;background:var(--blue);color:#fff;font-size:15px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#355996;transform:translateY(-2px)}.button.small{padding:14px 22px;font-size:13px}.menu-toggle{display:none;border:0;background:none;width:40px;height:44px}.menu-toggle span{display:block;width:22px;height:2px;background:currentColor;margin:6px auto}.mobile-menu{position:absolute;top:86px;left:0;right:0;padding:18px;background:#232528ed;border:1px solid #ffffff35;border-radius:20px;box-shadow:0 15px 30px #07162b33;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.mobile-menu a{display:block;padding:14px}.hero{position:relative;min-height:760px;min-height:min(900px,100svh);background:#152331;color:#fff;overflow:hidden}.hero-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 44%}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(30,30,30,.78) 0%,rgba(55,55,55,.5) 30%,rgba(55,55,55,0) 90%)}.hero-inner{max-width:1320px;margin:auto;position:relative;padding:180px 40px 95px;display:flex;align-items:center;min-height:inherit}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;line-height:1.5}.eyebrow.light{color:#e1eaff;display:flex;align-items:center;gap:10px;margin-bottom:26px}.hero h1{font-size:clamp(68px,6.5vw,96px);font-weight:600;letter-spacing:-.065em;line-height:.99}.hero h1 span{color:#b8cdf2}.hero-description{font-size:17px;color:#e1e4e9;margin-top:28px;line-height:1.7}.hero-description strong{color:white}.hero-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px}.hero-note{font-size:11px;letter-spacing:.05em;color:#c6cdd6;margin-top:24px}.hero-bottom{position:absolute;bottom:24px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.15em;color:#d8e0e9}.hero-bottom a{font-size:11px;line-height:40px;text-align:center;text-decoration:underline;text-underline-offset:4px}.benefit-bar{display:grid;grid-template-columns:repeat(3,1fr);padding:38px max(40px,calc((100vw - 1240px)/2));background:#e9eef6;border-bottom:1px solid #dce4ef}.benefit-bar>div{padding:0 32px;border-right:1px solid #cbd4e2}.benefit-bar>div:first-child{padding-left:0}.benefit-bar>div:last-child{border:0}.benefit-bar strong{font-size:29px;letter-spacing:-.045em;font-weight:600}.benefit-bar strong span{font-size:22px}.benefit-bar p{font-size:13px;color:var(--muted);margin-top:6px}.section{max-width:1320px;margin:auto;padding:100px 40px}.section-heading{margin-bottom:46px}.section-heading .eyebrow,.questions .eyebrow{color:var(--blue);margin-bottom:20px}h2{font-size:clamp(40px,4.5vw,64px);font-weight:500}.section-heading>p:last-child:not(.eyebrow){font-size:15px;color:var(--muted);margin-top:22px}.why-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:76px;align-items:stretch}.crew-photo{position:relative;border-radius:6px;overflow:hidden;min-height:560px}.crew-photo>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.crew-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#07192ce6)}.photo-caption{position:absolute;z-index:1;bottom:32px;left:32px;color:white}.photo-caption span{font-size:9px;letter-spacing:.14em}.photo-caption strong{display:block;font-size:32px;font-weight:500;letter-spacing:-.04em;line-height:1.1;margin-top:12px}.benefits article{display:flex;gap:19px;border-top:1px solid var(--line);padding:28px 0}.number{font-size:12px;color:var(--blue);padding-top:5px}.benefits h3{font-size:25px;letter-spacing:-.04em;font-weight:500}.benefits p{margin-top:12px;font-size:14px;color:var(--muted);max-width:370px}.jobs-section{background:#e9eef4;padding:85px max(40px,calc((100vw - 1240px)/2)) 90px}.section-heading.row{display:flex;justify-content:space-between;align-items:end}.row>p{max-width:340px}.job-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.job-card{min-height:430px;border-radius:6px;overflow:hidden;position:relative;background:#142031;color:white}.job-card>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.job-card:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#07192cda)}.job-card>div{position:absolute;z-index:1;bottom:30px;left:28px;right:28px}.job-card div>span{font-size:9px;letter-spacing:.12em}.job-card h3{font-size:34px;line-height:1.1;font-weight:500;margin-top:13px}.blue-card{background:var(--blue)}.blue-card:after{display:none}.blue-card p{font-size:12px;color:#e6edfa;margin-top:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.steps article{border-top:1px solid var(--line);padding-top:24px}.steps article>span{font-size:12px;color:var(--blue)}.steps h3{font-size:28px;font-weight:500;margin:25px 0 14px}.steps p{font-size:14px;color:var(--muted);max-width:290px}.steps a,.inline-link{display:inline-block;border:0;background:none;padding:0;color:var(--blue);font-size:13px;font-weight:600;margin-top:22px}.questions{padding-top:10px;display:grid;grid-template-columns:1fr 1.4fr;gap:60px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;font-size:17px;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:25px;font-weight:400;color:var(--blue)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;color:var(--muted);padding:0 30px 24px 0}.download-section{text-align:center;padding:95px 24px;background:var(--blue);color:white}.download-section .eyebrow{color:#dae7ff}.download-section h2{font-size:clamp(64px,8vw,112px);margin-top:28px;line-height:.98}.download-section h2 span{color:#b8cdf2}.download-section>p:not(.eyebrow){margin-top:25px;color:#e2eafa;font-size:16px}.store-link{display:block;width:168px;margin:28px auto 0}.store-link img{width:100%;height:auto}.book-instead{display:block;font-size:12px;color:#e2eafa;margin-top:26px;text-decoration:underline;text-underline-offset:4px}footer{padding:40px max(40px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:30px}footer p{font-size:13px;color:var(--muted)}footer nav{margin-left:auto;display:flex;gap:22px;font-size:12px}footer>span{font-size:10px;color:var(--muted)}
@media(min-width:1500px){.hero-inner{padding-top:200px;padding-bottom:130px}}
@media(max-width:1000px){.hero-inner{gap:30px}.hero h1{font-size:70px}.why-layout{gap:36px}.benefit-bar strong{font-size:24px}.benefit-bar strong span{font-size:18px}.job-card{min-height:365px}footer{flex-wrap:wrap}footer>span{width:100%}}
@media(max-width:700px){html{scroll-padding-top:95px}.glass-header{top:14px;width:calc(100% - 28px);height:66px;border-radius:18px;padding:8px 10px 8px 14px}.brand img{width:53px;height:45px}.desktop-nav{display:none}.menu-toggle{display:block}.header-actions{gap:4px}.button.small{padding:12px 16px;font-size:12px;gap:14px}.hero{min-height:560px;min-height:max(560px,100svh)}.hero-photo{object-position:57% 35%}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(30,30,30,.78) 0%,rgba(55,55,55,.5) 30%,rgba(55,55,55,0) 90%)}.hero-inner{display:flex;align-items:end;min-height:inherit;padding:160px 24px 106px}.hero h1{font-size:clamp(42px,12vw,72px)}.hero-copy{width:100%}.eyebrow.light{font-size:9px;margin-bottom:20px}.hero-description{font-size:15px;margin-top:22px}.hero-buttons{gap:16px;margin-top:25px}.hero-buttons .button{padding:16px 20px;font-size:13px;gap:20px}.hero-note{font-size:10px;margin-top:20px}.hero-bottom{left:24px;right:24px;bottom:18px;font-size:8px}.hero-bottom>span:last-child{display:none}.benefit-bar{padding:26px 20px;gap:10px}.benefit-bar>div{padding:0 10px}.benefit-bar strong{font-size:22px;line-height:1.2;display:block}.benefit-bar strong span{display:block;font-size:12px;font-weight:500;letter-spacing:0;margin-top:4px}.benefit-bar p{font-size:10px;line-height:1.5;margin-top:8px}.section{padding:68px 24px}.section-heading{margin-bottom:30px}h2{font-size:43px}.section-heading .eyebrow,.questions .eyebrow{font-size:9px;margin-bottom:18px}.section-heading>p:last-child:not(.eyebrow){font-size:14px;margin-top:18px}.why-layout{grid-template-columns:1fr;gap:30px}.crew-photo{min-height:440px}.photo-caption{left:24px;bottom:24px}.photo-caption strong{font-size:30px}.benefits article{padding:25px 0;gap:15px}.benefits h3{font-size:24px}.benefits p{font-size:13px}.jobs-section{padding:64px 24px}.section-heading.row{display:block}.row>p{margin-top:24px}.job-grid{grid-template-columns:1fr;gap:16px}.job-card{min-height:400px}.job-card:nth-child(2)>img{object-position:40% center}.blue-card{min-height:340px}.steps{grid-template-columns:1fr;gap:30px}.steps h3{margin-top:18px}.steps p{max-width:100%}.questions{grid-template-columns:1fr;gap:20px;padding-top:0}.faq-list summary{font-size:16px}.download-section{padding:75px 24px}.download-section .eyebrow{font-size:9px}.download-section h2{font-size:70px}footer{padding:34px 24px;gap:24px}footer p{font-size:12px}footer nav{margin-left:0;width:100%;gap:25px}footer>span{width:auto}.hero-description br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Neutral glass navigation lets the photography show through. */
.glass-header.is-past-hero{background:linear-gradient(120deg,#ffffff12,#ffffff03),#1c1e22b8}
.glass-header .button{background:#ffffff18;border:1px solid #ffffff45;box-shadow:inset 0 1px 0 #ffffff18}
.glass-header .button:hover{background:#ffffff2e}
.hero-copy{max-width:740px}

/* Mobile readability, comfortable targets, and safe-area support. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.brand,.desktop-nav a,.hero-bottom a,footer nav a,.steps a,.book-instead{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.button.small,.menu-toggle{min-height:44px;min-width:44px}
.mobile-menu{top:calc(100% + 10px);max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px - env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain}
.mobile-menu a{min-height:48px}
.book-instead{justify-content:center}
.hero-copy,.benefits article>div,.steps article,.faq-list{min-width:0}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass-header{background:#24272bee}}
@media(max-width:700px){
  html{scroll-padding-top:calc(100px + env(safe-area-inset-top))}
  .glass-header{top:calc(14px + env(safe-area-inset-top));width:calc(100% - 28px - env(safe-area-inset-left) - env(safe-area-inset-right))}
  .hero-inner{padding-top:calc(clamp(120px,20svh,160px) + env(safe-area-inset-top));padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:calc(96px + env(safe-area-inset-bottom))}
  .hero-bottom{bottom:calc(18px + env(safe-area-inset-bottom))}
  .hero h1{font-size:clamp(36px,11.5vw,72px)}
  .hero-description,.benefits p,.steps p,.faq-list details p,.section-heading>p:last-child:not(.eyebrow){font-size:16px;line-height:1.6}
  .hero-note{font-size:12px;line-height:1.6}
  .hero-buttons .button{font-size:15px;min-height:50px}
  .benefit-bar{padding:24px 16px;gap:4px}
  .benefit-bar>div{padding:0 8px}
  .benefit-bar p{font-size:12px}
  .benefit-bar strong span{font-size:13px}
  .section,.jobs-section{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}
  h2{font-size:clamp(34px,10vw,48px)}
  .crew-photo{min-height:0;aspect-ratio:auto;align-self:start}
  .crew-photo>img{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/4}
  .job-card{min-height:0;aspect-ratio:4/5}
  .blue-card{aspect-ratio:auto;min-height:300px}
  .download-section h2{font-size:clamp(50px,14vw,78px)}
  .steps a,.book-instead,footer nav a{font-size:14px}
  footer{padding-bottom:calc(28px + env(safe-area-inset-bottom))}
  footer nav{gap:24px;flex-wrap:wrap}
}
@media(max-width:359px){
  .hero-inner{padding-left:20px;padding-right:20px}
  .section,.jobs-section{padding-left:20px;padding-right:20px}
  .hero-note{max-width:250px}
  .benefit-bar strong{font-size:20px}
  .benefit-bar strong span{font-size:12px}
  .benefit-bar p{font-size:11px}
  .photo-caption{left:20px;right:20px}
  .photo-caption strong{font-size:26px}
  .eyebrow{overflow-wrap:anywhere}
}
@media(max-height:500px) and (orientation:landscape){
  .glass-header{height:62px;top:calc(8px + env(safe-area-inset-top))}
  .brand img{max-height:44px}
  .hero-inner{padding-top:112px;padding-bottom:88px}
  .mobile-menu{max-height:calc(100dvh - 92px - env(safe-area-inset-top))}
}

/* Decorative hero footage; static poster remains available if playback is blocked. */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;opacity:0;pointer-events:none}
.hero-video.is-playing{opacity:1}
.hero .hero-photo{object-position:center 45%}


@media(max-width:700px){.hero-bottom>span:first-child{display:none}.hero-video,.hero .hero-photo{object-position:center center}}

/* Keep the hero focused on pay, flexibility, and friends. */
.hero h1{font-size:clamp(60px,6.2vw,88px);line-height:1.05;white-space:nowrap}
.hero h1 .hero-rate{font-size:.5em;color:inherit;letter-spacing:-.04em}
.hero h1 .hero-tips{font-size:.5em;letter-spacing:-.04em;color:#b8cef2}
.hero .hero-description{font-size:22px;line-height:1.4;margin-top:15px;color:#fff}
.hero-description br{display:initial}
.hero-bottom{justify-content:center}
@media(max-width:700px){
  .hero h1{font-size:clamp(48px,13.2vw,75px)}
  .hero .hero-description{font-size:18px;margin-top:12px}
  .hero-buttons{margin-top:20px}
}

/* Match the browser canvas and overscroll area to the dark hero. */
html,body{background-color:#000000}
main,footer{background-color:var(--paper)}

/* Match the client homepage shadow directly around the hero lettering. */
.hero-copy{text-shadow:0 2px 8px #00000066,0 1px 2px #00000040}
.hero-copy .button{text-shadow:none}

/* Prevent Safari's native center-play overlay on this decorative background. */
.hero-video::-webkit-media-controls,
.hero-video::-webkit-media-controls-panel,
.hero-video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}

/* Locally rendered map: no map SDK or third-party requests for visitors. */
.locations-section{text-align:center;scroll-margin-top:110px}
.locations-section .section-heading{margin-bottom:30px}
.locations-section h2 span{color:var(--blue)}
.locations-panel{max-width:1050px;margin:0 auto;padding:24px 28px 28px;border:1px solid #e0e5ed;border-radius:24px;background:#fff}
.locations-map{width:100%;max-width:940px;height:auto;margin:0 auto 20px}
.location-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:left}
.location-grid li{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #dfe5ee;border-radius:14px;background:#fcfdff;min-width:0}
.location-logo{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;background:var(--blue);border-radius:50%}
.location-logo img{width:22px;height:22px;object-fit:contain;filter:brightness(0) invert(1)}
.location-logo--color img{filter:none}
.location-grid li>div{min-width:0;overflow-wrap:break-word}
.location-grid h3{font-size:15px;letter-spacing:-.025em;line-height:1.25;font-weight:600}
.location-grid p{font-size:12px;line-height:1.5;color:var(--muted);margin-top:2px}
.locations-note{font-size:13px;color:var(--muted);margin-top:24px}
@media(min-width:701px) and (max-width:1100px){.desktop-nav{gap:22px;font-size:13px}.location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .locations-section{padding-top:64px;padding-bottom:64px}
 .locations-section h2{font-size:clamp(32px,8.5vw,48px)}
 .locations-section .section-heading>p:last-child{max-width:300px;margin-left:auto;margin-right:auto}
 .locations-panel{padding:10px 12px 20px;margin-left:-12px;margin-right:-12px;border-radius:20px}
 .locations-map{margin-bottom:14px}
 .location-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .location-grid li{gap:8px;padding:9px 8px;min-height:60px;border-radius:13px}
 .location-logo{flex-basis:28px;width:28px;height:28px}
 .location-logo img{width:19px;height:19px}
 .location-grid h3{font-size:13px}
 .location-grid p{font-size:11px}
 .locations-note{font-size:12px;max-width:250px;margin:18px auto 0}
}

@media(max-width:380px){.location-grid{grid-template-columns:1fr}.location-grid li{min-height:56px}}

/* Centered brand and a single expanding glass navigation surface. */
.glass-header{
 top:calc(10px + env(safe-area-inset-top));
 width:calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));
 max-width:1320px;height:auto;display:block;padding:0;border-radius:16px;
 background:linear-gradient(115deg,#ffffff10,#ffffff03),#20202024;
 backdrop-filter:blur(26px) saturate(115%);-webkit-backdrop-filter:blur(26px) saturate(115%);
 border:1px solid #ffffff45;box-shadow:inset 0 1px 0 #ffffff12,0 8px 24px #0000000d;
 overflow:hidden;
}
.glass-header.is-past-hero{background:linear-gradient(115deg,#ffffff10,#ffffff03),#2525257a}
.glass-header.is-menu-open{background:linear-gradient(115deg,#ffffff10,#ffffff03),#20202069}
.header-row{height:56px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:0 10px}
.glass-header .brand{grid-column:2;grid-row:1;justify-self:center;justify-content:center;min-height:44px}
.glass-header .brand img{width:48px;height:40px;max-height:none}
.glass-header .menu-toggle{display:block;grid-column:1;grid-row:1;position:relative;padding:0;width:44px;height:44px;border-radius:8px}
.menu-toggle span{position:absolute;top:50%;left:12px;width:20px;height:1.5px;margin:0;transition:transform .18s}
.menu-toggle span:first-child{transform:translateY(-4px)}
.menu-toggle span:last-child{transform:translateY(3px)}
.menu-toggle[aria-expanded="true"] span:first-child{transform:rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{transform:rotate(-45deg)}
.glass-header .mobile-menu{position:static;padding:14px 20px 18px;max-height:calc(100svh - 88px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 88px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border:0;border-top:1px solid #ffffff26;border-radius:0;box-shadow:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;text-align:center;overflow-y:auto}
.glass-header .mobile-menu[hidden]{display:none}
.glass-header .mobile-menu a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;font-size:14px;font-weight:600;line-height:1.4;border-radius:8px}
.glass-header .mobile-menu a:hover{background:#ffffff12}
.glass-header .menu-toggle:focus-visible,.glass-header .brand:focus-visible,.glass-header .mobile-menu a:focus-visible{outline-offset:-3px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass-header,.glass-header.is-menu-open{background:#24272bee}}

/* Direct App Store download from the hero. */
.hero-store-link{display:inline-flex;align-items:center;width:144px;min-height:44px;border-radius:10px}
.hero-store-link img{width:100%;height:auto}

/* Tuck navigation away during downward scrolling. */
.glass-header{transition:transform .22s ease,opacity .22s ease,background .2s}
.glass-header.is-scroll-hidden{transform:translate(-50%,calc(-100% - 18px - env(safe-area-inset-top)));opacity:0;pointer-events:none}


/* Lift only Explore and cover fractional-pixel seams at the mobile media edge. */
@media(max-width:700px){
 .hero-bottom{bottom:calc(46px + env(safe-area-inset-bottom))}
 .hero-video,.hero .hero-photo{inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);max-width:none}
}

.hero-bottom a{justify-content:center;text-decoration:none;color:#fff}
.hero-scroll-arrow{display:block;flex:none}

/* Expanded navigation sits beside the centered logo when space allows. */
.glass-header .mobile-menu:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px}
.menu-group{display:contents}
@media(min-width:1000px){
 .glass-header .mobile-menu:not([hidden]){position:absolute;inset:0 54px;display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:0;align-items:center;padding:0;border:0;max-height:none;overflow:visible;pointer-events:none}
 .menu-group{display:flex;align-items:center;justify-content:space-evenly;gap:4px;min-width:0;pointer-events:auto}
 .menu-group:first-child{grid-column:1}
 .menu-group:last-child{grid-column:3}
 .glass-header .mobile-menu a{padding:10px 6px;font-size:13px;white-space:nowrap}
}

@media(min-width:1000px){.glass-header .menu-toggle{display:none}}

/* Uploaded assembly photo, with readable copy over the lower fade. */
.assembly-card p{font-size:12px;color:#e6edfa;margin-top:14px}
.assembly-card:after{inset:25% 0 0;background:linear-gradient(transparent,#07192ce6)}

/* Touch-native mobile job carousel; desktop keeps its three-card grid. */
.jobs-pagination,.jobs-slide-count{display:none}
@media(max-width:700px){
 .job-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:100%;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:6px}
 .job-grid::-webkit-scrollbar{display:none}
 .job-grid:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
 .job-grid .job-card{min-width:0;width:100%;aspect-ratio:4/5;scroll-snap-align:start;scroll-snap-stop:always}
 .jobs-slide-count{display:block;position:absolute;top:14px;right:14px;z-index:2;padding:5px 10px;border-radius:20px;background:#00000070;color:white;font-size:12px;line-height:1.4;letter-spacing:.03em}
 .jobs-pagination{display:flex;justify-content:center;margin-top:10px}
 .jobs-pagination button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;border-radius:50%}
 .jobs-pagination button span{width:6px;height:6px;border-radius:50%;background:#b9c2ce;transition:background .15s,transform .15s}
 .jobs-pagination button[aria-current="true"] span{background:var(--blue);transform:scale(1.35)}
}

/* Blend the job examples with the light sections above and below. */
.why{padding-top:48px;padding-bottom:48px}
.why-brand-name{color:var(--blue)}
.why .section-heading{text-align:left}
.why .section-heading>p.why-subtitle{max-width:none;margin:12px 0 0;font-size:14px;line-height:1.5;text-align:inherit}
.jobs-section{padding-top:48px;padding-bottom:48px;background:linear-gradient(to bottom,var(--paper) 0%,#e9eef4 110px)}
.locations-section{padding-top:48px}
@media(max-width:700px){
 .why{padding-top:28px;padding-bottom:16px}
 .why .section-heading{text-align:center}
 .jobs-section{padding-top:32px;padding-bottom:24px;background:linear-gradient(to bottom,var(--paper) 0%,#e9eef4 88px)}
 .locations-section{padding-top:24px}
}

/* Campus expansion opportunity beneath the locations map. */
.campus-launch{margin-top:48px}
.campus-launch h2{max-width:760px;margin:0 auto 22px;text-align:center;font-size:clamp(26px,3vw,36px);line-height:1.15;letter-spacing:-.035em}
.campus-launch-card{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid #4a70b63d;border-radius:18px;background:#eaf0f9;text-align:left}
.campus-launch-logo{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;border-radius:50%;background:var(--blue)}
.campus-launch-logo img{width:40px;height:40px;object-fit:contain;filter:brightness(0) invert(1)}
.campus-launch-copy{flex:1;min-width:0}
.campus-launch-copy h3{margin:0 0 6px;font-size:20px;line-height:1.25;letter-spacing:-.02em}
.campus-launch-copy p{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}
.campus-launch-apply{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;min-height:48px;padding:12px 18px;border-radius:12px;background:var(--blue);color:#fff;font-size:14px;font-weight:700;text-decoration:none}
.campus-launch-apply:hover{background:#365b9e}
.campus-launch-apply svg{flex:none}
@media(max-width:700px){
 .campus-launch{margin-top:36px}
 .campus-launch h2{font-size:28px;max-width:340px;margin-bottom:20px}
 .campus-launch-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px 12px;padding:20px 16px}
 .campus-launch-logo{width:44px;height:44px}
 .campus-launch-logo img{width:32px;height:32px}
 .campus-launch-copy h3{font-size:18px}
 .campus-launch-copy p{font-size:14px}
 .campus-launch-apply{grid-column:1/-1;width:100%}
}

/* Give the FAQ breathing room below the blue download section. */
.questions{padding-top:64px}
@media(max-width:700px){.questions{padding-top:40px;gap:16px}}

.hero-text{position:relative;isolation:isolate;width:fit-content;max-width:100%}

/* Match the homepage video height while keeping the worker CTA in view. */
@media(max-height:500px) and (orientation:landscape){
 .hero{min-height:320px;min-height:max(320px,100svh)}
 .hero-inner{padding:80px max(32px,env(safe-area-inset-right)) 60px max(32px,env(safe-area-inset-left));align-items:flex-end}
 .hero-copy{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
 .hero h1{font-size:clamp(36px,6vw,48px)}
 .hero .hero-description{font-size:18px;margin-top:12px}
 .hero-buttons{margin-top:0}
 .hero-bottom{bottom:20px}
}

/* Homepage header: left logo, desktop links, and standalone store icons. */
:root{--header-top:16px}
.site-header {
  position:fixed;
  left:50%;
  top:var(--header-top);
  transform:translateX(-50%);
  z-index:30;
  width:calc(100% - 48px);
  max-width:1320px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:9px 14px 9px 22px;
  border-radius:16px;
  background:linear-gradient(115deg,#ffffff10,#ffffff03),#20202024;
  border:1px solid #ffffff45;
  backdrop-filter:blur(26px) saturate(115%);
  -webkit-backdrop-filter:blur(26px) saturate(115%);
  box-shadow:inset 0 1px 0 #ffffff12,0 8px 24px #0000000d;
  color:white;
  transition:background .2s;
}
.header-stores {
  display:flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
}
.glass-store-link {
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  color:#fff;
  transition:opacity .2s;
}
.glass-store-link:hover {
  opacity:.75;
}
.glass-store-link img {
  width:26px;
  height:26px;
  object-fit:contain;
  filter:brightness(0) invert(1);
}
/* Apple's narrower silhouette needs a small optical size adjustment. */
.glass-store-link img[src="/icons/apple.svg"] {
  width:28px;
  height:28px;
}
.site-header.is-past-hero {
  background:linear-gradient(115deg,#ffffff10,#ffffff03),#2525257a;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .site-header,.site-header.is-past-hero {
    background:#24272bee;
  }
}
.site-header .brand {
  min-width:66px;
  min-height:52px;
  display:flex;
  align-items:center;
}
.site-header .brand img {
  object-fit:contain;
  filter:brightness(0) invert(1);
}
.site-header .desktop-nav {
  display:flex;
  gap:32px;
  font-size:13px;
}
.site-header .desktop-nav a {
  display:flex;
  align-items:center;
  min-height:44px;
}

.site-header .brand img{opacity:1;max-height:none}
.site-header .desktop-nav{font-weight:400}
@media(max-width:700px){
 :root{--header-top:calc(10px + env(safe-area-inset-top))}
 .site-header{width:calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));padding:6px 9px 6px 14px;gap:12px;border-radius:12px}
 .site-header .brand{min-height:44px;min-width:46px}
 .site-header .brand img{width:49px;height:44px}
 .site-header .desktop-nav{display:none}
}
@media(max-height:500px) and (orientation:landscape){
 .site-header{top:8px;width:calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));padding:4px 12px}
 .site-header .brand,.site-header .brand img{min-height:44px;height:44px}
 .site-header .desktop-nav{display:none}
}