.assembly-color-picker{margin-top:22px}.assembly-color-picker>div:first-child{font-size:13px;color:#607a8b;margin-bottom:12px}#assembly-colors{display:flex;gap:9px;flex-wrap:wrap}#assembly-colors button{border:1px solid #dce4ea;border-radius:50%;width:30px;height:30px;background:#fff;padding:4px;cursor:pointer}#assembly-colors button span{display:block;border-radius:50%;height:100%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0001}#assembly-colors button[aria-pressed=true]{outline:2px solid #008bd1;outline-offset:2px}.principle-section{margin:44px 0 60px}.principle-poster{position:relative;overflow:hidden;border-radius:24px;background:#101b29;min-height:430px;aspect-ratio:16/8}.principle-poster>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.principle-copy{position:relative;z-index:1;color:#fff;padding:7% 5%;width:44%;background:linear-gradient(90deg,#0a1829bf,transparent)}.principle-copy>span{font-size:11px;letter-spacing:2px;color:#b4cbd7}.principle-copy h2{font-size:clamp(27px,3vw,46px);line-height:1.25;color:#fff;margin:24px 0}.principle-copy p{font-size:16px;line-height:1.9;color:#d6e0e5}.principle-stats{display:flex;gap:25px;margin-top:36px}.principle-stats b{font-size:29px;color:#e3c694}.principle-stats small{font-size:12px;margin-left:4px}.principle-demo{display:grid;grid-template-columns:1fr 1.4fr;background:#edf3f5;border-radius:22px;overflow:hidden;margin-top:18px;padding:30px;gap:30px}.principle-steps>button[data-step]{width:100%;text-align:left;display:flex;align-items:center;gap:18px;padding:15px;background:transparent;border:0;border-bottom:1px solid #d5e0e5;color:#6d8291;cursor:pointer}.principle-steps button b{font-size:13px;letter-spacing:2px}.principle-steps button strong{font-size:19px}.principle-steps button[aria-pressed=true]{color:#007ea8;background:#fff;border-radius:10px}.principle-steps p{font-size:14px;line-height:1.9;min-height:54px;color:#5a7281}#principle-play{border:0;background:#142e41;color:#fff;padding:12px 20px;border-radius:22px;cursor:pointer}.principle-scene{background:radial-gradient(ellipse at 70% 40%,#476275,#162e40 70%);border-radius:16px;position:relative;overflow:hidden;min-height:310px}.principle-scene svg{width:100%;height:100%}.flow-label,.demo-caption{position:absolute;left:22px;font-size:11px;letter-spacing:1px;color:#bcd7e7}.flow-label{top:18px}.demo-caption{bottom:16px}.demo-product{transition:transform 1s}.fabric-shape,.wrinkles{transition:all 1.5s}.air-lines,.steam-lines{opacity:0;stroke-dasharray:8 6}.principle-scene[data-phase="1"] .demo-product,.principle-scene[data-phase="2"] .demo-product{transform:translateX(60px)}.principle-scene[data-phase="1"] .air-lines,.principle-scene[data-phase="2"] .air-lines{opacity:1;animation:airflow 1s linear infinite}.principle-scene[data-phase="2"] .steam-lines{opacity:.8;animation:airflow 2s linear infinite reverse}.principle-scene[data-phase="2"] .wrinkles{opacity:0;transform:scaleX(.1);transform-origin:650px 180px}.principle-scene[data-phase="2"] .fabric-shape{d:path('M455 30 Q447 95 455 155 T455 330 L650 330 L650 30Z')}.principle-note{font-size:12px;color:#7b8e9a;line-height:1.8;margin:15px 6px}@keyframes airflow{to{stroke-dashoffset:28}}@media(max-width:700px){.principle-poster{aspect-ratio:auto;min-height:580px}.principle-poster>img{object-position:63% center}.principle-copy{width:100%;padding:30px 24px;background:linear-gradient(#081725ed,transparent)}.principle-copy h2{max-width:290px}.principle-copy p{max-width:260px}.principle-stats{margin-top:20px}.principle-demo{grid-template-columns:1fr;padding:16px;gap:12px}.principle-scene{min-height:250px}.principle-steps p{min-height:0}.principle-copy>span{font-size:9px}}@media(prefers-reduced-motion:reduce){.air-lines,.steam-lines{animation:none!important}*{scroll-behavior:auto}.demo-product,.wrinkles,.fabric-shape{transition:none}}
.principle-poster:after{content:"";position:absolute;right:37%;top:18%;width:17%;height:26%;border-radius:50%;background:radial-gradient(ellipse,#ecf8ff55,transparent 67%);filter:blur(13px);pointer-events:none}.principle-scene .demo-product{mix-blend-mode:screen}