/* Concrete product and service visuals. Keep labels as selectable HTML. */
.hero-art{background-image:url('/assets/hero-devices-v2-1600.webp?v=e74e8b81435e');background-position:center center}
.hero-art:after{background:linear-gradient(90deg,rgb(249 247 240 / 8%),transparent 55%)}
.hero-device-scene{display:none}
.hero-product-callout{position:absolute;right:0;bottom:114px;width:390px;display:flex;align-items:center;gap:16px;padding:19px 20px;background:rgb(250 250 245 / 94%);border:1px solid #d5dccb;border-radius:6px;box-shadow:0 10px 30px rgb(29 38 20 / 5%);transition:border-color .25s,transform .25s}
.hero-product-callout:hover{transform:translateY(-3px);border-color:#899c65}
.callout-symbol{display:grid;place-items:center;flex:none;width:43px;height:43px;background:var(--lime);border-radius:50%;font:700 19px/1 Arial,sans-serif;letter-spacing:-1px}
.hero-product-callout strong{display:block;font-size:17px;line-height:1.7;letter-spacing:0}
.hero-product-callout small{display:block;margin-top:2px;font-size:13px;line-height:1.8;color:#526044;letter-spacing:0}
.callout-arrow{margin-left:auto;font:23px/1 Arial,sans-serif}
.hero-product-callout small>span{display:inline-block}
.migration-explainer{position:relative;padding:30px 25px 24px;border:1px solid #dce1d0;background:linear-gradient(150deg,#eff2e7,#e6ebdc);border-radius:6px}
.migration-visual-heading{position:relative;margin-bottom:25px}
.migration-visual-heading>span:first-child{display:block;font-size:13px;color:#556149;margin-bottom:9px}
.migration-visual-heading>strong{display:block;font-size:28px;line-height:1.55;letter-spacing:-.03em}
.visual-example{position:absolute;right:0;top:0;border:1px solid #becab1;border-radius:30px;padding:3px 10px;font-size:13px;line-height:1.6;color:#556149}
.migration-compare{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:8px;align-items:start}
.state-label{display:flex;flex-direction:column;gap:4px;align-items:center;margin-bottom:11px;font-size:14px;font-weight:700;line-height:1.5}
.state-label>span{font:10px/1.5 Arial,sans-serif;letter-spacing:1.4px;color:#69765b}
.migration-direction{font:23px/1 Arial,sans-serif;color:#5d7443;text-align:center;margin-top:112px}
.sample-browser{overflow:hidden;background:#fcfcf6;border:1px solid #aab49d;border-radius:5px;box-shadow:0 6px 12px rgb(30 47 14 / 5%)}
.sample-browser-bar{height:16px;display:flex;align-items:center;gap:3px;border-bottom:1px solid #d8ddcf;padding:0 7px;background:#fff}
.sample-browser-bar i{width:3px;height:3px;border-radius:50%;background:#c2cab6}
.sample-site{padding:12px 10px 13px}
.sample-nav{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:13px;font:5px/1.2 Arial,sans-serif;color:#5a6950}
.sample-nav b{font-size:7px;letter-spacing:.3px;white-space:nowrap}
.sample-hero{display:grid;grid-template-columns:1fr 1fr;gap:5px;align-items:center}
.sample-hero>div>b{display:block;font-size:15px;line-height:1.7;letter-spacing:-.04em;font-weight:700}
.sample-hero>div>span{display:block;font:5px/1.4 Arial,sans-serif;letter-spacing:.4px;margin-top:11px;color:#6c7a60}
.sample-hero>svg{display:block;width:100%;height:auto}
.sample-news{display:flex;flex-direction:column;gap:5px;border-top:1px solid #dfe4d6;padding-top:9px;margin-top:13px}
.sample-news>span{font:7px/1.2 Arial,sans-serif;font-weight:700;color:#647558}
.sample-news>i{width:80%;height:2px;background:#dce2d3}
.sample-news>i:last-child{width:55%}
.system-connector{height:23px;width:1px;background:#aab49d;margin-inline:auto}
.system-box{text-align:center;border:1px solid #bbc6ae;border-radius:4px;background:#f6f7f1;padding:15px 5px}
.system-box>span{display:block;font-size:12px;line-height:1.8;letter-spacing:-.02em;color:#5a674f}
.system-box>strong{display:block;font:700 17px/1.5 Arial,'Noto Sans JP',sans-serif;margin-block:7px;color:#435337;letter-spacing:-.5px}
.system-box>p{font-size:13px;line-height:1.8;color:#536149;letter-spacing:0}
.migration-after .sample-browser{border-color:#7e9a4d}
.migration-after .state-label>span{color:#4f6d26}
.migration-after .system-connector{background:#708e3c}
.migration-after .system-box{background:var(--ink);border-color:var(--ink)}
.migration-after .system-box>span{color:#d1dec0}
.migration-after .system-box>strong{color:var(--lime)}
.migration-after .system-box>p{color:white}
.migration-visual-result{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:24px;font-size:14px;line-height:1.8;letter-spacing:0}
.migration-visual-result>span{display:grid;place-items:center;width:21px;height:21px;flex:none;border-radius:50%;background:var(--lime);font-size:13px}
.migration-visual-result strong{font-weight:600}
.migration-visual-note{font-size:13px;line-height:1.85;color:#5b684e;margin-top:13px;letter-spacing:0}
.support-grid{align-items:center;gap:75px}
.support-update-visual{position:relative;margin-top:30px;border-radius:5px;overflow:hidden;background:#eeeee4}
.support-update-visual>img{width:100%;height:auto;aspect-ratio:1.75;object-fit:cover;object-position:55% center;display:block}
.update-request{position:absolute;left:16px;top:20px;max-width:46%;background:#fffef9;border:1px solid #e1e4d7;border-radius:8px 8px 8px 0;padding:14px 17px;box-shadow:0 5px 20px rgb(29 38 20 / 6%)}
.update-request:after{content:'';position:absolute;left:12px;bottom:-7px;width:12px;height:12px;background:#fffef9;border-right:1px solid #e1e4d7;border-bottom:1px solid #e1e4d7;transform:rotate(45deg)}
.update-request>span:first-child{display:block;font-size:12px;line-height:1.7;color:#66745a;margin-bottom:6px}
.update-request strong{font-size:16px;line-height:1.75;letter-spacing:0;display:block;font-weight:600}
.request-dots{display:block;font:14px/1 Arial,sans-serif;color:#839a5e;letter-spacing:3px;margin-top:6px}
.support-update-visual figcaption{position:relative;display:flex;justify-content:center;align-items:center;gap:14px;padding:16px 12px;background:#e9eddf;font-size:13px;line-height:1.8;color:#445439;letter-spacing:-.02em}
.support-update-visual figcaption>span:not(:nth-child(2)){display:flex;align-items:center;gap:7px}
.support-update-visual figcaption b{font:11px/1 Arial,sans-serif;color:#657e46}
.subscription-label{margin-top:20px;padding:17px 21px;gap:23px}
.subscription-label strong{font-size:18px}
.subscription-label .orbit-icon{width:43px;height:43px;font-size:27px}
.contact-art{background-image:url('/assets/contact-consult-v2-1600.webp?v=de391b4d7bca');background-position:center right}
.contact-art:after{background:linear-gradient(90deg,rgb(19 26 22 / 14%),transparent 65%)}
.contact-section .section-marker>span:last-child{background:rgb(25 31 27 / 88%);padding:4px 10px;border-radius:30px;color:#e0e7d8}
@media(min-width:1600px){.hero-product-callout{bottom:126px}.hero-art{background-position:center center}}
@media(max-width:1199px){.hero-product-callout{width:335px;bottom:115px;padding:15px 17px;gap:12px}.hero-product-callout strong{font-size:15px}.hero-product-callout small{font-size:12px}.callout-symbol{width:37px;height:37px;font-size:17px}.callout-arrow{font-size:21px}.migration-grid{gap:45px}.migration-explainer{padding:25px 20px 22px}.migration-visual-heading>strong{font-size:26px}.migration-compare{gap:5px;grid-template-columns:minmax(0,1fr) 17px minmax(0,1fr)}.system-box>strong{font-size:15px}.system-box>span{font-size:11px}.migration-visual-result{font-size:13px}.sample-site{padding:10px 8px}.sample-nav>span{display:none}.sample-hero>div>b{font-size:13px}.support-grid{gap:45px}.update-request{padding:11px 13px;left:12px;top:15px}.update-request strong{font-size:14px}.support-update-visual figcaption{font-size:12px;gap:8px;padding-inline:8px}}
@media(min-width:768px) and (max-width:1023px){.hero{min-height:925px}.hero-inner{padding-bottom:195px}.hero-art{background-size:auto 730px;background-position:62% 25px}.hero-art:after{background:linear-gradient(90deg,rgb(249 247 240 / 40%),transparent 75%)}.hero-product-callout{bottom:72px;right:0;width:360px}.hero-description{max-width:420px}.hero-actions{max-width:365px;flex-wrap:wrap;gap:18px}.migration-grid{grid-template-columns:1fr;gap:35px}.migration-visual{max-width:590px;width:100%;margin-inline:auto;order:2}.migration-copy{order:1;max-width:650px}.migration-explainer{padding:30px}.migration-visual-heading>strong{font-size:28px}.sample-site{padding:16px 13px}.sample-hero>div>b{font-size:19px}.sample-nav>span{display:block}.system-box>strong{font-size:19px}.system-box>span{font-size:13px}.migration-visual-result{font-size:16px}.support-grid{gap:32px}.support-update-visual>img{aspect-ratio:1.25;object-position:58% center}.update-request{max-width:55%;padding:10px;top:12px;left:10px}.update-request>span:first-child{font-size:11px}.update-request strong{font-size:13px}.support-update-visual figcaption{display:grid;grid-template-columns:1fr;gap:1px;padding:12px 15px;font-size:13px}.support-update-visual figcaption>span:nth-child(2){display:none}.subscription-label{padding:15px;gap:15px}.subscription-label strong{font-size:16px}.subscription-label .orbit-icon{width:36px;height:36px;min-width:36px;font-size:23px}.contact-art{background-position:62% center}.contact-art:after{background:linear-gradient(90deg,rgb(19 26 22 / 45%),rgb(19 26 22 / 9%) 85%)}}
@media(max-width:767px){.hero-art{top:280px;height:285px;bottom:auto;background-image:url('/assets/hero-devices-v2-mobile.webp?v=8676c011e986');background-position:center center;background-size:contain}.hero-art:after{background:none}.hero-inner{padding-top:42px;padding-bottom:95px;min-height:0}.hero-product-callout{position:relative;right:auto;bottom:auto;width:100%;margin-top:270px;padding:14px 15px;gap:12px;background:#f9faf2;box-shadow:none;border-color:#d4ddc5}.hero-product-callout strong{font-size:15px;line-height:1.65}.hero-product-callout small{font-size:12px;line-height:1.75}.callout-symbol{width:37px;height:37px;font-size:17px}.callout-arrow{font-size:20px}.hero-description{margin-top:23px;font-size:13px}.hero-description strong{font-size:18px}.hero h1{font-size:clamp(27px,7.7vw,51px)}.migration-grid{gap:30px}.migration-explainer{padding:23px 18px 21px}.migration-visual-heading{margin-bottom:23px}.migration-visual-heading>span:first-child{max-width:210px;font-size:12px;line-height:1.75}.migration-visual-heading>strong{font-size:27px;line-height:1.55}.visual-example{font-size:12px;padding:3px 8px}.migration-compare{gap:5px;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)}.state-label{font-size:13px}.state-label>span{font-size:10px}.migration-direction{font-size:19px;margin-top:105px}.sample-site{padding:10px 8px}.sample-nav{margin-bottom:10px}.sample-nav b{font-size:6px}.sample-nav>span{display:none}.sample-hero>div>b{font-size:12px}.sample-hero>div>span{font-size:4px;letter-spacing:0;margin-top:8px}.sample-news{margin-top:10px;padding-top:8px}.system-box{padding:13px 4px}.system-box>span{font-size:11px}.system-box>strong{font-size:13px;letter-spacing:-.5px}.system-box>p{font-size:12px}.system-connector{height:21px}.migration-visual-result{font-size:13px;gap:7px;margin-top:21px}.migration-visual-note{font-size:13px;line-height:1.85}.support-grid{display:block}.support-update-visual{margin-top:26px}.support-update-visual>img{aspect-ratio:1.5;object-position:58% center}.update-request{top:18px;left:14px;max-width:48%;padding:13px 15px}.update-request>span:first-child{font-size:12px}.update-request strong{font-size:15px}.support-update-visual figcaption{font-size:12px;gap:8px;padding:15px 10px}.support-update-visual figcaption>span:not(:nth-child(2)){gap:5px}.subscription-label{margin-top:18px;padding:17px 21px;gap:23px}.subscription-label strong{font-size:18px}.support-scope{margin-top:36px}.contact-section{padding-top:45px;padding-bottom:245px}.contact-art{top:auto;bottom:0;height:290px;background-image:url('/assets/contact-consult-v2-mobile.webp?v=80986d63ec5d');background-size:cover;background-position:center center}.contact-art:after{background:linear-gradient(180deg,#191f1b 0%,rgb(25 31 27 / 15%) 26%,transparent 55%)}.contact-section{background:#191f1b}.contact-inner{z-index:1}.contact-section h2{font-size:28px}.contact-section .contact-note{max-width:345px}}
@media(max-width:374px){.hero-art{top:265px;height:265px}.hero-product-callout{margin-top:248px;padding:13px 12px;gap:9px}.hero-product-callout strong{font-size:14px}.hero-product-callout small{font-size:11px}.callout-symbol{width:33px;height:33px;font-size:16px}.hero h1{font-size:27px}.hero-description strong{font-size:17px}.migration-explainer{padding:21px 14px}.migration-visual-heading>span:first-child{max-width:190px;font-size:11px}.migration-visual-heading>strong{font-size:25px}.system-box>span{font-size:10px}.system-box>strong{font-size:12px}.system-box>p{font-size:12px}.migration-visual-result{font-size:12px}.update-request{padding:11px 12px;left:12px;top:15px}.update-request strong{font-size:14px}.support-update-visual figcaption{gap:6px;font-size:11px;padding-inline:7px}.support-update-visual figcaption b{font-size:10px}.contact-section h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.hero-product-callout{transition:none}.hero-product-callout:hover{transform:none}}
@media print{.hero-product-callout{position:static;margin-top:25px}.hero-art{background-image:url('/assets/hero-devices-v2-1600.webp?v=e74e8b81435e')}.contact-section{padding-bottom:40px}}

/* Keep explanatory labels readable at narrow widths. */
.system-box>span{font-size:13px}.system-box>strong{font-size:16px}.system-box>p{font-size:13px}.hero-product-callout small{font-size:13px}
@media(max-width:1199px){.system-box>strong{font-size:14px}}
@media(max-width:767px){.system-box>span,.system-box>p{font-size:13px}.system-box>strong{font-size:13px}.migration-visual-result{font-size:13px}.support-update-visual figcaption{font-size:13px;gap:7px}.hero-product-callout small{font-size:13px}.hero-product-callout strong{font-size:15px}}
@media(max-width:374px){.hero-product-callout{gap:8px}.hero-product-callout strong{font-size:14px}.hero-product-callout small{font-size:13px}.support-update-visual figcaption{font-size:13px;display:grid;grid-template-columns:1fr;gap:2px;padding:13px 15px}.support-update-visual figcaption>span:nth-child(2){display:none}}
@media(max-width:767px){.subscription-label{padding:18px 20px;gap:15px}.subscription-label>span:first-child{position:absolute;top:12px;left:21px;writing-mode:horizontal-tb;font-size:9px;line-height:1.5}.subscription-label strong{font-size:18px;line-height:1.8;margin-top:13px;flex:1}.subscription-label .orbit-icon{width:38px;height:38px;min-width:38px;margin-top:13px}.contact-section .section-marker>span:last-child{padding:0;background:none}}
@media(max-width:374px){.subscription-label{padding-inline:17px}.subscription-label>span:first-child{left:18px}.subscription-label strong{font-size:17px}}
/* Keep the laptop and Japanese headlines in separate space on smaller screens. */
@media(max-width:1023px){.hero{display:block;min-height:0}.hero-art{display:none}.hero-device-scene{display:block;background:url('/assets/hero-devices-v2-mobile.webp?v=8676c011e986') center center/contain no-repeat}.hero-product-callout{position:relative;right:auto;bottom:auto;box-shadow:none}.hero-description{max-width:none}}
@media(min-width:768px) and (max-width:1023px){.hero{padding-top:88px}.hero-inner{padding-top:36px;padding-bottom:95px}.hero h1{font-size:44px;line-height:1.5}.eyebrow{margin-bottom:22px}.hero-device-scene{height:310px;max-width:600px;margin:21px auto 0}.hero-product-callout{width:460px;margin:15px auto 0;padding:17px 20px}.hero-product-callout strong{font-size:17px}.hero-product-callout small{font-size:13px}.hero-description{margin-top:29px;font-size:14px}.hero-description strong{font-size:20px}.hero-actions{max-width:none;flex-wrap:nowrap;gap:30px;margin-top:24px}.hero-notes{margin-top:23px;font-size:12px}.hero-bottom{bottom:25px}}
@media(max-width:767px){.hero-device-scene{width:calc(100% + 44px);aspect-ratio:926/640;margin:11px -22px 0;background-size:cover}.hero-product-callout{margin-top:12px}.hero-inner{padding-top:42px}.hero-description{margin-top:23px}}
@media(max-width:374px){.hero-device-scene{width:calc(100% + 36px);margin-inline:-18px}.hero-product-callout{margin-top:12px}}
@media(min-width:1024px) and (max-width:1279px){.hero-art{display:none}.hero-device-scene{display:block;position:absolute;right:-10px;top:220px;width:50%;aspect-ratio:926/640;background:url('/assets/hero-devices-v2-mobile.webp?v=8676c011e986') center center/cover no-repeat;border:1px solid #e4e2d5;border-radius:6px}.hero h1{font-size:44px;line-height:1.6;max-width:49%}.hero-description{max-width:420px}.hero-actions{max-width:435px;gap:16px;flex-wrap:wrap}.hero-product-callout{width:44%;right:0;bottom:112px}.hero-notes{max-width:440px;font-size:11px}.hero-bottom{font-size:9px}}
@media(max-width:767px){.hero-purpose{display:block}}
@media(max-width:767px){.hero h1{font-size:clamp(27px,7.7vw,44px)}}
@media(min-width:600px) and (max-width:767px){.hero-device-scene{width:100%;height:310px;aspect-ratio:auto;margin:20px auto 0;background-size:contain}}