/* Implementation inherits the homepage's approved visual system. */
.delivery-page{--delivery-light:color-mix(in srgb,var(--line) 16%,var(--white));--delivery-soft:color-mix(in srgb,var(--white) 96%,var(--accent));--delivery-dark-line:color-mix(in srgb,var(--body) 72%,var(--ink));--delivery-gutter:24px;background:var(--delivery-light)}
.delivery-page .container{width:100%;max-width:1256px;padding-inline:var(--delivery-gutter)}
.delivery-page .site-header:before{background:var(--delivery-light);border-color:rgba(17,17,17,.07)}
.delivery-page .site-header .nav,.delivery-page .site-header.is-scrolled .nav{width:calc(100% - 2 * var(--delivery-gutter));max-width:1208px;height:72px}
.delivery-page .brand img{width:132px;height:40px}
.delivery-page h1{font:600 clamp(44px,4.6vw,68px)/1.02 Switzer,sans-serif;letter-spacing:-.055em}
.delivery-page h2{font:600 clamp(36px,3.7vw,48px)/1.07 Switzer,sans-serif;letter-spacing:-.045em;margin:0 0 24px;max-width:600px}
.delivery-page p{font:400 15px/1.65 Inter,sans-serif;max-width:580px}
.delivery-page .button{font:500 14px/1.4 Switzer,sans-serif;border-radius:8px;min-height:48px;gap:16px;padding:12px 20px;box-shadow:0 1px 2px rgba(17,17,17,.08)}
.delivery-page .actions{gap:12px;margin-top:32px}
.delivery-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;line-height:1}
.delivery-icon svg{width:18px;height:18px;stroke-width:1.5}
.delivery-hero{padding:96px 0 96px;overflow:hidden}
.delivery-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:64px;align-items:center}
.delivery-hero-copy .ui-badge{margin-bottom:24px}
.delivery-hero h1{max-width:560px;margin-bottom:24px}
.delivery-hero-copy>p{max-width:480px;margin:0}
.delivery-hero-visual{min-width:0;width:100%}
.delivery-plan-fallback{padding:32px;border:1px solid var(--line);background:var(--white);border-radius:12px;font-size:15px}
.delivery-plan-fallback ol{padding-left:20px;display:grid;gap:16px}
.delivery-plan .ss-stage{background:transparent;overflow:visible;font-family:Inter,sans-serif}
.delivery-plan-frame{height:100%;width:100%;background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 48px -28px rgba(17,17,17,.24),0 2px 4px rgba(17,17,17,.04);padding:24px;display:flex;flex-direction:column}
.delivery-plan-header{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--line);color:var(--ink);font:500 14px/20px Switzer,sans-serif}
.delivery-plan-header img{width:88px;height:24px;margin-right:auto}
.delivery-plan-layout{display:grid;grid-template-columns:132px minmax(0,1fr);gap:20px;padding-top:24px;flex:1;min-height:0}
.delivery-plan-tabs{display:flex;flex-direction:column;gap:4px}
.delivery-plan-tabs button{position:relative;display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 10px;background:transparent;border-radius:8px;border:1px solid transparent;color:var(--body);font:500 13px/20px Switzer,sans-serif;text-align:left;transition:background .2s,border-color .2s,color .2s}
.delivery-plan-tabs button>span{font:400 10px/16px Inter,sans-serif;color:var(--body)}
.delivery-plan-tabs button[aria-selected=true]{background:var(--delivery-soft);border-color:var(--line);color:var(--accent)}
.delivery-plan-tabs button:hover{background:var(--delivery-light)}
.delivery-plan-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.delivery-plan-tabs svg{width:16px;height:16px;flex:none}
.delivery-plan-panel{position:relative;min-width:0;background:linear-gradient(150deg,var(--white) 20%,rgba(163,207,255,.2));border:1px solid var(--line);border-radius:12px;padding:24px 20px;box-shadow:0 8px 16px -12px rgba(17,17,17,.18);align-self:start;min-height:372px}
.delivery-plan-panel .ss-swap{width:100%}
.delivery-plan-kicker{font:400 11px/16px Inter,sans-serif;color:var(--body);margin-bottom:16px;display:flex;gap:8px;align-items:center}
.delivery-plan-kicker svg{color:var(--accent);flex:none}
.delivery-plan-title{font:600 26px/1.12 Switzer,sans-serif;letter-spacing:-.035em;color:var(--ink);margin-bottom:16px}
.delivery-page .delivery-plan-panel p{font:400 12px/20px Inter,sans-serif;margin:0 0 20px;color:var(--body)}
.delivery-plan-tasks{border-top:1px solid var(--line);padding-top:16px;display:grid;gap:12px}
.delivery-plan-tasks>div{display:flex;align-items:center;gap:8px;font:400 12px/18px Inter,sans-serif;color:var(--body)}
.delivery-plan-tasks svg{color:var(--accent);flex:none}
.delivery-plan-footer{margin-top:auto;padding-top:20px;font:400 10px/16px Inter,sans-serif;color:var(--body);display:flex;align-items:center;gap:8px}
.delivery-plan-footer svg{flex:none;color:var(--accent)}
.delivery-final{position:relative;isolation:isolate;overflow:hidden;background:#A3CFFF;text-align:center;padding:96px 0 160px}
.delivery-final .ui-badge{margin-bottom:24px}
.delivery-final h2{margin:0 auto 32px;max-width:640px}
.delivery-final .actions{justify-content:center}
.delivery-final>.container>p{display:flex;align-items:center;justify-content:center;gap:12px;font:400 11px/18px Inter,sans-serif;max-width:none;margin-top:24px;margin-bottom:0}
.delivery-final .delivery-icon{width:16px;height:16px}
.delivery-final .delivery-icon svg{width:14px;height:14px}
.delivery-pattern{position:absolute;inset:auto 0 0;z-index:-1;height:240px;background:linear-gradient(to bottom,rgba(163,207,255,0),rgba(163,207,255,.72) 42%,rgba(37,99,235,.85) 75%,var(--ink) 100%);overflow:hidden}
.delivery-pattern::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 3px,rgba(255,255,255,.55) 3px 4px);mask-image:linear-gradient(transparent,#000 24%,#000 76%,transparent)}
.delivery-page .footer10{padding-top:104px}
.delivery-plan .ss-stage[data-layout=compact] .delivery-plan-frame{padding:24px}
.delivery-plan .ss-stage[data-layout=compact] .delivery-plan-layout{grid-template-columns:1fr;gap:20px;padding-top:20px;display:flex;flex-direction:column}
.delivery-plan .ss-stage[data-layout=compact] .delivery-plan-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.delivery-plan .ss-stage[data-layout=compact] .delivery-plan-tabs button{min-height:44px;padding:8px;gap:8px;font-size:12px;justify-content:center}
.delivery-plan .ss-stage[data-layout=compact] .delivery-plan-tabs button>span{display:none}
.delivery-plan .ss-stage[data-layout=compact] .delivery-plan-tabs svg{width:14px;height:14px}
.delivery-plan .ss-stage[data-layout=compact] .delivery-plan-panel{width:100%;min-height:280px;padding:24px}
.delivery-plan .ss-stage[data-layout=compact] .delivery-plan-title{font-size:28px}
.delivery-page .delivery-plan .ss-stage[data-layout=compact] p{display:none}
.delivery-plan .ss-stage[data-layout=compact] .delivery-plan-tasks>div{font-size:12px;line-height:18px}
.delivery-plan .ss-stage[data-layout=compact] .delivery-plan-footer{font-size:11px;padding-top:20px}
.delivery-step{display:block;font:400 12px/20px Inter,sans-serif;color:var(--accent);margin-bottom:24px}
.delivery-process-section{position:relative;background:var(--white);color:var(--ink)}
.delivery-process-intro{grid-column:1/-1;grid-row:1;text-align:center}
.delivery-process-intro h2{max-width:1000px;margin:0 auto 16px}
.delivery-process-intro p{max-width:620px;margin:0 auto}
.delivery-process-stage{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);column-gap:64px;row-gap:96px;align-items:center;padding-block:80px}
.delivery-process-left,.delivery-process-right,[data-implementation-story],.delivery-process-visuals{display:contents}
.delivery-process-copy{grid-column:1;grid-row:calc(var(--process-step) + 2);position:relative;min-width:0}
.delivery-process-visual{grid-column:2;grid-row:calc(var(--process-step) + 2);position:relative;min-width:0;pointer-events:none}
.delivery-process-copy h2{max-width:480px}
.delivery-process-copy p{max-width:450px;color:var(--body);margin-bottom:0}
.delivery-process-details{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin:32px 0 0;padding:0;max-width:500px}
.delivery-process-details li{display:flex;align-items:flex-start;gap:10px;font:400 13px/20px Inter,sans-serif;color:var(--body)}
.delivery-process-details .delivery-icon{width:16px;height:20px;color:var(--body);opacity:.65}
.delivery-process-details .delivery-icon svg{width:16px;height:16px}
.delivery-process-section[data-pinned] .delivery-process-pin{height:var(--process-viewport-height,calc(100svh - 104px));background:var(--white)}
.delivery-process-section[data-pinned] .delivery-process-stage{height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr);row-gap:32px;padding-top:130px;padding-bottom:30px}
.delivery-process-section[data-pinned] .delivery-process-left{display:block;grid-column:1;grid-row:2;position:relative;height:var(--process-left-height,360px)}
.delivery-process-section[data-pinned] .delivery-process-right{display:block;grid-column:2;grid-row:2;position:relative;height:var(--process-visual-height,480px);width:100%;max-width:calc((var(--process-viewport-height) - var(--process-intro-height) - 192px) * 1.25);justify-self:end}
.delivery-process-section[data-pinned] [data-implementation-story],.delivery-process-section[data-pinned] .delivery-process-visuals{display:block;position:relative;width:100%;height:100%}
.delivery-process-section[data-pinned] .delivery-process-copy{position:absolute;top:0;left:0;width:100%;height:100%;grid-column:auto;grid-row:auto}
.delivery-process-section[data-pinned] .delivery-process-visual{position:absolute;inset:0;width:100%;height:100%;grid-column:auto;grid-row:auto}
.delivery-story-stage .ss-stage{background:transparent;overflow:visible;font-family:Inter,sans-serif}
.delivery-story-frame{height:100%;padding:28px;background:var(--white);border:1px solid var(--line);border-radius:12px;color:var(--ink);display:flex;flex-direction:column;box-shadow:0 16px 32px -28px rgba(17,17,17,.16),0 1px 2px rgba(17,17,17,.04)}
.delivery-story-header{display:flex;align-items:center;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--line);font:400 12px/20px Inter,sans-serif;color:var(--body)}
.delivery-story-header img{margin-right:auto;flex:none}
.delivery-story-pane{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding-top:28px;gap:24px}
.delivery-story-title{font:600 28px/1.16 Switzer,sans-serif;letter-spacing:-.03em;color:var(--ink)}
.delivery-story-map{display:flex;align-items:center;width:100%;min-height:220px}
.delivery-story-map-part{position:relative;display:flex;align-items:center;flex:1;justify-content:center}
.delivery-story-map-part>div{display:flex;flex-direction:column;align-items:center;gap:24px}
.delivery-story-icon{width:72px;height:72px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(163,207,255,.28),var(--white));border:1px solid var(--line);box-shadow:0 6px 12px -8px rgba(17,17,17,.2);color:var(--accent)}
.delivery-story-map b{font:400 12px/20px Inter,sans-serif;white-space:nowrap}
.delivery-story-link{position:absolute;right:calc(50% + 36px);width:calc(100% - 72px);height:1px;top:36px;background:rgba(37,99,235,.3)}
.delivery-story-scope{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.delivery-story-scope>div{display:flex;align-items:center;gap:12px;min-height:88px;padding:20px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(140deg,var(--white),rgba(163,207,255,.16));font:400 14px/20px Inter,sans-serif}
.delivery-story-scope svg{flex:none;color:var(--accent)}
.delivery-story-rows{display:grid;gap:12px}
.delivery-story-row{--ss-row-title:14px;--ss-row-line:20px;background:linear-gradient(120deg,var(--white),rgba(163,207,255,.12));border:1px solid var(--line);border-radius:8px!important;min-width:0}
.delivery-story-row .ss-row__title{font-weight:400}
.delivery-story-row>.ss-row__lead{color:var(--body)}
.delivery-story-row>svg{color:var(--accent)}
.delivery-story-testing{display:flex;flex-direction:column;align-items:center}
.delivery-story-test-inputs{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%}
.delivery-story-test-inputs>div{display:flex;align-items:center;gap:12px;padding:24px 16px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,var(--white),rgba(163,207,255,.16));font:400 12px/20px Inter,sans-serif}
.delivery-story-test-inputs svg{flex:none;color:var(--accent)}
.delivery-story-test-inputs svg:last-child{margin-left:auto}
.delivery-story-trunk{height:48px;width:1px;background:rgba(37,99,235,.3)}
.delivery-story-human{display:flex;align-items:center;gap:16px;padding:24px;width:80%;border:1px solid var(--line);border-radius:8px;background:var(--white);box-shadow:0 12px 24px -16px rgba(17,17,17,.25);font:500 16px/24px Switzer,sans-serif}
.delivery-story-human svg{color:var(--accent);flex:none}
.delivery-story-human svg:last-child{margin-left:auto}
.delivery-story-condition{font:400 12px/20px Inter,sans-serif;color:var(--body)}
.delivery-timing-section{padding:80px 0}
.delivery-timing-grid{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}
.delivery-timing-grid h2{font-size:36px;max-width:400px;margin-bottom:0}
.delivery-timing-grid .delivery-icon{margin-bottom:20px;color:var(--accent)}
.delivery-timing-grid p{margin-bottom:0}
@media(max-width:1100px){.delivery-hero{padding:80px 0}.delivery-hero-grid{gap:32px;grid-template-columns:1fr 1fr}.delivery-page h1{font-size:56px}.delivery-hero .button{font-size:13px;padding:12px 16px;gap:12px}.delivery-timing-grid{gap:64px}}
@media(max-width:900px){.delivery-hero-grid{grid-template-columns:1fr;gap:48px}.delivery-hero-copy{max-width:640px}.delivery-hero-visual{max-width:none;margin-inline:0}.delivery-page h1{font-size:60px}.delivery-hero-copy>p{max-width:540px}.delivery-timing-grid{gap:40px}}
@media(max-width:700px){.delivery-page{--delivery-gutter:20px}.delivery-page .site-header .nav,.delivery-page .site-header.is-scrolled .nav{height:64px}.delivery-page .brand img{width:120px}.delivery-hero{padding:48px 0 64px}.delivery-hero-grid{gap:40px}.delivery-page h1{font-size:43px;letter-spacing:-.045em}.delivery-hero h1{margin-bottom:24px;max-width:440px}.delivery-page h2{font-size:36px}.delivery-page p{font-size:14px}.delivery-hero-copy .ui-badge{margin-bottom:20px}.delivery-page .button{font-size:12px;padding:12px 16px;gap:8px;min-height:44px}.delivery-page .actions{gap:8px;margin-top:24px}.delivery-step{margin-bottom:20px}.delivery-timing-section{padding:64px 0}.delivery-timing-grid{grid-template-columns:1fr;gap:24px}.delivery-timing-grid h2{font-size:32px}.delivery-final{padding:64px 0 128px}.delivery-final h2{font-size:38px}.delivery-final>.container>p{font-size:10px;max-width:280px;margin-inline:auto;text-align:left;align-items:flex-start;gap:8px}.delivery-final>.container>p .delivery-icon{margin-top:1px}.delivery-pattern{height:180px}.delivery-page .footer10{padding-top:88px}}
@media(max-width:600px){.delivery-page .site-header .nav{padding-inline:8px}}
@media(max-width:359px){.delivery-page{--delivery-gutter:16px}.delivery-page .site-header .nav{padding-inline:4px}.delivery-page h1{font-size:42px}.delivery-page h2{font-size:33px}.delivery-page .button{font-size:11px;padding-inline:12px}}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-frame{padding:20px}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-header{padding-bottom:12px;font-size:11px}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-header img{width:72px;height:20px}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-pane{padding-top:16px;gap:12px}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-title{font-size:22px}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-map{min-height:112px}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-map-part>div{gap:16px}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-icon{width:48px;height:48px}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-icon svg{width:20px;height:20px}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-map b{font-size:10px;line-height:16px}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-link{right:calc(50% + 24px);width:calc(100% - 48px);top:24px}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-scope{gap:8px}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-scope>div{min-height:48px;padding:12px;gap:8px;font-size:11px;line-height:16px}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-scope svg{width:14px;height:14px}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-rows{gap:8px}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-row{--ss-row-title:12px;--ss-row-line:16px}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-row svg{width:14px;height:14px}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-test-inputs{gap:12px}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-test-inputs>div{gap:8px;padding:12px 8px;font-size:10px;line-height:16px}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-test-inputs svg{width:14px;height:14px}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-trunk{height:24px}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-human{padding:12px;gap:12px;font-size:12px;line-height:20px;width:90%}
.delivery-story-stage .ss-stage[data-layout=compact] .delivery-story-condition{font-size:11px;line-height:16px}
@media(prefers-reduced-motion:reduce){.delivery-plan *{transition-duration:0s!important;animation:none!important}}
@media(prefers-reduced-motion:reduce){.delivery-story *{transition-duration:0s!important;animation:none!important}}
@media(max-width:1100px){.delivery-process-stage{column-gap:48px}.delivery-process-copy h2{font-size:40px}}
@media(max-width:900px){.delivery-process-copy h2{font-size:36px}.delivery-process-copy p{font-size:14px}}
@media(max-width:767px){.delivery-process-stage{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:80px}.delivery-process-copy{grid-column:1;grid-row:calc(var(--process-step) * 2 + 2);margin-top:32px}.delivery-process-copy:first-child{margin-top:0}.delivery-process-visual{grid-column:1;grid-row:calc(var(--process-step) * 2 + 3);max-width:600px;width:100%;justify-self:center;margin-bottom:24px}.delivery-process-copy h2{max-width:540px}.delivery-process-copy p{max-width:580px}.delivery-process-copy .delivery-step{margin-bottom:20px}}
@media(max-width:359px){.delivery-process-copy h2{font-size:33px}}
@media(max-width:900px){.delivery-process-details{gap:16px}.delivery-process-details li{font-size:12px;line-height:18px;gap:8px}}
@media(max-width:767px){.delivery-process-intro h2{max-width:600px}.delivery-process-details{margin-top:24px;max-width:540px}.delivery-process-details li{font-size:13px;line-height:20px}.delivery-process-details .delivery-icon{height:20px}}
@media(max-width:359px){.delivery-process-details{column-gap:12px}.delivery-process-details li{font-size:12px}}
@media(min-width:768px) and (max-height:850px){.delivery-process-section[data-pinned] .delivery-process-intro h2{font-size:36px}.delivery-process-section[data-pinned] .delivery-process-intro p{font-size:14px;line-height:1.6}.delivery-process-section[data-pinned] .delivery-process-copy h2{font-size:36px}.delivery-process-section[data-pinned] .delivery-process-copy p{font-size:14px}.delivery-process-section[data-pinned] .delivery-process-details{margin-top:24px}.delivery-process-section[data-pinned] .delivery-process-details li{font-size:12px;line-height:18px}}
