@font-face{font-family:'Uncut Sans';src:url('/fonts/UncutSans-Variable.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
.fps-root{position:relative;isolation:isolate;width:100%;height:clamp(370px,32vw,480px);overflow:hidden;background:#0b0b0c;color:#f2f2f2;font-family:'Uncut Sans',Arial,sans-serif}
.fluid-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.fps-panel{position:relative;z-index:2;width:44%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:24px 0 65px clamp(26px,4.5vw,76px);pointer-events:none}
.fps-panel button{pointer-events:auto}
.fps-launch-badge{font-size:9px;letter-spacing:.18em;color:#a5a5a8}
.fps-launch h2{font-family:'Uncut Sans',Arial,sans-serif;font-size:clamp(42px,5vw,72px);font-weight:650;line-height:.96;letter-spacing:-.055em;margin:18px 0 13px}
.fps-health .fps-launch h2{font-size:clamp(35px,4.4vw,62px);max-width:6.5em}
.fps-product-name{font-size:13px;letter-spacing:.01em;color:#a4a4aa;margin:0}
.fps-selectors{display:flex;flex-direction:column;gap:13px;margin-top:22px}
.fps-handle-tabs{display:flex;gap:7px;flex-wrap:wrap}
.fps-handle-tabs button{font:10px 'Uncut Sans',Arial,sans-serif;color:#9a9aa0;padding:8px 10px;border:1px solid #ffffff20;border-radius:3px;min-height:36px}
.fps-handle-tabs button[aria-pressed=true]{color:#fff;border-color:#ffffff70;background:#ffffff09}
.fps-finish-options{display:flex;gap:17px;height:32px}
.fps-finish-options button{display:flex;align-items:center;gap:7px;font:11px 'Uncut Sans',Arial,sans-serif;color:#999;min-height:32px}
.fps-finish-options button[aria-pressed=true]{color:white}
.fps-finish-options i{display:block;border-radius:50%;width:12px;height:12px;border:1px solid #999;box-shadow:0 0 0 3px #ffffff00}
.fps-finish-options button[aria-pressed=true] i{box-shadow:0 0 0 3px #ffffff20}
.fps-swatch-white{background:#f3f3f3}.fps-swatch-black{background:#141414}
.fps-launch-cta{display:flex;align-items:center;gap:44px;align-self:flex-start;margin-top:16px;font:12px 'Uncut Sans',Arial,sans-serif;border-bottom:1px solid #ffffff65;min-height:35px}
.fps-stage{position:absolute;right:1%;top:1%;height:92%;width:58%;z-index:1}


.fps-product-wrap{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center;outline-offset:-8px}
.fps-product-img{position:absolute;width:91%;height:99%;object-fit:contain;filter:drop-shadow(0 24px 22px #0009);pointer-events:none;transition:transform .6s,opacity .5s}
.fps-health .fps-product-img{width:90%;height:110%;bottom:-1%}
.fps-product-img.fps-in{opacity:1;transform:translateY(0)}
.fps-product-img.fps-pending{opacity:0;transform:translateY(16px);transition:none}
.fps-product-img.fps-exit{opacity:0;transform:translateY(-12px)}
.fps-shadow{position:absolute;bottom:7%;left:20%;right:15%;height:7%;border-radius:50%;background:#0007;filter:blur(17px);transform:scaleY(.45)}
.fps-slot-tabs{position:absolute;bottom:20px;left:clamp(26px,4.5vw,76px);display:flex;gap:21px;z-index:3}
.fps-slot-tabs button{min-height:30px;font:10px 'Uncut Sans',Arial,sans-serif;letter-spacing:.04em;color:#8b8b90;border-bottom:1px solid transparent}
.fps-slot-tabs button[aria-pressed=true]{color:white;border-color:#aaa}
.fps-root button:hover{color:#fff}.fps-root button:focus-visible{outline:2px solid white;outline-offset:4px}
@media(max-width:768px){
.fps-root{height:570px}.fps-panel{position:absolute;left:0;bottom:40px;height:auto;width:100%;padding:0 23px;justify-content:flex-end;pointer-events:none}
.fps-launch{position:absolute;bottom:365px;left:23px;right:23px}.fps-launch h2,.fps-health .fps-launch h2{font-size:42px;margin:12px 0 9px;max-width:none}.fps-launch-badge{font-size:8px}.fps-product-name{font-size:11px}
.fps-stage{top:94px;right:1%;width:98%;height:290px}.fps-product-img{height:108%;width:94%}.fps-health .fps-product-img{height:114%;width:92%}
.fps-selectors{margin-top:0;gap:9px}.fps-handle-tabs{gap:6px}.fps-handle-tabs button{font-size:10px;padding:8px 9px;min-height:34px}.fps-launch-cta{margin-top:6px;font-size:11px;min-height:31px}.fps-slot-tabs{left:23px;bottom:11px;gap:20px}.fps-finish-options{height:29px}
}
@media(max-width:360px){.fps-root{height:560px}.fps-launch h2,.fps-health .fps-launch h2{font-size:38px}.fps-panel{padding:0 17px}.fps-launch{left:17px;bottom:354px}.fps-handle-tabs button{font-size:9px;padding:7px 8px}.fps-slot-tabs{left:17px}.fps-stage{height:270px}}
@media(prefers-reduced-motion:reduce){.fps-product-img{transition:none}}

@media(max-width:768px){.fps-health .fps-stage{top:128px;height:250px}.fps-health .fps-product-img{height:98%;width:88%;bottom:0}}

/* Anchor title and controls to the banner, independently of selector height. */
@media(max-width:768px){
  .fps-panel{position:static;width:100%;height:100%;padding:0}
  .fps-launch{top:24px;bottom:auto;left:23px;right:23px}
  .fps-selectors{position:absolute;bottom:83px;left:23px;right:20px}
  .fps-launch-cta{position:absolute;bottom:44px;left:23px;margin:0}
}
@media(max-width:360px){.fps-launch,.fps-selectors,.fps-launch-cta{left:17px}.fps-launch{right:17px}}
/* Category first, then the product. Finish lives beside the displayed image. */
.fps-root{height:clamp(425px,33vw,485px)}
.fps-panel{padding-bottom:26px}
.fps-launch-badge{color:#c6ae89}
.fps-launch h2{margin:13px 0 9px}
.fps-selectors{gap:14px;margin-top:24px}
.fps-selector-row{display:flex;flex-direction:column;gap:8px}
.fps-row-label{display:block;font:8px 'Uncut Sans',Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#9a9389}
.fps-slot-tabs{position:static;display:flex;gap:8px}
.fps-slot-tabs button,.fps-handle-tabs button{border:1px solid #ffffff22;border-radius:2px;min-height:32px;padding:7px 12px;font:9px 'Uncut Sans',Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#a59e94;background:#0909092b}
.fps-slot-tabs button[aria-pressed=true],.fps-handle-tabs button[aria-pressed=true]{color:#f4eae0;border-color:#a6373b;background:#7c24242b}
.fps-launch-cta{margin-top:18px;border-color:#ba965a70;color:#dbc8ad}
.fps-finish-dock{position:absolute;right:9%;bottom:24px;z-index:3;display:flex;align-items:center;gap:18px;padding:10px 16px;background:#161615cc;border:1px solid #bda77c33;border-radius:5px;backdrop-filter:blur(10px)}
.fps-finish-options{height:auto;gap:16px}
.fps-finish-options button{min-height:28px;font-size:10px;color:#a9a298}
.fps-finish-options i{width:14px;height:14px;border-color:#bfb5a2}
.fps-finish-options button[aria-pressed=true] i{box-shadow:0 0 0 3px #bd9d6338}
.fps-stage{top:0;height:92%}


@media(max-width:768px){
 .fps-root{height:582px}.fps-panel{padding:0}
 .fps-launch{top:23px;left:23px;right:23px}.fps-launch h2,.fps-health .fps-launch h2{font-size:39px;margin:10px 0 7px}
 .fps-stage{top:104px;right:1%;width:98%;height:251px}.fps-product-img{height:100%;width:93%}
 .fps-health .fps-stage{top:125px;height:245px}.fps-health .fps-product-img{height:100%;width:88%}
 .fps-finish-dock{left:23px;right:23px;top:352px;bottom:auto;justify-content:space-between;padding:6px 12px}
 .fps-selectors{bottom:65px;left:23px;right:23px;gap:13px}
 .fps-selector-row{gap:6px}.fps-slot-tabs{gap:7px}.fps-handle-tabs{gap:6px}
 .fps-slot-tabs button,.fps-handle-tabs button{font-size:9px;letter-spacing:.08em;padding:7px 9px;min-height:31px}
 .fps-launch-cta{bottom:21px;left:23px;margin:0;min-height:28px}
}
@media(max-width:360px){
 .fps-root{height:577px}.fps-launch,.fps-selectors,.fps-launch-cta{left:17px;right:17px}
 .fps-finish-dock{left:17px;right:17px}.fps-launch h2,.fps-health .fps-launch h2{font-size:36px}
 .fps-slot-tabs button,.fps-handle-tabs button{font-size:8px;letter-spacing:.07em;padding:7px 8px}
 .fps-stage{top:107px;height:240px}
}
/* A single, left-aligned selection hierarchy inside the monochrome highlight. */
.fps-selectors{gap:12px;margin-top:20px}
.fps-row-label{color:#898b8d}
.fps-slot-tabs button,.fps-handle-tabs button{color:#b0b0b3}
.fps-slot-tabs button[aria-pressed=true],.fps-handle-tabs button[aria-pressed=true]{color:#111314;border-color:#e7e7e5;background:#e7e7e5}
.fps-finish-options{justify-content:flex-start;gap:8px}
.fps-finish-options button{min-height:31px;gap:8px;padding:5px 10px;border:1px solid #ffffff20;border-radius:3px;color:#aeb0b2}
.fps-finish-options button[aria-pressed=true]{border-color:#ffffff88;color:#f0f0ef;background:#ffffff08}
.fps-finish-options i{width:13px;height:13px;border-color:#888b8f}
.fps-finish-options button[aria-pressed=true] i{box-shadow:none}
.fps-launch-cta{color:#e1e2e3;border-color:#ffffff50;margin-top:15px}
.fps-launch-badge{color:#b1b3b6}


@media(max-width:768px){.fps-selectors{bottom:65px;gap:10px;margin:0}.fps-launch-cta{margin:0}.fps-finish-options button{font-size:10px;min-height:29px}.fps-selector-row{gap:6px}.fps-health .fps-selectors{bottom:101px}}

/* Fluid illumination: soft luminous perimeter and a deep graphite centre. */
.fps-root{background:#101112;width:calc(100% - 32px);margin:14px 16px 16px;border-radius:18px;border:1px solid #e8e4db38;box-shadow:0 1px 0 #ffffff0b,inset 0 0 18px #f5ecdf12}
.fps-root .fluid-light{opacity:1;mix-blend-mode:normal}
.fps-panel{background:linear-gradient(90deg,#08090930,transparent)}
.fps-launch-badge{color:#d4c5b2;letter-spacing:.20em}
.fps-launch h2{color:#fffaf1}
.fps-product-name{color:#d6d5d1}
.fps-row-label{color:#b9b7b2}
.fps-slot-tabs button,.fps-handle-tabs button,.fps-finish-options button{background:#0d0e108c;border-color:#c6c4be45;color:#d8d6d1}
.fps-slot-tabs button[aria-pressed=true],.fps-handle-tabs button[aria-pressed=true]{background:#f0e8d9;color:#171323;border-color:#f0e8d9}
.fps-finish-options button[aria-pressed=true]{border-color:#ddd4c2;background:#ffffff0c;color:#fff9ec}
.fps-launch-cta{color:#e2d9c9;border-color:#b5a99880}


.fps-product-img{width:87%;height:94%;filter:drop-shadow(0 22px 15px #02020a80)}
.fps-finish-black .fps-product-img{filter:drop-shadow(0 0 1px #e1e2da7a) drop-shadow(0 20px 15px #02020a80)}
.fps-shadow{bottom:4%;opacity:.35}
@media(max-width:768px){
 .fps-root{background:#101112;width:calc(100% - 20px);margin:10px;border-radius:16px}
 .fps-panel{background:none}.fps-product-img{width:93%;height:100%}
 
}

/* Sculptural scale and a clear editorial hierarchy. */
@media(min-width:769px){
 .fps-hexapro .fps-launch h2{font-size:clamp(56px,7vw,104px);font-weight:700;line-height:.90;letter-spacing:-.065em;margin:14px 0 13px}
 .fps-hexapro .fps-stage{width:63%;right:-2%;height:98%}
 .fps-hexapro .fps-product-img{width:94%;height:98%}
}
@media(max-width:768px){
 .fps-hexapro .fps-launch h2{font-size:44px;font-weight:700;letter-spacing:-.06em}
 .fps-hexapro .fps-product-img{width:100%;height:104%}
}
@media(max-width:360px){.fps-hexapro .fps-launch h2{font-size:40px}}