@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300..800;1,9..40,300..800&family=Manrope:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{--mp-bg: #061a12;--mp-bg-deep: #030e09;--mp-surface: rgba(14, 40, 29, .72);--mp-surface-solid: #0d2a1f;--mp-surface-hover: rgba(19, 54, 39, .85);--mp-mint: #B7ED8A;--mp-lime: #a3e635;--mp-green: #16A36A;--mp-green-bright: #22c55e;--mp-border: rgba(183, 237, 138, .18);--mp-border-strong: rgba(183, 237, 138, .38);--mp-text: #ffffff;--mp-text-sub: #9eb5aa;--mp-text-muted: #6f8a7c;--mp-glow-green: rgba(34, 197, 94, .45);--mp-glow-mint: rgba(183, 237, 138, .35)}.landing-root{background-color:var(--mp-bg);background-image:radial-gradient(circle at 75% 30%,rgba(22,163,106,.22) 0%,transparent 55%),radial-gradient(circle at 20% 20%,rgba(16,80,50,.3) 0%,transparent 60%),radial-gradient(circle at 50% 80%,rgba(183,237,138,.08) 0%,transparent 70%);color:var(--mp-text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;position:relative;min-height:100vh;margin:0;padding:0;-webkit-font-smoothing:antialiased}.landing-preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#040e0a;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s cubic-bezier(.16,1,.3,1),visibility .6s}.landing-preloader.fade-out{opacity:0;visibility:hidden;pointer-events:none}.preloader-bottle-anim{width:66px;height:66px;border-radius:18px;background:linear-gradient(135deg,#16a36a,#b7ed8a);display:grid;place-items:center;color:#040e0a;animation:preloaderPulse 1.5s infinite ease-in-out;box-shadow:0 0 40px #b7ed8a73}@keyframes preloaderPulse{0%,to{transform:scale(.95);box-shadow:0 0 25px #16a36a4d}50%{transform:scale(1.08);box-shadow:0 0 55px #b7ed8aa6}}.preloader-brand{font:800 24px Manrope,sans-serif;letter-spacing:-.5px;margin-top:18px;color:#fff}.preloader-brand span{color:#b7ed8a}.preloader-bar-wrap{width:200px;height:4px;background:#ffffff1a;border-radius:4px;margin-top:16px;overflow:hidden}.preloader-bar-fill{height:100%;background:linear-gradient(90deg,#16a36a,#b7ed8a);border-radius:4px;transition:width .15s ease-out}.landing-nav-container{position:fixed;top:18px;left:0;right:0;z-index:1000;display:flex;justify-content:center;padding:0 24px;pointer-events:none}.landing-nav{pointer-events:auto;max-width:1220px;width:100%;height:62px;border-radius:40px;background:#0a1e16c7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--mp-border);display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 20px;box-shadow:0 14px 40px #00000073}.landing-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;cursor:pointer}.landing-brand-icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#16a36a,#22c55e);color:#fff;display:grid;place-items:center;box-shadow:0 4px 14px #16a36a73}.landing-brand-text{font:800 19px Manrope,sans-serif;letter-spacing:-.6px;color:#fff}.landing-brand-text span{color:#b7ed8a}.landing-nav-links{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}.landing-nav-link{color:#b7cbbf;text-decoration:none;font-size:13.5px;font-weight:550;transition:color .2s ease;position:relative;cursor:pointer}.landing-nav-link:hover{color:#b7ed8a}.landing-nav-actions{display:flex;align-items:center;gap:12px}.btn-nav-volume{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#b0c7ba;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:all .2s ease}.btn-nav-volume:hover{background:#ffffff1f;color:#b7ed8a;border-color:#b7ed8a66}.btn-nav-signin{background:transparent;color:#e5f2eb;text-decoration:none;font-size:14px;font-weight:600;padding:8px 16px;border-radius:30px;border:none;cursor:pointer;transition:color .2s ease}.btn-nav-signin:hover{color:#b7ed8a}.btn-nav-signin-pill{background:linear-gradient(135deg,#10b981,#22c55e);color:#04140e!important;text-decoration:none!important;font-family:Manrope,sans-serif;font-size:14px;font-weight:750;padding:9px 24px;border-radius:30px;border:none;cursor:pointer;box-shadow:0 4px 18px #10b98173;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn-nav-signin-pill:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 6px 24px #22c55e99;color:#04140e!important;text-decoration:none!important}.btn-nav-launch{background:linear-gradient(135deg,#10b981,#22c55e);color:#04140e;text-decoration:none;font-size:13.5px;font-weight:750;padding:9px 20px;border-radius:30px;border:none;cursor:pointer;box-shadow:0 4px 18px #10b98166;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:6px}.btn-nav-launch:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 6px 24px #22c55e8c}.mobile-menu-toggle{display:none;background:transparent;border:none;color:#fff;cursor:pointer}.landing-hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 24px 60px;overflow:hidden}.hero-main-grid{max-width:1220px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;position:relative;z-index:2}.hero-left{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.hero-badge-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:30px;background:#0e2c20d9;border:1px solid rgba(183,237,138,.3);color:#b7ed8a;font-size:12px;font-weight:700;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-title-main{font:900 clamp(42px,5.2vw,68px) Manrope,sans-serif;line-height:1.1;letter-spacing:-1.8px;color:#fff;margin:0 0 20px}.hero-title-main .mint-word{color:#b7ed8a;display:inline-block}.hero-cursor-pipe{color:#b7ed8a;font-weight:300;display:inline-block;animation:cursorBlink 1s infinite steps(2,start)}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.hero-sub-text{font-size:16px;line-height:1.65;color:var(--mp-text-sub);max-width:480px;margin:0 0 34px}.hero-cta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:30px}.btn-primary-gradient{background:linear-gradient(135deg,#10b981,#22c55e);color:#04140e;font:750 15px Manrope,sans-serif;padding:14px 30px;border-radius:40px;text-decoration:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:9px;box-shadow:0 8px 28px #10b98173;transition:all .25s cubic-bezier(.16,1,.3,1)}.btn-primary-gradient:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 36px #22c55e99}.btn-glass-secondary{background:#0e281db3;color:#fff;font:600 15px Manrope,sans-serif;padding:14px 28px;border-radius:40px;text-decoration:none;border:1px solid rgba(255,255,255,.16);cursor:pointer;display:inline-flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .2s ease}.btn-glass-secondary:hover{background:#143828d9;border-color:#b7ed8a66;transform:translateY(-2px)}.hero-stage-container{position:relative;width:100%;height:520px;display:flex;align-items:center;justify-content:center}.orbit-ring-glow{position:absolute;width:380px;height:380px;border-radius:50%;border:1.5px solid rgba(34,197,94,.55);box-shadow:0 0 35px #22c55e59,inset 0 0 35px #22c55e40;pointer-events:none;animation:orbitPulse 6s infinite alternate ease-in-out}@keyframes orbitPulse{0%{transform:scale(.96) rotate(0);opacity:.7}to{transform:scale(1.04) rotate(180deg);opacity:1}}.orbit-ring-inner{position:absolute;width:260px;height:260px;border-radius:50%;border:1.5px dashed rgba(183,237,138,.35);box-shadow:inset 0 0 25px #22c55e26;pointer-events:none;animation:orbitRotateCounter 16s infinite linear}@keyframes orbitRotateCounter{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.orbit-center-core{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;transition:transform .15s ease-out}.orbit-core-glow-pulse{position:absolute;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.45) 0%,rgba(22,163,106,.18) 50%,transparent 75%);filter:blur(10px);animation:corePulse 3s infinite alternate ease-in-out;pointer-events:none}@keyframes corePulse{0%{transform:scale(.92);opacity:.65}to{transform:scale(1.18);opacity:1}}.orbit-core-badge{width:86px;height:86px;border-radius:24px;background:linear-gradient(135deg,#16a36ae6,#0a2a1ef5);border:1.5px solid rgba(183,237,138,.45);box-shadow:0 14px 34px #0000008c,0 0 35px #22c55e59,inset 0 0 20px #b7ed8a33;display:grid;place-items:center;color:#b7ed8a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .3s cubic-bezier(.16,1,.3,1)}.orbit-core-badge:hover{transform:scale(1.06);border-color:#b7ed8a}.floating-feature-badge{position:absolute;z-index:10;display:flex;align-items:center;gap:12px;background:#0a2017e0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(34,197,94,.4);box-shadow:0 12px 30px #00000080,0 0 20px #22c55e26;border-radius:16px;padding:10px 14px;white-space:nowrap;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .2s ease}.floating-feature-badge:hover{border-color:#b7ed8a;box-shadow:0 14px 36px #0009,0 0 25px #b7ed8a4d}.badge-top-left{top:60px;left:-20px;animation:badgeHover1 5s infinite ease-in-out}.badge-bottom-left{bottom:120px;left:-40px;animation:badgeHover2 5.5s infinite ease-in-out .5s}.badge-top-right{top:90px;right:-30px;animation:badgeHover3 4.8s infinite ease-in-out 1s}.badge-bottom-right{bottom:90px;right:-30px;animation:badgeHover4 5.2s infinite ease-in-out 1.5s}@keyframes badgeHover1{0%,to{transform:translate(0)}50%{transform:translate(-4px,-10px)}}@keyframes badgeHover2{0%,to{transform:translate(0)}50%{transform:translate(-6px,8px)}}@keyframes badgeHover3{0%,to{transform:translate(0)}50%{transform:translate(6px,-8px)}}@keyframes badgeHover4{0%,to{transform:translate(0)}50%{transform:translate(5px,10px)}}.badge-icon-box{width:34px;height:34px;border-radius:9px;background:#22c55e2e;border:1px solid rgba(34,197,94,.35);color:#34d399;display:grid;place-items:center;flex-shrink:0}.badge-text-wrap{display:flex;flex-direction:column}.badge-title{font:750 13px Manrope,sans-serif;color:#fff}.badge-sub{font-size:11px;color:#8da498}.badge-check-circle{width:18px;height:18px;border-radius:50%;background:#22c55e;color:#04140e;display:grid;place-items:center;margin-left:6px;flex-shrink:0}.hero-stats-pill-container{max-width:1040px;width:100%;margin:40px auto 0;position:relative;z-index:5}.stats-pill-card{background:#0c241abf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--mp-border);border-radius:40px;padding:18px 36px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;box-shadow:0 16px 40px #00000059}.stat-pill-item{display:flex;align-items:center;gap:14px;border-right:1px solid rgba(255,255,255,.08)}.stat-pill-item:last-child{border-right:none}.stat-icon-circle{width:38px;height:38px;border-radius:50%;background:#22c55e29;border:1px solid rgba(34,197,94,.3);color:#34d399;display:grid;place-items:center;flex-shrink:0}.stat-val-block{display:flex;flex-direction:column}.stat-number{font:850 22px Manrope,sans-serif;color:#b7ed8a;letter-spacing:-.5px;line-height:1.1}.stat-label-caps{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#8da499;margin-top:3px}.scroll-explore-prompt{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:26px;font-size:11.5px;color:#7b9688;letter-spacing:.5px;cursor:pointer;z-index:5}.scroll-explore-prompt svg{animation:bounceDown 1.8s infinite ease-in-out;color:#b7ed8a}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.landing-section{position:relative;padding:100px 24px;max-width:1220px;margin:0 auto}.section-head-center{text-align:center;margin-bottom:50px}.section-badge-center{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:30px;background:#0e2c20cc;border:1px solid rgba(183,237,138,.28);color:#b7ed8a;font-size:11.5px;font-weight:750;letter-spacing:.5px;margin-bottom:16px}.section-h2-title{font:850 clamp(30px,4vw,50px) Manrope,sans-serif;letter-spacing:-1.2px;line-height:1.18;color:#fff;margin:0}.section-h2-title .mint-text{color:#b7ed8a}.features-horizontal-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-ref-card{background:#0c221999;border:1px solid var(--mp-border);border-radius:20px;padding:26px 22px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:all .25s ease}.feature-ref-card:hover{transform:translateY(-5px);border-color:#b7ed8a73;background:#102c21bf}.feature-ref-icon-box{width:44px;height:44px;border-radius:12px;background:#22c55e29;border:1px solid rgba(34,197,94,.3);color:#34d399;display:grid;place-items:center;margin-bottom:18px}.feature-ref-card h4{font:750 17px Manrope,sans-serif;color:#fff;margin:0 0 8px}.feature-ref-card p{font-size:13.5px;line-height:1.55;color:var(--mp-text-sub);margin:0}.mockup-browser{background:#0b2219;border-radius:20px;border:1px solid rgba(183,237,138,.2);box-shadow:0 30px 80px #000000a6,0 0 100px #16a36a33;overflow:hidden;margin-top:30px}.mockup-topbar{background:#061710;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.mockup-dots{display:flex;gap:7px}.mockup-dot{width:10px;height:10px;border-radius:50%;background:#fff3}.mockup-dot.red{background:#ff5f56}.mockup-dot.yellow{background:#ffbd2e}.mockup-dot.green{background:#27c93f}.mockup-url-bar{background:#ffffff0f;border-radius:20px;padding:5px 22px;font-size:12px;color:#8fa79c;display:flex;align-items:center;gap:8px}.mockup-body{padding:26px;background:radial-gradient(circle at 10% 20%,#0d261e,#061510)}.mockup-tabs{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}.mockup-tab-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#92a99d;padding:8px 18px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.mockup-tab-btn.active,.mockup-tab-btn:hover{background:#b7ed8a26;border-color:#b7ed8a;color:#fff}.mockup-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.mockup-stat-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px}.mockup-stat-title{font-size:11px;color:#8da499;text-transform:uppercase;letter-spacing:.5px}.mockup-stat-value{font:750 24px Manrope,sans-serif;color:#fff;margin:6px 0 2px}.mockup-stat-sub{font-size:11px;color:#16a36a;font-weight:600}.mockup-table-preview{width:100%;border-collapse:collapse;font-size:12.5px}.mockup-table-preview th{text-align:left;padding:10px 14px;color:#7b9487;border-bottom:1px solid rgba(255,255,255,.08);font-size:11px;text-transform:uppercase}.mockup-table-preview td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.04);color:#d8e6df}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:stretch}.pricing-card{background:#0c2219a6;border:1px solid var(--mp-border);border-radius:26px;padding:38px 30px;display:flex;flex-direction:column;position:relative;transition:all .3s ease}.pricing-card:hover{transform:translateY(-4px);border-color:#b7ed8a66}.pricing-card.featured{background:linear-gradient(180deg,#103829,#092017);border-color:#b7ed8a;box-shadow:0 20px 60px #16a36a59;transform:scale(1.03)}.pricing-card.featured:hover{transform:scale(1.03) translateY(-4px)}.pricing-badge-popular{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#b7ed8a;color:#04140e;font:800 11px Manrope,sans-serif;letter-spacing:.8px;padding:4px 14px;border-radius:12px;text-transform:uppercase}.pricing-plan-name{font:800 22px Manrope,sans-serif;margin:0 0 8px;color:#fff}.pricing-plan-desc{font-size:13.5px;color:#8da397;margin:0 0 24px}.pricing-price{font:900 44px Manrope,sans-serif;color:#fff;margin-bottom:24px;display:flex;align-items:baseline;gap:4px}.pricing-price span{font-size:14px;font-weight:500;color:#8da397}.pricing-feature-list{list-style:none;padding:0;margin:0 0 32px;flex:1}.pricing-feature-item{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#d1dfd9;margin-bottom:14px}.pricing-feature-item svg{color:#b7ed8a;flex-shrink:0}.btn-pricing{width:100%;padding:14px;border-radius:30px;font:750 14px Manrope,sans-serif;cursor:pointer;text-decoration:none;text-align:center;transition:all .2s ease;display:block}.btn-pricing-primary{background:linear-gradient(135deg,#10b981,#22c55e);color:#04140e;border:none;box-shadow:0 6px 20px #10b98166}.btn-pricing-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #22c55e8c}.btn-pricing-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.18)}.btn-pricing-outline:hover{background:#ffffff14;border-color:#ffffff59}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-card{background:#0c22198c;border:1px solid var(--mp-border);border-radius:22px;padding:30px 26px;display:flex;flex-direction:column;justify-content:space-between}.testimonial-quote{font-size:14.5px;line-height:1.7;color:#d4e4dc;margin:0 0 20px}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#16a36a,#b7ed8a);color:#04140e;font:800 14px Manrope,sans-serif;display:grid;place-items:center}.author-name{font:750 14px Manrope,sans-serif;color:#fff}.author-role{font-size:12px;color:#8da397}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:1040px;margin:0 auto}.faq-card{background:#0c2219a6;border:1px solid var(--mp-border);border-radius:20px;padding:28px 24px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:all .25s ease}.faq-card:hover{border-color:#b7ed8a73;transform:translateY(-3px);background:#102c21bf}.faq-card h4{font:750 16.5px Manrope,sans-serif;color:#fff;margin:0 0 10px;line-height:1.35}.faq-card p{font-size:14px;line-height:1.6;color:var(--mp-text-sub);margin:0}.cta-banner-card{background:radial-gradient(circle at 50% 30%,#15553e,#092017 80%);border:1px solid rgba(183,237,138,.35);border-radius:36px;padding:80px 32px;text-align:center;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000080,0 0 100px #16a36a33}.cta-banner-card h2{font:900 clamp(32px,5vw,60px) Manrope,sans-serif;letter-spacing:-1.6px;color:#fff;margin:0 0 18px;line-height:1.1}.cta-banner-card p{font-size:clamp(16px,2vw,19px);color:#b7ceca;max-width:600px;margin:0 auto 36px;line-height:1.6}.landing-footer{border-top:1px solid rgba(255,255,255,.08);padding:70px 24px 40px;background:#030e09}.footer-inner{max-width:1220px;margin:0 auto 50px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-brand-bio{color:#829a8f;font-size:13.5px;line-height:1.6;max-width:320px;margin-top:14px}.footer-heading{font:750 14px Manrope,sans-serif;color:#fff;letter-spacing:.5px;text-transform:uppercase;margin:0 0 18px}.footer-links{list-style:none;padding:0;margin:0}.footer-link-item{margin-bottom:10px}.footer-link-item a{color:#829a8f;text-decoration:none;font-size:13.5px;transition:color .15s ease;cursor:pointer}.footer-link-item a:hover{color:#b7ed8a}.footer-bottom{max-width:1220px;margin:0 auto;padding-top:30px;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#6d8278;flex-wrap:wrap;gap:16px}@media(max-width:1100px){.hero-main-grid{grid-template-columns:1fr;text-align:center}.hero-left{align-items:center;text-align:center}.hero-sub-text{margin-left:auto;margin-right:auto}.hero-cta-row{justify-content:center}.features-horizontal-row{grid-template-columns:repeat(2,1fr)}.stats-pill-card{grid-template-columns:repeat(2,1fr);border-radius:24px}.stat-pill-item:nth-child(2){border-right:none}}@media(max-width:1024px){.landing-nav-links{display:none}.mobile-menu-toggle{display:block}.pricing-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.pricing-card.featured{transform:none}.testimonials-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr}}@media(max-width:768px){.landing-hero{padding:100px 16px 50px}.hero-stage-container{height:440px}.orbit-ring-glow{width:280px;height:280px}.badge-top-left{left:0;top:20px}.badge-bottom-left{left:0;bottom:80px}.badge-top-right{right:0;top:40px}.badge-bottom-right{right:0;bottom:60px}.features-horizontal-row,.faq-grid{grid-template-columns:1fr}.stats-pill-card{grid-template-columns:1fr;padding:20px;border-radius:20px}.stat-pill-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:10px}.stat-pill-item:last-child{border-bottom:none;padding-bottom:0}.footer-inner{grid-template-columns:1fr}.mockup-stats-grid{grid-template-columns:repeat(2,1fr)}}:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:#f6f8f7;color:#172b3a;overflow-x:hidden;-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;position:relative;overflow-x:hidden}.sidebar,.desktop-sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e9eeeb;display:flex;flex-direction:column;padding:23px 15px;z-index:100;transition:width .2s ease}.sidebar.collapsed,.desktop-sidebar.collapsed{width:76px}.sidebar.collapsed .brand-name,.desktop-sidebar.collapsed .brand-name,.sidebar.collapsed .nav-label,.desktop-sidebar.collapsed .nav-label,.sidebar.collapsed .nav-text,.desktop-sidebar.collapsed .nav-text,.sidebar.collapsed .workspace-badge,.desktop-sidebar.collapsed .workspace-badge{display:none}.sidebar.collapsed .brand,.desktop-sidebar.collapsed .brand{justify-content:center;padding-left:0;padding-right:0}.sidebar.collapsed .nav-item,.desktop-sidebar.collapsed .nav-item{justify-content:center;padding:0}.sidebar.collapsed .nav-icon,.desktop-sidebar.collapsed .nav-icon{width:20px;height:20px}.brand{display:flex;gap:11px;align-items:center;padding:2px 8px 25px}.brand-mark{width:36px;height:36px;border-radius:11px;background:#16845b;color:#fff;display:grid;place-items:center;flex-shrink:0}.brand-name{font:800 18px Manrope,sans-serif;letter-spacing:-.7px;color:#172b3a}.brand-name span{color:#16845b}.nav-label{font-size:10px;font-weight:700;letter-spacing:1px;color:#a0ada8;padding:12px 12px 7px}.nav-item{height:41px;padding:0 12px;margin:2px 0;border-radius:9px;display:flex;align-items:center;gap:12px;color:#64757d;font-weight:550;font-size:13px;text-decoration:none;white-space:nowrap;transition:background .15s ease,color .15s ease}.nav-item:hover{background:#f4f8f5;color:#16845b}.nav-item.active{background:#eaf5ef;color:#137a53;font-weight:700}.nav-icon{width:18px;height:18px;flex:none}.nav-bottom{margin-top:auto}.workspace-badge{background:#f6f8f7;border-radius:11px;padding:12px;margin:12px 4px 4px;font-size:11px;color:#6e7e85}.workspace-badge strong{display:block;color:#203744;font-size:12px;margin-bottom:4px}.main-area{margin-left:248px;transition:margin-left .2s ease;min-height:100vh;display:flex;flex-direction:column}.main-area.collapsed{margin-left:76px}.topbar{height:69px;background:#fffffff0;border-bottom:1px solid #e9eeeb;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-left,.top-right{display:flex;align-items:center;gap:15px}.role-select{font-size:12px!important;background:#f7f9f8;border-radius:8px}.content{max-width:1480px;width:100%;margin:0 auto;padding:31px 34px 50px;box-sizing:border-box;flex:1}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:12px;color:#8a999e;margin-bottom:7px}.page-head h1{font:750 27px Manrope,sans-serif;letter-spacing:-1.05px;margin:0;color:#172b3a}.page-subtitle{color:#7c8a91;font-size:13px;margin-top:6px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric-card{padding:19px 20px!important;border-radius:12px!important}.metric-label{color:#7c8b91;font-size:12px;font-weight:550}.metric-value{font:750 25px Manrope,sans-serif;letter-spacing:-.8px;margin:10px 0 5px;color:#172c3b}.metric-foot{font-size:11px;color:#8a999e;display:flex;align-items:center;gap:5px}.metric-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:16px;margin-top:17px}.panel{padding:20px!important;border-radius:12px!important}.panel-title{font:700 15px Manrope,sans-serif}.panel-subtitle{font-size:11px;color:#8a999e;margin-top:4px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.chart-legend{display:flex;gap:17px;font-size:11px;color:#6f8087}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:8px;margin-right:6px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.status{display:inline-flex;padding:4px 9px;border-radius:20px;font-size:10px;font-weight:700;white-space:nowrap}.status.active,.status.paid,.status.delivered{color:#16845b;background:#e8f5ed}.status.pending,.status.issued{color:#ad791e;background:#fff4df}.status.paused,.status.draft{color:#78868b;background:#eff2f1}.status.overdue,.status.failed{color:#c6544b;background:#fff0ee}.search-field{min-width:235px}.toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.empty-state{padding:45px 20px;text-align:center;color:#77888d}.menu-button,.mobile-menu{display:inline-flex!important}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-action{border:1px solid #e8eeeb;border-radius:10px;padding:13px;text-decoration:none;color:#25404b;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:650}.quick-action:hover{border-color:#b7d9c6;background:#f8fcf9}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.auth-visual{background:#102f2c;color:#fff;padding:50px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.auth-visual .brand-name{color:#fff!important}.auth-visual .brand-name span{color:#b7ed8a!important}.auth-visual:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-190px;bottom:-210px;box-shadow:0 0 0 60px #ffffff09,0 0 0 120px #ffffff06}.auth-visual h2{font:750 42px Manrope,sans-serif;line-height:1.12;max-width:480px;letter-spacing:-1.8px}.auth-visual p{color:#b8ceca;max-width:420px;line-height:1.7}.auth-form{width:min(440px,calc(100% - 48px));margin:auto}.delivery-card{padding:18px!important;margin-bottom:11px}.delivery-action-row{display:flex;gap:8px;margin-top:13px}.quantity-control{display:flex;align-items:center;border:1px solid #e0e9e3;border-radius:9px;width:max-content}.quantity-control button{border:0;background:transparent;padding:8px;color:#16845b;cursor:pointer}.quantity-control strong{min-width:35px;text-align:center}.invoice-paper{background:#fff;border:1px solid #e5ece8;border-radius:12px;padding:35px;max-width:800px;margin:auto}.mobile-drawer-paper{width:min(300px,85vw)!important;background:#fff!important;box-shadow:4px 0 24px #0000001f!important}.mobile-drawer-content{display:flex;flex-direction:column;height:100%;background:#fff;color:#243e4b}.mobile-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #edf2ef}.mobile-drawer-nav{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 10px}.mobile-drawer-foot{padding:14px 16px;border-top:1px solid #edf2ef;background:#fafcfa}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #e9eeeb;z-index:1000;justify-content:space-around;align-items:center;padding:0 4px env(safe-area-inset-bottom,0px);box-shadow:0 -2px 12px #0000000f}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;height:100%;color:#7b8c94;text-decoration:none;background:transparent;border:none;cursor:pointer;font-size:11px;font-weight:600;padding:6px 0;transition:color .15s ease;-webkit-tap-highlight-color:transparent}.bottom-nav-item.active,.bottom-nav-item:hover{color:#16845b;font-weight:700}.bottom-nav-item .nav-icon{width:20px;height:20px}@media(max-width:1024px){.desktop-sidebar,.sidebar{display:none!important}.main-area,.main-area.collapsed{margin-left:0!important;width:100%!important}.topbar{height:60px;padding:0 16px}.menu-button,.mobile-menu{display:inline-flex!important}.content{padding:24px 18px 50px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-grid{grid-template-columns:1fr;gap:14px}}@media(max-width:768px){.mobile-bottom-nav{display:flex}.content{padding:16px 14px calc(80px + env(safe-area-inset-bottom,0px))}.topbar{height:56px;padding:0 12px}.topbar .hide-mobile,.hide-mobile{display:none!important}.topbar .role-select{max-width:135px;font-size:11px!important}.page-head{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:18px}.page-head h1{font-size:22px;letter-spacing:-.5px}.page-head>div:last-child{width:100%}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{padding:14px 12px!important}.metric-value{font-size:20px;margin:6px 0 3px}.panel{padding:16px 14px!important;border-radius:12px}.panel-head{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:14px}.panel-head>div:last-child{width:100%}.toolbar{flex-direction:column;align-items:stretch;gap:8px}.toolbar>*{width:100%!important;min-width:0!important}.toolbar .MuiButton-root{width:100%!important}.form-grid,.quick-grid,.auth-wrap{grid-template-columns:1fr}.auth-visual{display:none}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}}@media(max-width:400px){.metric-grid{grid-template-columns:1fr}.content{padding:12px 10px calc(80px + env(safe-area-inset-bottom,0px))}}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}@media(max-width:900px){.portal-grid{grid-template-columns:1fr!important;gap:16px}}.portal-table{width:100%;border-collapse:separate;border-spacing:0}.portal-table th{background:#f8faf9;color:#64757d;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:10px 14px;border-bottom:1px solid #e9eeeb;white-space:nowrap}.portal-table td{padding:12px 14px;border-bottom:1px solid #f1f4f2;font-size:13px;color:#243e4b;white-space:nowrap}.portal-table tr:last-child td{border-bottom:none}.portal-stepper{display:inline-flex;align-items:center;border:1px solid #d4e2db;border-radius:9px;background:#fff;overflow:hidden;box-shadow:0 1px 3px #00000005}.portal-stepper button{border:0;background:transparent;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#16845b;cursor:pointer;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.portal-stepper button:hover:not(:disabled){background:#eaf5ef}.portal-stepper button:disabled{opacity:.35;cursor:not-allowed}.portal-stepper span{min-width:36px;text-align:center;font-size:13px;font-weight:700;color:#203744}