:root{--blue:#1f6fe0;--purple:#5a3fe0;--pink:#d63fb0;--navy:#0f1d3a;--ink:#2a3757;--muted:#5b6b88;--sky:#f2f5fc;--sky-2:#e6ecfa;--line:#dbe3f3;--grad:linear-gradient(135deg,#1f6fe0 0%,#5a3fe0 55%,#d63fb0 100%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Barlow,system-ui,sans-serif;color:var(--navy);background:var(--sky);line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{color:inherit}.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.row{display:flex;align-items:center;gap:16px}.h{font-family:Barlow Condensed,Barlow,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:.95}.eyebrow{font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;background:var(--blue);color:#fff;font-weight:700;box-shadow:0 10px 24px -10px #1f6fe099;transition:background .15s,transform .1s}.btn:hover{background:#185ec4}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:#fff;color:var(--navy);border:2px solid var(--line);box-shadow:none}.btn.ghost:hover{border-color:var(--pink)}.btn.wide{width:100%;padding:15px;font-size:17px}.top{position:sticky;top:0;z-index:20;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.top .row{height:66px}.brand img{height:40px;width:auto;display:block}.tag{font-family:Barlow Condensed;font-weight:800;text-transform:uppercase;font-size:15px;letter-spacing:.06em;padding:4px 10px;border-radius:999px;background:var(--grad);color:#fff}.call{margin-left:auto;font-weight:700;text-decoration:none}.cart-btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;padding:9px 14px;border-radius:12px;border:2px solid var(--line);background:#fff}.cart-btn b{background:var(--pink);color:#fff;border-radius:999px;font-size:12px;min-width:22px;height:22px;display:grid;place-items:center;padding:0 6px}.hero{background:var(--navy);color:#fff;padding:44px 0 34px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:auto -10% -60% 40%;height:420px;background:var(--grad);filter:blur(90px);opacity:.45}.hero .wrap{position:relative}.hero .eyebrow{color:#9fc2ff}.hero h1{font-size:clamp(38px,6vw,64px);margin:10px 0 12px}.hero h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:brightness(1.35)}.lede{max-width:640px;color:#c9d4ea;font-size:17px}.selector{margin-top:26px;display:grid;grid-template-columns:1fr .8fr 1.3fr 1.6fr;gap:10px;background:#fff;color:var(--navy);padding:10px;border-radius:18px;box-shadow:0 24px 50px -24px #0009}.selector label{display:flex;flex-direction:column;gap:2px;padding:6px 12px;border-radius:12px;background:var(--sky);position:relative}.selector label span{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.selector select,.selector input{border:0;background:transparent;font-weight:700;font-size:16px;padding:2px 0;outline:none;width:100%}.selector select:disabled{color:#9aa6bf}.selector label:focus-within{box-shadow:0 0 0 2px var(--blue)}.hits{position:absolute;left:0;right:0;top:calc(100% + 6px);list-style:none;background:#fff;border-radius:14px;box-shadow:0 20px 40px -12px #0f1d3a59;overflow:hidden;z-index:5}.hits button{width:100%;text-align:left;padding:10px 14px;display:flex;justify-content:space-between;gap:10px;font-weight:600}.hits button:hover{background:var(--sky)}.hits small{color:var(--muted);font-weight:500}.finder{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:18px;margin-top:-6px;padding-top:18px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 10px 30px -22px #0f1d3a59}.card-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.views,.nav{flex:none}.card-head h2{font-size:30px;margin-top:4px}.hint{font-weight:700;color:var(--purple);font-size:14px}.ski{width:100%;height:auto;display:block;margin:6px 0 4px;background:linear-gradient(var(--sky) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,var(--sky) 1px,transparent 1px) 0 0/24px 24px;border-radius:14px}.ski .ln{fill:#fff;stroke:#1b1f2a;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.ski .ln.rail{fill:#e8ebf2}.ski .ln.decal{fill:#d9dff0}.ski .ln.mat{fill:url(#mat)}.ski .ln.grip{fill:url(#hatch)}.ski .ln.screen{fill:#1b1f2a}.ski .ln2{fill:none;stroke:#1b1f2a;stroke-width:3;stroke-linecap:round}.ski .hl{fill:none;stroke:#1b1f2a;stroke-width:.9;stroke-linecap:round;opacity:.75}.ski .hid{fill:#fff;fill-opacity:0;stroke:#3a4256;stroke-width:1.2;stroke-dasharray:5 3;stroke-linejoin:round}.ski .hidl{fill:none;stroke:#3a4256;stroke-width:1.1;stroke-dasharray:5 3;stroke-linecap:round}.ski .tb text{font:600 10.5px Barlow;letter-spacing:.12em;fill:#5b6b88}.ski .rg{cursor:pointer}.ski .rg.on .ln,.ski .rg.on .hid{stroke:var(--blue);stroke-width:2.2}.ski .rg.on .ln:not(.screen):not(.mat):not(.grip){fill:#e6efff}.ski .rg.on .hid{fill:var(--blue);fill-opacity:.13;stroke-dasharray:none}.ski .rg.on .hidl,.ski .rg.on .hl,.ski .rg.on .ln2{stroke:var(--blue);stroke-dasharray:none;opacity:1}.ski .co{cursor:pointer;outline:none}.ski .leader{fill:none;stroke:#1b1f2a;stroke-width:.9}.ski .tip{fill:#1b1f2a}.ski .tag{fill:#fff;stroke:#1b1f2a;stroke-width:1.6;transition:fill .15s}.ski .co text{font:800 15px Barlow Condensed,Barlow;fill:#1b1f2a;pointer-events:none}.ski .co.on .tag,.ski .co:hover .tag,.ski .co:focus .tag{fill:var(--pink);stroke:var(--pink)}.ski .co.on text,.ski .co:hover text,.ski .co:focus text{fill:#fff}.ski .co.on .leader{stroke:var(--pink);stroke-width:1.6}.ski .co.on .tip{fill:var(--pink)}.ski .ctx .ln,.ski .ctxold .ln{fill:#fafbfd;stroke:#8a93a8;stroke-width:1.2}.ski .ctx .hl{stroke:#8a93a8}.ski .cl{fill:none;stroke:#8a93a8;stroke-width:.9;stroke-dasharray:18 4 3 4}.ski .tubeO{fill:none;stroke:#1b1f2a;stroke-linecap:round}.ski .tubeI{fill:none;stroke:#fff;stroke-linecap:round}.ski .grip .ln,.ski .ln.grip{fill:url(#hatch)}.ski .rg.on .tubeO{stroke:var(--blue)}.ski .rg.on .tubeI{stroke:#dfe9ff}.ski .rg.got .ln:not(.screen):not(.grip):not(.mat){fill:#eaf8f0}.ski .tag.got{fill:#13834a;stroke:#13834a}.ski .co .tag.got+text{fill:#fff}.ski.detail{animation:zoomin .45s cubic-bezier(.2,.8,.2,1)}@keyframes zoomin{0%{transform:scale(.35);opacity:0}}@media (prefers-reduced-motion:reduce){.ski.detail{animation:none}}.nav{display:flex;gap:6px}.nav button{height:38px;min-width:38px;border-radius:10px;border:1.5px solid var(--line);background:#fff;font-weight:700;font-size:18px}.nav button.back{font-size:14px;padding:0 12px}.nav button:hover{border-color:var(--blue);color:var(--blue)}.tip-line{font-size:13px;color:var(--muted);text-align:center;margin-top:2px}.parts .n{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--navy);font:800 12px Barlow Condensed;margin-right:10px;flex:none}.parts li span{display:flex;align-items:center}.parts li.on{background:var(--sky);margin:0 -10px;padding:10px}.parts li.on .n{background:var(--pink);border-color:var(--pink);color:#fff}.ski .grp{fill:none;stroke:#1b1f2a;stroke-width:1;stroke-dasharray:9 5}.ski .ln2t{fill:none;stroke:#1b1f2a;stroke-width:1.5}.ski .rg.on .ln2t,.ski .rg.on .grp{stroke:var(--blue)}.detail .tag{fill:#fff;stroke:none}.detail .co text{font:700 19px Barlow;fill:#1b1f2a}.detail .tip{display:none}.detail .co:hover .tag,.detail .co.on .tag{fill:var(--pink)}.detail .tag.got{fill:#13834a}.figs{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.figs button{padding:7px 12px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-weight:700;font-size:13px}.figs button.on{background:var(--navy);border-color:var(--navy);color:#fff}.views{display:flex;border:1.5px solid var(--line);border-radius:12px;overflow:hidden}.views button{padding:8px 14px;font-weight:700;font-size:14px}.views button.on{background:var(--navy);color:#fff}.views small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.ski3d{position:relative;height:clamp(320px,52vw,520px);margin:8px 0 4px;border-radius:14px;overflow:hidden;background:#eef3fb}.ski3d.loading{display:grid;place-items:center;color:var(--muted);font-weight:700}.ski3d-canvas,.ski3d-canvas canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:grab}.tag3d{position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font:800 13px Barlow Condensed;border:2px solid #fff;box-shadow:0 4px 12px -4px #0f1d3a99;will-change:transform}.tag3d:hover{background:var(--pink)}.ski3d-bar{position:absolute;left:10px;right:10px;bottom:10px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:var(--ink)}.ski3d-bar label{display:flex;gap:6px;align-items:center;background:#fff;padding:6px 10px;border-radius:10px;border:1px solid var(--line);cursor:pointer}.ski3d-bar input{width:auto}.model-card{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;margin-top:24px}.model-card img,.model-ph{width:220px;height:124px;border-radius:14px;object-fit:cover;flex:none;background:var(--sky)}.model-ph{display:grid;place-items:center;color:#a8b4cc}.model-ph svg{width:150px}.model-card h2{font-size:30px;margin:4px 0}.credit{font-size:11.5px;color:var(--muted);margin-top:6px}.credit a{text-decoration:underline}.render{position:relative;width:100%;margin:8px 0 4px;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#fff,#e9eef8 75%)}.render-stage{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:manipulation;-webkit-user-select:none;user-select:none}.render-stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.render-hl{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;background:var(--blue);opacity:0;transition:opacity .15s;pointer-events:none;mix-blend-mode:multiply}.render-hl.got{background:#13834a;opacity:.18}.render-hl.on{opacity:.38}.render-tags{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.rtag{pointer-events:auto;cursor:pointer}.rtag line{stroke:#1b1f2a;stroke-width:2.5}.rtag circle{fill:#1b1f2a}.rtag .bub{fill:#fff;stroke:#1b1f2a;stroke-width:3.5;transition:fill .15s}.rtag text{font:800 30px Barlow Condensed,Barlow;fill:#1b1f2a;pointer-events:none}.rtag.on .bub{fill:var(--pink);stroke:var(--pink)}.rtag.on text{fill:#fff}.rtag.got .bub{fill:#13834a;stroke:#13834a}.rtag.got text{fill:#fff}.render-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);font-weight:700}.legend{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.legend button{width:100%;display:flex;align-items:center;gap:8px;text-align:left;font-size:13.5px;font-weight:600;padding:6px 8px;border-radius:10px;color:var(--ink)}.legend button b{flex:none;width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font:800 12px Barlow Condensed}.legend button:hover,.legend button.on{background:var(--sky)}.legend button.on b{background:var(--pink)}.panel{position:sticky;top:84px;min-height:300px}.panel h2{font-size:34px;margin:6px 0}.parts{list-style:none;margin:14px 0}.parts li{display:flex;flex-direction:column;gap:0;padding:10px 0;border-top:1px solid var(--line);font-weight:600}.parts button{flex:none;font-weight:700;font-size:14px;padding:7px 12px;border-radius:10px;background:var(--sky);color:var(--blue)}.parts button:hover{background:var(--blue);color:#fff}.parts button.added{background:#e8f8ef;color:#13834a}.row-main{display:flex;justify-content:space-between;align-items:center;gap:10px}.real{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin:8px 0 0 32px;padding:8px 10px;border-radius:12px;background:#f7f9fe;border:1px solid var(--line);font-weight:500}.real b{display:block;font-size:14px;font-weight:700}.real small{color:var(--muted);font-size:12px}.real .price{font-weight:800;font-size:15px}.panel .real button,.hits .real button{font-weight:700;font-size:13px;padding:6px 10px;border-radius:9px;background:var(--blue);color:#fff}.panel .real button.added{background:#e8f8ef;color:#13834a}.fit.yes{color:#13834a;font-weight:700}.more{margin:4px 0 14px}.more .real{margin-left:0}.link{color:var(--blue);font-weight:700;font-size:14px;margin-top:8px}.hits .price{margin-left:auto;font-weight:800}.subtotal{display:flex;justify-content:space-between;padding:10px 0;font-weight:600;border-bottom:1px solid var(--line)}.subtotal b{font-size:18px}.custom{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border-radius:14px;background:var(--sky)}.custom p{grid-column:1/-1;font-weight:700;font-size:13px;color:var(--muted)}.custom input{min-width:0}.custom .btn{padding:10px 14px;grid-column:1/-1}input,select,textarea{border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;outline:none;width:100%}input:focus,textarea:focus{border-color:var(--blue)}.empty{text-align:center;padding:30px 10px}.empty .num{font:800 54px Barlow Condensed;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.empty h2{margin:4px 0 8px}.empty .btn{margin-top:16px}.tiles-sec{margin-top:40px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.tile{text-align:left;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px;transition:transform .15s,border-color .15s,box-shadow .15s}.tile:hover,.tile.on{transform:translateY(-2px);border-color:var(--blue);box-shadow:0 14px 28px -18px #1f6fe099}.tile b{font:800 14px Barlow Condensed;color:var(--pink);letter-spacing:.08em}.tile .h{font-size:22px}.tile small{color:var(--muted);font-size:13px;line-height:1.35}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:40px 0 60px}.how div{background:var(--navy);color:#fff;border-radius:18px;padding:22px}.how b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--grad);font:800 18px Barlow Condensed}.how h3{font-size:24px;margin:12px 0 6px}.how .muted{color:#b9c5de}.foot{border-top:1px solid var(--line);background:#fff;padding:22px 0;font-size:14px;color:var(--muted)}.foot .row{justify-content:space-between;flex-wrap:wrap}.fab{position:fixed;right:20px;bottom:20px;z-index:30;padding:15px 22px;border-radius:999px;background:var(--grad);color:#fff;font-weight:800;box-shadow:0 18px 36px -12px #5a3fe0b3}.toast{position:fixed;left:50%;bottom:86px;transform:translate(-50%);background:var(--navy);color:#fff;padding:10px 16px;border-radius:12px;font-weight:600;z-index:40;animation:up .2s ease-out}@keyframes up{0%{opacity:0;transform:translate(-50%,8px)}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1d3a80;z-index:50;display:flex;justify-content:flex-end}.drawer{width:min(480px,100%);height:100%;background:#fff;overflow-y:auto;padding:22px;animation:slide .22s ease-out}@keyframes slide{0%{transform:translate(30px);opacity:0}}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.drawer-head h2{font-size:32px}.x{font-size:30px;line-height:1;width:40px;height:40px;border-radius:10px}.x:hover{background:var(--sky)}.drawer form{display:flex;flex-direction:column;gap:10px}.pad{padding:16px 0}.list{list-style:none}.list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.list small{display:block;color:var(--muted);font-size:13px}.qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:10px;overflow:hidden;flex:none}.qty button{width:32px;height:32px;font-weight:800}.qty button:hover{background:var(--sky)}.qty span{min-width:24px;text-align:center;font-weight:700}.for{font-size:14px;color:var(--muted);padding:4px 0}.how-pick{border:0;display:grid;gap:6px}.how-pick label{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1.5px solid var(--line);border-radius:12px;font-weight:600;cursor:pointer}.how-pick label.on{border-color:var(--blue);background:#f1f6ff}.how-pick input{width:auto;accent-color:var(--blue)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.err{color:#c62828;font-weight:600;font-size:14px}.fine{font-size:13px;color:var(--muted);text-align:center}.sent{text-align:center;padding:30px 6px;display:flex;flex-direction:column;gap:14px;align-items:center}.check{width:64px;height:64px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:32px;font-weight:800}@media (max-width:900px){.selector{grid-template-columns:1fr 1fr}.finder{grid-template-columns:1fr}.panel{position:static}.legend,.tiles{grid-template-columns:repeat(2,1fr)}.how{grid-template-columns:1fr}.call{display:none}.cart-btn{margin-left:auto}}@media (max-width:520px){.model-card{flex-direction:column;align-items:stretch}.model-card img,.model-ph{width:100%;height:auto;aspect-ratio:16/9}.model-card h2{font-size:22px}.wrap{padding:0 16px}.tag,.hint{display:none}.selector,.custom,.grid2{grid-template-columns:1fr}.card{padding:14px}.tiles{grid-template-columns:1fr 1fr;gap:8px}.tile .h{font-size:19px}}