.rattan-oem-v2{--oem-green:#073c34;--oem-green-2:#0c4a40;--oem-ink:#103b47;--oem-orange:#ef8a2c;--oem-sand:#f7f0e6;--oem-line:#dbc9b4;--oem-muted:#5d6f70;color:var(--oem-ink);background:#fff;overflow:hidden}.rattan-oem-v2 [id="product-image"],.rattan-oem-v2 [id="reference-design"],.rattan-oem-v2 [id="physical-sample"]{scroll-margin-top:120px}
.rattan-oem-v2 *{box-sizing:border-box}.rattan-oem-v2 h1,.rattan-oem-v2 h2,.rattan-oem-v2 h3,.rattan-oem-v2 p{margin-top:0}.rattan-oem-v2 .oem-v2-wrap{width:min(1280px,calc(100% - 64px));margin:0 auto}.rattan-oem-v2 .oem-v2-eyebrow{margin:0 0 12px;color:var(--oem-orange);font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.rattan-oem-v2 h2{font-size:clamp(34px,3.2vw,52px);line-height:1.04;letter-spacing:-.04em;color:var(--oem-ink);margin-bottom:18px}.rattan-oem-v2 p{font-size:16px;line-height:1.65}.oem-v2-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 22px;border:1px solid var(--oem-orange);background:var(--oem-orange);color:#fff;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.02em;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.oem-v2-button span{font-size:18px;line-height:1;transition:transform .25s ease}.oem-v2-button:hover,.oem-v2-button:focus-visible{transform:translateY(-3px);box-shadow:0 12px 24px #092c2826}.oem-v2-button:hover span,.oem-v2-button:focus-visible span{transform:translateX(4px)}
.oem-v2-hero{position:relative;isolation:isolate;overflow:hidden;padding:72px 0 28px;background:linear-gradient(110deg,#06362fef,#0a453be8 57%,#214b40dd),var(--oem-v2-bg,linear-gradient(145deg,#073c34,#0b4a40));color:#fff}.oem-v2-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(135deg,transparent 0 46px,#f4bb7a14 47px 49px),radial-gradient(circle at 86% 20%,#ec8b2d55,transparent 26%);pointer-events:none}.oem-v2-hero:after{content:"";position:absolute;z-index:-1;right:-14%;bottom:-55%;width:66%;height:110%;border:1px solid #f0b77c55;border-radius:50%;transform:rotate(-14deg);pointer-events:none}.oem-v2-hero-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(540px,1.18fr);align-items:center;gap:64px}.oem-v2-hero h1{margin:7px 0 18px;color:#fff;font-size:clamp(46px,5vw,76px);line-height:1.01;letter-spacing:-.05em}.oem-v2-hero h1 span{color:#fff}.oem-v2-hero .oem-v2-lead{max-width:560px;color:#e5efea;font-size:17px}.oem-v2-hero-copy .oem-v2-button{margin-top:16px}.oem-v2-hero-media,.oem-v2-image-frame{position:relative;margin:0;padding:9px;background:#fff;box-shadow:20px 20px 0 var(--oem-orange)}.oem-v2-hero-media{transform:rotate(1deg)}.oem-v2-hero-media img,.oem-v2-image-frame img{display:block;width:100%;height:370px;object-fit:cover}.oem-v2-frame{position:absolute;inset:18px;border:1px solid #fff8;z-index:1;pointer-events:none}.oem-v2-hero-media figcaption,.oem-v2-image-frame figcaption{position:absolute;z-index:2;right:-2px;top:55px;padding:12px 14px;background:#074038;color:#f8eee4;font-size:9px;line-height:1.7;letter-spacing:.16em;text-align:right}.oem-v2-points{display:flex;gap:48px;margin-top:42px;color:#f7f0e6}.oem-v2-points span{display:flex;align-items:center;gap:9px;font-size:12px}.oem-v2-points i{display:inline-block;width:22px;height:22px;border:1px solid var(--oem-orange);border-radius:50%;position:relative}.oem-v2-points i:after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--oem-orange)}
.oem-v2-inputs{position:relative;padding:78px 0;background:var(--oem-sand)}.oem-v2-inputs:after{content:"";position:absolute;right:-6%;top:-8%;width:360px;height:360px;border:1px solid #d1b99d55;border-radius:50%;pointer-events:none}.oem-v2-input-grid{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.5fr);gap:56px;align-items:center}.oem-v2-input-intro h2{font-size:clamp(36px,3.5vw,56px)}.oem-v2-input-intro p:not(.oem-v2-eyebrow){max-width:410px;color:#496568}.oem-v2-input-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.oem-v2-input-card{position:relative;padding:22px 18px 18px;background:#fff;box-shadow:0 14px 30px #143c3712;transition:transform .25s ease,box-shadow .25s ease}.oem-v2-input-card:hover,.oem-v2-input-card:focus-within{transform:translateY(-5px);box-shadow:0 20px 34px #143c3724}.oem-v2-card-number{display:block;color:var(--oem-orange);font-size:12px;font-weight:800;letter-spacing:.12em}.oem-v2-input-card h3{margin:8px 0 9px;font-size:20px;color:var(--oem-ink)}.oem-v2-input-card p{min-height:74px;margin-bottom:15px;color:var(--oem-muted);font-size:14px;line-height:1.5}.oem-v2-input-card figure{margin:0;overflow:hidden}.oem-v2-input-card img{display:block;width:100%;height:136px;object-fit:cover;transition:transform .35s ease}.oem-v2-input-card:hover img{transform:scale(1.03)}
.oem-v2-flow{position:relative;isolation:isolate;padding:80px 0 86px;background:var(--oem-green);color:#fff;overflow:hidden}.oem-v2-flow:after{content:"";position:absolute;z-index:-1;right:-5%;top:4%;width:370px;height:86%;background:repeating-linear-gradient(45deg,transparent 0 28px,#e7ba7f12 29px 31px);opacity:.8;transform:skewY(-10deg);pointer-events:none}.oem-v2-section-head{display:flex;align-items:end;justify-content:space-between;gap:48px}.oem-v2-section-head h2{color:#fff}.oem-v2-section-head>p{max-width:400px;color:#d6e3de}.oem-v2-step-flow{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px;margin-top:52px}.oem-v2-flow-lines{position:absolute;z-index:0;left:0;top:0;width:100%;height:80px;overflow:visible}.oem-v2-flow-lines path{fill:none;stroke:#d99a57;stroke-width:2;stroke-dasharray:900;stroke-dashoffset:900;transition:stroke-dashoffset 1.2s ease}.oem-v2-flow.is-visible .oem-v2-flow-lines path{stroke-dashoffset:0}.oem-v2-step{position:relative;z-index:1}.oem-v2-step-node{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:20px;border:2px solid var(--oem-orange);border-radius:50%;background:var(--oem-green);color:#fff;font-size:16px;font-weight:800;letter-spacing:.04em;transition:box-shadow .25s ease,background .25s ease}.oem-v2-step:hover .oem-v2-step-node{background:var(--oem-orange);box-shadow:0 0 0 7px #ec8a2c28}.oem-v2-step h3{max-width:170px;margin-bottom:10px;color:#fff;font-size:18px;line-height:1.2}.oem-v2-step p{max-width:170px;margin:0;color:#c5d8d1;font-size:14px;line-height:1.5}
.oem-v2-review{padding:86px 0;background:#fff}.oem-v2-split{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:76px;align-items:center}.oem-v2-image-frame{box-shadow:20px 20px 0 var(--oem-orange)}.oem-v2-image-frame img{height:390px}.oem-v2-review-copy h2{font-size:clamp(36px,3.4vw,56px)}.oem-v2-review-copy>p:not(.oem-v2-eyebrow){color:#526b6d}.oem-v2-feature-list{margin-top:28px;border-top:1px solid var(--oem-line)}.oem-v2-feature-list>div{display:grid;grid-template-columns:28px 180px minmax(0,1fr);gap:13px;align-items:center;padding:16px 0;border-bottom:1px solid var(--oem-line)}.oem-v2-feature-list span{color:var(--oem-orange);font-size:19px}.oem-v2-feature-list b{font-size:14px;color:var(--oem-ink)}.oem-v2-feature-list p{margin:0;color:#667878;font-size:13px;line-height:1.45}
.oem-v2-buyers{position:relative;padding:76px 0;background:var(--oem-sand);overflow:hidden}.oem-v2-buyers:after{content:"";position:absolute;right:5%;bottom:-44px;width:170px;height:270px;border:2px solid #bd9a7655;border-radius:50% 50% 0 0;transform:rotate(22deg);pointer-events:none}.oem-v2-buyer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:24px}.oem-v2-buyer{display:flex;gap:16px;align-items:flex-start;padding-top:24px;border-top:1px solid #cdbda9}.oem-v2-buyer-icon{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:var(--oem-orange);color:#fff;font-size:21px}.oem-v2-buyer h3{margin:3px 0 8px;font-size:18px;color:var(--oem-ink)}.oem-v2-buyer p{margin:0;color:#607274;font-size:14px;line-height:1.5}
.oem-v2-scope{padding:80px 0;background:#fff}.oem-v2-scope h2{margin-bottom:28px}.oem-v2-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.oem-v2-scope-card{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(0,1.15fr);min-height:190px;background:#fff;border:1px solid #eadfd1;box-shadow:0 15px 30px #143c3712;color:inherit;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.oem-v2-scope-card:hover,.oem-v2-scope-card:focus-visible{transform:translateY(-5px);box-shadow:0 21px 34px #143c3724}.oem-v2-scope-card figure{margin:0;overflow:hidden}.oem-v2-scope-card img{display:block;width:100%;height:100%;min-height:190px;object-fit:cover;transition:transform .35s ease}.oem-v2-scope-card:hover img{transform:scale(1.03)}.oem-v2-scope-card>div{padding:26px 24px}.oem-v2-scope-card h3{margin-bottom:10px;color:var(--oem-ink);font-size:20px}.oem-v2-scope-card p{margin-bottom:18px;color:#607274;font-size:14px;line-height:1.5}.oem-v2-scope-card span{color:var(--oem-orange);font-size:13px;font-weight:800}.oem-v2-scope-card span b{display:inline-block;margin-left:8px;font-size:17px;transition:transform .25s ease}.oem-v2-scope-card:hover span b{transform:translateX(4px)}
.oem-v2-cta{position:relative;isolation:isolate;overflow:hidden;padding:72px 0;background:linear-gradient(110deg,#b66b2c,#e08c35);color:#fff}.oem-v2-cta:before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(135deg,transparent 0 38px,#fff2 39px 41px);opacity:.25;pointer-events:none}.oem-v2-cta:after{content:"";position:absolute;z-index:-1;left:-100px;top:-90px;width:300px;height:300px;border:1px solid #fff7;border-radius:50%;pointer-events:none}.oem-v2-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.oem-v2-cta h2{color:#fff;margin-bottom:10px}.oem-v2-cta p:not(.oem-v2-eyebrow){margin-bottom:0;color:#fff8ee}.oem-v2-cta .oem-v2-eyebrow{color:#fff1dd}.oem-v2-cta-actions{display:flex;gap:12px;flex:0 0 auto}.oem-v2-button-dark{background:var(--oem-green);border-color:var(--oem-green)}.oem-v2-button-outline{background:transparent;border-color:#fff;color:#fff}
.oem-v2-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.oem-v2-reveal.is-visible{opacity:1;transform:none}.oem-v2-hero-copy.oem-v2-reveal{transition-delay:.08s}.oem-v2-hero-media.oem-v2-reveal{transition-delay:.16s}.oem-v2-media-fallback{min-height:180px;background:linear-gradient(135deg,#d9c8b4,#9e7957)}
@media(max-width:1100px){.rattan-oem-v2 .oem-v2-wrap{width:min(960px,calc(100% - 48px))}.oem-v2-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:42px}.oem-v2-hero-media img{height:320px}.oem-v2-input-grid{gap:32px}.oem-v2-input-cards{gap:14px}.oem-v2-step-flow{gap:18px}.oem-v2-split{gap:48px}}
@media(max-width:800px){.oem-v2-hero-grid,.oem-v2-input-grid,.oem-v2-split{grid-template-columns:1fr}.oem-v2-hero-copy{max-width:620px}.oem-v2-hero-media{max-width:700px}.oem-v2-input-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.oem-v2-step-flow{grid-template-columns:1fr;gap:0;margin-top:38px;padding-left:32px}.oem-v2-flow-lines{left:59px;top:0;width:2px;height:100%;overflow:visible}.oem-v2-step{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:20px;padding-bottom:28px}.oem-v2-step-node{grid-row:span 2;margin:0}.oem-v2-step h3,.oem-v2-step p{max-width:none}.oem-v2-step h3{align-self:end;margin:0 0 6px}.oem-v2-step p{align-self:start}.oem-v2-image-frame img{height:330px}.oem-v2-buyer-grid{gap:18px}.oem-v2-scope-card{grid-template-columns:1fr}.oem-v2-scope-card img{height:190px}.oem-v2-scope-card>div{padding:22px}.oem-v2-cta-inner{align-items:flex-start;flex-direction:column}.oem-v2-cta-actions{width:100%}}
@media(max-width:560px){.rattan-oem-v2 .oem-v2-wrap{width:calc(100% - 32px)}.oem-v2-hero{padding:52px 0 26px}.oem-v2-hero h1{font-size:43px}.oem-v2-hero .oem-v2-lead{font-size:15px}.oem-v2-hero-media{box-shadow:12px 12px 0 var(--oem-orange)}.oem-v2-hero-media img{height:260px}.oem-v2-points{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 22px;margin-top:32px}.oem-v2-points span{font-size:11px}.oem-v2-inputs,.oem-v2-flow,.oem-v2-review,.oem-v2-buyers,.oem-v2-scope{padding:62px 0}.oem-v2-input-cards,.oem-v2-buyer-grid,.oem-v2-scope-grid{grid-template-columns:1fr}.oem-v2-input-card p{min-height:0}.oem-v2-input-card img{height:180px}.oem-v2-section-head{display:block}.oem-v2-section-head>p{margin-top:16px;font-size:15px}.oem-v2-step-flow{padding-left:0}.oem-v2-flow-lines{left:27px}.oem-v2-step{grid-template-columns:56px minmax(0,1fr);column-gap:18px}.oem-v2-image-frame{box-shadow:10px 10px 0 var(--oem-orange)}.oem-v2-image-frame img{height:250px}.oem-v2-review-copy h2{font-size:36px}.oem-v2-feature-list>div{grid-template-columns:24px 1fr;gap:8px}.oem-v2-feature-list p{grid-column:2}.oem-v2-scope-card{min-height:0}.oem-v2-scope-card img{height:210px}.oem-v2-cta{padding:58px 0}.oem-v2-cta-actions{flex-direction:column}.oem-v2-cta-actions .oem-v2-button{width:100%}}
@media(prefers-reduced-motion:reduce){.rattan-oem-v2 *,.rattan-oem-v2 *:before,.rattan-oem-v2 *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.rattan-oem-v2 .oem-v2-reveal{opacity:1!important;transform:none!important}.rattan-oem-v2 .oem-v2-flow-lines path{stroke-dashoffset:0!important}}
.rattan-oem-v2 .oem-v2-buyers .oem-v2-section-head h2{color:var(--oem-ink)}

.rattan-oem-v2 .oem-v2-flow-lines path{stroke-dasharray:1;stroke-dashoffset:1}
