/* Scoped additions for published project previews and systems built to order. */
.systems-positioning,.landing-example-allblack,.kaiser-project,#all-black{scroll-margin-top:100px}
.real-browser{width:100%;min-width:0;overflow:hidden;border:1px solid rgba(78,142,222,.32);border-radius:14px;background:#07101d;box-shadow:0 22px 58px rgba(0,0,0,.28)}
.real-browser-bar{min-height:35px;padding:9px 13px;display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(98,152,215,.17);background:linear-gradient(110deg,#102038,#081222)}
.real-browser-bar i{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#476181}.real-browser-bar i:first-child{background:#328fff}
.real-browser-bar span{margin-left:auto;color:#9cb1cc;font:500 9px/1.5 Inter,sans-serif;letter-spacing:.04em;overflow-wrap:anywhere}
.real-preview-link{display:block;text-decoration:none}.real-browser .real-preview-image{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;border:0}
.project-media .real-preview-caption{display:block;color:#7891b0;font:400 10px/1.6 Inter,sans-serif;margin-top:15px;text-align:center}
.project-copy .published-note{font-size:12px;line-height:1.7;color:#8ca2bd;margin-top:17px}
.project-copy .project-category{display:block;margin:18px 0 12px;color:#6faef4;font-size:10px;line-height:1.5;letter-spacing:.12em;font-weight:600}
.black-project .project-status{color:#a8c9f4;border-color:rgba(89,151,229,.3);background:rgba(44,103,181,.08)}
.kaiser-project{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(30px,5vw,75px);padding:clamp(24px,4vw,64px);border:1px solid rgba(102,117,208,.25);border-radius:24px;background:radial-gradient(ellipse at 90% 10%,rgba(81,72,151,.11),transparent 60%),linear-gradient(135deg,#0a1426,#050a14)}
.kaiser-project .project-status{color:#c1b8ec;border-color:rgba(137,114,211,.3);background:rgba(93,73,157,.08)}
.kaiser-architecture{min-width:0;padding:30px;border:1px solid rgba(104,125,189,.22);border-radius:16px;background:linear-gradient(135deg,#0b1b33,#060e1b)}
.kaiser-architecture>small{display:block;color:#7e9ac0;font-size:9px;letter-spacing:.14em;line-height:1.6}
.kaiser-architecture h3{font:600 clamp(22px,2.5vw,34px)/1.2 Manrope,sans-serif;color:#e4edfb;letter-spacing:-.04em;margin:22px 0 28px}
.architecture-stages{display:grid;gap:13px}.architecture-stages>div{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid rgba(106,146,206,.17);border-radius:10px;background:rgba(9,24,44,.75)}
.architecture-stages b{font:600 10px/1.4 Inter,sans-serif;color:#73acfa}.architecture-stages span{font:500 11px/1.5 Inter,sans-serif;color:#a9bdd8}
.kaiser-architecture>p{font-size:11px;line-height:1.8;color:#7d93b0;margin:23px 0 0}
.landing-example-allblack{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);align-items:center;gap:clamp(30px,5vw,70px);padding-top:65px;margin-top:10px;border-top:1px solid rgba(95,143,200,.18)}
.landing-example-allblack .real-browser{min-width:0}.allblack-solution-copy{min-width:0}
.solutions-page .allblack-solution-copy h3{font:700 clamp(32px,3.5vw,50px)/1.05 Manrope,sans-serif;color:#f4f7ff;letter-spacing:-.04em;margin:18px 0}
.allblack-solution-copy .landing-kind{display:block;color:#7697c2;font:600 10px/1.6 Inter,sans-serif;letter-spacing:.12em;margin:0 0 20px}
.allblack-solution-copy>p:not(.s-label){font-size:14px;line-height:1.8;color:#aabbd1}.allblack-solution-copy .button{width:max-content;max-width:100%;margin-top:26px;font-size:11px;min-height:50px}
.systems-positioning{padding:0 0 48px;margin:0 0 48px;border-bottom:1px solid rgba(92,143,205,.18);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,75px);align-items:center}
.systems-positioning h2{max-width:760px}.solutions-page .systems-positioning p:not(.s-label){max-width:680px;font-size:15px;line-height:1.8;color:#aebed2}
.systems-context{padding:28px;border:1px solid rgba(76,137,213,.24);border-radius:17px;background:linear-gradient(135deg,rgba(14,37,68,.7),rgba(5,15,30,.8))}
.systems-context>strong{font:600 12px/1.6 Inter,sans-serif;color:#b9d6fb;letter-spacing:.06em}
.systems-context .systems-method{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:23px}
.systems-method span{color:#80b8ff;font:600 9px/1.6 Inter,sans-serif;letter-spacing:.06em}.systems-method i{font-style:normal;color:#4d6483;font-size:11px}
.systems-context .systems-topics{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0 0}.systems-topics span{padding:8px 10px;border:1px solid rgba(91,143,213,.19);border-radius:8px;color:#8da9cb;font:400 10px/1.5 Inter,sans-serif}
@media(max-width:1180px){.kaiser-project{gap:28px;padding:28px}.landing-example-allblack{gap:35px}.systems-positioning{gap:30px}.kaiser-architecture{padding:24px}}
@media(max-width:860px){.kaiser-project,.landing-example-allblack,.systems-positioning{grid-template-columns:minmax(0,1fr)}.kaiser-project{padding:24px;border-radius:18px;gap:32px}.landing-example-allblack{gap:30px;padding-top:48px;margin-top:0}.allblack-solution-copy{grid-row:1}.allblack-solution-copy .button{width:100%}.systems-positioning{padding-bottom:38px;margin-bottom:38px}.systems-context{padding:25px}.real-browser-bar{min-height:32px}.real-browser-bar span{font-size:8px}}
@media(max-width:560px){.kaiser-project{padding:24px 18px}.kaiser-architecture{padding:22px 18px}.architecture-stages>div{padding:14px 12px}.architecture-stages span{font-size:10px}.real-browser{border-radius:10px}.real-browser-bar{padding-inline:10px}.systems-context{padding:23px 20px}.solutions-page .systems-positioning h2{font-size:clamp(30px,8.8vw,40px)}.systems-method span{font-size:8px}.landing-example-allblack .feature-chips{gap:9px}.project-copy .published-note{font-size:12px}}