/* Production content extends the approved shared layout without duplicating pages. */
[hidden]{display:none!important}
body{overflow-wrap:anywhere}
.logo:not(.custom-logo){background-image:url(/assets/brand-logo-0cb40f250d3a.webp);background-size:100% 100%;background-position:0 0}
.footer .logo:not(.custom-logo){background-image:url(/assets/brand-logo-footer-3c2c61af8f70.webp);background-size:100% 100%;background-position:0 0}
.cta-decoration{background-image:url(/assets/cta-decoration-4a7b333d360e.webp);background-size:100% 100%;background-position:0 0}
.cta-arrow{background-image:url(/assets/cta-arrow-215482abda9e.webp);background-size:100% 100%;background-position:0 0}
.custom-logo{background:none!important;border-radius:0}
.custom-logo img{width:100%;height:100%;object-fit:contain}
.hero h1{white-space:normal!important;overflow-wrap:anywhere;max-width:100%;line-height:1.3}
.hero h2,.hero-copy>p,.cta-copy h2,.bar-copy h2{overflow-wrap:anywhere}
.hero-copy>p{text-wrap:pretty}
.hero .consult .consent{white-space:normal;text-align:left;justify-content:flex-start;line-height:1.7}
.lead-form .field input{min-width:0}
.lead-form button:disabled{opacity:.65;cursor:wait}
.form-status{overflow-wrap:anywhere}
.service-heading{width:100%}
.service-area.service-section-mobile{display:block}
.review-head{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:9px;row-gap:2px;align-items:start;padding:12px 16px}
.review .avatar{grid-column:1;grid-row:1 / span 2;align-self:center;flex-shrink:0}
.review h3{grid-column:2;grid-row:1;min-width:0;margin:0;white-space:normal;overflow-wrap:anywhere;line-height:1.6}
.review-time{grid-column:2;grid-row:2;display:block;margin:0;min-width:0;max-width:100%;font-size:11px;line-height:1.6;white-space:nowrap;text-align:left;color:#7b8290;font-variant-numeric:tabular-nums}
.review-section .section-head,.case-section .section-head{margin-bottom:24px}
.case-caption{padding:14px 4px 0}
.case-card .photo img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
.case-card .photo{display:flex;align-items:center;justify-content:center}
.case-caption h3,.case-caption p{overflow-wrap:anywhere}
.case-caption .case-company-name{min-height:3.2em;white-space:normal;word-break:normal}
.case-caption .case-industry{white-space:normal}
.certificate-trigger{cursor:pointer}
.certificate-trigger:focus-visible{outline:3px solid #e92348;outline-offset:4px}
.certificate-trigger .certificate-zoom{color:#d82143}
.certificate-dialog .dialog-header h2{min-width:0;overflow-wrap:anywhere;white-space:normal}
.case-details{margin-top:10px;border-top:1px solid #edf1f7;padding-top:8px;font-size:12px;line-height:1.8;color:#566d8b}
.case-details p+p{margin-top:7px}
.case-details strong{display:block;color:#233b60;font-size:11px;font-weight:600}
.case-details:empty{display:none}
.certificate-view .photo img{position:static;width:100%;height:100%;object-fit:contain;max-width:100%}
.public-directory{display:block;padding:24px;border:1px solid #dce6f1;border-radius:18px;background:linear-gradient(135deg,#f7f9fd,#edf4fb)}
.public-articles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:0;padding:0;list-style:none}
.public-directory .recommendation-item{min-width:0;margin:0;padding:0}
.public-directory .article{display:flex;align-items:center;min-width:0;height:100%;min-height:66px;gap:12px;padding:15px 17px;border:1px solid #e1e8f1;border-radius:11px;background:#fff;text-decoration:none;transition:border-color .18s,box-shadow .18s,background .18s}
.public-directory .article-title{min-width:0;white-space:normal;font-size:15px;line-height:1.7;flex:1;overflow-wrap:anywhere;color:#13345f}
.public-directory .article-index{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:8px;background:#fff0f2;color:#d93250;font-size:11px;font-weight:600}
.public-directory .article-chevron{flex-shrink:0;color:#c5cfdd;font-size:20px}
.public-directory .article:hover{border-color:#edb9c3;background:#fffafb;box-shadow:0 3px 12px #15355b08}
.public-directory .article:hover .article-chevron{color:#e33250}
.public-directory .article:focus-visible{outline:2px solid #e62b4b;outline-offset:3px}
.dock-consult{background:#fff;color:#092757;border:1px solid #d9e3f1}
.dock-promo h2{color:#092757}
.bar-copy h2{max-width:100%}
.bar-copy h2,.bar-copy p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}
.hero-art{object-fit:contain}
.bar-form .consent .privacy-link{color:#b91b48;text-decoration:underline}
.step-number{text-align:center}
.review.demo-card h3{white-space:normal;overflow:visible;text-overflow:clip}
.case-card.demo-card .paper{position:relative}
.case-card .photo.sample-crop img,.certificate-view .photo.sample-crop img{position:absolute;max-width:none;object-fit:fill;width:var(--sample-width);height:var(--sample-height);left:var(--sample-left);top:var(--sample-top)}
.case-trademark-redaction{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.demo-preview-note{position:absolute;bottom:9px;left:9px;right:38px;padding:2px 3px;border-radius:3px;background:#fffffff2;color:#647694;font-size:9px;line-height:1.5;text-align:left;overflow-wrap:anywhere}
.certificate-view .demo-preview-note{position:static;display:block;padding:9px 0 2px;background:transparent;color:#647694;font-size:11px;text-align:center}
.certificate-view:has(.certificate-description){flex-direction:column;align-items:center}
.certificate-description{width:100%;max-width:490px;margin-top:18px;padding-top:14px}
.certificate-description .sample-disclosure{color:#647694;background:#fff;padding:12px;border-radius:8px}
.certificate-dialog .dialog-header{position:sticky;top:0;z-index:3;background:#fff}
.footer{height:auto;min-height:88px;padding:24px 0}
.footer-inner{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.5fr) auto;align-items:center;gap:16px 22px}
.footer-brand,.footer .company,.footer-keyword,.footer .contact{min-width:0}
.footer-keyword{margin:0;color:#f3f7ff;font-size:13px;line-height:1.8;text-align:center;overflow-wrap:anywhere}
.footer .contact{margin-left:0;white-space:nowrap}
.footer-records{grid-column:1/-1;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 24px;border-top:1px solid #ffffff1c;padding-top:13px;margin-top:2px;color:#cbd8eb;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.footer-friends{grid-column:1/-1;display:flex;align-items:flex-start;gap:14px 24px;border-top:1px solid #ffffff1c;padding-top:16px;margin-top:2px;color:#cbd8eb;font-size:12px;line-height:1.8}
.footer-friends-title{flex-shrink:0;font-weight:600;color:#eef4ff}
.footer-friends-list{display:flex;align-items:center;flex-wrap:wrap;gap:7px 22px;min-width:0}
.footer-friends a,.footer-records a{color:#dce8f8;text-decoration:none;max-width:100%;overflow-wrap:anywhere}
.footer-friends a:hover,.footer-records a:hover{color:#fff;text-decoration:underline}
.footer-friends a:focus-visible,.footer-records a:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:2px}
.footer-records .registration-record{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0}
.footer-records .record-text{min-width:0}
.footer-records .registration-record img{width:20px;height:20px;flex-shrink:0;object-fit:contain}
@media(min-width:641px) and (max-width:1179px){
 .footer-inner{grid-template-columns:minmax(0,1fr) auto;gap:12px 18px}
 .footer .company{grid-column:1/-1;grid-row:2;border-left:0;padding-left:0}
 .footer-keyword{grid-column:1/-1;grid-row:3;text-align:left}
 .footer .contact{grid-column:2;grid-row:1}
}
@media(min-width:641px){
 .floor-nav .floor-links{gap:8px;margin-top:5px;border-top:1px solid #ece7e9;padding-top:10px;padding-bottom:12px}
}
@media(min-width:641px) and (max-width:1179px){
 .floor-nav .floor-links{gap:6px;margin-top:4px;padding-top:8px;padding-bottom:9px}
}
@media(min-width:641px){
 .long-keyword .hero-art{display:none}
 .hero-copy{padding-right:310px;width:100%}
 .hero h1{font-size:clamp(32px,3.4vw,48px)}
 .hero-copy>p{max-width:540px}
 .hero .consult{top:28px}
 .hero-inner{height:auto;min-height:450px}
 .hero-copy{padding-block:52px}
 .hero h2{font-size:clamp(19px,2vw,27px)}
 .mobile-menu-toggle{display:none}
 .bar-copy h2{font-size:21px;line-height:1.5}
}
@media(min-width:641px) and (max-width:1179px){
 .hero-art{display:none!important}
 .hero-inner{height:auto;min-height:400px}
 .hero-copy{padding-right:270px;padding-block:40px}
 .hero h1{font-size:34px}
 .hero h2{font-size:20px}
 .hero .consult{top:28px}
 .bar-copy h2{font-size:19px}
}
@media(min-width:641px) and (max-width:1023px){
 .hero-inner,.has-floor-space .hero-inner{height:auto;min-height:0;display:block;padding-block:30px}
 .hero-copy,.has-floor-space .hero-copy{width:100%;padding:0}
 .hero .consult,.has-floor-space .hero .consult{position:relative;inset:auto;width:100%;margin-top:26px;padding:20px 24px}
 .hero .consult h3{font-size:22px}
 .bar-copy h2{font-size:17px}
 .has-floor-space .review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:641px) and (max-width:710px){
 .has-floor-space .review-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
 .footer-inner{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
 .footer .company{width:auto;padding-left:0;border-left:0}
 .footer-keyword{font-size:13px}
 .footer-records{width:100%;flex-direction:column;gap:6px;padding-top:12px;margin-top:3px}
 .footer-friends{width:100%;flex-direction:column;align-items:center;gap:7px;padding-top:13px}
 .footer-friends-list{justify-content:center;gap:6px 18px}
 html{scrollbar-gutter:auto}
 .hero-inner{height:auto!important;min-height:0!important;padding-bottom:12px}
 .hero-copy{width:100%;padding-right:0}
 .hero h1{font-size:34px;letter-spacing:-.8px;padding-right:105px;min-height:84px;display:flex;align-items:center}
 .hero h2{font-size:19px}
 .hero-art{top:22px;width:104px;height:112px;right:18px}
 .hero .consult{display:none!important}
 .mobile-selling .service-heading .section-head{margin:0 0 12px}
 .mobile-selling .service-heading .section-head h2{justify-content:flex-start;font-size:19px;line-height:1.5}
 .mobile-selling .service-heading .section-head h2:before{width:3px;height:18px;background:#ff525d}
 .mobile-selling .service-heading .section-head h2:after{display:none}
 .service-area.service-section-mobile{padding-top:0}
 .public-directory{padding:12px;border-radius:14px}
 .public-articles{gap:8px}
 .public-directory .article{gap:6px;min-height:58px;padding:10px 8px;border-radius:9px}
 .public-directory .article-title{font-size:13px;line-height:1.65;display:block;overflow:visible}
 .public-directory .article-index{width:18px;height:20px;border-radius:5px;font-size:9px;background:transparent}
 .public-directory .article-chevron{display:none}
 .review-head{grid-template-columns:24px minmax(0,1fr);padding:10px 14px;column-gap:8px}
 .review-time{font-size:11px}
 .review-section .section-head,.case-section .section-head{margin-bottom:18px}
 .case-caption{padding:11px 2px 0}
 .unified-dialog.consultation-dialog{inset:auto 0 0;width:100%;max-height:calc(100dvh - 24px);border-radius:20px 20px 0 0}
 .unified-dialog .consult .field input{font-size:16px}
 .dialog-header{position:sticky;top:0;z-index:3;background:#fff}
 .dialog-header h2{font-size:20px}
 .unified-dialog .consult{padding:20px 24px 26px}
 .mobile-dock .dock-button{padding-inline:4px}
}
@media(max-width:359px){
 .hero h1{font-size:30px;padding-right:94px}
 .hero-art{width:94px;height:100px;right:14px}
 .hero h2{font-size:17px}
 .review-head{padding-inline:12px;column-gap:7px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@media(max-width:724px){.section-head h2{text-wrap:balance}}

/* Keep consultation available in embedded browsers without native dialog support. */
.dialog-fallback-backdrop{position:fixed;inset:0;background:#08204466}
.unified-dialog:not([open]){display:none}
.unified-dialog.dialog-fallback[open]{display:block;position:fixed;inset:24px 0 auto;margin:0 auto;max-height:calc(100vh - 48px);overflow-y:auto}
@supports(height:100dvh){.unified-dialog.dialog-fallback[open]{max-height:calc(100dvh - 48px)}}
@media(max-width:640px){.unified-dialog.dialog-fallback[open]{inset:auto 0 0;max-height:calc(100vh - 24px);width:100%;border-radius:20px 20px 0 0}}
@supports(height:100dvh){@media(max-width:640px){.unified-dialog.dialog-fallback[open]{max-height:calc(100dvh - 24px)}}}