:root{--landing-bg:#090d18;--landing-card:#111827;--landing-line:rgba(201,210,223,.12);--landing-green:#8bf7c1;--landing-blue:#86c8ff}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.landing-feature-icon .ui-icon{width:22px;height:22px}
.side-nav .ui-icon{width:18px;height:18px}
.menu-toggle .ui-icon{width:24px;height:24px}
body{background:
  radial-gradient(circle at 92% 5%,rgba(53,124,184,.14),transparent 20rem),
  radial-gradient(circle at 8% 38%,rgba(45,164,116,.08),transparent 24rem),
  #090d18!important}
.site-header{background:rgba(9,13,24,.78)!important;border-bottom-color:var(--landing-line)!important}
.nav-container{height:82px}
.guest-nav{gap:4px}
.guest-nav>a{border-radius:999px;padding:10px 14px}
.guest-nav .nav-login{border-color:var(--landing-line)!important}
.guest-nav .nav-register{padding-inline:18px;border-radius:999px;background:#f4f7fb!important;color:#101521!important}
.page-main{width:min(1180px,calc(100% - 48px));padding-top:28px}
.landing-hero{
  position:relative;min-height:590px;padding:70px;border-radius:30px;overflow:hidden;
  display:flex;align-items:center;
  border:1px solid var(--landing-line);
  background:
    linear-gradient(105deg,rgba(15,21,35,.98) 0%,rgba(15,21,35,.94) 58%,rgba(15,25,41,.62) 100%),
    radial-gradient(circle at 85% 30%,rgba(134,200,255,.16),transparent 26%);
  box-shadow:0 35px 90px rgba(0,0,0,.22)
}
.landing-hero:before{content:"";position:absolute;inset:auto -150px -290px auto;width:560px;height:560px;border-radius:50%;border:1px solid rgba(139,247,193,.12);box-shadow:0 0 0 70px rgba(139,247,193,.025),0 0 0 140px rgba(134,200,255,.018)}
.landing-hero:after{content:"";position:absolute;right:44px;top:44px;width:190px;height:190px;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:16px 16px;mask-image:linear-gradient(to bottom left,#000,transparent 70%)}
.landing-copy{position:relative;z-index:3;max-width:590px}
.landing-kicker{display:inline-flex;align-items:center;gap:9px;color:#b8c2d1;font-size:12px;font-weight:700;text-transform:none;letter-spacing:.02em}
.landing-kicker>span{width:7px;height:7px;border-radius:50%;background:var(--landing-green);box-shadow:0 0 16px var(--landing-green)}
.landing-copy h1{font-size:clamp(48px,6.4vw,78px)!important;line-height:.99!important;margin:22px 0 20px!important;letter-spacing:-.065em!important}
.landing-copy h1 em{color:#fff!important;text-decoration:none;background:linear-gradient(90deg,var(--landing-green),#bbefdc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.landing-copy>p{max-width:530px;color:#abb5c4!important;font-size:17px!important;line-height:1.75!important}
.landing-actions{display:flex;gap:10px;margin-top:30px}
.landing-btn{min-height:50px;border-radius:12px;padding:12px 20px;transition:.22s;font-size:14px}
.landing-btn.primary{background:var(--landing-green)!important;border-color:var(--landing-green)!important;color:#0a1a13!important;box-shadow:0 14px 35px rgba(139,247,193,.12)!important}
.landing-btn.primary b{font-size:18px}
.landing-btn.ghost{border:1px solid var(--landing-line)!important;background:rgba(255,255,255,.04)!important;color:#eef3f8!important}
.landing-btn:hover{transform:translateY(-3px)}
.landing-trust{margin-top:32px;gap:20px!important;color:#8895a8!important;font-size:11px!important}
.landing-trust span:before{color:var(--landing-green)!important}
.hero-proof{margin-top:38px;display:flex;align-items:center;gap:12px}
.proof-avatars{display:flex;padding-left:8px}.proof-avatars span{width:34px;height:34px;margin-left:-8px;border-radius:50%;border:3px solid #101827;background:#263449;color:white;display:grid;place-items:center;font-size:10px;font-weight:800}.proof-avatars span:nth-child(2){background:#4a6e63}.proof-avatars span:nth-child(3){background:#6c5a82}
.hero-proof>div:last-child{display:flex;flex-direction:column}.hero-proof strong{font-size:12px}.hero-proof small{color:#8794a6;font-size:10px;margin-top:2px}
.hero-shop-preview{z-index:2!important;width:390px!important;height:410px!important;right:42px!important;bottom:-48px!important;border-radius:20px!important;background:#f5f7fa!important;color:#18202d!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 40px 80px rgba(0,0,0,.38)!important;transform:rotate(1.5deg)!important}
.preview-top{height:58px;border-bottom:1px solid #e2e7ec!important;padding:12px 15px!important}
.preview-logo{background:#171f2d!important;color:white!important;border-radius:7px!important}.preview-top small{color:#9aa4b1!important}.preview-status{color:#2da66e!important}
.preview-banner{height:210px;margin:12px!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(255,255,255,.05),transparent),linear-gradient(135deg,#1b6d5a,#163e3c)!important;color:white!important}
.preview-banner:after{background:#d2f36e!important;opacity:.22!important}.preview-banner strong{font-size:36px!important}
.preview-products{gap:7px!important}.preview-products>div{height:94px!important;background:white!important;border:1px solid #e3e7eb!important;color:#1a2230!important}.preview-products small{color:#667085!important}.preview-products b{color:#111827!important}.cube-green{background:#8dbb66!important}
.landing-section{padding-top:88px!important}
.landing-heading{margin-bottom:34px!important}.landing-heading>span{color:var(--landing-green)!important;font-size:11px!important}.landing-heading h2{font-size:40px!important;color:#f4f7fb!important;letter-spacing:-.045em!important}.landing-heading p{font-size:15px!important;color:#929dad!important}
.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.demo-card{border-radius:20px!important;border-color:var(--landing-line)!important;background:#101622!important}.demo-card:hover{transform:translateY(-7px)!important;border-color:rgba(139,247,193,.28)!important;box-shadow:0 24px 50px rgba(0,0,0,.22)}
.demo-screen{height:260px!important;padding:16px!important}.demo-meta{height:62px!important}.demo-meta strong{font-size:15px!important}.demo-meta span{color:#8693a3!important}
.demo-forest{background:linear-gradient(145deg,rgba(12,37,27,.12),rgba(12,37,27,.82)),linear-gradient(135deg,#9abe78,#263f32)!important}
.demo-dark{background:radial-gradient(circle at 72% 52%,rgba(177,149,255,.38),transparent 18%),linear-gradient(135deg,#23203e,#111425)!important}.demo-sky{background:linear-gradient(145deg,rgba(255,255,255,.05),transparent),linear-gradient(135deg,#8dc8d8,#294d69)!important}
.demo-nav{color:white}.demo-hero{left:25px!important;top:82px!important}.demo-hero small{color:#d7f8e6!important}.demo-hero button{border-radius:6px!important;padding:8px 11px!important}
.landing-price-strip{display:grid!important;align-items:center!important;gap:24px!important;margin-top:78px!important;min-height:116px;border-radius:20px!important;padding:24px 28px!important;border-color:rgba(139,247,193,.16)!important;background:linear-gradient(100deg,rgba(139,247,193,.08),rgba(134,200,255,.025),transparent)!important;grid-template-columns:190px minmax(0,1fr) auto!important}
.price-benefits{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:center!important;gap:10px!important}
.landing-price-strip>div:first-child strong{font-size:40px!important;color:#f5f7fb!important}.landing-price-strip>div:first-child strong small{color:#96a3b5!important}
.price-benefits span{border-left:1px solid var(--landing-line);padding-left:12px}
.landing-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.landing-feature-grid article{min-height:205px!important;padding:26px!important;border-radius:20px!important;border-color:var(--landing-line)!important;background:linear-gradient(145deg,rgba(17,24,39,.9),rgba(13,20,33,.72))!important;transition:.22s}
.landing-feature-grid article:hover{transform:translateY(-4px);border-color:rgba(139,247,193,.22)}
.landing-feature-icon{width:48px!important;height:48px!important;border-radius:14px!important;background:rgba(139,247,193,.08)!important;color:var(--landing-green)!important;border:1px solid rgba(139,247,193,.08)}
.landing-feature-grid h3{font-size:18px!important;color:#f3f6fa!important}.landing-feature-grid p{color:#929dad!important;line-height:1.65!important;font-size:14px!important}
.landing-steps{gap:16px!important}.landing-steps article{min-height:130px;padding:26px!important;border-radius:20px!important;border-color:var(--landing-line)!important;background:#101622!important}.landing-steps article>b{color:#a6b0bf!important;font-family:'Space Grotesk',sans-serif;font-size:25px!important}.landing-steps h3{font-size:17px!important}.landing-steps p{color:#929dad!important;font-size:13px!important}
.landing-faq{max-width:860px!important;border-color:var(--landing-line)!important}.landing-faq article{border-color:var(--landing-line)!important}.landing-faq button{font-size:15px!important;height:72px!important}.landing-faq button b{width:30px;height:30px;border-radius:50%;background:rgba(139,247,193,.07);display:grid;place-items:center;font-size:17px!important}.landing-faq article p{color:#929dad!important;font-size:14px!important}
.landing-cta{margin-top:88px!important;border-radius:24px!important;padding:42px!important;border-color:rgba(139,247,193,.14)!important;background:linear-gradient(105deg,#111a27,#101720 60%,rgba(75,110,99,.18))!important}.landing-cta span{color:var(--landing-green)!important}.landing-cta h2{font-size:34px!important}
@media(max-width:980px){
  .landing-hero{padding:54px 42px!important}.hero-shop-preview{width:330px!important;opacity:.28!important;right:-20px!important}.landing-copy{max-width:590px!important}
  .landing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.landing-price-strip{grid-template-columns:160px 1fr!important}.price-benefits{grid-template-columns:1fr!important}
  .demo-grid{gap:12px!important}.demo-screen{height:230px!important}
}
@media(max-width:760px){
  .page-main{width:calc(100% - 28px)!important;padding-top:14px!important}.nav-container{width:calc(100% - 28px)!important;height:72px!important}
  .landing-hero{min-height:auto!important;padding:42px 24px!important;border-radius:22px!important}.hero-shop-preview{display:none!important}.landing-copy h1{font-size:44px!important}.landing-copy>p{font-size:15px!important}.landing-actions{flex-direction:column!important}.landing-actions .landing-btn{width:100%!important}.landing-trust{display:grid!important;gap:8px!important}.hero-proof{margin-top:28px!important}
  .landing-section{padding-top:58px!important}.landing-heading h2{font-size:30px!important}.demo-grid{grid-template-columns:1fr!important}.demo-screen{height:270px!important}.landing-price-strip{grid-template-columns:1fr!important;text-align:center!important}.price-benefits{justify-items:center!important}.landing-feature-grid{grid-template-columns:1fr!important}
  .landing-steps{grid-template-columns:1fr!important}.landing-cta{margin-top:58px!important;padding:28px!important}.landing-cta h2{font-size:28px!important}.landing-faq button{height:auto!important;min-height:72px!important}
}