.tf-switch{display:inline-flex;align-items:center;gap:12px;font:inherit;font-size:14px;font-weight:600;color:var(--color-fg);cursor:pointer}.tf-switch-track{width:46px;height:26px;border-radius:999px;padding:3px;background:rgb(var(--ink)/.2);transition:background .25s}.tf-switch-thumb{display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgb(0 0 0/.25);transition:transform .35s cubic-bezier(.34,1.6,.5,1)}.tf-switch[aria-checked=true] .tf-switch-track{background:var(--color-accent)}.tf-switch[aria-checked=true] .tf-switch-thumb{transform:translateX(20px)}.tf-range{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:600}.tf-range input{flex:1;accent-color:var(--color-accent)}.tf-xs{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:stretch}.tf-xs-canvas{position:relative;display:grid;place-items:center;min-height:500px;border-radius:28px;background:var(--color-card);border:1px solid var(--color-line);perspective:1500px;cursor:grab;touch-action:none;overflow:hidden;user-select:none}.tf-xs-canvas:active{cursor:grabbing}.tf-xs-stage{position:relative;width:min(300px,52vw);aspect-ratio:3/2;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotate(var(--rz))}.tf-xs-pane{position:absolute;inset:0;padding:14px 16px;border-radius:18px;display:flex;flex-direction:column;gap:8px;background:hsl(calc(222 + var(--i) * 4) 90% calc(97% - var(--i) * 2.5%)/.82);border:1.5px solid hsl(222 70% calc(86% - var(--i) * 3%));box-shadow:0 18px 30px -18px var(--shadowc);transform:translateZ(calc((var(--i) - 2.5) * 78px * var(--ex)));transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s,border-color .25s}.tf-xs-pane.is-on{border-color:var(--color-accent);transform:translateZ(calc((var(--i) - 2.5) * 78px * var(--ex) + 22px))}.tf-xs-pane.is-dim{opacity:.3}.tf-xs-glyph{font-size:22px;color:var(--color-accent);line-height:1}.tf-xs-label{font-size:13px;font-weight:700;letter-spacing:-.01em}.tf-xs-line{height:7px;border-radius:4px;background:rgb(var(--ink)/.1)}.tf-xs-line.short{width:55%}.tf-xs-hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);font-size:12px;font-weight:600;color:var(--color-muted);white-space:nowrap}.tf-xs-side{gap:20px;padding:28px;border-radius:28px;background:var(--color-card);border:1px solid var(--color-line)}.tf-xs-list,.tf-xs-side{display:flex;flex-direction:column}.tf-xs-list{list-style:none;margin:0;padding:0;gap:6px}.tf-xs-list button{display:flex;align-items:center;gap:14px;width:100%;padding:10px 14px;border-radius:12px;font:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer;transition:background .2s,transform .25s}.tf-xs-list button b{font-size:12px;color:var(--color-accent)}.tf-xs-list button.is-on{background:rgb(var(--acc)/.1);transform:translateX(6px)}.tf-xs-note{margin:auto 0 0;font-size:14.5px;line-height:1.6;color:var(--color-muted);min-height:4.8em}.tf-diag{max-width:960px;margin:0 auto;padding:28px;border-radius:28px;background:var(--color-card);border:1px solid var(--color-line)}.tf-diag-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.tf-diag-status{font-size:14px;color:var(--color-muted)}.tf-diag-svg{width:100%;height:auto;color:var(--color-accent);overflow:visible}.tf-flow{fill:none;stroke:currentColor;stroke-width:2.2;stroke-dasharray:7 7;animation:tf-dash 1s linear infinite;transition:opacity .3s}.tf-flow.is-off{opacity:.12;animation-play-state:paused}.tf-flow.bypass{stroke:var(--color-muted)}@keyframes tf-dash{to{stroke-dashoffset:-14}}.tf-node{cursor:pointer;outline:none;transition:opacity .3s}.tf-node rect{fill:var(--color-card);stroke:var(--color-line);stroke-width:1.5;transition:stroke .2s,fill .2s}.tf-node.is-3d rect{fill:rgb(var(--acc)/.1);stroke:rgb(var(--acc)/.5)}.tf-node.is-sel rect,.tf-node:focus-visible rect{stroke:var(--color-accent);stroke-width:2.5}.tf-node.is-dim{opacity:.35}.tf-node-t{font-size:15px;font-weight:700;fill:var(--color-fg)}.tf-node-s{font-size:11.5px;fill:var(--color-muted)}.tf-diag-cap{font-size:13px;fill:var(--color-muted);transition:opacity .3s}.tf-diag-cap.strong{fill:var(--color-fg);font-weight:700}.tf-diag-cap.is-off{opacity:0}.tf-bracket{fill:none;stroke:var(--color-fg);stroke-width:2}.tf-diag-detail{margin:12px 0 0;padding-top:18px;border-top:1px solid var(--color-line);font-size:15.5px;line-height:1.6;color:var(--color-muted);min-height:4.2em}.tf-diag-detail b{color:var(--color-fg)}@media (max-width:960px){.tf-xs{grid-template-columns:1fr}.tf-xs-canvas{min-height:420px}}@media (max-width:600px){.tf-diag,.tf-xs-side{padding:20px}}@media (prefers-reduced-motion:reduce){.tf-flow{animation:none}.tf-flip{height:auto}.tf-flip-sticky{position:static;height:auto;padding-block:80px}}.tf-flip{height:480vh;position:relative}.tf-flip-sticky{--face:rotateZ(calc(var(--a) * 28deg)) rotateX(calc(var(--a) * -56deg));position:sticky;top:0;height:100vh;box-sizing:border-box;padding-top:72px;display:flex;align-items:center;overflow:hidden}.tf-flip-inner{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(24px,5vw,80px);width:100%}.tf-flip-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(50% 60% at 72% 50%,rgb(var(--acc)/calc(.06 + var(--c) * .1)),transparent 70%),radial-gradient(rgb(var(--ink)/.09) 1px,transparent 1.4px) 0 0 /28px 28px;-webkit-mask-image:radial-gradient(75% 85% at 60% 50%,#000 30%,transparent 100%);mask-image:radial-gradient(75% 85% at 60% 50%,#000 30%,transparent 100%)}.tf-flip-text{display:flex;flex-direction:column;gap:24px}.tf-flip-top{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}.tf-flip-play{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border-radius:999px;cursor:pointer;font:inherit;font-size:12.5px;font-weight:700;color:var(--color-fg);background:var(--color-card);border:1px solid var(--color-line);box-shadow:0 6px 16px -10px var(--shadowc);transition:transform .25s cubic-bezier(.34,1.6,.5,1),box-shadow .25s}.tf-flip-play span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:8px;background:var(--color-accent);color:#fff}.tf-flip-play:hover{transform:translateY(-2px);box-shadow:0 12px 22px -12px var(--shadowc)}.tf-flip-play:active{transform:scale(.96)}.tf-flip-chapters{position:relative;display:grid}.tf-flip-ch{position:relative;grid-area:1/1;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.tf-flip-ch.is-active{opacity:1;transform:none;pointer-events:auto}.tf-flip-ch .h2{margin-bottom:12px;font-size:clamp(2rem,3.9vw,3.5rem)}.tf-flip-ch .lead{max-width:24em}.tf-flip-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:18px 0 0;padding:0}.tf-flip-tags li{padding:7px 14px;border-radius:999px;font-size:12.5px;font-weight:600;background:var(--color-card);border:1px solid var(--color-line)}.tf-flip-tags li:first-child{background:var(--color-fg);color:#fff;border-color:transparent}.tf-flip-ghost{position:absolute;right:0;top:-.62em;z-index:-1;font-family:var(--font-display),system-ui,sans-serif;font-size:clamp(7rem,14vw,12rem);font-weight:700;letter-spacing:-.06em;line-height:1;user-select:none;color:transparent;-webkit-text-stroke:1.5px rgb(var(--ink)/.09);transform:translateY(30px);transition:transform .9s cubic-bezier(.2,.8,.2,1)}.tf-flip-ch.is-active .tf-flip-ghost{transform:none}.tf-flip-num{display:flex;align-items:baseline;gap:6px;margin-bottom:12px;font-size:14px;font-weight:700;letter-spacing:.08em}.tf-flip-num b{color:var(--color-accent)}.tf-flip-num i{font-style:normal;color:var(--color-muted);font-weight:600}.tf-flip-title .w{display:inline-block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em;vertical-align:top;white-space:nowrap}.tf-flip-title .ch{display:inline-block;transform:translateY(105%);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.tf-flip-ch.is-active .tf-flip-title .ch{transform:none;transition-delay:calc(var(--j) * 28ms + 80ms)}.tf-flip-ch .lead{opacity:0;transition:opacity .5s ease}.tf-flip-ch.is-active .lead{opacity:1;transition-delay:.25s}.tf-flip-tags li{opacity:0;transform:translateY(8px) scale(.96);transition:opacity .4s,transform .5s cubic-bezier(.34,1.6,.5,1)}.tf-flip-ch.is-active .tf-flip-tags li{opacity:1;transform:none;transition-delay:calc(.35s + var(--j) * .08s)}.tf-flip-stats{display:grid;gap:2px;max-width:420px;padding:14px 16px 12px;border-radius:18px;background:rgb(255 255 255/.75);border:1px solid var(--color-line);box-shadow:0 18px 36px -26px var(--shadowc);backdrop-filter:blur(6px)}.tf-flip-stats-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.tf-flip-stats-head em{margin-left:auto;font-style:normal;font-weight:600;letter-spacing:0;text-transform:none;color:var(--color-muted)}.tf-flip-stats-head .live{width:7px;height:7px;border-radius:50%;background:#2fbf71;animation:tf-pulse-g 1.6s ease-out infinite}.tf-flip-stat{display:grid;grid-template-columns:1fr auto 96px;align-items:center;gap:14px;padding:7px 0;border-top:1px solid rgb(var(--ink)/.06);font-size:13.5px}.tf-flip-stat .l{color:var(--color-muted);font-weight:500}.tf-flip-stat .v{min-width:1.4em;text-align:right;font-family:var(--font-display),system-ui,sans-serif;font-size:1.05rem;font-variant-numeric:tabular-nums}.tf-flip-stat .pips{display:flex;gap:3px}.tf-flip-stat .pips i{flex:1;height:8px;border-radius:3px;background:rgb(var(--ink)/.08);transition:background .3s}.tf-flip-stat .pips i.on{background:var(--color-accent);transition-delay:calc(var(--j) * 45ms)}.tf-flip-stat .ok{justify-self:start;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;color:#1b8a4f;background:rgb(47 191 113/.14)}.tf-flip-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:520px}.tf-flip-steps button{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:8px 0 4px;cursor:pointer;font:inherit;color:var(--color-muted);background:none;border:0;text-align:left}.tf-flip-steps .bar{position:relative;width:100%;height:4px;border-radius:4px;overflow:hidden;background:rgb(var(--ink)/.1);transition:height .25s}.tf-flip-steps .fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--color-accent);width:clamp(0%,calc((var(--p) * 4 - var(--i)) * 100%),100%)}.tf-flip-steps .lbl{font-size:12px;font-weight:700;letter-spacing:.02em;transition:color .25s}.tf-flip-steps .lbl b{margin-right:4px;font-variant-numeric:tabular-nums;color:rgb(var(--ink)/.35);transition:color .25s}.tf-flip-steps button.is-done .lbl,.tf-flip-steps button.is-now .lbl{color:var(--color-fg)}.tf-flip-steps button.is-done .lbl b,.tf-flip-steps button.is-now .lbl b{color:var(--color-accent)}.tf-flip-steps button:hover .bar{height:6px}.tf-flip-steps button:hover .lbl{color:var(--color-accent)}.tf-flip-stage{position:relative;perspective:1500px;display:grid;justify-items:center;padding-top:40px}.tf-sc{position:relative;width:min(500px,100%);aspect-ratio:6/5;transform-style:preserve-3d;translate:calc(-8% + var(--a) * 12%) calc(4% + var(--a) * 16%);transform:rotateX(calc(var(--a) * 56deg + var(--my) * -5deg)) rotate(calc(var(--a) * -28deg + var(--mx) * 6deg)) scale(calc(1 - var(--a) * .06));transition:transform .25s ease-out}.tf-sc>*{position:absolute}.tf-sc button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}.tf-flip-hint{position:absolute;left:50%;bottom:-60px;translate:-58% 0;opacity:calc(1 - var(--a));white-space:nowrap;display:inline-flex;align-items:center;gap:8px;margin:0;padding:7px 14px;border-radius:999px;font-size:12px;font-weight:600;color:var(--color-muted);background:rgb(255 255 255/.7);border:1px solid var(--color-line)}.tf-flip-hint .dot{width:7px;height:7px;border-radius:50%;background:var(--color-accent);animation:tf-pulse 1.6s ease-out infinite}@keyframes tf-pulse{0%{box-shadow:0 0 0 0 rgb(var(--acc)/.55)}to{box-shadow:0 0 0 9px rgb(var(--acc)/0)}}.tf-sc-shadow{inset:4%;border-radius:28px;background:radial-gradient(closest-side,rgb(var(--acc)/.35),transparent);filter:blur(26px);opacity:calc(var(--b) * .9);transform:translateZ(calc(var(--b) * -70px))}.tf-sc-base{inset:0;border-radius:22px;overflow:hidden;background:var(--color-card);border:1px solid var(--color-line);box-shadow:0 30px 60px -30px var(--shadowc)}.tf-sc-bar{position:relative;z-index:1;display:flex;align-items:center;gap:6px;padding:9px 16px;border-bottom:1px solid var(--color-line);background:rgb(255 255 255/.9)}.tf-sc-bar i{width:9px;height:9px;border-radius:50%}.tf-sc-bar i:first-child{background:#ff6b5e}.tf-sc-bar i:nth-child(2){background:#ffc13d}.tf-sc-bar i:nth-child(3){background:#2fcb62}.tf-sc-bar .url{margin-left:12px;padding:3px 14px;border-radius:999px;font-size:10.5px;font-weight:600;color:var(--color-muted);background:var(--surf1)}.tf-sc-wash{position:absolute;inset:31px 0 0;background:radial-gradient(60% 70% at 78% 30%,color-mix(in srgb,var(--prod) 18%,transparent),transparent 70%),linear-gradient(180deg,#f7f8ff,#fff 70%);transition:background .4s}.tf-sc-glare{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--gx,50%) var(--gy,30%),rgb(255 255 255/.65),transparent 60%);mix-blend-mode:soft-light}.tf-sc:hover .tf-sc-glare{opacity:1}.tf-sc-nav{position:relative;z-index:2;display:flex;align-items:center;gap:14px;padding:7px 16px;font-size:9.5px;font-weight:600;color:var(--color-muted);border-bottom:1px solid rgb(var(--ink)/.05)}.tf-sc-nav strong{margin-right:auto;font-family:var(--font-display),system-ui,sans-serif;font-size:12px;letter-spacing:-.03em;color:var(--color-fg)}.tf-sc-nav .cart{position:relative;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--color-fg);color:#fff}.tf-sc-nav .cart sup{position:absolute;top:-4px;right:-6px;display:grid;place-items:center;min-width:13px;height:13px;padding:0 2px;border-radius:999px;font-size:7px;font-weight:800;line-height:1;background:var(--color-accent);color:#fff;border:1.5px solid #fff;animation:tf-bump .45s cubic-bezier(.34,1.8,.5,1)}@keyframes tf-bump{0%{scale:.3}to{scale:1}}.tf-sc-toast{position:absolute;right:12px;top:calc(100% + 6px);padding:5px 10px;border-radius:8px;white-space:nowrap;font-size:9.5px;font-weight:700;color:#fff;background:var(--color-fg);box-shadow:0 8px 18px -8px rgb(0 0 0/.5);animation:tf-toast 1.8s ease forwards}@keyframes tf-toast{0%{opacity:0;translate:0 -6px}12%,80%{opacity:1;translate:0 0}to{opacity:0;translate:0 -4px}}.tf-sc-disc{border-radius:50%;background:radial-gradient(circle at 50% 38%,#fff 0,#eef1ff 55%,color-mix(in srgb,var(--prod) 22%,#fff) 100%);border:1px solid color-mix(in srgb,var(--prod) 20%,transparent);box-shadow:0 18px 30px -16px color-mix(in srgb,var(--prod) 50%,transparent);transform:translateZ(calc(var(--b) * 36px))}.tf-sc-disc,.tf-sc-product{left:57%;top:20%;width:34%;aspect-ratio:1}.tf-sc-product{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;opacity:calc(1 - var(--c) * 1.4);transform:translateZ(calc(var(--b) * 44px));pointer-events:none}.tf-sc-hero-prod{display:grid;width:58%;animation:tf-pop .5s cubic-bezier(.34,1.6,.5,1)}.tf-sc-hero-prod svg{width:100%;height:auto;filter:drop-shadow(0 10px 10px rgb(0 0 0/.2));transform:rotate(-8deg)}@keyframes tf-pop{0%{opacity:0;scale:.6;rotate:-18deg}to{opacity:1;scale:1;rotate:0deg}}.tf-sc-product .price{padding:4px 10px;border-radius:999px;font-size:9.5px;font-weight:700;background:#fff;color:var(--color-fg);box-shadow:0 4px 10px -4px var(--shadowc)}.tf-sc-hero{left:7%;top:19%;width:46%;display:flex;flex-direction:column;align-items:flex-start;gap:6px;transform:translateZ(calc(var(--b) * 80px))}.tf-sc-hero small{font-size:8.5px;font-weight:800;letter-spacing:.14em;color:var(--color-accent)}.tf-sc-hero h3{margin:0;font-size:clamp(1.1rem,2.3vw,1.65rem);line-height:1.05;letter-spacing:-.035em;color:var(--color-fg)}.tf-sc-hero p{margin:0;font-size:10.5px;line-height:1.45;color:var(--color-muted);max-width:17em}.tf-sc-hero .btns{display:flex;align-items:center;gap:8px;margin-top:4px}.tf-sc .tf-sc-hero .shop{padding:7px 15px;border-radius:999px;font-size:10.5px;font-weight:700;background:var(--color-fg);color:#fff;box-shadow:0 8px 16px -8px rgb(0 0 0/.5);transition:transform .25s cubic-bezier(.34,1.6,.5,1),background .25s}.tf-sc .tf-sc-hero .shop:hover{background:var(--color-accent);transform:translateY(-1px)}.tf-sc .tf-sc-hero .shop:active{transform:scale(.94)}.tf-sc-hero .btns span{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:var(--color-fg)}.tf-sc-hero .btns span i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;font-size:6px;font-style:normal;border:1px solid rgb(var(--ink)/.2)}.tf-sc-hero .rating{margin-top:2px;font-size:9px;font-weight:600;color:var(--color-muted)}.tf-sc-hero .rating b{color:#f5a524;letter-spacing:1px}.tf-sc-cards{left:7%;right:7%;bottom:5%;height:31%;display:grid;grid-template-columns:repeat(3,1fr);gap:3.5%;transform:translateZ(calc(var(--b) * 30px))}.tf-sc-cards>div{position:relative;display:flex;flex-direction:column;gap:3px;padding:6px 6px 8px;border-radius:14px;background:#fff;border:1px solid var(--color-line);box-shadow:0 calc(var(--b) * 18px) calc(var(--b) * 22px) -14px var(--shadowc);transition:transform .35s cubic-bezier(.34,1.5,.5,1),border-color .25s,box-shadow .25s}.tf-sc-cards>div.is-active{transform:translateY(-5px);border-color:color-mix(in srgb,var(--prod) 55%,transparent);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--prod) 40%,transparent),0 16px 24px -14px var(--shadowc)}.tf-sc-cards .img{position:relative;display:grid;place-items:center;height:58%;flex:none;border-radius:9px;background:linear-gradient(135deg,#e6ecff,#c4d1ff)}.tf-sc-cards>div:nth-child(2) .img{background:linear-gradient(135deg,#fff0e8,#ffcdb3)}.tf-sc-cards>div:nth-child(3) .img{background:linear-gradient(135deg,#e9eaef,#c3c5d0)}.tf-sc-cards .img svg{width:42%;height:auto;transition:transform .4s cubic-bezier(.34,1.6,.5,1)}.tf-sc-cards>div.is-active .img svg{transform:scale(1.12) rotate(-6deg)}.tf-sc-cards .img small{position:absolute;top:5px;left:5px;padding:2px 6px;border-radius:999px;font-size:7px;font-weight:800;background:var(--color-fg);color:#fff}.tf-sc-cards b{margin:3px 4px 0;font-size:10.5px;line-height:1.2}.tf-sc-cards .row{display:flex;align-items:center;justify-content:space-between;margin:0 4px}.tf-sc-cards .row>span:first-child{font-size:10px;font-weight:700;color:var(--color-accent)}.tf-sc-cards .dots{display:flex;gap:4px}.tf-sc .tf-sc-cards .dots button{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 1px rgb(var(--ink)/.15);transition:transform .25s cubic-bezier(.34,1.8,.5,1),box-shadow .2s}.tf-sc .tf-sc-cards .dots button:hover{transform:scale(1.3)}.tf-sc .tf-sc-cards .dots button[aria-pressed=true]{box-shadow:0 0 0 1.5px #fff,0 0 0 2.6px var(--color-fg)}.tf-sc .tf-sc-cards .add{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:12px;font-weight:700;line-height:1;background:#fff;color:var(--color-fg);box-shadow:0 3px 8px -3px var(--shadowc);transition:transform .25s cubic-bezier(.34,1.8,.5,1),background .2s,color .2s}.tf-sc .tf-sc-cards .add:hover{transform:scale(1.2) rotate(90deg);background:var(--color-fg);color:#fff}.tf-sc .tf-sc-cards .add:active{transform:scale(.9)}.tf-sc-cube{left:64.5%;top:19%;width:100px;height:100px;margin:0;transform-style:preserve-3d;pointer-events:none;transform:translateZ(calc(var(--c) * 110px + 50px)) scale3d(var(--c),var(--c),var(--c)) rotateX(-24deg) rotateY(calc(var(--p) * 760deg))}.tf-sc-cube u{position:absolute;inset:0;border-radius:12px;text-decoration:none;display:grid;place-items:center;font-size:30px;font-weight:800;color:rgb(255 255 255/.9);background:linear-gradient(145deg,color-mix(in srgb,var(--prod) 60%,#fff),var(--prod) 55%,color-mix(in srgb,var(--prod) 65%,#000));border:1.5px solid rgb(255 255 255/.45);box-shadow:inset 0 0 26px rgb(255 255 255/.22)}.tf-sc-cube .f1{transform:translateZ(50px)}.tf-sc-cube .f1:after{content:"3D"}.tf-sc-cube .f2,.tf-sc-cube .f4{background:linear-gradient(145deg,color-mix(in srgb,var(--prod) 45%,#fff),color-mix(in srgb,var(--prod) 85%,#fff))}.tf-sc-cube .f2{transform:rotateY(90deg) translateZ(50px)}.tf-sc-cube .f3{transform:rotateY(180deg) translateZ(50px)}.tf-sc-cube .f3:after{content:"✦"}.tf-sc-cube .f4{transform:rotateY(-90deg) translateZ(50px)}.tf-sc-cube .f5{transform:rotateX(90deg) translateZ(50px);background:color-mix(in srgb,var(--prod) 30%,#fff)}.tf-sc-cube .f6{transform:rotateX(-90deg) translateZ(50px);background:color-mix(in srgb,var(--prod) 60%,#000)}.tf-sc-ring{left:64.5%;top:19%;width:190px;height:190px;margin:-45px 0 0 -45px;border-radius:50%;border:1.5px dashed color-mix(in srgb,var(--prod) 60%,transparent);pointer-events:none;opacity:var(--c);transform:translateZ(calc(var(--c) * 110px + 50px)) rotateX(72deg) rotate(calc(var(--p) * -2turn))}.tf-sc-ring:after{content:"";position:absolute;left:50%;top:-6px;width:11px;height:11px;margin-left:-5px;border-radius:50%;background:var(--prod);box-shadow:0 0 14px 2px color-mix(in srgb,var(--prod) 70%,transparent)}.tf-sc-chip{padding:8px 15px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none;background:var(--color-card);border:1px solid var(--color-line);box-shadow:0 14px 24px -12px var(--shadowc);opacity:var(--d)}.tf-sc-chip.c1{left:50%;top:4%;transform:translateZ(calc(var(--d) * 200px)) var(--face)}.tf-sc-chip.c3{left:74%;top:56%;background:var(--prod);color:#fff;border-color:transparent;transform:translateZ(calc(var(--d) * 240px)) var(--face)}.tf-sc-spark{color:var(--prod);font-size:18px;opacity:var(--d);pointer-events:none;animation:tf-twinkle 2.2s ease-in-out infinite}.tf-sc-spark.s1{left:46%;top:12%;transform:translateZ(calc(var(--d) * 180px)) var(--face)}.tf-sc-spark.s2{left:92%;top:34%;font-size:14px;animation-delay:-.8s;transform:translateZ(calc(var(--d) * 230px)) var(--face)}.tf-sc-spark.s3{left:58%;top:70%;font-size:12px;animation-delay:-1.5s;transform:translateZ(calc(var(--d) * 140px)) var(--face)}@keyframes tf-twinkle{0%,to{filter:brightness(1);scale:1}50%{filter:brightness(1.5);scale:1.35}}@media (max-height:760px) and (min-width:901px){.tf-flip-stats{display:none}}@media (min-width:1500px) and (min-height:860px){.tf-sc{scale:1.12}.tf-flip-hint{bottom:-84px}}@media (max-height:820px) and (min-width:901px){.tf-sc{width:min(440px,100%)}}@media (max-width:900px){.tf-flip-inner{grid-template-columns:1fr;gap:12px;align-content:center}.tf-flip-stats{display:none}.tf-flip-text{gap:16px}.tf-flip-ch .lead{font-size:1rem}.tf-flip-stage{padding-top:24px}.tf-sc{width:min(400px,84%);translate:-4% 4%}.tf-flip-ghost{display:none}.tf-flip-hint{position:static;margin-top:36px;translate:none;opacity:1}}@media (prefers-reduced-motion:reduce){.tf-flip{height:auto}.tf-flip-sticky{position:static;height:auto;padding-block:80px}.tf-flip-hint .dot,.tf-flip-stats-head .live,.tf-sc-hero-prod,.tf-sc-nav .cart sup,.tf-sc-spark{animation:none}}.tf-hero2{padding:clamp(120px,12vw,150px) 0 clamp(64px,8vw,110px);overflow:clip}.tf-hero2,.tf-hero2-inner{position:relative}.tf-hero2-bg{position:absolute;inset:0;pointer-events:none}.tf-hero2-glow{position:absolute;left:50%;top:46%;width:min(1300px,130vw);height:820px;translate:-50% 0;background:radial-gradient(closest-side,rgb(var(--acc)/.16),transparent 72%)}.tf-hero2-floor{position:absolute;left:-25%;right:-25%;top:52%;height:80%;background:linear-gradient(rgb(var(--ink)/.07) 1px,transparent 1px) 0 0 /64px 64px,linear-gradient(90deg,rgb(var(--ink)/.07) 1px,transparent 1px) 0 0 /64px 64px;transform:perspective(700px) rotateX(64deg);transform-origin:50% 0;-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%,#000 50%,transparent 85%);mask-image:linear-gradient(180deg,transparent,#000 25%,#000 50%,transparent 85%)}.tf-hero2-copy{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:1100px;margin:0 auto}.tf-pill{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--color-fg);background:var(--color-card);border:1px solid var(--color-line);box-shadow:0 8px 20px -14px var(--shadowc);transition:transform .3s cubic-bezier(.34,1.6,.5,1),box-shadow .3s;animation:tf-fade-up .7s both}.tf-pill .new{padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.04em;background:var(--color-accent);color:#fff}.tf-pill .arr{transition:transform .3s}.tf-pill:hover{transform:translateY(-2px);box-shadow:0 14px 28px -16px var(--shadowc)}.tf-pill:hover .arr{transform:translateX(4px)}.tf-hero2-h1{margin:24px 0 22px;font-size:clamp(2.7rem,6vw,5.6rem);line-height:1;letter-spacing:-.045em;perspective:900px}.tf-hero2-h1 .line{display:block}.tf-hero2-h1 .w{display:inline-block;transform-origin:50% 100%;animation:tf-word .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k) * 70ms + .12s)}@keyframes tf-word{0%{opacity:0;transform:translateY(.45em) rotateX(-50deg);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}.tf-3d-word{--ex:calc(var(--hx) * -1.4px);--ey:calc(var(--hy) * -1.4px);color:#4b74ff;text-shadow:calc(var(--ex) * 1) calc(var(--ey) * 1) 0 #3f68f2,calc(var(--ex) * 2) calc(var(--ey) * 2) 0 #375ee4,calc(var(--ex) * 3) calc(var(--ey) * 3) 0 #3054d3,calc(var(--ex) * 4) calc(var(--ey) * 4) 0 #2a4ac2,calc(var(--ex) * 5) calc(var(--ey) * 5) 0 #2441b0,calc(var(--ex) * 6) calc(var(--ey) * 6) 0 #1e389e,calc(var(--ex) * 9) calc(var(--ey) * 12) 22px rgb(58 100 240/.3);transition:text-shadow .3s ease-out}.tf-mini-cube{display:inline-block;width:.3em;height:.3em;margin-left:.12em;perspective:260px;animation:tf-word .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k) * 70ms + .12s)}.tf-mini-cube .cube{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;animation:tf-spin 7s linear infinite}.tf-mini-cube i{position:absolute;inset:0;border-radius:.04em;background:var(--color-accent);border:1px solid rgb(255 255 255/.45)}.tf-mini-cube i:first-child{transform:translateZ(.15em)}.tf-mini-cube i:nth-child(2){transform:rotateY(90deg) translateZ(.15em);background:#6f8dff}.tf-mini-cube i:nth-child(3){transform:rotateY(180deg) translateZ(.15em)}.tf-mini-cube i:nth-child(4){transform:rotateY(-90deg) translateZ(.15em);background:#6f8dff}.tf-mini-cube i:nth-child(5){transform:rotateX(90deg) translateZ(.15em);background:#a9bbff}.tf-mini-cube i:nth-child(6){transform:rotateX(-90deg) translateZ(.15em);background:#1d3aa8}@keyframes tf-spin{0%{transform:rotateX(-24deg) rotateY(0deg)}to{transform:rotateX(-24deg) rotateY(1turn)}}.tf-hero2-lead{max-width:40em;margin:0 auto;animation:tf-fade-up .8s .55s both}.tf-hero2-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;animation:tf-fade-up .8s .65s both}@keyframes tf-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.tf-hs{position:relative;max-width:1080px;margin:clamp(48px,6vw,72px) auto 0;perspective:2000px;animation:tf-fade-up 1s .45s both}.tf-hs-frame{transform-origin:50% 0;transform:rotateX(calc((1 - var(--t)) * 24deg)) rotateY(calc(var(--hx) * 2.5deg)) scale(calc(.92 + var(--t) * .08));transition:transform .2s ease-out}.tf-hs-frame .tf-demo{max-width:none;box-shadow:0 70px 120px -50px rgb(30 50 140/.45),0 30px 60px -40px var(--shadowc)}.tf-demo-hint{display:inline-flex;align-items:center;gap:8px}.tf-demo-hint .dot{width:7px;height:7px;border-radius:50%;background:var(--color-accent);animation:tf-ping 1.6s ease-out infinite}@keyframes tf-ping{0%{box-shadow:0 0 0 0 rgb(var(--acc)/.55)}to{box-shadow:0 0 0 9px rgb(var(--acc)/0)}}.tf-float{--c:var(--color-accent);position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:11px 16px 11px 11px;border-radius:18px;background:rgb(255 255 255/.85);border:1px solid rgb(255 255 255/.9);backdrop-filter:blur(12px);box-shadow:0 0 0 1px var(--color-line),0 26px 44px -24px var(--shadowc);transform:translate3d(calc(var(--hx) * var(--z) * -16px),calc(var(--hy) * var(--z) * -12px),0);transition:transform .4s ease-out;animation:tf-float-in .8s cubic-bezier(.34,1.5,.5,1) both,tf-bob 5s ease-in-out infinite;animation-delay:calc(.95s + var(--i) * .12s),calc(var(--i) * -1.3s)}.tf-float.l1{left:-7%;top:16%}.tf-float.l2{left:-4%;bottom:12%;--c:#f59e0b}.tf-float.r1{right:-7%;top:6%}.tf-float.r2{right:-4%;bottom:20%;--c:#22a65e}.tf-float .ic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;flex:none;color:var(--c);background:color-mix(in srgb,var(--c) 14%,#fff)}.tf-float .tx{display:flex;flex-direction:column;text-align:left;line-height:1.25}.tf-float .tx b{font-size:14px}.tf-float .tx span{font-size:12px;color:var(--color-muted)}@keyframes tf-float-in{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}@keyframes tf-bob{0%,to{translate:0 0}50%{translate:0 -8px}}.tf-hero2-stack{align-items:center;gap:10px 16px;margin-top:44px;font-size:13px;font-weight:600;color:var(--color-muted)}.tf-hero2-stack,.tf-hero2-stack ul{display:flex;flex-wrap:wrap;justify-content:center}.tf-hero2-stack ul{gap:6px;list-style:none;margin:0;padding:0}.tf-hero2-stack li{padding:5px 13px;border-radius:999px;font-weight:700;color:var(--color-fg);background:rgb(255 255 255/.6);border:1px solid var(--color-line)}@media (max-width:1240px){.tf-float.l1,.tf-float.l2{left:-2%}.tf-float.r1,.tf-float.r2{right:-2%}}@media (max-width:960px){.tf-float{display:none}}@media (max-width:600px){.tf-hero2-h1{font-size:clamp(2.3rem,11vw,3.2rem)}.tf-hs-frame{transform:rotateX(calc((1 - var(--t)) * 14deg))}}@media (prefers-reduced-motion:reduce){.tf-demo-hint .dot,.tf-float,.tf-hero2-cta,.tf-hero2-h1 .w,.tf-hero2-lead,.tf-hs,.tf-mini-cube,.tf-pill{animation:none}.tf-mini-cube .cube{animation:none;transform:rotateX(-24deg) rotateY(35deg)}}.tf-viewer{display:grid;grid-template-columns:1.55fr 1fr;gap:24px}.tf-viewer-stage{position:relative;min-height:600px;border-radius:30px;overflow:hidden;cursor:grab;background:#eef0f8;border:1px solid var(--color-line)}.tf-viewer-stage:active{cursor:grabbing}.tf-viewer-bg{pointer-events:none;transition:background .5s;background:radial-gradient(50% 45% at 50% 62%,color-mix(in srgb,var(--pc) 24%,transparent),transparent 75%),radial-gradient(rgb(var(--ink)/.09) 1px,transparent 1.4px) 0 0 /26px 26px,linear-gradient(180deg,#f9faff,#e7eaf6)}.tf-viewer-bg,.tf-viewer-stage canvas{position:absolute;inset:0}.tf-viewer-name{left:50%;top:22px;translate:-50% 0;font-family:var(--font-display),system-ui,sans-serif;font-size:clamp(2.6rem,8vw,6.2rem);letter-spacing:-.06em;white-space:nowrap;color:transparent;-webkit-text-stroke:1.5px rgb(var(--ink)/.09)}.tf-viewer-live,.tf-viewer-name{position:absolute;pointer-events:none;font-weight:700}.tf-viewer-live{left:18px;top:18px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-size:12px;background:rgb(255 255 255/.85);border:1px solid var(--color-line);backdrop-filter:blur(8px)}.tf-viewer-live i{width:7px;height:7px;border-radius:50%;background:#2fbf71;animation:tf-pulse-g 1.6s ease-out infinite}@keyframes tf-pulse-g{0%{box-shadow:0 0 0 0 rgb(47 191 113/.55)}to{box-shadow:0 0 0 8px rgb(47 191 113/0)}}.tf-viewer-fallback{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:var(--color-muted)}.tf-viewer-views{position:absolute;left:50%;bottom:20px;translate:-50% 0;z-index:2;display:flex;gap:4px;padding:5px;border-radius:999px;background:rgb(255 255 255/.85);border:1px solid var(--color-line);backdrop-filter:blur(10px);box-shadow:0 14px 28px -16px var(--shadowc)}.tf-viewer-views button{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:999px;font:inherit;font-size:13px;font-weight:700;color:var(--color-muted);cursor:pointer;transition:background .2s,color .2s,transform .25s cubic-bezier(.34,1.6,.5,1)}.tf-viewer-views button:hover{color:var(--color-fg);transform:translateY(-1px)}.tf-viewer-views button.is-on{background:var(--color-fg);color:#fff}.tf-viewer-views button.is-on span{display:inline-block;animation:tf-spin-slow 3s linear infinite}@keyframes tf-spin-slow{to{transform:rotate(1turn)}}.tf-pins{inset:0;z-index:1}.tf-pin,.tf-pins{position:absolute;pointer-events:none}.tf-pin{left:0;top:0;display:flex;align-items:center;transition:opacity .25s}.tf-pin i{margin:-8px 0 0 -8px;pointer-events:auto;cursor:default}.tf-pin span{top:-14px;left:14px}.tf-pin i{position:relative;width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--color-accent);animation:tf-pin 2s ease-out infinite}@keyframes tf-pin{0%{box-shadow:0 0 0 0 rgb(58 100 240/.5),0 4px 10px -2px rgb(0 0 0/.3)}to{box-shadow:0 0 0 12px rgb(58 100 240/0),0 4px 10px -2px rgb(0 0 0/.3)}}.tf-pin span{position:absolute;left:24px;padding:6px 11px;border-radius:9px;white-space:nowrap;font-size:12px;font-weight:700;color:#fff;background:var(--color-fg);opacity:0;transform:translateX(-6px);pointer-events:none;transition:opacity .2s,transform .25s}.tf-pin i:hover+span,.tf-pin:hover span{opacity:1;transform:none}.tf-viewer-panel{display:flex;flex-direction:column;gap:20px;padding:26px;border-radius:30px;background:var(--color-card);border:1px solid var(--color-line)}.tf-viewer-panel fieldset{border:0;margin:0;padding:0}.tf-viewer-panel legend{display:flex;justify-content:space-between;width:100%;padding:0;margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted)}.tf-viewer-panel legend b{letter-spacing:.02em;text-transform:none;color:var(--color-fg)}.tf-seg{display:flex;padding:4px;border-radius:999px;background:var(--surf1)}.tf-seg button{flex:1;padding:9px 0;border-radius:999px;font:inherit;font-size:14px;font-weight:600;color:var(--color-muted);cursor:pointer;transition:background .25s,color .25s}.tf-seg button[aria-pressed=true]{background:var(--color-fg);color:#fff}.tf-prod{animation:tf-prod-in .45s cubic-bezier(.2,.8,.2,1) both}@keyframes tf-prod-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tf-prod-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.tf-prod h3{margin:0;font-size:1.7rem;letter-spacing:-.04em}.tf-prod-price{font-family:var(--font-display),system-ui,sans-serif;font-size:1.4rem;font-weight:600;font-variant-numeric:tabular-nums}.tf-prod-rate{margin-top:4px;font-size:12.5px;font-weight:600;color:var(--color-muted)}.tf-prod-rate b{color:#f5a524;letter-spacing:1px}.tf-prod p{margin:12px 0 0;font-size:14.5px;line-height:1.6;color:var(--color-muted)}.tf-prod-specs{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:14px 0 0;padding:0}.tf-prod-specs li{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;background:var(--surf1)}.tf-swatches{display:flex;gap:12px}.tf-swatches button{width:36px;height:36px;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 0 0 1px var(--color-line);transition:transform .25s cubic-bezier(.34,1.6,.5,1),box-shadow .2s}.tf-swatches button:hover{transform:scale(1.12)}.tf-swatches button[aria-pressed=true]{box-shadow:0 0 0 2.5px var(--color-fg);transform:scale(1.12)}.tf-buy{position:relative;display:grid;place-items:center;margin-top:auto;height:56px;border-radius:999px;overflow:hidden;cursor:pointer;font:inherit;font-size:15.5px;font-weight:700;color:#fff;background:var(--color-fg);box-shadow:0 16px 28px -14px rgb(0 0 0/.55);transition:transform .3s cubic-bezier(.34,1.6,.5,1),background .3s}.tf-buy:hover{background:var(--pc);transform:translateY(-2px)}.tf-buy:active{transform:scale(.97)}.tf-buy .a,.tf-buy .b{grid-area:1/1;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .3s}.tf-buy .b{transform:translateY(120%);opacity:0}.tf-buy.is-added{background:#1b8a4f}.tf-buy.is-added .a{transform:translateY(-120%);opacity:0}.tf-buy.is-added .b{transform:none;opacity:1}.tf-buy em{position:absolute;right:18px;top:50%;translate:0 -50%;display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;font-style:normal;font-size:12px;font-weight:800;color:var(--color-fg);background:#fff;animation:tf-bump2 .45s cubic-bezier(.34,1.8,.5,1)}@keyframes tf-bump2{0%{scale:.3}to{scale:1}}.tf-viewer-note{margin:0;font-size:12.5px;line-height:1.55;color:var(--color-muted)}@media (max-width:960px){.tf-viewer{grid-template-columns:1fr}.tf-viewer-stage{min-height:460px}}@media (max-width:600px){.tf-viewer-panel{padding:20px}.tf-viewer-views button{padding:8px 13px}}@media (prefers-reduced-motion:reduce){.tf-buy em,.tf-pin i,.tf-prod,.tf-viewer-live i,.tf-viewer-views button.is-on span{animation:none}}.tf-case{display:grid;grid-template-columns:1.15fr 1fr;gap:0;border-radius:30px;overflow:hidden;background:var(--color-card);border:1px solid var(--color-line);box-shadow:0 40px 70px -50px var(--shadowc)}.tf-case-media{position:relative;min-height:520px;background:#0e1018}.tf-case-img{object-fit:cover}.tf-case-tag{position:absolute;left:18px;top:18px;padding:7px 14px;border-radius:999px;font-size:12px;font-weight:700;background:rgb(255 255 255/.9);backdrop-filter:blur(8px)}.tf-case-body{display:flex;flex-direction:column;gap:14px;padding:clamp(24px,3.5vw,44px)}.tf-case-meta{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)}.tf-case-body h3{margin:0;font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.045em;line-height:1}.tf-case-line{margin:0;font-size:1.05rem;color:var(--color-muted)}.tf-case-ba{display:grid;gap:10px;margin-top:6px}.tf-case-ba>div{padding:14px 16px;border-radius:16px}.tf-case-ba .before{background:var(--surf1)}.tf-case-ba .after{background:rgb(var(--acc)/.09);border:1px solid rgb(var(--acc)/.2)}.tf-case-ba b{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tf-case-ba .before b{color:var(--color-muted)}.tf-case-ba .after b{color:var(--color-accent)}.tf-case-ba p{margin:4px 0 0;font-size:14.5px;line-height:1.55}.tf-case-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:6px 0 0}.tf-case-stats>div{display:flex;flex-direction:column-reverse;gap:2px;padding:4px 16px;border-left:1px solid var(--color-line)}.tf-case-stats>div:first-child{border-left:0;padding-left:0}.tf-case-stats dd{margin:0;font-family:var(--font-display),system-ui,sans-serif;font-size:1.6rem;font-weight:600;letter-spacing:-.04em}.tf-case-stats dt{font-size:12.5px;color:var(--color-muted)}.tf-case-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:10px}@media (max-width:960px){.tf-case{grid-template-columns:1fr}.tf-case-media{min-height:320px}}