:root { --navy:#064b7d; --navy-deep:#021f3d; --navy-mid:#0a5a91; --navy-800:#03345f; --orange:#ff5a00; --orange-soft:#ff7900; --surface:#fff; --canvas:#f3f5f7; --soft-gray:#dfe5ea; --text:#14233a; --muted:#667085; --shadow:0 22px 52px rgba(2,31,61,.22); }
* { box-sizing:border-box; }
html { min-width:320px; background:var(--canvas); scroll-behavior:smooth; scroll-padding-top:76px; }
body { min-height:100vh; margin:0; overflow-x:hidden; background:var(--canvas); color:var(--text); font-family:Arial,Helvetica,sans-serif; }
button { font:inherit; }
[hidden] { display:none !important; }
.site-header { position:sticky; top:0; z-index:50; width:min(1640px,calc(100% - 36px)); margin:10px auto 0; border:1px solid rgba(255,255,255,.16); border-radius:18px 18px 0 0; background:rgba(2,31,61,.985); box-shadow:0 7px 25px rgba(0,0,0,.21); backdrop-filter:blur(14px); }
.site-header__inner { position:relative; display:flex; min-height:66px; align-items:center; justify-content:space-between; gap:20px; padding:6px 20px; }
.brand-logo { display:block; width:250px; max-width:100%; height:auto; object-fit:contain; }
.site-header__nav { display:flex; align-items:center; justify-content:flex-end; gap:7px; margin-left:auto; }
.site-header__link { display:inline-flex; min-height:38px; align-items:center; padding:7px 11px; border-radius:10px; color:#fff; font-size:13px; font-weight:850; text-decoration:none; }
.site-header__link:hover { background:rgba(255,255,255,.11); color:#fff; }
.site-header__action { display:inline-flex; min-height:38px; align-items:center; justify-content:center; padding:7px 13px; border-radius:10px; font-size:13px; font-weight:900; text-decoration:none; }
.site-header__action--member { border:1px solid rgba(255,255,255,.35); color:#fff; }
.site-header__action--listing { background:var(--orange); color:#fff; box-shadow:0 5px 14px rgba(255,90,0,.28); }.site-header__menu-toggle { display:none; width:44px; height:40px; padding:7px; border:1px solid rgba(255,255,255,.30); border-radius:11px; background:rgba(255,255,255,.07); cursor:pointer; }
.site-header__menu-toggle span { display:block; width:25px; height:3px; margin:4px auto; border-radius:999px; background:#fff; }
.page-shell { width:min(1640px,calc(100% - 36px)); margin:0 auto; }
.container { width:100%; }
.hero { position:relative; isolation:isolate; overflow:hidden; min-height:485px; padding:27px 48px 52px; border-radius:0 0 21px 21px; background:var(--navy-deep); box-shadow:var(--shadow); color:#fff; text-align:center; }
.hero::before { position:absolute; inset:0; z-index:1; content:""; background:linear-gradient(90deg,rgba(1,20,41,.91) 0%,rgba(3,52,91,.48) 50%,rgba(1,20,41,.91) 100%),linear-gradient(180deg,rgba(2,31,61,.18),rgba(2,31,61,.58)); }
.hero::after { display:none; }
.hero__videos { position:absolute; inset:0; z-index:0; overflow:hidden; background:var(--navy-deep); pointer-events:none; } .hero__videos::after { position:absolute; inset:0; content:""; opacity:.15; pointer-events:none; animation:face-glow 7.8s ease-in-out infinite; } .hero[data-direction="seek"] .hero__videos::after { background:radial-gradient(circle at 50% 27%,rgba(255,225,180,.28) 0 2%,rgba(255,166,84,.10) 5%,transparent 15%); } .hero[data-direction="offer"] .hero__videos::after { background:radial-gradient(circle at 64% 27%,rgba(255,225,180,.28) 0 2%,rgba(255,166,84,.10) 5%,transparent 15%); }
.hero-video { position:absolute; inset:-2%; width:104%; height:104%; object-fit:cover; object-position:center; filter:blur(2.3px) saturate(1.02) contrast(1.04); opacity:0; transform:scale(1.02); transition:opacity .52s ease; }
.hero-video[data-active="true"] { opacity:.78; animation:video-life 8.4s ease-in-out infinite; }
.hero-video--offer { object-position:center 38%; }
.hero > :not(.hero__videos) { position:relative; z-index:3; }
.hero__introduction { display:grid; grid-template-columns:auto auto; align-items:center; justify-content:center; gap:5px 13px; max-width:900px; margin:0 auto; }
.hero__title { margin:0; font-family:"Arial Black","Segoe UI Black",Arial,sans-serif; font-size:clamp(46px,5vw,66px); font-weight:950; letter-spacing:-2px; line-height:.92; text-shadow:0 3px 16px rgba(0,0,0,.24); white-space:nowrap; }
.hero__audience { display:grid; gap:3px; margin:0; color:#fff; font-size:clamp(28px,3vw,39px); font-weight:900; line-height:1; text-align:left; white-space:nowrap; }
.hero__audience strong,.hero__audience span { display:inline; }
.hero__audience span { color:var(--orange-soft); }
.hero__description { grid-column:1/-1; max-width:590px; margin:12px auto 0; color:#fff; font-size:18px; font-weight:750; line-height:1.42; text-shadow:0 2px 12px rgba(0,0,0,.30); }
.hero__benefits { display:flex; width:min(810px,100%); align-items:center; justify-content:space-between; gap:12px; margin:10px auto 7px; padding:0 8px; list-style:none; color:#fff; font-size:14px; font-weight:950; text-transform:uppercase; }
.hero__benefits li { animation:benefit-focus 8.4s ease-in-out infinite; transform-origin:center; text-shadow:0 0 13px rgba(255,255,255,.13); }
.hero__benefits li:nth-child(2) { animation-delay:2.8s; }
.hero__benefits li:nth-child(3) { animation-delay:5.6s; }
.hero__benefits li::before { margin-right:8px; color:var(--orange-soft); font-size:19px; vertical-align:-1px; text-shadow:0 0 13px rgba(255,90,0,.58); }
.hero__benefits li:nth-child(1)::before { content:"✓"; }
.hero__benefits li:nth-child(2)::before { content:"✦"; }
.hero__benefits li:nth-child(3)::before { content:"⊘"; }
.hero__chooser { width:min(820px,100%); margin:0 auto; overflow:hidden; border:2px solid rgba(255,255,255,.66); border-radius:21px; background:rgba(2,31,61,.82); box-shadow:0 14px 32px rgba(0,0,0,.20); backdrop-filter:blur(10px); }
.direction-tabs { display:grid; grid-template-columns:1fr 1fr; gap:6px; padding:6px 6px 4px; }
.direction-tab { min-height:50px; border:0; border-radius:13px; background:linear-gradient(180deg,var(--navy),var(--navy-800)); color:#fff; cursor:pointer; font-size:16px; font-weight:950; text-transform:uppercase; box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 5px 13px rgba(0,0,0,.15); transition:background .2s ease,box-shadow .2s ease,transform .16s ease; }
.direction-tab[data-active="true"] { background:linear-gradient(180deg,var(--orange-soft),var(--orange)); box-shadow:0 7px 18px rgba(255,90,0,.42); }
.direction-tab:active,.flow-choice:active { transform:translateY(1px) scale(.995); }
.direction-tab:focus-visible,.flow-choice:focus-visible,.hero-search-glass:focus-visible,.site-header__menu-toggle:focus-visible { outline:3px solid rgba(255,255,255,.94); outline-offset:3px; }
.hero-search-lock { position:relative; width:auto; height:54px; margin:0; padding:2px 6px 5px; border:0; background:transparent; }
.hero-search-surface { position:relative; height:47px; overflow:hidden; border-radius:999px; background:#fff; box-shadow:0 4px 13px rgba(0,0,0,.18); }
.hero-search-preview { display:grid; grid-template-columns:29px minmax(0,1fr) 102px; align-items:center; gap:9px; height:100%; padding:4px 6px 4px 14px; pointer-events:none; user-select:none; }
.hero-search__icon { width:22px; height:22px; border:3px solid var(--navy); border-radius:50%; }
.hero-search__example { visibility:hidden; }
.hero-search__button { display:grid; z-index:3; height:39px; place-items:center; border-radius:999px; background:linear-gradient(180deg,var(--navy),var(--navy-800)); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 5px 13px rgba(0,0,0,.15); color:#fff; font-size:16px; font-weight:950; text-transform:uppercase; }
.occupation-ticker { position:absolute; top:4px; right:116px; bottom:4px; left:49px; z-index:2; overflow:hidden; pointer-events:none; user-select:none; mask-image:linear-gradient(90deg,transparent,#000 11%,#000 89%,transparent); -webkit-mask-image:linear-gradient(90deg,transparent,#000 11%,#000 89%,transparent); }
.occupation-ticker__track { display:flex; width:max-content; height:100%; align-items:center; animation:occupation-scroll 38s linear infinite; will-change:transform; }
.occupation-ticker[data-pause="true"] .occupation-ticker__track { animation-play-state:paused; }
.occupation-ticker__group { display:flex; flex:none; align-items:center; gap:31px; padding:0 15px; }
.occupation-ticker__item { color:#506176; font-size:15px; font-weight:800; white-space:nowrap; transition:color .28s ease,text-shadow .28s ease,transform .28s ease; }
.occupation-ticker__item[data-center="true"] { color:var(--orange); text-shadow:0 0 10px rgba(255,90,0,.20); transform:scale(1.04); } .occupation-ticker[data-special="true"] .occupation-ticker__item[data-center="true"] { font-size:13px; transform:scale(1.01); }
.hero-search-glass { position:absolute; inset:0; z-index:5; width:100%; border:0; border-radius:999px; background:rgba(255,255,255,.012); color:transparent; cursor:pointer; backdrop-filter:blur(.1px); }
.hero-search-notice { position:absolute; top:50%; left:50%; z-index:7; width:max-content; max-width:calc(100% - 155px); margin:0; padding:6px 11px; transform:translate(-50%,-50%); border:1px solid rgba(2,31,61,.16); border-radius:999px; background:rgba(255,255,255,.95); box-shadow:0 5px 16px rgba(2,31,61,.15); color:var(--orange); font-size:10.5px; font-weight:900; }
.flow-panel { max-height:0; overflow:hidden; padding:0 6px; opacity:0; transform:translateY(-6px); transition:max-height .24s ease,opacity .18s ease,transform .24s ease,padding .24s ease; }
.flow-panel[data-open="true"] { max-height:210px; padding:5px 6px 8px; opacity:1; transform:translateY(0); }
.flow-panel__head { display:none; }
.flow-panel__choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.flow-choice { min-height:44px; padding:7px 8px; border:2px solid rgba(255,255,255,.92); border-radius:11px; background:#fff; color:var(--navy-deep); cursor:pointer; box-shadow:0 5px 14px rgba(0,0,0,.17); font-size:13px; font-weight:950; text-align:center; transition:border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .16s ease; }
.flow-choice:hover,.flow-choice[data-selected="true"] { border-color:var(--orange-soft); color:var(--orange); box-shadow:0 7px 16px rgba(255,90,0,.20); }
@keyframes occupation-scroll { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@keyframes benefit-focus { 0%,24%,100% { opacity:.88; transform:scale(1); } 9%,15% { opacity:1; transform:scale(1.075); text-shadow:0 0 16px rgba(255,255,255,.27); } } @keyframes video-life { 0%,100% { filter:blur(2.3px) saturate(1.02) contrast(1.04) brightness(.96); transform:scale(1.02); } 50% { filter:blur(2.1px) saturate(1.05) contrast(1.06) brightness(1.035); transform:scale(1.035); } } @keyframes face-glow { 0%,100% { opacity:.08; } 46%,58% { opacity:.22; } }
@keyframes form-arrive { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:translateY(0); } }
.phase-one-forms { display:none; width:min(760px,calc(100% - 28px)); margin:0 auto 26px; }
.prelaunch-intro { width:100%; margin:12px auto 0; padding:0 12px 8px; text-align:center; }
.prelaunch-intro p { margin:0; color:#fff; font-size:15px; font-weight:800; line-height:1.42; }
.prelaunch-intro p + p { margin-top:4px; }
.prelaunch-intro p:nth-child(2) { color:var(--orange); font-weight:900; }
.prelaunch-intro p:nth-child(3) { color:#fff; font-weight:900; }
body[data-home-flow-open="true"] .phase-one-forms:not([hidden]) { display:block; animation:form-arrive .30s ease-out both; }
.steps { max-width:1080px; margin:0 auto; padding:38px 18px; }
.content-section { max-width:1040px; margin:0 auto; padding:38px 18px; }
.steps h2,.content-section h2 { margin:0 0 12px; color:var(--navy); font-size:34px; font-weight:900; line-height:1.15; text-align:center; }
.section-lead { max-width:660px; margin:0 auto 22px; color:var(--muted); line-height:1.55; text-align:center; }
.step-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-top:24px; }
.step { display:flex; min-height:190px; flex-direction:column; align-items:center; padding:20px 15px; border:1px solid #e9edf1; border-radius:18px; background:#fff; box-shadow:0 8px 22px rgba(0,0,0,.07); text-align:center; }
.step strong { display:grid; width:34px; height:34px; margin:0 auto 12px; place-items:center; border-radius:50%; background:#fff1e6; color:var(--orange); font-size:18px; }
.step__title { display:block; color:var(--navy); font-size:15px; font-weight:800; line-height:1.3; }
.step__text { display:block; margin-top:9px; color:#536273; font-size:13px; font-weight:500; line-height:1.45; }
.step__text b { color:var(--navy); font-weight:800; }
.possible-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.possible-card { overflow:hidden; border:1px solid #e3e9ee; border-radius:18px; background:#fff; box-shadow:0 10px 26px rgba(2,31,61,.09); }
.possible-card img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.possible-card div { padding:14px 15px 16px; }
.possible-card h3 { margin:0 0 7px; color:var(--navy-deep); font-size:16px; }
.possible-card p { margin:0; color:#4d5d70; font-size:14px; line-height:1.55; }




.menu-word--accent,.site-header__link[data-tone="accent"] { color:var(--orange-soft); } .menu-word + .menu-word { margin-left:.24em; }
.auth-card { width:min(390px,calc(100% - 32px)); margin:28px auto; overflow:hidden; border:1px solid rgba(2,31,61,.12); border-radius:28px; background:#fff; box-shadow:var(--shadow); color:var(--text); }
.auth-card__visual { position:relative; isolation:isolate; height:188px; overflow:hidden; background:var(--navy-deep); }
.auth-card__media { position:absolute; inset:0; background:linear-gradient(145deg,var(--navy-deep),var(--navy)); }
.auth-card__logo { position:absolute; top:14px; left:16px; z-index:2; width:202px; max-width:calc(100% - 32px); height:auto; object-fit:contain; }
.auth-card__wave { position:absolute; right:-10%; bottom:-34px; left:-10%; z-index:1; height:76px; border-radius:50% 50% 0 0/100% 100% 0 0; background:linear-gradient(180deg,var(--orange-soft),var(--orange)); }
.auth-card__badge { position:absolute; bottom:10px; left:50%; z-index:3; width:70px; height:70px; transform:translateX(-50%); object-fit:contain; }
.auth-card__body { padding:42px 24px 26px; background:#fff; }
.auth-card__header { margin-bottom:20px; text-align:center; }
.auth-card__title { margin:0; color:var(--navy); font-size:28px; font-weight:900; }
.auth-card__description { margin:8px 0 0; color:var(--muted); font-size:14px; line-height:1.45; }
.auth-card__fields,.auth-field { display:grid; gap:16px; }
.auth-field { gap:7px; }
.auth-field__label { color:var(--navy); font-size:13px; font-weight:850; }
.auth-field__control { width:100%; min-width:0; min-height:48px; padding:11px 13px; border:1px solid #d9dee7; border-radius:13px; background:#fff; color:var(--text); font:inherit; outline:0; }
.auth-field__control:focus-visible { border-color:var(--orange); box-shadow:0 0 0 3px rgba(255,90,0,.18); }
.auth-phone { display:grid; grid-template-columns:38px 46px minmax(0,1fr); align-items:center; overflow:hidden; border:1px solid #d9dee7; border-radius:13px; background:#fff; }
.auth-phone__country,.auth-phone__dial-code { display:grid; min-height:48px; place-items:center; color:var(--navy); font-size:12px; font-weight:900; }
.auth-phone__country { background:#eef2f6; }
.auth-phone__dial-code { border-right:1px solid #e4e7ec; }
.auth-phone__control { border:0; border-radius:0; box-shadow:none; }
.auth-password { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.auth-password__toggle { min-width:76px; border:1px solid var(--navy); border-radius:13px; background:var(--navy); color:#fff; font-weight:850; cursor:pointer; }
.auth-field__hint { margin:0; color:var(--muted); font-size:12px; }
.auth-card__submit { width:100%; min-height:48px; margin-top:20px; border:0; border-radius:13px; background:linear-gradient(180deg,var(--orange-soft),var(--orange)); color:#fff; font-weight:900; cursor:pointer; }
.phase-one-auth-dialog { width:min(430px,calc(100% - 20px)); max-width:none; padding:0; border:0; background:transparent; overflow:visible; }
.phase-one-auth-dialog::backdrop { background:rgba(2,31,61,.74); backdrop-filter:blur(5px); }
.phase-one-auth { position:relative; width:100%; margin:0; }
.phase-one-auth__close { position:absolute; top:10px; right:10px; z-index:4; display:grid; width:36px; height:36px; place-items:center; border:0; border-radius:50%; background:rgba(2,31,61,.08); color:var(--navy); cursor:pointer; font-size:24px; }
.phase-one-auth__status { min-height:22px; margin:14px 0 0; color:var(--navy); font-size:13px; font-weight:800; text-align:center; }
.phase-one-auth-dialog .auth-card__body { padding-top:34px; }
@media (max-width:760px) {
    body.site-menu-open { overflow:hidden; }
    .site-header,.page-shell { width:100%; }
    .site-header { top:0; z-index:320; margin:0; border:0; border-radius:0; }
    .site-header__inner { min-height:62px; padding:5px 11px; }
    .brand-logo { width:min(210px,calc(100vw - 72px)); }
    .site-header__menu-toggle { display:block; flex:0 0 auto; }
    .site-header__nav { position:absolute; top:100%; right:-11px; left:-11px; z-index:310; display:none; height:calc(100dvh - 62px); margin:0; padding:12px; overflow-y:auto; border:0; border-top:1px solid rgba(255,255,255,.12); border-radius:0; background:var(--navy-deep); box-shadow:none; }
    .site-header__nav[data-open="true"] { display:grid; grid-template-columns:1fr; grid-auto-rows:min-content; align-content:start; gap:6px; }
    .site-header__link { min-height:42px; justify-content:flex-start; padding:8px 12px; border-radius:10px; font-size:14px; letter-spacing:.05px; }
    .site-header__action { width:100%; min-height:44px; box-sizing:border-box; }
    .site-header__action--member { background:rgba(255,255,255,.08); }
    .site-header__action--listing { margin-bottom:4px; background:var(--orange); }
    .hero { min-height:418px; padding:18px 12px 36px; border-radius:0 0 16px 16px; }
    .hero::after { display:none; }
    .hero-video { inset:-1%; width:102%; height:102%; filter:blur(2.2px) saturate(1.02) contrast(1.04); transform:scale(1.01); }
    .hero-video--seek { object-position:50% 28%; }
    .hero-video--offer { object-position:64% 27%; }
    .hero-video[data-active="true"] { opacity:.76; }
    .hero__introduction { gap:4px 5px; }
    .hero__title { font-size:34px; letter-spacing:-1.2px; }
    .hero__audience { font-size:20px; }
    .hero__description { max-width:600px; margin-top:15px; font-size:14px; }
    .hero__benefits { width:100%; gap:3px; margin:11px auto 3px; padding:0 1px; font-size:11.2px; }
    .hero__benefits li::before { margin-right:3px; font-size:15px; }
    .direction-tabs { gap:5px; padding:4px 5px 2px; }
    .direction-tab { min-height:43px; padding:6px 4px; border-radius:11px; font-size:13px; }
    .hero-search-lock { height:44px; padding:1px 5px 3px; }
    .hero-search-surface { height:39px; }
    .hero-search-preview { grid-template-columns:24px minmax(0,1fr) 76px; padding:2px 4px 2px 9px; }
    .hero-search__icon { width:19px; height:19px; }
    .hero-search__button { height:34px; font-size:14.3px; }
    .occupation-ticker { top:2px; right:86px; bottom:2px; left:40px; mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent); -webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent); }
    .occupation-ticker__group { gap:23px; padding:0 9px; }
    .occupation-ticker__item { font-size:13.2px; }
    .hero-search-notice { max-width:calc(100% - 76px); padding:5px 8px; font-size:9.2px; }
    .flow-panel[data-open="true"] { max-height:205px; padding:4px 5px 7px; }
    .flow-panel__choices { gap:5px; }
    .flow-choice { min-height:39px; padding:6px 4px; border-radius:10px; font-size:10.8px; }
    .phase-one-forms { width:calc(100% - 24px); margin:-2px 12px 22px; }
    .prelaunch-intro { width:100%; margin:10px 0 0; padding:0 8px 6px; }
    .prelaunch-intro p { font-size:13.5px; line-height:1.4; }
    .prelaunch-intro p + p { margin-top:4px; }
    .steps,.content-section { padding:30px 14px; }
    .steps h2,.content-section h2 { font-size:27px; }
    .step-grid,.possible-grid { grid-template-columns:1fr; gap:12px; }
    .step { display:grid; min-height:0; grid-template-columns:34px 1fr; align-items:start; gap:4px 12px; padding:14px; text-align:left; } .step strong { grid-row:1 / span 2; margin:0; }
    .step__title { align-self:center; } .step__text { margin-top:2px; }
    .possible-card { border-radius:16px; }
    .possible-card div { padding:13px 14px 15px; }
    .possible-card h3 { font-size:16px; }
    .possible-card p { font-size:13.5px; }
}
@media (max-width:420px) {
    .brand-logo { width:min(202px,calc(100vw - 70px)); }
    .hero__title { font-size:31px; }
    .hero__audience { font-size:18px; }
    .hero__benefits { font-size:9.7px; }
    .auth-card { width:min(100% - 20px,390px); margin:10px auto; border-radius:22px; }
    .auth-card__visual { height:172px; }
    .auth-card__body { padding:38px 18px 22px; }
    .phase-one-auth-dialog { width:calc(100% - 12px); }
}
@media (prefers-reduced-motion:reduce) {
    html { scroll-behavior:auto; }
    .occupation-ticker__track { animation:none; transform:none; }
    .hero__benefits li,.hero-video[data-active="true"],.hero__videos::after { animation:none; }
    .hero-video,.flow-panel,.occupation-ticker__item,.phase-one-forms { transition:none; animation:none; }
}

.content-section { scroll-margin-top:128px; }