.tryon-page{--tryon-red:#ef3128;background:#090a09;color:#fff;min-height:100vh}.tryon-page .site-header{color:#fff}.tryon-page .site-header:before{background:rgba(9,10,9,.86)}.tryon-page .tryon-active{border-color:rgba(239,49,40,.7);background:rgba(239,49,40,.12)}.tryon-active span{color:var(--tryon-red);font-size:9px;animation:tryon-pulse 1.5s ease-in-out infinite}.tryon-main{padding-top:calc(var(--header) + 66px);overflow:hidden}.tryon-intro{padding-bottom:52px}.tryon-kicker{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.55);font-size:9px;font-weight:850;letter-spacing:.16em}.tryon-kicker i{width:42px;height:2px;background:var(--tryon-red);box-shadow:0 0 22px rgba(239,49,40,.65)}.tryon-title-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:6vw;align-items:end;margin-top:30px}.tryon-title-row h1{margin:0;font-family:var(--display);font-size:clamp(68px,8.6vw,138px);font-weight:900;line-height:.78;letter-spacing:-.075em}.tryon-title-row h1 em{color:var(--tryon-red);font-style:normal}.tryon-intro-copy{padding-bottom:8px}.tryon-intro-copy>p{max-width:520px;margin:0;color:rgba(255,255,255,.62);font-size:14px;line-height:2}.privacy-chip{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.13)}.privacy-chip>span{grid-row:1/3;color:#5bc887;font-size:20px}.privacy-chip b{font-size:11px}.privacy-chip small{color:rgba(255,255,255,.45);font-size:9px}.tryon-workspace{display:grid;grid-template-columns:minmax(0,1.44fr) minmax(330px,.56fr);direction:ltr;gap:1px;background:rgba(255,255,255,.1);padding-inline:0;max-width:calc(var(--max) - var(--pad)*2);border:1px solid rgba(255,255,255,.1)}.tryon-stage-wrap,.tryon-panel{direction:rtl;background:#0d0f0e}.tryon-stage{position:relative;min-height:min(77vw,860px);height:calc(100svh - 104px);max-height:900px;overflow:hidden;background:radial-gradient(circle at 50% 28%,#20231f 0,#121412 38%,#090a09 75%)}.tryon-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.32),transparent 24%,transparent 76%,rgba(0,0,0,.32)),linear-gradient(0deg,rgba(0,0,0,.5),transparent 26%,rgba(0,0,0,.1));z-index:3}.tryon-stage video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.tryon-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.tryon-idle{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px;text-align:center;transition:opacity .45s,visibility .45s}.tryon-stage[data-camera-state="live"] .tryon-idle{opacity:0;visibility:hidden;pointer-events:none}.tryon-frame{position:absolute;inset:10%;opacity:.7}.tryon-frame span{position:absolute;width:60px;height:60px;border-color:rgba(255,255,255,.2);border-style:solid}.tryon-frame span:nth-child(1){top:0;right:0;border-width:1px 1px 0 0}.tryon-frame span:nth-child(2){top:0;left:0;border-width:1px 0 0 1px}.tryon-frame span:nth-child(3){right:0;bottom:0;border-width:0 1px 1px 0}.tryon-frame span:nth-child(4){bottom:0;left:0;border-width:0 0 1px 1px}.tryon-idle-index{position:absolute;top:11%;right:calc(10% + 18px);color:rgba(255,255,255,.38);font-size:9px;letter-spacing:.14em}.tryon-idle>div:nth-of-type(2){max-width:430px}.tryon-idle b{display:block;font-family:var(--display);font-size:clamp(36px,4.5vw,66px);line-height:1}.tryon-idle p{margin:18px auto 0;max-width:410px;color:rgba(255,255,255,.52);font-size:12px;line-height:1.9}.camera-start{display:inline-flex;align-items:center;gap:11px;min-height:56px;margin-top:30px;padding:0 24px;border:0;background:var(--tryon-red);color:#fff;font:850 12px inherit;cursor:pointer;transition:transform .25s,filter .25s}.camera-start:hover{transform:translateY(-3px);filter:brightness(1.07)}.camera-start:disabled{opacity:.55;cursor:wait}.camera-icon{font-size:9px;animation:tryon-pulse 1.5s ease-in-out infinite}.tryon-hud{position:absolute;z-index:4;top:18px;right:18px;left:18px;display:flex;justify-content:space-between;direction:ltr;color:rgba(255,255,255,.7);font:800 8px/1 var(--display);letter-spacing:.14em;opacity:0;transition:opacity .35s}.tryon-stage[data-camera-state="live"] .tryon-hud{opacity:1}.live-dot{display:flex;align-items:center;gap:7px}.live-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tryon-red);box-shadow:0 0 12px var(--tryon-red);animation:tryon-pulse 1.5s infinite}.tracking-guide{position:absolute;z-index:2;inset:17% 20% 20%;opacity:0;transition:opacity .35s;pointer-events:none}.tryon-stage[data-tracking="searching"] .tracking-guide{opacity:.5}.guide-shoulder{position:absolute;top:25%;right:0;left:0;height:36%;border:1px dashed rgba(255,255,255,.35);border-radius:48% 48% 18% 18%}.guide-center{position:absolute;top:0;bottom:0;right:50%;border-right:1px dashed rgba(255,255,255,.2)}.tryon-status{position:absolute;z-index:5;right:18px;bottom:18px;left:18px;display:flex;align-items:center;gap:10px;max-width:max-content;padding:10px 13px;background:rgba(7,8,7,.66);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(12px)}.tryon-status span{width:7px;height:7px;border-radius:50%;background:#6d716d}.tryon-status p{margin:0;color:rgba(255,255,255,.72);font-size:9px}.tryon-status.is-good span{background:#5bc887;box-shadow:0 0 12px rgba(91,200,135,.65)}.tryon-status.is-warn span{background:#f0a74b}.tryon-status.is-error span{background:var(--tryon-red)}.camera-stop{position:absolute;z-index:6;left:18px;bottom:18px;min-height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.18);background:rgba(8,9,8,.6);color:#fff;font:750 9px inherit;backdrop-filter:blur(12px);cursor:pointer}.tryon-disclaimer{margin:0;padding:11px 18px;background:#0a0b0a;color:rgba(255,255,255,.36);font-size:8px;line-height:1.8}.tryon-panel{padding:28px;min-width:0}.tryon-panel-head{display:flex;justify-content:space-between;align-items:start;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.12)}.tryon-panel-head>span{color:rgba(255,255,255,.35);font-size:8px;letter-spacing:.14em}.tryon-panel-head small{display:block;color:rgba(255,255,255,.42);font-size:8px}.tryon-panel-head strong{display:block;margin-top:8px;font:900 37px/.8 var(--display);letter-spacing:-.04em}.garment-list{margin-top:12px}.garment-card{display:grid;grid-template-columns:22px 58px 1fr 8px;gap:11px;align-items:center;width:100%;min-height:78px;padding:8px 0;border:0;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;color:#fff;text-align:right;cursor:pointer}.garment-card>span{color:rgba(255,255,255,.32);font:800 8px var(--display)}.garment-card img{width:58px;height:62px;object-fit:contain;filter:drop-shadow(0 9px 14px rgba(0,0,0,.25));transition:transform .3s}.garment-card:hover img,.garment-card.active img{transform:scale(1.08)}.garment-card b{display:block;font:850 18px/1 var(--display);letter-spacing:-.03em}.garment-card small{display:block;margin-top:7px;color:rgba(255,255,255,.4);font-size:8px}.garment-card i{width:7px;height:7px;border:1px solid rgba(255,255,255,.3);border-radius:50%}.garment-card.active i{border-color:var(--tryon-red);background:var(--tryon-red);box-shadow:0 0 12px rgba(239,49,40,.5)}.fit-controls{margin-top:27px}.fit-controls-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.fit-controls-title span{display:block;color:rgba(255,255,255,.35);font:800 7px var(--display);letter-spacing:.14em}.fit-controls-title b{display:block;margin-top:5px;font-size:12px}.fit-controls-title button{padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.35);background:transparent;color:rgba(255,255,255,.55);font:700 8px inherit;cursor:pointer}.fit-controls label{display:block;margin-top:16px}.fit-controls label>span{display:flex;justify-content:space-between;margin-bottom:9px;color:rgba(255,255,255,.54);font-size:8px}.fit-controls output{color:#fff;font:800 9px var(--display)}.fit-controls input{width:100%;height:2px;margin:0;accent-color:var(--tryon-red);cursor:pointer}.tryon-actions{display:grid;gap:10px;margin-top:28px}.capture-button{display:flex;justify-content:space-between;align-items:center;min-height:57px;padding:0 18px;border:0;background:var(--tryon-red);color:#fff;text-align:right;cursor:pointer}.capture-button span{font:850 11px inherit}.capture-button small{color:rgba(255,255,255,.65);font-size:8px}.capture-button:disabled{filter:grayscale(1);opacity:.34;cursor:not-allowed}.tryon-actions>a{display:flex;justify-content:space-between;padding:13px 2px;border-bottom:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.7);font-size:9px}.free-note{margin-top:26px;padding:16px;border:1px solid rgba(91,200,135,.18);background:rgba(91,200,135,.035)}.free-note span{color:#5bc887;font:800 7px var(--display);letter-spacing:.14em}.free-note p{margin:9px 0 0;color:rgba(255,255,255,.38);font-size:8px;line-height:1.9}.tryon-how{display:grid;grid-template-columns:repeat(3,1fr);padding-block:94px}.tryon-how>div{padding:10px 28px;border-right:1px solid rgba(255,255,255,.12)}.tryon-how>div:first-child{border-right:0}.tryon-how span{color:var(--tryon-red);font:800 9px var(--display)}.tryon-how b{display:block;margin-top:28px;font-family:var(--display);font-size:clamp(24px,2.4vw,38px)}.tryon-how p{max-width:310px;margin:12px 0 0;color:rgba(255,255,255,.42);font-size:10px;line-height:1.9}.tryon-footer{padding:26px 0;border-top:1px solid rgba(255,255,255,.1)}.tryon-footer .shell{display:flex;justify-content:space-between;color:rgba(255,255,255,.42);font-size:8px;letter-spacing:.1em}.tryon-footer a{color:#fff;letter-spacing:0}.tryon-error-note{max-width:430px;margin:16px auto 0;color:#ff998f!important}@keyframes tryon-pulse{50%{opacity:.35}}
@media(max-width:980px){.tryon-workspace{grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr)}.tryon-panel{padding:22px}.tryon-stage{height:780px}.tryon-title-row{grid-template-columns:1fr}.tryon-intro-copy{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.privacy-chip{margin-top:0}}
@media(max-width:720px){.tryon-main{padding-top:116px}.tryon-intro{padding-bottom:38px}.tryon-title-row{margin-top:22px}.tryon-title-row h1{font-size:clamp(58px,18vw,88px)}.tryon-intro-copy{display:block;margin-top:30px}.privacy-chip{margin-top:22px}.tryon-workspace{display:flex;flex-direction:column;width:100%;max-width:none;border-inline:0}.tryon-stage-wrap{order:0}.tryon-stage{height:72svh;min-height:570px;max-height:760px}.tryon-panel{order:1;padding:22px var(--pad) 34px}.garment-list{display:grid;grid-template-columns:repeat(5,minmax(116px,1fr));gap:8px;margin-inline:calc(var(--pad)*-1);padding-inline:var(--pad);overflow-x:auto;scrollbar-width:none}.garment-card{display:flex;flex-direction:column;align-items:flex-start;min-height:144px;padding:10px;border:1px solid rgba(255,255,255,.1)}.garment-card img{align-self:center;width:80px;height:84px;order:1}.garment-card>span{order:0}.garment-card>div{order:2}.garment-card i{position:absolute}.fit-controls{margin-top:32px}.tryon-how{grid-template-columns:1fr;padding-block:70px}.tryon-how>div,.tryon-how>div:first-child{padding:26px 0;border-right:0;border-top:1px solid rgba(255,255,255,.12)}.tryon-how>div:first-child{border-top:0}.tryon-how b{margin-top:12px}.tryon-frame{inset:8%}.tryon-idle{padding:24px}.tryon-idle-index{top:9%;right:calc(8% + 14px)}}
@media(max-width:420px){.tryon-stage{height:68svh;min-height:540px}.tryon-status{right:12px;bottom:12px;left:auto}.camera-stop{left:12px;bottom:12px}.tryon-status p{max-width:190px}.tryon-footer .shell{gap:18px}.tryon-footer .en{display:none}}
@media(prefers-reduced-motion:reduce){.tryon-active span,.camera-icon,.live-dot:before{animation:none}.garment-card img,.tryon-idle{transition:none}}
.tryon-frame{pointer-events:none}