:root{--ink:#172e29;--green:#268d79;--mint:#37b69f;--pale:#edf6f2;--line:#dae4df;--muted:#66746d;--dark:#123d34}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,'PingFang TC','Noto Sans TC',sans-serif;font-size:15px;line-height:1.65}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #33b99e;outline-offset:4px}.wrap{max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}.demo-bar{height:30px;background:#eaf4ef;font-size:10px;letter-spacing:1px;padding:0 40px;display:flex;justify-content:space-between;align-items:center;color:#43685d}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid #eaf0ec;gap:24px}.brand{display:flex;align-items:center}.brand img{width:160px;height:auto;display:block}nav{display:flex;gap:28px;font-size:13px}nav a:hover{color:var(--green)}.btn{padding:14px 22px;border:1px solid transparent;border-radius:5px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--dark);color:white}.primary:hover{background:#236453}.small{padding:11px 17px;font-size:12px}.light{background:#fff;color:var(--dark)}.secondary{border-color:var(--line);background:white}.text-link{border:0;background:none;padding:0;font-size:14px;display:inline-flex;align-items:center;gap:22px}.text-link:hover{color:var(--green)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding-top:64px;padding-bottom:64px;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--green);margin:0 0 22px;display:flex;align-items:center;gap:8px}.eyebrow i,.tiny-dot{display:inline-block;background:var(--mint);width:6px;height:6px;border-radius:50%}h1{font-size:60px;letter-spacing:-2.7px;line-height:1.26;margin:0 0 28px;font-weight:600}em{font-style:normal;color:var(--green)}.lead{font-size:16px;line-height:1.9;color:var(--muted)}.actions{display:flex;gap:24px;align-items:center;margin-top:30px}.hero-foot{font-size:11px;color:#78847d;margin:26px 0 0}.hero-foot span{margin:0 9px;color:#bcc8c0}.hero-visual{position:relative;height:530px;background:#edf5f1;border-radius:8px;overflow:hidden;background-image:radial-gradient(#b5cfc3 .65px,transparent .65px);background-size:18px 18px}.visual-top{position:absolute;inset:24px 24px auto;display:flex;justify-content:space-between;align-items:center}.mini-label{font-size:9px;letter-spacing:1.5px;font-weight:600}.outline-tag{font-size:10px;border:1px solid #bfcdc6;padding:3px 9px;border-radius:3px;color:#60776d}.orbit{position:absolute;left:12%;top:18%;width:400px;height:400px;border:1px solid #c9ddd2;border-radius:50%}.orbit-two{transform:scale(.77)}.float-label{position:absolute;top:90px;left:36px;font-size:8px;letter-spacing:1px;display:flex;gap:8px;align-items:center}.doc-sample{position:absolute;left:30px;top:142px;width:240px;background:white;border:1px solid #dce8e0;border-radius:6px;padding:17px;z-index:4;box-shadow:0 18px 45px #18392b0d;transform:rotate(-4deg)}.doc-head{font-size:8px;letter-spacing:.8px;display:flex;align-items:center;gap:7px}.doc-head>span:last-child{margin-left:auto;font-size:15px}.doc-icon{font-size:22px;color:var(--green)}.doc-lines{padding:12px 0}.doc-lines i{height:4px;background:#edf1ee;width:82%;display:block;margin:6px 0}.doc-lines i:nth-child(2){width:62%}.extract{display:grid;grid-template-columns:1fr 1.3fr;background:#eaf6f1;border:1px solid #c5e9dc;gap:8px;padding:10px;font-size:9px}.extract span{color:#74887e}.sample-note{font-size:8px;color:#84958c;display:block;margin-top:10px}.rack{position:absolute;width:235px;height:235px;right:52px;top:215px;filter:drop-shadow(0 30px 14px #163f2c25);transform:rotate(-2deg)}.rack-body{position:absolute;background:linear-gradient(110deg,#314a40,#172e25);height:195px;width:210px;top:20px;border-radius:3px;border:1px solid #698375;padding:13px 16px}.rack-top{position:absolute;width:210px;height:40px;left:12px;top:-20px;background:linear-gradient(140deg,#70867a,#3f584b);transform:skewX(-31deg);border:1px solid #93a69a}.rack-side{position:absolute;left:210px;top:0;width:25px;height:195px;transform:skewY(-58deg);background:#0f261c;border:1px solid #516759}.rack-brand{font-size:8px;color:#a3c2b1;letter-spacing:2px;margin:0 0 14px}.rack-row{height:31px;border:1px solid #4a6254;margin:4px 0;background:#1d3428;display:flex;align-items:center;padding:0 7px;gap:5px}.rack-row b{width:80px;height:17px;background:repeating-linear-gradient(90deg,#12271b 0 3px,#405647 3px 4px)}.rack-row i{width:4px;height:4px;border-radius:50%;background:#71e7b7;margin-left:auto;box-shadow:0 0 5px #71e7b7}.rack-row span{font-size:6px;color:#b4ccbd}.rack-vent{height:15px;margin-top:10px;background:repeating-linear-gradient(90deg,#11271b 0 2px,#334b3c 2px 4px)}.stack-caption{position:absolute;bottom:70px;left:28px;background:#fff;border:1px solid #dbe7de;border-radius:5px;display:flex;gap:10px;align-items:center;padding:14px 18px;width:255px;z-index:5;box-shadow:0 15px 25px #122f1f0a}.stack-caption b{font-size:11px}.stack-caption small{display:block;font-size:9px;color:#83948b}.stack-caption>span:last-child{margin-left:auto}.visual-bottom{position:absolute;bottom:22px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;border-top:1px solid #d2e1d8;padding-top:15px}.intro-strip{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.1fr;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:24px;padding-bottom:24px;gap:25px;font-size:12px}.intro-strip p{margin:0;color:var(--muted)}.intro-strip strong{color:var(--ink);font-weight:500}.intro-strip>div{display:flex;gap:14px;align-items:center}.intro-strip b{font-size:22px;font-weight:400;color:#76a78f}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:38px}h2{font-size:36px;letter-spacing:-1px;line-height:1.4;margin:0;font-weight:500}.section-heading>p,.software-layout>div>p:not(.eyebrow),.pilot>div>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted)}.section-heading .eyebrow{margin-bottom:16px}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.scenario{text-align:left;border:1px solid var(--line);border-radius:6px;background:#fff;padding:25px;transition:.2s}.scenario:hover{border-color:var(--mint);transform:translateY(-4px);box-shadow:0 15px 25px #18372b08}.scenario-no{font-size:9px;letter-spacing:1.5px;color:#7b8b80}.scenario-art{height:130px;margin:18px 0 20px;display:flex;align-items:center;justify-content:center;background:#f4f7f4;border-radius:4px;gap:16px}.document-art>span{padding:20px 12px;background:#fff;border:1px solid #d9e4dc;font-size:13px;transform:rotate(-6deg)}.document-art i{font-style:normal;color:var(--green)}.document-art b{display:block;padding:4px 12px;background:#e0eee5;margin:5px;font-size:9px;font-weight:400}.knowledge-art{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:22px}.knowledge-art div{font-size:10px;background:white;padding:9px;border:1px solid #dae5dc;box-shadow:0 4px 10px #143d3605}.knowledge-art span{font-size:10px;color:#3b826a;padding-left:12px;border-left:2px solid var(--mint)}.workspace-art{gap:7px}.workspace-art span{padding:12px 9px;border:1px solid #d5e4d9;background:white;font-size:9px;letter-spacing:1px}.workspace-art span:nth-last-child(1){background:var(--dark);color:white}.workspace-art i{font-style:normal;color:#8caf9d}h3{font-weight:500;font-size:21px;margin:0 0 10px;line-height:1.45}.scenario p{font-size:12px;color:var(--muted);line-height:1.85;min-height:67px;margin:0 0 24px}.scenario-bottom{border-top:1px solid #e5ece7;padding-top:18px;display:flex;justify-content:space-between;font-size:11px}.scenario-bottom b{font-size:18px;font-weight:400}.ways-section{background:#f4f7f3;padding:85px 0}.ways-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ways-grid article{position:relative;border-top:1px solid #b9cfc0;padding:24px 20px 4px 0}.way-number{font-size:36px;color:#a5bfad;font-weight:300}.ways-grid h3{font-size:25px;margin-top:15px;margin-bottom:5px}.way-en{font-size:8px;letter-spacing:1.5px;color:#6a8775}.ways-grid p:not(.way-en){font-size:13px;color:var(--muted);line-height:1.85;max-width:310px;margin:22px 0}.ways-grid ul{padding:0;list-style:none;font-size:12px;line-height:2.3;margin:0 0 24px}.ways-grid li:before{content:'✓';color:var(--green);margin-right:10px}.ways-grid .text-link{font-size:12px;width:100%;justify-content:space-between;padding-top:15px;border-top:1px solid #d9e5da}.way-badge{font-size:9px;position:absolute;right:6px;top:37px;background:#e1eee4;color:#4d7961;padding:4px 8px;border-radius:3px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:30px;gap:20px}.tabs{display:flex;gap:24px}.tabs button{border:none;background:none;font-size:12px;color:#7c8c81;padding:12px 0 16px;border-bottom:2px solid transparent}.tabs button.active{color:var(--dark);border-bottom-color:var(--green);font-weight:600}#catalog-count{font-size:10px;color:var(--muted)}.hardware-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.hardware-card{border:1px solid var(--line);border-radius:6px;overflow:hidden}.hardware-visual{height:165px;background:linear-gradient(120deg,#f1f5f0,#e7eee7);display:flex;justify-content:center;align-items:center;position:relative}.hardware-visual>span{position:absolute;top:16px;left:18px;font-size:9px;color:#7d8e82;letter-spacing:1.4px}.mini-server{width:215px;height:55px;background:linear-gradient(#627165,#2b392c);border-radius:4px;border:1px solid #8b9d8b;box-shadow:10px 12px 0 #bdcabc;transform:perspective(600px) rotateY(-14deg) rotateX(7deg);display:flex;align-items:center;padding:9px;gap:6px}.mini-server .vents{height:32px;flex:1;background:repeating-linear-gradient(90deg,#1b261b 0 3px,#53624f 3px 5px)}.mini-server b{font-size:9px;color:#bad8c0;font-weight:400}.mini-server.large{height:78px}.mini-server.large .vents{height:52px}.hardware-body{padding:24px}.hardware-body .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:8px}.hardware-body h3{font-size:24px}.gpu-title{min-height:48px;font-size:12px;line-height:1.6;color:#69806d;margin-bottom:20px}.specs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;gap:10px}.specs b{display:block;font-weight:500;font-size:19px}.specs span{font-size:9px;color:#849187}.specs small{font-size:11px}.unit-row{font-size:10px;color:#7b8d80;margin:18px 0;display:flex;justify-content:space-between}.unit-row span{color:#3d735b}.hardware-actions{display:flex;justify-content:space-between;gap:10px;align-items:center}.hardware-actions .btn{padding:10px 13px;font-size:11px;gap:15px}.hardware-actions .text-link{font-size:11px}.catalog-note,.fineprint{font-size:10px;color:#8a968c;margin:20px 0 0;line-height:1.8}.software-section{padding:85px 0;background:#f3f7f4}.software-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:70px}.software-layout .btn{margin-top:20px}.software-list article{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid #d8e4db;align-items:center}.software-list article:first-child{padding-top:0}.soft-icon{width:43px;height:43px;flex-shrink:0;background:#d9eee3;border-radius:9px;display:grid;place-items:center;color:#26775b;font-size:23px;font-weight:600}.soft-icon.foxit{background:#fff0df;color:#de842d;font-size:30px}.software-list .mini-label{color:#7d9283;font-size:8px}.software-list h3{font-size:21px;margin:5px 0 8px}.software-list p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.software-list article button{border:1px solid #c9d9ce;border-radius:50%;width:29px;height:29px;flex-shrink:0;background:none;margin-left:auto;color:#59856b;font-size:19px}.software-list .fineprint{font-size:10px;margin-top:20px}.pilot{display:grid;grid-template-columns:1fr 1fr;gap:70px}.pilot .btn{margin-top:18px}.pilot-steps{padding:0;margin:0;list-style:none}.pilot-steps li{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:25px 0}.pilot-steps li:first-child{padding-top:0}.pilot-steps li>span{font-size:25px;color:#9dbcaa;font-weight:300}.pilot-steps h3{font-size:19px}.pilot-steps p{font-size:13px;color:var(--muted);margin:0}.cta{background:var(--dark);color:#fff;padding:75px 0;position:relative;overflow:hidden}.cta:after{content:'';position:absolute;width:500px;height:500px;border:1px solid #356052;border-radius:50%;right:-60px;top:-100px;box-shadow:0 0 0 80px #ffffff02,0 0 0 160px #ffffff02;pointer-events:none}.cta .eyebrow{color:#78cbb2}.cta h2{font-size:40px}.cta .btn{margin-top:25px}.cta .wrap>p:last-child{font-size:11px;margin-top:20px;color:#95b6a8}footer{display:flex;gap:30px;align-items:center;min-height:120px}footer .brand img{width:125px}footer p{font-size:11px;color:#819087}footer>span{margin-left:auto;font-size:10px;color:#8c978f}footer button{font-size:11px!important}dialog{border:1px solid #d7e3db;border-radius:12px;padding:32px;width:min(960px,calc(100% - 40px));max-height:90vh;color:var(--ink);box-shadow:0 20px 100px #09221835}dialog::backdrop{background:#102b225f;backdrop-filter:blur(5px)}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between}.modal-heading h2{font-size:28px}.modal-heading .eyebrow{margin:0 0 8px}.close{border:1px solid #dce6de;background:white;width:32px;height:32px;border-radius:50%;font-size:21px;display:grid;place-items:center;line-height:1}.modal-intro{font-size:12px;color:var(--muted);margin-bottom:25px}.builder-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:35px}.builder-fields fieldset{border:none;padding:0;margin:0 0 25px}.builder-fields legend{font-size:14px;margin-bottom:12px}.builder-fields legend>span{font-size:11px;color:var(--green);margin-right:8px}select,textarea{display:block;width:100%;padding:12px;border:1px solid #d4e1d7;border-radius:4px;background:#fff;color:var(--ink);font-size:12px}.mode-options,.check-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-options label,.check-options label{font-size:11px;display:flex;align-items:center;gap:6px}.mode-options label{padding:9px;background:#f4f7f3;border-radius:4px}input{accent-color:var(--green)}.field-label{display:block;font-size:11px;color:#6b8173;margin:12px 0 0}.field-label select,.field-label textarea{margin-top:6px}.builder-summary{align-self:start;position:sticky;top:0;background:#edf5ef;padding:24px;border-radius:6px}.builder-summary h3{margin:14px 0 22px;font-size:21px}.summary-row{margin:15px 0}.summary-row span{display:block;font-size:9px;color:#82988a;margin-bottom:5px;letter-spacing:.6px}.summary-row b{font-size:12px;font-weight:500}.summary-note{font-size:10px;color:#6f8979;border-top:1px solid #d1e2d6;padding-top:15px;line-height:1.8}.builder-summary .btn{width:100%;font-size:12px;padding:11px 14px;margin-top:10px}.builder-summary .secondary{justify-content:center}#brief-status{font-size:11px;min-height:18px;color:var(--green);margin:12px 0 0}#detail{max-width:700px;padding:40px}#detail h2{font-size:28px}.detail-close{position:absolute;right:20px;top:20px}.detail-spec{width:100%;font-size:12px;border-collapse:collapse;margin:22px 0}.detail-spec th,.detail-spec td{border-bottom:1px solid var(--line);padding:12px 0;text-align:left;vertical-align:top}.detail-spec th{font-weight:400;color:#7f9386;width:28%}.detail-units{display:flex;gap:15px;margin:20px 0}.detail-units button{flex:1;border:1px solid #c7dcd0;background:#eff6f1;padding:15px;text-align:left;border-radius:5px}.detail-units small{font-size:10px;display:block;color:#708c7b;margin-top:5px}#demo-info{max-width:600px;padding:40px}#demo-info .close{float:right}#demo-info h2{font-size:24px}#demo-info>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9}[hidden]{display:none!important}@media(min-width:1500px){.hero{padding-top:85px;padding-bottom:85px}.hero-visual{height:550px}}@media(max-width:1000px){.wrap{padding-left:30px;padding-right:30px}header{padding:0 25px}nav{gap:15px;font-size:11px}.brand img{width:130px}h1{font-size:49px}.hero{gap:25px}.hero-visual{height:480px}.rack{right:28px;transform:scale(.85);transform-origin:right bottom}.doc-sample{width:215px;left:18px}.float-label{font-size:6px;left:22px}.scenario{padding:20px}.software-layout{gap:45px}.mini-server{width:180px}.hardware-body{padding:20px}.hardware-actions{flex-wrap:wrap}.tabs{gap:16px}}@media(max-width:740px){.demo-bar{padding:0 20px;font-size:8px}.demo-bar>span:first-child{display:none}header{height:72px;padding:0 20px;gap:12px}header nav{display:none}.brand img{width:125px}.btn.small{font-size:11px;padding:10px 12px;gap:15px}.wrap{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:35px;gap:35px}h1{font-size:48px;letter-spacing:-2px}.lead{font-size:15px}.hero-visual{height:460px;max-width:520px;width:100%}.rack{right:45px;top:195px}.doc-sample{top:135px;left:30px;width:230px}.visual-top{inset:20px 22px auto}.float-label{top:80px;font-size:7px}.stack-caption{bottom:60px;left:24px}.intro-strip{grid-template-columns:1fr 1fr;gap:18px;font-size:10px}.intro-strip b{font-size:19px}.intro-strip>div{gap:9px}.section{padding-top:60px;padding-bottom:60px}.section-heading{display:block;margin-bottom:25px}h2{font-size:30px}.section-heading>p{margin-top:20px;font-size:13px}.scenario-grid,.ways-grid,.hardware-grid{grid-template-columns:1fr;gap:20px}.scenario-art{height:145px}.scenario p{min-height:0;font-size:13px}.ways-section{padding:60px 0}.ways-grid article{padding:20px 0}.way-badge{right:5px}.catalog-toolbar{align-items:flex-start;flex-direction:column;gap:0}.tabs{gap:19px;width:100%;justify-content:space-between}.tabs button{font-size:10px;padding-bottom:10px}#catalog-count{padding-bottom:10px}.hardware-visual{height:185px}.mini-server{width:240px}.hardware-actions{flex-wrap:nowrap}.gpu-title{min-height:0}.hardware-body{padding:25px}.software-section{padding:60px 0}.software-layout,.pilot{grid-template-columns:1fr;gap:35px}.software-list article{gap:14px}.software-list p{font-size:11px}.software-list h3{font-size:20px}.software-list .soft-icon{width:35px;height:35px}.cta{padding:55px 0}.cta h2{font-size:28px}.cta:after{right:-350px}footer{padding-top:30px;padding-bottom:30px;display:grid;grid-template-columns:1fr 1fr;gap:15px}footer>span{margin:0}footer p{margin:0}dialog{width:calc(100% - 20px);padding:22px;max-height:93vh}.builder-grid{grid-template-columns:1fr;gap:20px}.builder-summary{position:static}.modal-heading h2{font-size:24px}#detail,#demo-info{padding:28px 22px}.detail-units{gap:10px}.detail-units button{font-size:12px}.actions{gap:20px}.actions .btn{gap:18px}.actions .text-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.portal-section{padding-top:55px;padding-bottom:10px}.portal-title .eyebrow{margin-bottom:12px}.portal-title h2{font-size:25px}.portal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.portal-grid>a{padding:26px 20px;border-right:1px solid var(--line);transition:background .2s}.portal-grid>a:first-child{padding-left:0}.portal-grid>a:last-child{border:0}.portal-grid>a:hover{background:#f1f7f2}.portal-grid a>span{font-size:8px;letter-spacing:1px;color:#789684}.portal-grid h3{font-size:17px;margin:12px 0 8px}.portal-grid p{font-size:11px;color:var(--muted);margin:0 0 24px}.portal-grid b{font-size:11px;font-weight:500;color:var(--green)}.portal-grid.three{grid-template-columns:repeat(3,1fr)}.product-hero{padding-top:25px;padding-bottom:70px}.breadcrumbs{font-size:11px;color:#7d9385;margin:0 0 45px}.breadcrumbs a:hover{color:var(--green)}.product-two{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.product-two h1{font-size:47px}.idp-preview{background:#edf5ef;border:1px solid #d8e5dc;padding:24px;border-radius:7px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px}.preview-doc{background:white;max-width:330px;margin:30px auto 20px;padding:30px;box-shadow:0 10px 25px #16372208;border:1px solid #dce7df}.preview-doc>span{font-size:8px;letter-spacing:1.5px;color:#739182}.preview-doc h3{font-size:24px;margin:12px 0 25px}.invoice-row{display:flex;justify-content:space-between;font-size:10px;padding:10px 0;border-bottom:1px solid #e2e9e4;gap:12px}.invoice-row>span{color:#82958a}.invoice-row b{font-weight:500}.preview-result{display:flex;align-items:center;gap:8px;font-size:10px;justify-content:center;color:#47715b}.workflow-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.workflow-tabs button{padding:18px 10px;background:white;border:none;border-bottom:2px solid transparent;font-size:13px;color:#7d9286}.workflow-tabs button.active{color:var(--green);border-bottom-color:var(--green)}.workflow-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:45px;background:#f4f7f3;border-radius:0 0 6px 6px}.workflow-panel h3{font-size:24px}.workflow-panel p:not(.eyebrow){font-size:13px;color:var(--muted)}.workflow-result{background:white;border:1px solid #d7e5dc;border-radius:4px;padding:20px}.workflow-result>div{padding:10px 0;border-bottom:1px solid #e4ece6;font-family:monospace;font-size:12px;color:#467259}.workflow-result>div:last-child{border:0}.gb10-visual{height:380px;background:#edf4ee;border-radius:7px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:35px}.gb10-visual>.mini-label{position:absolute;top:25px;left:25px;color:#678570}.gb10-box{width:210px;height:140px;background:linear-gradient(140deg,#edf1e9,#bbc8b7);border:1px solid #dce5d5;border-radius:15px;transform:perspective(500px) rotateX(35deg) rotateZ(-28deg);box-shadow:0 12px 0 #6b7b62,0 14px 0 #65755e,0 30px 30px #23401c22;display:grid;place-items:center;position:relative}.gb10-box>span{font-size:65px;color:#758d6d;font-weight:600}.gb10-box i{position:absolute;bottom:10px;right:16px;width:5px;height:5px;background:#28b497;border-radius:50%}.gb10-caption{text-align:center;position:absolute;bottom:28px}.gb10-caption b{font-size:13px;font-weight:500;display:block}.gb10-caption span{display:block;color:#8b9b8c;font-size:9px;margin-top:7px}.bundle-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-top:1px solid var(--line);padding-top:30px}.bundle-strip>div>span{font-size:25px;color:#a3bca8}.bundle-strip h3{font-size:21px;margin-top:15px}.bundle-strip p{font-size:12px;color:var(--muted)}.resource-hero{padding-top:25px;padding-bottom:35px}.resource-hero h1{font-size:50px}.resource-notice{background:#f3f6ef;padding:16px 20px;margin-top:30px;border-left:2px solid #a2b58d;font-size:11px;line-height:1.9;color:#6d7f64}.resource-main{padding-bottom:90px}.resource-filters{display:flex;gap:20px;align-items:flex-end;margin:0 0 30px}.resource-filters label{font-size:10px;color:#799082;min-width:160px}.resource-filters select{margin-top:8px}.resource-filters>span{font-size:11px;color:#799082;margin-left:auto;padding-bottom:13px}.resource-row{display:flex;align-items:center;border-top:1px solid var(--line);padding:23px 0;gap:25px}.resource-row:last-child{border-bottom:1px solid var(--line)}.pdf-icon{font-size:9px;padding:20px 10px;background:#eaf3ed;color:#4d7960;border:1px solid #d6e5d9;border-radius:3px}.resource-title{flex:1}.resource-title h3{font-size:16px;margin:0 0 6px}.resource-title p{font-size:10px;color:#829589;margin:0}.resource-lang{font-size:11px;width:65px}.status-badge{font-size:9px;padding:3px 8px;border-radius:3px;width:48px;text-align:center}.status-badge.draft{background:#f6efdd;color:#9a7c39}.status-badge.final{background:#e3f2e9;color:#447a5d}.resource-date{font-size:10px;color:#7e9386}.resource-date small{display:block;font-size:9px}.download-link{font-size:12px;border:1px solid #d1dfd5;border-radius:4px;padding:8px 14px}.download-link:hover{background:#edf5ee}#resource-empty{padding:50px;text-align:center;background:#f5f8f4;color:#829587;font-size:13px}@media(max-width:1000px){.portal-grid{grid-template-columns:repeat(3,1fr)}.portal-grid>a{padding:20px!important}.portal-grid>a:nth-child(3){border:0}.portal-grid>a:nth-child(n+4){border-top:1px solid var(--line)}.product-two{gap:30px}.product-two h1{font-size:39px}.resource-row{gap:16px}}@media(max-width:740px){.portal-grid,.portal-grid.three{grid-template-columns:1fr 1fr}.portal-grid>a{border-right:none;border-bottom:1px solid var(--line)}.portal-grid>a:nth-child(odd){border-right:1px solid var(--line)}.portal-grid>a:nth-child(n+4){border-top:none}.portal-grid>a:nth-child(3){border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.portal-grid h3{font-size:16px}.portal-grid p{min-height:36px}.portal-title h2{font-size:22px}.portal-section{padding-top:35px}.product-two{grid-template-columns:1fr}.product-two h1{font-size:40px}.breadcrumbs{margin-bottom:30px}.product-hero{padding-bottom:50px}.workflow-tabs{grid-template-columns:1fr 1fr}.workflow-tabs button{font-size:11px}.workflow-panel{grid-template-columns:1fr;padding:25px;gap:15px}.workflow-panel h3{font-size:22px}.bundle-strip{grid-template-columns:1fr 1fr}.bundle-strip h3{font-size:18px}.resource-hero h1{font-size:41px}.resource-filters{display:grid;grid-template-columns:1fr 1fr;gap:15px}.resource-filters label{min-width:0}.resource-filters>span{margin:0}.resource-row{display:grid;grid-template-columns:40px 1fr auto;gap:12px}.resource-title{grid-column:2/4}.resource-title h3{font-size:15px}.resource-lang{grid-column:2;font-size:10px}.status-badge{grid-column:3;grid-row:2}.resource-date{grid-column:2;grid-row:3}.download-link{grid-column:3;grid-row:3}.pdf-icon{grid-row:1/4}.resource-notice{font-size:10px}}

.mobile-nav{display:none}@media(max-width:740px){.mobile-nav{display:flex;gap:0;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--line);font-size:10px;background:#fff}.mobile-nav a{padding:3px 0}}

.stock-badge{color:#257650!important;font-weight:600}.detail-stock{display:flex;align-items:center;gap:20px;margin:24px 0;font-size:13px}.appliance-tile .gb10-box{width:145px;height:90px;border-radius:10px}.appliance-tile .gb10-box>span{font-size:40px}.tabs{flex-wrap:wrap;gap:20px}.catalog-toolbar{align-items:flex-end}#catalog-count{white-space:nowrap;padding-bottom:16px}@media(min-width:741px){.hardware-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:740px){.tabs{justify-content:flex-start;gap:16px}#catalog-count{padding:12px 0}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.locale-control{flex-shrink:0}.locale-control select{width:105px;margin:0;padding:9px 8px;font-size:12px;background:#f4f8f5;border:1px solid var(--line);border-radius:4px;color:var(--ink)}header{gap:18px}header nav{gap:20px}header .brand img{width:140px}:lang(en) h1{font-size:52px;letter-spacing:-2px}:lang(th){letter-spacing:normal}:lang(th) h1{font-size:48px;line-height:1.45}:lang(th) h2{line-height:1.5}:lang(ja) h1{font-size:48px;letter-spacing:-1.5px}.hardware-body{min-width:0}.hardware-actions{gap:16px}.resource-title{min-width:0}.resource-title h3{overflow-wrap:anywhere}.summary-row b{overflow-wrap:anywhere}.hero-copy{min-width:0}.hero-foot{line-height:1.9}.actions{flex-wrap:wrap}.tabs{align-items:center}.tabs button{white-space:normal}.resource-lang{width:auto;min-width:65px}.status-badge{width:auto;min-width:48px}:lang(en) .product-two h1,:lang(ja) .product-two h1{font-size:43px}:lang(th) .product-two h1{font-size:40px}@media(max-width:1100px){header nav{gap:13px;font-size:11px}header .btn{display:none}}@media(max-width:740px){header{height:76px}header .brand img{width:140px}.locale-control select{width:110px}.mobile-nav{gap:14px;overflow-x:auto;justify-content:flex-start}.mobile-nav a{white-space:nowrap;flex-shrink:0}.demo-bar{font-size:8px;letter-spacing:0}:lang(en) h1,:lang(ja) h1,:lang(en) .product-two h1,:lang(ja) .product-two h1{font-size:38px;letter-spacing:-1px}:lang(th) h1,:lang(th) .product-two h1{font-size:36px}.hero-foot span{margin:0 3px}.hardware-actions .btn{padding:12px 14px;font-size:12px}.hardware-actions .text-link{font-size:12px}.section-heading h2{font-size:27px}.catalog-toolbar{display:block}.demo-bar>span:last-child{text-align:right;max-width:62%}.intro-strip{gap:20px}.workflow-result>div{overflow-wrap:anywhere}.stack-caption{width:275px}.btn{white-space:normal}}

/* Keep the brand promise readable across the four locales. */
.hero h1{font-size:clamp(38px,4.4vw,58px);letter-spacing:-2px;line-height:1.3;text-wrap:balance}.hero .eyebrow{letter-spacing:1.5px}.hero :lang(th){line-height:1.6}:lang(ja) .hero h1,:lang(th) .hero h1{font-size:clamp(34px,3.8vw,48px)}@media(max-width:740px){.hero h1,:lang(en) .hero h1,:lang(ja) .hero h1,:lang(th) .hero h1{font-size:38px;letter-spacing:-1px}.hero .eyebrow{font-size:9px;letter-spacing:1px}}
