@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;900&display=swap');
:root{--red:#ed1b2f;--green:#083f38;--leaf:#32c17b;--mint:#8ee8c1;--cyan:#45d7dd;--blue:#2578ff;--ink:#102f2b;--soft:#eaf8f1;--cream:#f7faf4;--white:#fff;--line:#dbe9e2;--dark:#062f2b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans SC',system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}header{height:76px;display:flex;align-items:center;gap:38px;padding:0 max(5vw,24px);position:sticky;top:0;z-index:40;background:rgba(247,250,244,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(8,63,56,.08)}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand img{width:48px;height:48px;border-radius:15px;object-fit:cover}.brand>div{display:flex;flex-direction:column}.brand b{font-size:20px;letter-spacing:5px}.brand small{font-size:8px;letter-spacing:3px;color:#708b83}nav{display:flex;gap:27px;font-size:13px;font-weight:600}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--red);transition:.25s}nav a:hover:after{right:0}.nav-redeem{display:flex;align-items:center;gap:8px;background:#409EFF;color:#fff;padding:11px 19px;border-radius:14px;font-size:13px;font-weight:700}.nav-redeem i,.signal i,.console-title i,.panel-top i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(142,232,193,.16)}.hero{min-height:720px;padding:78px max(6.5vw,30px) 95px;display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:5vw;background:radial-gradient(circle at 88% 12%,rgba(69,215,221,.2),transparent 24%),linear-gradient(130deg,#f8fbf5 0 55%,#e3f8ee 100%);position:relative}.hero:after{content:"";position:absolute;left:6.5vw;right:6.5vw;bottom:34px;height:1px;background:linear-gradient(90deg,var(--green),transparent)}.signal{width:max-content;padding:9px 14px;border-radius:99px;background:white;border:1px solid var(--line);display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:2px;color:var(--green)}.hero h1{font-size:clamp(54px,6.5vw,92px);line-height:1.04;letter-spacing:-5px;margin:25px 0}.hero h1 em{font-style:normal;color:var(--red);position:relative}.hero h1 em:after{content:"";position:absolute;right:-18px;top:5px;width:12px;height:12px;background:var(--leaf);border-radius:50%}.hero-copy>p{max-width:570px;color:#58716a;line-height:1.9;font-size:17px}.actions{display:flex;gap:12px;margin:33px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:17px;padding:15px 23px;background:var(--red);color:white;font-weight:700;cursor:pointer;box-shadow:0 11px 25px rgba(237,27,47,.16)}.btn.secondary,.btn.ghost{background:white;color:var(--green);border:1px solid var(--line);box-shadow:none}.hero-points{display:flex;gap:13px;flex-wrap:wrap}.hero-points span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.hero-points i{font-style:normal;color:var(--leaf);font-size:9px;border:1px solid var(--mint);padding:4px;border-radius:7px}.eco-lab{height:555px;border-radius:48px;background:linear-gradient(145deg,#063f39,#092d32);position:relative;overflow:hidden;box-shadow:22px 25px 0 #b7ebd3}.lab-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(69,215,221,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(69,215,221,.08) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000,transparent)}.orbit{position:absolute;border:1px solid rgba(69,215,221,.35);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.o1{width:380px;height:380px}.o2{width:270px;height:270px;border-style:dashed;animation:spin 18s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.water{position:absolute;left:0;right:0;bottom:0;height:170px;background:linear-gradient(rgba(50,193,123,.65),#0a7369);border-radius:50% 50% 0 0/30% 30% 0 0}.water i{position:absolute;width:190px;height:45px;border:1px solid rgba(255,255,255,.25);border-radius:50%;left:50%;transform:translateX(-50%);top:15px}.water i:nth-child(2){width:300px;top:38px}.water i:nth-child(3){width:430px;top:67px}.smart-crab{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:210px;height:150px;border-radius:48% 48% 42% 42%;background:var(--red);box-shadow:inset 0 -18px 0 #c91428,0 0 60px rgba(69,215,221,.32)}.smart-crab:before,.smart-crab:after{content:"";position:absolute;width:70px;height:70px;border:20px solid var(--red);border-radius:50%;top:50px}.smart-crab:before{left:-78px;border-right-color:transparent;transform:rotate(-25deg)}.smart-crab:after{right:-78px;border-left-color:transparent;transform:rotate(25deg)}.smart-crab .eye{position:absolute;top:-20px;width:27px;height:40px;border-radius:50% 50% 42% 42%;background:white;border:8px solid var(--red)}.smart-crab .eye:after{content:"";position:absolute;width:7px;height:7px;background:var(--dark);border-radius:50%;left:3px;top:5px}.smart-crab .e1{left:45px}.smart-crab .e2{right:45px}.smart-crab>b{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);font-size:64px;color:#ff9e99}.sensor{position:absolute;background:rgba(255,255,255,.95);border-radius:18px;padding:15px 17px;width:150px;box-shadow:0 14px 32px #0018}.sensor small{font-size:9px;color:#749189;display:block}.sensor strong{font-size:20px}.s1{left:26px;top:50px}.s1>i{display:block;height:5px;background:#dcece5;border-radius:5px;margin-top:10px;overflow:hidden}.s1>i b{display:block;width:82%;height:100%;background:var(--leaf)}.s2{right:26px;bottom:75px}.bars{height:35px;display:flex;gap:5px;align-items:flex-end;margin-top:6px}.bars i{width:12px;background:var(--cyan);border-radius:5px;height:45%}.bars i:nth-child(2){height:80%}.bars i:nth-child(3){height:60%}.bars i:nth-child(4){height:100%;background:var(--leaf)}.eco-tag{position:absolute;right:25px;top:24px;color:var(--mint);font-size:9px;letter-spacing:3px}.console{width:min(1180px,88%);margin:-48px auto 0;position:relative;z-index:4;background:white;border:1px solid var(--line);border-radius:23px;padding:21px 25px;display:flex;align-items:center;gap:28px;box-shadow:0 18px 50px rgba(8,63,56,.12)}.console-title{min-width:190px;display:grid;grid-template-columns:12px 1fr;align-items:center;gap:6px}.console-title span{font-weight:700;font-size:12px}.console-title small{grid-column:2;font-size:8px;letter-spacing:2px;color:#93a59e}.console-items{display:grid;grid-template-columns:repeat(4,1fr);flex:1}.console-items div{display:grid;padding:0 18px;border-left:1px solid var(--line)}.console-items b{font-size:12px}.console-items span{font-size:10px;color:#7e928b}.console>a{font-size:11px;color:var(--red);font-weight:700}.eco-section,.section{padding:120px max(7vw,30px)}.section-kicker{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:2px;color:var(--green)}.section-kicker span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:var(--green);color:white}.section-kicker i{width:46px;height:1px;background:var(--green)}.section-kicker.light{color:var(--mint)}.section-kicker.light span{background:var(--mint);color:var(--dark)}.section-kicker.light i{background:var(--mint)}.eco-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin:20px 0 50px}.eco-heading h2,.section-head h2,.science-copy h2,.gift-copy h2{font-size:clamp(40px,4vw,60px);line-height:1.18;margin:0;letter-spacing:-2px}.eco-heading p,.section-head>p,.science-copy>p,.gift-copy>p{color:#6b817a;line-height:1.9}.eco-cards{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:15px}.eco-cards article{border-radius:27px;background:white;border:1px solid var(--line);padding:27px;min-height:260px}.eco-cards article:not(.eco-main){display:flex;flex-direction:column;justify-content:flex-end}.eco-cards article>p{font-size:12px;line-height:1.7;color:#799087}.eco-main{grid-row:span 1;background:var(--dark)!important;color:white;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:20px}.eco-main p{color:#9cc5b7!important}.eco-main span{font-size:9px;color:var(--mint);letter-spacing:2px}.pond{height:220px;border-radius:50%;background:radial-gradient(circle,#6ce0bc 0 18%,#2a9f7d 19% 40%,#126458 41% 100%);position:relative;overflow:hidden}.pond-ring{position:absolute;border:1px solid rgba(255,255,255,.35);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.pond .r1{width:80%;height:55%}.pond .r2{width:48%;height:32%}.leaf{position:absolute;color:#b7f38f;font-size:35px}.l1{left:18%;top:20%;transform:rotate(-35deg)}.l2{right:14%;bottom:17%;transform:rotate(145deg)}.crab-shape,.product-crab{position:absolute;width:80px;height:58px;background:var(--red);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.crab-shape:before,.crab-shape:after,.product-crab:before,.product-crab:after{content:"";position:absolute;width:28px;height:28px;border:9px solid var(--red);border-radius:50%;top:18px}.crab-shape:before,.product-crab:before{left:-30px}.crab-shape:after,.product-crab:after{right:-30px}.crab-shape i,.crab-shape b,.product-crab i,.product-crab b{position:absolute;width:8px;height:12px;background:white;border-radius:50%;top:8px}.crab-shape i,.product-crab i{left:24px}.crab-shape b,.product-crab b{right:24px}.round-icon{width:57px;height:57px;border-radius:19px;background:var(--soft);color:var(--leaf);display:grid;place-items:center;font-size:28px;margin-bottom:35px}.science-section{padding:115px max(7vw,30px);background:var(--dark);color:white;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center}.science-copy>p{color:#9fbcb2}.science-copy h2{margin:20px 0}.science-list{display:grid;gap:13px;margin-top:30px}.science-list>div{display:flex;gap:15px;align-items:center;background:rgba(255,255,255,.05);padding:14px;border-radius:15px}.science-list>div>i{font-style:normal;width:38px;height:38px;border-radius:12px;background:rgba(50,193,123,.16);display:grid;place-items:center;color:var(--mint)}.science-list span{display:grid}.science-list small{color:#8eafa3}.tech-panel{border-radius:32px;background:#0a3d3a;border:1px solid rgba(142,232,193,.25);padding:25px;min-height:520px;position:relative;overflow:hidden}.panel-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.panel-top span{display:flex;align-items:center;gap:10px}.panel-top b{color:var(--mint)}.radar{width:310px;height:310px;margin:45px auto 25px;border-radius:50%;border:1px solid rgba(69,215,221,.25);position:relative;background:repeating-radial-gradient(circle,transparent 0 48px,rgba(69,215,221,.12) 49px 50px)}.radar:before,.radar:after{content:"";position:absolute;background:rgba(69,215,221,.2)}.radar:before{width:1px;top:0;bottom:0;left:50%}.radar:after{height:1px;left:0;right:0;top:50%}.radar>i{position:absolute;width:130px;height:130px;left:90px;top:90px;background:rgba(50,193,123,.25);clip-path:polygon(50% 0,100% 40%,73% 100%,14% 82%,0 25%);border-radius:30%}.radar span{position:absolute;font-size:9px;color:#8dc6b5}.radar span:nth-of-type(1){top:-20px;left:42%}.radar span:nth-of-type(2){right:-20px;top:47%}.radar span:nth-of-type(3){bottom:-18px;left:42%}.radar span:nth-of-type(4){left:-20px;top:47%}.panel-data{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.panel-data div{padding:14px;background:rgba(255,255,255,.05);border-radius:13px;display:grid;gap:5px}.panel-data span{font-size:9px;color:#8dad9f}.panel-data b{font-size:12px}.panel-data i{height:3px;background:rgba(255,255,255,.1);border-radius:3px;position:relative}.panel-data i:after{content:"";display:block;height:100%;width:var(--w);background:var(--cyan)}.shop-section{background:#eff8f2}.section-head{display:flex;justify-content:space-between;align-items:end;margin:20px 0 45px}.section-head>p{max-width:330px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{background:white;border:1px solid var(--line);border-radius:28px;overflow:hidden;transition:.3s}.product:hover{transform:translateY(-8px);box-shadow:0 22px 45px rgba(8,63,56,.1)}.product-art{height:270px;position:relative;background:linear-gradient(145deg,#b8ead4,#51b99b);overflow:hidden}.product-art:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.35);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.product-art>span{position:absolute;z-index:3;left:17px;top:17px;background:white;border-radius:99px;padding:7px 12px;font-size:9px}.product-art>small{position:absolute;z-index:3;bottom:15px;left:18px;color:white;font-size:8px;letter-spacing:2px}.product-crab{width:125px;height:90px;z-index:2}.product-crab:before,.product-crab:after{width:48px;height:48px;border-width:14px;top:25px}.product-crab:before{left:-50px}.product-crab:after{right:-50px}.product-crab i,.product-crab b{width:13px;height:18px;top:14px}.product-crab i{left:37px}.product-crab b{right:37px}.p2{background:linear-gradient(145deg,#b7e7ed,#4cb2ba)}.p3{background:linear-gradient(145deg,#cfdcb5,#659467)}.product-body{padding:24px}.product-body>small{color:var(--leaf);font-size:10px}.product-body h3{font-size:21px;margin:9px 0}.product-body p{color:#7c8e87;font-size:12px;height:44px}.product-body>div{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.product-body strong{font-size:25px;color:var(--red)}.product-body a{font-size:11px;font-weight:700}.gift-section{padding:110px max(8vw,30px);background:#0d403a;display:grid;grid-template-columns:1fr 1fr;gap:8vw;color:white}.gift-visual{min-height:560px;border-radius:40px;background:radial-gradient(circle at 50% 45%,#35b88b,#0a6658 45%,#07352f 70%);display:grid;place-items:center;position:relative;overflow:hidden}.gift-glow{position:absolute;width:420px;height:420px;border:1px solid rgba(142,232,193,.3);border-radius:50%;box-shadow:0 0 0 55px rgba(142,232,193,.05),0 0 0 110px rgba(142,232,193,.03)}.digital-card{width:285px;height:405px;background:linear-gradient(155deg,#ed1b2f,#bd1025);border-radius:31px;padding:30px;display:flex;flex-direction:column;box-shadow:17px 22px 0 rgba(0,0,0,.2);transform:rotate(-4deg);position:relative;z-index:2}.digital-card img{width:66px;height:66px;border-radius:17px}.digital-card>span{font-size:8px;letter-spacing:2px;margin-top:40px}.digital-card>b{font-size:30px;margin-top:15px}.digital-card small{margin-top:auto}.digital-card>i{font-style:normal;font-size:55px;position:absolute;right:25px;bottom:15px;color:#ff8690}.gift-chip{position:absolute;right:22px;top:22px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:9px 12px;border-radius:10px;font-size:8px;letter-spacing:2px}.gift-copy{align-self:center}.gift-copy>p{color:#a9c6bc}.gift-principles{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.gift-principles span{font-size:10px;padding:9px 12px;border-radius:99px;background:rgba(255,255,255,.07)}.gift-principles i{font-style:normal;color:var(--mint)}.gift-options{display:grid;gap:9px}.gift-options a{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-radius:15px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);transition:.2s}.gift-options a:hover{background:var(--mint);color:var(--dark)}.gift-options a>span{display:grid}.gift-options small{color:#8eb2a5}.gift-options strong{font-size:13px}.final-cta{margin:55px max(7vw,30px);padding:35px 40px;background:var(--red);border-radius:28px;color:white;display:flex;justify-content:space-between;align-items:center;box-shadow:14px 15px 0 #ffbdc5}.final-cta span{font-size:10px;letter-spacing:2px}.final-cta h2{margin:5px 0}.final-cta a{background:white;color:var(--red);padding:14px 20px;border-radius:14px;font-weight:700}footer{background:#052d29;color:white;padding:60px max(7vw,30px);display:flex;align-items:center;justify-content:space-between}footer .footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:56px;height:56px;border-radius:16px}.footer-brand div{display:grid}.footer-brand span{font-size:10px;color:#86a9a0}.footer>p{color:#8fb1a7}.footer>a{font-size:10px;color:#789e94}
/* shared functional pages */.flash{position:fixed;top:88px;left:50%;transform:translateX(-50%);z-index:60;padding:12px 19px;border-radius:12px;background:white;box-shadow:0 12px 35px #0002}.flash.error{background:#ffe1e4;color:#a91828}.page{min-height:720px;padding:80px max(15vw,30px);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.page-intro h1,.form-card h1{font-size:44px}.page-intro p{line-height:1.8;color:#6f837c}.eyebrow{font-size:9px;font-weight:800;letter-spacing:2px;color:var(--red)}.form-card{background:white;border:1px solid var(--line);padding:34px;border-radius:25px;box-shadow:0 18px 50px rgba(8,63,56,.08)}form{display:grid;gap:16px}label{display:grid;gap:7px;font-size:12px;font-weight:700}input,textarea,select{width:100%;border:1px solid var(--line);background:#fbfdf9;padding:13px 14px;border-radius:12px;color:var(--ink)}textarea{min-height:90px;resize:vertical}.summary{display:flex;justify-content:space-between;margin-bottom:25px}.summary strong{color:var(--red);font-size:24px}.hint{font-size:11px!important;color:#82958e!important}.split{align-items:center}.gift-preview{background:var(--dark);color:white;min-height:530px;border-radius:30px;padding:48px;display:flex;flex-direction:column;justify-content:center;text-align:center;box-shadow:15px 18px 0 var(--mint)}.preview-crab{font-size:110px}.gift-preview h2{font-size:31px}.gift-preview small{margin-top:30px}.gift-open,.order-result{max-width:760px;margin:auto;padding:80px 24px 120px;text-align:center}.envelope{width:330px;height:230px;background:var(--red);margin:0 auto 42px;border-radius:28px;position:relative;display:grid;place-items:center;color:white;box-shadow:14px 16px 0 var(--mint);overflow:hidden}.envelope:after{content:"";position:absolute;width:250px;height:250px;background:#fa5261;transform:rotate(45deg);top:-155px}.seal{width:58px;height:58px;border-radius:18px;background:var(--dark);color:white;display:grid;place-items:center;font-size:24px;font-weight:900;z-index:2}.crab-mini{position:absolute;bottom:8px;right:15px;font-size:62px}.gift-open h1,.order-result h1{font-size:43px}.gift-open blockquote{font-size:19px;color:var(--red)}.entitlement,.order-info{background:white;border:1px solid var(--line);padding:25px;border-radius:20px;margin:30px 0}.entitlement span{font-size:11px;color:#7b8e87}.gift-open details summary{list-style:none;margin:auto;width:max-content}.redeem-form{margin:25px 0;background:white;padding:25px;border-radius:20px;text-align:left}.copy{background:transparent;border:0;text-decoration:underline;color:var(--green);cursor:pointer}.state{padding:20px;border-radius:14px;background:#eee;margin:20px}.state.redeemed{background:#d9eee7}.state.expired{background:#f9ddd7}.demo{background:#e6f7ef;padding:13px;border-radius:11px;font-size:12px}.verified{background:#e1f0e9;padding:20px;border-radius:15px;margin-bottom:22px}.success-mark{width:80px;height:80px;border-radius:25px;background:var(--green);color:white;display:grid;place-items:center;font-size:38px;margin:auto}.order-info{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:23px}.order-info div{display:grid;gap:5px}.order-info small{color:#89978f}.login{min-height:700px;display:grid;place-items:center}.login .form-card{width:min(430px,90%)}.admin{padding:60px max(5vw,25px);background:#edf4ef;min-height:100vh}.admin-head{display:flex;justify-content:space-between;align-items:center}.admin-head h1{font-size:38px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0}.stats div{background:#409EFF;color:#fff;padding:24px;border-radius:18px;display:grid}.stats b{font-size:34px}.stats span{color:#bcd7cd}.admin-panel{background:white;padding:25px;border-radius:18px;margin:18px 0;overflow:auto}.inline-form{display:flex;gap:8px;margin-bottom:20px}.inline-form input,.inline-form select{min-width:120px}.inline-form button,.table button{border:0;background:#409EFF;color:#fff;border-radius:9px;padding:9px 12px}.table>div{display:grid;grid-template-columns:1.5fr 1.5fr 1fr .8fr .7fr;align-items:center;gap:15px;border-top:1px solid #edf1ee;padding:12px;font-size:12px}.table span{display:grid}.table small{color:#8b9691}
@media(max-width:900px){header{height:67px;padding:0 16px}.brand img{width:42px;height:42px}.brand b{font-size:18px}header nav{display:none}.hero{grid-template-columns:1fr;padding:55px 22px 95px}.hero h1{font-size:55px;letter-spacing:-3px}.eco-lab{height:460px}.console{display:block;margin-top:-56px}.console-title{margin-bottom:15px}.console-items{grid-template-columns:1fr 1fr;gap:15px}.console-items div{border:0;padding:8px}.console>a{display:block;margin-top:15px}.eco-section,.section{padding:85px 22px}.eco-heading{grid-template-columns:1fr;gap:20px}.eco-cards{grid-template-columns:1fr}.eco-main{grid-template-columns:1fr}.science-section{grid-template-columns:1fr;padding:85px 22px}.tech-panel{min-height:470px}.radar{width:260px;height:260px}.radar>i{left:65px;top:65px}.cards{grid-template-columns:1fr}.gift-section{grid-template-columns:1fr;padding:85px 22px}.gift-visual{min-height:480px}.section-head{display:block}.final-cta{margin:35px 20px;padding:28px;display:block}.final-cta a{display:inline-block;margin-top:18px}footer{display:grid;gap:15px}.page{grid-template-columns:1fr;padding:55px 20px;gap:30px}.page-intro h1,.form-card h1{font-size:36px}.order-info{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.inline-form{display:grid}.table>div{min-width:760px}.admin-panel{padding:16px}}