.crew-landing { max-width:80rem; margin:auto; padding:0 2rem; }
.crew-landing h1,.crew-landing h2 { font-weight:650; letter-spacing:-.055em; line-height:1.06; margin:0; text-wrap:balance; }
.crew-landing h1 { font-size:clamp(2.9rem,4.9vw,4.7rem); }
.crew-landing h2 { font-size:clamp(2.5rem,3.8vw,3.7rem); }
.crew-landing p { margin:0; }
.crew-landing-feature { display:grid; align-items:center; gap:3rem; padding:6rem 0; }
.crew-landing-feature--planning { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); min-height:38rem; }
.crew-landing-feature--email { grid-template-columns:repeat(2,minmax(0,1fr)); gap:5rem; padding:5rem 2rem; }
.crew-landing-feature--email .crew-landing-copy { grid-column:2; grid-row:1; }
.crew-landing-copy { min-width:0; }
.crew-landing-eyebrow { font-size:.8rem; font-weight:650; letter-spacing:.08em; text-transform:uppercase; color:var(--color-crew-teal); margin-bottom:1.5rem!important; }
.crew-landing-description { color:var(--color-crew-muted); font-size:1.1rem; line-height:1.75; margin-top:1.5rem!important; max-width:31rem; }
.crew-landing-actions { display:flex; align-items:center; flex-wrap:wrap; gap:1.2rem; margin-top:2rem; }
.crew-landing-actions .crew-text-link { font-size:.95rem; }
.crew-landing-hint { font-size:.8rem; color:var(--color-crew-muted); margin-top:1rem!important; line-height:1.6; }
.crew-landing-hint strong { color:var(--color-crew-teal); font-weight:650; }
.crew-landing figure { margin:0; min-width:0; }
.crew-landing figcaption { margin-top:1rem; text-align:center; font-size:.7rem; color:var(--color-crew-muted); letter-spacing:.04em; }
.crew-landing-browser { border:1px solid var(--color-crew-line); border-radius:.65rem; background:var(--color-crew-paper); overflow:hidden; box-shadow:0 18px 45px #152f3512,0 3px 8px #152f3508; }
.crew-landing-browser-toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; background:var(--color-crew-soft); border-bottom:1px solid var(--color-crew-line); padding:.7rem 1rem; color:var(--color-crew-muted); font-size:.7rem; }
.crew-landing-browser-dots { display:flex; gap:5px; }
.crew-landing-browser-dots i { height:7px; width:7px; border-radius:50%; background:var(--color-crew-muted); opacity:.35; }
.crew-landing-browser-toolbar>span:nth-child(2) { background:var(--color-crew-paper); width:50%; padding:.15rem .6rem; border-radius:3px; text-align:center; }
.crew-landing-browser-content { padding:1.35rem; }
.crew-landing-example-brand .crew-brand { font-size:.85rem!important; }
.crew-landing-example-brand .crew-wave { width:1.5rem; height:1.5rem; }
.crew-landing-example-heading { margin:1.8rem 0 1.3rem; }
.crew-landing-example-heading p { font-size:.75rem; color:var(--color-crew-muted); margin-bottom:.25rem; }
.crew-landing-example-heading h3 { font-weight:650; font-size:1.5rem; letter-spacing:-.04em; }
.crew-landing-days { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.6rem; list-style:none; }
.crew-landing-days header { display:flex; flex-direction:column; padding:0 0 .6rem; gap:.15rem; font-size:.75rem; }
.crew-landing-days header small { color:var(--color-crew-muted); font-size:.7rem; }
.crew-landing-day { display:flex; flex-direction:column; gap:.45rem; border:1px solid var(--color-crew-line); border-radius:4px; min-height:9.5rem; padding:.8rem .65rem; background:var(--color-crew-canvas); }
.crew-landing-day strong { font-size:.95rem; font-weight:650; letter-spacing:-.025em; }
.crew-landing-example-time { font-size:.8rem; font-variant-numeric:tabular-nums; white-space:nowrap; }
.crew-landing-day small { font-size:.65rem; color:var(--color-crew-muted); }
.crew-landing-example-wind { color:var(--color-crew-teal); font-size:.85rem; font-variant-numeric:tabular-nums; }
.crew-landing-match { width:6px; height:6px; border-radius:50%; background:var(--color-crew-teal); margin-bottom:.25rem; }
.crew-landing-day--quiet { justify-content:center; text-align:center; color:var(--color-crew-muted); }
.crew-landing-divider,.crew-landing-example-divider { display:flex; align-items:center; gap:2rem; }
.crew-landing-divider::before,.crew-landing-divider::after,.crew-landing-example-divider::before,.crew-landing-example-divider::after { content:''; height:1px; background:var(--color-crew-line); flex:1; }
.crew-landing-divider { margin:0 1rem; }
.crew-landing-divider .crew-surfboard { width:1.5rem; height:4rem; transform:rotate(65deg); }
.crew-landing-example-divider { gap:1rem; margin:1.2rem 0; }
.crew-landing-example-divider .crew-surfboard { height:2.5rem; width:1rem; transform:rotate(70deg); }
.crew-landing-example-saved { display:flex; gap:1rem; align-items:center; flex-wrap:wrap; font-size:.75rem; }
.crew-landing-example-saved>span:first-child { color:var(--color-crew-muted); margin-right:auto; }
.crew-landing-example-saved svg { display:inline; width:.75rem; height:.75rem; vertical-align:middle; fill:none; stroke:var(--color-crew-muted); stroke-width:1.5; }
.crew-landing-phone-stage { grid-column:1; grid-row:1; display:flex; justify-content:center; position:relative; min-width:0; isolation:isolate; }
.crew-landing-phone-stage::before { content:'≈'; position:absolute; left:0; bottom:4rem; font-size:8rem; color:var(--color-crew-teal); opacity:.12; z-index:-1; }
.crew-landing-phone-example { width:20rem; max-width:100%; }
.crew-landing-phone { display:grid; aspect-ratio:9 / 19.5; grid-template-rows:minmax(0,1fr); background:#253135; padding:7px; border:2px solid #586063; border-radius:2.6rem; box-shadow:0 20px 40px #152f3526; }
/* The email intentionally retains the light Crew email shell in either page appearance. */
.crew-landing-phone-screen { display:grid; grid-template-rows:auto auto auto minmax(0,1fr) auto; min-height:0; color-scheme:light; border-radius:2rem; overflow:hidden; background:#faf8f2; color:#20343b; }
.crew-landing-mail-scroll { overflow-y:auto; overscroll-behavior-y:contain; }
.crew-landing-mail-scroll:focus-visible { outline:2px solid #1b727d; outline-offset:-2px; }
.crew-landing-phone-status { display:flex; align-items:center; justify-content:space-between; padding:.7rem 1.25rem; font-size:.7rem; }
.crew-landing-phone-status>span:first-of-type { border-radius:2rem; background:#253135; height:1.3rem; width:5.4rem; }
.crew-landing-mail-toolbar { color:#1b727d; padding:.6rem 1rem; font-size:.8rem; display:flex; justify-content:space-between; background:#fffefa; }
.crew-landing-mail-sender { padding:.75rem 1rem; display:flex; gap:.6rem; align-items:center; border-bottom:1px solid #d6ded9; background:#fffefa; }
.crew-landing-mail-sender strong { display:block; font-size:.75rem; }
.crew-landing-mail-sender small { display:block; font-size:.65rem; color:#59696d; }
.crew-landing-mail-sender>span { width:2rem; height:2rem; display:grid; place-items:center; border-radius:50%; background:#e9efea; color:#1b727d; font-size:1.5rem; }
.crew-landing-mail-content { margin:.8rem .7rem 0; border:1px solid #d6ded9; border-radius:4px; background:#fffefa; overflow:hidden; }
.crew-landing-mail-brand { font-weight:650; font-size:.9rem; letter-spacing:-.035em; border-bottom:1px solid #d6ded9; padding:.9rem; }
.crew-landing-mail-brand span { color:#59696d; font-weight:400; }
.crew-landing-mail-intro { padding:.9rem; background:#e9efea; border-bottom:2px solid #b86848; }
.crew-landing-mail-intro .crew-surfboard { float:right; width:1.25rem; height:3rem; transform:rotate(20deg); color:#b86848; margin-left:.5rem; }
.crew-landing-mail-content .crew-landing-mail-greeting { font-size:.6rem; color:#1b727d; letter-spacing:.08em; text-transform:uppercase; margin-bottom:.4rem; }
.crew-landing-mail-content h3 { font-size:1.15rem; letter-spacing:-.025em; font-weight:650; margin-bottom:.25rem; }
.crew-landing-mail-period { font-size:.65rem; color:#59696d; }
.crew-landing-mail-content .crew-landing-mail-opening { font-size:.75rem; line-height:1.5; margin-top:.75rem; }
.crew-landing-mail-days { padding:.75rem; }
.crew-landing-mail-day { border:1px solid #d6ded9; border-radius:3px; overflow:hidden; margin-bottom:.6rem; }
.crew-landing-mail-day:last-child { margin-bottom:0; }
.crew-landing-mail-day h4 { display:flex; justify-content:space-between; align-items:baseline; gap:.5rem; background:#edf3ef; padding:.4rem .55rem; color:#1b727d; font-size:.7rem; font-weight:600; }
.crew-landing-mail-day h4>span:last-child { color:#59696d; font-size:.6rem; font-weight:400; }
.crew-landing-mail-day--quiet h4 { background:transparent; }
.crew-landing-mail-session { padding:.55rem; }
.crew-landing-mail-day strong { display:block; color:#1b727d; font-size:.8rem; font-weight:650; margin-bottom:.2rem; }
.crew-landing-mail-day strong span { float:right; }
.crew-landing-mail-day p { font-size:.65rem; line-height:1.5; }
.crew-landing-mail-day .crew-landing-mail-time { font-size:.75rem; font-variant-numeric:tabular-nums; margin-bottom:.15rem; }
.crew-landing-mail-empty { color:#59696d; padding:0 .55rem .5rem; }
.crew-landing-mail-content .crew-landing-mail-footer { font-size:.6rem; color:#1b727d; border-top:1px solid #d6ded9; padding:.6rem .9rem; }
.crew-landing-mail-claim { color:#59696d; font-size:.65rem; padding:.7rem 0 1.2rem; text-align:center; }
.crew-landing-phone-home { display:block; width:6rem; height:4px; background:#253135; border-radius:1rem; margin:0 auto .4rem; }
.crew-landing-steps { list-style:none; display:flex; flex-wrap:wrap; gap:1.5rem 3rem; align-items:center; justify-content:center; border-top:1px solid var(--color-crew-line); border-bottom:1px solid var(--color-crew-line); padding:1.8rem 1rem; }
.crew-landing-steps li { display:flex; gap:.7rem; align-items:center; font-size:.9rem; }
.crew-landing-steps li>span { font-size:.7rem; color:var(--color-crew-teal); background:var(--color-crew-soft); width:1.6rem; height:1.6rem; display:grid; place-items:center; border-radius:50%; }
.crew-landing-closing { text-align:center; padding:4rem 1rem; }
.crew-landing-closing>svg { width:2.7rem; height:2.7rem; margin:0 auto 1.5rem; color:var(--color-crew-coral); }
.crew-landing-closing h2 { font-size:clamp(2rem,3vw,3rem); }
.crew-landing-closing>p { color:var(--color-crew-muted); margin:1rem auto 1.5rem; max-width:33rem; }
@media(min-width:80rem) { .crew-landing-feature--planning { gap:4rem; } }
@media(max-width:63.99rem) {
    .crew-landing { padding:0 1.5rem; }
    .crew-landing-feature { grid-template-columns:minmax(0,1fr); gap:2.5rem; padding:3rem 0; }
    .crew-landing-feature--email .crew-landing-copy,.crew-landing-phone-stage { grid-column:auto; grid-row:auto; }
    .crew-landing-copy { max-width:36rem; }
    .crew-landing h1 { font-size:3.5rem; }
    .crew-landing h2 { font-size:3rem; }
    .crew-landing-steps { gap:1rem; }
}
@media(max-width:35rem) {
    .crew-landing { padding:0 1.25rem; }
    .crew-landing h1 { font-size:3rem; }
    .crew-landing h2 { font-size:2.7rem; }
    .crew-landing-description { font-size:1rem; margin-top:1.25rem!important; }
    .crew-landing-eyebrow { font-size:.7rem; margin-bottom:1.1rem!important; }
    .crew-landing-actions { align-items:flex-start; flex-direction:column; }
    .crew-landing-feature { padding:2.5rem 0; gap:2rem; }
    .crew-landing-browser-content { padding:1rem; }
    .crew-landing-days { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem .6rem; }
    .crew-landing-day { min-height:8.5rem; }
    .crew-landing-example-heading { margin:1.25rem 0 1rem; }
    .crew-landing-example-heading h3 { font-size:1.3rem; }
    .crew-landing-example-saved { gap:.5rem .75rem; }
    .crew-landing-steps { align-items:center; flex-direction:column; gap:.9rem; }
    .crew-landing-steps li { width:13rem; }
    .crew-landing-closing { padding:3rem 0; }
    .crew-landing-closing h2 { font-size:2.2rem; }
    .crew-landing-closing p { font-size:.95rem; }
}