/* Public marketing page only. No private application styles or scripts are loaded. */
.systems-page{background:#fafafa}
.systems-page .page-masthead{padding-bottom:28px}
.systems-hero{background:#101010;color:#fff;padding:48px 0 65px}
.systems-hero .breadcrumb{color:#aaa;margin-bottom:32px}
.systems-hero h1{font-size:clamp(48px,6.15vw,88px);max-width:1120px;line-height:1.08}
.systems-answer{font:clamp(42px,4.6vw,68px)/1.1 Georgia,serif;letter-spacing:-.035em;margin-top:28px}
.systems-answer br{display:none}
.systems-answer em{color:#f12b32}
.systems-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-top:36px}
.systems-hero-bottom>p{font-size:17px;color:#c5c5c5;max-width:730px;line-height:1.85}
.systems-hero-bottom .button{flex:none}
.systems-showcase{background:#101010;color:white;padding:12px 0 80px}
.showcase-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #484848;padding-top:22px;gap:20px;margin-bottom:25px}
.showcase-heading .eyebrow{margin:0;letter-spacing:.18em}
.showcase-heading>span{font-size:12px;color:#aaa;letter-spacing:.07em}
.system-figure{margin:0;min-width:0}
.system-figure img{display:block;width:100%;height:auto;border:1px solid #3a3a3a}
.system-figure figcaption{font-size:12px;color:#aaa;line-height:1.7;margin-top:16px;letter-spacing:.025em}
.showcase-summary{font:clamp(26px,3vw,42px)/1.3 Georgia,serif;max-width:860px;margin-top:45px;letter-spacing:-.025em}
.systems-discovery .prose{margin-top:30px;max-width:450px}
.business-questions{margin:0;padding:0;list-style:none}
.business-questions li{display:flex;gap:22px;padding:24px 0;border-top:1px solid #ccc;align-items:baseline}
.business-questions li>span{font-size:12px;color:var(--red)}
.business-questions p{font-size:18px;line-height:1.65}
.systems-foundation{background:#f0f0f0}
.systems-foundation .section-deck{margin:0;font-size:17px}
.foundation-list{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;margin-top:54px}
.foundation-list article{display:flex;align-items:baseline;gap:20px;border-top:1px solid #ccc;padding:26px 0;min-width:0}
.foundation-number{font-size:12px;color:var(--red)}
.foundation-list h3{font-size:15px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.foundation-list p{font-size:16px;line-height:1.8;color:#555;margin-top:12px;max-width:430px}
.systems-tasks{background:#151515;color:white}
.task-presentation{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}
.task-presentation h2{font-size:clamp(40px,4.5vw,64px)}
.task-presentation .prose{margin:30px 0;max-width:460px}
.task-presentation .prose p{color:#c5c5c5}
.task-figure{max-width:400px;width:100%;margin:auto}
.task-figure img{padding:8px;background:#121212;border-top:2px solid var(--red)}
.connected-journey{list-style:none;margin:0;padding:0 0 0 45px;border-left:1px solid #d2d2d2}
.connected-journey li{font:30px/1.3 Georgia,serif;position:relative;padding-bottom:38px}
.connected-journey li:not(:last-child):after{content:'↓';position:absolute;left:0;bottom:6px;color:#999;font:20px Arial,sans-serif}
.connected-journey li:last-child{padding-bottom:0}
.connected-journey .journey-core{color:var(--red);font-size:42px}
.connected-journey .journey-core:before{content:'';position:absolute;left:-46px;top:5px;width:2px;height:40px;background:var(--red)}
.supporting-systems{list-style:none;display:flex;gap:14px 24px;flex-wrap:wrap;margin:30px 0 0;padding:22px 0 0;border-top:1px solid #ccc;max-width:420px}
.supporting-systems li{text-transform:uppercase;font-size:12px;letter-spacing:.12em}
.journey-note{font-size:14px;line-height:1.85;color:#666;margin-top:24px;max-width:440px}
.systems-ai{background:#101010;color:white}
.systems-ai .prose p{color:#ccc}
.systems-ai .prose .ai-boundary{font-size:14px;color:#aaa;border-top:1px solid #444;padding-top:22px;margin-top:28px}
.systems-ai .eyebrow{letter-spacing:.15em}
.systems-integrations h2{max-width:850px}
.integration-status{margin:45px 0 0}
.integration-status>div{display:grid;grid-template-columns:1fr 1.4fr;gap:10%;padding:26px 0;border-top:1px solid #ccc}
.integration-status dt{font:26px/1.3 Georgia,serif}
.integration-status dt span{display:block;font:12px/1.7 Arial,sans-serif;text-transform:uppercase;letter-spacing:.055em;margin-top:10px;color:#666}
.integration-status dd{margin:0;font-size:16px;line-height:1.85;color:#555}
.systems-difference{background:#efefef}
.systems-difference .related-links{gap:8px 24px}
.systems-contact .systems-quick-note{font-size:13px;line-height:1.8;margin-top:22px;color:#aaa}
.systems-page .footer-phone{font-size:13px;min-height:44px;display:flex;align-items:center}
@media(max-width:1100px){.systems-hero-bottom{display:block}.systems-hero-bottom .button{margin-top:28px}.systems-answer br{display:block}.task-presentation{gap:8%}.systems-hero{padding-top:40px}}
@media(max-width:720px){.systems-hero{padding:30px 0 48px}.systems-hero .breadcrumb{font-size:11px;letter-spacing:.08em}.systems-hero h1{font-size:clamp(39px,9.5vw,58px);line-height:1.12}.systems-hero h1 br{display:none}.systems-answer{font-size:clamp(34px,8.7vw,48px);margin-top:25px;line-height:1.16}.systems-hero-bottom{margin-top:25px}.systems-hero-bottom>p{font-size:16px}.systems-page .button{font-size:11px;min-height:54px;max-width:100%;gap:15px}.systems-showcase{padding-bottom:58px}.showcase-heading{display:block}.showcase-heading>span{display:block;margin-top:10px}.showcase-heading .eyebrow{font-size:11px}.system-figure img{height:auto}.showcase-summary{margin-top:30px;font-size:29px}.systems-discovery .prose{margin-top:24px}.business-questions li{padding:22px 0;gap:16px}.business-questions p{font-size:17px}.foundation-list{grid-template-columns:1fr;margin-top:35px}.foundation-list article{padding:24px 0;gap:16px}.foundation-list h3{font-size:14px}.task-presentation{grid-template-columns:1fr;gap:40px}.task-presentation h2{font-size:41px}.task-figure{max-width:358px}.connected-journey{margin-top:14px;margin-left:6px;padding-left:30px}.connected-journey .journey-core:before{left:-31px}.connected-journey li{font-size:28px}.supporting-systems{gap:14px 22px}.systems-ai h2 br:nth-of-type(1){display:none}.integration-status>div{grid-template-columns:1fr;gap:18px}.integration-status dt{font-size:25px}.systems-contact h2{font-size:39px}.systems-contact .button{width:100%;max-width:350px}.systems-page .footer-inner{gap:18px 25px}}