:root{--bb-font-sans: Vazirmatn, IRANSans, Tahoma, Arial, sans-serif;--bb-radius-sm: .5rem;--bb-radius-md: .875rem;--bb-radius-lg: 1.25rem;--bb-radius-xl: 1.75rem;--bb-space-1: .25rem;--bb-space-2: .5rem;--bb-space-3: .75rem;--bb-space-4: 1rem;--bb-space-5: 1.25rem;--bb-space-6: 1.5rem;--bb-space-8: 2rem;--bb-space-10: 2.5rem;--bb-space-12: 3rem;--bb-shadow-sm: 0 8px 24px rgb(15 23 42 / 8%);--bb-shadow-md: 0 18px 60px rgb(15 23 42 / 14%);--bb-primary: #2aabee;--bb-primary-strong: #168acd;--bb-accent: #ffcc66;--bb-danger: #ff6b6b;--bb-success: #7fd88f}:root,[data-theme=light]{color-scheme:light;--bb-bg: #f6f8fb;--bb-bg-soft: #eef4fb;--bb-surface: #ffffff;--bb-surface-raised: #ffffff;--bb-border: #d9e2ec;--bb-text: #182230;--bb-text-muted: #667085;--bb-text-soft: #8a98aa;--bb-focus: #2aabee}[data-theme=dark]{color-scheme:dark;--bb-bg: #0f141f;--bb-bg-soft: #151b29;--bb-surface: #1f2430;--bb-surface-raised: #252b38;--bb-border: #343d4f;--bb-text: #f4f7fb;--bb-text-muted: #b5c0d0;--bb-text-soft: #8792a4;--bb-focus: #2aabee}*{box-sizing:border-box}html{min-height:100%;background:var(--bb-bg);color:var(--bb-text);font-family:var(--bb-font-sans)}body{min-height:100%;margin:0;background:radial-gradient(circle at top right,color-mix(in srgb,var(--bb-primary) 18%,transparent),transparent 28rem),var(--bb-bg);color:var(--bb-text)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}::selection{background:color-mix(in srgb,var(--bb-primary) 28%,transparent)}:root{direction:rtl}[dir=rtl]{text-align:right}[dir=ltr]{text-align:left}h1,h2,h3,p{margin-block-start:0}h1,.bb-heading-xl{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.1;letter-spacing:-.04em}h2,.bb-heading-lg{font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.2}p,.bb-body{color:var(--bb-text-muted);font-size:1rem;line-height:1.9}.bb-kicker{color:var(--bb-primary);font-size:.9rem;font-weight:700}.site-container,.site-header,.site-footer,.hero{width:min(1120px,calc(100% - 2rem));margin-inline:auto}.site-header-wrap{position:sticky;z-index:20;inset-block-start:0;border-block-end:1px solid color-mix(in srgb,var(--bb-border) 70%,transparent);background:color-mix(in srgb,var(--bb-bg) 84%,transparent);backdrop-filter:blur(18px)}.site-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--bb-space-3);justify-content:space-between;padding-block:var(--bb-space-3)}.site-logo{align-items:center;color:var(--bb-text);display:inline-flex;font-size:1.05rem;font-weight:900;gap:var(--bb-space-2);letter-spacing:.04em}.site-logo-mark{align-items:center;display:inline-flex;flex-shrink:0}.site-nav,.site-header-actions,.hero-actions,.hero-notes,.site-footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:var(--bb-space-3)}.site-nav{color:var(--bb-text-muted);font-size:.93rem}.site-nav a,.site-footer-links a{transition:color .16s ease}.site-nav a:hover,.site-footer-links a:hover{color:var(--bb-primary)}.site-header-cta,.site-button{align-items:center;background:var(--bb-primary);border:1px solid color-mix(in srgb,var(--bb-primary) 72%,var(--bb-border));border-radius:var(--bb-radius-md);color:var(--bb-surface);display:inline-flex;font-weight:800;justify-content:center;min-height:2.75rem;padding-block:0;padding-inline:var(--bb-space-5);transition:transform .16s ease,background .16s ease,border-color .16s ease}.site-header-cta{min-height:2.35rem;padding-inline:var(--bb-space-4)}.site-button:hover,.site-header-cta:hover{background:var(--bb-primary-strong);transform:translateY(-1px)}.site-button-secondary{background:var(--bb-surface);border-color:var(--bb-border);color:var(--bb-text)}.theme-toggle{align-items:center;background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:999px;color:var(--bb-text);cursor:pointer;display:inline-flex;gap:var(--bb-space-1);min-height:2.35rem;padding-inline:var(--bb-space-3)}.hero{display:grid;gap:var(--bb-space-10);padding-block:var(--bb-space-10)}.hero-content{max-width:720px}.hero-badge{background:color-mix(in srgb,var(--bb-primary) 11%,var(--bb-surface));border:1px solid color-mix(in srgb,var(--bb-primary) 25%,var(--bb-border));border-radius:999px;color:var(--bb-primary);display:inline-flex;font-size:.9rem;font-weight:800;margin-block-end:var(--bb-space-5);padding-block:var(--bb-space-2);padding-inline:var(--bb-space-4)}.hero h1{margin-block-end:var(--bb-space-5);max-width:760px}.hero-build-line{align-items:center;background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:var(--bb-radius-lg);box-shadow:var(--bb-shadow-sm);color:var(--bb-text);display:inline-flex;font-weight:800;gap:var(--bb-space-2);margin-block-end:var(--bb-space-5);overflow:hidden;padding-block:var(--bb-space-3);padding-inline:var(--bb-space-4)}.hero-build-line span:last-child{animation:build-reveal 3.6s ease-in-out infinite}.hero-actions{margin-block-start:var(--bb-space-8)}.hero-notes{color:var(--bb-text-soft);font-size:.92rem;list-style:none;margin-block:var(--bb-space-5) 0;padding-inline-start:0}.hero-notes li:before{color:var(--bb-primary);content:"✓";margin-inline-end:var(--bb-space-2)}.hero-demo{min-width:0}.telegram-demo{display:flex;justify-content:center}.telegram-phone{background:var(--bb-surface-raised);border:1px solid var(--bb-border);border-radius:2rem;box-shadow:var(--bb-shadow-md);inline-size:min(100%,390px);overflow:hidden;padding:var(--bb-space-3)}.telegram-topbar{align-items:center;background:linear-gradient(135deg,var(--bb-primary),var(--bb-primary-strong));border-radius:1.45rem 1.45rem var(--bb-radius-md) var(--bb-radius-md);color:var(--bb-surface);display:flex;gap:var(--bb-space-3);padding:var(--bb-space-4)}.telegram-topbar span{display:block;font-size:.78rem;opacity:.82}.telegram-avatar{align-items:center;background:color-mix(in srgb,var(--bb-surface) 22%,transparent);border-radius:999px;display:inline-flex;font-weight:900;height:2.4rem;justify-content:center;width:2.4rem}.telegram-chat{background:radial-gradient(circle at 14px 14px,color-mix(in srgb,var(--bb-primary) 12%,transparent) 2px,transparent 3px),radial-gradient(circle at 42px 38px,color-mix(in srgb,var(--bb-accent) 11%,transparent) 2px,transparent 3px),var(--bb-bg-soft);background-size:56px 56px;border-radius:var(--bb-radius-md) var(--bb-radius-md) 1.45rem 1.45rem;display:flex;flex-direction:column;gap:var(--bb-space-3);min-height:480px;padding:var(--bb-space-4)}.telegram-message,.telegram-buttons{opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease}.telegram-message[data-visible],.telegram-buttons[data-visible]{opacity:1;transform:translateY(0)}.telegram-message{border-radius:var(--bb-radius-lg);box-shadow:var(--bb-shadow-sm);line-height:1.7;max-inline-size:82%;padding-block:var(--bb-space-3);padding-inline:var(--bb-space-4)}.telegram-message small{color:var(--bb-primary);font-size:.75rem;margin-inline-start:var(--bb-space-2)}.telegram-message-user{align-self:flex-start;background:color-mix(in srgb,var(--bb-primary) 18%,var(--bb-surface));color:var(--bb-text)}.telegram-message-bot{align-self:flex-end;background:var(--bb-surface)}.telegram-message-long{max-inline-size:92%}.telegram-buttons{align-self:flex-end;display:grid;gap:var(--bb-space-2);grid-template-columns:repeat(2,minmax(0,1fr));max-inline-size:92%;width:100%}.telegram-buttons button{background:color-mix(in srgb,var(--bb-primary) 9%,var(--bb-surface));border:1px solid color-mix(in srgb,var(--bb-primary) 25%,var(--bb-border));border-radius:var(--bb-radius-md);color:var(--bb-primary);cursor:pointer;font-weight:800;padding-block:var(--bb-space-3);padding-inline:var(--bb-space-3)}.site-section{padding-block:var(--bb-space-12)}.section-heading{margin-block-end:var(--bb-space-8);max-width:680px}.feature-grid,.steps-grid,.blog-list{display:grid;gap:var(--bb-space-4)}.feature-card,.step-card,.blog-card,.cta-section{background:var(--bb-surface);border:1px solid var(--bb-border);border-radius:var(--bb-radius-lg);box-shadow:var(--bb-shadow-sm);padding:var(--bb-space-6)}.feature-card h3,.step-card h3,.blog-card h2,.blog-card h3{margin-block:0 var(--bb-space-3)}.step-card span,.blog-card span{color:var(--bb-primary);display:inline-flex;font-weight:900;margin-block-end:var(--bb-space-3)}.cta-section{align-items:center;display:grid;gap:var(--bb-space-5);margin-block:var(--bb-space-10)}.blog-index{padding-block:var(--bb-space-12)}.blog-list{margin-block-start:var(--bb-space-8)}.blog-card{display:block;transition:transform .16s ease,border-color .16s ease}.blog-card:hover{border-color:color-mix(in srgb,var(--bb-primary) 45%,var(--bb-border));transform:translateY(-2px)}.blog-card time,.blog-post time,.blog-back{color:var(--bb-text-soft);display:inline-flex;margin-block-end:var(--bb-space-4)}.blog-card-featured{max-width:760px}.blog-post{max-width:760px;padding-block:var(--bb-space-12)}.blog-description{font-size:1.1rem}.blog-content{margin-block-start:var(--bb-space-8)}.blog-content h2{font-size:1.55rem;margin-block:var(--bb-space-10) var(--bb-space-3)}.blog-content ul{color:var(--bb-text-muted);line-height:1.9;padding-inline-start:var(--bb-space-6)}.site-footer{border-block-start:1px solid var(--bb-border);display:grid;gap:var(--bb-space-6);margin-block-start:var(--bb-space-12);padding-block:var(--bb-space-8)}.site-footer-brand p,.site-footer-copy{margin-block:var(--bb-space-3) 0}.site-footer-copy{color:var(--bb-text-soft)}@keyframes build-reveal{0%,18%{clip-path:inset(0 0 0 100%)}42%,to{clip-path:inset(0 0 0 0)}}@media(min-width:720px){.feature-grid,.blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cta-section,.site-footer{grid-template-columns:1.4fr 1fr auto}}@media(min-width:960px){.hero{align-items:center;grid-template-columns:minmax(0,1fr) 420px;padding-block:var(--bb-space-12)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:719px){.site-nav{order:3;width:100%}.site-header-cta{display:none}.hero-build-line{align-items:start}.telegram-chat{min-height:430px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}.andi-logo-mark{align-items:center;display:inline-flex;flex-shrink:0}[data-theme=dark] .logo-light,[data-theme=light] .logo-dark{display:none}