:root{--paper:#f0f3f8;--ink:#14202b;--coral:#245eea;--accent:#245eea;--glass-accent:#2d64e8;--glass-tint:#b5d8ff}
.site-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:22px}
.site-nav .desktop-nav{grid-column:1;grid-row:1;justify-self:start;gap:16px}
.desktop-nav a{font-size:14px;padding:7px 12px}
.site-nav .brand-original{grid-column:2;grid-row:1;justify-self:center}
.site-nav .nav-actions{grid-column:3;grid-row:1;justify-self:end}
.brand-original{line-height:0;letter-spacing:0;display:block}
.brand-original img{display:block;width:158px;height:56px;object-fit:contain}
.footer-brand img{width:170px;height:62px;filter:brightness(0) invert(1)}
.hero-guide{top:512px;height:190px;stroke:#8aa3c699;stroke-dasharray:none}
.hero-guide .guide-secondary{stroke:#bdcde288}
.hero-guide circle{fill:#245eea;stroke:none}
.hero-emblem{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:104px;height:90px;display:grid;place-items:center;pointer-events:none;filter:drop-shadow(0 7px 8px #224c9b20)}
.hero-emblem img{width:100%;height:100%;object-fit:contain}
.browser-brand{width:18px;height:18px;object-fit:contain}
.fit-core{text-align:center;align-items:center}
.fit-core .fit-core-mark{display:block;width:58px;height:48px;object-fit:contain;filter:brightness(0) invert(1);margin:0 auto 23px;flex-shrink:0}
.fit-core:before{border-style:solid;border-color:#c7d6ea;border-radius:30px;inset:-23px -24px;transform:rotate(-5deg);opacity:.65}
.fit-paths .accent-path{stroke:#245eea}
.capabilities{padding-top:12px;padding-bottom:90px}
.capabilities .section-copy{max-width:700px}
.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:47px}
.capability-grid article{padding:27px 26px 25px;background:#f8f9fa;border:1px solid #d6dbe1;border-radius:18px;min-height:246px;display:flex;flex-direction:column}
.capability-icon{width:35px;height:35px;display:grid;place-items:center;background:#e4edff;color:#2351a6;border-radius:10px;margin-bottom:22px}
.capability-icon .icon{width:19px;height:19px}
.capability-grid h3{font-size:22px;font-weight:400;line-height:1.2;letter-spacing:-.5px;margin-bottom:13px}
.capability-grid p{font-size:15px;line-height:1.55;color:#455f81;margin-bottom:24px}
.capability-grid article>span{font-size:11px;line-height:1.5;color:#5e6d81;margin-top:auto}
.engagement-options{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:26px}
.engagement-options>p{font-size:14px;color:#576577}
.engagement-options>div{display:flex;gap:9px;flex-wrap:wrap}
.engagement-options button{border:1px solid #b9c1cc;border-radius:30px;background:transparent;padding:10px 15px;font-size:12px;color:#384d69;min-height:40px}
.engagement-options button:hover{background:#f0f5fe}
.connection-catalogue{margin-top:62px;padding-top:32px;border-top:1px solid #c5ccd5}
.connection-heading{display:flex;justify-content:space-between;align-items:baseline;gap:30px;margin-bottom:29px}
.connection-heading h3{font-size:24px;font-weight:400;letter-spacing:-.6px}
.connection-heading p{font-size:14px;color:#576679;max-width:310px;line-height:1.5}
.connection-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.connection-groups article{border-left:1px solid #bcc4ce;padding-left:18px}
.connection-groups article:first-child{padding-left:0;border:0}
.connection-groups article>span{font-size:11px;color:#3864a5;display:block;margin-bottom:15px}
.connection-groups h4{font-size:16px;font-weight:500;line-height:1.4;margin-bottom:13px;max-width:200px}
.connection-groups p{font-size:14px;color:#455f81;line-height:1.8}
.connection-foot{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:30px;padding-top:25px;border-top:1px solid #ced4db}
.connection-foot p{font-size:13px;line-height:1.6;color:#586679}
.connection-action{padding:10px 0;background:transparent;color:#254d93;display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:13px;min-height:44px}
.connection-action .icon{width:17px;height:17px}
.cases-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px}
.cases-heading .section-label{text-align:left;margin-bottom:28px}
.cases-heading .center-title{text-align:left;font-size:46px;max-width:650px}
.cases-heading>p{font-size:15px;line-height:1.55;color:#576679;max-width:310px;padding-bottom:5px}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:21px;margin-top:44px}
.case-card{background:#fff;border:1px solid #d2d7de;border-radius:19px;overflow:hidden}
.case-photo{height:202px;position:relative;overflow:hidden}
.case-photo>img{width:100%;height:100%;display:block;object-fit:cover}
.case-card:first-child .case-photo>img{object-position:center 60%}
.case-photo>span{position:absolute;left:17px;bottom:15px;padding:5px 10px;border-radius:15px;background:#fffffff0;color:#28374b;font-size:11px;line-height:1.4}
.case-body{padding:23px 23px 18px}
.case-company{font-size:13px;color:#2c5aa7;margin-bottom:13px}
.case-body h3{font-size:23px;font-weight:400;line-height:1.2;letter-spacing:-.6px;min-height:83px;margin-bottom:14px}
.case-body>p:not(.case-company){font-size:14px;line-height:1.6;color:#455f81;min-height:90px;margin-bottom:19px}
.case-systems{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;min-height:53px}
.case-systems>span{font-size:10px;line-height:1.5;padding:4px 7px;border-radius:5px;background:#eceef1;color:#435c7d}
.case-card details{border-top:1px solid #d6dbe2;margin-top:7px}
.case-card summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;font-size:13px;padding:17px 0 0;color:#273548}
.case-card summary::-webkit-details-marker{display:none}
.case-card summary .icon{height:17px;width:17px;transition:transform .2s ease}
.case-card details[open] summary .icon{transform:rotate(90deg)}
.case-expanded p{font-size:14px;line-height:1.6;color:#445d7e;margin-top:17px}
.case-image-note{font-size:11px;color:#5d6d81;margin-top:18px;line-height:1.5}
.delivery-drawing{width:100%;height:190px;overflow:visible}
.delivery-drawing .draw-path{stroke:#245eea}
.contact-dialog .pill-coral,.pill-coral{background:#1d51cd}
.result-coral{background:#1d51cd;border-color:#1d51cd}
@media(max-width:1100px){.site-nav{gap:12px}.site-nav .desktop-nav{gap:5px}.desktop-nav a{font-size:13px;padding:7px 9px}.brand-original img{width:143px;height:52px}.connection-groups{gap:18px}.case-body{padding:21px 20px 18px}.case-body h3{font-size:21px}.case-body>p:not(.case-company){min-height:112px}.case-systems{min-height:68px}.connection-action{white-space:normal;max-width:190px}.capability-grid article{padding:25px 22px}}
@media(max-width:900px){.site-nav .desktop-nav{display:none}.connection-heading{display:block}.connection-heading p{max-width:none;margin-top:13px}.connection-groups{grid-template-columns:1fr 1fr;gap:28px 25px}.connection-groups article:nth-child(3){padding-left:0;border:0}.engagement-options{display:block}.engagement-options>div{margin-top:16px}.case-grid{gap:13px}.case-body{padding:20px 15px 16px}.case-body h3{font-size:20px;min-height:98px}.case-body>p:not(.case-company){font-size:13px;min-height:122px}.cases-heading{gap:25px}.cases-heading .center-title{font-size:40px}.cases-heading>p{font-size:14px}}
@media(max-width:760px){
 .site-nav{grid-template-columns:1fr auto 1fr;padding:0 14px;gap:0}
 .brand-original img{width:120px;height:44px}
 .site-nav .nav-actions{gap:5px}
 .nav-actions .round-button{height:31px;width:31px;padding:8px}
 .hero-emblem{width:79px;height:67px}
 .hero-guide{top:452px;width:180%;left:-40%;height:180px}
 .fit-core .fit-core-mark{width:48px;height:40px;margin-bottom:18px}
 .capabilities{padding:16px 0 60px}
 .capability-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:33px}
 .capability-grid article{padding:22px 20px;min-height:252px}
 .capability-icon{margin-bottom:19px}
 .capability-grid h3{font-size:21px}
 .capability-grid p{font-size:14px;margin-bottom:21px}
 .engagement-options{margin-top:23px}
 .engagement-options>p{font-size:13px}
 .engagement-options button{font-size:11px;padding:10px 12px;min-height:42px}
 .connection-catalogue{margin-top:39px;padding-top:27px}
 .connection-heading h3{font-size:23px}
 .connection-heading p{font-size:13px;line-height:1.55}
 .connection-groups{gap:25px 16px}
 .connection-groups article{padding-left:14px}
 .connection-groups article>span{font-size:10px;margin-bottom:13px}
 .connection-groups h4{font-size:15px}
 .connection-groups p{font-size:13px;line-height:1.7}
 .connection-foot{display:block;margin-top:26px;padding-top:22px}
 .connection-foot p{font-size:12px}
 .connection-action{max-width:none;margin-top:13px;font-size:13px}
 .cases-heading{display:block}
 .cases-heading .section-label{margin-bottom:24px}
 .cases-heading .center-title{font-size:34px}
 .cases-heading>p{font-size:14px;margin-top:23px;max-width:none}
 .case-grid{grid-template-columns:1fr;gap:18px;margin-top:30px}
 .case-photo{height:220px}
 .case-body{padding:24px 24px 20px}
 .case-company{font-size:13px}
 .case-body h3{font-size:25px;min-height:0;margin-bottom:15px}
 .case-body>p:not(.case-company){font-size:14px;min-height:0;margin-bottom:21px}
 .case-systems{min-height:0;margin-bottom:19px}
 .case-systems>span{font-size:11px}
 .case-card summary{min-height:45px;padding-top:14px}
 .case-image-note{font-size:10px}
 .footer-brand img{width:156px;height:57px}
}
@media(max-width:500px){.capability-grid{grid-template-columns:1fr}.capability-grid article{min-height:0}.capability-grid p{max-width:340px}.capability-grid article>span{font-size:11px}.engagement-options>div{gap:7px}}
@media(max-width:360px){.brand-original img{width:109px;height:40px}.nav-actions .round-button{width:29px;height:29px}.connection-groups{grid-template-columns:1fr}.connection-groups article{border:0;padding:0}.connection-groups article>span{margin-bottom:8px}.connection-groups h4{margin-bottom:8px}.case-photo{height:190px}.case-body{padding:22px 21px 19px}.case-body h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.case-card summary .icon{transition:none}}