/* Current PKONE range: EX2, Lightshow, Switch, LED. */
.platform-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center;padding:78px max(32px,calc((100% - 1240px)/2)) 82px;background:radial-gradient(ellipse at 4% 5%,#6C4AB6b8,transparent 62%),#fafaf6;color:#253338;min-height:610px;overflow:hidden}
.platform-label,.range-kicker{font-size:11px;letter-spacing:.13em;font-weight:750;margin-bottom:20px}
.platform-intro h1{font-size:clamp(44px,4.5vw,68px);line-height:1.03;letter-spacing:-.055em;margin-bottom:28px}
.platform-intro h1 span{color:#253338}
.platform-lead{max-width:460px;font-size:19px;line-height:1.65;margin-bottom:30px}
.platform-actions{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
.platform-actions .button,.platform-range .button,.range-card .button{background:#253338;color:#fff}
.platform-text-link{font-size:13px;font-weight:650;text-underline-offset:5px}
.platform-intro-art{position:relative;text-align:center;padding:50px 0 20px;min-width:0}
.platform-intro-art:before{content:"";position:absolute;inset:25% 10% 5%;background:radial-gradient(ellipse,#6C4AB680,transparent 65%);filter:blur(20px)}
.platform-intro-art img{position:relative;width:100%;height:auto;filter:drop-shadow(0 30px 20px #25333835);transform:rotate(-7deg)}
.platform-intro-art > span{display:block;position:relative;margin-top:58px;font-size:10px;font-weight:650;letter-spacing:.15em;color:#626a69}
.platform-range{padding-block:80px 88px;scroll-margin-top:24px}
.platform-range h2{font-size:clamp(34px,3.5vw,48px)}
.range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.range-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dce0df;border-radius:16px;overflow:hidden;color:#253338}
.range-image{background:#f1f2ed;display:flex;align-items:center;justify-content:center;height:266px;min-height:266px;flex:0 0 266px;padding:38px 32px}
.range-card:first-child .range-image{background:linear-gradient(140deg,#6C4AB670,#f4f4ed 75%)}
.range-image img{width:100%;height:190px;object-fit:contain;transition:transform .2s}
.range-image:hover img{transform:translateY(-4px)}
.range-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:28px 32px 32px}
.range-copy .range-kicker{font-size:10px;margin-bottom:10px;color:#68716e}
.range-copy h3{font-size:32px;margin-bottom:14px}
.range-copy>p:not(.range-kicker){font-size:15px;color:#56615d;max-width:440px;margin-bottom:24px}
.range-copy .button{margin-top:auto}
.platform-explainer{background:#253338;color:#fff;padding-block:64px}
.platform-explainer h2{font-size:clamp(32px,3.5vw,48px)}
.platform-explainer .range-kicker{color:#faed38}
.platform-explainer p:not(.range-kicker){max-width:670px;color:#dde2e0;font-size:17px}
.platform-explainer .button{background:#faed38;color:#253338}
@media(max-width:760px){.platform-intro{grid-template-columns:1fr;padding:54px 24px 38px;gap:10px;min-height:0}.platform-intro h1{font-size:48px}.platform-lead{font-size:17px}.platform-intro-art{padding:35px 10px 10px}.platform-intro-art > span{margin-top:40px;font-size:9px}.platform-range{padding-block:48px}.range-grid{grid-template-columns:1fr;gap:22px}.range-image{height:210px;min-height:210px;flex-basis:210px;padding:26px}.range-image img{height:155px}.range-copy{padding:24px}.range-copy h3{font-size:28px}.platform-explainer{padding-block:44px}}
@media(prefers-reduced-motion:reduce){.range-image img{transition:none}}

/* Neutral gradient for homepage product cards. */
.home-page .range-card:first-child .range-image{background:linear-gradient(140deg,#25333840,#f4f4ed 75%)}