:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#f6f6f4;background:#0b0e10;font-synthesis:none;--lime:#c1ff35;--muted:#8c9498}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:5px}html{scroll-behavior:smooth;scroll-padding-top:96px}.wrap{max-width:1420px;margin:auto;width:calc(100% - 112px)}.header{position:relative;z-index:2}.header-row{height:90px;display:flex;align-items:center;gap:80px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand img{width:62px;height:62px;object-fit:contain}.brand strong{font-size:27px;font-weight:950;letter-spacing:-1px}.header nav{display:flex;gap:40px;color:#b8bfc2;font-size:16px;height:100%;align-items:center}.header nav a{position:relative;padding:15px 0}.header nav a:hover,.header nav a.active{color:var(--lime)}.header nav a.active:after{content:"";position:absolute;bottom:4px;left:0;width:30px;height:3px;background:var(--lime)}.pill{background:var(--lime);color:#111704;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 25px;border-radius:40px;font-weight:800;transition:transform .18s,background .18s}.pill:hover{background:#d1ff6b;transform:translateY(-2px)}.nav-cta{margin-left:auto;padding:12px 22px;font-size:14px}.wechat-mark{font-size:10px;background:#101608;color:var(--lime);border-radius:15px;padding:4px 5px;font-weight:800}.hero{position:relative;height:442px;isolation:isolate}.hero-copy{position:relative;padding-top:25px;z-index:2;pointer-events:none;max-width:590px}.hero-copy button{pointer-events:auto}.hero-title{display:flex;align-items:center;gap:5px;white-space:nowrap;transform:rotate(-3deg);margin-left:-12px}.hero-title img{height:122px;width:125px;object-fit:contain}.hero-title h1{font-weight:1000;font-size:77px;letter-spacing:-5px;margin:0;line-height:1.25;text-shadow:2px 4px 0 #777}.slogan{font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:37px;letter-spacing:4px;font-weight:900;margin:8px 0 12px 28px;transform:rotate(-3deg);display:inline-block;border-bottom:5px solid var(--lime);padding-bottom:4px}.hero-description{font-size:17px;margin:18px 0 20px 50px;line-height:1.5}.hero-description span{color:#747d83}.main-cta{font-size:20px;padding:15px 33px;margin-left:30px;min-width:280px}.main-cta>span:last-child{font-size:28px}.benefits{display:flex;gap:28px;margin:17px 0 0 30px}.benefits>div{display:flex;gap:7px;align-items:center}.benefits .icon{width:32px;height:32px;object-fit:contain}.benefits p{font-size:13px;color:#c1c6c8;margin:0;line-height:1.6}.benefits small{display:block;color:#878f93;font-size:13px}.hero-art{position:absolute;width:740px;height:465px;object-fit:cover;right:140px;top:-1px;z-index:-1}.hero-note{font-family:Kaiti SC,KaiTi,serif;font-size:24px;letter-spacing:3px;position:absolute;right:520px;top:5px;transform:rotate(-12deg);text-align:center;line-height:1.4}.qr-aside{position:absolute;right:0;top:40px;width:186px;text-align:center}.scan-note{font-family:KaiTi,serif;font-weight:700;line-height:1.5;font-size:20px;transform:rotate(-8deg);margin:5px 0 20px}.qr-box{background:#191d1f;color:#fff;border-radius:20px;padding:16px;width:100%}.qr-box img{width:100%;border-radius:10px;display:block;background:#fff}.qr-box strong{font-size:14px;display:block;line-height:1.65;margin-top:12px}.catalog{background:#101416;position:relative;border-radius:22px 22px 0 0;padding:12px 0 35px}.filter-bar{display:flex;gap:24px;align-items:center}.category-tabs{display:flex;gap:18px;flex:1}.category-tabs button{display:flex;align-items:center;justify-content:center;gap:15px;border-radius:12px;background:#1c2022;color:#f6f6f4;min-height:60px;padding:9px 18px;flex:1;white-space:nowrap;font-size:16px;font-weight:800;text-align:left;transition:.2s}.category-tabs button:hover{background:#2b3335}.category-tabs button.selected{background:var(--lime);color:#12190a}.category-tabs .icon{height:32px;width:32px}.category-tabs small{display:block;color:#a9afb2;font-size:13px;font-weight:400;margin-top:2px}.category-tabs .selected small{color:#26320c}.search{display:flex;align-items:center;background:#202527;border-radius:35px;padding:11px 14px;width:245px;color:#a7adb0;gap:9px}.search>span{font-size:23px;line-height:1}.search input{background:none;border:0;color:#fff;min-width:0;width:100%;font-size:14px;outline:0}.search:focus-within{box-shadow:0 0 0 2px var(--lime)}.search button{background:none;color:#d5d9da;font-size:20px;padding:0}.section-heading{display:flex;align-items:center;gap:32px;margin:19px 0 17px}.section-heading h2{font-size:32px;line-height:1.3;margin:0;font-weight:950;position:relative;white-space:nowrap}.section-heading h2:after{content:"";display:block;position:absolute;left:0;right:0;height:5px;bottom:-3px;background:var(--lime);transform:rotate(-3deg)}.section-heading p{color:#9aa2a7;font-size:16px;margin:0}.view-all{margin-left:auto;background:none;color:#a6afb4;white-space:nowrap;font-size:14px}.view-all span{margin-left:9px}.tool-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.tool-card{position:relative;height:201px;text-align:left;overflow:hidden;padding:19px 16px;border-radius:16px;color:#121719;transition:transform .2s,box-shadow .2s;width:100%}.tool-card:hover{transform:translateY(-4px);box-shadow:0 8px 26px #0007;z-index:1}.card-copy{position:relative;z-index:1;width:57%;height:100%;display:flex;flex-direction:column;align-items:flex-start}.tool-card h3{font-size:16px;font-weight:900;line-height:1.4;white-space:nowrap;letter-spacing:-.5px;margin:0 0 3px}.real-name{font-size:13px;color:#324d57;margin:0 0 10px;white-space:nowrap}.card-description{font-size:11.5px;line-height:1.5;color:#53646a;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;max-width:130px}.card-arrow{display:flex;align-items:center;justify-content:center;background:#fff;color:#29554f;width:34px;height:34px;border-radius:50%;font-size:23px;margin-top:auto;flex-shrink:0}.card-photo{position:absolute;right:0;bottom:0;width:46%;height:90%;object-fit:cover;border-radius:14px 0 0;mix-blend-mode:multiply}.card-illustration{position:absolute;right:8px;top:62px;width:39%;height:120px;transform:rotate(8deg);display:flex;align-items:center;justify-content:center}.card-illustration img{width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 10px 8px #364d5830)}.empty{padding:65px 20px;text-align:center;color:#a9b4b7}.empty h3{color:#fff}.empty button{margin-top:10px}.catalog-end{display:flex;justify-content:center;align-items:center;gap:28px;margin:34px 0 0;color:#7f8a90;font-size:14px}.catalog-end button{background:none;color:var(--lime);padding:10px}.scenes{padding:90px 0}.eyebrow{color:var(--lime);font-size:13px;letter-spacing:2px}.scenes h2,.about h2,.bottom-cta h2{font-size:39px;letter-spacing:-1px;line-height:1.4;margin:13px 0 32px}em{font-style:normal;color:var(--lime)}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.scene-grid button{text-align:left;background:#181e20;border:1px solid #2b3336;border-radius:20px;padding:30px;color:#fff;transition:.2s}.scene-grid button:hover{border-color:var(--lime);transform:translateY(-3px)}.scene-grid .icon{height:45px;width:45px;display:block;margin-bottom:26px}.scene-grid span{color:#98a2a7;font-size:13px}.scene-grid h3{font-size:24px;margin:8px 0 15px}.scene-grid p{color:#99a4a9;font-size:14px;line-height:1.9;max-width:340px}.scene-grid button>span:last-child{font-size:27px;color:var(--lime)}.about{display:flex;align-items:center;gap:90px;padding:35px 60px 90px;border-bottom:1px solid #273034}.about>img{width:29%;object-fit:contain}.about h2{margin-bottom:18px}.about p{font-size:15px;line-height:2;color:#9aa6ab}.about .pill{margin-top:10px}.bottom-cta{display:flex;align-items:center;justify-content:space-between;padding:70px 0}.bottom-cta>div>span{font-size:14px;color:#99a2a6}.bottom-cta h2{font-size:30px;margin:12px 0 0}footer{display:flex;align-items:center;gap:30px;border-top:1px solid #273034;padding:30px 0 40px;color:#9aa3a8}footer .brand img{width:45px;height:45px}footer .brand strong{font-size:20px;color:#fff}footer p{font-size:13px;line-height:1.8}footer>a:last-child{margin-left:auto;font-size:13px}footer small{color:#758087}dialog{width:450px;max-width:calc(100% - 30px);border:1px solid #3d484c;border-radius:24px;padding:30px 36px;background:#161d20;color:#fff;text-align:center;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:16px;top:12px;background:none;color:#c4cccf;font-size:30px;min-height:40px;min-width:40px}.dialog-brand{width:65px;height:65px;object-fit:contain}dialog .eyebrow{font-size:11px;margin-top:8px}dialog h2{font-size:24px;margin:16px 0 10px}dialog p{font-size:13px;color:#afbabf;line-height:1.7}dialog .dialog-code{width:220px;height:220px;border-radius:16px;background:#fff;display:block;margin:20px auto}dialog .dialog-tip{font-size:12px}dialog .pill{font-size:14px;width:100%;margin-top:5px}dialog>small{display:block;color:#7f9099;font-size:11px;margin-top:14px}@media(min-width:1600px){.hero{height:480px}.hero-art{height:490px;width:790px}.hero-copy{padding-top:40px}}@media(max-width:1250px){.wrap{width:calc(100% - 64px)}.header{gap:40px}.header nav{gap:24px}.brand strong{font-size:23px}.hero-title h1{font-size:65px}.hero-title img{width:100px;height:105px}.slogan{font-size:30px}.hero-art{right:110px;width:650px}.qr-aside{width:150px;top:70px}.hero-note{right:390px;font-size:20px}.category-tabs{gap:10px}.category-tabs button{padding:10px;gap:9px;font-size:14px}.search{width:200px}.filter-bar{gap:15px}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.section-heading p{font-size:14px}.tool-card h3{font-size:15px}.benefits{gap:16px}}@media(max-width:950px){.header{gap:25px;height:80px}.header nav{gap:20px;font-size:13px}.nav-cta{font-size:12px;padding:11px 15px}.hero-art{right:0;width:600px;opacity:.8}.qr-aside{display:none}.hero-note{right:280px}.hero-copy{max-width:500px}.hero-title h1{font-size:64px}.category-tabs button{font-size:13px;gap:8px;padding:10px}.category-tabs .icon{width:25px;height:25px}.filter-bar{flex-wrap:wrap}.category-tabs{width:100%;flex:auto}.search{width:100%}.section-heading{flex-wrap:wrap;gap:15px}.section-heading p{flex:1}.view-all{font-size:12px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about{gap:40px;padding:20px 0 60px}.scene-grid button{padding:22px}.scenes h2,.about h2{font-size:32px}.bottom-cta h2{font-size:25px}}@media(max-width:640px){.wrap{width:calc(100% - 32px)}.header{height:74px;flex-wrap:wrap;gap:0;justify-content:space-between}.brand img{width:42px;height:42px}.brand strong{font-size:21px}.header nav{order:3;width:100%;justify-content:space-between;height:45px;gap:0;font-size:13px}.header nav a{padding:8px 0}.nav-cta{margin:0;padding:9px 13px;font-size:11px;gap:4px}.nav-cta .wechat-mark{display:none}.hero{margin-top:47px;height:635px}.hero-copy{padding-top:15px;max-width:100%}.hero-title{margin-left:0;gap:0}.hero-title img{width:76px;height:78px}.hero-title h1{font-size:50px;letter-spacing:-3px;text-shadow:1px 2px #777}.slogan{font-size:26px;margin:10px 0 8px 8px;letter-spacing:2px;border-bottom-width:3px}.hero-description{font-size:14px;margin:13px 0 15px 12px}.main-cta{margin-left:8px;font-size:16px;min-width:235px;padding:12px 20px}.benefits{margin-left:8px;gap:15px;margin-top:16px}.benefits .icon{width:26px;height:26px}.benefits p,.benefits small{font-size:10px}.hero-art{height:320px;width:440px;max-width:calc(100% + 32px);right:-16px;top:316px;opacity:1;object-fit:cover}.hero-note{right:8px;top:234px;font-size:17px;letter-spacing:1px}.catalog{border-radius:18px 18px 0 0;padding-top:13px}.filter-bar{gap:12px}.category-tabs{overflow-x:auto;gap:8px;padding:2px 1px 8px;scrollbar-width:thin}.category-tabs button{min-width:128px;min-height:56px;flex:0 0 auto;font-size:13px;gap:9px}.category-tabs small{font-size:11px}.search{padding:10px 14px}.section-heading{margin:22px 0 18px;gap:12px}.section-heading h2{font-size:25px}.section-heading p{order:3;flex-basis:100%;font-size:12px;line-height:1.5}.view-all{font-size:11px;padding:0}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tool-card{height:206px;padding:14px 11px;border-radius:13px}.tool-card h3{font-size:13px;letter-spacing:-.6px;white-space:normal;width:170%;min-height:19px}.card-copy{width:62%}.real-name{font-size:11px;margin:5px 0 9px;white-space:normal}.card-description{font-size:10px;-webkit-line-clamp:5;max-width:100px}.card-arrow{width:29px;height:29px;font-size:20px}.card-illustration{right:0;top:82px;width:38%;height:85px}.card-photo{width:40%;height:72%;bottom:10px}.catalog-end{gap:15px;font-size:11px}.catalog-end button{font-size:11px}.scenes{padding:60px 0}.eyebrow{font-size:11px}.scenes h2{font-size:27px;margin-top:15px}.scene-grid{grid-template-columns:1fr;gap:12px}.scene-grid button{padding:25px;position:relative}.scene-grid .icon{float:right;margin:0 0 10px 20px;width:40px;height:40px}.scene-grid h3{font-size:22px}.scene-grid p{max-width:100%;font-size:13px}.about{gap:10px;align-items:flex-start;position:relative;padding:0 0 45px}.about>img{position:absolute;width:90px;right:0;top:40px}.about>div{width:100%}.about h2{font-size:28px;margin-top:20px}.about p{font-size:12px;line-height:1.9}.about .pill{font-size:12px}.bottom-cta{padding:40px 0;display:block}.bottom-cta h2{font-size:25px}.bottom-cta>div>span{font-size:12px}.bottom-cta .pill{margin-top:25px;font-size:13px}footer{flex-wrap:wrap;gap:10px 20px;padding:24px 0}footer .brand strong{font-size:17px}footer .brand img{width:35px;height:35px}footer p{order:3;width:100%;font-size:11px}footer>a:last-child{font-size:12px}dialog{padding:25px}dialog .dialog-code{width:205px;height:205px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(min-width:1251px){.hero-title h1{font-size:94px;letter-spacing:-6px}.hero-title img{height:132px;width:135px}.hero-copy{max-width:650px}.hero-description{margin-top:11px}.slogan{margin-top:0;margin-bottom:7px}}.brand img,.hero-title img,.about>img{mix-blend-mode:lighten}.hero-art{mix-blend-mode:lighten}.logo-face{position:relative;width:100%;height:100%;overflow:hidden;background:transparent;pointer-events:none}.logo-eye{position:absolute;background:#fff;border-radius:50%;overflow:hidden;transform-origin:50% 55%;-webkit-animation:logo-blink 7.2s infinite;animation:logo-blink 7.2s infinite;-webkit-backface-visibility:hidden;will-change:transform}.logo-eye-left{left:5.6%;top:5.5%;width:46%;height:45%;transform:rotate(0)}.logo-eye-right{left:55.5%;top:19%;width:40%;height:38%;-webkit-animation-delay:-.16s;animation-delay:-.16s}.logo-pupil{position:absolute;width:24%;height:24%;left:65%;top:58%;border-radius:50%;background:#08090a;-webkit-animation:logo-look-left 7.2s infinite ease-in-out;animation:logo-look-left 7.2s infinite ease-in-out;will-change:transform}.logo-eye-right .logo-pupil{left:59%;top:58%;-webkit-animation-name:logo-look-right;animation-name:logo-look-right}.logo-eye-shine{position:absolute;right:-3%;top:-6%;width:45%;height:45%;border-radius:50%;background:#fff}.logo-mouth{position:absolute;left:4%;top:56%;width:61%;height:29%;border:calc(var(--logo-size) * .075) solid #ff5034;border-radius:54% 58% 45% 48%;background:#090a0c;overflow:hidden;transform:rotate(17deg);-webkit-animation:logo-gab 7.2s infinite ease-in-out;animation:logo-gab 7.2s infinite ease-in-out;box-sizing:border-box;-webkit-backface-visibility:hidden;will-change:transform}.brand-logo .logo-mouth{border-width:.72vw}.mine-logo .logo-mouth{border-width:.84vw}.mine-mascot .logo-mouth{border-width:1.85vw}.logo-tooth{position:absolute;left:24%;top:0;width:34%;height:48%;border-radius:0 0 30% 30%;background:#fffdf5;transform-origin:50% 0;-webkit-animation:logo-tooth-fall 7.2s infinite ease-in-out;animation:logo-tooth-fall 7.2s infinite ease-in-out;will-change:transform}.logo-tooth-crack{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;-webkit-animation:logo-tooth-split 7.2s infinite steps(1,end);animation:logo-tooth-split 7.2s infinite steps(1,end)}.logo-tooth-crack-top,.logo-tooth-crack-bottom{position:absolute;width:9%;height:56%;background:#39312d;border-radius:1px}.logo-tooth-crack-top{left:49%;top:0;transform:rotate(24deg)}.logo-tooth-crack-bottom{left:45%;top:43%;transform:rotate(-27deg)}.logo-wrench{position:absolute;z-index:3;left:51%;top:54%;width:46%;height:43%}@-webkit-keyframes logo-look-left{0%,12%,to{-webkit-transform:translate(0,0);transform:translate(0)}20%,31%{-webkit-transform:translate(-180%,-50%);transform:translate(-180%,-50%)}39%,48%{-webkit-transform:translate(5%,-100%);transform:translate(5%,-100%)}55%,65%{-webkit-transform:translate(10%,15%);transform:translate(10%,15%)}74%,83%{-webkit-transform:translate(-90%,20%);transform:translate(-90%,20%)}}@keyframes logo-look-left{0%,12%,to{transform:translate(0)}20%,31%{transform:translate(-180%,-50%)}39%,48%{transform:translate(5%,-100%)}55%,65%{transform:translate(10%,15%)}74%,83%{transform:translate(-90%,20%)}}@keyframes logo-look-right{0%,12%,to{transform:translate(0)}20%,31%{transform:translate(-170%,-40%)}39%,48%{transform:translate(15%,-110%)}55%,65%{transform:translate(-190%,15%)}74%,83%{transform:translate(-70%,20%)}}@keyframes logo-blink{0%,34%,38%,69%,73%,to{transform:scaleY(1)}36%,71%{transform:scaleY(.08)}}@keyframes logo-gab{0%,14%,34%,50%,86%,to{transform:rotate(17deg) scale(1)}21%,28%{transform:rotate(7deg) scale(.92,1.18)}40%,46%{transform:rotate(24deg) scale(1.04,.7)}56%,65%{transform:rotate(11deg) scale(.88,1.28)}75%,80%{transform:rotate(22deg) scale(1.05,.8)}}@keyframes logo-tooth-split{0%,49%,85%,to{opacity:0}52%,84%{opacity:1}}@keyframes logo-tooth-fall{0%,51%,to{transform:translateY(0) rotate(0)}54%,60%{transform:translateY(3%) rotate(-9deg)}57%,63%{transform:translateY(6%) rotate(10deg)}66%{transform:translateY(16%) rotate(-5deg)}76%{transform:translateY(190%) rotate(24deg)}84%,99.9%{transform:translateY(310%) rotate(38deg)}}@-webkit-keyframes logo-look-right{0%,12%,to{-webkit-transform:translate(0,0)}20%,31%{-webkit-transform:translate(-170%,-40%)}39%,48%{-webkit-transform:translate(15%,-110%)}55%,65%{-webkit-transform:translate(-190%,15%)}74%,83%{-webkit-transform:translate(-70%,20%)}}@-webkit-keyframes logo-blink{0%,34%,38%,69%,73%,to{-webkit-transform:scaleY(1)}36%,71%{-webkit-transform:scaleY(.08)}}@-webkit-keyframes logo-gab{0%,14%,34%,50%,86%,to{-webkit-transform:rotate(17deg) scale(1,1)}21%,28%{-webkit-transform:rotate(7deg) scale(.92,1.18)}40%,46%{-webkit-transform:rotate(24deg) scale(1.04,.7)}56%,65%{-webkit-transform:rotate(11deg) scale(.88,1.28)}75%,80%{-webkit-transform:rotate(22deg) scale(1.05,.8)}}@-webkit-keyframes logo-tooth-split{0%,49%,85%,to{opacity:0}52%,84%{opacity:1}}@-webkit-keyframes logo-tooth-fall{0%,51%,to{-webkit-transform:translateY(0) rotate(0)}54%,60%{-webkit-transform:translateY(3%) rotate(-9deg)}57%,63%{-webkit-transform:translateY(6%) rotate(10deg)}66%{-webkit-transform:translateY(16%) rotate(-5deg)}76%{-webkit-transform:translateY(190%) rotate(24deg)}84%,99.9%{-webkit-transform:translateY(310%) rotate(38deg)}}.animated-logo{--logo-size:62px;width:var(--logo-size);height:var(--logo-size);display:block;flex:none;filter:drop-shadow(0 4px 8px #0003)}.animated-logo .logo-face{display:block}.hero-title .animated-logo{--logo-size:132px}.animated-logo .logo-wrench{height:43%;width:46%;mix-blend-mode:normal;animation:logo-wrench-wave 7.2s ease-in-out infinite;transform-origin:30% 75%}.animated-logo .logo-mouth{border-width:calc(var(--logo-size) * .075)}.hero-art{animation:hero-float 7.2s ease-in-out infinite;transform-origin:60% 60%}.header .brand:hover .animated-logo{filter:drop-shadow(0 0 8px #c1ff3538)}@keyframes logo-wrench-wave{0%,30%,60%,to{transform:rotate(0)}35%,45%{transform:rotate(-12deg)}40%,50%{transform:rotate(8deg)}}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}footer .animated-logo{--logo-size:45px}@media(max-width:1250px){.hero-title .animated-logo{--logo-size:105px}}@media(max-width:640px){.header .animated-logo{--logo-size:42px}.hero-title .animated-logo{--logo-size:78px}footer .animated-logo{--logo-size:35px}}@media(prefers-reduced-motion:reduce){.animated-logo *,.hero-art{animation:none!important}}@media(max-width:640px){.hero-note{display:none}}.selected-banner{position:relative;width:100%;max-width:2106px;margin:0 auto;line-height:0}.selected-banner-image{display:block;width:100%;height:auto}.banner-open{position:absolute;left:6.5%;top:67.5%;width:19.5%;height:12%;background:transparent;border-radius:60px}.banner-open:hover{box-shadow:0 0 30px #c1ff3570}.banner-qr{position:absolute;left:85.85%;top:35.05%;width:10.6%;aspect-ratio:1;background:#fff;padding:5px;border-radius:9%;line-height:0}.banner-qr img{width:100%;height:100%;object-fit:contain;border-radius:5%}.banner-mobile-action{display:none}.selected-banner+.catalog{margin-top:0}@media(max-width:640px){.selected-banner{margin-top:47px}.banner-mobile-action{display:block;text-align:center;line-height:1.5;padding:20px 0 22px}.banner-mobile-action .pill{font-size:15px;padding:13px 28px}.banner-mobile-action p{font-size:11px;color:#9da6ab;margin:12px 0 0}.banner-qr{padding:1px;border-radius:4px}.banner-open{border-radius:15px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.video-banner{position:relative;width:100%;aspect-ratio:5044/2160;max-width:2300px;margin:auto;isolation:isolate;overflow:hidden;background:#050b09}.banner-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.banner-video-still{display:block}.video-copy{position:absolute;left:5.5%;top:20%;width:32%;text-shadow:0 2px 12px #000a}.video-copy h1{font-size:clamp(36px,4.7vw,100px);font-weight:1000;line-height:1.15;letter-spacing:-3px;margin:0;white-space:nowrap}.video-slogan{font-family:Kaiti SC,KaiTi,serif;font-size:clamp(20px,2.2vw,44px);white-space:nowrap;margin:18px 0 24px;transform:rotate(-3deg);display:inline-block;border-bottom:4px solid var(--lime);padding-bottom:9px}.video-description{font-size:clamp(13px,1.25vw,23px);line-height:1.75;margin:0 0 26px;color:#eee}.video-description span{color:#a9b5b5}.video-copy>.pill{font-size:clamp(14px,1.3vw,23px);padding:16px 33px;min-width:260px;text-shadow:none}.video-benefits{display:flex;flex-wrap:wrap;gap:10px 23px;color:#c1ceca;font-size:clamp(10px,.9vw,16px);line-height:1.5;margin-top:24px}.video-qr{position:absolute;right:2%;top:31%;width:11%;text-align:center}.video-qr p{font-family:KaiTi,serif;font-size:clamp(14px,1.4vw,27px);line-height:1.4;transform:rotate(-6deg);margin:0 0 12px;text-shadow:0 2px 7px #000}.video-qr button{padding:7px;background:#fff;border-radius:12px;width:100%;line-height:0;box-shadow:0 10px 25px #0005}.video-qr img{width:100%;height:auto}.video-qr small{display:block;font-size:clamp(10px,.9vw,17px);line-height:1.7;margin-top:12px;color:#e1e9e5}.video-toggle{position:absolute;bottom:15px;right:20px;background:#0b171bc9;border:1px solid #ffffff42;color:#fff;padding:8px 13px;border-radius:20px;font-size:11px;min-height:35px}@media(max-width:950px){.video-copy{left:4%;top:15%;width:34%}.video-slogan{margin:13px 0 15px;font-size:22px}.video-description{margin-bottom:16px;font-size:13px}.video-copy>.pill{min-width:0;padding:12px 20px;font-size:14px}.video-benefits{gap:5px;margin-top:13px;font-size:10px;display:block}.video-benefits span{display:block}.video-qr{top:20%}}@media(max-width:640px){.video-banner{margin-top:47px;aspect-ratio:auto;padding-top:43%;overflow:hidden;min-height:425px}.banner-video{height:auto;aspect-ratio:5044/2160;object-fit:contain}.video-copy{position:relative;left:auto;top:auto;width:auto;padding:8px 22px 65px;text-shadow:none;background:#080f0d}.hero-art-box{max-width:430px;margin:0 auto}.video-copy h1{font-size:36px;letter-spacing:-1px}.video-slogan{font-size:23px;margin:12px 0 18px}.video-description{font-size:13px;margin-bottom:18px}.video-copy>.pill{font-size:15px;padding:13px 26px}.video-benefits{display:flex;gap:8px 18px;margin-top:16px;font-size:10px}.video-qr{display:none}.video-toggle{right:15px;bottom:13px;font-size:10px}}.header{position:absolute;top:0;left:0;width:100%;z-index:10;background:transparent}.header-stuck{position:fixed;background:#0b0e10f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px #ffffff14}.header-stuck .header-row{height:66px;transition:height .2s}.header-stuck .brand img{width:46px;height:46px}.header-stuck .animated-logo{--logo-size:46px}.header-stuck .brand strong{font-size:22px}.header nav a,.header .brand{text-shadow:0 2px 10px #000}.header-stuck nav a,.header-stuck .brand{text-shadow:none}.video-banner{margin-top:0;max-width:none}.video-copy{top:23%}.video-toggle{bottom:62px}.video-banner+.catalog{z-index:2;border-radius:0;padding-top:23px}.video-banner+.catalog:before{content:"";position:absolute;pointer-events:none;top:-52px;left:0;width:100%;height:54px;background:var(--lime);border-radius:50% 50% 0 0/100% 100% 0 0;box-sizing:border-box}.video-banner+.catalog:after{content:"";position:absolute;pointer-events:none;top:-45px;left:0;width:100%;height:47px;background:#101416;border-radius:50% 50% 0 0/100% 100% 0 0;box-sizing:border-box}.video-copy{top:18%;width:33%}.hero-art-box{position:relative}.banner-hero-art{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 22px #0007)}.banner-hero-cta{position:absolute;left:22%;top:66.5%;width:57%;height:14.5%;background:transparent;border-radius:60px}.banner-hero-cta:hover{box-shadow:0 0 30px #c1ff3570}@media(max-width:950px){.video-copy{top:24%}.video-copy h1{font-size:clamp(32px,4.6vw,50px)}.video-slogan{font-size:20px;margin:10px 0}.video-benefits{margin-top:9px}.video-qr{top:28%}}@media(max-width:640px){.header-row{height:74px}.header-stuck .header-row{height:60px}.header nav{height:40px}.video-banner{margin-top:0;padding-top:43%}.video-copy{top:auto;padding-bottom:90px}.video-copy h1{font-size:36px}.video-slogan{font-size:23px;margin:12px 0 18px}.video-benefits{margin-top:16px}.video-toggle{bottom:55px}.video-banner+.catalog{padding-top:16px}.video-banner+.catalog:before{height:34px;top:-32px}.video-banner+.catalog:after{height:28px;top:-26px}}.banner-hero-art{filter:drop-shadow(0 1px 2px #04150de6) drop-shadow(0 8px 18px #0006)}@media(max-width:640px){.video-copy{width:auto}.hero-art-box{width:100%;max-width:430px}}.tool-card{isolation:isolate}.card-photo{height:82%;width:44%;right:5px;bottom:0;object-fit:cover;object-position:center;border-radius:13px 13px 0 0;mix-blend-mode:multiply;transition:transform .25s ease}.tool-card:hover .card-photo{transform:translateY(-3px) rotate(-1deg)}.tool-card h3{position:relative;z-index:2}.card-description{max-width:125px}.card-illustration{opacity:.95}@media(max-width:640px){.card-photo{width:40%;height:70%;right:0;bottom:6px}.card-description{max-width:95px}}@media(prefers-reduced-motion:reduce){.tool-card:hover .card-photo{transform:none}}@media(max-width:640px){html{scroll-padding-top:120px}.header,.header-stuck{height:auto;background:#080f0df5;position:sticky;top:0}.header-row,.header-stuck .header-row{height:auto;min-height:102px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:0;padding-top:10px;padding-bottom:6px}.header .brand{gap:8px}.header .brand strong,.header-stuck .brand strong{font-size:19px;letter-spacing:-.5px}.header .animated-logo,.header-stuck .animated-logo{--logo-size:36px}.header nav{order:3;flex:0 0 100%;width:100%;height:44px;display:flex;justify-content:space-between;gap:12px;font-size:13px}.header nav a{white-space:nowrap;padding:12px 0;line-height:20px}.header nav a.active:after{bottom:3px}.header .nav-cta{margin:0;min-height:40px;padding:10px 12px;font-size:11px;white-space:nowrap}.video-banner{padding-top:42.82%;min-height:0;overflow:hidden}.banner-video{top:0;left:0;width:100%;height:auto;aspect-ratio:5044/2160;object-fit:contain}.video-copy{position:relative;inset:auto;width:100%;padding:12px 16px 78px;background:linear-gradient(#050b09,#080f0d)}.hero-art-box{width:100%;max-width:420px;margin:auto}.video-toggle{bottom:36px;right:16px;min-height:40px;padding:10px 16px;font-size:12px}.banner-hero-cta{min-height:40px}.video-banner+.catalog:before{height:22px;top:-20px}.video-banner+.catalog:after{height:18px;top:-16px}.category-tabs{gap:8px;padding-bottom:8px;scrollbar-width:none;scroll-snap-type:x proximity}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{min-width:116px;min-height:56px;scroll-snap-align:start}.search{min-height:46px}.search input{font-size:16px;min-width:0;width:100%}.section-heading{gap:10px}.section-heading h2{font-size:23px}.view-all{min-height:40px;font-size:12px}.tool-card{height:235px;padding:14px 12px}.card-copy{width:100%}.tool-card h3{width:100%;font-size:14px;letter-spacing:0;line-height:1.45;min-height:0}.real-name{font-size:12px;margin:5px 0 10px}.card-description{font-size:11px;line-height:1.65;width:60%;max-width:none;-webkit-line-clamp:5}.card-photo{width:39%;height:58%;bottom:14px}.card-illustration{width:38%;height:90px;top:auto;bottom:38px}.card-arrow{width:34px;height:34px}.catalog-end{flex-wrap:wrap;gap:4px 12px}.catalog-end button{min-height:44px}.about>img{width:72px;opacity:.45;z-index:-1}.about{isolation:isolate}.about h2{font-size:26px}dialog{max-height:calc(100dvh - 32px);overflow-y:auto;padding:30px 20px 24px}dialog .dialog-code{width:min(205px,70vw);height:auto;aspect-ratio:1}}@media(max-width:360px){.header .brand strong{font-size:17px}.header .nav-cta{font-size:10px;padding:9px}.header nav{font-size:12px}.tool-card{padding:12px 10px;height:245px}.tool-card h3{font-size:13px}.card-description{width:64%;font-size:10.5px}}@media(max-width:640px){.card-photo{object-fit:contain;object-position:bottom center}}.card-photo{mix-blend-mode:normal}@media(max-width:640px){.tool-card{height:272px}.card-copy{width:100%}.tool-card h3{width:100%;font-size:13px;white-space:normal}.card-description{max-width:100%;font-size:10.5px;-webkit-line-clamp:3;line-height:1.5}.card-photo{width:68%;height:56%;right:0;bottom:0;object-fit:contain;object-position:bottom right}.card-arrow{position:relative;z-index:3}.card-illustration{top:auto;bottom:8px;right:5px;width:58%;height:125px}}@media(max-width:640px){.card-description{width:100%}}
