:root{--ink: #1d1d1f;--ink-2: #3a3a3c;--ink-3: #6e6e73;--ink-4: #aeaeb2;--bg: #f8f8f6;--bg-2: #f5f5f7;--white: #fff;--green: #2d6a4f;--green-2: #40916c;--green-3: #52b788;--green-light: #d8f3dc;--green-pale: #f0faf4;--red: #d94040;--red-light: #fdeaea;--gold: #b5813a;--gold-light: #fdf3e0;--border: #e5e5e5;--radius: 12px;--radius-lg: 18px;--radius-xl: 28px;--shadow: 0 2px 12px rgba(0,0,0,.07);--shadow-md: 0 6px 24px rgba(0,0,0,.1);--shadow-lg: 0 20px 60px rgba(0,0,0,.12)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Noto Sans SC,-apple-system,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none}input,select,textarea{font-family:inherit;outline:none}img{display:block;max-width:100%}#navbar{position:fixed;top:0;left:0;right:0;z-index:200;height:52px;background:#ffffffe6;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid rgba(0,0,0,.1);transition:background .3s}#navbar.scrolled{background:#fffffff7}.nav-inner{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.nav-logo{font-family:"Noto Serif SC",serif;font-size:17px;font-weight:600;color:var(--green);letter-spacing:2px;cursor:pointer}.nav-links{display:flex;list-style:none;align-items:center;gap:0}.nav-link{display:block;padding:0 11px;font-size:13px;color:var(--ink-2);transition:color .2s;white-space:nowrap;cursor:pointer}.nav-link:hover,.nav-link.active{color:var(--green)}.nav-divider{width:.5px;height:16px;background:var(--border);margin:0 6px}.nav-shop-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;background:var(--green);color:#fff;border-radius:999px;font-size:13px;font-weight:500;transition:all .2s;cursor:pointer}.nav-shop-btn:hover{background:var(--green-2);transform:translateY(-1px)}.nav-right{display:flex;align-items:center;gap:8px}.nav-user{font-size:13px;color:var(--ink-3)}.nav-btn{padding:6px 12px;border-radius:999px;font-size:13px;color:var(--ink-2);background:none;transition:all .2s}.nav-btn:hover{background:var(--green-light);color:var(--green)}.nav-cart-btn{position:relative}.cart-badge{position:absolute;top:0;right:2px;background:var(--red);color:#fff;font-size:10px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.nav-hamburger{display:none;flex-direction:column;justify-content:space-between;width:22px;height:16px;background:none;border:none;cursor:pointer;padding:0}.nav-hamburger span{display:block;height:1.5px;background:var(--ink-2);transition:all .3s}.nav-hamburger.open span:nth-child(1){transform:translateY(7.25px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7.25px) rotate(-45deg)}#app{padding-top:52px;min-height:100vh}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;position:relative;overflow:hidden;background:#0a1a0f}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(https://images.unsplash.com/photo-1500382017468-9049fed747ef?w=1800&q=80);background-size:cover;background-position:center;opacity:.45}.hero-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.6) 100%)}.hero-content{position:relative;z-index:2;max-width:820px}.hero-eyebrow{display:inline-block;font-size:13px;letter-spacing:3px;color:#ffffffb3;text-transform:uppercase;margin-bottom:24px;padding:6px 18px;border:.5px solid rgba(255,255,255,.3);border-radius:999px;animation:fadeUp .8s ease both}.hero h1{font-family:"Noto Serif SC",serif;font-size:clamp(40px,7vw,80px);font-weight:600;line-height:1.12;color:#fff;letter-spacing:-1px;margin-bottom:20px;animation:fadeUp .8s ease .1s both}.hero h1 em{font-style:normal;color:#74c69d}.hero-sub{font-size:clamp(15px,2vw,18px);font-weight:300;color:#ffffffb8;line-height:1.75;margin-bottom:44px;animation:fadeUp .8s ease .2s both}.hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;animation:fadeUp .8s ease .3s both}.btn-hero-primary{background:var(--green-3);color:#fff;padding:14px 32px;border-radius:999px;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:all .25s;display:inline-flex;align-items:center;gap:6px}.btn-hero-primary:hover{background:var(--green-2);transform:translateY(-2px);box-shadow:0 8px 28px #52b78866}.btn-hero-ghost{background:#ffffff1f;color:#fff;padding:13px 32px;border-radius:999px;font-size:15px;border:.5px solid rgba(255,255,255,.35);cursor:pointer;transition:all .25s}.btn-hero-ghost:hover{background:#ffffff38}.hero-stats{display:flex;justify-content:center;align-items:center;margin-top:64px;padding-top:32px;border-top:.5px solid rgba(255,255,255,.2);animation:fadeUp .8s ease .4s both;flex-wrap:wrap}.hero-stat{text-align:center;padding:0 28px}.hero-stat-n{font-size:28px;font-weight:600;color:#fff}.hero-stat-n span{font-size:18px}.hero-stat-l{font-size:12px;color:#ffffff80;margin-top:4px;letter-spacing:1px}.hero-stat-div{width:.5px;height:32px;background:#fff3}.scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);color:#fff6;font-size:11px;letter-spacing:2px;display:flex;flex-direction:column;align-items:center;gap:10px}.scroll-arrow{width:1px;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,.5),transparent);animation:scrollAnim 2s infinite}@keyframes scrollAnim{0%,to{opacity:.3;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.lp-inner{max-width:1080px;margin:0 auto}.lp-light{background:var(--white);padding:110px 24px}.lp-gray,.overview-section{background:var(--bg-2);padding:110px 24px}.lp-ey{font-size:13px;font-weight:400;letter-spacing:3px;color:var(--green-2);text-transform:uppercase;margin-bottom:16px}.lp-st{font-family:"Noto Serif SC",serif;font-size:clamp(28px,4.5vw,52px);font-weight:600;line-height:1.18;color:var(--ink);letter-spacing:-.5px}.lp-st em{font-style:normal;color:var(--green-2)}.lp-sd{font-size:17px;font-weight:300;color:var(--ink-3);line-height:1.75;margin-top:18px;max-width:580px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.blocks-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:52px}.block-card{background:var(--white);border-radius:var(--radius);padding:24px 12px;text-align:center;border:.5px solid rgba(0,0,0,.07);cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.block-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--green-3);transform:scaleX(0);transform-origin:left;transition:transform .3s}.block-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.block-card:hover:after{transform:scaleX(1)}.block-card.highlight{background:var(--green)}.block-card.highlight .block-num,.block-card.highlight .block-name{color:#fff}.block-num{font-size:11px;letter-spacing:2px;font-weight:500;color:var(--green-3);margin-bottom:10px}.block-card.highlight .block-num{color:#ffffffb3}.block-icon{font-size:22px;margin-bottom:10px}.block-name{font-size:12px;font-weight:600;color:var(--ink);line-height:1.4}.lp-split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;margin-top:60px}.lp-img{border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:4/3;position:relative}.lp-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.lp-img:hover img{transform:scale(1.04)}.lp-img-ov{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.28),transparent 60%)}.lp-img-cap{position:absolute;bottom:16px;left:18px;color:#ffffffe6;font-size:12px;letter-spacing:1px}.lp-pts{margin-top:28px;display:flex;flex-direction:column;gap:16px}.lp-pt{display:flex;gap:14px;align-items:flex-start}.lp-dot{width:8px;height:8px;border-radius:50%;background:var(--green-3);flex-shrink:0;margin-top:6px}.lp-pt-t{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:3px}.lp-pt-d{font-size:14px;font-weight:300;color:var(--ink-3);line-height:1.6}.cloud-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:60px}.cloud-badge{display:inline-flex;align-items:center;gap:6px;background:#74c69d26;border:.5px solid rgba(116,198,157,.4);color:#74c69d;font-size:12px;font-weight:500;padding:6px 16px;border-radius:999px;margin-bottom:22px;letter-spacing:1px}.cloud-rimg{border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:1}.cloud-rimg img{width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.cloud-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;border-radius:var(--radius-xl);overflow:hidden}.cloud-step{position:relative;overflow:hidden;aspect-ratio:3/4;cursor:pointer}.cloud-step img{width:100%;height:100%;object-fit:cover;transition:transform .6s;filter:brightness(.55)}.cloud-step:hover img{transform:scale(1.06);filter:brightness(.7)}.cstep-ov{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:24px 20px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 60%)}.snum{font-size:11px;letter-spacing:3px;color:#74c69d;margin-bottom:8px}.stitle{font-size:18px;font-weight:600;color:#fff;margin-bottom:6px;line-height:1.3}.sdesc{font-size:12px;color:#ffffffb3;line-height:1.6}.comm-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px;margin-top:52px}.comm-card{border-radius:var(--radius-xl);overflow:hidden;position:relative;cursor:pointer}.comm-card.tall{grid-row:span 2}.comm-card.short{aspect-ratio:4/3}.comm-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s;filter:brightness(.72)}.comm-card:hover img{transform:scale(1.05);filter:brightness(.84)}.comm-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 55%)}.comm-tag{font-size:11px;letter-spacing:2px;color:#74c69d;margin-bottom:8px}.comm-title{font-size:18px;font-weight:600;color:#fff;line-height:1.3}.culture-bento{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin-top:52px}.cu-col{display:flex;flex-direction:column;gap:14px}.cu-card{border-radius:var(--radius-xl);overflow:hidden;position:relative}.cu-card img{width:100%;height:100%;object-fit:cover;min-height:200px;filter:brightness(.72);transition:transform .5s}.cu-card:hover img{transform:scale(1.04)}.cu-text{position:absolute;top:0;right:0;bottom:0;left:0;padding:26px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,transparent 55%)}.cu-tag{font-size:11px;letter-spacing:2px;color:#b7e4c7;margin-bottom:8px}.cu-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:6px;line-height:1.3}.cu-desc{font-size:13px;color:#ffffffb8;line-height:1.6}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:52px}.brand-card{background:var(--white);border-radius:var(--radius-xl);padding:32px;border:.5px solid rgba(0,0,0,.07);display:flex;gap:20px;transition:all .3s}.brand-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.brand-icon{width:48px;height:48px;border-radius:12px;background:var(--green-light);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.brand-t{font-size:16px;font-weight:600;margin-bottom:7px}.brand-d{font-size:14px;color:var(--ink-3);line-height:1.65}.tr-split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;margin-top:52px}.tr-imgstack{position:relative;height:480px}.tr-main{position:absolute;top:0;left:0;right:60px;bottom:60px;border-radius:var(--radius-xl);overflow:hidden}.tr-main img{width:100%;height:100%;object-fit:cover;filter:brightness(.85)}.tr-sub{position:absolute;bottom:0;right:0;left:80px;height:180px;border-radius:var(--radius);overflow:hidden;border:4px solid var(--white);box-shadow:var(--shadow-lg)}.tr-sub img{width:100%;height:100%;object-fit:cover}.tr-mods{display:flex;flex-direction:column;gap:12px;margin-top:24px}.tr-mod{padding:18px 20px;background:var(--bg-2);border-radius:var(--radius);display:flex;align-items:center;gap:16px;transition:all .2s}.tr-mod:hover{background:var(--green-light)}.tr-num{font-size:24px;font-weight:700;color:var(--green-3);min-width:32px}.tr-mt{font-size:14px;font-weight:600;margin-bottom:2px}.tr-md{font-size:13px;color:var(--ink-3)}.data-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:52px}.data-card{background:#ffffff0d;border:.5px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:32px;transition:all .3s}.data-card:hover{background:#ffffff17;transform:translateY(-4px)}.dc-icon{font-size:28px;margin-bottom:16px}.dc-t{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px}.dc-d{font-size:14px;color:#ffffff8c;line-height:1.7}.dc-list{margin-top:16px;list-style:none;display:flex;flex-direction:column;gap:7px}.dc-list li{font-size:13px;color:#ffffffb3;display:flex;align-items:center;gap:8px}.dc-list li:before{content:"";width:5px;height:5px;border-radius:50%;background:#74c69d;flex-shrink:0}.cta-section{background:var(--green);padding:110px 24px;text-align:center;position:relative;overflow:hidden}.cta-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(https://images.unsplash.com/photo-1464226184884-fa280b87c399?w=1600&q=60);background-size:cover;background-position:center;opacity:.12}.cta-inner{position:relative;z-index:1}.cta-t{font-family:"Noto Serif SC",serif;font-size:clamp(26px,4.5vw,50px);font-weight:600;color:#fff;margin-bottom:16px}.cta-d{font-size:17px;color:#ffffffbf;margin-bottom:40px;line-height:1.75}.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-cta-w{background:#fff;color:var(--green);padding:14px 34px;border-radius:999px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all .25s}.btn-cta-w:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003}footer{background:var(--bg-2);border-top:.5px solid rgba(0,0,0,.1);padding:48px 24px 32px}.footer-inner{max-width:1080px;margin:0 auto}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:36px;gap:40px;flex-wrap:wrap}.footer-logo{font-family:"Noto Serif SC",serif;font-size:20px;font-weight:600;color:var(--green);letter-spacing:2px;margin-bottom:8px}.footer-slogan{font-size:13px;color:var(--ink-3)}.footer-links{display:flex;gap:40px;flex-wrap:wrap}.footer-col-t{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:12px}.footer-col a{display:block;font-size:13px;color:var(--ink-3);margin-bottom:7px;transition:color .2s;cursor:pointer}.footer-col a:hover{color:var(--green)}.footer-bot{border-top:.5px solid rgba(0,0,0,.08);padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.footer-bot span{font-size:12px;color:var(--ink-4)}.container{max-width:1100px;margin:0 auto;padding:0 20px}.shop-mode-bar{background:var(--green-pale);border-bottom:1px solid var(--green-light);padding:8px 24px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--green)}.shop-mode-bar a{color:var(--green-2);text-decoration:underline;cursor:pointer}.btn{padding:10px 22px;border-radius:999px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:none}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-2);transform:translateY(-1px);box-shadow:0 4px 12px #2d6a4f4d}.btn-outline{background:transparent;color:var(--green);border:1.5px solid var(--green)}.btn-outline:hover{background:var(--green-light)}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:#c03030}.btn-gray{background:#f0f0f0;color:var(--ink-2)}.btn-gray:hover{background:#e0e0e0}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:13px 34px;font-size:16px}.btn-block{width:100%;justify-content:center;border-radius:var(--radius)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);padding:24px;box-shadow:var(--shadow)}.card-title{font-size:18px;font-weight:700;margin-bottom:18px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:500;color:var(--ink-2);margin-bottom:6px}.form-label .req{color:var(--red);margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 13px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:14px;color:var(--ink);background:var(--white);transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #52b7881f}.form-textarea{resize:vertical;min-height:90px;line-height:1.6}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-hint{font-size:12px;color:var(--ink-4);margin-top:4px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500}.badge-pending{background:#fff8e1;color:#b5813a}.badge-approved{background:var(--green-light);color:var(--green)}.badge-rejected{background:var(--red-light);color:var(--red)}.badge-off_shelf{background:#f0f0f0;color:var(--ink-3)}.badge-unpaid,.badge-pending_payment{background:#fff8e1;color:var(--gold)}.badge-paid{background:var(--green-light);color:var(--green)}.badge-pending_ship{background:#e3f2fd;color:#1565c0}.badge-shipped{background:#e8eaf6;color:#3949ab}.badge-completed{background:var(--green-light);color:var(--green)}.badge-cancelled{background:#f0f0f0;color:var(--ink-3)}.table-wrap{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow)}.table{width:100%;border-collapse:collapse}.table th{padding:12px 16px;font-size:13px;font-weight:600;color:var(--ink-3);text-align:left;background:var(--bg);border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:14px 16px;font-size:14px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#fafaf8}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}.product-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;transition:all .25s;cursor:pointer}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--green-3)}.product-card-img{height:160px;background:var(--green-pale);display:flex;align-items:center;justify-content:center;font-size:48px;overflow:hidden}.product-card-img img{width:100%;height:100%;object-fit:cover}.product-card-body{padding:12px}.product-card-name{font-size:14px;font-weight:600;margin-bottom:5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-origin{font-size:12px;color:var(--ink-3);margin-bottom:7px}.product-card-bottom{display:flex;align-items:center;justify-content:space-between}.product-price{color:var(--red);font-weight:700}.product-price-sym{font-size:12px}.product-price-num{font-size:18px}.product-price-unit{font-size:11px;color:var(--ink-3);font-weight:400}.add-cart-btn{width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s;border:none;cursor:pointer}.add-cart-btn:hover{background:var(--green-2);transform:scale(1.1)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(16px);background:#1a1a1a;color:#fff;padding:11px 24px;border-radius:999px;font-size:14px;z-index:9999;opacity:0;transition:all .3s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#00000073;align-items:center;justify-content:center;padding:20px}.modal-overlay.open{display:flex}.modal{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #00000026}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-title{font-size:16px;font-weight:700}.modal-close{width:30px;height:30px;border-radius:50%;background:var(--bg);font-size:17px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none}.modal-body{padding:22px}.modal-foot{padding:14px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.dash-layout{display:grid;grid-template-columns:210px 1fr;gap:22px;padding:24px 20px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 52px)}.dash-sidebar{position:sticky;top:68px;height:fit-content;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);padding:16px;box-shadow:var(--shadow)}.dash-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);font-size:14px;color:var(--ink-2);transition:all .15s;margin-bottom:3px;cursor:pointer;border:none;background:none;width:100%;text-align:left}.dash-nav-item:hover{background:var(--green-pale);color:var(--green)}.dash-nav-item.active{background:var(--green-light);color:var(--green);font-weight:600}.dash-nav-icon{font-size:15px}.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.dash-title{font-size:22px;font-weight:700}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);padding:18px;box-shadow:var(--shadow)}.stat-label{font-size:13px;color:var(--ink-3);margin-bottom:7px}.stat-num{font-size:26px;font-weight:700;color:var(--ink)}.stat-num.green{color:var(--green)}.stat-num.red{color:var(--red)}.stat-num.gold{color:var(--gold)}.tabs{display:flex;gap:4px;background:var(--bg);border-radius:999px;padding:3px;margin-bottom:20px;width:fit-content}.tab-btn{padding:6px 16px;border-radius:999px;font-size:13px;color:var(--ink-3);background:none;border:none;cursor:pointer;transition:all .2s}.tab-btn.active{background:var(--white);color:var(--green);font-weight:600;box-shadow:var(--shadow)}.filter-bar{display:flex;gap:10px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.filter-bar .form-input{width:auto;flex:1;min-width:160px}.empty{text-align:center;padding:56px 20px;color:var(--ink-3)}.empty-icon{font-size:44px;margin-bottom:14px}.empty-text{font-size:16px;margin-bottom:18px}@media (max-width:1024px){.blocks-grid{grid-template-columns:repeat(4,1fr)}.lp-split,.cloud-intro,.tr-split{grid-template-columns:1fr;gap:36px}.cloud-steps{grid-template-columns:repeat(2,1fr)}.comm-grid{grid-template-columns:1fr 1fr}.comm-card.tall{grid-row:auto}.culture-bento,.brand-grid{grid-template-columns:1fr}.data-cards{grid-template-columns:1fr 1fr}.tr-imgstack{height:340px}.dash-layout{grid-template-columns:1fr}.dash-sidebar{position:static}.stat-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-links{display:none;flex-direction:column;position:fixed;top:52px;left:0;right:0;background:#fffffff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:16px 20px 24px;border-bottom:.5px solid rgba(0,0,0,.1);gap:2px;z-index:199}.nav-links.open{display:flex}.nav-link{padding:11px 0;font-size:15px;border-bottom:.5px solid rgba(0,0,0,.06)}.nav-hamburger{display:flex}.blocks-grid{grid-template-columns:repeat(2,1fr)}.cloud-steps,.comm-grid,.data-cards{grid-template-columns:1fr}.hero-stats{flex-wrap:wrap}.hero-stat{padding:8px 16px}.hero-stat-div{display:none}.tr-imgstack{height:260px}.tr-sub{display:none}.form-row{grid-template-columns:1fr}.footer-top{flex-direction:column}.lp-light,.lp-gray,.overview-section{padding:72px 20px}}@media (max-width:480px){.hero h1{font-size:36px}.product-grid{grid-template-columns:repeat(2,1fr)}.stat-cards{grid-template-columns:1fr 1fr}.cta-btns{flex-direction:column;align-items:center}}