:root{--ink:#11161c;--muted:#586d84;--paper:#eff2f5;--line:#d3dae2;--green:#79abe0;--green-dark:#0b3c70;--gold:#649cd8;--blue:#4a96e8;--purple:#7aaee5;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",YuGothic,Meiryo,sans-serif;line-height:1.8;background:#ffffff}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.page-wrap{width:min(calc(100% - 48px),var(--max));margin:auto}.progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:3px}.progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--green),#d8e7f7)}
.global-header{position:relative;z-index:40;background:#06080b;color:#ffffff;border-bottom:1px solid #242c35}.header-wrap{width:min(calc(100% - 48px),var(--max));height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.nikko-brand{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:850}.nikko-brand img{width:35px;height:35px;object-fit:contain;background:#ffffff;border-radius:50%;padding:3px}.nikko-brand span{line-height:1.1}.nikko-brand small{display:block;margin-top:5px;font-size:10px;color:#a0afc0}.global-links{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:750}.global-links>a:not(.header-contact){color:#c1cbd6}.header-contact{padding:11px 17px;border:1px solid #566b82;border-radius:4px}.menu-button{display:none;border:1px solid #4f6276;background:transparent;color:#ffffff;padding:9px 12px}.mobile-menu{background:#101418;padding:12px 24px 20px}.mobile-menu a{display:block;padding:12px 0;border-bottom:1px solid #28323d;font-size:13px}
.hero{position:relative;overflow:hidden;min-height:720px;color:#ffffff;background:radial-gradient(circle at 72% 38%,rgba(54,115,180,.17),transparent 28%),radial-gradient(circle at 25% 20%,rgba(77,95,115,.15),transparent 31%),linear-gradient(135deg,#070b10,#10151b 62%,#060b10)}.hero:after{content:"";position:absolute;inset:auto -10% -42% 34%;height:74%;background:radial-gradient(ellipse,rgba(121,171,224,.14),transparent 66%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px}.hero-layout{position:relative;z-index:2;min-height:650px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:55px;padding:60px 0 55px}.breadcrumb{display:flex;gap:9px;color:#7f93a9;font-size:11px;margin-bottom:42px}.eyebrow,.section-kicker{margin:0;font-size:11px;font-weight:900;letter-spacing:.2em;color:var(--green)}.hero h1{margin:20px 0 25px;font-size:clamp(50px,6vw,86px);line-height:1.02;letter-spacing:-.045em}.hero h1 em,.concept-intro h2 em,.section-heading h2 em,.support-head h2 em{font-style:normal;color:var(--green)}.hero-lead{max-width:600px;margin:0;color:#c5cfd9;font-size:clamp(15px,1.45vw,19px);line-height:2}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:36px}.primary-button{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:0 24px;background:var(--green);color:#080d12;font-size:13px;font-weight:900}.text-button{font-size:13px;font-weight:800}.text-button span{color:var(--green);margin-left:7px}.hero-stage{position:relative;height:550px;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s}.stage-orbit{position:absolute;border:1px solid rgba(121,171,224,.18);border-radius:50%;inset:12% 7%}.orbit-two{inset:23% 18%;border-color:rgba(255,255,255,.08)}.stage-label{position:absolute;z-index:4;left:42%;top:36%;width:120px;height:120px;display:grid;place-content:center;text-align:center;border:1px solid rgba(121,171,224,.45);border-radius:50%;background:rgba(7,11,16,.78)}.stage-label small{font-size:8px;color:#8195ab}.stage-label strong{font-size:42px;line-height:1;color:var(--green)}.stage-label span{font-size:10px;color:#8195ab}.hero-machine{position:absolute;z-index:3;filter:drop-shadow(0 25px 25px rgba(0,0,0,.5));transition:.35s}.hero-machine:hover{z-index:6;transform:translateY(-8px) scale(1.04)}.hero-machine img{width:100%;height:100%;object-fit:contain}.hero-machine span{position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);white-space:nowrap;text-align:center}.hero-machine b{display:block;font-size:14px}.hero-machine small{display:block;font-size:8px;letter-spacing:.15em;color:#7389a1}.hero-wg{width:47%;height:53%;left:0;top:8%}.hero-pg{width:43%;height:49%;right:-1%;top:4%}.hero-wm{width:46%;height:50%;left:28%;bottom:0}.hero-bottom{position:relative;z-index:3;width:min(calc(100% - 48px),var(--max));margin:auto;display:flex;justify-content:space-between;padding:16px 0 20px;border-top:1px solid rgba(255,255,255,.1);font-size:9px;color:#607891}.local-nav{position:sticky;z-index:30;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.local-nav-inner{height:64px;display:flex;align-items:center;justify-content:space-between}.local-brand{display:flex;align-items:baseline;gap:9px}.local-brand strong{font-size:20px}.local-brand span{font-size:10px;color:var(--muted)}.local-links{display:flex;align-items:center;gap:21px;font-size:11px;font-weight:800}.local-links .local-cta{padding:9px 13px;background:var(--ink);color:#ffffff}
.concept-section,.solutions-section,.lineup-section,.compare-section,.support-section{padding:120px 0}.concept-section,.compare-section{background:var(--paper)}
.concept-intro,.support-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.concept-intro h2,.section-heading h2,.support-head h2{margin:14px 0 0;font-size:clamp(34px,4.2vw,60px);line-height:1.25;letter-spacing:-.04em}.concept-intro>div:last-child strong{display:block;margin-bottom:16px;font-size:19px}.concept-intro>div:last-child p,.section-heading>p:last-child,.support-head>p{margin:0;color:var(--muted)}
.value-shift{display:grid;grid-template-columns:1fr 80px 1fr;margin-top:70px;border:1px solid #d0d7df;background:#ffffff}.shift-side{padding:36px}.shift-side small{font-size:9px;color:#798ea5}.shift-side h3{margin:8px 0 18px;font-size:25px}.shift-side p{margin:17px 0 0;color:var(--muted);font-size:13px}.shift-side.future{background:#10151a;color:#ffffff}.shift-side.future p{color:#93a4b7}.tag-row{display:flex;gap:7px;flex-wrap:wrap}.tag-row span{padding:5px 9px;border:1px solid #dae0e6;font-size:10px}.future .tag-row span{border-color:#3e4c5c;color:#dae0e7}.shift-arrow{display:grid;place-content:center;text-align:center;border-left:1px solid #dae0e7;border-right:1px solid #dae0e7}.shift-arrow span{font-size:28px;color:var(--green-dark)}.shift-arrow small{font-size:8px}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border-top:1px solid #c8d1da;border-left:1px solid #c8d1da}.pillar{min-height:310px;padding:33px;border-right:1px solid #c8d1da;border-bottom:1px solid #c8d1da}.pillar>span{float:right;color:#9aaabb;font-size:11px}.pillar small{font-size:9px;color:var(--green-dark);font-weight:900}.pillar h3{margin:50px 0 15px;font-size:25px;line-height:1.5}.pillar p{color:var(--muted);font-size:13px}
.section-heading{max-width:720px;margin-bottom:55px}.section-heading h2{margin-bottom:20px}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.solution-card{overflow:hidden;border:1px solid var(--line);background:#ffffff;transition:.3s}.solution-card:hover{transform:translateY(-7px);box-shadow:0 25px 65px rgba(18,23,29,.13)}.solution-photo{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e6eaef}.solution-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.36))}.solution-photo img{width:100%;height:100%;object-fit:cover;transition:.6s}.solution-card:hover img{transform:scale(1.035)}.solution-photo span{position:absolute;z-index:2;right:18px;bottom:13px;color:#ffffff;font-size:10px}.solution-copy{padding:27px}.solution-copy small{font-size:9px;font-weight:900}.tone-gold small,.tone-gold strong{color:#1d548e}.tone-blue small,.tone-blue strong{color:#2566ab}.tone-purple small,.tone-purple strong{color:#477ab1}.solution-copy h3{min-height:70px;margin:9px 0 13px;font-size:21px;line-height:1.55}.solution-copy p{min-height:70px;color:var(--muted);font-size:13px}.solution-copy strong{display:block;margin-top:20px;font-size:12px}.solution-copy i{float:right;font-style:normal;font-size:17px}
.fit-check{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:28px;padding:32px 36px;background:#e9f0f8;border-left:4px solid var(--green-dark)}.fit-check small{font-size:9px;color:var(--green-dark);font-weight:900}.fit-check h3{margin:5px 0;font-size:21px}.fit-check p{margin:0;color:#48596c;font-size:13px}.fit-check>a{flex:none;padding:15px 19px;background:#0c345e;color:#ffffff;font-size:12px;font-weight:900}
.lineup-section{background:#070b10;color:#ffffff}.section-heading.light p{color:#8fa1b5}.machine-feature{position:relative;display:grid;grid-template-columns:52% 48%;align-items:center;min-height:500px;border-top:1px solid #252e38}.machine-feature:last-child{border-bottom:1px solid #252e38}.machine-feature.reverse .machine-image{order:2}.machine-feature.reverse .machine-copy{order:1}.machine-number{position:absolute;top:22px;left:0;color:#48596b;font-size:10px}.machine-feature.reverse .machine-number{left:auto;right:0}.machine-image{position:relative;height:430px;display:grid;place-items:center}.machine-image img{position:relative;z-index:2;max-width:76%;max-height:84%;filter:drop-shadow(0 25px 27px rgba(0,0,0,.55))}.glow{position:absolute;width:55%;aspect-ratio:1;border-radius:50%;filter:blur(55px);opacity:.2}.glow.gold{background:var(--gold)}.glow.blue{background:var(--blue)}.glow.purple{background:var(--purple)}.machine-copy{padding:45px 8%}.machine-copy>small{font-size:9px;color:#7e93a9}.machine-copy h3{margin:7px 0 0;font-size:clamp(43px,5vw,68px);line-height:1.05}.machine-copy h3 i{font-style:normal;color:#506377}.machine-ja{margin:7px 0 24px!important;color:var(--green)!important;font-size:14px!important;font-weight:800}.machine-copy>p{color:#9eaebf;font-size:14px}.spec-chips{display:flex;gap:7px;flex-wrap:wrap;margin:25px 0}.spec-chips span{padding:6px 9px;border:1px solid #364452;color:#cdd5dd;font-size:10px}.machine-copy>a{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 0;border-bottom:1px solid #4c5f73;font-size:12px;font-weight:850}.machine-copy>a span{color:var(--green);font-size:18px}
.compare-table-wrap{overflow-x:auto;background:#ffffff;border:1px solid var(--line)}table{width:100%;min-width:970px;border-collapse:collapse}th,td{padding:21px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}th{background:#ebeef1;color:#586d83;font-size:9px}td{font-size:12px;color:#3e4c5c}td:first-child strong{display:block;color:var(--ink);font-size:18px}td:first-child small{color:#6a829b}td:last-child a{display:grid;place-items:center;width:36px;height:36px;background:var(--ink);color:var(--green);font-size:17px}.method{display:inline-block;padding:5px 8px;text-align:center;font-size:10px;font-weight:900}.method.grinding{background:#eef2f7;color:#16467a}.method.milling{background:#edf3fa;color:#4675a7}
.support-flow{list-style:none;margin:70px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.support-flow li{min-height:260px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.support-flow li>span{float:right;color:#8d9fb3;font-size:10px}.support-flow small{font-size:8px;color:var(--green-dark);font-weight:900}.support-flow strong{display:block;margin:50px 0 12px;font-size:16px}.support-flow p{color:var(--muted);font-size:12px}.support-note{display:flex;justify-content:space-between;gap:50px;padding:26px 30px;background:#f1f4f8;border-left:3px solid var(--green-dark)}.support-note p{max-width:600px;margin:0;color:#4f6276;font-size:12px}
.catalog-section{padding:110px 0;background:#dfe9f4}.catalog-panel{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.catalog-panel h2{margin:12px 0;font-size:clamp(34px,4vw,55px);line-height:1.25}.catalog-panel>div>p{color:#48596c}.catalog-steps{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;font-size:11px}.catalog-steps span{display:flex;align-items:center;gap:7px}.catalog-steps b{display:grid;place-items:center;width:25px;height:25px;background:#0d335b;color:#ffffff;border-radius:50%;font-size:8px}.catalog-actions{display:grid;gap:10px}.primary-button.dark{background:#0a0f15;color:#ffffff}.outline-button{display:grid;place-items:center;min-height:54px;border:1px solid #677f99;font-size:13px;font-weight:900}.catalog-actions small{text-align:center;color:#5d738b;font-size:9px}
.contact-section{padding:100px 0;background:#070b10;color:#ffffff}.contact-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.contact-panel h2{margin:13px 0;font-size:clamp(32px,4vw,52px);line-height:1.3}.contact-panel>div:first-child>p:last-child{color:#91a3b6}.contact-panel>div:last-child>a{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:var(--green);color:#080c11;font-size:13px;font-weight:900}.contact-panel>div:last-child>p{margin:14px 0 0;color:#ced6de;font-size:12px}.contact-panel>div:last-child small{display:inline-block;min-width:85px;color:#627992;font-size:8px}footer{padding:50px 0;background:#030507;color:#798ea5;border-top:1px solid #1c232b}footer .page-wrap{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center}footer a strong{display:block;color:#ffffff;font-size:21px}footer a span{font-size:8px}footer p{font-size:10px}footer small{font-size:9px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}
@media(max-width:1000px){.global-links>a:not(.header-contact){display:none}.hero-layout{grid-template-columns:1fr;gap:15px}.hero-stage{height:420px;max-width:680px;width:100%;margin:auto}.local-links a:nth-child(-n+4){display:none}.concept-intro,.support-head{grid-template-columns:1fr;gap:28px}.solution-grid{grid-template-columns:1fr 1fr}.solution-card:last-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.support-flow{grid-template-columns:1fr 1fr}.catalog-panel,.contact-panel{gap:40px}}
@media(max-width:700px){.page-wrap,.header-wrap{width:min(calc(100% - 34px),var(--max))}.header-wrap{height:65px}.global-links{display:none}.menu-button{display:block}.hero{min-height:730px}.hero-layout{display:block;padding-top:35px}.breadcrumb{margin-bottom:27px}.hero h1{font-size:48px}.hero-lead{font-size:14px}.hero-actions{align-items:stretch;gap:14px}.hero-actions a{width:100%}.hero-stage{height:330px;margin-top:25px}.stage-label{width:78px;height:78px;left:40%;top:37%}.stage-label strong{font-size:27px}.hero-machine span{bottom:-12px}.hero-machine b{font-size:10px}.hero-machine small,.hero-bottom{display:none}.local-nav-inner{height:56px}.local-brand span,.local-links a{display:none!important}.local-links .local-cta{display:block!important}.concept-section,.solutions-section,.lineup-section,.compare-section,.support-section{padding:80px 0}.concept-intro h2,.section-heading h2,.support-head h2{font-size:36px}.value-shift{grid-template-columns:1fr;margin-top:45px}.shift-arrow{height:55px;border:0;border-top:1px solid #dae0e7;border-bottom:1px solid #dae0e7}.shift-arrow span{transform:rotate(90deg)}.pillars,.solution-grid{grid-template-columns:1fr}.pillar{min-height:260px}.solution-card:last-child{grid-column:auto;display:block}.solution-copy h3,.solution-copy p{min-height:0}.fit-check{display:block;padding:27px 23px}.fit-check>a{display:block;margin-top:22px;text-align:center}.machine-feature,.machine-feature.reverse{display:flex;flex-direction:column;min-height:0;padding:55px 0 38px}.machine-feature.reverse .machine-image,.machine-feature.reverse .machine-copy{order:initial}.machine-image{width:100%;height:300px}.machine-copy{padding:10px 0}.machine-copy h3{font-size:45px}.support-flow{grid-template-columns:1fr}.support-flow li{min-height:215px}.support-note{display:block}.support-note p{margin-top:10px}.catalog-section,.contact-section{padding:75px 0}.catalog-panel,.contact-panel{grid-template-columns:1fr;gap:35px}.catalog-steps{display:grid}footer .page-wrap{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* HUAWIN blue identity and original navigation order */
:root{--ink:#10263e;--muted:#586d81;--paper:#f2f7fc;--line:#d8e4ef;--green:#8bc9ff;--green-dark:#125ea8;--gold:#64aeea;--blue:#4a91e8;--purple:#75b9e9}
section[id]{scroll-margin-top:104px}.huawin-header{position:sticky;top:0;z-index:50;background:#071c33;color:#fff;border-bottom:1px solid #25435f}.huawin-header-inner{max-width:1440px;margin:auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:22px}.huawin-brand{font-size:16px;font-weight:850;white-space:nowrap}.huawin-header nav{display:flex;gap:22px;align-items:center}.huawin-header nav a{font-size:12px;font-weight:700;white-space:nowrap}.huawin-header a:hover{color:#a9d9ff}.huawin-header-cta{background:#2879c7;padding:12px 16px;font-size:12px;font-weight:800;white-space:nowrap}.huawin-header-cta:hover{background:#1c64a9;color:#fff!important}a:focus-visible{outline:3px solid #399aef;outline-offset:4px}.section-kicker{color:#1265b3}.hero .eyebrow,.lineup-section .section-kicker,.contact-section .section-kicker{color:#8bc9ff}.concept-intro h2 em,.section-heading h2 em,.support-head h2 em{color:#1769b5}
.about-section{padding:100px 0;background:linear-gradient(135deg,#fff,#edf5fd)}.about-huawin-panel{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:start}.about-huawin-main h2{font-size:clamp(28px,3vw,42px);line-height:1.5;margin:16px 0 26px}.about-huawin-main p{font-size:15px;line-height:2;color:#435e78}.about-huawin-main p:nth-of-type(3){padding:16px 20px;border-left:3px solid #267dc5;background:#e2f0fc;color:#124e86}.about-huawin-side{display:grid;gap:18px}.about-point{padding:26px 28px;border:1px solid #cddfed;background:#fff}.about-point small{display:block;font-size:11px;font-weight:800;letter-spacing:.13em;color:#1769b5}.about-point strong{display:block;font-size:18px;line-height:1.65;margin:12px 0}.about-point span{display:block;font-size:13px;line-height:1.9;color:#526c84}.samples-section{padding:90px 0;background:#eaf3fb}.samples-section h3{font-size:19px;margin:32px 0 18px;color:#18466f}.samples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.samples-grid figure{margin:0;padding:16px;border:1px solid #d1e1ef;background:#fff;border-radius:8px;box-shadow:0 7px 20px #164b7910}.samples-grid a{display:block}.samples-grid img{width:100%;height:210px;object-fit:contain;transition:transform .25s}.samples-grid a:hover img{transform:scale(1.035)}
@media(max-width:1200px){.huawin-header-inner{flex-wrap:wrap;gap:14px 20px}.huawin-brand{flex:1 0 100%}.huawin-header nav{flex:1;gap:20px}section[id]{scroll-margin-top:155px}}
@media(max-width:800px){.huawin-header-inner{padding:14px 17px;gap:12px}.huawin-header nav{flex:1 0 100%;flex-wrap:wrap;gap:8px 18px}.huawin-header nav a{font-size:11px}.huawin-header-cta{padding:8px 14px}.huawin-brand{font-size:15px}.about-huawin-panel{grid-template-columns:1fr;gap:28px}.about-section,.samples-section{padding:65px 0}.samples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.samples-grid figure{padding:10px}.samples-grid img{height:150px}section[id]{scroll-margin-top:205px}}
@media(max-width:380px){.samples-grid{grid-template-columns:1fr}}

/* Softer surfaces, compact gallery and clearer type hierarchy */
.huawin-header-cta,.primary-button,.outline-button,.fit-check>a,.contact-panel>div:last-child>a{border-radius:10px}
.about-point,.solution-card{border-radius:20px}.about-huawin-main p:nth-of-type(3),.fit-check,.support-note{border-radius:14px}.compare-table-wrap{border-radius:18px}.compare-table-wrap td:last-child a{border-radius:50%}.tag-row span,.spec-chips span,.method{border-radius:999px}
.value-shift{border:0;background:transparent;gap:0;align-items:stretch}.shift-side{border:1px solid var(--line);border-radius:22px;background:#fff;padding:34px}.shift-side.future{border-color:#214a73;background:linear-gradient(145deg,#0d2d4f,#102338)}.shift-arrow{border:0;gap:4px}.shift-arrow small{font-size:10px;letter-spacing:0}.shift-arrow span{font-size:32px}.shift-side h3{font-size:clamp(22px,2.05vw,29px);font-weight:800;line-height:1.6;letter-spacing:-.025em}.shift-side small{font-size:12px;font-weight:700;color:#4d6c89}.shift-side.future small{color:#9fd4ff}.shift-side p{font-size:15px;line-height:1.95}.shift-side.future p{color:#c1d3e4}.tag-row span{font-size:11px;padding:5px 10px}.future .tag-row span{border-color:#426381}
.pillars{border:0;gap:20px}.pillar{border:0;border-top:3px solid #6ba6d9;border-radius:0;padding:28px 10px;min-height:0}.pillar h3{margin:28px 0 16px}.support-flow{border:0;gap:16px}.support-flow li{border:1px solid var(--line);border-radius:18px;background:#f7faff}.support-note{margin-top:20px}
.samples-section{padding:64px 0}.samples-section .section-heading{max-width:880px;margin-bottom:24px}.samples-section .section-heading h2{font-size:clamp(28px,3vw,40px);margin:12px 0}.samples-section h3{font-size:17px;margin:26px 0 12px}.samples-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.samples-grid figure{padding:10px;border-radius:14px;box-shadow:0 4px 12px #164b790a}.samples-grid img{height:112px;object-fit:contain}.samples-grid a{border-radius:8px;cursor:zoom-in}.samples-section .sample-hint{font-size:12px;color:#526d87;margin-top:10px}
body{font-weight:400;letter-spacing:.015em}h1,h2,h3{font-family:"Noto Sans JP","Yu Gothic",YuGothic,Meiryo,sans-serif;font-weight:800}h2{letter-spacing:-.035em}.hero h1{font-weight:900;line-height:1.13}.section-kicker,.eyebrow{display:inline-block;font-family:Arial,"Helvetica Neue",sans-serif;font-size:12px;font-weight:700;letter-spacing:.18em}.section-kicker:before{content:"";display:inline-block;width:24px;height:3px;border-radius:2px;background:currentColor;vertical-align:middle;margin-right:10px}.concept-intro h2{font-size:clamp(32px,3.6vw,52px);line-height:1.45}.concept-intro h2 em{display:inline;font-weight:900}.concept-intro>div:last-child strong{font-size:21px;line-height:1.7}.concept-intro>div:last-child p{font-size:15px;line-height:2}.about-huawin-main h2{font-weight:800;line-height:1.45}.about-point strong{font-weight:800}.pillar small,.support-flow small{font-size:11px;font-weight:700;letter-spacing:.12em}.pillar h3{font-size:27px;font-weight:800}.pillar p,.solution-copy p,.support-flow p{font-size:14px;line-height:1.95}.solution-copy h3{font-weight:800;font-size:23px;min-height:0}.solution-copy small{font-size:10px;letter-spacing:.08em}.machine-copy h3{font-family:Arial,"Helvetica Neue",sans-serif;font-weight:800;letter-spacing:-.04em}.machine-copy>small{font-size:11px;letter-spacing:.1em}.machine-copy>p{font-size:15px;line-height:1.95}.machine-ja{font-size:16px!important}.support-flow strong{font-size:18px;line-height:1.65;margin-top:32px}.support-flow li>span{font:700 24px/1 Arial,sans-serif;color:#7b9ebd}.spec-chips span{font-size:11px}.compare-table-wrap th{font-size:12px;font-weight:700}.compare-table-wrap td{font-size:13px}.catalog-actions small{font-size:11px}.hero-lead{font-weight:400}
@media(max-width:1000px){.samples-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.samples-grid img{height:108px}}
@media(max-width:700px){.samples-section{padding:48px 0}.samples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.samples-grid img{height:94px}.samples-grid figure{padding:8px}.samples-section .section-heading h2{font-size:28px}.shift-side{padding:26px 22px;border-radius:18px}.shift-arrow{border:0;height:64px;gap:0}.shift-side h3{font-size:22px}.concept-intro h2{font-size:32px}.concept-intro>div:last-child strong{font-size:19px}.pillars{gap:8px}.pillar{padding:24px 4px;min-height:0}.pillar h3{font-size:25px}.support-flow{gap:12px}.support-flow li{min-height:0}.hero h1{font-size:48px}.solution-copy h3{font-size:22px}.machine-copy h3{font-size:43px}}

/* Sample image viewer: close button, Escape and backdrop dismissal */
html.sample-lightbox-open{overflow:hidden}.sample-lightbox{width:min(1000px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:20px;border:1px solid #c7dded;border-radius:20px;background:#fff;color:#10263e;box-shadow:0 24px 100px #0006;overflow:auto}.sample-lightbox::backdrop{background:rgba(4,17,32,.82)}.sample-lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.sample-lightbox-toolbar>span{font-size:14px;font-weight:700}.sample-lightbox-close{display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:8px 18px;border:0;border-radius:10px;background:#1769b5;color:#fff;font-family:inherit;font-size:14px;font-weight:700;line-height:1.4;cursor:pointer}.sample-lightbox-close span{font-size:24px;line-height:1}.sample-lightbox-close:hover{background:#104f8b}.sample-lightbox-close:focus-visible{outline:3px solid #51a8ed;outline-offset:3px}.sample-lightbox-image{display:block;width:100%;height:min(65dvh,680px);object-fit:contain;background:#fff}.sample-lightbox-caption{margin:14px 0 0;font-size:13px;text-align:center;color:#526d87}@media(max-width:700px){.sample-lightbox{padding:14px;border-radius:16px}.sample-lightbox-image{height:55dvh}.sample-lightbox-toolbar{margin-bottom:10px}}