/* SY identity, service detail pages and project inquiry flow. */
.brand-symbol{width:56px;height:44px;object-fit:contain;flex-shrink:0}.footer-top .brand-symbol{width:52px;height:42px}.skip-link{position:absolute;top:-70px;left:20px;padding:12px 20px;background:#fff;color:#174cad;z-index:50;border-radius:8px}.skip-link:focus{top:12px}.section-title{font-size:37px;font-weight:600;line-height:1.25;letter-spacing:-1.5px;margin:18px 0 0}.page-title,.service-hero h1{font-size:clamp(36px,4.5vw,60px);line-height:1.15;font-weight:600;letter-spacing:-2.3px;margin:24px 0}.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:#7485a0;margin-bottom:32px}.breadcrumbs a:hover{color:var(--accent)}.service-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center;margin-bottom:65px}.service-hero .lead{max-width:640px}.service-hero .button{margin-top:15px}.service-summary{padding:34px;border:1px solid #d7e4fa;border-radius:22px;background:linear-gradient(140deg,#edf5ff,#f9fbff)}.service-summary h2{font-size:29px}.service-summary p{color:var(--muted);font-size:12px;margin-top:25px}.detail-columns,.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-block:40px}.content-panel{padding:30px;background:#fff;border:1px solid #dfe7f5;border-radius:18px}.content-panel h2{font-size:25px;letter-spacing:-.7px;margin-top:10px}.content-panel p,.content-panel li{font-size:13px;color:#647897;line-height:1.9}.content-panel ul{padding-left:19px;margin-top:23px}.content-panel li{padding-bottom:10px}.content-panel .text-link{margin-top:16px}.scope-note{padding:24px 28px;background:#eef4ff;border-left:3px solid #6597ef;border-radius:4px 14px 14px 4px;margin-block:35px}.scope-note strong{font-size:13px}.scope-note p{font-size:12px;color:#60789a;margin-bottom:0}.section-inline-links{display:flex;gap:30px;flex-wrap:wrap;margin-top:25px}.project-card:only-child{grid-column:1/-1}.real-project-image{background:radial-gradient(ellipse at 50% 40%,#e0edff,#c5d6ef);aspect-ratio:2.5}.real-project-image img{object-fit:contain;padding:25px;width:100%;height:100%}.real-detail-image{height:650px;max-height:70vh;object-fit:contain;background:linear-gradient(135deg,#ecf4ff,#d4e3f7);padding:25px;object-position:center;border:1px solid #d8e4f7}.project-resource-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:35px;font-size:12px;color:#3266bc}.faq-section{max-width:1050px}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-list details{border:1px solid #dfe8f7;background:white;border-radius:13px;padding:0 23px}.faq-list summary{cursor:pointer;font-size:14px;font-weight:500;padding:20px 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';font-size:22px;font-weight:400;color:#4d79c5}.faq-list details[open] summary::after{content:'−'}.faq-list details[open] summary{border-bottom:1px solid #edf1f9}.faq-list p{font-size:13px;line-height:1.95;color:#697d9c;margin:17px 0 21px}.compact-faq{margin-top:50px}.compact-faq>h2{margin-bottom:15px}.footer-links{display:flex;gap:25px;flex-wrap:wrap;padding-bottom:30px;font-size:11px;color:#657e9e}.footer-links a:hover{color:#2663eb}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.optional{font-size:9px;color:#8392a8;font-weight:400}.quote-options{border:1px solid #dfe7f5;padding:0 15px;border-radius:10px;margin-block:20px;background:#f8faff}.quote-options>summary{padding:14px 0;cursor:pointer;font-size:11px;color:#385f98}.quote-options>summary>span{font-size:9px;color:#7f91ab;margin-left:6px}.quote-options[open]>summary{margin-bottom:8px}.contact-explainer{border-top:1px solid #dfe7f5;margin-top:35px;padding-top:15px}.contact-explainer h2{font-size:22px;letter-spacing:-.5px}.contact-explainer ol{font-size:12px;line-height:2.2;color:#6d81a1;padding-left:18px;margin-top:20px}.message-context{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;background:#eef4ff;border-radius:9px;margin-top:18px}.message-context dt{font-size:9px;color:#6c84a8}.message-context dd{font-size:12px;margin:3px 0 0;overflow-wrap:anywhere}.admin-body .brand-symbol{width:49px;height:40px}.detail-form-note{font-size:10px;color:#7b8da9;line-height:1.8}.admin-main .edit-form details{border-top:1px solid #dfe7f5;padding-top:16px;margin-bottom:20px}.admin-main .edit-form summary{font-size:12px;cursor:pointer;margin-bottom:20px}
@media(max-width:1100px){.site-header nav{gap:22px}.service-hero{gap:30px}.contact-layout{gap:35px}.service-summary h2{font-size:24px}}
@media(max-width:760px){.brand-symbol{width:49px;height:39px}.section-title{font-size:28px;letter-spacing:-1px}.page-title,.service-hero h1{font-size:36px;letter-spacing:-1.5px}.service-hero{grid-template-columns:1fr;gap:28px;margin-bottom:40px}.service-summary{padding:25px}.service-summary h2{font-size:25px}.detail-columns,.solution-grid{grid-template-columns:1fr;gap:15px;margin-block:28px}.content-panel{padding:24px}.content-panel h2{font-size:23px}.content-panel p,.content-panel li{font-size:12px}.scope-note{padding:20px}.real-project-image{aspect-ratio:1.3}.real-detail-image{height:560px;padding:20px}.faq-list details{padding-inline:17px}.faq-list summary{font-size:12px;padding-block:18px}.faq-list p{font-size:12px}.footer-links{gap:16px;font-size:10px}.form-grid{grid-template-columns:1fr;gap:0}.section-inline-links{gap:16px}.message-context{grid-template-columns:1fr}.project-resource-links{gap:15px}.contact-layout{gap:30px}}