:root{--electric:#10c96d}body{background:#fff}.header{position:absolute;z-index:20;left:0;right:0;top:0;width:100%;max-width:none;height:86px;min-height:0;padding:20px max(6vw,40px);background:linear-gradient(#edf2f8b3,#edf2f800)}.header .brand img{width:140px}.header .desktop-nav{font-size:12px;gap:30px}.header .nav-actions{gap:23px}.header .button{border:0;border-radius:30px;background:var(--electric);color:#fff;padding:12px 23px;font-weight:600}.header .button:hover{background:#0daf5d}.header .text-button{font-size:10px}.cinema-hero{height:max(760px,100svh);max-height:1250px;min-height:760px;position:relative;background:#ecf0f5;overflow:hidden;color:#10191a}.campaign{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 20% 50%,#fff 0,#f8fafb 32%,#e8edf3 70%,#b4c3d5 130%)}.campaign-atmosphere{position:absolute;inset:0;background:linear-gradient(165deg,#9fb0c54a 0,transparent 22%,transparent 64%,#b6c5d8aa 100%)}.campaign:after{content:"";position:absolute;left:50%;right:-25%;bottom:0;height:26%;background:linear-gradient(163deg,transparent 20%,#6e81971c 23%,#fafcff88 27%,#8499b22b 34%,transparent 42%);transform:rotate(-9deg);pointer-events:none}.campaign-content{position:absolute;left:max(10vw,calc((100vw - 1230px)/2));top:50%;transform:translateY(-42%);z-index:5;width:530px}.campaign-kicker{font-size:18px;font-weight:600;letter-spacing:.6px;margin-bottom:19px}.campaign-content h1,.campaign-content h2{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:clamp(62px,5.1vw,92px);font-weight:750;line-height:.98;letter-spacing:-3px;margin:0 0 26px;white-space:normal}.campaign-content h1>span,.campaign-content h2>span{color:var(--electric);white-space:nowrap}.campaign-subtitle{font-size:23px;line-height:1.5;font-weight:400;letter-spacing:1px;margin-bottom:28px}.campaign-specs{display:flex;gap:26px;margin-bottom:35px}.campaign-specs>span{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:400;color:#5b666a;border-right:1px solid #a8b3b9;padding-right:26px}.campaign-specs>span:last-child{border:0}.campaign-specs strong{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:28px;font-weight:600;letter-spacing:.3px;color:#182623}.campaign-cta{display:inline-flex;align-items:center;justify-content:center;gap:40px;border:0;border-radius:40px;background:var(--electric);color:#fff;min-width:178px;padding:17px 26px;font-size:15px;font-weight:600;transition:transform .2s,background .2s}.campaign-cta:hover{background:#0caa5b;transform:translateY(-2px)}.campaign-detail{display:flex;align-items:center;gap:18px;width:fit-content;margin-top:22px;font-size:12px;color:#394c4a;padding:0}.campaign-art{position:absolute;right:-1vw;top:50%;width:min(70vw,1250px);aspect-ratio:1;transform:translateY(-49%);z-index:2}.campaign-art>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(30px 40px 22px #233a4f22)}.campaign-watermark{position:absolute;right:-10px;bottom:16%;font-family:Arial,sans-serif;font-size:clamp(100px,13vw,240px);font-weight:700;letter-spacing:-9px;color:#bcc9d43a;transform:rotate(-10deg);pointer-events:none}.campaign-caption{position:absolute;bottom:99px;right:7vw;color:#7b8997;font-size:8px;line-height:1.9;z-index:5;letter-spacing:.5px;margin:0;text-align:right}.campaign-arrow{position:absolute;z-index:8;top:50%;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#64727b4d;color:#fff;font-family:Arial;font-size:38px;font-weight:200;padding:0 0 4px;transition:background .2s}.campaign-arrow:hover{background:#506b60aa}.campaign-arrow.previous{left:18px}.campaign-arrow.next{right:18px}.campaign-pagination{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);display:flex;gap:22px;z-index:8}.campaign-pagination button{padding:6px 0;font-size:10px;display:grid;grid-template-columns:auto 1fr;gap:8px 10px;color:#808e98;min-width:155px;text-align:left;white-space:nowrap}.campaign-pagination button>span{font-size:9px;grid-row:1}.campaign-pagination button>i{height:3px;background:#bac4cc;grid-column:1/-1;grid-row:2;order:3;width:100%;margin-top:5px;position:relative;overflow:hidden}.campaign-pagination button.active{color:#184c3b}.campaign-pagination button.active>i{background:var(--electric)}.campaign-pause{position:absolute;bottom:36px;left:calc(50% + 285px);z-index:8;font-size:11px;padding:9px;color:#52676a}.campaign-scroll{position:absolute;left:max(6vw,40px);bottom:47px;font-size:8px;letter-spacing:1.8px;color:#6d7c87;display:flex;gap:17px;align-items:center;z-index:5}.campaign-scroll>span{font-size:16px}.campaign.is-active .campaign-art{animation:campaign-reveal 1.3s cubic-bezier(.18,.7,.2,1) both}.campaign.is-active .campaign-content{animation:copy-reveal .8s .1s both}.campaign-colors{background:radial-gradient(ellipse at 12% 50%,#fff 0,#f6f6fb 40%,#d5ddeb 100%)}.campaign-colors .campaign-art{right:-3vw;transform:translateY(-49%)}.campaign-app{background:radial-gradient(ellipse at 15% 45%,#fff 5%,#f0f4f5 42%,#cedddc 100%)}.campaign-phone-art{position:absolute;right:14vw;top:50%;transform:translateY(-42%) rotate(10deg);z-index:3;perspective:1000px}.hero-phone{width:320px;height:640px;background:#f5f7f4;border:8px solid #183c31;box-shadow:12px 12px 0 #61766d,40px 60px 35px #384e5d30;border-radius:45px;padding:39px 21px 20px;position:relative;transform:rotateY(-18deg) rotateX(5deg)}.hero-phone-speaker{position:absolute;top:9px;left:110px;width:85px;height:17px;border-radius:30px;background:#193c32}.hero-phone-logo{width:110px;height:30px;object-fit:contain;object-position:left}.hero-phone>p{font-size:19px;line-height:1.5;margin:20px 0 17px;color:#284d3f}.hero-phone>p>b{font-weight:600}.hero-phone-product{height:264px;border-radius:12px;background:linear-gradient(145deg,#dce5db,#d6e0d6);overflow:hidden}.hero-phone-product img{width:100%;height:100%;object-fit:cover;transform:scale(1.1)}.hero-phone-swatches{display:flex;align-items:center;gap:12px;padding:19px 0}.hero-phone-swatches i{width:16px;height:16px;background:#6f9680;border-radius:50%}.hero-phone-swatches i:nth-child(2){background:#d6ba77}.hero-phone-swatches i:nth-child(3){background:#a08db5}.hero-phone-swatches i:nth-child(4){background:#9f7774}.hero-phone-swatches span{margin-left:auto;font-size:9px}.hero-phone-config{font-size:10px;border-top:1px solid #ccd5cb;padding:17px 0;display:flex;justify-content:space-between}.hero-phone-config span{color:#718674}.hero-phone>button{width:100%;padding:14px;background:#214c43;color:white;border-radius:6px;font-size:12px}.hero-phone>small{font-size:7px;color:#879587;display:block;text-align:center;margin-top:13px}.campaign-app .campaign-caption{right:7vw}.ticker{background:#fff;border-color:#e8ecea}.inspiration,.color-section,.applications,.process,.faq,.closing,.footer{background:#fff}.gallery .work-art{border-radius:10px}.button{border-radius:30px}.filters .filter.active{background:#183e34}.closing .button{background:var(--electric);border-color:var(--electric)}.closing h2{color:#163e33}.intro{background:#f8faf8}
@keyframes campaign-reveal{from{opacity:0;translate:55px 10px;scale:1.05}to{opacity:1;translate:0 0;scale:1}}@keyframes copy-reveal{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
@media(min-width:1900px){.campaign-content{left:26.5vw;width:580px}.campaign-content h1,.campaign-content h2{font-size:85px}.campaign-art{right:-2vw;width:67vw}.campaign-caption{right:8vw}.campaign-phone-art{right:16vw}}
@media(max-width:1200px){.header{padding:18px 45px}.header .desktop-nav{gap:20px;font-size:11px}.header .text-button{display:none}.campaign-content{left:10vw;width:430px}.campaign-content h1,.campaign-content h2{font-size:65px}.campaign-art{right:-10vw;width:76vw}.campaign-subtitle{font-size:20px}.campaign-phone-art{right:9vw}.hero-phone{width:290px;height:610px}.hero-phone-product{height:240px}.campaign-scroll{display:none}}
@media(max-width:760px){.header{height:74px;padding:16px 24px;background:linear-gradient(#edf2f8cc,transparent)}.header .brand img{width:128px}.header #mobile-nav{top:74px;background:#f1f5f6f5;backdrop-filter:blur(16px);box-shadow:0 12px 20px #163c3411}.cinema-hero{height:100svh;min-height:770px;max-height:1000px}.campaign-content{left:32px;right:30px;top:123px;transform:none;width:auto}.campaign-kicker{font-size:12px;margin-bottom:15px}.campaign-content h1,.campaign-content h2{font-size:clamp(44px,12vw,70px);letter-spacing:-2px;line-height:1.04;margin-bottom:16px}.campaign-subtitle{font-size:17px;letter-spacing:.5px;margin-bottom:18px}.campaign-specs{gap:17px;margin-bottom:22px}.campaign-specs>span{font-size:9px;padding-right:17px;gap:4px}.campaign-specs strong{font-size:20px}.campaign-cta{font-size:12px;min-width:145px;padding:12px 21px;gap:33px}.campaign-detail{display:none}.campaign-art{width:110vw;right:-24vw;top:auto;bottom:33px;transform:none;z-index:2}.campaign-art>img{filter:drop-shadow(18px 25px 12px #233a4f22)}.campaign-colors .campaign-art{right:-24vw;transform:none}.campaign-watermark{font-size:86px;bottom:110px;right:6px;letter-spacing:-3px}.campaign-caption{bottom:92px;left:24px;right:auto;font-size:6px;line-height:1.7;max-width:170px;text-align:left}.campaign-arrow{top:auto;bottom:42%;width:29px;height:29px;font-size:26px;padding-bottom:3px;background:#71818b38}.campaign-arrow.previous{left:9px}.campaign-arrow.next{right:9px}.campaign-pagination{bottom:23px;gap:13px;left:24px;right:57px;transform:none}.campaign-pagination button{min-width:0;width:100%;font-size:8px;gap:5px}.campaign-pagination button>span{font-size:7px}.campaign-pagination button>i{margin-top:2px;height:2px}.campaign-pause{left:auto;right:21px;bottom:24px;font-size:10px}.campaign-app .campaign-content h2{font-size:48px}.campaign-phone-art{top:auto;bottom:89px;right:17vw;transform:rotate(9deg) scale(.64);transform-origin:bottom right}.hero-phone{width:290px;height:610px}.campaign-app .campaign-caption{right:auto;left:24px;bottom:86px;max-width:150px}.ticker{font-size:8px}.campaign-app .campaign-specs{display:none}.campaign-app .campaign-content{top:114px}}
@media(max-width:380px){.cinema-hero{min-height:770px}.campaign-content{left:28px;top:110px}.campaign-content h1,.campaign-content h2{font-size:43px}.campaign-art{bottom:52px}.campaign-phone-art{right:15vw;scale:.93}.campaign-caption{bottom:88px}}
@media(prefers-reduced-motion:reduce){.campaign.is-active .campaign-art,.campaign.is-active .campaign-content{animation:none}.campaign-pause{display:none}}