/* Sail with us: the page asks who it's for first, then shows only what that person needs. */
.sw-hero .wrap{display:block}
.sw-who{border:0;margin:var(--s4) 0 0;padding:0}
.sw-who legend{padding:0;margin-bottom:var(--s4);font-family:var(--display);font-weight:600;font-size:22px;color:var(--chalk)}
.sw-who-opts{display:flex;flex-wrap:wrap;gap:var(--s3)}
.sw-who-btn{appearance:none;cursor:pointer;min-height:56px;padding:0 var(--s6);border-radius:9999px;border:1.5px solid rgba(247,247,247,.6);background:transparent;color:var(--chalk);font-family:var(--display);font-weight:600;font-size:18px;transition:background-color .15s var(--ease-out),color .15s var(--ease-out)}
.sw-who-btn:hover{border-color:var(--chalk)}
.sw-who-btn[aria-pressed="true"]{background:var(--chalk);border-color:var(--chalk);color:var(--midnight)}
html:not(.js) .sw-who{display:none}

.sw-proof{padding-block:var(--s12);border-bottom:1px solid var(--border)}
.sw-proof-in{display:flex;flex-wrap:wrap;gap:var(--s4) var(--s16);align-items:baseline}
.sw-proof-in>p{flex:1 1 340px;max-width:30em;font-size:19px;line-height:1.55;color:var(--ocean);margin:0}
.sw-proof blockquote{flex:1 1 340px;margin:0;border-top:2px solid var(--gold);padding-top:var(--s3)}
.sw-proof blockquote p{margin:0;font-family:var(--body);font-style:italic;font-size:26px;line-height:1.3;color:var(--midnight)}

.sw-grid{display:flex;flex-wrap:wrap;gap:var(--s12) var(--s16);align-items:flex-start}
.sw-answers{flex:1 1 360px;min-width:0;display:grid;gap:20px}
.sw-set{display:grid;gap:20px}
.sw-qa{margin:0;border-top:1px solid var(--border)}
.sw-qa>div{padding-block:20px;border-bottom:1px solid var(--border);display:grid;gap:6px}
.sw-qa dt{font-family:var(--display);font-weight:600;font-size:20px;line-height:1.3;color:var(--midnight)}
.sw-qa dd{margin:0;font-size:18px;line-height:1.6;color:var(--ocean);max-width:38em}
.sw-more{margin:0}

.sw-card{flex:1.4 1 460px;min-width:0;background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg,16px);padding:clamp(24px,3vw,36px);display:grid;gap:var(--s6)}
.sw-form{display:grid;gap:var(--s6)}
.sw-next{margin:0;font-family:var(--display);font-size:15px;line-height:1.5;color:var(--ocean)}
.sw-form .field label,.sw-form .field legend{font-size:18px}
.sw-form .opt{font-weight:500;font-size:13px;color:var(--ocean);margin-left:4px}
.sw-far legend{padding:0;margin-bottom:var(--s3)}
.sw-chips{display:flex;flex-wrap:wrap;gap:10px}
.sw-chip{position:relative;cursor:pointer}
.sw-chip input{position:absolute;opacity:0;width:1px;height:1px}
.sw-chip>span{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:9999px;border:1.5px solid var(--border);background:var(--white);color:var(--midnight);font-family:var(--display);font-weight:600;font-size:16px}
.sw-chip input:checked+span{background:var(--ocean);border-color:var(--ocean);color:var(--chalk)}
.sw-chip input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}
.sw-how{display:inline-block;margin-top:var(--s3);font-family:var(--display);font-weight:600;font-size:15px;color:var(--ocean)}
.sw-form textarea{min-height:96px}
.sw-pair{display:flex;flex-wrap:wrap;gap:var(--s4)}
.sw-pair .field{flex:1 1 200px}
.sw-send{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4)}
.sw-send .caption{margin:0;color:var(--ocean)}
.sw-status{margin:0;font-family:var(--display);font-size:15px;color:var(--ocean)}
.sw-status:empty{display:none}
.sw-done{display:grid;gap:var(--s3)}
.sw-done:focus{outline:none}
.sw-done p{margin:0;font-size:18px;line-height:1.6}
.sw-share{border-top:1px solid var(--border);padding-top:20px;display:grid;gap:var(--s3)}
.sw-share h3{margin:0;font-family:var(--display);font-weight:600;font-size:18px}
.sw-msg{margin:0;padding:var(--s3) var(--s4);background:var(--chalk);border-radius:var(--r-sm);font-size:17px;line-height:1.55;overflow-wrap:anywhere}
.sw-copy{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3)}
.sw-copy .caption{margin:0;color:var(--ocean)}

.sw-rest{border-top:1px solid var(--border)}
.sw-rest-in{display:flex;flex-wrap:wrap;gap:var(--s4) 40px;align-items:baseline;padding-block:40px var(--s16);font-family:var(--display)}
.sw-rest-in span{font-weight:600;font-size:18px}
.sw-rest-in a{font-weight:600;font-size:16px;color:var(--ocean)}
@media (max-width:640px){.sw-who-btn{width:100%;justify-content:flex-start;text-align:left}}

/* What happens next: three steps beside the form, ours to promise. */
.sw-steps{list-style:none;margin:0;padding:0;display:grid}
.sw-steps li{display:grid;grid-template-columns:56px 1fr;gap:var(--s4);padding-block:var(--s6);border-top:2px solid var(--midnight)}
.sw-steps li:last-child{border-bottom:1px solid var(--border)}
.sw-n{font-family:var(--display);font-weight:500;font-size:44px;line-height:.9;color:var(--race)}
.sw-steps h3{margin:0 0 6px;font-family:var(--display);font-weight:600;font-size:21px;line-height:1.3;color:var(--midnight)}
.sw-steps p{margin:0;font-size:18px;line-height:1.6;color:var(--ocean);max-width:34em}
@media (max-width:640px){.sw-steps li{grid-template-columns:40px 1fr}.sw-n{font-size:34px}}