:root{--card:var(--surface);--bg:var(--paper);--text:var(--ink);--bg-soft:var(--soft)}
/* Service-site navigation and roomy, responsive explanatory diagrams. */
.service-site{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.8}.service-site h1,.service-site h2,.service-site h3,.service-site h4{font-family:inherit;text-wrap:balance}.service-site .section{padding-top:100px;padding-bottom:100px}.service-site .header nav{gap:22px}.service-site .header nav a{font-size:13px;white-space:nowrap}.service-site .header nav a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:8px}.service-site .header-inner{gap:24px}.service-site .header .brand{flex-shrink:0}.service-site .header-actions{gap:10px}.service-site .header .small{padding:12px 18px;white-space:nowrap}#menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:10px;font-size:22px;width:44px;height:44px;color:var(--text)}#site-menu[hidden]{display:none}.site-utility{display:flex;align-items:center;gap:14px;min-height:58px;font-size:12px;color:var(--muted)}.site-utility #page-motion-toggle{margin-left:auto;white-space:nowrap;background:transparent;border:1px solid var(--line);border-radius:20px;padding:5px 14px;color:var(--muted)}.site-utility .icon-btn{width:32px;height:32px;font-size:17px}.page-intro{padding-top:70px;padding-bottom:72px}.page-intro h1{font-size:clamp(36px,4.4vw,64px);line-height:1.5;letter-spacing:-.045em;margin:20px 0 28px;max-width:1050px}.page-lead{font-size:20px;line-height:2;max-width:800px;color:var(--muted)}.detail-page .section-heading h2{font-size:clamp(30px,3.5vw,46px)}.detail-page .section-intro{max-width:780px}.line-icon{width:40px;height:40px;flex-shrink:0}.home-apps{padding-top:24px;padding-bottom:30px;text-align:center}.home-apps>p{font-size:18px}.home-apps .integration-apps{margin:28px 0}.home-apps .app-brand{padding:20px 10px}.home-apps .app-brand>span{display:none}.home-page .hero{padding-top:24px}.home-page .hero-bottom{display:none}.home-page .hero-description{font-size:17px}.home-page .hero-definition{margin-bottom:24px}.work-hub{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:110px 210px;padding:40px 0;margin:30px auto;max-width:1050px}.hub-node{position:relative;border:1px solid var(--line);border-radius:24px;padding:32px;background:var(--card);min-height:210px;transition:transform .25s,border-color .25s}.hub-node:hover{transform:translateY(-4px);border-color:var(--accent)}.hub-node h3{font-size:24px;margin:18px 0 4px;line-height:1.5}.hub-node p{font-size:16px;color:var(--muted)}.hub-node>span{font-size:13px;display:block;margin-top:16px;color:var(--accent)}.hub-node:after{content:"";position:absolute;width:110px;height:2px;background:var(--line);top:50%;right:-110px;transform:rotate(28deg);transform-origin:0 50%;z-index:-1}.hub-node:nth-child(even):after{right:auto;left:-110px;transform:rotate(-28deg);transform-origin:100% 50%}.hub-node:nth-child(3):after{transform:rotate(-28deg)}.hub-node:nth-child(4):after{transform:rotate(28deg)}.hub-person{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:190px;height:190px;border-radius:50%;background:#fff5f1;color:#7e3124;border:1px solid #edc8bd;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2;box-shadow:0 10px 45px #172b4510}.hub-person b{font-size:21px;margin-top:10px}.hub-person small{font-size:13px}.hub-ripple{position:absolute;inset:-12px;border:1px solid #d77b5d;border-radius:50%;animation:hub-pulse 4s ease-out infinite;pointer-events:none}.hub-person .line-icon{width:42px;height:42px}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:36px 0}.route-card{position:relative;display:block;border:1px solid var(--line);border-radius:22px;background:var(--card);padding:32px 30px 54px;transition:transform .25s,box-shadow .25s;min-width:0}.route-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #16283a0c}.route-card h3{font-size:23px;line-height:1.6;margin:18px 0 12px}.route-card p{font-size:16px;color:var(--muted)}.card-arrow{position:absolute;right:26px;bottom:20px;font-size:24px;color:var(--accent)}.home-scenes,.workflow-band{background:var(--bg-soft,#f0f4f7)}.home-security{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.home-security .section-heading{margin-bottom:24px}.security-pillars{display:grid;grid-template-columns:1fr 1fr;gap:20px}.security-pillars>span{padding:30px 16px;border:1px solid var(--line);border-radius:20px;text-align:center;font-weight:700;background:var(--card)}.security-pillars .line-icon{display:block;margin:0 auto 15px}.route-cta{margin-top:40px;margin-bottom:90px;display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--line);padding-top:65px}.route-cta h2{font-size:32px;margin:10px 0}.route-cta p{color:var(--muted)}.route-cta>.button{flex-shrink:0}.site-footer{padding:65px 0 28px;background:var(--card);border-top:1px solid var(--line)}.footer-brand{display:flex;align-items:center;gap:40px;margin-bottom:40px}.footer-brand p{font-size:14px;color:var(--muted)}.site-footer nav{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;font-size:14px}.site-footer-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:22px;display:flex;gap:26px;font-size:12px;color:var(--muted)}.site-footer-bottom>span{margin-right:auto}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.filter-bar button{border:1px solid var(--line);border-radius:30px;background:var(--card);color:var(--text);padding:10px 20px;font-size:15px;cursor:pointer}.filter-bar button[aria-pressed=true]{background:#203c57;color:white;border-color:#203c57}.capability-catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.capability-catalog article{padding:28px 22px;border:1px solid var(--line);border-radius:20px;background:var(--card);animation:soft-arrival .35s ease both}.capability-catalog article[hidden]{display:none}.capability-catalog h3{font-size:18px;margin:18px 0 10px}.capability-catalog article>span{font-size:12px;color:var(--muted)}.wide-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;list-style:none;padding:0;margin:40px 0}.wide-flow li{position:relative;border:1px solid var(--line);background:var(--card);border-radius:20px;padding:28px 24px;min-width:0}.wide-flow li:not(:last-child):after{content:'→';position:absolute;right:-23px;top:50%;color:var(--muted);font-size:20px}.wide-flow small{display:block;font-size:12px;letter-spacing:.08em;margin:14px 0;color:var(--muted)}.wide-flow h3{font-size:20px;line-height:1.7}.wide-flow p{font-size:15px;margin-top:14px;color:var(--muted)}.wide-flow li:nth-child(3){border-color:#e3b4a5;background:#fff6f2;color:#653428}.wide-flow li:nth-child(3) p,.wide-flow li:nth-child(3) small{color:#815c50}.wide-flow li:first-child .line-icon{animation:gentle-signal 4s ease-in-out infinite}.erp-section{background:var(--bg-soft,#f0f4f7)}.erp-heading{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.evidence-label{display:inline-block;border-radius:20px;padding:7px 15px;font-size:13px;color:#285d53;background:#e5f2ec}.erp-terminal{border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 25px 60px #243b4d12;overflow:hidden}.terminal-bar{padding:18px 20px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line)}.terminal-bar i{width:7px;height:7px;background:#c5d0d7;border-radius:50%}.terminal-bar span{margin-left:auto;font-size:11px;letter-spacing:.1em}.terminal-content{padding:32px}.terminal-content>span{font-size:12px;display:block;color:var(--muted)}.erp-target{text-align:center;padding:32px 0;font-size:60px;font-weight:800;letter-spacing:.08em}.erp-target small{display:block;font-size:13px;font-weight:400;letter-spacing:.04em;color:var(--muted)}.terminal-content>p{display:flex;gap:10px;align-items:center;justify-content:center;background:#edf5f1;color:#316155;border-radius:10px;font-size:14px;padding:12px}.terminal-content>p .line-icon{width:24px;height:24px}.terminal-lines{display:grid;gap:10px;margin:24px 0 4px}.terminal-lines i{height:7px;border-radius:10px;background:var(--line);transform-origin:left;animation:line-progress 4s ease-in-out infinite}.terminal-lines i:nth-child(2){width:75%;animation-delay:.3s}.terminal-lines i:nth-child(3){width:55%;animation-delay:.6s}.tool-groups{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0}.tool-groups article{padding:32px;border:1px solid var(--line);border-radius:22px;background:var(--card)}.tool-groups h3{font-size:22px;margin:18px 0}.tool-groups article>div{display:flex;gap:10px;flex-wrap:wrap}.tool-groups article>div>span{display:inline-block;border:1px solid var(--line);border-radius:8px;padding:7px 12px;font-size:14px;background:var(--bg)}.security-architecture{padding:42px;border:1px solid var(--line);border-radius:28px;background:var(--card);text-align:center}.cloud-foundation{border:1px solid var(--line);padding:28px;border-radius:20px;background:var(--bg)}.cloud-foundation>p{font-size:14px;color:var(--muted)}.cloud-foundation>div{display:flex;justify-content:center;gap:24px;margin:16px 0}.cloud-foundation strong{background:var(--card);padding:16px 30px;border-radius:12px;font-size:26px;border:1px solid var(--line)}.cloud-foundation>span{font-size:15px;color:var(--muted)}.security-link{font-size:30px;padding:14px;color:#658a9b;animation:gentle-signal 4s ease-in-out infinite}.control-layers{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center}.control-layers article{padding:24px;background:var(--bg);border:1px solid var(--line);border-radius:20px}.control-layers h3{font-size:24px;margin:8px 0}.control-layers p{font-size:14px;color:var(--muted)}.security-human{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;padding:20px;border:1px solid #e3b4a5;border-radius:16px;background:#fff6f2;color:#653428;font-size:17px}.security-human .line-icon{width:30px;height:30px}.security-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.security-card-grid article{position:relative;border:1px solid var(--line);border-radius:22px;padding:36px;background:var(--card)}.security-card-grid article>span{position:absolute;right:32px;top:30px;color:var(--muted);font-size:13px}.security-card-grid h3{font-size:25px;margin:20px 0 14px}.security-card-grid p{font-size:17px;color:var(--muted)}.scene-index{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:40px}.scene-index a{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:24px;font-size:16px;font-weight:700;display:flex;align-items:center;gap:16px}.scene-index .line-icon{width:28px;height:28px}.scene-detail{border-top:1px solid var(--line)}.scene-detail-title{display:flex;align-items:center;gap:24px}.scene-detail-title>.line-icon{width:50px;height:50px}.scene-detail-title h2{font-size:32px}.scene-detail .wide-flow h3{font-size:18px}.price-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}.price-parts article{padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.price-parts span{font-size:13px;color:var(--muted)}.price-parts h3{font-size:23px;margin:20px 0 14px}.price-parts p{font-size:16px;color:var(--muted)}.detail-page .orchestration{padding-top:20px}.detail-page .integrations-section{padding-top:20px}.detail-page .integration-heading-copy{display:none}.detail-page .integration-heading{display:block}.detail-page .integration-scene{max-width:800px;margin:0 auto 50px}.detail-page .integration-scene .scene-photo{max-height:460px}.detail-page .contact-section{margin-top:20px}.service-site .section-heading{scroll-margin-top:110px}.service-site section[id],.service-site div[id]{scroll-margin-top:105px}.service-site [data-motion=paused] *{animation-play-state:paused!important}.service-site .operator-section{padding-bottom:80px}.service-site .operator-section .section-intro{font-size:18px}.service-site .section .eyebrow{font-size:12px}.service-site .section h2{line-height:1.5}.service-site .integration-note{font-size:13px}.service-site .route-card:focus-visible,.service-site .hub-node:focus-visible{outline:3px solid #cc6449;outline-offset:4px}html[data-motion=paused] .hub-ripple,html[data-motion=paused] .terminal-lines i,html[data-motion=paused] .wide-flow .line-icon,html[data-motion=paused] .security-link{animation-play-state:paused}
@keyframes hub-pulse{0%{transform:scale(.95);opacity:.8}80%,100%{transform:scale(1.15);opacity:0}}@keyframes soft-arrival{from{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes gentle-signal{0%,100%{opacity:.55}50%{opacity:1}}@keyframes line-progress{0%,100%{transform:scaleX(.6)}50%{transform:scaleX(1)}}
@media(min-width:1101px){#site-menu{display:none!important}}
@media(max-width:1100px){.service-site .header nav{display:none}#menu-toggle{display:block}.service-site .header-inner{justify-content:space-between}.service-site #site-menu:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:0;padding:12px 24px 24px;border-top:1px solid var(--line);background:var(--bg);max-height:70vh;overflow:auto}.service-site #site-menu a{padding:13px 8px;font-size:15px}.work-hub{gap:110px 170px}.hub-person{width:155px;height:155px}.hub-node{padding:26px}.hub-node h3{font-size:21px}.hub-person b{font-size:18px}.home-security{gap:40px}.erp-heading{gap:40px}.capability-catalog{grid-template-columns:repeat(3,1fr)}.wide-flow{gap:20px}.wide-flow li{padding:24px 18px}.wide-flow li:not(:last-child):after{right:-18px}.wide-flow h3{font-size:18px}.site-footer nav{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.service-site .section{padding-top:70px;padding-bottom:70px}.page-intro{padding-top:36px;padding-bottom:45px}.page-intro h1{font-size:36px;line-height:1.5}.page-lead{font-size:17px;line-height:1.95}.site-utility{font-size:10px;gap:8px;min-height:50px}.site-utility #page-motion-toggle{font-size:11px;padding:4px 9px}.home-apps{padding-top:14px}.home-apps>p{font-size:15px}.home-apps .integration-apps{grid-template-columns:repeat(3,1fr);gap:10px}.home-apps .app-brand{padding:16px 6px}.home-apps .app-brand strong{font-size:11px}.home-apps .app-brand-art{height:40px}.home-apps .app-brand-art img{max-height:32px;max-width:70px}.work-hub{gap:20px;padding-top:165px;margin:20px 0}.hub-person{top:0;left:50%;transform:translateX(-50%);width:140px;height:140px}.hub-person .line-icon{width:30px;height:30px}.hub-person b{font-size:17px}.hub-person small{font-size:11px}.hub-node{padding:24px 18px;min-height:230px}.hub-node:after{display:none}.hub-node h3{font-size:20px;margin-top:14px}.hub-node p{font-size:14px}.hub-node .line-icon{width:30px;height:30px}.hub-node>span{font-size:12px}.route-grid{grid-template-columns:1fr;gap:18px}.route-card{padding:28px 26px 42px}.route-card h3{font-size:22px}.route-card p{font-size:16px}.home-security{display:block}.security-pillars{margin-top:40px;gap:12px}.security-pillars>span{font-size:14px;padding:24px 10px}.security-pillars .line-icon{width:32px;height:32px}.route-cta{display:block;padding-top:42px;margin-top:10px;margin-bottom:65px}.route-cta h2{font-size:27px}.route-cta .button{margin-top:24px;width:100%;justify-content:center}.route-cta p{font-size:15px}.capability-catalog{grid-template-columns:1fr 1fr;gap:12px}.capability-catalog article{padding:24px 18px}.capability-catalog h3{font-size:17px}.capability-catalog .line-icon{width:30px;height:30px}.filter-bar{gap:8px}.filter-bar button{padding:8px 13px;font-size:13px}.wide-flow{grid-template-columns:1fr;margin:30px 0;gap:24px}.wide-flow li{padding:24px}.wide-flow li:not(:last-child):after{content:'↓';top:auto;right:50%;bottom:-25px;transform:translateX(50%)}.wide-flow h3{font-size:20px}.wide-flow small{margin:0 0 10px}.wide-flow .line-icon{float:right;width:28px;height:28px}.wide-flow p{font-size:16px}.erp-heading{grid-template-columns:1fr;gap:30px}.terminal-content{padding:24px}.erp-target{font-size:54px}.tool-groups{grid-template-columns:1fr}.tool-groups article{padding:26px}.tool-groups h3{font-size:21px}.tool-groups article>div>span{font-size:13px}.security-architecture{padding:22px 16px}.cloud-foundation{padding:24px 12px}.cloud-foundation>div{gap:12px;flex-wrap:wrap}.cloud-foundation strong{font-size:20px;padding:12px 16px}.cloud-foundation>span{font-size:13px}.control-layers{grid-template-columns:1fr;gap:10px}.control-layers>span{transform:rotate(90deg)}.control-layers article{padding:24px 14px}.security-human{align-items:flex-start;text-align:left;font-size:15px;padding:18px;gap:12px}.security-card-grid{grid-template-columns:1fr;gap:16px}.security-card-grid article{padding:28px}.security-card-grid h3{font-size:23px}.security-card-grid p{font-size:16px}.scene-index{grid-template-columns:1fr 1fr;gap:12px}.scene-index a{font-size:14px;padding:18px 14px;display:block}.scene-index .line-icon{display:block;margin-bottom:14px}.scene-detail-title{gap:16px;align-items:flex-start}.scene-detail-title>.line-icon{width:30px;height:30px;margin-top:7px}.scene-detail-title h2{font-size:27px}.scene-detail .wide-flow h3{font-size:19px}.price-parts{grid-template-columns:1fr;gap:16px}.price-parts article{padding:28px}.footer-brand{display:block}.footer-brand p{margin-top:20px;font-size:13px}.site-footer nav{grid-template-columns:1fr 1fr;gap:18px;font-size:13px}.site-footer-bottom{flex-wrap:wrap;font-size:11px;gap:16px}.site-footer-bottom>span{width:100%}.site-footer{padding-bottom:95px}.service-site .header .small{font-size:12px;padding:10px 14px}.service-site .header-actions{gap:8px}.service-site .header-inner{gap:8px}.detail-page .integration-scene{margin-bottom:25px}.detail-page .integration-scene .scene-photo{max-height:none}.service-site .section-intro{font-size:17px;line-height:1.9}.service-site .next-brand{padding-top:65px;padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){.service-site *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.page-intro h1{font-weight:800}.service-site .section-heading h2{font-weight:750}.home-page .hero-heading,.home-page #hero-heading{font-weight:800}.detail-page .page-intro+.section{padding-top:30px}
/* UX review: show the problem, the working day, and the actual interaction. */
.home-page .hero-pre{font-size:15px;letter-spacing:.03em}.home-page .pain-grid .text-link{display:inline-flex;margin-top:24px;font-size:14px}.job-shortcuts{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:30px;padding-bottom:30px;border-bottom:1px solid var(--line)}.job-shortcuts strong{width:100%;font-size:17px}.job-shortcuts a{padding:10px 18px;border:1px solid var(--line);border-radius:24px;background:var(--card);font-size:14px}.home-page .story-detail[open] summary{margin-bottom:12px}.home-page .story-disclosure{max-width:900px}.home-page .wide-flow li{padding:28px 20px}.flow-tools{display:block;border-top:1px solid var(--line);margin-top:20px;padding-top:14px;font-size:12px;font-weight:600;line-height:1.8}.home-erp{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center;padding:52px;border:1px solid var(--line);border-radius:24px;background:var(--card);margin-top:70px;margin-bottom:10px}.home-erp h2{font-size:34px;margin:16px 0}.home-erp p{font-size:16px;color:var(--muted)}.home-erp>div>span{display:block;font-size:13px;color:var(--accent)}.home-erp .text-link{display:block;margin:20px 0;font-size:16px}.home-erp .line-icon{margin-bottom:15px}.suite-catalog{display:grid;gap:26px;margin:38px 0 26px}.suite-group{padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--card);min-width:0}.suite-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:25px}.suite-title h3{font-size:24px;line-height:1.5}.suite-title p{font-size:14px;color:var(--muted)}.tool-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tool-tile{display:flex;flex-direction:column;align-items:flex-start;padding:20px;background:var(--bg);border:1px solid var(--line);border-radius:15px;min-width:0;transition:border-color .2s}.tool-tile:hover{border-color:var(--accent)}.tool-art{width:76px;height:76px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;margin-bottom:15px}.tool-art img{width:48px;height:48px;object-fit:contain;filter:none!important;animation:none!important}.tool-tile strong{font-size:15px;line-height:1.6;overflow-wrap:anywhere}.tool-tile>span:not(.tool-art){font-size:13px;color:var(--muted);margin-top:5px}.tool-tile small{font-size:11px;color:var(--muted);margin-top:12px}.tool-more{font-size:14px;color:var(--muted);margin-top:20px}.home-page .suite-group:last-child .tool-tiles{grid-template-columns:1fr 1fr}.home-page .suite-group:last-child{display:grid;grid-template-columns:1fr 1fr;gap:20px}.home-page .suite-group:last-child .suite-title{display:block}.home-page .suite-group:last-child .suite-title p{margin-top:12px}.home-page .suite-group:last-child .tool-more{grid-column:1/-1}.consultation-picker{padding-bottom:30px}.consultation-picker fieldset{border:0;padding:0;margin:0;min-width:0}.consultation-picker legend{font-weight:700;font-size:20px;margin-bottom:20px}.consultation-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.consultation-options label{display:flex;gap:12px;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--card);cursor:pointer}.consultation-options label:has(input:checked){border:2px solid var(--accent);padding:25px;background:var(--bg-soft)}.consultation-options input{margin-top:8px;accent-color:var(--accent);width:18px;height:18px;flex-shrink:0}.consultation-options strong{display:block;font-size:21px;line-height:1.7}.consultation-options small{display:block;margin-top:14px;font-size:15px;color:var(--muted);line-height:1.9}.booking-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;background:var(--bg-soft);border-radius:24px;padding:38px;margin-top:30px;align-items:center}.booking-panel h2{font-size:26px;margin:12px 0}.booking-panel p{font-size:15px}.booking-panel .integration-note{font-size:12px}.booking-panel .text-link{font-size:14px;margin-top:24px}.booking-panel .contact-help{font-size:12px;margin-top:12px;color:var(--muted)}#consultation-source{margin-bottom:25px;padding:14px 20px;border-left:3px solid var(--accent);background:var(--bg-soft);font-size:15px}#consultation-summary{font-weight:700;margin:20px 0 10px}.copy-consultation{border:1px solid var(--line);border-radius:10px;background:var(--card);padding:10px 18px;font:inherit;font-size:14px;cursor:pointer;color:var(--ink)}#copy-result{font-size:13px;margin-left:12px}.consultation-prompts{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.consultation-prompts li{padding:28px;border:1px solid var(--line);border-radius:20px}.consultation-prompts b{font-size:20px}.consultation-prompts p{font-size:16px;color:var(--muted);margin-top:15px}.mobile-actions{padding-bottom:max(12px,env(safe-area-inset-bottom))}.home-page .contact-help{max-width:400px;line-height:1.8}
@media(max-width:900px){.tool-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.home-page .suite-group:last-child{display:block}.suite-title{display:block}.suite-title p{margin-top:8px}.booking-panel{grid-template-columns:1fr;gap:28px}.consultation-options{grid-template-columns:1fr}.consultation-options strong{font-size:20px}.home-erp{grid-template-columns:1fr;gap:18px;padding:30px}.consultation-prompts{grid-template-columns:1fr}}
@media(max-width:600px){.home-page .hero-layout{display:flex;flex-direction:column;gap:24px}.home-page .hero-copy{order:0}.home-page .hybrid-hero{order:1;width:100%;margin-top:0}.home-page .hero{padding-top:14px}.home-page .hero-pre{font-size:12px;margin-bottom:13px}.home-page #hero-heading{font-size:35px;line-height:1.48;letter-spacing:-.045em}.home-page .hero-description{font-size:15px;line-height:1.9;margin-top:18px}.home-page .hero-definition{margin:13px 0 18px;font-size:14px}.home-page .hero-buttons{gap:16px}.home-page .hero-buttons .button{font-size:15px}.home-page .hero-buttons>.text-link{font-size:14px}.home-page .site-utility{min-height:40px}.home-page .pain-grid .text-link{font-size:14px}.home-page .story-photo{min-height:0}.home-erp{margin-top:40px;padding:28px 22px}.home-erp h2{font-size:27px}.home-erp p{font-size:15px}.suite-group{padding:20px 16px}.suite-title h3{font-size:21px}.suite-title p{font-size:13px}.tool-tiles{grid-template-columns:1fr 1fr;gap:10px}.tool-tile{padding:14px 11px}.tool-art{width:64px;height:64px;margin-bottom:12px}.tool-art img{width:40px;height:40px}.tool-tile strong{font-size:13px}.tool-tile small{font-size:10px}.tool-more{font-size:13px}.booking-panel{padding:25px 20px}.booking-panel h2{font-size:23px}.booking-panel .button{font-size:14px;width:100%;justify-content:center}.job-shortcuts a{font-size:13px;padding:8px 14px}.consultation-options label{padding:22px}.consultation-options label:has(input:checked){padding:21px}.home-page .operator-section{padding-bottom:40px}.home-page #faq{padding-top:40px}.home-page #up-quark{padding-bottom:65px}}
@media(max-width:600px){.home-page .hero-copy{display:contents}.home-page .hero-copy .hero-pre{order:0;font-size:12px;margin:0 0 12px}.home-page #hero-heading{order:1;font-size:clamp(27px,7.5vw,35px);line-height:1.42;margin:0 0 12px}.home-page .hero-layout{gap:0}.home-page .hybrid-hero{order:2;margin:4px 0 8px}.home-page .hero-buttons{order:3;margin-top:10px;gap:3px}.home-page .hero-definition{order:4;margin:12px 0 0}.home-page .hero-description{order:5;font-size:15px;margin-top:12px}}

@media(min-width:901px){.detail-page .suite-group:first-child .tool-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Reusable HAKARAI marketing illustrations */
.marketing-visual{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(32px,5vw,90px);padding-block:clamp(56px,7vw,110px)}
#overview>.marketing-visual{padding-inline:0}.visual-art img{width:100%;height:auto;display:block;animation:visual-breathe 9s ease-in-out infinite}.visual-art>p{font-size:12px;color:var(--muted);line-height:1.7;text-align:center}.visual-explanation h2{font-size:clamp(30px,3.3vw,50px);line-height:1.5;margin:16px 0}.visual-explanation>p{font-size:17px;line-height:1.9}.visual-explanation ol{list-style:none;padding:0;margin:28px 0;display:grid;gap:18px}.visual-explanation li{display:flex;gap:18px;align-items:flex-start;padding-top:18px;border-top:1px solid var(--line)}.visual-explanation li>span{color:#208c83;font-size:14px;font-weight:700;line-height:30px}.visual-explanation h3{font-size:20px;line-height:1.5;margin:0 0 7px}.visual-explanation li p{font-size:16px;line-height:1.8;margin:0}.visual-explanation .text-link{font-size:17px}@keyframes visual-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}[data-motion="paused"] .visual-art img{animation:none}@media(prefers-reduced-motion:reduce){.visual-art img{animation:none}}@media(max-width:767px){.marketing-visual{grid-template-columns:1fr;gap:20px}.visual-art img{max-height:360px;object-fit:contain}.visual-explanation h2{font-size:32px}.visual-explanation>p{font-size:17px}}
