:root{--platform-shell:min(1440px,calc(100vw - 104px));--p-green:#00a651;--p-paper:#eef1ec;--p-ink:#111512}.platform-shell{width:var(--platform-shell);margin:auto}.platform-dark{background:#080a09;color:#fff}.platform-light{background:var(--p-paper);color:var(--p-ink)}.platform-eyebrow{margin:0 0 18px;color:var(--p-green);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.platform-eyebrow--dark{color:#087c43}.platforms-hero{min-height:88vh;padding:calc(var(--header) + 64px) 0 70px;background:radial-gradient(circle at 74% 33%,rgba(0,166,81,.075),transparent 32%),#080a09}.platforms-hero__grid{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:center;min-height:calc(88vh - var(--header) - 134px)}.platforms-hero h1,.product-copy h2,.compare-heading h2,.configure-grid h2{margin:0;font-family:InterDisplayLocal,InterLocal,Arial,sans-serif;font-weight:620;line-height:.93;letter-spacing:-.06em}.platforms-hero h1{font-size:clamp(62px,5.7vw,96px)}.platform-lede{max-width:610px;color:#bcc4bf;font-size:clamp(18px,1.5vw,23px);line-height:1.55;margin:28px 0 0}.platform-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.platform-button{display:inline-flex;min-height:50px;padding:0 24px;align-items:center;justify-content:center;border:1px solid transparent;font-size:12px;font-weight:760}.platform-button--primary{background:var(--p-green);color:#fff}.platform-button--secondary{border-color:rgba(255,255,255,.34);color:#fff}.platform-media{margin:0;min-height:520px;position:relative;display:flex;align-items:flex-end;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.034),rgba(255,255,255,.012));overflow:hidden}.platform-media:before{content:"";position:absolute;inset:13% 10%;border:1px solid rgba(255,255,255,.06);clip-path:polygon(0 13%,84% 13%,100% 0,100% 100%,14% 100%,0 84%)}.platform-media:after{content:"";position:absolute;left:0;right:0;top:58%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,166,81,.55),transparent)}.platform-media figcaption{position:relative;z-index:2;margin:0 0 20px 20px;width:min(88%,620px);padding:18px 20px;border-left:2px solid var(--p-green);background:rgba(6,8,7,.9)}.platform-media figcaption span{display:block;color:var(--p-green);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.platform-media figcaption strong{display:block;margin-top:6px;font-size:21px}.platform-media figcaption p{margin:7px 0 0;color:#b7beb9;font-size:13px;line-height:1.55}.platform-media figcaption small{display:block;margin-top:7px;color:#848d87;font-size:11px}.platform-media--hero{min-height:580px}.platform-index{position:sticky;top:64px;z-index:30;background:rgba(7,9,8,.97);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.platform-index .platform-shell{display:grid;grid-template-columns:repeat(6,1fr)}.platform-index a{padding:18px;text-align:center;color:#aeb6b1;font-size:12px;font-weight:700;border-right:1px solid rgba(255,255,255,.08)}.platform-index a:hover,.platform-index a:focus-visible{color:#fff;background:rgba(255,255,255,.025)}section[id]{scroll-margin-top:132px}.product-section{padding:112px 0}.product-layout{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:center}.product-layout--reverse .product-copy{order:2}.product-layout--reverse .product-media{order:1}.product-copy h2,.compare-heading h2,.configure-grid h2{font-size:clamp(48px,4.2vw,72px)}.product-copy>p:not(.platform-eyebrow){font-size:17px;line-height:1.72;color:#5b645e}.platform-dark .product-copy>p:not(.platform-eyebrow){color:#b4bcb7}.product-copy dl{margin:34px 0}.product-copy dl div{display:grid;grid-template-columns:170px 1fr;gap:18px;padding:15px 0;border-top:1px solid rgba(17,21,18,.16)}.platform-dark .product-copy dl div{border-color:rgba(255,255,255,.11)}.product-copy dt{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#737c76;font-weight:800}.product-copy dd{margin:0;font-size:14px}.product-copy>a{font-size:13px;font-weight:750}.product-copy>a span{color:var(--p-green)}.platform-media--light{border-color:rgba(17,21,18,.18);background:linear-gradient(145deg,rgba(17,21,18,.035),rgba(17,21,18,.01))}.platform-media--light:before{border-color:rgba(17,21,18,.07)}.platform-media--light figcaption{background:rgba(238,241,236,.94)}.platform-media--light figcaption strong{color:var(--p-ink)}.platform-media--light figcaption p{color:#58615b}.product-media b{position:absolute;right:28px;top:8px;font-size:clamp(78px,9vw,150px);line-height:1;font-weight:850;letter-spacing:-.08em;color:rgba(255,255,255,.055)}.platform-media--light.product-media b{color:rgba(17,21,18,.06)}.compare-section{padding:112px 0}.compare-heading{display:grid;grid-template-columns:6fr 4fr;gap:70px;align-items:end;margin-bottom:44px}.compare-heading>p{margin:0;color:#59615c;font-size:17px;line-height:1.65}.comparison-desktop table{width:100%;border-collapse:collapse;border-top:1px solid rgba(17,21,18,.25);border-bottom:1px solid rgba(17,21,18,.25)}.comparison-desktop th,.comparison-desktop td{padding:18px 16px;border-bottom:1px solid rgba(17,21,18,.12);text-align:left;font-size:13px}.comparison-desktop thead th{font-size:12px;color:#087c43;text-transform:uppercase;letter-spacing:.08em}.comparison-desktop tbody th{width:260px;font-weight:720}.comparison-mobile{display:none}.configure-section{padding:112px 0 118px}.configure-grid{display:grid;grid-template-columns:5fr 7fr;gap:80px}.configure-grid>div>p:not(.platform-eyebrow){color:#b3bbb6;font-size:17px;line-height:1.7;max-width:580px}.configure-grid .platform-button{margin-top:26px}.configure-spine{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.13)}.configure-spine li{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:23px 0;border-bottom:1px solid rgba(255,255,255,.11)}.configure-spine span{color:var(--p-green);font:800 11px/1 ui-monospace,monospace;padding-top:5px}.configure-spine h3{margin:0 0 5px;font-size:20px}.configure-spine p{margin:0;color:#aeb6b1;font-size:14px;line-height:1.55}
@media(max-width:1100px){:root{--platform-shell:min(100% - 56px,1000px)}.platforms-hero__grid{grid-template-columns:1fr 1fr;gap:38px}.product-layout,.configure-grid{gap:46px}.platform-media--hero{min-height:500px}}
@media(max-width:860px){:root{--platform-shell:calc(100vw - 48px)}.platforms-hero{min-height:auto;padding-top:calc(var(--header) + 44px)}.platforms-hero__grid,.product-layout,.compare-heading,.configure-grid{grid-template-columns:1fr}.product-layout--reverse .product-copy,.product-layout--reverse .product-media{order:initial}.platform-index{top:72px}.platform-index .platform-shell{overflow-x:auto;display:flex}.platform-index a{flex:0 0 auto;min-width:120px}.product-section,.compare-section,.configure-section{padding:86px 0}.product-media{min-height:470px}.comparison-desktop{display:none}.comparison-mobile{display:block}.compare-buttons{display:grid;grid-template-columns:1fr 1fr;margin-bottom:20px}.compare-buttons button{min-height:50px;border:1px solid rgba(17,21,18,.15);background:transparent}.compare-buttons button.is-active{background:#111512;color:#fff;box-shadow:inset 3px 0 var(--p-green)}.comparison-mobile article{padding:30px;border-top:1px solid rgba(17,21,18,.2);border-bottom:1px solid rgba(17,21,18,.2)}.comparison-mobile h3{font-size:34px;margin:0}.comparison-mobile ul{padding-left:18px;color:#5b645e}.configure-grid{gap:40px}}
@media(max-width:600px){:root{--platform-shell:calc(100vw - 34px)}.platforms-hero h1{font-size:clamp(48px,13vw,64px)}.platform-actions{flex-direction:column}.platform-button{width:100%}.platform-media--hero{min-height:400px}.platform-media figcaption{margin:0 12px 12px;padding:15px}.product-copy h2,.compare-heading h2,.configure-grid h2{font-size:clamp(40px,11vw,52px)}.product-copy dl div{grid-template-columns:1fr;gap:6px}.product-media{min-height:400px}.compare-heading{gap:24px}.configure-spine li{grid-template-columns:52px 1fr}}
@media(min-width:861px){.platforms-hero h1{font-size:clamp(52.7px,4.845vw,81.6px)}}
.product-media--image:before,.product-media--image:after{display:none}
.product-media--image img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;transform:scale(1.08);transition:transform .5s var(--ease)}
.product-media--image:hover img{transform:scale(1.12)}
.platform-media--video:before,.platform-media--video:after{display:none}
.platform-media--video video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;background:#080a09}