/* One illustrative project, from first playable idea to production handover. */
.process-feature{background:linear-gradient(140deg,#21333e,#172532 65%);border-block:1px solid #91d7c526}
.process-feature-head{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:80px;margin-bottom:54px}
.process-feature-head h2{margin-bottom:0}
.process-feature-head .lede{max-width:30ch;margin-bottom:18px}
.process-sample-note,.process-visual-note{font-size:12px;line-height:1.65;color:var(--muted);max-width:66ch}
.process-sample-note{margin:0}
.process-visual-note{margin:12px 0 0}
.process-first{display:grid;grid-template-columns:1.22fr 1fr;gap:44px;align-items:center;border-top:1px solid #b4e4dd44;padding-top:40px}
.process-first-visual,.process-first-copy{min-width:0}
.process-prototype{display:block;position:relative;overflow:hidden;background:#111822;border:1px solid #cfddd92b}
.process-prototype>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .5s ease}
.process-prototype:hover>img{transform:scale(1.025)}
.process-play{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:12px;padding:20px 24px;background:linear-gradient(transparent,#091320ef 36%);padding-top:38px;font-size:16px;font-weight:500;color:var(--paper)}
.process-play>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #b9e6dd9c;border-radius:50%;font-size:23px;color:var(--mint);line-height:1;flex:0 0 auto}
.process-stage-number{font-size:11px;letter-spacing:.13em;color:var(--mint);margin:0 0 14px}
.process-first h3,.process-next h3{font-size:clamp(28px,3vw,42px);font-weight:500;letter-spacing:-.045em;line-height:1.1;margin:0 0 16px}
.process-stage-promise{font-size:20px;line-height:1.4;color:var(--paper);letter-spacing:-.025em;margin:0 0 12px}
.process-first-copy>p:not(.process-stage-number):not(.process-stage-promise){font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 23px;max-width:53ch}
.process-mini-samples{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.process-sample{display:block;text-decoration:none;min-width:0}
.process-thumb{display:block;overflow:hidden;background:#172330}
.process-thumb img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .35s}
.process-sample:hover .process-thumb img{transform:scale(1.025)}
.process-sample-label{font-size:12px;line-height:1.5;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;color:var(--paper)}
.process-sample-label>span{color:var(--mint);font-size:17px;flex:0 0 auto}
.process-sample:hover .process-sample-label{text-decoration:underline;text-underline-offset:4px}
.process-decision{display:grid;grid-template-columns:1fr;gap:5px;border-top:1px solid #e4eee026;padding-top:17px;margin-top:14px}
.process-decision>span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mint)}
.process-decision>p{font-size:14px;line-height:1.6;margin:0;color:var(--paper)}
.process-decision .process-sample{max-width:260px}
.process-decision .process-sample-label{font-size:12px;padding:4px 0}
.process-next-stages{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:56px;padding-top:42px;border-top:1px solid #e4eee033}
.process-next{display:grid;grid-template-columns:1.05fr .95fr;gap:18px 24px;align-items:start;min-width:0}
.process-next h3{font-size:29px}
.process-next>div>p:not(.process-stage-number){font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 16px}
.process-next .process-output-line{font-size:12px!important;color:var(--paper)!important}
.process-next .process-artifact-preview{grid-column:2;grid-row:1 / span 2}
.process-artifact-preview .process-thumb{background:#f2f0e9;padding:14px;aspect-ratio:4/3;display:flex;align-items:center}
.process-artifact-preview .process-thumb img{aspect-ratio:auto;object-fit:contain;max-height:100%}
.process-next .text-link{font-size:12px;justify-self:start}
.process-decision-line{font-size:14px;line-height:1.7;color:var(--muted);margin:20px 0 0}
.process-decision-line b{font-weight:500;color:var(--paper)}
.process-feature-foot{display:flex;align-items:center;gap:30px;justify-content:space-between;border-top:1px solid #e4eee026;margin-top:36px;padding-top:30px}
.process-feature-foot>p{font-size:13px;line-height:1.6;color:var(--muted);max-width:40ch;text-align:right;margin:0}
.process-proof-samples{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;margin:24px 0 60px;padding-bottom:40px;border-bottom:1px solid var(--line)}
.process-proof-side{min-width:0;align-self:center}
.process-proof-side .process-sample-note{margin-bottom:22px}
.process-proof-side>.text-link{margin-top:12px;font-size:13px}
.process-proof-side>.process-sample{max-width:260px;margin-top:12px}
.process-proof-decision{grid-template-columns:.4fr 1.2fr .7fr;align-items:center;gap:20px;border-block:1px solid var(--line);padding:20px 0;margin-top:30px}
.process-proof-decision>.process-sample{max-width:none}
.process-section-intro{max-width:720px;margin-bottom:46px}
.process-section-intro h2{margin:0 0 20px}
.process-section-intro .lede{margin-bottom:18px}
.process-detail-stage{display:grid;grid-template-columns:.7fr 1.3fr;gap:44px 64px;padding:40px 0;border-top:1px solid var(--line)}
.process-detail-stage>header h2{font-size:clamp(30px,3.3vw,44px);line-height:1.1;letter-spacing:-.035em;font-weight:500;margin:0 0 20px}
.process-detail-stage>header>.lede{font-size:19px;line-height:1.55;margin-bottom:24px}
.process-detail-stage>.ed-note{grid-column:2;margin:0;max-width:none}
.process-evidence-images{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}
.process-evidence-images .process-thumb{aspect-ratio:16/10;background:#ecebe6;display:flex;align-items:center;padding:10px}
.process-evidence-images img{aspect-ratio:auto;max-height:100%;object-fit:contain}
.process-output-groups{display:grid;grid-template-columns:1.15fr .95fr 1.1fr;gap:18px}
.process-output-group h3{font-size:12px;line-height:1.55;letter-spacing:.01em;color:var(--mint);font-weight:500;min-height:38px;margin:0 0 6px}
.process-output-group ul{list-style:none;margin:0;padding:0}
.process-output-group .process-sample-label{font-size:12px;border-top:1px solid #ffffff18;padding:10px 0;min-height:42px}
@media(max-width:1100px){.process-feature-head{gap:40px}.process-first{gap:30px}.process-next-stages{gap:30px}.process-next{grid-template-columns:1fr}.process-next .process-artifact-preview{grid-column:auto;grid-row:auto}.process-artifact-preview .process-thumb{aspect-ratio:16/9;max-height:210px}.process-next .text-link{order:3}.process-detail-stage{gap:30px;grid-template-columns:.65fr 1.35fr}.process-output-groups{gap:13px}}
@media(max-width:900px){.process-first{grid-template-columns:1fr 1fr}.process-first-visual{align-self:start}.process-first-copy>p:not(.process-stage-number):not(.process-stage-promise){font-size:14px}.process-mini-samples{gap:12px}.process-play{font-size:13px;padding:35px 16px 15px}.process-play>span{width:30px;height:30px;font-size:20px}.process-proof-samples,.process-detail-stage{grid-template-columns:1fr}.process-proof-samples{gap:28px}.process-proof-side>.process-sample{max-width:340px}.process-detail-stage>.ed-note{grid-column:1}.process-detail-stage>header{max-width:650px}.process-proof-decision{grid-template-columns:1fr;gap:6px}.process-proof-decision>.process-sample{max-width:300px}}
@media(max-width:760px){.process-feature-head{grid-template-columns:1fr;gap:24px;margin-bottom:34px}.process-feature-head .lede{font-size:20px;max-width:34ch}.process-first{grid-template-columns:1fr;gap:28px;padding-top:28px}.process-first-copy{order:-1}.process-first h3{font-size:35px}.process-first-visual .process-visual-note{font-size:11px}.process-first-copy>p:not(.process-stage-number):not(.process-stage-promise){font-size:15px}.process-next-stages{grid-template-columns:1fr;gap:32px;margin-top:36px;padding-top:32px}.process-next{grid-template-columns:1fr 1fr;gap:20px}.process-next .process-artifact-preview{grid-column:2;grid-row:1 / span 2}.process-artifact-preview .process-thumb{aspect-ratio:4/3;padding:10px;max-height:none}.process-next .text-link{order:0}.process-feature-foot{flex-direction:column;align-items:flex-start;gap:18px}.process-feature-foot>p{text-align:left}.process-proof-samples{margin-bottom:40px}.process-detail-stage{padding:30px 0;gap:26px}.process-stage-number{font-size:10px}.process-output-group h3{font-size:12px}.process-output-groups{gap:16px}.process-evidence-images{gap:14px}}
@media(max-width:480px){.process-next{grid-template-columns:1fr}.process-next .process-artifact-preview{grid-column:auto;grid-row:auto}.process-artifact-preview .process-thumb{aspect-ratio:16/9;max-height:190px}.process-next .text-link{order:3}.process-next>div>p:not(.process-stage-number){font-size:14px}.process-output-groups{grid-template-columns:1fr 1fr;gap:24px}.process-output-group h3{min-height:0}.process-output-group:last-child{grid-column:1/-1}.process-output-group:last-child ul{display:grid;grid-template-columns:1fr 1fr;gap:16px}.process-feature-foot>.button{font-size:13px}.process-play{font-size:14px}.process-sample-label{font-size:11px}.process-evidence-images .process-thumb{padding:6px}}
@media(prefers-reduced-motion:reduce){.process-prototype>img,.process-thumb img{transition:none}.process-prototype:hover>img,.process-sample:hover .process-thumb img{transform:none}}

/* Keep the playable preview ahead of supporting documents in the reading order. */
.process-first{row-gap:18px}
.process-first>.process-first-copy{grid-column:2;grid-row:1}
.process-first>.process-first-visual{grid-column:1;grid-row:1 / span 3;align-self:center}
.process-first>.process-mini-samples{grid-column:2;grid-row:2}
.process-first>.process-decision{grid-column:2;grid-row:3;margin-top:0}
.process-first-copy>p:last-child{margin-bottom:0!important}
@media(max-width:900px){.process-first>.process-first-visual{align-self:start}}
@media(max-width:760px){.process-first{gap:24px}.process-first>.process-first-copy,.process-first>.process-first-visual,.process-first>.process-mini-samples,.process-first>.process-decision{grid-column:1;grid-row:auto;order:0}.process-first>.process-decision{margin-top:0}}

/* The sales sequence is one three-step offer, with a clear first commitment. */
.process-sales-head{margin-bottom:44px;max-width:850px}
.process-sales-head h2{margin:0 0 24px}
.process-sales-head .lede{max-width:44ch;margin:0}
.process-sales-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:0;border-top:1px solid #a1e9db66}
.process-sales-step{position:relative;min-width:0;padding:34px 28px 24px;border-left:1px solid #b3e4da2b;display:flex;flex-direction:column;align-items:flex-start}
.process-sales-first{border-left:0;background:linear-gradient(145deg,#a1e9db12,transparent 80%)}
.process-step-digit{font-family:Jost,sans-serif;font-size:82px;line-height:1;color:var(--mint);letter-spacing:-.06em;margin-bottom:25px}
.process-sales-step:not(:last-child) .process-step-digit::after{content:'';display:inline-block;width:1em;height:1em;vertical-align:-.125em;flex:none;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020%2020%204M4%204h16v16%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020%2020%204M4%204h16v16%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;position:absolute;right:26px;top:44px;font-family:Inter,sans-serif;font-size:28px;font-weight:300;color:#91c5bb88}
.process-sales-step .process-stage-number{font-size:10px;margin-bottom:12px}
.process-sales-step h3{font-size:clamp(26px,2.7vw,40px);font-weight:500;letter-spacing:-.045em;line-height:1.08;margin:0 0 14px}
.process-sales-step .process-stage-promise{font-size:17px;line-height:1.4;margin:0 0 15px}
.process-sales-step>p:not([class]){font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 22px;max-width:39ch}
.process-entry-price{font-family:Jost,sans-serif;font-size:clamp(40px,4vw,64px);font-weight:400;letter-spacing:-.05em;line-height:1.05;color:var(--mint);margin:8px 0 22px;white-space:nowrap}
.process-entry-price>span{font-family:Inter,sans-serif;font-size:12px;letter-spacing:.04em;vertical-align:middle;margin-right:2px;color:var(--paper)}
.process-sales-step>.button{font-size:12px;min-height:50px;padding:14px 18px;margin-bottom:26px;max-width:100%;gap:20px}
.process-sales-step>.process-prototype{width:100%;margin-top:0}
.process-sales-step .process-play{font-size:12px;padding:32px 12px 12px;gap:8px}
.process-sales-step .process-play>span{width:28px;height:28px;font-size:18px}
.process-sales-step>.process-artifact-preview{width:100%;margin-top:auto}
.process-sales-step .process-artifact-preview .process-thumb{aspect-ratio:4/3;padding:20px}
.process-sales-step .process-output-line{font-size:12px;line-height:1.8;color:var(--muted);margin:6px 0 20px}
.process-sales-step>.text-link{font-size:12px;margin-top:15px}
.process-sales-sample-note{font-size:11px;line-height:1.7;color:var(--muted);max-width:80ch;margin:24px 0 0}
.process-mobile-map{display:none}
.process-roadmap{display:grid;grid-template-columns:1fr 1fr 1fr;list-style:none;padding:0;margin:46px 0 0;border-block:1px solid #a1e9db44}
.process-roadmap li{min-width:0;position:relative}
.process-roadmap li+li{border-left:1px solid #a1e9db33}
.process-roadmap a{display:grid;grid-template-columns:40px 1fr;column-gap:14px;row-gap:5px;align-items:center;text-decoration:none;padding:24px 22px;min-height:104px}
.process-roadmap a>span{grid-row:1/3;font-family:Jost,sans-serif;font-size:42px;line-height:1;color:var(--mint)}
.process-roadmap strong{font-size:17px;font-weight:500;line-height:1.25}
.process-roadmap small{color:var(--muted);font-size:11px;line-height:1.5}
.process-roadmap a:hover{background:#a1e9db09}
.process-entry-offer{padding-left:30px;border-left:1px solid #a1e9db44}
.process-entry-offer .process-stage-promise{font-size:24px;max-width:21ch}
.process-entry-offer>p:not([class]){font-size:17px;line-height:1.65;color:var(--muted);max-width:34ch;margin:0 0 24px}
.process-entry-offer .process-entry-price{font-size:clamp(52px,5.1vw,80px);margin:22px 0 28px}
.process-entry-next{font-size:12px;line-height:1.65;color:var(--muted);max-width:37ch;margin:18px 0 0}
.process-sales-hero .ed-hero-top{align-items:center}
@media(max-width:1050px){.process-sales-step{padding-inline:20px}.process-sales-step h3{font-size:29px}.process-sales-step>.button{font-size:11px;gap:10px;padding-inline:12px}.process-roadmap a{padding-inline:16px;grid-template-columns:30px 1fr;gap:9px}.process-roadmap strong{font-size:15px}.process-roadmap small{font-size:10px}}
@media(max-width:760px){
 .process-sales-head{margin-bottom:24px}.process-mobile-map{display:block;margin-bottom:32px}
 .process-roadmap{grid-template-columns:1fr;margin-top:24px}
 .process-roadmap li+li{border-left:0;border-top:1px solid #a1e9db26}
 .process-roadmap a{grid-template-columns:28px 1fr;padding:13px 4px;min-height:68px;column-gap:13px;row-gap:3px}
 .process-roadmap a>span{font-size:32px}.process-roadmap strong{font-size:15px}.process-roadmap small{font-size:11px}
 .process-sales-steps{grid-template-columns:1fr;border-top:0;gap:24px}
 .process-sales-step{padding:25px 22px;border:1px solid #a1e9db33}.process-sales-step h3{font-size:35px}
 .process-step-digit{font-size:60px;margin-bottom:20px}.process-sales-step:not(:last-child) .process-step-digit::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v18m-7-7%207%207%207-7%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v18m-7-7%207%207%207-7%22%2F%3E%3C%2Fsvg%3E");top:31px;font-size:26px}
 .process-sales-step .process-stage-promise{font-size:18px}.process-sales-step .process-entry-price{font-size:54px}
 .process-sales-step>.button{font-size:13px;padding-inline:18px;gap:20px}.process-sales-step>.process-artifact-preview{max-width:440px}
 .process-entry-offer{padding:28px 0 0;border-left:0;border-top:1px solid #a1e9db44}.process-entry-offer .process-entry-price{font-size:64px}
 .process-sales-hero .ed-hero-top{gap:28px}.process-sales-hero .process-roadmap{margin-top:35px}
}
@media(max-width:380px){.process-sales-step{padding-inline:18px}.process-sales-step .process-entry-price{font-size:48px}.process-sales-step>.button{font-size:12px;padding-inline:14px}}