.signage-page{--sign-ink:#102647;--sign-muted:#687386;--sign-paper:#f5f2ed;background:var(--sign-paper);color:var(--sign-ink)}
.signage-page #signage-main{max-width:1320px;margin:auto;padding:22px 30px 42px;font-family:Arial,Helvetica,sans-serif}
.signage-page #signage-main *{box-sizing:border-box}.signage-page #signage-main h1,.signage-page #signage-main h2,.signage-page #signage-main h3,.signage-page #signage-main p{margin:0}
.signage-page #signage-main h2,.signage-page #signage-main h3{font-family:Arial,Helvetica,sans-serif;font-weight:700;text-transform:none}
.signage-page #signage-main .sign-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}
.signage-page #signage-main a{color:inherit}.signage-page #signage-main :focus-visible{outline:3px solid #4677ad;outline-offset:4px}
.sign-hero{display:grid;grid-template-columns:1fr 1.12fr;gap:30px;align-items:center}.sign-eyebrow{font-size:18px;margin-bottom:12px!important}.sign-hero h1{font-size:clamp(32px,4.1vw,58px);letter-spacing:-.045em;line-height:1.04;max-width:630px}.sign-lead{font-size:clamp(17px,1.8vw,24px);line-height:1.3;margin-top:18px!important}.sign-note{color:var(--sign-muted);font-size:15px;line-height:1.45;margin-top:13px!important}.sign-art{margin:0;min-width:0}.sign-art img{width:100%;height:325px;object-fit:cover;display:block;border-radius:22px}.sign-art figcaption{font-size:11px;color:var(--sign-muted);margin-top:6px}.sign-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.sign-button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:12px 23px;border:1px solid #193550;border-radius:30px;background:linear-gradient(135deg,#25445f,#102b43);box-shadow:inset 0 2px 2px #ffffff20,0 4px 8px #142b3e18;color:white!important;text-decoration:none;font:600 15px Arial;cursor:pointer}.sign-text-link{font-size:14px;text-underline-offset:4px}
.sign-kinds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.sign-kind{display:flex;align-items:center;gap:16px;min-height:88px;border:1px solid #e9e5df;border-radius:17px;background:linear-gradient(145deg,#fffdfa,#f5f2ed);box-shadow:0 7px 17px #20324709;padding:16px;text-align:left;color:var(--sign-ink);font:600 17px/1.3 Arial;cursor:pointer}.sign-kind i{font-style:normal;display:grid;place-items:center;width:49px;flex:0 0 49px;font-size:43px;color:#4b5e70;text-shadow:1px 2px #b9c1c9,3px 4px 2px #263c4c35}.sign-kind .sign-box{font-size:40px}.sign-kind:hover{background:#fff;transform:translateY(-1px)}
.sign-workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.sign-panel{border-radius:22px;background:#ffffff68;border:1px solid #eae6df;padding:25px;box-shadow:0 8px 24px #23344906}.sign-panel h2,.sign-examples h2{font-size:clamp(25px,2.5vw,34px);line-height:1.1;letter-spacing:-.035em;margin-bottom:16px!important}.sign-details{margin-top:10px;border:1px solid #e9e5df;border-radius:15px;background:linear-gradient(125deg,#fffdfa,#f8f5f0);box-shadow:0 5px 12px #23344905;overflow:hidden}.sign-details summary{position:relative;list-style:none;padding:17px 44px 17px 17px;cursor:pointer;font-size:20px;font-weight:600;line-height:1.2}.sign-details summary::-webkit-details-marker{display:none}.sign-details summary:after{content:'+';position:absolute;right:18px;top:15px;font-size:24px;font-weight:400}.sign-details[open] summary:after{content:'−'}.sign-details p,.sign-details ul{font-size:15px;line-height:1.5;color:#435267;padding:0 17px 17px}.sign-details ul{padding-left:34px;margin:0}.sign-details li+li{margin-top:8px}
.sign-form .sign-note{margin:-7px 0 18px!important}.sign-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.sign-field{display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.3}.sign-field input,.sign-field select,.sign-field textarea,.sign-output textarea{width:100%;min-width:0;padding:12px;border:1px solid #cfd3d8;border-radius:10px;color:var(--sign-ink);background:#ffffff72;font:14px/1.35 Arial}.sign-field input::placeholder,.sign-field textarea::placeholder{color:#798496}.sign-form .sign-details{margin:14px 0;background:transparent;box-shadow:none}.sign-form .sign-details summary{font-size:14px;font-weight:400;padding:12px 40px 12px 12px}.sign-form .sign-details summary:after{top:9px}.sign-extra{padding:0 12px 12px}.sign-form>.sign-button{width:100%;margin-top:18px}.sign-form .sign-privacy{font-size:12px;color:var(--sign-muted);line-height:1.4;margin-top:12px!important}.sign-output{margin-top:20px}.sign-output textarea{min-height:220px;margin:10px 0;resize:vertical}.sign-output [role=status]{font-size:13px;line-height:1.4;margin:10px 0!important}.sign-output[hidden]{display:none}.sign-contact-links{display:flex;flex-wrap:wrap;gap:14px;font-size:14px}.sign-terms{padding:16px 2px;font-size:13px;line-height:1.5;color:#59677a}
.sign-examples{margin-top:26px}.sign-cases{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:17px}.sign-case{padding:18px;border:1px solid #e6e1d8;border-radius:18px;background:#ffffff4d;min-width:0}.sign-case:first-child{grid-column:1/-1}.sign-case h3{font-size:21px;margin-bottom:7px!important}.sign-case>p{font-size:14px;line-height:1.5;color:#59677a;margin-bottom:14px!important}.sign-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sign-gallery.single{grid-template-columns:1fr}.sign-gallery figure{margin:0;min-width:0}.sign-gallery img{display:block;width:100%;aspect-ratio:1.6;object-fit:contain;background:#eae7e2;border-radius:11px}.sign-gallery figcaption{font-size:12px;color:#647084;margin-top:6px}.sign-case-meta{font-size:12px;color:#647084}.sign-process{margin-top:20px}.sign-process .sign-details p{max-width:950px}
@media(max-width:850px){.signage-page #signage-main{padding:20px}.sign-hero{gap:20px}.sign-art img{height:290px}.sign-kinds{gap:8px}.sign-kind{font-size:14px;padding:12px;gap:8px}.sign-kind i{width:30px;flex-basis:30px;font-size:34px}.sign-panel{padding:18px}.sign-fields{grid-template-columns:1fr}.sign-details summary{font-size:18px}}
@media(max-width:600px){.signage-page #signage-main{padding:16px 15px 30px}.sign-hero{display:flex;flex-direction:column;gap:13px;align-items:stretch}.sign-eyebrow{font-size:13px;margin-bottom:6px!important}.sign-hero h1{font-size:32px;max-width:400px}.sign-lead{font-size:15px;margin-top:8px!important}.sign-note{font-size:12px;margin-top:8px!important}.sign-actions{margin-top:12px;gap:12px}.sign-actions .sign-button{min-height:40px;font-size:13px;padding:9px 17px}.sign-text-link{font-size:12px}.sign-art img{height:170px;border-radius:15px}.sign-art figcaption{font-size:10px;margin-top:4px}.sign-kinds{grid-template-columns:1fr 1fr;margin:10px 0 15px;gap:7px}.sign-kind{min-height:59px;padding:10px;font-size:13px;border-radius:12px;gap:10px}.sign-kind i{font-size:32px;width:36px;flex-basis:36px}.sign-workspace{grid-template-columns:1fr;gap:14px}.sign-panel{padding:16px;border-radius:17px}.sign-panel h2,.sign-examples h2{font-size:25px;margin-bottom:12px!important}.sign-details{margin-top:7px;border-radius:11px}.sign-details summary{padding:13px 38px 13px 13px;font-size:15px}.sign-details summary:after{right:13px;top:9px;font-size:22px}.sign-details p,.sign-details ul{font-size:13px;padding-right:13px;padding-bottom:13px}.sign-details p{padding-left:13px}.sign-form .sign-note{margin:-5px 0 12px!important}.sign-fields{gap:10px}.sign-field{font-size:12px;gap:4px}.sign-field input,.sign-field select,.sign-field textarea{font-size:13px;padding:9px;min-height:38px}.sign-form>.sign-button{margin-top:13px;min-height:43px}.sign-form .sign-privacy{font-size:10px}.sign-terms{font-size:11px;padding:12px 1px}.sign-cases{grid-template-columns:1fr;gap:12px}.sign-case:first-child{grid-column:auto}.sign-case{padding:14px}.sign-case h3{font-size:19px}.sign-gallery{grid-template-columns:1fr 1fr}.sign-gallery figure:first-child{grid-column:1/-1}.sign-gallery img{aspect-ratio:1.5}.sign-gallery figcaption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.sign-kind:hover{transform:none}}
