/* Service page template. Page-only styles; shared system comes from sim.css and fx.css. */

.nb{white-space:nowrap}
.svc-actions{display:flex;flex-wrap:wrap;gap:14px}
.svc-split{display:grid;gap:36px clamp(32px,6vw,96px)}
.svc-split-head>*+*{margin-top:1.1rem}
.svc-split-body>*+*{margin-top:1.25rem}
@media (min-width:960px){
  .svc-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}
  .svc-split-head{position:sticky;top:112px}
}
.svc-split h2{font-size:clamp(1.9rem,3.4vw,2.9rem)}
.form-note:empty{display:none}
.svc-hero{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(40px,5vw,72px) clamp(48px,6vw,80px)}
.svc-hero-light{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(44% 70% at 78% 40%,rgba(200,169,81,.20),transparent 68%),
    radial-gradient(34% 40% at 4% 0%,rgba(227,203,133,.07),transparent 70%),
    linear-gradient(180deg,var(--blackout) 0%,var(--navy-dark) 52%,#172c4b 100%)}
.svc-hero-light::after{content:"";position:absolute;width:min(1100px,120vw);aspect-ratio:1;right:-28%;top:-60%;border-radius:50%;border:1px solid rgba(200,169,81,.22);-webkit-mask-image:linear-gradient(90deg,transparent 50%,#000 72%);mask-image:linear-gradient(90deg,transparent 50%,#000 72%)}
.svc-hero-light::before{content:"";position:absolute;left:0;top:0;width:560px;height:560px;border-radius:50%;background:radial-gradient(closest-side,rgba(227,203,133,.15),transparent);transform:translate(calc(var(--px,60vw) - 280px),calc(var(--py,30vh) - 280px));opacity:0;transition:opacity 500ms var(--e-out)}
.svc-hero.has-pointer .svc-hero-light::before{opacity:1}
.svc-hero-grid{display:grid;gap:40px;align-items:center}
.svc-crumb{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:#a9b7cd}
.svc-crumb a{color:var(--mist);display:inline-flex;align-items:center;min-height:44px;margin-block:-14px}
.svc-hero h1{font-size:var(--fs-hero);max-width:16em}
.svc-hero .lead{margin-top:20px;max-width:34em}
.svc-hero .svc-actions{margin-top:26px}
.svc-hero-photo{position:relative;margin:0;padding:13px;max-width:640px}
.svc-hero-photo .vf-frame{background:var(--blackout)}
.svc-hero-photo img{width:100%;aspect-ratio:5/4;object-fit:cover;object-position:62% 30%}
.svc-hero-photo .vf-frame::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(10,20,36,.7));pointer-events:none}
.svc-hero-photo .vf{--vf-inset:-13px;--s:26px}
.svc-hero-photo .l3{position:absolute;left:0;bottom:39px;z-index:3}
.svc-spec{display:grid;gap:0;margin:clamp(28px,3.2vw,44px) 0 0;border-top:1px solid var(--line)}
.svc-spec>div{padding:16px 0;border-bottom:1px solid var(--line)}
.svc-spec dt{font:600 var(--fs-label)/1.3 var(--sans);color:var(--accent-text);margin-bottom:4px}
.svc-spec dd{margin:0;color:var(--white);font:400 1.125rem/1.3 var(--serif);max-width:28ch}
.svc-strip{display:grid;gap:14px 40px;align-items:center;padding:20px 0 4px;border-top:1px solid var(--line)}
.svc-strip ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 28px}
.svc-strip li{position:relative;padding-left:16px;color:var(--mist);font:500 var(--fs-small)/1.4 var(--sans)}
.svc-strip li::before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.svc-strip-cta{color:var(--gold-bright);font:600 var(--fs-small)/1.3 var(--sans);text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:.4em;min-height:44px}
.svc-strip-cta:hover{text-decoration:underline;text-underline-offset:4px}
@media (min-width:1100px){.svc-strip{grid-template-columns:minmax(0,1fr) auto}}
@media (min-width:640px){
  .svc-spec{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;border-bottom:1px solid var(--line)}
  .svc-spec>div{border-bottom:0;padding:16px 0 20px}
}
@media (min-width:960px){
  .svc-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:56px}
  .svc-hero-photo{max-width:none}
}
.svc-overview .cols{align-items:start}
.svc-lede,.svc-lede-2{grid-column:1/-1}
.svc-lede{max-width:none;color:var(--fg-strong)}
.svc-lede strong{color:inherit;font-weight:600}
@media (min-width:960px){
  .svc-lede{grid-column:1/8}
  .svc-lede-2{grid-column:8/-1;padding-top:.45em}
}
.svc-gap-lead{font-size:var(--fs-lead);line-height:1.6;color:var(--fg-strong)}
.svc-fails{list-style:none;margin:0;padding:0}
.svc-fails li{padding:26px 0;border-top:1px solid var(--line)}
.svc-fails li:last-child{border-bottom:1px solid var(--line)}
.svc-fails h3{font-size:clamp(1.35rem,2vw,1.7rem);margin-bottom:8px}
.svc-resolve{padding-left:18px;border-left:3px solid var(--gold);color:var(--fg-strong);font-weight:500}
.svc-grid4{list-style:none;margin:0;padding:0;display:grid;gap:36px 32px}
.svc-grid4>li{position:relative;padding-top:24px;border-top:1px solid var(--line)}
.svc-grid4>li::before{content:"";position:absolute;left:0;top:-1px;width:44px;height:3px;background:var(--gold)}
.svc-grid4 h3{font-size:clamp(1.35rem,1.9vw,1.6rem);margin-bottom:10px}
@media (min-width:640px){.svc-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.svc-grid4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.svc-roles{list-style:none;margin:0;padding:0}
.svc-roles li{padding:14px 0;border-top:1px solid var(--line);font:400 clamp(1.5rem,2.7vw,2.25rem)/1.2 var(--serif);letter-spacing:-.012em;color:var(--fg-strong)}
.svc-roles li:last-child{border-bottom:1px solid var(--line)}
.svc-practice{margin-top:1.75rem}
.svc-mid.on-air{--bg:var(--navy);padding-block:clamp(32px,4vw,52px);border-block:1px solid var(--navy-line)}
.svc-mid-grid{display:grid;gap:24px 48px;align-items:center}
.svc-mid h2{font-size:var(--fs-m);max-width:26ch}
.svc-mid p{margin-top:10px;max-width:46ch}
@media (min-width:900px){.svc-mid-grid{grid-template-columns:minmax(0,1fr) auto}}
.svc-steps{list-style:none;margin:0;padding:0;display:grid;gap:0 40px}
.svc-steps li{position:relative;padding:28px 0 32px;border-top:1px solid var(--line)}
.svc-steps h3{font-size:clamp(1.4rem,2vw,1.75rem);margin:8px 0 10px}
@media (min-width:900px){.svc-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.svc-steps li{padding-bottom:0}}
.svc-stack{counter-reset:none;list-style:none;margin:8px 0 0;padding:0;gap:18px}
.seg{display:grid;gap:8px 36px;padding:26px clamp(22px,3vw,40px) 30px;background:#10233f;border:1px solid var(--navy-line);border-top:3px solid var(--gold);border-radius:var(--radius);box-shadow:0 -14px 30px rgba(5,10,20,.45)}
.seg-n{display:inline-flex;align-items:center;gap:10px;color:var(--accent-text);white-space:nowrap}
.seg h3{font-size:clamp(1.35rem,2vw,1.7rem)}
.seg p{color:#A9B6CC}
.svc-day-foot{margin-top:32px;color:var(--fg)}
@media (min-width:900px){
  .seg{grid-template-columns:150px minmax(0,4fr) minmax(0,6fr);align-items:start}
  .seg-n{padding-top:.5em}
  .seg p{padding-top:.3em}
}
.svc-producer{display:grid;gap:44px clamp(32px,6vw,88px);align-items:center}
.svc-producer-photo{margin:0;padding:13px}
.svc-producer-photo .vf-frame{background:var(--blackout)}
.svc-producer-photo img{width:100%;aspect-ratio:4/3;object-fit:cover}
.svc-producer-photo .vf{--vf-inset:-13px;--s:26px}
.svc-producer-photo figcaption{margin-top:22px;color:var(--fg)}
.svc-producer-text h2{font-size:clamp(1.9rem,3.4vw,2.9rem)}
@media (min-width:960px){.svc-producer{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.svc-story h2{max-width:16em;font-size:clamp(1.9rem,3.6vw,3.1rem)}
@media (min-width:960px){
  .svc-story-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0 clamp(40px,6vw,88px);align-items:start;max-width:none}
  .svc-story-in .svc-pull{grid-column:1;grid-row:1/3;margin:0}
  .svc-story-in .svc-story-lead{grid-column:2;grid-row:1}
  .svc-story-in .svc-story-after{grid-column:2;grid-row:2;margin-top:28px}
}
.svc-story-in{margin-top:clamp(24px,3vw,40px)}
.svc-story-lead{max-width:50ch;font-size:var(--fs-lead);line-height:1.6;color:var(--fg-strong)}
.svc-pull{width:fit-content;max-width:100%;margin:clamp(28px,4vw,44px) 0 clamp(32px,4vw,52px);padding:clamp(30px,4.5vw,56px) clamp(26px,4.5vw,60px)}
.svc-pull .vf{--vf-inset:0;--s:34px;--w:3px}
.svc-pull blockquote p{font:italic 400 clamp(1.8rem,3.4vw,3rem)/1.16 var(--serif);letter-spacing:-.014em;color:var(--fg-strong);max-width:20em;text-wrap:balance}
.svc-pull .l3{margin-top:30px}
.svc-story-after{max-width:62ch}
.svc-proof-grid{display:grid;gap:56px 72px}
.svc-proof-lead,.svc-proof-more figure{margin:0}
.svc-proof-left{display:flex;flex-direction:column;gap:clamp(28px,3.4vw,44px)}
.svc-les{aspect-ratio:900/534;max-width:480px;--vf:var(--gold)}
.svc-les .vf{--vf-inset:14px;--s:20px}
.svc-les .video-meta{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:48px 20px 16px;color:var(--white)}
.svc-les .video-meta .tc{color:var(--mist)}
.svc-les .video-play{width:64px;height:64px;margin:-32px 0 0 -32px}
.svc-proof-lead blockquote p{font:italic 400 clamp(1.7rem,3.3vw,2.7rem)/1.2 var(--serif);letter-spacing:-.012em;color:var(--fg-strong);max-width:18em}
.svc-proof .l3{margin-top:22px}
.svc-proof-more{display:grid;gap:20px}
.svc-proof-more figure{display:flex;flex-direction:column;justify-content:space-between;gap:22px;padding-top:24px;border-top:1px solid var(--navy-line)}
.svc-proof-more blockquote p{color:var(--white);font-size:1rem;line-height:1.6;max-width:56ch}
.svc-proof-more .l3{margin-top:0}
@media (min-width:960px){
  .svc-proof-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center}
  .svc-proof-left{display:contents}
  .svc-proof-more{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}
  .svc-les{justify-self:end;width:100%}
}
.svc-video{padding-block:0 var(--section)}
.svc-video-grid{display:grid;gap:36px clamp(32px,6vw,88px);align-items:center;padding-top:clamp(40px,5vw,64px);border-top:1px solid var(--line)}
.svc-poster{aspect-ratio:16/9;max-width:620px;background:radial-gradient(60% 80% at 70% 30%,rgba(200,169,81,.18),transparent 70%),linear-gradient(160deg,#1D3557,#0d1a2e);box-shadow:inset 0 0 0 1px var(--navy-line);text-decoration:none;--vf:var(--gold)}
.svc-poster img{position:absolute;inset:0}
.svc-poster-art{position:absolute;z-index:2;left:0;top:0;padding:clamp(24px,3.4vw,36px) clamp(26px,3.6vw,40px) 0}
.svc-poster-kicker{font:600 var(--fs-label)/1.3 var(--sans);color:var(--gold-bright);text-shadow:0 1px 12px rgba(10,20,36,.85)}
.svc-poster .video-play{z-index:2;left:19%}
@media (max-width:600px){.svc-poster .video-play{width:58px;height:58px;margin:-29px 0 0 -29px}}
.svc-poster::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,20,36,.78),rgba(10,20,36,.25) 30%,transparent 46%,transparent 54%,rgba(10,20,36,.9));pointer-events:none}
.svc-poster .vf{z-index:2;--vf-inset:16px;--s:22px}
.svc-poster-text{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:0 34px 30px;color:var(--white);font:600 var(--fs-small)/1.3 var(--sans);text-shadow:0 1px 12px rgba(10,20,36,.85)}
.svc-poster-text .tc{color:var(--mist)}
.svc-video-text h2{font-size:clamp(1.9rem,3.2vw,2.7rem)}
.svc-video-role{color:var(--gold);font-weight:600}
@media (min-width:960px){.svc-video-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}
.svc-ask-alt{color:var(--slate)}
.svc-ask-alt a,.svc-form .form-note a{display:inline-block;padding:12px 0;margin-block:-12px}
.svc-form{display:grid;gap:18px;padding:clamp(24px,3.2vw,40px);background:var(--white);border:1px solid var(--rule);border-top:3px solid var(--gold);border-radius:var(--radius)}
.svc-form-row{display:grid;gap:18px}
.svc-form .form-note{color:var(--slate)}
.svc-form [data-form-status]{color:var(--ink);font-weight:500}
@media (min-width:600px){.svc-form-row{grid-template-columns:1fr 1fr}}
.svc-cost p{max-width:60ch;font-size:var(--fs-lead);line-height:1.6;color:var(--fg-strong)}
.svc-links{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.svc-links a{display:flex;align-items:flex-end;min-height:104px;height:100%;padding:20px 22px;background:var(--white);border:1px solid var(--rule);border-bottom:3px solid var(--gold);border-radius:var(--radius);color:var(--fg-strong);text-decoration:none;font:400 clamp(1.1rem,1.5vw,1.3rem)/1.25 var(--serif);letter-spacing:-.008em;transition:transform var(--t-base) var(--e-out),box-shadow var(--t-base) var(--e-out)}
.svc-links a:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(21,40,68,.12)}
.svc-links a.fx-spot::after{background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(200,169,81,.2),transparent 60%)}
@media (min-width:640px){.svc-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.svc-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
.svc-rel-h{margin-top:clamp(40px,5vw,64px);font:600 1.0625rem/1.35 var(--sans);letter-spacing:0;color:var(--fg-strong)}
.svc-rel{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.svc-rel a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 14px;border:1px solid var(--rule);border-radius:var(--radius);text-align:center;text-decoration:none}
.svc-rel a:hover{border-color:var(--gold)}
main p>.link:only-child{display:inline-flex;align-items:center;min-height:44px;padding-bottom:0;background-position:0 calc(50% + 12px)}

/* reassurance right under the send button */
.svc-assure{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:var(--fs-small);line-height:1.45;color:var(--ink)}
.svc-assure li{position:relative;padding-left:20px}
.svc-assure li::before{content:"";position:absolute;left:1px;top:.55em;width:6px;height:6px;background:var(--gold-ink);transform:rotate(45deg)}

/* Photos Jess asked for on Oct 8: a small one in the heading row of "What it delivers" (sitting above the Hot Seat
   column) and of "How it works", and one under the intro of "Who it is for". Real photos from the library. */
.svc-thumb{position:relative;margin:0;justify-self:start;width:min(100%,240px);--vf-inset:-6px}
.svc-thumb img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:2px}
.svc-head-thumb--4 .svc-thumb img{object-position:50% 30%}
@media (min-width:1100px){
  .svc-head-thumb--4{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px;align-items:end}
  .svc-head-thumb--4 h2{grid-column:1/4}
  .svc-head-thumb--4 .svc-thumb{grid-column:4;width:100%}
}
@media (min-width:900px){
  .svc-head-thumb--3{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;align-items:end}
  .svc-head-thumb--3 h2{grid-column:1/3}
  .svc-head-thumb--3 .svc-thumb{grid-column:3;justify-self:end;width:min(100%,300px)}
}
.svc-who-photo{position:relative;margin:28px 0 0;--vf-inset:-8px}
.svc-who-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 35%;border-radius:2px}
@media (min-width:900px){.svc-who-photo{max-width:440px}}
.svc-csuite{margin-top:18px;font-weight:600;color:var(--ink)}