:root{color-scheme:dark;--ink:#fff2d7;--gold:#edc36f;--blue:#77dbf4;--deep:#020b12}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:clip;background:var(--deep);color:var(--ink)}button,input,textarea,select{font:inherit}.work-harbor{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:#02101a}.harbor-film,.harbor-atmosphere,.harbor-grain{position:fixed;inset:0;width:100%;height:100%}.harbor-film{z-index:-6;object-fit:cover;filter:saturate(.68) contrast(1.12) brightness(.32);transform:scale(1.04)}.harbor-atmosphere{z-index:-5;background:linear-gradient(180deg,rgba(1,6,11,.62),rgba(1,10,17,.2) 35%,rgba(1,9,15,.88)),radial-gradient(circle at 50% 38%,rgba(100,208,238,.16),transparent 34rem)}.harbor-grain{z-index:30;pointer-events:none;opacity:.11;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.work-harbor header{position:relative;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:1.15rem clamp(1rem,4vw,4rem)}.home,.return{color:rgba(255,255,255,.62);text-decoration:none;font:800 .55rem/1 var(--lh-plain);letter-spacing:.16em;text-transform:uppercase;text-shadow:0 4px 18px #000}.home span{display:block;margin-top:.4rem;color:var(--ink);font:500 1.35rem/1 var(--lh-serif);letter-spacing:-.04em;text-transform:none}.home small{display:block;margin-top:.3rem;color:rgba(255,242,215,.55);font:.45rem/1.3 var(--lh-plain)}.return{justify-self:end;padding-top:.4rem;border-bottom:1px solid rgba(237,195,111,.42)}.harbor-title{text-align:center}.harbor-title small{display:block;color:var(--gold);font:800 .52rem/1 var(--lh-plain);letter-spacing:.24em;text-transform:uppercase}.harbor-title strong{display:block;margin-top:.35rem;font:500 clamp(1.4rem,2.5vw,2.15rem)/1 var(--lh-serif)}.course{position:relative;z-index:20;display:flex;align-items:center;justify-content:center;width:min(44rem,calc(100% - 2rem));margin:.2rem auto 0;opacity:0;transform:translateY(-.5rem);pointer-events:none;transition:.7s ease}.work-harbor:not([data-path="none"]) .course{opacity:1;transform:none}.course button{display:grid;place-items:center;gap:.3rem;width:4.4rem;padding:0;border:0;color:rgba(255,255,255,.42);background:transparent;font:800 .48rem/1 var(--lh-plain);letter-spacing:.12em;text-transform:uppercase}.course button span{width:.72rem;height:.72rem;border:1px solid rgba(119,219,244,.42);border-radius:50%;background:#071d2a;box-shadow:0 0 0 5px rgba(119,219,244,.05)}.course button.current span{background:#fff1bc;border-color:var(--gold);box-shadow:0 0 18px var(--gold)}.course button.done span{background:var(--blue);box-shadow:0 0 12px var(--blue)}.course i{width:min(7vw,5.5rem);height:1px;background:linear-gradient(90deg,rgba(119,219,244,.25),rgba(237,195,111,.48))}.work-world{position:relative;z-index:3;min-height:calc(100svh - 8rem);display:grid;place-items:center;padding:0 1rem 2rem}.lighthouse-vessel{position:relative;width:min(59rem,72vw);margin-top:-5rem;filter:drop-shadow(-2rem 2.6rem 3.2rem rgba(0,0,0,.65));transition:width .9s cubic-bezier(.2,.75,.2,1),margin .9s ease}.lighthouse-vessel>img{display:block;width:100%;height:auto;user-select:none}.lantern-aura{position:absolute;z-index:-1;top:4%;left:50%;width:min(70rem,88vw);height:36rem;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(94,217,248,.21),transparent 66%);filter:blur(10px);animation:breathe 5s ease-in-out infinite}.sweeping-beam{position:absolute;z-index:-1;left:50%;top:25%;width:68vw;height:16rem;transform-origin:left;clip-path:polygon(0 45%,100% 0,100% 100%,0 55%);background:linear-gradient(90deg,rgba(255,244,202,.3),rgba(119,219,244,.13) 45%,transparent 86%);mix-blend-mode:screen;filter:blur(2px);animation:beamSearch 12s ease-in-out infinite alternate}.lantern-work-screen{position:absolute;z-index:5;left:23.6%;top:26.2%;width:52.9%;height:20.8%;overflow:hidden;border:1px solid rgba(190,238,251,.86);border-radius:4%;background:linear-gradient(145deg,rgba(4,35,51,.96),rgba(1,10,17,.97));box-shadow:inset 0 0 2.4rem rgba(89,216,248,.22),0 0 2.4rem rgba(79,211,246,.5);transition:all .95s cubic-bezier(.2,.75,.2,1)}.glass-reflection{position:absolute;z-index:8;inset:0;pointer-events:none;background:linear-gradient(116deg,rgba(255,255,255,.2),transparent 25%,transparent 67%,rgba(120,220,243,.08));mix-blend-mode:screen}.gateway{height:100%;display:grid;place-items:center;padding:clamp(.55rem,1.3vw,1.2rem);text-align:center}.screen-opening{width:100%}.screen-opening>p:first-child{margin:0 0 .35rem;color:var(--gold);font:800 clamp(.35rem,.58vw,.58rem)/1 var(--lh-plain);letter-spacing:.18em;text-transform:uppercase}.screen-opening>p:first-child span{display:inline-block;width:.4rem;height:.4rem;margin-right:.4rem;border-radius:50%;background:var(--blue);box-shadow:0 0 12px var(--blue)}.screen-opening h1{margin:0 auto;max-width:28rem;font:500 clamp(1rem,2.15vw,2.1rem)/.92 var(--lh-serif);letter-spacing:-.045em;text-wrap:balance}.screen-opening form{margin:.65rem auto 0}.screen-opening label{display:block;margin-bottom:.3rem;color:rgba(255,244,220,.65);font:700 clamp(.32rem,.48vw,.48rem)/1 var(--lh-plain);letter-spacing:.14em;text-transform:uppercase}.screen-signal{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;border-top:1px solid rgba(237,195,111,.55);border-bottom:1px solid rgba(119,219,244,.34);background:rgba(1,13,22,.7)}.screen-signal input{min-width:0;padding:.48rem;border:0;outline:0;color:white;background:transparent;font:500 clamp(.52rem,.82vw,.78rem)/1.2 var(--lh-serif)}.screen-signal input::placeholder{color:rgba(228,243,247,.48)}.screen-signal>button:last-child{align-self:stretch;padding:0 .65rem;border:0;color:#06131c;background:linear-gradient(#ffe4a7,#daa84e);font:900 clamp(.32rem,.45vw,.46rem)/1.15 var(--lh-plain);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.screen-voice{position:relative;width:1.45rem;height:1.45rem;margin-left:.25rem;border:1px solid rgba(119,219,244,.55);border-radius:50%;background:radial-gradient(circle,rgba(119,219,244,.22),rgba(2,15,24,.85));cursor:pointer}.screen-voice span{position:absolute;left:50%;top:50%;width:.3rem;height:.52rem;transform:translate(-50%,-56%);border:1px solid #dffaff;border-radius:.3rem}.screen-voice.is-listening{border-color:var(--gold);box-shadow:0 0 14px var(--blue)}.screen-answer{min-height:1rem;margin:.38rem 0 0;color:rgba(226,244,249,.72);font:italic clamp(.42rem,.62vw,.62rem)/1.35 var(--lh-serif)}.quiet-paths{display:flex;justify-content:center;gap:.8rem;margin-top:.4rem}.quiet-paths button{padding:.15rem 0;border:0;border-bottom:1px solid rgba(237,195,111,.4);color:rgba(255,244,220,.7);background:transparent;font:800 clamp(.34rem,.48vw,.48rem)/1 var(--lh-plain);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.journey{height:100%;display:grid;grid-template-columns:.76fr 1.24fr;gap:clamp(1rem,3vw,3rem);align-items:center;padding:clamp(1.2rem,3vw,3rem);overflow:auto}.scene-copy>p{margin:0 0 .65rem;color:var(--gold);font:800 .57rem/1 var(--lh-plain);letter-spacing:.23em;text-transform:uppercase}.scene-copy h1{margin:0;color:var(--ink);font:500 clamp(2.4rem,4.5vw,5rem)/.88 var(--lh-serif);letter-spacing:-.06em;text-wrap:balance}.scene-copy em{display:block;margin-top:1rem;color:rgba(232,244,246,.72);font:normal .95rem/1.5 var(--lh-serif)}.work-screen{position:relative;padding:1.2rem 0;border-top:1px solid rgba(237,195,111,.5);border-bottom:1px solid rgba(119,219,244,.28)}.work-harbor:not([data-path="none"]) .lighthouse-vessel{width:min(91rem,98vw);margin-top:7rem}.work-harbor:not([data-path="none"]) .lantern-work-screen{position:fixed;left:50%;top:8.5rem;width:min(78rem,92vw);height:calc(100svh - 11rem);min-height:31rem;transform:translateX(-50%);border-radius:1.2rem;box-shadow:inset 0 0 4rem rgba(89,216,248,.16),0 0 0 1px rgba(237,195,111,.4),0 2rem 7rem rgba(0,0,0,.76),0 0 4rem rgba(79,211,246,.22)}.screen-label{display:block;margin:.15rem 0 .55rem;color:var(--gold);font:800 .55rem/1 var(--lh-plain);letter-spacing:.17em;text-transform:uppercase}.work-screen input,.work-screen textarea,.work-screen select{width:100%;padding:.72rem;border:0;border-bottom:1px solid rgba(119,219,244,.32);outline:0;color:white;background:rgba(2,16,26,.62);font:.95rem/1.4 var(--lh-serif);resize:vertical}.work-screen input:focus,.work-screen textarea:focus,.work-screen select:focus{border-color:var(--gold)}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.wide{grid-column:1/-1}.screen-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.gold,.quiet,.mic{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;border:1px solid rgba(237,195,111,.5);text-decoration:none;cursor:pointer}.gold{padding:.7rem 1.1rem;color:#08131a;background:linear-gradient(#ffe5a7,#d9a442);font:900 .61rem/1 var(--lh-plain);letter-spacing:.09em;text-transform:uppercase}.quiet{padding:.7rem 1rem;color:rgba(255,244,220,.75);background:rgba(3,23,36,.62);font:900 .58rem/1 var(--lh-plain);letter-spacing:.09em;text-transform:uppercase}.mic{width:2.8rem;border-color:rgba(119,219,244,.55);border-radius:50%;color:white;background:radial-gradient(circle,rgba(119,219,244,.2),rgba(2,15,24,.8))}.note{color:rgba(231,245,248,.64);font:italic .8rem/1.4 var(--lh-serif)}.passport,.hiring-preview{min-height:21rem;padding:clamp(1.3rem,2.5vw,2.6rem);background:linear-gradient(145deg,rgba(8,52,73,.82),rgba(1,14,23,.92));box-shadow:0 1.5rem 4rem rgba(0,0,0,.32)}.passport small,.hiring-preview small{color:var(--gold);font:800 .52rem/1 var(--lh-plain);letter-spacing:.17em;text-transform:uppercase}.passport h2,.hiring-preview h2{margin:.7rem 0;color:var(--ink);font:500 clamp(2.3rem,3.8vw,4.3rem)/.92 var(--lh-serif);letter-spacing:-.05em}.passport p,.hiring-preview p{color:rgba(236,247,249,.74);line-height:1.5}.passport strong,.hiring-preview strong{display:block;margin-top:1.2rem;color:var(--blue);font:500 1.2rem/1 var(--lh-serif)}.plan-line{display:grid;grid-template-columns:.8rem minmax(0,1fr) auto;gap:.7rem;align-items:center;width:100%;padding:.85rem .3rem;border:0;border-bottom:1px solid rgba(119,219,244,.16);color:rgba(255,244,220,.72);background:transparent;text-align:left;cursor:pointer}.plan-line span{width:.58rem;height:.58rem;border-radius:50%;background:#0b4b65}.plan-line strong{font:500 1.08rem/1.05 var(--lh-serif)}.plan-line strong small{display:block;margin-top:.3rem;color:rgba(231,245,248,.58);font:normal .66rem/1.3 var(--lh-plain)}.plan-line em{color:var(--gold);font:500 .85rem/1 var(--lh-serif);white-space:nowrap}.plan-line.selected{color:white;background:linear-gradient(90deg,rgba(119,219,244,.1),transparent)}.plan-line.selected span{background:#fff1ba;box-shadow:0 0 15px var(--gold)}.result{white-space:pre-line;color:rgba(235,247,249,.78);line-height:1.5}.harbor-promise{position:absolute;left:50%;bottom:2rem;transform:translateX(-50%);margin:0;color:rgba(255,255,255,.5);font:italic .75rem/1 var(--lh-serif);white-space:nowrap}.work-harbor:not([data-path="none"]) .harbor-promise{opacity:0}.work-harbor footer{position:relative;z-index:22;display:flex;justify-content:space-between;width:min(91rem,calc(100% - 2rem));margin:auto;padding:1rem .4rem 1.5rem;color:rgba(255,255,255,.43);font:.54rem/1.3 var(--lh-plain);letter-spacing:.12em;text-transform:uppercase}.work-harbor footer a{color:var(--gold)}[hidden]{display:none!important}@keyframes beamSearch{from{transform:rotate(-19deg);opacity:.45}to{transform:rotate(8deg);opacity:.72}}@keyframes breathe{50%{opacity:.65;transform:translateX(-50%) scale(1.04)}}
@media(max-width:900px){.work-harbor{width:100%!important;max-width:none!important;margin:0!important;overflow:visible}.work-harbor header{grid-template-columns:1fr 1fr}.harbor-title{grid-column:1/-1;grid-row:1;margin-bottom:.6rem}.home{grid-row:2}.return{grid-row:2}.work-world{min-height:calc(100svh - 7rem);padding:0}.lighthouse-vessel{width:min(44rem,110vw);margin-top:-2rem}.work-harbor:not([data-path="none"]) .lighthouse-vessel{margin-top:8rem}.work-harbor:not([data-path="none"]) .lantern-work-screen{top:8rem;width:calc(100% - 1rem);height:calc(100svh - 9rem);min-height:38rem}.journey{grid-template-columns:1fr;align-content:start;gap:1rem;padding:1.3rem;overflow:auto}.scene-copy h1{font-size:clamp(2.6rem,11vw,4.5rem)}.scene-copy em{font-size:.9rem}.harbor-promise{bottom:1rem}.work-harbor footer{display:grid;gap:.6rem}}
@media(max-width:560px){.home small{max-width:10rem}.course{width:calc(100% - 1rem)}.course button{width:2.7rem}.course button b{display:none}.course i{flex:1}.work-world{width:100%;min-width:0;grid-template-columns:minmax(0,1fr);min-height:calc(100svh - 7.5rem);align-items:start;overflow:hidden}.lighthouse-vessel{left:auto;width:150vw;max-width:none;margin-top:4vh;transform:none}.lantern-work-screen{left:26.2%;top:26.2%;width:47.6%;height:20.8%}.screen-opening h1{font-size:clamp(.92rem,5vw,1.35rem)}.screen-opening>p:first-child{font-size:.32rem}.screen-opening form{margin-top:.4rem}.screen-opening label{display:none}.screen-signal{grid-template-columns:1.6rem 1fr}.screen-signal>button:last-child{grid-column:1/-1;min-height:1.35rem}.screen-voice{width:1.15rem;height:1.15rem}.screen-answer{font-size:.38rem}.quiet-paths{display:none}.work-harbor:not([data-path="none"]) .lighthouse-vessel{left:auto;transform:none}.work-harbor:not([data-path="none"]) .lantern-work-screen{top:7.5rem;height:calc(100svh - 8rem)}.journey{padding:1rem}.scene-copy h1{font-size:clamp(2.4rem,13vw,3.7rem)}.screen-grid{grid-template-columns:1fr}.wide{grid-column:1}.screen-actions button,.screen-actions a{flex:1}.passport,.hiring-preview{min-height:0;padding:1.2rem}.harbor-promise{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

.work-compass{position:relative;z-index:21;width:min(91rem,calc(100% - 2rem));margin:0 auto 1.2rem;padding:clamp(1.1rem,2.2vw,2rem);border:1px solid rgba(237,195,111,.34);border-radius:1.15rem;background:linear-gradient(145deg,rgba(3,18,29,.91),rgba(6,36,53,.76));box-shadow:0 1.6rem 4.8rem rgba(0,0,0,.34),inset 0 0 2.6rem rgba(119,219,244,.06)}.work-compass-copy{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:1.1rem;align-items:end;margin-bottom:1rem}.work-kicker{margin:0;color:var(--gold);font:900 .58rem/1 var(--lh-plain);letter-spacing:.2em;text-transform:uppercase}.work-compass h2{margin:.35rem 0 0;color:var(--ink);font:500 clamp(1.75rem,3.3vw,3.35rem)/.93 var(--lh-serif);letter-spacing:-.055em}.work-compass-copy>p:last-child{margin:0;color:rgba(236,247,249,.78);font:500 .98rem/1.48 var(--lh-serif)}.work-compass-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid rgba(119,219,244,.22);background:rgba(119,219,244,.18);overflow:hidden;border-radius:.85rem}.work-compass-grid article{display:grid;align-content:start;gap:.65rem;min-height:18rem;padding:1rem;background:linear-gradient(145deg,rgba(3,20,33,.96),rgba(7,43,62,.84))}.work-compass-grid small{color:var(--blue);font:900 .55rem/1 var(--lh-plain);letter-spacing:.18em;text-transform:uppercase}.work-compass-grid h3{margin:0;color:#fff4dc;font:500 1.45rem/1.02 var(--lh-serif);letter-spacing:-.035em}.work-compass-grid p{margin:0;color:rgba(236,247,249,.76);font:.88rem/1.45 var(--lh-serif)}.work-compass-grid a,.work-compass-grid button{align-self:end;justify-self:start;margin-top:.3rem;border:1px solid rgba(237,195,111,.58);border-radius:999px;padding:.62rem .82rem;color:#08131a;background:linear-gradient(#ffe5a7,#d9a442);font:900 .58rem/1 var(--lh-plain);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer}.work-boundary{margin:1rem 0 0;padding:1rem;border-left:4px solid var(--gold);border-radius:0 .85rem .85rem 0;background:rgba(237,195,111,.1);color:rgba(236,247,249,.84);font:.94rem/1.48 var(--lh-serif)}.work-boundary strong{color:#ffe1a0}@media(max-width:900px){.work-compass-copy,.work-compass-grid{grid-template-columns:1fr 1fr}.work-compass-grid article{min-height:0}}@media(max-width:560px){.work-compass{width:calc(100% - 1rem);padding:1rem}.work-compass-copy,.work-compass-grid{grid-template-columns:1fr}.work-compass h2{font-size:2rem}.work-compass-grid article{padding:.9rem}.work-compass-grid a,.work-compass-grid button{width:100%;justify-content:center;text-align:center}}

/* 2026-10-08 mobile polish: keep Work Harbor masthead links separated and tappable. */
@media(max-width:900px){
  .work-harbor header{
    grid-template-columns:1fr 1fr;
    align-items:stretch;
    gap:.55rem;
    padding:1rem;
  }
  .work-harbor .harbor-title{
    grid-column:1/-1;
    grid-row:auto;
    margin:0 0 .25rem;
    text-align:left;
  }
  .work-harbor .home,
  .work-harbor .return{
    grid-row:auto;
    justify-self:stretch;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:.72rem .8rem;
    border:1px solid rgba(237,195,111,.36);
    border-radius:999px;
    background:rgba(2,16,26,.56);
    text-align:center;
    line-height:1.12;
  }
  .work-harbor .home{
    grid-column:1/-1;
    justify-content:flex-start;
    gap:.45rem;
  }
  .work-harbor .home span{
    display:inline;
    margin:0;
    font-size:1.05rem;
    letter-spacing:-.035em;
  }
  .work-harbor .home small{display:none;}
  .work-harbor .return:nth-of-type(2){grid-column:1/-1;}
}
@media(max-width:560px){
  .work-harbor .harbor-title strong{font-size:clamp(1.7rem,8vw,2.35rem);}
  .work-harbor .harbor-title small{font-size:.66rem;}
  .work-harbor .return{font-size:.68rem;letter-spacing:.12em;}
}

/* 2026-10-08 mobile tap polish: keep Work Harbor actions comfortable without changing the room theme. */
@media(max-width:560px){
  .work-compass-grid a,
  .work-compass-grid button{
    min-height:2.9rem;
    padding:.82rem 1rem;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:1.15;
  }
  .course button{
    min-height:2.75rem;
    touch-action:manipulation;
  }
}

/* Work path confirmation keeps worker and employer journeys visibly distinct. */
.path-confirmation{margin:.9rem 0 0;padding:.75rem .9rem;border:1px solid rgba(246,205,121,.42);border-radius:14px;background:rgba(246,205,121,.12);color:#fff3cf;font-weight:800;letter-spacing:.01em}.work-harbor[data-path="worker"] .path-confirmation{border-color:rgba(119,221,178,.46);background:rgba(70,180,130,.13)}.work-harbor[data-path="employer"] .path-confirmation{border-color:rgba(246,205,121,.48);background:rgba(246,205,121,.14)}
@media(max-width:760px){.work-harbor h1{font-size:clamp(2.35rem,13vw,3.6rem);line-height:.92;overflow-wrap:normal}.scene-copy{min-width:0}.work-screen{min-width:0}}

/* Active forms must occupy document space so the compass cannot cover them. */
.work-harbor:not([data-path="none"]) .work-world {
  min-height: 0;
  padding: 1rem;
  align-items: start;
}
.work-harbor:not([data-path="none"]) .lighthouse-vessel.work-concierge-console {
  left: auto;
  width: min(78rem, 100%);
  margin: 1rem auto;
  transform: none;
  filter: none;
}
.work-harbor:not([data-path="none"]) .lantern-work-screen {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  min-height: 0;
  transform: none;
}
.work-harbor:not([data-path="none"]) .journey {
  height: auto;
  min-height: 0;
  align-items: start;
  overflow: visible;
}