/* Shared contemporary design: matches approved opening and film. */
.modern-intro{--ink:#15191f;--paper:#fff;--blue:#2454ef;--muted:#5c6777;--line:#dce3ee;background:#fff;color:var(--ink)}
.modern-intro h1,.modern-intro h2,.modern-intro h4{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:-.045em}
.modern-intro h2{font-size:clamp(34px,3.5vw,50px);line-height:1.1}.modern-intro h4{font-size:32px;line-height:1.18}.modern-intro .eyebrow{color:var(--blue);font-size:11px;letter-spacing:.09em}.modern-intro p{text-wrap:pretty}
.modern-intro .button{border-radius:3px;padding:16px 23px;transition:background .2s,transform .2s}.modern-intro .dark-button{background:var(--blue);color:#fff}.modern-intro .button:hover{transform:translateY(-2px)}.modern-intro .dark-button:hover{background:#183dc3}.modern-intro a:focus-visible,.modern-intro button:focus-visible,.modern-intro summary:focus-visible,.modern-intro input:focus-visible,.modern-intro textarea:focus-visible,.modern-intro select:focus-visible{outline-color:#2454ef}.modern-intro nav a:hover{color:var(--blue)}.modern-intro nav .nav-cta:hover{background:#2454ef;color:#fff;border-color:#2454ef}
/* Services remain vertically ordered, with prominent service markers. */
.modern-intro .services{padding-top:85px;padding-bottom:75px}.modern-intro .services>.section-top .small{color:var(--muted)}.modern-intro .decision-guide{gap:12px;background:none;border:0;margin:32px 0 45px}.modern-intro .decision-guide a{background:#f2f5fb;border:1px solid #e1e7f1;padding:23px;border-radius:5px;transition:border-color .2s,background .2s}.modern-intro .decision-guide a:hover{background:#eaf0ff;border-color:#2454ef}.modern-intro .decision-guide b{font-size:12px;margin-top:16px}.modern-intro .service{border:1px solid #dce3ee;border-radius:6px;grid-template-columns:200px 1fr;padding:42px;gap:45px;margin:0 0 22px;background:#fff}.modern-intro .service-code{font:600 76px/1 Arial,Helvetica,sans-serif;letter-spacing:-.065em;color:#2454ef}.modern-intro .service-identity h3{font-size:13px;letter-spacing:.13em;margin:20px 0}.modern-intro .flag{color:#2454ef;border-color:#becfff;background:#eaf0ff;border-radius:3px;padding:7px 9px}.modern-intro #build{border-top:4px solid #2454ef;background:#f6f8ff}.modern-intro .service-detail>p{color:#566170;font-size:16px}.modern-intro .service-example{border-color:#2454ef;background:#edf2ff;color:#4e5d78;padding:17px 20px;border-radius:0 4px 4px 0}.modern-intro .service-example strong{color:#3151a0;font-size:10px}.modern-intro .service-detail ul{list-style:none;padding:0;gap:12px 25px;color:#485469}.modern-intro .service-detail li{position:relative;padding-left:19px}.modern-intro .service-detail li:before{content:'✓';position:absolute;left:0;color:#2454ef;font-size:12px}.modern-intro .service-detail h5{font-weight:600}.modern-intro .service-close{border-top:1px solid #dce3ee;padding-top:25px}.modern-intro .price{font-size:20px;letter-spacing:-.02em}.modern-intro .service-close .button{font-size:11px;letter-spacing:.04em}.modern-intro .services>.disclosure{border:0;padding-top:5px;margin-top:25px;max-width:970px}
/* Brand statement: one strong cobalt section, with quiet white principles. */
.modern-intro .about{background:#2454ef;color:#fff;padding:80px 0}.modern-intro .about .eyebrow{color:#fff}.modern-intro .about-grid{gap:80px}.modern-intro .about h2{font-size:clamp(38px,4vw,56px)}.modern-intro .about-grid p:not(.lead):not(.eyebrow){color:#e6ecff}.modern-intro .about-grid .lead{font-size:23px;line-height:1.45}.modern-intro .principles{gap:35px;margin-top:42px}.modern-intro .principles article{border-top:1px solid #ffffff55;padding-top:22px}.modern-intro .principles span{color:#dce6ff;font-size:11px}.modern-intro .principles h3{font:600 24px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.025em;margin:20px 0 16px}.modern-intro .principles p{color:#e6ecff;font-size:14px}
/* Process: directional flow and clear numbered stages. */
.modern-intro .process{padding-top:85px;padding-bottom:70px}.modern-intro .flow{border:0;gap:20px;margin:40px 0 50px}.modern-intro .flow>div{background:#f2f5fb;border:1px solid #e1e7f1;border-radius:5px;position:relative;padding:30px}.modern-intro .flow>div:last-child{background:#eaf0ff;border:1px solid #c9d7fd}.modern-intro .flow>div:not(:last-child):after{content:'→';position:absolute;right:-22px;top:43%;z-index:1;font-size:24px;color:#2454ef;background:#fff;width:24px;text-align:center;line-height:1.2}.modern-intro .flow h3{font-size:23px;letter-spacing:-.025em}.modern-intro .flow p{color:#5c6777}.modern-intro .flow span{font-size:11px}.modern-intro .steps{gap:40px}.modern-intro .steps li{border-top:1px solid #dce3ee;padding-top:22px}.modern-intro .steps b{font:600 42px/1 Arial,Helvetica,sans-serif;letter-spacing:-.05em;color:#2454ef;margin-bottom:22px}.modern-intro .steps h3{font-size:21px}.modern-intro .steps p{color:#5c6777}
.modern-intro .faq{padding-top:65px;padding-bottom:85px}.modern-intro .faq summary{font-size:16px;padding:23px 30px 23px 0;list-style:none;position:relative;font-weight:600}.modern-intro .faq summary::-webkit-details-marker{display:none}.modern-intro .faq summary:after{content:'+';position:absolute;right:3px;top:17px;font-size:25px;font-weight:400;color:#2454ef}.modern-intro .faq details[open] summary:after{content:'−'}.modern-intro .faq details[open] summary{color:#2454ef}.modern-intro .faq details p{padding-right:20px;line-height:1.8}
/* Enquiry: familiar form in a spacious white panel. */
.modern-intro .brief{background:#edf2ff;padding:80px 0}.modern-intro .brief-layout{gap:65px;align-items:start}.modern-intro .brief h2{font-size:clamp(36px,3.7vw,52px)}.modern-intro .brief-layout>div>p:not(.eyebrow){color:#566170}.modern-intro .contact-email{color:#2454ef;font-weight:600}.modern-intro #brief-form{background:#fff;border:1px solid #dce3ee;border-radius:6px;padding:30px}.modern-intro label{font-size:13px;color:#263044}.modern-intro input,.modern-intro textarea,.modern-intro select{background:#fff;border:1px solid #bbc7db;border-radius:3px;padding:12px;color:#15191f}.modern-intro input:hover,.modern-intro textarea:hover,.modern-intro select:hover{border-color:#2454ef}.modern-intro #brief-form .small{font-size:12px}.modern-intro #delivery-note{color:#69758a;font-size:11px;line-height:1.7}.modern-intro #form-status:not(:empty){background:#edf2ff}.modern-intro footer{border-top:1px solid #e1e7f1;padding-top:35px;padding-bottom:35px;color:#5c6777}.modern-intro footer a:hover{color:#2454ef}.modern-intro dialog{background:#edf2ff;border-radius:5px}.modern-intro dialog::backdrop{background:#101a32db}.modern-intro .viewer-close{background:#2454ef;border-radius:3px}
/* Case study and material-handling pages share the same system. */
.modern-intro .case-intro{padding-top:55px;padding-bottom:55px}.modern-intro .back{color:#2454ef}.modern-intro .case-intro h1{font-size:clamp(42px,4.8vw,68px);line-height:1.07}.modern-intro .case-intro .lead{font-size:21px;color:#5c6777}.modern-intro .case-facts{background:#edf2ff;padding:28px;border:0;border-radius:5px;gap:28px}.modern-intro .case-facts span{color:#2454ef;font-weight:700}.modern-intro .case-facts p{color:#4e5d73}.modern-intro .case-chapter{padding-top:65px;padding-bottom:65px}.modern-intro .chapter-copy{color:#5c6777;font-size:17px}.modern-intro .source-sheet{background:#f5f7fb;border:1px solid #dce3ee;box-shadow:none;border-radius:5px}.modern-intro .source-sheet h3{font:600 26px Arial,sans-serif}.modern-intro .source-sheet>p:not(.eyebrow){font:16px/1.85 Arial,sans-serif;color:#606b7b}.modern-intro .work-after{background:#dce6fc;border-radius:5px}.modern-intro .case-chapter .document-button>span{color:#2454ef}.modern-intro .detail-grid{gap:65px;align-items:start}.modern-intro .detail-grid .full-page{padding:24px 24px 0;background:#edf2ff;border-radius:5px}.modern-intro .detail-grid p{color:#5c6777}.modern-intro .legal{max-width:850px}.modern-intro .legal h1{font-size:clamp(44px,5vw,68px)}.modern-intro .legal h2{font-size:28px;padding-top:24px;border-top:1px solid #dce3ee;margin-top:35px}.modern-intro .legal p{color:#566170}.modern-intro .legal a{color:#2454ef;overflow-wrap:anywhere}.modern-intro .review-note{background:#edf2ff;border-color:#2454ef;border-radius:0 4px 4px 0}
@media(max-width:900px){.modern-intro .service{grid-template-columns:145px 1fr;gap:25px;padding:30px}.modern-intro .service-code{font-size:64px}.modern-intro .about-grid,.modern-intro .brief-layout,.modern-intro .detail-grid{gap:35px}.modern-intro #brief-form{padding:23px}.modern-intro .flow{gap:15px}.modern-intro .flow>div{padding:22px}.modern-intro .flow>div:not(:last-child):after{right:-19px;width:22px}.modern-intro .flow h3{font-size:21px}.modern-intro .enquiry-actions{flex-wrap:wrap;gap:10px}}
@media(max-width:640px){.modern-intro .services{padding:50px 0 40px}.modern-intro .service{grid-template-columns:1fr;gap:22px;padding:25px 21px;margin-bottom:18px}.modern-intro .service-code{font-size:48px}.modern-intro .service-identity h3{margin:0}.modern-intro .service h4{font-size:28px}.modern-intro .service-detail>p{font-size:15px}.modern-intro .service-example{padding:15px;font-size:13px}.modern-intro .service-close{margin-top:25px}.modern-intro .service-close .button{width:100%}.modern-intro .decision-guide{gap:8px}.modern-intro .decision-guide a{padding:17px 20px}.modern-intro .decision-guide b{margin-top:7px}.modern-intro .about,.modern-intro .brief{padding:50px 0}.modern-intro .about h2{font-size:39px}.modern-intro .about-grid{gap:15px}.modern-intro .about-grid .lead{font-size:21px}.modern-intro .principles{gap:20px;margin-top:25px}.modern-intro .principles h3{font-size:23px}.modern-intro .process{padding:50px 0 35px}.modern-intro .flow{gap:18px;margin:30px 0 35px}.modern-intro .flow>div:not(:last-child):after{content:'↓';top:auto;bottom:-23px;left:26px;right:auto}.modern-intro .steps{gap:15px}.modern-intro .steps li{border-bottom:0;display:grid;grid-template-columns:45px 1fr;gap:0 18px}.modern-intro .steps b{font-size:32px;grid-row:1/3}.modern-intro .steps h3{margin-bottom:12px}.modern-intro .steps p{grid-column:2}.modern-intro .faq{padding:35px 0 50px;gap:10px}.modern-intro .brief-layout{gap:30px}.modern-intro #brief-form{padding:23px 20px}.modern-intro .brief h2{font-size:39px}.modern-intro .case-intro{padding:35px 0}.modern-intro .case-intro h1{font-size:42px}.modern-intro .case-intro .lead{font-size:19px}.modern-intro .case-facts{grid-template-columns:1fr;padding:23px;gap:0}.modern-intro .case-facts>div:not(:last-child){border-bottom:1px solid #cdd9f2;margin-bottom:18px}.modern-intro .case-chapter{padding:40px 0}.modern-intro .detail-grid{gap:20px}.modern-intro .legal h1{font-size:43px}.modern-intro .legal h2{font-size:26px}}

.modern-intro .date-format{font-size:12px;font-weight:400;color:#5c6777}.modern-intro #deadline-display{display:block;margin-top:7px}.modern-intro input[type="date"]{min-height:49px;min-width:0;max-width:100%;color-scheme:light}

.modern-intro .privacy-languages{display:flex;position:static;gap:25px;padding:16px 0;border-top:1px solid #dce3ee;border-bottom:1px solid #dce3ee;background:none}.privacy-languages a{text-decoration:underline}.legal section h3{font-size:21px;margin-top:30px}.legal section{scroll-margin-top:110px}

.business-registration{display:inline-block;font-size:10px;line-height:1.6;letter-spacing:.025em;margin-top:8px;color:#5c6777}
