/* Shared chrome and homepage chapters. */
:is(.connected-page,.home-page) .site-header { top: 0; left: 0; right: 0; border: 0; border-bottom: 1px solid #ffffff22; border-radius: 0; background: #0a2033; backdrop-filter: none; }
:is(.connected-page,.home-page) .header-inner { width: min(100% - var(--gutter)*2,1480px); min-height: 82px; margin-inline: auto; }
:is(.connected-page,.home-page) .site-header .nav-contact { border-radius: 0; }
/* A compact close: identity, useful links and a direct point of contact. */
:is(.connected-page,.home-page) .site-footer { padding: 43px 0 23px; border-top: 0; background: #0a2033; color: #fbfaf7; }
:is(.connected-page,.home-page) .footer-main { display: grid; grid-template-columns: 1.05fr 1fr .8fr; gap: 60px; align-items: start; padding-bottom: 32px; }
:is(.connected-page,.home-page) .footer-main .brand { grid-column: auto; grid-row: auto; display: inline-flex; color: #fbfaf7; font-size: 32px; line-height: 1.2; gap: 10px; margin: 0; }
:is(.connected-page,.home-page) .footer-main .brand svg { width: 18px; height: 25px; margin: 0; flex-shrink: 0; }
.footer-identity > p { max-width: 27ch; margin: 15px 0 0; font-size: 14px; line-height: 1.6; color: #b1c2ce; }
:is(.connected-page,.home-page) .footer-main nav { grid-column: auto; grid-row: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 0 30px; max-width: 370px; margin: -7px 0 0; align-content: start; }
:is(.connected-page,.home-page) .footer-main nav a { display: block; width: fit-content; border: 0; padding: 8px 0; font-size: 14px; line-height: 1.4; color: #e4ebef; text-decoration: none; }
:is(.connected-page,.home-page) .footer-main nav a:hover { color: #e3c58d; text-decoration: underline; text-underline-offset: 5px; }
.footer-contact { justify-self: end; padding-top: 1px; }
.footer-contact > a { display: inline-block; font-size: 17px; line-height: 1.4; color: #fbfaf7; text-decoration: underline; text-decoration-color: #8e784e; text-underline-offset: 6px; }
.footer-contact > a:hover { text-decoration-color: #e3c58d; }
.footer-contact > p { margin: 15px 0 0; font-size: 13px; line-height: 1.6; color: #b1c2ce; }
:is(.connected-page,.home-page) .footer-bottom { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 20px; border-top: 1px solid #ffffff22; padding-top: 20px; color: #9eb3c1; }
:is(.connected-page,.home-page) .footer-bottom small,:is(.connected-page,.home-page) .footer-bottom a { font-size: 12px; line-height: 1.5; }
:is(.connected-page,.home-page) .footer-bottom a { color: #b1c2ce; text-decoration: none; }
:is(.connected-page,.home-page) .footer-bottom a:hover { color: #e3c58d; text-decoration: underline; text-underline-offset: 4px; }
:is(.connected-page,.home-page) .site-footer :focus-visible { outline: 2px solid #e3c58d; outline-offset: 5px; }
@media (max-width: 1000px) {
 :is(.connected-page,.home-page) .footer-main { grid-template-columns: 1fr 1.15fr; gap: 26px 50px; }
 .footer-contact { grid-column: 1; grid-row: 2; justify-self: start; padding: 0; }
 :is(.connected-page,.home-page) .footer-main nav { grid-column: 2; grid-row: 1 / 3; max-width: none; }
}
@media (max-width: 600px) {
 :is(.connected-page,.home-page) .site-footer { padding: 32px 0 21px; }
 :is(.connected-page,.home-page) .footer-main { grid-template-columns: 1fr; gap: 25px; padding-bottom: 27px; }
 :is(.connected-page,.home-page) .footer-main .brand { font-size: 29px; gap: 9px; }
 :is(.connected-page,.home-page) .footer-main .brand svg { width: 17px; height: 23px; }
 .footer-identity > p { margin-top: 11px; font-size: 13px; }
 :is(.connected-page,.home-page) .footer-main nav { grid-column: 1; grid-row: 2; grid-template-columns: 1fr 1fr; gap: 0 24px; margin: 0; }
 :is(.connected-page,.home-page) .footer-main nav a { padding: 10px 0; font-size: 14px; }
 .footer-contact { grid-column: 1; grid-row: 3; }
 .footer-contact > a { font-size: 16px; }
 .footer-contact > p { margin-top: 11px; font-size: 12px; }
 :is(.connected-page,.home-page) .footer-bottom { gap: 14px; padding-top: 18px; }
 :is(.connected-page,.home-page) .footer-bottom small,:is(.connected-page,.home-page) .footer-bottom a { font-size: 11px; }
}
/* Only outer decorative frames are removed; documents inside demos keep their meaning. */
.connected-page :is(.story-office-scene,.story-office-note,.story-principles-grid figure,.story-direct,.privacy-hero,.not-found-scene,.op-office-routing,.op-gate,.op-attribution) { clip-path: none; }
.home-page .hero-dock { left: max(var(--gutter),calc((100vw - 1480px)/2)); right: max(var(--gutter),calc((100vw - 1480px)/2)); min-height: 82px; padding: 23px 0; display: grid; grid-template-columns: 1fr auto; gap: 40px; color: #fbfaf7; background: transparent; clip-path: none; border-top: 1px solid #ffffff66; }
.home-page .dock-title { font-size: 14px; }
.home-page .dock-route { display: flex; gap: 37px; margin: 0; padding: 0; border: 0; }
.home-page .dock-route a { font-size: 13px; }
.home-page .dock-route::before,.home-page .dock-route a::after { display: none; }
.home-page .yard-caption { bottom: 100px; }
.home-page .yard-point { border: 0; background: #0a20339c; box-shadow: none; }
.editorial-origin { padding: 49px 0 54px; background: #fbfaf7; }
.editorial-origin > .container { display: grid; grid-template-columns: 1fr auto; gap: 110px; align-items: center; }
.editorial-origin p { max-width: 40ch; font: 600 clamp(25px,2.2vw,34px)/1.4 var(--display); letter-spacing: -.035em; }
.editorial-origin .container > div { display: grid; gap: 10px; align-content: start; font-size: 13px; }
.editorial-origin .container > div > span { color: #66727a; }
.home-page .journey-section { padding: 66px 0 30px; background: #0a2033; color: #fbfaf7; }
.home-page .journey-section .section-heading { width: min(100% - var(--gutter)*2,1480px); grid-template-columns: 1.05fr .95fr; align-items: end; margin-bottom: 30px; }
.home-page .journey-section .section-heading h2 { font-size: clamp(44px,4.5vw,66px); letter-spacing: -.04em; }
.home-page .journey-section .section-heading > p { max-width: 45ch; color: #b9cbd6; font-size: 16px; }
.home-page .workflow { clip-path: none; }
.home-page .workflow-panels { color: #14304e; }
.home-page .workflow-heading { padding-top: 22px; padding-bottom: 20px; border-top: 1px solid #ffffff22; }
.home-page .workflow-heading svg { display: none; }
.home-page .workflow-heading strong { font-size: 13px; font-weight: 400; }
.home-page .workflow-heading > span { font-size: 11px; color: #9cb2bf; }
.home-page .journey-footnote { color: #a9becb; margin-top: 22px; border: 0; }
.home-page .journey-footnote a { color: #fff; }
.editorial-decisions { padding: 72px 0 80px; background: #fbfaf7; }
.editorial-decisions > .container { display: grid; grid-template-columns: .82fr 1.18fr; gap: 115px; align-items: start; }
.editorial-decisions h2 { margin-bottom: 23px; font-size: clamp(38px,3.6vw,53px); line-height: 1.07; letter-spacing: -.04em; font-weight: 500; }
.editorial-decisions .container > div > p:not(.decision-context) { max-width: 39ch; font-size: 17px; color: #526572; line-height: 1.75; }
.editorial-decisions .text-link { margin-top: 23px; }
.decision-context { margin-bottom: 18px; color: #687782; font-size: 12px; }
.decision-example { border-top: 1px solid #bfc7c8; }
.decision-example:last-child { border-bottom: 1px solid #bfc7c8; }
.decision-example summary { display: flex; justify-content: space-between; gap: 20px; padding: 21px 0; cursor: pointer; list-style: none; }
.decision-example summary::-webkit-details-marker { display: none; }
.decision-example summary strong { font-size: 19px; font-weight: 500; line-height: 1.45; }
.decision-example summary > span { font-size: 25px; font-weight: 400; color: #8e7139; line-height: 1; }
.decision-example[open] summary > span { transform: rotate(45deg); }
.decision-example summary:focus-visible { outline: 2px solid #b8924a; outline-offset: 5px; }
.decision-answer { padding: 0 50px 25px 0; }
.decision-answer > span { color: #74808a; font-size: 12px; }
.decision-answer h3 { max-width: 35ch; margin: 10px 0 12px; font-size: 25px; line-height: 1.22; letter-spacing: -.03em; font-weight: 500; }
.decision-answer p { max-width: 49ch; color: #536673; font-size: 14px; line-height: 1.7; }
.editorial-service { padding: 79px 0 88px; background: #ece6d9; }
.service-editorial-heading h2 { max-width: 22ch; font-size: clamp(43px,4.8vw,72px); font-weight: 500; line-height: 1.06; letter-spacing: -.05em; margin-bottom: 45px; }
.service-editorial-body { display: grid; grid-template-columns: 1.6fr 1fr; gap: 65px; align-items: end; width: min(100% - var(--gutter),1745px); margin-left: 0; margin-right: auto; }
.service-editorial-body figure { min-width: 0; }
.service-editorial-body figure img { width: 100%; height: 550px; object-fit: cover; object-position: 55% center; }
.service-editorial-body figcaption { padding: 16px 0 0 var(--gutter); color: #65717a; font-size: 12px; }
.service-editorial-copy { padding-bottom: 36px; max-width: 48ch; }
.service-editorial-copy > p { color: #536572; font-size: 17px; line-height: 1.8; }
.service-editorial-copy > p + p { margin-top: 22px; }
.service-editorial-copy .service-editorial-fee { margin-top: 33px; color: #14304e; font-size: 24px; line-height: 1.4; letter-spacing: -.025em; }
.service-editorial-copy .text-link { display: inline-block; margin-top: 25px; }
.editorial-marketing { padding: 65px 0 70px; background: #14304e; color: #fbfaf7; }
.editorial-marketing > .container { display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 120px; }
.editorial-marketing h2 { margin-bottom: 19px; font-size: 16px; font-weight: 400; color: #c5d0d6; letter-spacing: 0; }
.editorial-marketing .container > div > a { position: relative; display: block; width: fit-content; padding-right: 75px; font-size: clamp(36px,4.4vw,65px); line-height: 1.08; letter-spacing: -.045em; text-decoration: none; }
.editorial-marketing a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 9px; }
.editorial-marketing svg { position: absolute; right: 0; top: 14px; width: 47px; height: 47px; fill: none; stroke: #d6bb83; stroke-width: 1.5; }
.editorial-marketing .container > p { max-width: 44ch; color: #c3d0d8; font-size: 17px; line-height: 1.8; }
.editorial-marketing :focus-visible { outline-color: #efd29a; }
.editorial-trades { padding: 88px 0 82px; background: #fbfaf7; }
.trades-editorial-grid { display: grid; grid-template-columns: 1.22fr 1fr; gap: 43px 86px; align-items: start; }
.trades-editorial-grid > a { color: #14304e; text-decoration: none; }
.trades-editorial-grid > a:hover h3 { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 7px; }
.trade-editorial-windows { grid-column: 1; grid-row: 1 / 3; }
.trade-editorial-windows img { width: 100%; height: 660px; object-fit: cover; object-position: 55% center; }
.trades-editorial-intro { grid-column: 2; grid-row: 1; padding-top: 11px; }
.trades-editorial-intro h2 { margin-bottom: 23px; font-size: clamp(42px,4.4vw,64px); font-weight: 500; line-height: 1.06; letter-spacing: -.045em; }
.trades-editorial-intro p { max-width: 37ch; margin-bottom: 18px; color: #647581; font-size: 16px; line-height: 1.75; }
.trade-editorial-adaptation { grid-column: 2; grid-row: 2 / 4; }
.trade-editorial-adaptation img { width: 100%; height: 365px; object-fit: cover; object-position: 66% center; }
.trades-editorial-grid figcaption { padding-top: 21px; }
.trades-editorial-grid figcaption h3 { margin-bottom: 9px; font-size: 28px; font-weight: 500; line-height: 1.16; letter-spacing: -.03em; }
.trades-editorial-grid figcaption p { color: #687b86; font-size: 14px; }
.trades-editorial-more { grid-column: 1; grid-row: 3; max-width: 48ch; padding-top: 6px; }
.trades-editorial-more > p { margin-bottom: 22px; color: #647581; font-size: 14px; line-height: 1.7; }
.trades-editorial-more a { display: block; width: fit-content; margin-top: 12px; font-size: 22px; text-decoration-thickness: 1px; text-underline-offset: 6px; }
@media (max-width: 1100px) {
 .editorial-origin > .container { gap: 60px; }
 .editorial-decisions > .container { gap: 65px; }
 .service-editorial-body { grid-template-columns: 1.15fr 1fr; gap: 38px; }
 .service-editorial-body figure img { height: 555px; }
 .service-editorial-copy > p { font-size: 16px; }
 .editorial-marketing > .container { gap: 65px; }
 .trades-editorial-grid { gap: 40px 50px; }
 .trade-editorial-windows img { height: 640px; }
 .trade-editorial-adaptation img { height: 340px; }
}
@media (max-width: 800px) {
 :is(.connected-page,.home-page) .header-inner { min-height: 72px; }
 .home-page .hero-dock { display: block; padding: 20px 0 24px; }
 .home-page .dock-route { display: grid; grid-template-columns: 1fr 1fr; margin-top: 18px; gap: 12px 30px; }
 .home-page .dock-route a { font-size: 12px; }
 .home-page .yard-caption { bottom: 137px; }
 .editorial-origin { padding: 34px 0 40px; }
 .editorial-origin > .container { grid-template-columns: 1fr; gap: 25px; }
 .editorial-origin p { max-width: 39ch; font-size: 27px; }
 .editorial-origin .container > div { display: flex; flex-wrap: wrap; gap: 10px 30px; }
 .home-page .journey-section { padding-top: 45px; }
 .home-page .journey-section .section-heading { grid-template-columns: 1fr; gap: 23px; }
 .home-page .journey-section .section-heading h2 { font-size: 46px; }
 .home-page .journey-section .section-heading > p { max-width: 60ch; }
 .editorial-decisions { padding: 53px 0 56px; }
 .editorial-decisions > .container { grid-template-columns: 1fr; gap: 32px; }
 .editorial-decisions .container > div > p:not(.decision-context) { max-width: 57ch; }
 .editorial-decisions h2 br { display: none; }
 .editorial-decisions h2 { max-width: 20ch; font-size: 39px; }
 .editorial-service { padding: 57px 0 56px; }
 .service-editorial-heading h2 { font-size: 43px; margin-bottom: 32px; }
 .service-editorial-body { grid-template-columns: 1fr; width: 100%; gap: 30px; }
 .service-editorial-body figure img { height: 420px; }
 .service-editorial-body figcaption { padding-inline: var(--gutter); }
 .service-editorial-copy { max-width: 61ch; margin-inline: var(--gutter); padding: 0; }
 .service-editorial-copy .service-editorial-fee { margin-top: 23px; font-size: 22px; }
 .editorial-marketing { padding: 43px 0 48px; }
 .editorial-marketing > .container { grid-template-columns: 1fr; gap: 28px; }
 .editorial-marketing .container > div > a { font-size: 46px; }
 .editorial-marketing .container > p { max-width: 59ch; font-size: 16px; }
 .editorial-trades { padding: 59px 0; }
 .trades-editorial-grid { gap: 34px; grid-template-columns: 1fr 1fr; }
 .trade-editorial-windows { grid-row: 2; }
 .trades-editorial-intro { grid-column: 1 / -1; grid-row: 1; }
 .trades-editorial-intro h2 { font-size: 46px; }
 .trades-editorial-intro h2 br { display: none; }
 .trades-editorial-intro p { max-width: 56ch; }
 .trade-editorial-adaptation { grid-row: 2; padding-top: 90px; }
 .trade-editorial-windows img { height: 465px; }
 .trade-editorial-adaptation img { height: 330px; }
 .trades-editorial-grid figcaption h3 { font-size: 26px; }
 .trades-editorial-more { grid-column: 1 / -1; grid-row: 3; }
}
@media (max-width: 600px) {
 .home-page .hero-dock { left: var(--gutter); right: var(--gutter); }
 .home-page .workflow-heading { padding-inline: 20px; }
 .home-page .workflow-heading > span { max-width: 16ch; font-size: 9px; }
 .home-page .journey-section .section-heading h2 { font-size: 39px; }
 .home-page .journey-section .section-heading > p { font-size: 15px; }
 .home-page .journey-footnote { font-size: 12px; }
 .editorial-origin p { font-size: 25px; }
 .editorial-decisions h2 { font-size: 37px; }
 .editorial-decisions .container > div > p:not(.decision-context) { font-size: 16px; }
 .decision-example summary strong { font-size: 17px; }
 .decision-answer { padding-right: 10px; }
 .decision-answer h3 { font-size: 23px; }
 .service-editorial-heading h2 { font-size: 37px; }
 .service-editorial-body figure img { height: 310px; }
 .service-editorial-body figcaption { font-size: 11px; }
 .editorial-marketing .container > div > a { font-size: clamp(32px,8.8vw,44px); padding-right: 43px; }
 .editorial-marketing svg { width: 33px; height: 33px; top: 6px; }
 .trades-editorial-grid { grid-template-columns: 1fr; gap: 38px; }
 .trades-editorial-intro { grid-row: 1; }
 .trades-editorial-intro h2 { font-size: 42px; }
 .trade-editorial-windows { grid-column: 1; grid-row: 2; }
 .trade-editorial-adaptation { grid-column: 1; grid-row: 3; padding: 0 0 0 35px; }
 .trade-editorial-windows img { height: 390px; }
 .trade-editorial-adaptation img { height: 265px; }
 .trades-editorial-more { grid-column: 1; grid-row: 4; }
}
/* Final shared UI pass: legible navigation, deliberate focus and a clear contact close. */
html { scroll-padding-top: calc(var(--header-height) + 22px); }
:is(.connected-page,.home-page) .site-header nav > a { font-size: 15px; }
:is(.connected-page,.home-page) .site-header nav > a { white-space: nowrap; }
:is(.connected-page,.home-page) .site-header .nav-contact { min-height: 44px; }
:is(.connected-page,.home-page) .site-header nav > a[aria-current="page"] { color: #e4c58b; text-decoration-thickness: 2px; }
:is(.connected-page,.home-page) .site-footer a[aria-current="page"] { color: #e4c58b; }
.nav-shade { display: none; }

:is(.connected-page,.home-page) .editorial-contact { padding: 70px 0 76px; background: #fff; border-top: 1px solid #dce4e8; color: #14304e; }
.editorial-contact > .container { display: grid; grid-template-columns: 1fr 1fr; gap: 84px; align-items: start; }
.editorial-contact h2 { max-width: 19ch; font: 500 clamp(35px,3.15vw,46px)/1.1 var(--body); letter-spacing: -.04em; }
.contact-editorial-copy > p { max-width: 44ch; margin-top: 24px; color: #526573; font-size: 16px; line-height: 1.75; }
.contact-editorial-person > p { font-size: 18px; line-height: 1.4; font-weight: 500; }
.contact-editorial-person > p span { display: inline-block; margin-left: 15px; font-size: 13px; font-weight: 400; color: #5a6b77; }
.contact-editorial-email { display: inline-block; max-width: 100%; padding-bottom: 7px; margin-top: 23px; font-size: clamp(30px,3.15vw,47px); line-height: 1.15; letter-spacing: -.04em; font-weight: 400; text-decoration: none; border-bottom: 1px solid #b8924a; }
.contact-editorial-email:hover { border-color: #14304e; }
.contact-editorial-note { display: block; margin-top: 14px; color: #61717c; font-size: 12px; }
.contact-options { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 30px; margin-top: 19px; }
.contact-copy { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 8px 0; border: 0; background: none; font: 400 13px/1.5 var(--body); color: #14304e; cursor: pointer; }
.contact-copy svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 1.3; }
.contact-copy:hover span { text-decoration: underline; text-underline-offset: 5px; }
.contact-copy[data-copied="true"] { color: #315b4b; }
.contact-editorial-privacy { display: inline-block; min-height: 44px; padding-block: 12px; margin-top: 19px; color: #5a6b77; font-size: 12px; }
.contact-options .contact-editorial-privacy { margin: 0; }
.contact-copy-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.contact-copy-status.copy-failed { position: static; display: block; width: auto; height: auto; margin: 8px 0 0; clip-path: none; white-space: normal; color: #526573; font-size: 12px; }
@media (max-width: 1100px) {
 :is(.connected-page,.home-page) .site-header nav > a { font-size: 14px; }
 :is(.connected-page,.home-page) .site-header nav { gap: 16px; }
 :is(.connected-page,.home-page) .site-header .nav-contact { margin-left: 0; padding-inline: 15px; }
 :is(.connected-page,.home-page) .header-inner { gap: 20px; }
 .editorial-contact > .container { gap: 48px; }
 .contact-editorial-person > p span { display: block; margin: 5px 0 0; }
 .contact-editorial-email { font-size: clamp(28px,3.65vw,40px); }
}
@media (max-width: 800px) {
 :root { --header-height: 72px; }
 html.menu-open { overflow: hidden; }
 .js :is(.connected-page,.home-page) .header-inner { height: var(--header-height); min-height: var(--header-height); display: flex; flex-wrap: nowrap; }
 .js :is(.connected-page,.home-page) .site-header .menu-toggle { min-height: 44px; min-width: 83px; padding: 8px 0 8px 12px; border: 0; gap: 12px; }
 .js :is(.connected-page,.home-page) .site-header nav { position: fixed; top: var(--header-height); left: 0; right: 0; width: 100%; margin: 0; padding: 15px var(--gutter) 27px; gap: 0; background: #0a2033; border-top: 1px solid #ffffff22; border-bottom: 1px solid #ffffff22; }
 .js :is(.connected-page,.home-page) .site-header[data-open="true"] nav { max-height: calc(100dvh - var(--header-height)); }
 .js :is(.connected-page,.home-page) .site-header nav > a:not(.button) { width: 100%; padding: 16px 0; font-size: 23px; line-height: 1.25; }
 .js :is(.connected-page,.home-page) .site-header .nav-contact { align-self: stretch; min-height: 49px; margin-top: 20px; font-size: 15px; }
 .js .site-header[data-open="true"] + .nav-shade { display: block; position: fixed; z-index: 95; inset: var(--header-height) 0 0; background: #061a2c80; }
 :is(.connected-page,.home-page) .editorial-contact { padding-block: 48px 53px; }
 .editorial-contact > .container { grid-template-columns: 1fr; gap: 34px; }
 .editorial-contact h2 { max-width: 23ch; font-size: 38px; }
 .contact-editorial-copy > p { max-width: 55ch; margin-top: 20px; }
 .contact-editorial-email { font-size: 35px; margin-top: 18px; }
 .contact-options { margin-top: 13px; }
}
@media (max-width: 600px) {
 .editorial-contact h2 { font-size: 35px; }
 .contact-editorial-email { font-size: clamp(27px,8.1vw,35px); }
 :is(.connected-page,.home-page) .footer-bottom small,:is(.connected-page,.home-page) .footer-bottom a { font-size: 12px; }
}

/* 2026-10-08 Fusion case study */
.cs-page .cs-hero .connected-hero-media { left: 42%; }
.cs-page .cs-hero .connected-hero-media img { object-position: 38% 45%; }
.cs-page .cs-hero::before { background: linear-gradient(90deg,#0a2033 0%,#0a2033 42%,rgba(10,32,51,.55) 50%,rgba(10,32,51,0) 62%),linear-gradient(180deg,rgba(7,25,39,.35),transparent 30%); }
.cs-page .cs-hero h1 { max-width: 11ch; font-size: clamp(56px,5.4vw,84px); }
.cs-page .cs-hero .connected-lead { max-width: 38ch; }
.cs-strip-client { display: flex; align-items: center; gap: 18px; font-size: 14px; line-height: 1.5; color: #bbccd7; }
.cs-logo-chip { display: inline-flex; background: #fff; border-radius: 6px; padding: 8px 12px; flex: none; }
.cs-logo-chip img { width: 92px; height: auto; display: block; }
.cs-strip p strong { font-weight: 500; color: #fff; font-size: 17px; line-height: 1.45; }
.cs-head { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 90px; align-items: end; margin-bottom: 56px; }
.cs-head .section-label { grid-column: 1 / -1; margin-bottom: 0; color: #8a6a2c; }
.cs-head h2 { font-size: clamp(38px,4vw,60px); line-height: 1.04; letter-spacing: -.05em; color: #14304e; }
.cs-head > p:last-child, .cs-you-copy p { max-width: 52ch; color: #526772; font-size: 17px; line-height: 1.7; }
.cs-before { padding: 104px 0 100px; background: #fff; }
.cs-merge { display: grid; grid-template-columns: minmax(0,1fr) 64px minmax(0,1fr); align-items: center; gap: 24px; }
.cs-old { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.cs-old li { padding: 15px 18px; border: 1px solid #d3dde4; border-radius: 5px; color: #7a8c99; font-size: 16px; background: #f8fafb; position: relative; }
.cs-old li::after { content: ""; position: absolute; left: 18px; right: 18px; top: 50%; height: 1px; background: #b6c3cc; }
.cs-arrow { height: 2px; background: #b8924a; position: relative; }
.cs-arrow::after { content: ""; position: absolute; right: -2px; top: -6px; border-left: 12px solid #b8924a; border-top: 7px solid transparent; border-bottom: 7px solid transparent; }
.cs-new { padding: 34px 36px 36px; background: #0a2033; color: #fff; border-radius: 6px; box-shadow: 0 34px 60px -40px rgba(10,32,51,.8); }
.cs-new span { font-size: 13px; font-weight: 600; color: #e1c38a; letter-spacing: .02em; }
.cs-new strong { display: block; margin-top: 8px; font-family: var(--display); font-size: clamp(34px,3.2vw,48px); font-weight: 600; letter-spacing: -.03em; line-height: 1.05; }
.cs-new p { margin-top: 16px; color: #ced9e1; font-size: 16px; line-height: 1.65; max-width: 40ch; }
.cs-does { padding: 100px 0 96px; background: #fff; }
.cs-rows { margin: 0; border-top: 2px solid #14304e; }
.cs-rows > div { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 16px 90px; padding: 30px 0 32px; border-bottom: 1px solid #c9d5dc; }
.cs-rows dt { display: flex; gap: 18px; align-items: baseline; font-size: clamp(22px,2vw,28px); font-weight: 500; line-height: 1.22; letter-spacing: -.03em; color: #14304e; }
.cs-rows dt span { font-size: 14px; font-weight: 600; color: #8a6a2c; letter-spacing: 0; min-width: 22px; }
.cs-rows dd { margin: 0; }
.cs-rows dd p { max-width: 58ch; color: #33495a; font-size: 16.5px; line-height: 1.7; }
.cs-rows dd > span { display: block; margin-top: 12px; color: #667c8a; font-size: 14.5px; line-height: 1.55; }
.cs-rows .cs-row-key { background: #fbf6ec; margin: 0 -28px; padding: 32px 28px 34px; border: 1px solid #b8924a; border-radius: 6px; box-shadow: 0 24px 44px -34px rgba(20,48,78,.55); }
.cs-pack { padding: 104px 0; background: #0a2033; color: #fff; }
.cs-pack-inner { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 48px 90px; align-items: center; }
.cs-pack .section-label { color: #e1c38a; }
.cs-pack h2 { font-size: clamp(38px,4vw,60px); line-height: 1.04; letter-spacing: -.05em; color: #fff; }
.cs-pack-inner > div > p:last-child { margin-top: 22px; max-width: 46ch; color: #ced9e1; font-size: 17px; line-height: 1.7; }
.cs-docs { margin: 0; background: #fff; color: #14304e; border-radius: 8px; overflow: hidden; box-shadow: 0 40px 70px -40px rgba(0,0,0,.6); }
.cs-docs figcaption { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 20px 24px 16px; border-bottom: 2px solid #14304e; }
.cs-docs figcaption strong { font-family: var(--display); font-size: 24px; font-weight: 600; letter-spacing: -.02em; }
.cs-docs figcaption span { font-size: 13.5px; color: #667c8a; }
.cs-docs ul { list-style: none; margin: 0; padding: 0 24px 8px; }
.cs-docs li { display: grid; grid-template-columns: 22px minmax(0,1fr) auto; gap: 14px; align-items: center; padding: 16px 0; border-bottom: 1px solid #e1e8ec; }
.cs-docs li:last-child { border-bottom: 0; }
.cs-tick { width: 22px; height: 22px; border-radius: 50%; background: #14304e; display: grid; place-items: center; }
.cs-tick svg { width: 11px; height: 11px; fill: none; stroke: #fff; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.cs-tick-wait { background: #fff; border: 2px solid #b8924a; }
.cs-tick-wait svg { stroke: #b8924a; }
.cs-docs b { display: block; font-size: 16px; font-weight: 600; }
.cs-docs small { display: block; margin-top: 2px; font-size: 13.5px; color: #667c8a; }
.cs-docs em { font-style: normal; font-size: 12.5px; font-weight: 600; padding: 4px 9px; border-radius: 4px; background: #e4f1e9; color: #2b6a4c; white-space: nowrap; }
.cs-docs em.cs-check { background: #f6ecd9; color: #8b5b12; }
.cs-quote { padding: 104px 0; background: #fff; }
.cs-quote figure { margin: 0 auto; max-width: 1040px; }
.cs-quote blockquote { margin: 0; position: relative; padding-top: 60px; }
.cs-quote blockquote::before { content: "\201C"; position: absolute; top: -18px; left: -6px; font-family: var(--display); font-size: 120px; line-height: 1; color: #b8924a; }
.cs-quote blockquote p { font-family: var(--display); font-weight: 500; font-size: clamp(26px,2.7vw,40px); line-height: 1.3; letter-spacing: -.02em; color: #14304e; }
.cs-quote figcaption { display: flex; align-items: center; gap: 18px; margin-top: 34px; padding-top: 24px; border-top: 1px solid #d3dde4; }
.cs-quote .cs-logo-chip { border: 1px solid #d3dde4; }
.cs-quote figcaption > span:last-child { display: grid; gap: 2px; font-size: 15px; color: #526772; }
.cs-quote figcaption strong { font-size: 17px; color: #14304e; font-weight: 600; }
.cs-photos { background: #fff; padding-bottom: 104px; }
.cs-photo-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 16px; }
.cs-photo-grid figure { margin: 0; }
.cs-photo-grid img { display: block; width: 100%; height: 440px; object-fit: cover; border-radius: 6px; }
.cs-you { padding: 100px 0 40px; background: #eef3f6; }
.cs-you .cs-head { margin-bottom: 60px; }
.cs-you-copy .actions { margin-top: 24px; }
@media (max-width: 1100px) {
  .cs-head, .cs-pack-inner { grid-template-columns: 1fr; gap: 18px; }
  .cs-pack-inner { gap: 40px; }
  .cs-rows > div { grid-template-columns: 1fr; gap: 12px; }
  .cs-merge { grid-template-columns: 1fr; }
  .cs-arrow { width: 2px; height: 40px; justify-self: center; }
  .cs-arrow::after { right: -6px; top: auto; bottom: -2px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 12px solid #b8924a; border-bottom: 0; }
}
@media (max-width: 900px) {
  .cs-page .cs-hero .connected-hero-media { left: 0; }
  .cs-page .cs-hero::before { background: linear-gradient(180deg,rgba(7,25,39,.45) 0%,rgba(7,25,39,.75) 45%,rgba(7,25,39,.94) 100%); }
  .cs-strip .story-founder-inner { grid-template-columns: 1fr; gap: 18px; }
  .cs-photo-grid { grid-template-columns: 1fr; }
  .cs-photo-grid img { height: 300px; }
}
@media (max-width: 600px) {
  .cs-before, .cs-does, .cs-pack, .cs-quote { padding: 72px 0; }
  .cs-photos { padding-bottom: 72px; }
  .cs-you { padding-top: 72px; }
  .cs-rows .cs-row-key { margin: 0 -12px; padding: 24px 12px 26px; }
  .cs-docs figcaption { flex-direction: column; gap: 4px; padding: 18px; }
  .cs-docs ul { padding: 0 18px 6px; }
  .cs-docs li { grid-template-columns: 22px minmax(0,1fr); }
  .cs-docs em { grid-column: 2; justify-self: start; }
  .cs-quote blockquote::before { font-size: 90px; }
  .cs-photo-grid img { height: 240px; }
}

.cs-growth { padding: 100px 0 104px; background: #eef3f6; }
.cs-growth-inner { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 32px 72px; align-items: start; }
.cs-big { padding: 36px 36px 38px; background: #0a2033; color: #fff; border-radius: 6px; box-shadow: 0 34px 60px -40px rgba(10,32,51,.8); }
.cs-big-fig { font-family: var(--display); font-weight: 600; font-size: clamp(88px,9vw,140px); line-height: .9; letter-spacing: -.04em; color: #e1c38a; }
.cs-big-text { margin-top: 14px; font-size: 24px; font-weight: 500; line-height: 1.25; letter-spacing: -.02em; }
.cs-big-note { margin-top: 12px; font-size: 15px; color: #bbccd7; line-height: 1.5; }
.cs-growth-list { list-style: none; margin: 0; padding: 0; border-top: 2px solid #14304e; }
.cs-growth-list li { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 8px 28px; padding: 20px 0 21px; border-bottom: 1px solid #c9d5dc; }
.cs-growth-list strong { font-size: 18px; font-weight: 600; letter-spacing: -.02em; line-height: 1.35; color: #14304e; }
.cs-growth-list span { color: #526772; font-size: 15.5px; line-height: 1.6; }
@media (max-width: 1100px) { .cs-growth-inner { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .cs-growth { padding: 72px 0; } .cs-growth-list li { grid-template-columns: 1fr; } .cs-big { padding: 28px; } }