:root{
 --navy:#0d2238;--navy2:#102a45;--blue:#1677ff;--blue2:#0d63da;--sky:#edf5ff;--ink:#10233b;--muted:#667b91;--line:#dce6f0;--soft:#f5f8fc;--green:#0aa56a;--amber:#f4a11a;--red:#e43c49;--white:#fff;--shadow:0 18px 45px rgba(13,34,56,.10);--radius:20px;--radius-sm:12px;--container:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:999;background:#fff;padding:10px 14px;border-radius:8px}
.icon{width:20px;height:20px;flex:none}.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,230,240,.85)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#e73542,#c82232);display:grid;place-items:center;color:#fff;box-shadow:0 8px 22px rgba(229,53,66,.22)}.brand-mark span{font-weight:850;font-size:13px;letter-spacing:.02em}.brand strong{display:block;font-size:19px;line-height:1.05}.brand small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.main-nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:650;color:#344c64}.main-nav a:hover{color:var(--blue)}.nav-demo{color:var(--blue)!important}.nav-login{padding-left:18px;border-left:1px solid var(--line)}.nav-toggle{display:none;border:0;background:transparent;color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:13px 18px;font-weight:750;border:1px solid transparent;transition:.2s ease;cursor:pointer}.btn-sm{padding:10px 14px;font-size:13px}.btn-lg{padding:15px 22px;font-size:15px}.btn-primary{background:linear-gradient(135deg,#2386ff,#126cf2);color:white;box-shadow:0 10px 26px rgba(22,119,255,.24)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(22,119,255,.3);color:white}.btn-secondary{background:white;border-color:var(--line);color:var(--ink)}.btn-secondary:hover{border-color:#a9cdf8;background:#f8fbff}.btn-dark{background:var(--navy);color:white}.btn-ghost{background:#eef6ff;color:var(--blue)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 15%,rgba(22,119,255,.12),transparent 33%),linear-gradient(#fff,#f8fbff);padding:78px 0 64px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #cfe2fb;background:#f3f8ff;color:#245f9f;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;letter-spacing:.02em}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(10,165,106,.1)}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.02;margin:20px 0 20px;letter-spacing:-.045em;max-width:780px}.hero h1 span{color:var(--blue)}.hero p.lead{font-size:20px;line-height:1.55;color:#526981;max-width:690px;margin:0 0 26px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:#536b83;font-size:13px;font-weight:650}.hero-proof span{display:flex;align-items:center;gap:7px}.hero-proof .icon{color:var(--green);width:17px;height:17px}.hero-visual{position:relative}.app-window{background:white;border:1px solid #d7e3ef;border-radius:22px;box-shadow:0 30px 80px rgba(13,34,56,.18);overflow:hidden;transform:perspective(1400px) rotateY(-4deg) rotateX(1deg)}.window-top{height:46px;border-bottom:1px solid #e5edf5;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#fff}.window-dots{display:flex;gap:6px}.window-dots span{width:8px;height:8px;border-radius:50%;background:#d9e2eb}.window-title{font-size:11px;color:#8093a8;font-weight:700}.mock-app{display:grid;grid-template-columns:116px 1fr;min-height:420px}.mock-side{background:linear-gradient(180deg,#10283f,#0b1f33);color:#c8d5e2;padding:15px 10px}.mock-logo{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800;color:white;margin:2px 4px 17px}.mock-logo i{width:23px;height:23px;border-radius:7px;background:var(--blue);display:grid;place-items:center;font-style:normal}.mock-menu{display:grid;gap:7px}.mock-menu span{padding:8px;border-radius:7px;font-size:9px}.mock-menu span.active{background:var(--blue);color:white}.mock-main{background:#f5f8fc;padding:17px}.mock-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.mock-head strong{font-size:15px}.mock-head .mock-btn{width:75px;height:27px;border-radius:7px;background:var(--blue)}.mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mock-kpi{background:#fff;border:1px solid #e0e9f2;border-radius:9px;padding:12px}.mock-kpi small{display:block;color:#8193a6;font-size:7px;text-transform:uppercase}.mock-kpi b{display:block;margin-top:7px;font-size:15px}.mock-panel{margin-top:10px;background:white;border:1px solid #e0e9f2;border-radius:9px;padding:12px}.mock-panel-head{display:flex;justify-content:space-between;font-size:8px;font-weight:800;margin-bottom:11px}.mock-bars{height:115px;display:flex;align-items:end;gap:9px;padding:10px 4px;border-bottom:1px solid #edf2f7}.mock-bars i{flex:1;display:block;background:linear-gradient(#62a8ff,#1677ff);border-radius:4px 4px 0 0;min-height:18px}.mock-bars i:nth-child(2){height:52%}.mock-bars i:nth-child(3){height:76%}.mock-bars i:nth-child(4){height:45%}.mock-bars i:nth-child(5){height:91%}.mock-bars i:nth-child(6){height:68%}.float-card{position:absolute;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 46px rgba(13,34,56,.14);padding:13px 15px;font-size:12px}.float-card strong{display:block;font-size:14px}.float-one{right:-25px;top:54px}.float-two{left:-24px;bottom:32px}.float-card .green{color:var(--green)}
.trust-strip{border-top:1px solid #e8eef5;border-bottom:1px solid #e8eef5;background:#fff;position:relative}.trust-rail-wrap{position:relative;overflow:hidden;padding-left:42px;padding-right:42px}.trust-inner{display:flex;gap:10px;padding:14px 0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.trust-inner::-webkit-scrollbar{display:none}.trust-item{flex:0 0 auto;min-width:210px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;border:1px solid #e6edf5;border-radius:12px;background:#fbfdff;color:#405b75;font-size:13px;font-weight:750;white-space:nowrap;scroll-snap-align:start;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.trust-item:hover{background:#f2f7ff;border-color:#cfe2fb;color:#146fe0;transform:translateY(-1px)}.trust-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#1677ff;box-shadow:0 0 0 4px rgba(22,119,255,.09)}.trust-scroll-btn{position:absolute;top:50%;z-index:3;width:32px;height:32px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid #dbe7f2;border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 6px 18px rgba(13,34,56,.08);color:#31506e;font:800 22px/1 ui-sans-serif,system-ui;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}.trust-scroll-btn:hover{background:#1677ff;border-color:#1677ff;color:#fff}.trust-scroll-btn:disabled{opacity:.28;cursor:default;background:#fff;color:#7890a8;border-color:#e5edf5}.trust-scroll-prev{left:4px}.trust-scroll-next{right:4px}.section{padding:88px 0}.section-soft{background:var(--soft)}.section-navy{background:var(--navy);color:white}.section-head{max-width:760px;margin:0 auto 42px;text-align:center}.section-head.left{margin-left:0;text-align:left}.section-kicker{color:var(--blue);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.09em}.section h2,.page-hero h1{font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-.03em;margin:10px 0 14px}.section-head p,.page-hero p{color:var(--muted);font-size:18px;margin:0}.section-navy .section-head p{color:#b7c7d8}
.problem-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:start}.problem-intro{position:sticky;top:112px}.problem-list{display:grid;gap:13px}.problem-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;display:grid;grid-template-columns:46px 1fr;gap:15px;box-shadow:0 8px 22px rgba(13,34,56,.04)}.problem-card .num{width:46px;height:46px;border-radius:12px;background:#eef6ff;color:var(--blue);display:grid;place-items:center;font-weight:850}.problem-card h3{margin:0 0 5px;font-size:18px}.problem-card p{margin:0;color:var(--muted)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px;transition:.2s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#bed9f8}.feature-icon{width:44px;height:44px;border-radius:12px;background:#edf5ff;color:var(--blue);display:grid;place-items:center;margin-bottom:16px}.feature-card h3{margin:0 0 7px;font-size:18px}.feature-card p{margin:0;color:var(--muted);font-size:14px}.feature-card .mini{margin-top:12px;color:#34536f;font-size:12px;font-weight:700}.feature-card.span2{grid-column:span 2;background:linear-gradient(135deg,#0d2238,#143b61);color:white;border-color:transparent}.feature-card.span2 p{color:#c4d3e2}.feature-card.span2 .feature-icon{background:rgba(255,255,255,.1);color:white}
.compare-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:white}.compare-table{width:100%;border-collapse:collapse;min-width:720px}.compare-table th,.compare-table td{padding:17px 20px;border-bottom:1px solid #e9eff5;text-align:left}.compare-table th{background:#f7faff;color:#526981;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.compare-table th:nth-child(3){background:#eef6ff;color:var(--blue)}.compare-table td:nth-child(2){color:#8494a7}.compare-table td:nth-child(3){font-weight:700}.compare-table tr:last-child td{border-bottom:0}.yes{color:var(--green)}.no{color:#9eabb8}
.screenshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.shot-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(13,34,56,.06)}.shot-img{aspect-ratio:16/10;background:#eef3f9;overflow:hidden}.shot-img img{width:100%;height:100%;object-fit:cover}.shot-copy{padding:17px}.shot-copy h3{margin:0 0 5px;font-size:17px}.shot-copy p{margin:0;color:var(--muted);font-size:13px}.shot-filters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:-20px auto 30px}.filter-chip{border:1px solid var(--line);background:white;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:700;color:#566d84}.filter-chip.active,.filter-chip:hover{background:#eaf4ff;border-color:#b8d8ff;color:var(--blue)}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;align-items:stretch}.price-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px;display:flex;flex-direction:column}.price-card.popular{border:2px solid var(--blue);box-shadow:0 20px 50px rgba(22,119,255,.13);transform:translateY(-6px)}.popular-label{position:absolute;right:16px;top:14px;background:#e9f3ff;color:var(--blue);font-size:10px;font-weight:850;text-transform:uppercase;border-radius:999px;padding:5px 8px}.price-card h3{font-size:22px;margin:0 0 5px}.price-for{color:var(--muted);font-size:13px;min-height:42px}.price{display:flex;align-items:end;gap:4px;margin:18px 0 4px}.price b{font-size:36px;line-height:1}.price span{color:var(--muted);font-size:13px}.branch-cap{font-size:12px;color:#516980;font-weight:700}.price-card ul{list-style:none;padding:0;margin:19px 0 23px;display:grid;gap:10px;font-size:13px;color:#435c74;flex:1}.price-card li{display:flex;gap:8px}.price-card li .icon{width:16px;height:16px;color:var(--green);margin-top:2px}.price-card .btn{width:100%}.pricing-note{text-align:center;color:var(--muted);font-size:13px;margin-top:22px}
.cta-band{padding:44px 0;background:linear-gradient(135deg,#0d2238,#143d66);color:white}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner h2{margin:0;font-size:30px}.cta-inner p{margin:7px 0 0;color:#c6d5e4}.cta-actions{display:flex;gap:10px;flex:none}.cta-band .btn-secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:white}
.faq{display:grid;gap:10px;max-width:900px;margin:auto}.faq-item{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.faq-question{width:100%;border:0;background:transparent;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;text-align:left;font-weight:750;color:var(--ink);cursor:pointer}.faq-answer{display:none;padding:0 20px 18px;color:var(--muted)}.faq-item.open .faq-answer{display:block}.faq-plus{font-size:20px;color:var(--blue)}
.page-hero{padding:64px 0 42px;background:linear-gradient(180deg,#f7fbff,#fff);border-bottom:1px solid #e9eff5}.page-hero .container{max-width:900px}.page-hero.center{text-align:center}.breadcrumbs{font-size:12px;color:#7890a8;margin-bottom:14px}.breadcrumbs a{color:var(--blue)}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:42px}.prose{font-size:17px;color:#344e67}.prose h2,.prose h3,.prose h4{color:var(--ink);line-height:1.25;margin-top:1.8em}.prose h2{font-size:30px}.prose h3{font-size:22px}.prose p{margin:1em 0}.prose ul,.prose ol{padding-left:23px}.prose blockquote{border-left:4px solid var(--blue);background:#f1f7ff;padding:14px 18px;margin:22px 0;border-radius:0 10px 10px 0}.prose code{background:#eef3f8;border-radius:5px;padding:2px 5px;font-size:.9em}.prose pre{background:#0d2238;color:#e9f2fb;padding:18px;border-radius:12px;overflow:auto}.sidebar-card{border:1px solid var(--line);border-radius:15px;padding:18px;background:#fff;position:sticky;top:100px}.sidebar-card h3{margin-top:0}.sidebar-card a{display:block;padding:8px 0;color:#4c647b;font-size:14px}.sidebar-card a:hover{color:var(--blue)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.blog-thumb{height:170px;background:linear-gradient(135deg,#e9f3ff,#f8fbff);padding:22px;display:flex;align-items:end;position:relative}.blog-thumb:before{content:"DM";position:absolute;right:20px;top:20px;width:40px;height:40px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:850}.blog-thumb span{font-size:12px;color:var(--blue);font-weight:850;text-transform:uppercase}.blog-body{padding:19px;display:flex;flex-direction:column;flex:1}.blog-body h2{font-size:19px;line-height:1.3;margin:0 0 7px}.blog-body p{color:var(--muted);font-size:14px;margin:0 0 15px}.blog-meta{margin-top:auto;font-size:11px;color:#8496a8}.read-link{display:inline-flex;align-items:center;gap:5px;color:var(--blue);font-weight:750;font-size:13px;margin-top:12px}
.docs-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:35px}.docs-nav{border-right:1px solid var(--line);padding-right:22px}.docs-nav h3{font-size:12px;text-transform:uppercase;color:#8aa0b4;letter-spacing:.08em}.docs-nav a{display:block;padding:9px 10px;border-radius:8px;color:#526981;font-size:14px}.docs-nav a:hover,.docs-nav a.active{background:#eef6ff;color:var(--blue)}
.search-form{display:flex;gap:8px;max-width:640px}.search-form input{flex:1;height:47px;border:1px solid var(--line);border-radius:11px;padding:0 15px}.search-results{display:grid;gap:12px;margin-top:24px}.search-item{border:1px solid var(--line);border-radius:12px;padding:16px}.search-item small{color:var(--blue);font-weight:800}.search-item h2{font-size:19px;margin:4px 0}.search-item p{margin:0;color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.contact-card{border:1px solid var(--line);border-radius:17px;padding:24px;background:#fff}.contact-list{display:grid;gap:13px}.contact-list div{padding:15px;border-radius:12px;background:#f7faff}.contact-list small{display:block;color:#8295a8}.contact-list strong{display:block;margin-top:3px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:#526981;font-weight:700}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff}.field textarea{min-height:130px;resize:vertical}
.bn{font-family:"Noto Sans Bengali",ui-sans-serif,system-ui,sans-serif}.bn .hero h1{letter-spacing:0;line-height:1.18}.bn .hero p.lead{font-size:19px}
.site-footer{background:#091a2b;color:#c0cede;padding:62px 0 24px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:40px}.site-footer h3{font-size:13px;color:white;margin:0 0 13px}.site-footer a,.site-footer span{display:block;color:#adbdcc;font-size:13px;margin:8px 0}.site-footer a:hover{color:white}.site-footer p{max-width:340px;color:#91a6b9;font-size:13px}.brand-footer strong{color:white}.brand-footer small{color:#91a6b9}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:35px;padding-top:20px;display:flex;justify-content:space-between}.footer-bottom span,.footer-bottom a{display:inline;margin:0;font-size:12px}
.notice{border:1px solid #bfe0ff;background:#f0f7ff;color:#245f9f;border-radius:12px;padding:13px 15px;font-size:13px}.empty{padding:45px;text-align:center;border:1px dashed #cfdce8;border-radius:15px;color:var(--muted)}
@media(max-width:1000px){.main-nav{position:absolute;top:76px;left:20px;right:20px;background:white;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:18px;display:none;flex-direction:column;align-items:stretch;gap:6px}.main-nav.open{display:flex}.main-nav a{padding:9px 6px}.nav-login{border-left:0;padding-left:6px}.nav-toggle{display:block}.hero-grid,.problem-grid,.contact-grid{grid-template-columns:1fr}.hero-visual{max-width:760px}.problem-intro{position:static}.pricing-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card.span2{grid-column:span 2}.screenshot-grid{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.content-grid{grid-template-columns:1fr}.sidebar-card{position:static}.docs-layout{grid-template-columns:1fr}.docs-nav{border-right:0;border-bottom:1px solid var(--line);padding:0 0 18px;display:flex;flex-wrap:wrap;gap:5px}}
@media(max-width:680px){.container{width:min(calc(100% - 28px),var(--container))}.header-inner{min-height:68px}.brand-mark{width:38px;height:38px}.brand strong{font-size:17px}.hero{padding:52px 0 46px}.hero-grid{gap:35px}.hero h1{font-size:42px}.hero p.lead{font-size:17px}.app-window{transform:none}.float-card{display:none}.mock-app{grid-template-columns:86px 1fr;min-height:330px}.mock-side{padding:10px 7px}.mock-main{padding:10px}.mock-kpis{grid-template-columns:1fr 1fr}.mock-kpis .mock-kpi:last-child{display:none}.section{padding:64px 0}.trust-rail-wrap{padding-left:36px;padding-right:36px}.trust-inner{gap:8px;padding:12px 0}.trust-item{min-width:190px;min-height:46px;padding:10px 14px;font-size:12px}.trust-scroll-btn{width:30px;height:30px;border-radius:9px}.trust-scroll-prev{left:1px}.trust-scroll-next{right:1px}.feature-grid,.pricing-grid,.screenshot-grid,.blog-grid{grid-template-columns:1fr}.feature-card.span2{grid-column:auto}.price-card.popular{transform:none}.cta-inner,.footer-bottom{flex-direction:column;align-items:flex-start}.cta-actions{width:100%;flex-wrap:wrap}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.contact-form{grid-template-columns:1fr}.field.full{grid-column:auto}}

/* v1.0.0-rc2: manageable branding, persistent language toggle and clearer navigation */
.brand-link{display:inline-flex;align-items:center;min-width:0;flex:none}
.brand-logo-wrap{display:flex;align-items:center;max-width:220px;height:52px}
.brand-logo{display:block;max-width:220px;max-height:46px;width:auto;height:auto;object-fit:contain}
.header-tools{display:flex;align-items:center;gap:10px;flex:none}
.lang-switch{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid var(--line);border-radius:999px;background:#f7faff;color:#7a8da1;font-size:11px;font-weight:850;line-height:1}
.lang-switch a{display:grid;place-items:center;min-width:28px;height:25px;padding:0 5px;border-radius:999px;color:#6c8094;transition:.18s ease}
.lang-switch a:hover{color:var(--blue);background:#eaf4ff}
.lang-switch a.active{background:var(--blue);color:#fff;box-shadow:0 3px 9px rgba(22,119,255,.18)}
.main-nav{align-self:stretch}
.main-nav .nav-item-link{position:relative;display:inline-flex;align-items:center;height:100%;white-space:nowrap}
.main-nav .nav-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--blue);transform:scaleX(0);transform-origin:center;transition:transform .18s ease}
.main-nav .nav-link:hover,.main-nav .nav-link.active{color:var(--blue)}
.main-nav .nav-link:hover::after,.main-nav .nav-link.active::after{transform:scaleX(1)}
.main-nav .nav-cta::after{display:none}
.main-nav .nav-cta:hover,.main-nav .nav-cta:focus{color:#fff!important;background:linear-gradient(135deg,#1d7ff5,#0b5fcf)!important}
.btn-primary:hover,.btn-primary:focus,.btn-dark:hover,.btn-dark:focus{color:#fff!important}
.btn-secondary:hover,.btn-secondary:focus{color:var(--ink)!important;background:#f2f8ff;border-color:#96c4fb}
.btn-ghost:hover,.btn-ghost:focus{color:#075fc9!important;background:#dceeff}
.cta-band .btn-secondary:hover,.cta-band .btn-secondary:focus{color:#fff!important;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.34)}
.legal-updated{margin-top:16px;color:#8093a8;font-size:12px;font-weight:700}
.legal-prose>h1:first-child{display:none}
.legal-prose p:first-of-type{margin-top:0}
.legal-nav a.active{color:var(--blue);font-weight:800}
@media(max-width:1000px){
  .header-inner{gap:12px}
  .main-nav{top:76px;align-self:auto}
  .main-nav .nav-item-link{height:auto;min-height:42px;padding:9px 8px}
  .main-nav .nav-link::after{left:8px;right:8px;bottom:2px;height:2px}
  .main-nav .nav-cta{justify-content:center;margin-top:4px}
  .header-tools{margin-left:auto}
  .brand-logo-wrap{height:46px;max-width:190px}.brand-logo{max-height:40px;max-width:190px}
}
@media(max-width:680px){
  .lang-switch{padding:3px 5px;gap:2px}.lang-switch a{min-width:26px;height:24px;font-size:10px}
  .brand-logo-wrap{max-width:155px;height:42px}.brand-logo{max-width:155px;max-height:36px}
}

/* v1.0.0-rc3 full bilingual site */
body.lang-bn{font-family:"Noto Sans Bengali","Hind Siliguri",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.lang-bn .main-nav{font-weight:700}.lang-bn .page-hero h1,.lang-bn .section-head h2,.lang-bn .hero h1{letter-spacing:0;line-height:1.18}.lang-bn .prose{line-height:1.85}.lang-bn .prose h2,.lang-bn .prose h3{line-height:1.45}.lang-bn .btn{font-weight:700}.lang-bn .price-card li,.lang-bn .feature-card p,.lang-bn .faq-answer{line-height:1.7}

/* v1.0.0-rc6: seamless auto-scrolling capability marquee */
.trust-strip{
  overflow:hidden;
  background:#fff;
  border-top:1px solid #e8eef5;
  border-bottom:1px solid #e8eef5;
}
.trust-strip-container{
  overflow:hidden;
}
.trust-marquee{
  position:relative;
  width:100%;
  overflow:hidden;
  padding:13px 0;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 4%,#000 96%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 4%,#000 96%,transparent 100%);
}
.trust-track{
  display:inline-flex !important;
  flex-flow:row nowrap !important;
  align-items:center;
  width:max-content !important;
  min-width:max-content;
  white-space:nowrap;
  will-change:transform;
  animation:dm-capability-marquee 38s linear infinite;
}
.trust-group{
  display:inline-flex !important;
  flex-flow:row nowrap !important;
  align-items:center;
  gap:14px;
  flex:0 0 auto !important;
  width:max-content;
  white-space:nowrap;
  padding-right:14px;
}
.trust-item{
  flex:0 0 auto;
  min-width:210px;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:11px 18px;
  border:1px solid #e6edf5;
  border-radius:999px;
  background:#fbfdff;
  color:#405b75;
  font-size:13px;
  font-weight:750;
  white-space:nowrap;
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}
.trust-item:hover{
  background:#f2f7ff;
  border-color:#cfe2fb;
  color:#146fe0;
  transform:translateY(-1px);
}
.trust-dot{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#1677ff;
  box-shadow:0 0 0 4px rgba(22,119,255,.09);
}
.trust-strip .trust-track > .trust-group > .trust-item{display:inline-flex !important;flex:0 0 auto !important;white-space:nowrap !important}
.trust-marquee:hover .trust-track,
.trust-marquee:focus-within .trust-track{
  animation-play-state:paused;
}
@keyframes dm-capability-marquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media(max-width:680px){
  .trust-marquee{padding:11px 0;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%)}
  .trust-track{animation-duration:31s}
  .trust-group{gap:10px;padding-right:10px}
  .trust-item{min-width:184px;min-height:44px;padding:9px 14px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .trust-marquee{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:none;mask-image:none}
  .trust-marquee::-webkit-scrollbar{display:none}
  .trust-track{animation:none}
}

/* v1.0.0-rc9 — DokanMate red/navy brand system + high-conversion homepage */
:root{
  --brand-primary:var(--blue);
  --brand-primary-dark:var(--blue2);
  --brand-navy:var(--navy);
  --brand-soft:var(--soft);
  --brand-surface:var(--white);
  --shadow:0 20px 55px rgba(13,34,56,.10);
  --shadow-soft:0 10px 30px rgba(13,34,56,.07);
}
body{background:var(--brand-surface)}
.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid #edf0f4;box-shadow:0 5px 20px rgba(13,34,56,.035)}
.header-inner{min-height:72px}
.brand-logo-wrap{height:48px;max-width:238px}.brand-logo{max-width:238px;max-height:45px}
.main-nav{gap:22px;color:#2d435b;font-weight:720}
.main-nav .nav-link::after{background:var(--brand-primary);height:3px}
.main-nav .nav-link:hover,.main-nav .nav-link.active,.nav-demo{color:var(--brand-primary)!important}
.nav-login{border-left:1px solid #edf0f4}
.header-search{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:var(--brand-navy);transition:.18s ease}
.header-search:hover{background:#fff2f4;color:var(--brand-primary)}
.header-search .icon{width:18px;height:18px}
.lang-switch{background:#f7f9fc;border-color:#e5eaf0}.lang-switch a:hover{color:var(--brand-primary);background:#fff1f3}.lang-switch a.active{background:var(--brand-primary);box-shadow:0 3px 10px color-mix(in srgb,var(--brand-primary) 22%,transparent)}
.btn{border-radius:12px}
.btn-primary{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));box-shadow:0 12px 28px color-mix(in srgb,var(--brand-primary) 28%,transparent)}
.btn-primary:hover,.btn-primary:focus{background:linear-gradient(135deg,var(--brand-primary-dark),var(--brand-primary));box-shadow:0 16px 34px color-mix(in srgb,var(--brand-primary) 34%,transparent)}
.btn-secondary{border-color:#dbe3eb}.btn-secondary:hover,.btn-secondary:focus{border-color:color-mix(in srgb,var(--brand-primary) 42%,#dbe3eb);background:#fff7f8;color:var(--brand-navy)!important}
.btn-ghost{background:#fff1f3;color:var(--brand-primary)}

.hero{padding:70px 0 58px;background:radial-gradient(circle at 78% 12%,color-mix(in srgb,var(--brand-primary) 8%,transparent),transparent 34%),linear-gradient(180deg,#fff 0%,#fbfcfe 72%,#f7f9fc 100%)}
.hero-grid{grid-template-columns:.95fr 1.05fr;gap:50px}
.eyebrow{border-color:#f4d6da;background:#fff7f8;color:#314760;padding:6px 11px 6px 7px}
.eyebrow img{width:25px;height:25px;object-fit:contain}.eyebrow .dot{display:none}
.hero h1{font-size:clamp(44px,5.2vw,70px);color:var(--brand-navy);max-width:720px}
.hero h1 span{color:var(--brand-primary)}
.hero p.lead{color:#50667e;font-size:19px}
.play-dot{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--brand-primary);color:#fff;font-size:10px;line-height:1}
.hero-proof{gap:13px 22px}.hero-proof .icon{color:var(--brand-primary)}
.hero-device-stage{position:relative;padding:12px 62px 22px 0}
.app-window{border-color:#d9e1e9;box-shadow:0 30px 80px rgba(13,34,56,.17);transform:perspective(1400px) rotateY(-2deg)}
.window-top{height:42px}.mock-side{background:linear-gradient(180deg,var(--brand-navy),#071a2c)}
.mock-logo img{width:25px;height:25px;object-fit:contain}.mock-logo{font-size:10px}.mock-logo i{display:none}
.mock-menu span.active,.mock-head .mock-btn{background:var(--brand-primary)}
.mock-bars i{background:linear-gradient(#ff7b89,var(--brand-primary))}
.receipt-mock{position:absolute;right:0;bottom:0;width:142px;background:#fff;border:1px solid #dce3ea;border-radius:14px;box-shadow:0 18px 46px rgba(13,34,56,.15);padding:15px 13px;z-index:3;transform:rotate(1.8deg);font-size:9px;color:#25384c}
.receipt-mock>img{width:28px;height:28px;margin:0 auto 3px}.receipt-mock>strong,.receipt-mock>small{display:block;text-align:center}.receipt-mock>strong{font-size:12px;color:var(--brand-navy)}.receipt-mock>small{font-size:7px;color:#6c7c8d}.receipt-mock hr{border:0;border-top:1px dashed #9ca9b6;margin:10px 0}.receipt-mock>div{display:flex;justify-content:space-between;margin:5px 0}.receipt-mock p{font-size:7px;text-align:center;margin:11px 0 0;color:#6c7c8d}
.float-card{border-color:#e2e8ee;box-shadow:var(--shadow-soft)}.float-one{right:18px;top:24px}.float-two{left:-16px;bottom:16px}

.trust-strip{background:#fff}.trust-item{border-color:#e6e9ed;background:#fff;color:#40536a}.trust-item:hover{background:#fff5f6;border-color:#f5c6cd;color:var(--brand-primary)}.trust-dot{background:var(--brand-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-primary) 10%,transparent)}
.section-kicker{color:var(--brand-primary)}
.section-soft{background:var(--brand-soft)}
.problem-card{box-shadow:0 8px 24px rgba(13,34,56,.04);border-color:#e3e8ed}.problem-card .num{background:#fff0f2;color:var(--brand-primary)}
.problem-card:hover{border-color:#f2c4ca;box-shadow:var(--shadow-soft)}

.feature-showcase-section{background:#fff}
.feature-showcase{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.65fr);gap:36px;align-items:start}
.feature-showcase-intro{position:sticky;top:105px;padding-top:8px}.feature-showcase-intro h2{font-size:clamp(36px,4vw,54px);line-height:1.05;margin:14px 0;color:var(--brand-navy);letter-spacing:-.04em}.feature-showcase-intro p{color:var(--muted);font-size:16px;margin:0 0 24px}.brand-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--brand-primary);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.brand-kicker img{width:29px;height:29px;object-fit:contain}
.feature-grid-home{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.feature-grid-home .feature-card{padding:20px;min-height:205px}.feature-grid-home .feature-card .read-link{margin-top:15px;color:var(--brand-primary)}
.feature-card{border-color:#e3e8ed;box-shadow:0 5px 18px rgba(13,34,56,.025)}.feature-card:hover{border-color:#f1c7cd;box-shadow:var(--shadow-soft)}.feature-icon{background:#fff0f2;color:var(--brand-primary)}.feature-card .mini{color:#5b6f83}
.feature-anywhere{grid-column:1/-1;display:grid;grid-template-columns:1fr 130px;align-items:center;gap:20px;min-height:210px;border:1px solid #f4cdd3;border-radius:18px;padding:25px;background:linear-gradient(135deg,#fff8f9,#fff0f2);overflow:hidden}.feature-anywhere h3{font-size:28px;line-height:1.1;margin:8px 0 10px;color:var(--brand-navy)}.feature-anywhere p{color:#5b6e81;margin:0}.feature-anywhere ul{list-style:none;padding:0;margin:18px 0 0;display:flex;gap:12px 18px;flex-wrap:wrap;font-size:12px;font-weight:700;color:#3e5369}.feature-anywhere li{display:flex;gap:6px;align-items:center}.feature-anywhere li .icon{width:15px;height:15px;color:var(--brand-primary)}.feature-anywhere>img{width:120px;height:120px;object-fit:contain;opacity:.98;filter:drop-shadow(0 14px 18px rgba(239,35,60,.16))}

.compare-wrap{border-color:#e2e7ec;box-shadow:var(--shadow-soft)}.compare-table thead{background:var(--brand-navy);color:#fff}.compare-table td.yes{color:#173c32}.compare-table td.yes::first-letter{color:var(--brand-primary)}
.brand-proof{background:linear-gradient(90deg,#fff7f8,#fff,#fff7f8);border-top:1px solid #f5d9dd;border-bottom:1px solid #f5d9dd}.brand-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-top:22px;padding-bottom:22px}.brand-proof-grid>div{padding:6px 24px;border-right:1px solid #f0dfe2;text-align:center}.brand-proof-grid>div:last-child{border-right:0}.brand-proof strong{display:block;color:var(--brand-primary);font-size:26px;line-height:1.1}.brand-proof span{display:block;margin-top:5px;color:#5b6d80;font-size:12px;font-weight:720}

.price-card{border-color:#e2e7ec}.price-card.popular{border-color:var(--brand-primary);box-shadow:0 20px 50px color-mix(in srgb,var(--brand-primary) 13%,transparent)}.popular-label{background:#fff0f2;color:var(--brand-primary)}.price-card li .icon{color:var(--brand-primary)}
.filter-chip.active,.filter-chip:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:#fff4f5}
.read-link{color:var(--brand-primary)}
.faq-item.open{border-color:#f1c8ce}.faq-plus{color:var(--brand-primary)}
.cta-band{background:linear-gradient(135deg,var(--brand-navy),#173c5e)}
.cta-band::after{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:color-mix(in srgb,var(--brand-primary) 28%,transparent);filter:blur(10px);pointer-events:none}.cta-band{position:relative;overflow:hidden}

.blog-card{border-color:#e3e8ed;box-shadow:0 6px 20px rgba(13,34,56,.03)}.blog-card:hover{border-color:#f1c6cc;box-shadow:var(--shadow-soft)}.blog-thumb{background:linear-gradient(135deg,#fff0f2,#fff9fa);align-items:flex-end;justify-content:flex-start;min-height:165px}.blog-thumb:before{display:none}.blog-brand-icon{position:absolute;right:20px;top:18px;width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 9px 12px rgba(239,35,60,.13))}.blog-thumb span{color:var(--brand-primary)}
.page-hero{background:linear-gradient(180deg,#fff 0%,#fafbfd 100%)}
.breadcrumbs a,.legal-nav a.active{color:var(--brand-primary)}
.notice{border-color:#f2cbd1;background:#fff6f7;color:#7f2632}

.site-footer{background:linear-gradient(180deg,var(--brand-navy),#071a2c);color:#d3dfeb;padding-top:56px}.site-footer .brand-logo-wrap{height:64px;max-width:285px}.site-footer .brand-logo{max-height:58px;max-width:285px}.site-footer h3{color:#fff}.site-footer a:hover{color:#fff}.footer-bottom{border-top-color:rgba(255,255,255,.1)}

@media(max-width:1080px){.main-nav{gap:15px}.hero-device-stage{padding-right:42px}.receipt-mock{width:128px}.feature-showcase{grid-template-columns:1fr}.feature-showcase-intro{position:static;max-width:760px}.feature-grid-home{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.header-search{display:none}.hero-device-stage{padding-right:56px}.brand-proof-grid{grid-template-columns:repeat(2,1fr)}.brand-proof-grid>div:nth-child(2){border-right:0}.brand-proof-grid>div:nth-child(-n+2){border-bottom:1px solid #f0dfe2}}
@media(max-width:680px){.brand-logo-wrap{max-width:175px}.brand-logo{max-width:175px}.hero{padding-top:46px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:44px}.hero-device-stage{padding:0 28px 54px 0}.receipt-mock{width:116px;right:0;bottom:0}.feature-grid-home{grid-template-columns:1fr}.feature-anywhere{grid-template-columns:1fr 86px;padding:20px}.feature-anywhere h3{font-size:23px}.feature-anywhere>img{width:82px;height:82px}.brand-proof-grid{grid-template-columns:1fr 1fr}.brand-proof-grid>div{padding:13px 8px}.site-footer .brand-logo{max-width:220px}.site-footer .brand-logo-wrap{max-width:220px}}


/* v1.0.0-rc10 — customer proof + closer landing-page composition */
.testimonial-section{background:linear-gradient(180deg,#fff 0%,#fff9fa 100%);border-top:1px solid #f3e4e7;border-bottom:1px solid #f3e4e7}
.testimonial-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:34px;align-items:end;margin-bottom:28px}
.testimonial-heading h2{font-size:clamp(34px,4vw,50px);line-height:1.05;color:var(--brand-navy);margin:12px 0 12px;letter-spacing:-.035em;max-width:720px}
.testimonial-heading p{color:#617387;font-size:16px;max-width:690px;margin:0}
.testimonial-proof{display:grid;grid-template-columns:1fr 1fr;border:1px solid #f2dadd;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(13,34,56,.045)}
.testimonial-proof>div{padding:16px;text-align:center;border-right:1px solid #f3e4e6;border-bottom:1px solid #f3e4e6}.testimonial-proof>div:nth-child(2n){border-right:0}.testimonial-proof>div:nth-last-child(-n+2){border-bottom:0}
.testimonial-proof strong{display:block;color:var(--brand-primary);font-size:21px;line-height:1}.testimonial-proof span{display:block;color:#697b8e;font-size:11px;font-weight:750;margin-top:6px}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.testimonial-card{background:#fff;border:1px solid #e5e9ee;border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(13,34,56,.045);display:flex;flex-direction:column;min-height:245px;transition:.2s ease}
.testimonial-card:hover{transform:translateY(-2px);border-color:#f1c9cf;box-shadow:0 16px 34px rgba(13,34,56,.08)}
.testimonial-stars{color:#f4a000;letter-spacing:2px;font-size:15px;margin-bottom:14px}
.testimonial-card blockquote{margin:0 0 22px;color:#31475d;font-size:15px;line-height:1.7;flex:1}
.testimonial-person{display:flex;align-items:center;gap:12px}.testimonial-person img,.testimonial-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 44px}.testimonial-avatar{display:grid;place-items:center;background:#fff0f2;color:var(--brand-primary);font-weight:850;border:1px solid #f4d6db}
.testimonial-person strong{display:block;color:var(--brand-navy);font-size:14px}.testimonial-person span{display:block;color:#75869a;font-size:11px;margin-top:2px}
@media(max-width:1000px){.testimonial-heading{grid-template-columns:1fr}.testimonial-proof{max-width:520px}.testimonial-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.testimonial-grid{grid-template-columns:1fr}.testimonial-proof{grid-template-columns:1fr 1fr}.testimonial-heading h2{font-size:36px}}

.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
