.system-package{padding:76px 0;background:#f3f6f8;color:#173347;scroll-margin-top:100px}.system-package *{box-sizing:border-box}.sp-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.sp-eyebrow{font-size:11px;letter-spacing:2px;color:#647c8d;font-weight:700}.system-package h2{font-size:32px;line-height:1.4;margin:10px 0}.system-package p{color:#617384;line-height:1.8;margin:0}.sp-download{font-size:14px;white-space:nowrap;color:#173347;border-bottom:1px solid #acbac4;padding:8px 0}.sp-visual{background:white;border:1px solid #dde5ea;border-radius:12px;overflow:hidden}.sp-visual img{display:block;width:100%;height:auto}.sp-demo{display:block;padding:16px 24px;border-top:1px solid #e7edf1;text-align:right;color:#176276;font-size:14px;font-weight:600}.sp-recommendation{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 24px;background:#e4edf1;border-radius:8px;margin:20px 0}.sp-recommendation strong{font-size:17px}.sp-recommendation span{font-size:12px;color:#536d7d}.sp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dce5eb;border:1px solid #dce5eb;border-radius:10px;overflow:hidden}.sp-cards article{padding:28px;background:white}.sp-number{font-size:11px;letter-spacing:1px;color:#708594}.system-package h3{font-size:21px;line-height:1.5;margin:10px 0}.sp-cards p{font-size:14px;min-height:48px}.sp-cards a{display:inline-block;font-size:14px;color:#176276;margin-top:18px}.sp-inquiry{margin-top:32px;display:grid;grid-template-columns:1fr 1.7fr;gap:36px;padding:32px;background:#173347;border-radius:10px;color:white}.sp-inquiry .sp-eyebrow,.sp-inquiry p{color:#b7c9d5}.sp-inquiry h3{color:white}.sp-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sp-fields label{font-size:13px;display:block;color:#deebf2}.sp-fields select{width:100%;padding:11px;margin-top:7px;border:1px solid #58717f;border-radius:5px;background:#244458;color:white;font:inherit}.sp-form textarea{display:block;width:100%;margin-top:15px;padding:13px;color:#e1edf4;border:1px solid #58717f;background:#244458;resize:vertical;border-radius:5px;font:13px/1.8 sans-serif}.sp-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:16px}.sp-actions button{padding:11px 18px;background:#e7b66b;color:#173347;border:0;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer}.sp-actions a{color:white;font-size:14px}.sp-actions span{font-size:12px;color:#c6e1d8}.system-package .sp-note{font-size:11px;margin-top:18px}.system-package a:focus-visible,.system-package button:focus-visible,.system-package select:focus-visible,.system-package textarea:focus-visible{outline:3px solid #d99943;outline-offset:4px}@media(max-width:767px){.system-package{padding:40px 0}.sp-heading{display:block}.system-package h2{font-size:25px}.sp-heading p{font-size:13px}.sp-download{display:inline-block;margin-top:14px}.sp-recommendation{display:block;padding:18px}.sp-recommendation strong{font-size:15px}.sp-recommendation span{display:block;margin-top:7px}.sp-cards{grid-template-columns:1fr}.sp-cards article{padding:20px}.sp-cards p{min-height:0}.sp-cards a{margin-top:10px}.sp-inquiry{grid-template-columns:1fr;padding:22px;gap:20px}.sp-fields{grid-template-columns:1fr}.sp-demo{padding:13px 18px}.sp-visual{border-radius:6px}}

.sp-zoom-hint{display:block;padding:12px 24px 0;color:#617384;font-size:12px;text-align:right}