.ov-page{--ov-cream:#eee7dc;--ov-gold:#d1ad78;--ov-muted:#beb6aa;--ov-line:#d1ad7830;color:var(--ov-cream);overflow-wrap:break-word}
.ov-page *, .ov-page *::before,.ov-page *::after{box-sizing:border-box}
.ov-page .ov-eyebrow{display:block;color:#c6a474;font:12px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.08em}
html:lang(zh-HK) .ov-page .ov-eyebrow,html:lang(zh-CN) .ov-page .ov-eyebrow{font-family:inherit;font-size:13px;font-weight:500;letter-spacing:0}
html:lang(zh-HK) .ov-page .ov-spec-label,html:lang(zh-CN) .ov-page .ov-spec-label{letter-spacing:0}
.ov-page .ov-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center;padding-block:64px 58px}
.ov-page .ov-hero-copy{min-width:0}
.ov-page .ov-hero h1{font-size:clamp(35px,3.6vw,55px);line-height:1.25;font-weight:600;letter-spacing:-.035em;margin:17px 0 23px;color:#f1ebe3}
.ov-page .ov-statement{font-size:clamp(24px,2.1vw,32px);line-height:1.5;font-weight:500;letter-spacing:-.02em;color:#e5c397;margin:0 0 19px}
.ov-page .ov-intro{max-width:34em;margin:0;color:var(--ov-muted);font-size:16px;line-height:1.85}
.ov-page .ov-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:28px}
.ov-page .ov-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:12px 19px;border:1px solid #d2ad77;border-radius:5px;background:#d2ad77;color:#252019;font-size:15px;line-height:1.5;font-weight:600}
.ov-page .ov-primary:hover{background:#e4bf87;border-color:#e4bf87}
.ov-page .ov-text-link{display:inline-flex;align-items:center;gap:13px;min-height:44px;color:#cfb38d;font-size:14px;line-height:1.5}
.ov-page .ov-text-link:hover{color:#f2d1a2}
.ov-page .ov-product{min-width:0;margin:0}
.ov-page .ov-product-image{overflow:hidden;border:1px solid #ffffff15;border-radius:10px;background:#191816}
.ov-page .ov-product img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}
.ov-page .ov-product figcaption{padding:13px 0 0;color:#b8afa2;font-size:12px;line-height:1.65}
.ov-page .ov-product-principles{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:23px;padding-top:18px;border-top:1px solid var(--ov-line);color:#d3bc99;font-size:13px;line-height:1.6}
.ov-page .ov-product-principles i{flex:1;height:1px;background:#b99a6b30}
.ov-page .ov-section{padding-block:48px 54px}
.ov-page .ov-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:28px}
.ov-page .ov-section-head>div{min-width:0}
.ov-page .ov-section-head h2{font-size:clamp(26px,2.6vw,36px);line-height:1.4;letter-spacing:-.025em;font-weight:550;color:var(--ov-cream);margin:12px 0 0}
.ov-page .ov-section-head>p{max-width:30em;color:var(--ov-muted);font-size:15px;line-height:1.85;margin:0}
.ov-page .ov-config{border-top:1px solid var(--ov-line)}
.ov-page .ov-config-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--ov-line);border-radius:8px;background:#272622;overflow:hidden}
.ov-page .ov-spec{display:flex;flex-direction:column;min-width:0;padding:25px 30px 26px;border-right:1px solid var(--ov-line)}
.ov-page .ov-spec:last-child{border-right:0}
.ov-page .ov-spec-label{font-size:12px;line-height:1.5;color:#c4b092;letter-spacing:.04em}
.ov-page .ov-spec h3{font-size:clamp(25px,2.6vw,35px);line-height:1.35;font-weight:550;letter-spacing:-.025em;color:#ead7b9;margin:15px 0 8px}
.ov-page .ov-spec p{font-size:14px;line-height:1.75;color:#c4bcae;margin:0}
.ov-page .ov-spec>p{margin-bottom:22px}
.ov-page .ov-interface-figure{width:100%;max-width:360px;min-width:0;align-self:center;margin:auto 0 0}
.ov-page .ov-interface-stage{width:100%;aspect-ratio:18/11;overflow:hidden;border:1px solid #d1ad7838;border-radius:7px;background:radial-gradient(ellipse at 50% 70%,#c6a3750b,transparent 68%),#1d1e1a}
.ov-page .ov-interface-svg{display:block;width:100%;height:100%;max-width:100%;color:#c9ad81}
.ov-page .ov-interface-svg text{font-family:inherit;fill:#e8d1ad;letter-spacing:0}
.ov-page .ov-interface-svg .ov-interface-brand{font-size:12px;font-weight:650;letter-spacing:.08em;fill:#f0e2cc}
.ov-page .ov-interface-svg .ov-interface-option-label{font-size:10px;fill:#e7c18d;letter-spacing:.07em}
.ov-page .ov-interface-svg .ov-interface-or{font-size:17px;font-weight:600;fill:#d1b286}
.ov-page .ov-interface-svg .ov-interface-type{font-size:19px;font-weight:600;fill:#e9d6b8}
.ov-page .ov-interface-top,.ov-page .ov-interface-front{stroke:#a8936f}
.ov-page .ov-interface-side{fill:#232720;stroke:#a8936f}
.ov-page .ov-interface-shadow{fill:#0007;stroke:none}
.ov-page .ov-interface-accent{stroke:#e3af6e;stroke-width:2.5}
.ov-page .ov-interface-screw{fill:#b6a789;stroke:none}
.ov-page .ov-interface-rim{fill:#3c3b31;stroke:#ccb38a;stroke-width:1.5}
.ov-page .ov-interface-socket{fill:#141814;stroke:#ab9369;stroke-width:1.2}
.ov-page .ov-interface-pins{fill:none;stroke:#e3c48b;stroke-width:1.2}
.ov-page .ov-interface-option-bay{fill:#161b16;stroke:#c4a777;stroke-dasharray:3 3}
.ov-page .ov-interface-guide{stroke:#ad936a;stroke-dasharray:4 5;opacity:.8}
.ov-page .ov-interface-figure figcaption{min-height:3.3em;margin:0;padding:11px 1px 0;color:#c6b79d;font-size:12px;line-height:1.65}
.ov-page .ov-process{background:#1e1e1c;border-block:1px solid #ffffff0e}
.ov-page .ov-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:34px}
.ov-page .ov-steps li{display:flex;align-items:flex-start;gap:20px;min-width:0;padding-top:23px;border-top:1px solid #c7a16a59}
.ov-page .ov-step-number{flex:none;font:25px/1.4 ui-monospace,Consolas,monospace;color:#c4a06b;letter-spacing:-.04em}
.ov-page .ov-steps h3{font-size:19px;line-height:1.6;font-weight:550;color:#e7dccb;margin:0 0 9px}
.ov-page .ov-steps p{color:var(--ov-muted);font-size:15px;line-height:1.85;margin:0}
.ov-page .ov-term-list{margin:0;padding:0}
.ov-page .ov-term-list>div{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);gap:34px;padding:22px 0;border-top:1px solid #ffffff14}
.ov-page .ov-term-list dt{color:#dbc29e;font-size:17px;line-height:1.7;font-weight:550}
.ov-page .ov-term-list dd{margin:0;color:var(--ov-muted);font-size:15px;line-height:1.85;max-width:68em}
.ov-page .ov-export-note{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);gap:34px;margin-top:15px;padding:23px 26px;border:1px solid var(--ov-line);border-left:3px solid #b79765;border-radius:0 6px 6px 0;background:#b7976507}
.ov-page .ov-export-note h3{font-size:17px;line-height:1.7;font-weight:550;color:#dbc29e;margin:0}
.ov-page .ov-export-note p{color:#c9c0b1;font-size:14px;line-height:1.85;margin:0}
.ov-page .ov-enquiry{border-top:1px solid var(--ov-line);padding-block:54px 76px;scroll-margin-top:110px}
.ov-page .ov-enquiry-grid{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:clamp(35px,5vw,72px);align-items:start}
.ov-page .ov-enquiry-copy{padding-top:14px;min-width:0}
.ov-page .ov-enquiry-copy h2{color:#eee5d8;font-size:clamp(28px,3vw,40px);line-height:1.4;font-weight:550;letter-spacing:-.03em;margin:16px 0 20px}
.ov-page .ov-enquiry-copy p{font-size:16px;line-height:1.85;color:var(--ov-muted);max-width:28em;margin:0}
.ov-page .ov-form-shell{min-width:0}
.ov-page .ov-form-shell .mp-form{margin:0;border-color:#d1ad7838;background:#282724;border-radius:10px;padding:29px;gap:22px}
.ov-page .ov-form-shell .mp-form-heading{color:#e5cfaf}
.ov-page .ov-form-shell .mp-form label{color:#d9d0c2;font-size:14px;line-height:1.7}
.ov-page .ov-form-shell .mp-form input,.ov-page .ov-form-shell .mp-form select,.ov-page .ov-form-shell .mp-form textarea{font-size:16px}
.ov-page .ov-form-shell .mp-form .mp-form-note,.ov-page .ov-form-shell .mp-form small{color:#bfb5a7;font-size:13px;line-height:1.8}
.ov-page .ov-form-shell .mp-form button[type="submit"]{background:#d2ad77;border-color:#d2ad77;color:#252019;min-height:48px}
.ov-page :is(a,input,select,textarea,button):focus-visible{outline:2px solid #e6ba81;outline-offset:4px}
@media(max-width:1100px){
 .ov-page .ov-hero{gap:32px;padding-block:45px}
 .ov-page .ov-spec{padding:23px}
 .ov-page .ov-steps{gap:23px}.ov-page .ov-steps li{gap:13px}
 .ov-page .ov-section-head>p{max-width:24em}
 .ov-page .ov-enquiry-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:32px}
}
@media(max-width:900px){
 .ov-page .ov-hero{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:40px}
 .ov-page .ov-hero-copy{max-width:680px}.ov-page .ov-intro{max-width:42em}
 .ov-page .ov-product-principles{max-width:660px}
 .ov-page .ov-section-head{display:block}.ov-page .ov-section-head>p{max-width:48em;margin-top:16px}
 .ov-page .ov-enquiry-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 .ov-page .ov-enquiry-copy{padding:0}.ov-page .ov-enquiry-copy p{max-width:44em}
}
@media(max-width:760px){
 .ov-page .ov-hero h1{font-size:38px;margin-block:14px 18px}
 .ov-page .ov-statement{font-size:26px}.ov-page .ov-intro{font-size:15px}
 .ov-page .ov-actions{gap:10px 20px;margin-top:23px}.ov-page .ov-primary{font-size:14px}
 .ov-page .ov-product-image{border-radius:7px}.ov-page .ov-product figcaption{font-size:12px}
 .ov-page .ov-product-principles{gap:10px;font-size:12px;margin-top:17px;padding-top:15px}
 .ov-page .ov-section{padding-block:34px 39px}.ov-page .ov-section-head{margin-bottom:23px}
 .ov-page .ov-section-head h2{font-size:28px}.ov-page .ov-eyebrow{font-size:11px}
 html:lang(zh-HK) .ov-page .ov-eyebrow,html:lang(zh-CN) .ov-page .ov-eyebrow{font-size:12px}
 .ov-page .ov-config-strip{grid-template-columns:minmax(0,1fr)}
 .ov-page .ov-spec{position:relative;border-right:0;border-bottom:1px solid var(--ov-line);padding:21px 23px}
 .ov-page .ov-spec:last-child{border-bottom:0}.ov-page .ov-spec h3{font-size:29px;margin-top:9px}
 .ov-page .ov-interface-figure{margin-left:auto;margin-right:auto}
 .ov-page .ov-steps{grid-template-columns:minmax(0,1fr);gap:22px}.ov-page .ov-steps li{gap:20px;padding-top:19px}
 .ov-page .ov-term-list>div,.ov-page .ov-export-note{grid-template-columns:minmax(0,1fr);gap:9px}
 .ov-page .ov-term-list>div{padding-block:19px}.ov-page .ov-export-note{margin-top:12px;padding:21px}
 .ov-page .ov-enquiry{padding-bottom:48px;scroll-margin-top:105px}
 .ov-page .ov-enquiry-copy h2{font-size:32px;margin-bottom:15px}
 .ov-page .ov-form-shell .mp-form{grid-template-columns:minmax(0,1fr);padding:22px 19px;gap:20px}
}
@media(max-width:600px){.ov-page .ov-enquiry{scroll-margin-top:155px}}
@media(max-width:390px){
 .ov-page .ov-hero h1{font-size:33px}.ov-page .ov-statement{font-size:23px}
 .ov-page .ov-product-principles i{display:none}.ov-page .ov-product-principles{justify-content:flex-start;gap:20px}
}