.language-switch{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;min-height:44px;color:#53604a;font-family:inherit;font-size:12px;line-height:1.2}
.language-switch>span{font-size:18px}
.language-switch select{border:0;background:transparent;color:inherit;font:inherit;min-height:44px;padding:6px 2px;cursor:pointer;border-radius:4px}
.language-switch select:focus-visible{outline:2px solid #5b704b;outline-offset:3px}
[data-page] .header-right{gap:24px}
[data-page=home]:not([data-phase=finished]) #site-chat{visibility:hidden;pointer-events:none}
.contact-callout{display:flex;align-items:center;justify-content:space-between;gap:40px}
.contact-callout>div{max-width:780px}.contact-callout>div>p:last-child{color:#68735c;margin-top:20px;font-size:15px}
.contact-callout>.action{flex-shrink:0}
.inquiry-brand{display:flex;align-items:center;flex-direction:column;width:102px;gap:0;margin:110px auto 0}
.brandmark-face{position:relative;display:block;width:112px;height:112px}
.brandmark-face>img{width:100%;height:100%;object-fit:contain}
.brandmark-face>.logo-mouth{position:absolute;left:53.66%;top:51.83%;width:49.65%;height:51.23%;transform:translate(-50%,-50%);opacity:1}
.inquiry-brand>img{width:102px;height:auto}
.inquiry-page .contact-section{padding-top:80px;gap:90px}
.inquiry-page h1{font-size:clamp(32px,3.4vw,48px);line-height:1.3;font-weight:750;letter-spacing:-.055em;margin:0}
.inquiry-page .eyebrow>span{display:none}
.inquiry-page .contact-form-area{padding:32px;background:#f9f7ef;border:1px solid #d7dccb;border-radius:10px;min-width:0}
.inquiry-page .form-fields input,.inquiry-page .form-fields textarea{background:#f4f3e9}
.inquiry-page .service-options{flex-wrap:wrap}
.inquiry-page .form-submit{gap:20px;flex-wrap:wrap}
.inquiry-page .form-submit .action{white-space:normal}
.inquiry-page .form-submit>p{flex:1;min-width:180px}
.inquiry-page .contact-intro{min-width:0}
html:not([lang=ko]) .hero-heading h1{letter-spacing:-.045em}
html:not([lang=ko]) .service-tags{display:flex;flex-wrap:wrap;row-gap:6px}
html:not([lang=ko]) .workflow strong{font-size:12px}
html:not([lang=ko]) .automation-preview .result-paper{width:80%}
html:not([lang=ko]) .result-paper dl>div{grid-template-columns:65px 1fr}
html:not([lang=ko]) .result-paper dl{font-size:11px}
html[lang=ja] .hero-heading h1{font-size:clamp(30px,4.1vw,59px)}
html[lang=ja] .service-copy h2{font-size:25px}
@media(max-width:1000px){[data-page] .header-right{gap:12px}.inquiry-page .contact-section{gap:35px;grid-template-columns:1fr 1.5fr}.inquiry-page .contact-form-area{padding:24px}}
@media(max-width:760px){
 [data-page] .header{height:auto;min-height:96px;align-items:flex-start;padding-top:16px;flex-wrap:wrap;gap:4px 12px}
 [data-page] .header nav{order:2;flex-basis:100%;justify-content:center;gap:28px}
 [data-page] .header-right{width:100%;justify-content:flex-end;gap:18px}
 [data-page] .header-right>a:first-child{margin-right:auto}
 [data-page] .header a{font-size:11px;min-height:40px;display:inline-flex;align-items:center}
 [data-page] .header .inquiry{font-size:11px;padding-inline:12px}
 .language-switch{font-size:11px}
 .contact-callout{align-items:flex-start;flex-direction:column;gap:25px}
 .inquiry-brand{margin-top:145px;width:90px}.brandmark-face{width:98px;height:98px}
 .inquiry-brand>img{width:90px}.inquiry-page .contact-section{padding-top:45px;grid-template-columns:1fr;gap:32px}
 .inquiry-page .contact-form-area{padding:22px 18px}.inquiry-page h1{font-size:36px}
 .inquiry-page .contact-intro>p br{display:none}
 .home-footer{padding-bottom:110px}
 html[lang=ja] .hero-heading h1{font-size:clamp(26px,5.9vw,42px)}
 html:not([lang=ko]) .automation-top{font-size:11px}
 html:not([lang=ko]) .automation-bottom{font-size:9px;gap:8px}
 html:not([lang=ko]) .result-paper dl{font-size:10px}
 html:not([lang=ko]) .service-options span{font-size:10px;padding-inline:9px}
}
@media(max-width:380px){html[lang=en] .hero-heading h1{font-size:31px}html[lang=ja] .hero-heading h1{font-size:25px}.inquiry-page .contact-form-area{padding-inline:14px}.inquiry-page h1{font-size:32px}.inquiry-page .draft-actions{flex-wrap:wrap}.inquiry-page .contact-email{font-size:15px}}
@media(min-width:761px) and (max-width:1000px){
 [data-page=home] .home-hero{padding-top:304px}
 .inquiry-page .contact-section{grid-template-columns:1fr;max-width:760px;gap:36px}
 .inquiry-page .contact-intro h1 br{display:none}
}
@media(max-width:900px){
 [data-page=home] .service-pair{grid-template-columns:1fr;gap:44px}
 [data-page=home] .content-preview,[data-page=home] .automation-preview{height:450px}
 [data-page=home] .automation-preview{padding:24px}
 [data-page=home] .automation-colleague{height:230px}
}
@media(max-width:480px){[data-page=home] .content-preview,[data-page=home] .automation-preview{height:410px}[data-page=home] .automation-preview{padding:17px 14px 0}[data-page=home] .automation-colleague{height:177px}}
/* The same language control follows visitors into the existing workshop and PLAY. */
body:not([data-page])>.header{gap:18px}
body:not([data-page])>.header .language-switch{margin-left:0}
@media(max-width:980px){body:not([data-page])>.header{flex-wrap:wrap;gap:8px 16px}body:not([data-page])>.header nav{order:4;width:100%;justify-content:center}body:not([data-page])>.header .contact{margin-left:auto}}
@media(max-width:540px){body:not([data-page])>.header{padding-inline:5.5%}body:not([data-page])>.header .contact{font-size:10px;padding:7px 9px}body:not([data-page])>.header .wordmark{width:80px}body:not([data-page])>.header nav{font-size:11px;gap:14px}}
html[lang=ja] body{word-break:normal;overflow-wrap:anywhere}
[data-page] .product-card,[data-page] .section-heading>div{min-width:0}
/* Make the complete content service visible wherever visitors first discover it. */
.content-track{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:14px 0;margin:20px 0;border-block:1px solid #c7cebc;color:#44583c;font-size:13px;font-weight:650}
.content-track li{position:relative;text-align:center;min-width:0}
.content-track li+li::before{content:'→';position:absolute;left:-15px;font-weight:400;color:#89967c}
#content-intro .content-track{max-width:355px;margin:20px 0 22px;font-size:12px}
.delivery-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px;margin:28px 0 8px}
.delivery-details>div{min-width:0;border-top:1px solid #c8cebe;padding-top:12px}
.delivery-details dt{font-size:14px;font-weight:700;color:#44583c}
.delivery-details dd{margin:7px 0 0;font-size:12px;line-height:1.8;color:#666f5e}
@media(max-width:720px){
 #content-intro .content-track{order:3;width:100%;max-width:none;margin:8px 0 5px;padding:12px 0}
 .content-track{font-size:12px;gap:14px}
 .content-track li+li::before{left:-12px}
 .delivery-details{gap:20px;font-size:12px}
}
/* Page-specific controls stay outside the shared company footer. */
.page-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin:0 auto;padding:28px max(24px,5vw);background:#f4f1e8;color:#58664f;font-size:11px;line-height:1.7}
.page-tools p{margin:0}.page-tools>button,.page-tools>a{min-height:40px;display:inline-flex;align-items:center;gap:14px;color:inherit;font:inherit;text-decoration:none;background:none;border:0;padding:6px 0;cursor:pointer}.page-tools>button:focus-visible,.page-tools>a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.page-tools .privacy-note{max-width:700px}.page-tools .privacy-note summary{cursor:pointer}.page-tools .privacy-note p{margin-top:10px;font-size:11px;line-height:1.8}
.play-page>.page-tools{background:#252724;color:#bbc3ad}.play-page>.page-tools>button{margin-left:auto;flex-shrink:0}
@media(max-width:560px){.page-tools{padding:22px 24px;gap:12px;font-size:10px}.page-tools>p{flex-basis:100%}}