/* Service-first opening. The film fills the stage; text remains semantic HTML. */
#experience.hero-film{height:240svh!important;background:#fff}
.hero-film-stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;isolation:isolate;--hero-progress:0;--order-reveal:0}
.hero-film-media{position:absolute;inset:0;z-index:0}
.hero-film-media>img,.hero-film-media>video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;transform:none;mask:none}
.hero-film-media>video{opacity:0}
.hero-film-media.is-ready>video{opacity:1}
.hero-film-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#fff 0%,#fff 25%,#fffffff5 43%,#ffffffdb 50%,#ffffff38 61%,#ffffff00 70%),linear-gradient(180deg,#fff 0%,#fff 10%,#ffffff00 27%,#ffffff00 76%,#fff 100%)}
.hero-film-copy{position:absolute;z-index:3;left:var(--gutter);top:23%;width:49%;max-width:750px}
.hero-film-copy .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.07em;margin-bottom:24px}
.hero-film-copy h2{font-size:clamp(50px,5.1vw,86px);line-height:1.045;letter-spacing:-.055em;max-width:760px}
.hero-film-copy h2>span{color:#674181}
.hero-film-lede{max-width:405px;font-size:17px;line-height:1.65;margin-top:25px}
.hero-film-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:26px}
.hero-film-actions .button{font-size:14px}
.hero-film-credit{font-size:12px;line-height:1.6;color:#706978;margin-top:23px;max-width:400px}
.hero-film-bottom{position:absolute;inset:auto var(--gutter) 26px;display:flex;justify-content:space-between;gap:20px;z-index:5;font-size:12px;color:#706978}
.hero-film-bottom>a{color:#674181;text-decoration:underline;text-underline-offset:4px;min-height:36px;display:flex;align-items:center}
.hero-film-bottom>span{display:flex;align-items:center}
.hero-order-overlay{position:absolute;z-index:4;right:8%;top:37%;width:340px;opacity:var(--order-reveal);transform:translateY(calc((1 - var(--order-reveal))*55px)) rotate(calc((1 - var(--order-reveal))*6deg));pointer-events:none}
.hero-example-label{display:inline-block;background:#ffffffee;border:1px solid #e4dbe9;color:#674181;font-size:12px;line-height:1.5;padding:7px 11px;margin:0 0 10px 12px;border-radius:4px}
.hero-order-card{background:#fffffff5;backdrop-filter:blur(8px);border:1px solid #ccb7d9;border-radius:9px;box-shadow:0 24px 65px #3d244f22;padding:22px}
.hero-order-card header{display:flex;justify-content:space-between;gap:15px;padding-bottom:17px;border-bottom:1px solid #e5dbe9;color:#674181;font-size:12px}
.hero-order-card>strong{display:block;font:500 25px/1.2 var(--display);letter-spacing:-.03em;margin-top:21px}
.hero-order-line{display:flex;justify-content:space-between;gap:15px;font-size:16px;margin:17px 0 22px}
.hero-order-line b{font-weight:500;color:#674181}
.hero-order-path{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;background:#f3edf7;border-radius:5px;color:#674181;font-size:13px}
.hero-order-path i{font-style:normal}
.hero-order-card>p{font-size:12px;color:#706978;line-height:1.5;margin-top:14px}
.example-eyebrow{font-size:12px;line-height:1.6;letter-spacing:.05em;text-transform:uppercase;color:#674181;margin-bottom:22px}
.service-section{padding-top:95px;padding-bottom:95px}
.service-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:80px}
.service-intro>p{font-size:18px;line-height:1.7;max-width:480px;margin-bottom:6px}
.service-proof{display:flex;flex-wrap:wrap;gap:16px 40px;margin-top:35px;padding:20px 0;border-block:1px solid #e9e5ed;color:#706978;font-size:13px}
.service-proof span{display:flex;align-items:center;gap:10px}.service-proof span:before{content:'✓';color:#674181}
.service-workbench{display:grid;grid-template-columns:.9fr 1.2fr;gap:65px;align-items:center;margin-top:52px}
.service-options button{display:flex;align-items:center;gap:18px;text-align:left;width:100%;border:0;border-bottom:1px solid #e9e5ed;background:transparent;padding:24px 0;color:#706978;min-height:115px}
.service-options button>span:nth-child(2){font:500 clamp(22px,2.1vw,30px)/1.2 var(--display);letter-spacing:-.035em;flex:1}
.service-options button small{font:400 14px/1.5 var(--text);letter-spacing:0;display:block;margin-top:10px;color:#706978}
.service-option-number{font-size:12px;color:#93879b;align-self:flex-start;margin-top:5px}
.service-options button>span:last-child{font-size:22px;transition:transform .25s}
.service-options button[aria-pressed=true]{color:#674181}.service-options button[aria-pressed=true]>span:last-child{transform:translate(3px,-3px)}
.service-options button:disabled{cursor:default}
.service-options button:focus-visible{outline:3px solid #b99acc;outline-offset:5px}
.service-diagram{padding:24px 28px 28px;background:#faf8fc;border:1px solid #e6deec;border-radius:13px;min-width:0;box-shadow:0 20px 60px #67418108}
.service-diagram-top{display:flex;justify-content:space-between;gap:15px;color:#706978;font-size:12px;margin-bottom:27px}
.service-source-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.service-file{background:white;border:1px solid #e3d9e9;border-radius:6px;box-shadow:0 8px 18px #67418108;transform:rotate(-3deg);overflow:hidden;transition:transform .4s var(--ease)}
.service-file-back{transform:translateY(7px) rotate(3deg)}
.service-file-kind{display:block;padding:8px 14px;font-size:12px;color:#706978;background:#f5f0f8;border-bottom:1px solid #e3d9e9}
.service-file strong{display:block;font-size:16px;font-weight:500;padding:15px 14px 11px;overflow-wrap:anywhere}
.service-file dl{margin:0 14px 15px;font-size:12px;display:grid;grid-template-columns:1fr 1fr;gap:0}
.service-file dt,.service-file dd{padding:6px 5px;border-top:1px solid #e9e5ed;margin:0;line-height:1.4}.service-file dt{color:#706978}.service-file dd{color:#674181;text-align:right}
.service-connections{display:block;width:100%;height:55px}
.service-engine{display:flex;gap:19px;align-items:center;background:#674181;color:white;padding:18px 22px;border-radius:8px;box-shadow:0 12px 20px #67418115}
.service-builder-mark{font:800 42px/1 var(--display);letter-spacing:-.08em;flex:none}
.service-engine strong{font-size:18px;font-weight:500;display:block;line-height:1.3}
.service-engine div>span{font-size:12px;display:block;margin-top:7px;color:#eee1f6}
.service-output-link{height:27px;width:1px;background:#b99acc;margin:auto}
.service-output{display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;padding:17px 22px;border:1px solid #d6c3e1;border-radius:7px;min-height:87px}
.service-output div>span{display:block;color:#706978;font-size:12px;margin-bottom:6px}.service-output strong{font:500 23px/1.2 var(--display);letter-spacing:-.035em}.service-result-check{color:#674181;font-size:23px}
.service-diagram>p{font-size:14px;line-height:1.6;color:#706978;margin-top:20px;min-height:68px}
.service-diagram.is-switching .service-output{animation:service-arrival .5s var(--ease)}
@keyframes service-arrival{from{opacity:.4;transform:translateY(9px)}to{opacity:1;transform:none}}
.service-scope{font-size:14px;line-height:1.7;max-width:730px;margin-top:27px;color:#706978}
.email-example{background:#faf9fc}.email-example-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}.email-example-copy>p:not(.example-eyebrow){font-size:17px;line-height:1.7;max-width:400px;margin-top:25px}.email-example-note{display:block;font-size:13px;color:#674181;margin-top:22px}
.email-example-art{min-width:0;padding:20px 0;position:relative}.email-incoming,.email-draft{border:1px solid #e0d6e6;background:white;border-radius:9px;overflow:hidden;box-shadow:0 14px 35px #4427540a}.email-incoming{width:85%;transform:rotate(-3deg);margin-bottom:24px}.email-window-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 19px;background:#faf7fc;border-bottom:1px solid #e9e1ee;font-size:13px;color:#674181}.email-window-bar span:last-child{font-size:12px;color:#706978}.email-card-body{padding:23px;font-size:16px;line-height:1.65}.email-meta{display:block;font-size:12px;color:#706978;margin-bottom:10px}.email-knowledge{position:relative;width:68%;margin-left:auto;margin-bottom:-15px;transform:rotate(3deg);background:#eee4f5;border:1px solid #d7c0e3;border-radius:7px;padding:17px 22px;z-index:1}.email-knowledge>span{font-size:12px;color:#674181}.email-knowledge strong{display:block;font-size:17px;font-weight:500;margin-top:5px}.email-knowledge p{font-size:14px;line-height:1.6;margin-top:10px;color:#625769}.email-draft{width:92%;margin-left:4%;position:relative;z-index:2}.email-draft .email-card-body>p+p{margin-top:12px}.email-draft mark{background:#eee4f5;color:#674181;padding:1px 4px;border-radius:2px}.email-draft-footer{border-top:1px solid #e9e1ee;margin-top:22px;padding-top:14px;font-size:12px;color:#706978;display:flex;justify-content:space-between;gap:15px}.email-draft-footer>span:last-child{color:#674181}.email-art-caption{font-size:12px;color:#706978;margin:18px 4% 0;line-height:1.5}
@media(min-width:1800px){.hero-film-copy{left:max(6vw,calc((100vw - 1640px)/2));max-width:780px}.hero-film-copy h2{font-size:86px}.hero-film-media>img,.hero-film-media>video{object-position:center 55%}.hero-order-overlay{right:13%;width:390px}.hero-order-card{padding:26px}.hero-film-lede{font-size:18px;max-width:450px}}
@media(min-width:761px) and (max-height:800px){.hero-film-stage{min-height:0}.hero-film-copy{top:20%}.hero-film-copy h2{font-size:clamp(45px,4.8vw,66px)}.hero-film-copy .eyebrow{margin-bottom:17px}.hero-film-lede{font-size:16px;line-height:1.55;margin-top:20px}.hero-film-actions{margin-top:20px}.hero-film-credit{margin-top:15px}.hero-film-bottom{bottom:15px}.hero-order-overlay{top:28%;right:5%;width:310px}}
@media(min-width:761px) and (max-width:1100px){.hero-film-copy{width:54%;top:22%}.hero-film-copy h2{font-size:49px}.hero-film-shade{background:linear-gradient(90deg,#fff 0%,#fff 12%,#fffffff2 30%,#ffffffd9 45%,#ffffff00 68%),linear-gradient(180deg,#fff,#fff 12%,#fff0 30%,#fff0 76%,#fff)}.hero-film-actions{gap:7px}.hero-film-lede{max-width:335px}.hero-order-overlay{right:3%;top:59%;width:270px}.hero-order-card{padding:17px}.hero-order-card>strong{font-size:23px}.hero-film-credit{max-width:290px}.service-workbench{gap:35px}.service-options button>span:nth-child(2){font-size:25px}.service-diagram{padding:22px}.email-example-layout{gap:35px}.email-example .section-title{font-size:47px}}
@media(max-width:760px){
 html.enhanced #experience.hero-film,#experience.hero-film{height:190svh!important}
 .hero-film-stage{height:100svh;min-height:600px;position:sticky;padding:0}
 .hero-film-copy{top:112px;left:24px;width:calc(100% - 48px);max-width:540px}
 .hero-film-copy .eyebrow{font-size:11px;margin-bottom:18px;letter-spacing:.065em}
 .hero-film-copy h2{font-size:clamp(32px,9vw,54px);line-height:1.08;max-width:550px}
 .hero-film-lede{font-size:16px;line-height:1.6;margin-top:18px;max-width:385px}
 .hero-film-actions{margin-top:21px;gap:12px}.hero-film-actions .button{font-size:14px;min-height:47px;padding:10px 16px}.hero-film-actions .hero-secondary{display:none}
 .hero-film-credit{display:none}
 .hero-film-media{inset:43% -22% 0 -22%}
 .hero-film-media>img,.hero-film-media>video{object-fit:cover;object-position:66% 56%}
 .hero-film-shade{background:linear-gradient(180deg,#fff 0%,#fff 43%,#ffffffe6 49%,#ffffff00 61%,#ffffff00 87%,#fff 100%)}
 .hero-film-bottom{inset:auto 24px 14px;display:block;font-size:12px}.hero-film-bottom>a{display:none}.hero-film-bottom>span{line-height:1.5}
 .hero-order-overlay{top:auto;bottom:10%;right:8%;width:68%;max-width:340px;transform:translateY(calc((1 - var(--order-reveal))*35px)) rotate(calc((1 - var(--order-reveal))*4deg))}
 .hero-example-label{font-size:11px;padding:5px 9px;margin-bottom:7px}.hero-order-card{padding:16px;background:#fffffffa}.hero-order-card header{font-size:11px;padding-bottom:12px}.hero-order-card>strong{font-size:22px;margin-top:15px}.hero-order-line{font-size:14px;margin:12px 0 15px}.hero-order-path{font-size:12px;padding:10px}.hero-order-card>p{font-size:11px;margin-top:10px}
 .service-section{padding-block:65px}.service-intro{display:block}.service-intro>p{font-size:16px;margin-top:25px;max-width:500px}.service-proof{display:grid;gap:12px;margin-top:27px;font-size:13px}.service-workbench{display:block;margin-top:20px}.service-options button{min-height:96px;padding:18px 0;gap:15px}.service-options button>span:nth-child(2){font-size:25px}.service-options button small{font-size:14px;margin-top:7px}.service-diagram{margin-top:29px;padding:20px 17px}.service-diagram-top{font-size:12px;margin-bottom:22px}.service-source-pair{gap:15px}.service-file-kind{padding-inline:10px}.service-file strong{font-size:14px;padding:13px 10px 10px}.service-file dl{margin-inline:10px}.service-engine{padding:16px;gap:15px}.service-engine strong{font-size:17px}.service-engine div>span{font-size:12px;line-height:1.5}.service-output{padding:16px}.service-output strong{font-size:23px}.service-diagram>p{min-height:0;font-size:14px}.service-scope{font-size:14px}.example-eyebrow{margin-bottom:20px;font-size:12px}
 .email-example-layout{display:flex;flex-direction:column;gap:25px;align-items:stretch}.email-example-copy>p:not(.example-eyebrow){font-size:16px;margin-top:23px}.email-example-art{padding-top:5px}.email-incoming{width:92%;margin-left:2%;margin-bottom:20px}.email-window-bar{padding:12px 15px;font-size:13px}.email-card-body{padding:19px;font-size:15px}.email-knowledge{width:82%;padding:17px;margin-bottom:-8px}.email-draft{width:97%;margin-left:1.5%}.email-draft-footer{font-size:12px}.email-art-caption{margin-inline:2%;font-size:12px}.email-example-note{font-size:13px}
}
@media(max-width:760px) and (max-height:720px){.hero-film-copy{top:104px}.hero-film-copy .eyebrow{margin-bottom:13px;font-size:10px}.hero-film-copy h2{font-size:clamp(30px,8.5vw,42px)}.hero-film-lede{font-size:14px;line-height:1.55;margin-top:16px;max-width:360px}.hero-film-actions{margin-top:17px}.hero-film-actions .button{font-size:13px;min-height:44px}.hero-film-media{inset:42% -22% 0}.hero-film-shade{background:linear-gradient(180deg,#fff 0%,#fff 43%,#ffffffe6 49%,#ffffff00 64%,#ffffff00 87%,#fff 100%)}.hero-order-overlay{bottom:8%;right:7%;width:70%}.hero-order-card>p{display:none}.hero-order-card>strong{font-size:20px}.hero-order-card{padding:14px}.hero-order-line{margin-block:10px}}
@media(max-width:359px){.hero-film-copy{left:20px;width:calc(100% - 40px)}.hero-film-copy h2{font-size:30px}.hero-order-overlay{right:6%;width:75%}.service-diagram{padding-inline:13px}.service-source-pair{gap:12px}.service-file dl{font-size:11px}.service-diagram-top{gap:12px}.service-engine{padding-inline:13px}.service-engine div>span{font-size:11px}}
/* Short windows and motion-off preserve the offer without a tall pinned sequence. */
html.reduce-motion #experience.hero-film,html:not(.enhanced) #experience.hero-film{height:auto!important}
html.reduce-motion .hero-film-stage,html:not(.enhanced) .hero-film-stage{position:relative}
html.reduce-motion .hero-footage,html:not(.enhanced) .hero-footage,html.reduce-motion .hero-order-overlay,html:not(.enhanced) .hero-order-overlay{display:none}
html.reduce-motion .hero-film-bottom>span,html:not(.enhanced) .hero-film-bottom>span{visibility:hidden}
html.reduce-motion .service-diagram.is-switching .service-output{animation:none}
@media(prefers-reduced-motion:reduce){#experience.hero-film{height:auto!important}.hero-film-stage{position:relative}.hero-footage,.hero-order-overlay{display:none}.hero-film-bottom>span{visibility:hidden}.service-diagram.is-switching .service-output{animation:none}}
@media(max-height:560px){html.enhanced #experience.hero-film,#experience.hero-film{height:auto!important}.hero-film-stage{position:relative;height:auto;min-height:0}.hero-film-copy{position:relative;top:auto;left:auto;width:auto;max-width:680px;padding:110px 30px 20px}.hero-film-copy h2{font-size:48px}.hero-film-lede{font-size:16px;max-width:440px}.hero-film-media{position:relative;inset:auto;height:340px;width:100%;margin-top:-20px}.hero-film-shade{background:linear-gradient(#fff 0%,#fff 44%,#fff0 68%,#fff0 88%,#fff)}.hero-film-copy{z-index:3}.hero-film-bottom{position:relative;inset:auto;margin:0 30px 24px}.hero-order-overlay{top:auto;bottom:80px;right:10%;width:290px}.hero-film-credit{display:none}}
@media(max-width:760px){
 .service-workbench{scroll-margin-top:12px}
 .service-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .service-options button{padding:12px 9px;min-height:88px;border:1px solid #e6deec;border-radius:7px;align-items:center}
 .service-options button>span:nth-child(2){font-size:16px;line-height:1.25;letter-spacing:-.025em}
 .service-options button[aria-pressed=true]{background:#f3edf7;border-color:#b99acc}
 .service-options button>span:first-child,.service-options button>span:last-child,.service-options button small{display:none}
 .service-diagram{margin-top:15px}.service-connections{height:38px}.service-diagram-top{margin-bottom:17px}
}
@media(max-height:560px){
 .hero-film-stage{display:flex;flex-direction:column}
 .hero-film-copy{order:1}.hero-film-media{order:2;margin-top:0;flex:none}.hero-film-bottom{order:3}
}
@media(min-width:761px) and (max-width:1100px){.hero-film-shade{background:linear-gradient(90deg,#fff 0%,#fff 25%,#fffffff5 48%,#ffffffd9 61%,#ffffff00 84%),linear-gradient(180deg,#fff,#fff 12%,#fff0 30%,#fff0 76%,#fff)}}
@media(max-width:359px){.service-options button{padding:10px 7px;min-height:78px}.service-options button>span:nth-child(2){font-size:14px}.service-diagram{padding-block:16px}.service-engine{padding:12px;gap:12px}.service-builder-mark{font-size:32px}.service-engine strong{font-size:15px}.service-engine div>span{font-size:10px}.service-output{padding:12px;min-height:76px}.service-output strong{font-size:20px}.service-connections{height:30px}.service-output-link{height:20px}}