/* JIAJUN Configurator Landing V1 — same editorial system as Home and Products. */
.cfg-main{background:#f8f8f6;color:#1d211e;overflow:hidden}
.cfg-main button,.cfg-main a{font-family:inherit}
.cfg-kicker{font-size:10px;line-height:1.4;letter-spacing:.15em;font-weight:650;color:#667269}
.cfg-hero{border-bottom:1px solid #e0e2dc}
.cfg-hero-inner{position:relative;min-height:clamp(690px,calc(100svh - 90px),930px);display:flex;flex-direction:column}
.cfg-hero-meta{display:flex;gap:16px;align-items:center;padding-top:35px;min-height:65px}
.cfg-mini-rule{display:inline-block;width:36px;height:1px;background:#6b766e}
.cfg-meta-right{margin-left:auto;color:#909790}
.cfg-hero-layout{position:relative;flex:1;display:grid;grid-template-columns:50% 50%;align-items:center;min-height:570px}
.cfg-hero-copy{position:relative;z-index:2;padding:45px 0 45px 0;align-self:center}
.cfg-hero h1{margin:0;font-weight:520;font-size:clamp(72px,6.95vw,123px);letter-spacing:-.082em;line-height:1.02;white-space:nowrap}
.cfg-hero h1 span{display:block}
.cfg-hero .cfg-hero-accent{color:#929f96;margin-top:.05em}
.cfg-hero-description{font-size:clamp(14px,1.04vw,16px);line-height:1.9;color:#676e68;max-width:405px;margin:43px 0 30px}
.cfg-hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.cfg-btn{border:0;display:inline-flex;justify-content:space-between;align-items:center;gap:32px;padding:18px 21px;min-height:56px;font-size:13px;font-weight:650;transition:transform .35s var(--ease,cubic-bezier(.22,1,.36,1)),background-color .35s ease}
.cfg-btn:hover{transform:translateY(-3px)}
.cfg-btn-primary{color:#fff;background:#263129}
.cfg-btn-primary:hover{background:#435649}
.cfg-btn-arrow{font-size:20px;font-weight:400;line-height:1}
.cfg-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:19px;border:0;border-bottom:1px solid #7c8980;padding:10px 0 9px;font-size:13px;font-weight:600;color:#303b34;background:transparent;transition:gap .25s ease,color .25s ease}
.cfg-text-link:hover{gap:25px;color:#677c6c}
.cfg-hero-product{width:119%;position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;margin-left:-7%;margin-top:30px;pointer-events:none;z-index:1}
.cfg-hero-product > img{width:100%;max-width:none;object-fit:contain;filter:drop-shadow(0 22px 22px rgba(33,36,33,.055));transform:translateY(19px)}
.cfg-product-mark{position:absolute;bottom:clamp(90px,10vh,155px);left:9%;right:1%;display:flex;justify-content:space-between;color:#868f85}
.cfg-hero-foot{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:65px;border-top:1px solid #e0e2dc}
.cfg-hero-foot a{display:flex;gap:22px;align-items:center}
.cfg-hero-foot a:hover{color:#263129}
.cfg-process,.cfg-forms-section,.cfg-final{scroll-margin-top:95px}
.cfg-process{padding-top:clamp(94px,9vw,150px);padding-bottom:clamp(112px,11vw,172px)}
.cfg-section-cap{display:flex;justify-content:space-between;gap:24px;padding-bottom:21px;border-bottom:1px solid #d7ddd6}
.cfg-section-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:7%;align-items:end;padding:65px 0 60px}
.cfg-section-heading h2,.cfg-final h2{font-size:clamp(56px,6.55vw,104px);font-weight:520;line-height:1.08;letter-spacing:-.075em;margin:0}
.cfg-section-heading h2 span,.cfg-final h2 span{display:block}
.cfg-soft{color:#99a59c}
.cfg-section-heading p{font-size:15px;line-height:1.95;color:#6d756e;max-width:390px;margin:0 0 9px}
.cfg-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(26px,3.1vw,55px)}
.cfg-step{border-top:1px solid #cbd3ca;padding:17px 0 0;min-width:0}
.cfg-step-top{display:flex;justify-content:space-between;color:#707c72;font-size:11px;letter-spacing:.12em;font-weight:600}
.cfg-step-visual{height:clamp(185px,17vw,286px);display:flex;align-items:center;justify-content:center;overflow:visible;margin:24px 0 15px}
.cfg-step-visual img{max-height:98%;width:auto;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(44,49,41,.07));transition:transform .7s var(--ease,cubic-bezier(.22,1,.36,1))}
.cfg-step:hover .cfg-step-visual img{transform:translateY(-6px)}
.cfg-step-structure img{width:100%;max-width:100%;height:auto}
.cfg-step-function img{height:100%;max-height:94%}
.cfg-step-colour{display:flex;align-items:center;justify-content:space-between;gap:6px}
.cfg-step-colour img{height:auto;width:23%;max-height:68%}
.cfg-step-colour img:nth-child(2){transform:translateY(22px)}
.cfg-step-colour img:nth-child(3){transform:translateY(-13px)}
.cfg-step-colour img:nth-child(4){transform:translateY(11px)}
.cfg-step-colour:hover img{transform:none}
.cfg-step h3{font-size:clamp(22px,2.1vw,33px);font-weight:520;letter-spacing:-.05em;margin:25px 0 14px}
.cfg-step p{font-size:14px;line-height:1.85;color:#6d756e;max-width:350px}
.cfg-forms-section{padding:clamp(100px,10vw,152px) 0 clamp(110px,11vw,168px);background:#f3f3f0}
.cfg-forms-heading{padding-bottom:65px}
.cfg-forms-heading h2{font-size:clamp(50px,5.65vw,90px)}
.cfg-model-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,4.2vw,70px)}
.cfg-model{border-top:1px solid #d2d8d0;padding-top:18px;min-width:0}
.cfg-model-bar{display:flex;justify-content:space-between}
.cfg-model-image{height:clamp(350px,38vw,510px);display:flex;align-items:center;justify-content:center;padding:14px 9px}
.cfg-model-image img{object-fit:contain;max-width:100%;max-height:87%;filter:drop-shadow(0 18px 18px rgba(44,49,41,.055));transition:transform .65s var(--ease,cubic-bezier(.22,1,.36,1))}
.cfg-model:hover .cfg-model-image img{transform:translateY(-7px) scale(1.015)}
.cfg-model-wide .cfg-model-image img{width:100%}
.cfg-model-tall .cfg-model-image img{height:83%;width:auto}
.cfg-model-meta{display:flex;justify-content:space-between;align-items:start;gap:18px;padding-top:27px;border-top:1px solid #d3d9d2}
.cfg-model h3{font-size:clamp(22px,2.0vw,32px);font-weight:520;letter-spacing:-.055em;margin:0 0 12px}
.cfg-model-meta p{font-size:12px;color:#818981;margin:0}
.cfg-model-meta p span{margin:0 8px}
.cfg-model-launch{white-space:nowrap}
.cfg-model-detail{display:inline-block;color:#657267;font-size:12px;margin-top:19px;padding:5px 0}
.cfg-model-detail:hover{color:#253329}
.cfg-final{padding-top:clamp(110px,11vw,175px);padding-bottom:clamp(114px,12vw,190px)}
.cfg-final-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:7%;align-items:end;padding-top:65px}
.cfg-final h2{font-size:clamp(60px,6.7vw,110px)}
.cfg-final-action{padding-bottom:8px}
.cfg-final-action p{font-size:15px;line-height:1.9;color:#6e746e;max-width:390px;margin-bottom:27px}
.cfg-bottom-enquiry{margin-top:17px;display:flex;width:max-content}
.cfg-dialog[hidden]{display:none}
.cfg-dialog{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px}
.cfg-dialog-overlay{position:absolute;inset:0;background:rgba(18,23,18,.40);backdrop-filter:blur(4px)}
.cfg-dialog-panel{position:relative;width:min(90vw,560px);padding:54px 52px 43px;background:#f8f8f6;box-shadow:0 20px 90px rgba(0,0,0,.12)}
.cfg-dialog-panel h2{font-size:clamp(29px,3.2vw,48px);font-weight:520;line-height:1.15;letter-spacing:-.06em;margin:20px 0}
.cfg-dialog-panel p{font-size:14px;color:#626b62;line-height:1.85}
.cfg-dialog-close{position:absolute;top:16px;right:22px;border:0;background:transparent;font-size:29px;color:#5b675e}
.cfg-dialog-actions{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:32px}
.cfg-dialog-done{background:#29362d;color:#fff;border:0;padding:13px 18px;font-size:13px}
body.cfg-modal-open{overflow:hidden}
@media (min-width:971px) and (max-width:1280px){.cfg-hero h1{font-size:clamp(63px,6.4vw,86px)}.cfg-hero-layout{grid-template-columns:51% 49%}.cfg-hero-product{width:114%;margin-left:-3%}.cfg-hero-description{max-width:365px}.cfg-hero-inner{min-height:690px}.cfg-product-mark{bottom:90px}}
@media (max-width:970px){.cfg-hero-inner{min-height:700px}.cfg-hero-layout{grid-template-columns:1fr}.cfg-hero-copy{padding:58px 0 0}.cfg-hero h1{font-size:clamp(65px,9vw,100px)}.cfg-hero-product{width:100%;min-height:340px;margin:0}.cfg-product-mark{bottom:4%}.cfg-section-heading{grid-template-columns:1fr;gap:28px}.cfg-steps{gap:18px}.cfg-model-grid{gap:30px}.cfg-final-grid{grid-template-columns:1fr;gap:30px}.cfg-hero-meta{padding-top:22px}}
@media (max-width:680px){.cfg-hero h1{font-size:clamp(47px,10.2vw,72px)}.cfg-hero-description{margin-top:26px}.cfg-steps,.cfg-model-grid{grid-template-columns:1fr}.cfg-process,.cfg-forms-section,.cfg-final{padding-top:75px;padding-bottom:85px}.cfg-section-heading{padding:38px 0}.cfg-section-heading h2,.cfg-final h2{font-size:clamp(43px,9vw,66px)}.cfg-model-image{height:330px}.cfg-step-visual{height:190px}.cfg-final-grid{padding-top:40px}.cfg-meta-right{display:none}.cfg-dialog-panel{padding:45px 27px 30px}}
@media (prefers-reduced-motion:reduce){.cfg-main *, .cfg-main *::before{transition:none!important;animation:none!important}}