@font-face{font-family:Vazirmatn;src:url('/assets/fonts/Vazirmatn.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--kb-lime:#c8ff32;--kb-ink:#11151d;--kb-muted:#6f7785;--kb-bg:#f5f7fa;--kb-card:rgba(255,255,255,.78);--shadow:0 14px 34px rgba(31,46,73,.085);--logo-duration:5.8s;--border-duration:3.5s;--cta-glow-alpha:.28}
*{box-sizing:border-box}
html{background:#eef2f7;scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 48% -10%,#fff 0,#f7f9fc 34%,#edf2f7 100%);color:var(--kb-ink);font-family:Vazirmatn,Tahoma,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}
body.preview-body{background:transparent}
a{color:inherit;text-decoration:none}
button,a{font:inherit}
img{max-width:100%;display:block}
.site-shell{width:min(100%,620px);margin:0 auto;padding:20px 18px 32px;min-height:100vh;overflow:hidden}
.hero-card{height:214px;position:relative;border-radius:30px;overflow:hidden;background:#111;box-shadow:0 18px 45px rgba(19,25,35,.12)}
.hero-card>img{width:100%;height:100%;object-fit:cover;filter:saturate(.66) contrast(1.03) brightness(.62)}
.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,13,.9),rgba(5,9,13,.08) 47%,rgba(5,9,13,.75))}
.hero-copy{position:absolute;z-index:1;color:white;top:52px;display:flex;flex-direction:column;text-shadow:0 2px 8px #000}
.hero-left{left:28px;align-items:flex-start}.hero-right{right:24px;align-items:flex-end;transform:rotate(-4deg)}
.hero-copy b{font:700 15px/1.2 Arial,sans-serif;letter-spacing:6px}.hero-copy small{margin-top:20px;font:500 13px/1.45 Arial,sans-serif;letter-spacing:1.5px}
.hero-copy strong{font:900 italic 25px/1.05 Arial,sans-serif;letter-spacing:-1px;text-align:left}
.hero-copy i{width:30px;height:4px;border-radius:9px;background:var(--kb-lime);margin-top:20px;box-shadow:0 0 12px rgba(200,255,50,.55)}
.hero-right i{width:72px;margin-top:15px}
.brand-intro{text-align:center;margin-top:-58px;position:relative;z-index:2}
.logo-card{display:grid;place-items:center;margin:auto;width:116px;height:116px;padding:6px;background:rgba(255,255,255,.9);border-radius:32px;box-shadow:0 12px 35px rgba(99,255,0,.14),0 0 0 1px rgba(255,255,255,.9);perspective:800px}
.logo-inner{width:100%;height:100%;display:grid;place-items:center;border-radius:26px;background:#080a0a;overflow:hidden;box-shadow:inset 0 0 28px rgba(187,255,48,.12),0 0 18px rgba(168,255,36,.2);position:relative;transform-style:preserve-3d}
.logo-inner img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(184,255,29,.65))}
[data-logo-motion=on] .logo-inner{animation:logoFloat var(--logo-duration) ease-in-out infinite}
[data-logo-glow=on] .logo-inner img{animation:logoGlow 3.8s ease-in-out infinite}
[data-logo-shine=on] .logo-inner:after{content:"";position:absolute;inset:-35%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);transform:translateX(-70%);animation:logoShine 5.6s ease-in-out infinite;pointer-events:none}
.brand-intro h1{font:850 clamp(30px,8vw,38px)/1 Arial,sans-serif;margin:15px 0 5px;color:#111827;letter-spacing:-1px}
.brand-intro>p{font-size:18px;font-weight:520;color:#596170;margin:0 auto 13px}
.trust-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.trust-chip{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 13px;border-radius:999px;background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 6px 18px rgba(44,64,94,.05);color:#5c6573;font-size:13px;white-space:nowrap}
.trust-chip img{width:18px;height:18px;opacity:.85}
.cta-wrap{margin-top:17px}
.store-cta{min-height:93px;border-radius:30px;position:relative;display:grid;grid-template-columns:54px 1fr 54px;align-items:center;padding:11px 17px;color:white;background:linear-gradient(115deg,#090d0b,#142013 58%,#10140f);isolation:isolate;box-shadow:0 0 0 2px rgba(190,255,29,.75),0 12px 30px rgba(112,207,13,.2),0 0 28px rgba(187,255,41,var(--cta-glow-alpha));overflow:hidden}
.store-cta:before{content:"";position:absolute;z-index:-2;inset:-55%;background:conic-gradient(from 0deg,transparent 0 55%,var(--kb-lime) 68%,#9dff00 76%,transparent 86%);animation:borderOrbit var(--border-duration) linear infinite}
.store-cta:after{content:"";position:absolute;z-index:-1;inset:3px;border-radius:27px;background:linear-gradient(120deg,#0a0e0c,#152114 58%,#10140f)}
[data-cta-motion=off] .store-cta:before{animation:none;background:var(--kb-lime)}
.cta-copy{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.cta-copy b{font-size:22px;font-weight:850}.cta-copy small{font-size:14px;color:#f0f3ee;margin-top:2px}
.bag-well{width:49px;height:49px;border-radius:17px;display:grid;place-items:center;background:rgba(179,255,28,.08);box-shadow:0 0 22px rgba(171,255,22,.18)}
.bag-well img{width:26px;height:26px;filter:brightness(0) saturate(100%) invert(89%) sepia(73%) saturate(1017%) hue-rotate(27deg) brightness(109%)}
[data-bag-motion=on] .bag-well img{animation:bagShake 2s ease-in-out infinite}
.cta-chevron{display:grid;place-items:center}.cta-chevron img{width:27px;filter:brightness(0) invert(1)}
.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px;direction:ltr}
.service-card{min-height:92px;direction:rtl;display:grid;grid-template-columns:64px 1fr 22px;align-items:center;gap:8px;padding:12px 13px;border-radius:24px;background:var(--kb-card);border:1px solid rgba(255,255,255,.86);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease;min-width:0}
.service-card:not(.is-disabled):hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(31,46,73,.12)}.service-card:active{transform:scale(.985)}
.service-card.is-disabled{opacity:.75;cursor:not-allowed}
.service-icon{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;background:#f8fafc}.service-icon img{width:31px;height:31px}
.tint-rose{background:#fff0f3;box-shadow:0 0 22px rgba(246,98,127,.19)}.tint-blue,.tint-azure{background:#eaf6ff;box-shadow:0 0 22px rgba(34,154,255,.16)}.tint-purple{background:#f3edff;box-shadow:0 0 22px rgba(127,76,211,.15)}.tint-pink{background:#fff0f8;box-shadow:0 0 22px rgba(241,55,160,.14)}.tint-green{background:#eafbf3;box-shadow:0 0 22px rgba(28,200,115,.16)}.tint-yellow{background:#fffbe7;box-shadow:0 0 22px rgba(255,208,35,.18)}.tint-orange{background:#fff3e8;box-shadow:0 0 22px rgba(255,135,28,.17)}
.service-copy{min-width:0;text-align:right;display:flex;flex-direction:column}.service-copy b{font-size:16px;font-weight:850;line-height:1.55}.service-copy small{font-size:12px;color:#7d8491;line-height:1.55;margin-top:1px}
.service-chevron img{width:18px;opacity:.72}
.promos-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:17px;direction:ltr}
.promo-card{position:relative;direction:ltr;height:188px;border-radius:24px;overflow:hidden;background:#171a1f;box-shadow:var(--shadow)}.promo-card.is-disabled{cursor:not-allowed}
.promo-image{width:100%;height:100%;object-fit:cover}.promo-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.34) 56%,transparent)}
.promo-2 .promo-shade{background:linear-gradient(90deg,rgba(6,12,17,.82),rgba(8,13,18,.25))}
.promo-copy{position:absolute;inset:0;padding:21px;display:flex;flex-direction:column;align-items:flex-start;color:#0f1318;text-shadow:0 1px 2px rgba(255,255,255,.25)}
.promo-copy>b{font:800 18px/1.2 Arial,sans-serif;letter-spacing:1px}.promo-copy>strong{font:500 15px/1.45 Arial,sans-serif;letter-spacing:1.2px;margin-top:9px}.promo-copy>span{font:600 13px/1.7 Vazirmatn,sans-serif;margin-top:9px;direction:rtl;text-align:left}.promo-copy>em{margin-top:auto;background:#08090a;color:white;border-radius:999px;padding:9px 15px;font-style:normal;font-weight:650;font-size:12px;display:flex;gap:7px;align-items:center}.promo-copy>em img{width:14px;filter:brightness(0) invert(1)}
.promo-2 .promo-copy{color:white;justify-content:center}.promo-line{position:absolute;left:22px;bottom:18px;width:28px;height:4px;border-radius:6px;background:var(--kb-lime)}
.site-footer{text-align:center;padding:30px 2px 0}.brand-rule,.tagline-row{display:flex;align-items:center;justify-content:center;gap:13px;color:#a0a7b3}.brand-rule i,.tagline-row i{height:1px;width:24px;background:#d4dae2}.brand-rule b{font:700 15px/1 Arial,sans-serif}.site-footer>p{margin:10px 0 22px;color:#667080;font-size:16px}.site-footer>p span{font-size:28px;line-height:0;color:#92dc16;vertical-align:-4px}
.social-row{display:flex;justify-content:center;gap:10px;direction:ltr;flex-wrap:wrap}.social-link{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.7);border:1px solid white;box-shadow:0 9px 20px rgba(44,60,88,.08);transition:transform .2s}.social-link:hover{transform:translateY(-2px) scale(1.05)}.social-link img{width:25px;height:25px;object-fit:contain}.social-link.is-disabled{opacity:.65}
.tagline-row{margin-top:28px}.tagline-row i{width:48px}.tagline-row span{font-size:12px;background:rgba(255,255,255,.56);padding:8px 16px;border-radius:999px;color:#8b93a1}
.motion-toggle{margin-top:12px;border:0;background:transparent;color:#8a929d;font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.noscript,.load-error{text-align:center;margin:30px;color:#555}.noscript a{color:#4c6900;text-decoration:underline}
.reveal{opacity:1;transform:none}[data-entry=on] .reveal{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}[data-entry=on] .reveal.is-visible{opacity:1;transform:none}
.motion-paused *,.page-hidden *{animation-play-state:paused!important}.motion-paused .reveal{transition:none!important}
@keyframes logoFloat{0%,50%,100%{transform:rotateY(0) rotateZ(0) scale(1)}25%{transform:rotateY(8deg) rotateZ(-2deg) scale(1.025)}75%{transform:rotateY(-8deg) rotateZ(2deg) scale(1.025)}}
@keyframes logoGlow{0%,100%{filter:drop-shadow(0 0 7px rgba(184,255,29,.5))}50%{filter:drop-shadow(0 0 13px rgba(184,255,29,.85))}}
@keyframes logoShine{0%,58%{transform:translateX(-70%)}78%,100%{transform:translateX(70%)}}
@keyframes borderOrbit{to{transform:rotate(1turn)}}
@keyframes bagShake{0%,24%,100%{transform:rotate(0) translateY(0)}4%{transform:rotate(-7deg) translateY(-1px)}8%{transform:rotate(7deg) translateY(0)}12%{transform:rotate(-4deg) translateY(-1px)}16%{transform:rotate(4deg) translateY(0)}20%{transform:rotate(0)}}
@media (max-width:500px){.site-shell{padding:12px 13px 26px}.hero-card{height:184px;border-radius:25px}.hero-copy{top:42px}.hero-left{left:18px}.hero-right{right:16px}.hero-copy b{font-size:11px;letter-spacing:4px}.hero-copy small{font-size:10px}.hero-copy strong{font-size:20px}.brand-intro{margin-top:-50px}.logo-card{width:102px;height:102px;border-radius:28px}.logo-inner{border-radius:22px}.brand-intro h1{font-size:32px}.brand-intro>p{font-size:15px}.trust-chip{font-size:11px;padding:5px 9px}.store-cta{min-height:84px;border-radius:27px;grid-template-columns:45px 1fr 45px;padding:9px 13px}.store-cta:after{border-radius:24px}.cta-copy b{font-size:19px}.cta-copy small{font-size:12px}.bag-well{width:44px;height:44px}.services-grid{gap:9px}.service-card{min-height:82px;grid-template-columns:50px 1fr 15px;padding:10px 9px;border-radius:21px;gap:6px}.service-icon{width:48px;height:48px;border-radius:16px}.service-icon img{width:26px;height:26px}.service-copy b{font-size:14px}.service-copy small{font-size:10px}.service-chevron img{width:14px}.promos-grid{gap:9px}.promo-card{height:160px;border-radius:21px}.promo-copy{padding:15px}.promo-copy>b{font-size:15px}.promo-copy>strong{font-size:12px}.promo-copy>span{font-size:11px}.promo-copy>em{padding:7px 10px;font-size:10px}.social-row{gap:7px}.social-link{width:44px;height:44px}.social-link img{width:22px;height:22px}}
@media (max-width:350px){.site-shell{padding-inline:10px}.service-card{grid-template-columns:40px 1fr 12px;padding:8px 6px;gap:4px}.service-icon{width:38px;height:38px}.service-icon img{width:21px;height:21px}.service-copy b{font-size:12px}.service-copy small{font-size:9px}.promos-grid{grid-template-columns:1fr}.promo-card{height:172px}.social-row{padding-inline:18px}.hero-right{display:none}.brand-intro>p{font-size:14px}.trust-chip{padding-inline:7px}}
@media (min-width:800px){.site-shell{padding-top:36px;padding-bottom:50px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.motion-toggle{display:none}}
@media (forced-colors:active){.store-cta,.service-card,.promo-card{border:1px solid CanvasText}}

.service-icon .managed-icon{width:32px;height:32px;object-fit:contain}.social-link .managed-icon{width:28px;height:28px;object-fit:contain}