@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Inter:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Noto+Sans+Bengali:wght@400;500;600;700;800&family=Hind+Siliguri:wght@400;500;600;700&display=swap');

:root{
  --font-display:"Plus Jakarta Sans","Inter",sans-serif;
  --font-sans:"Inter",sans-serif;
  --font-serif:"Playfair Display",serif;
  --font-mono:"JetBrains Mono","SFMono-Regular",Consolas,monospace;
  --font-bn:"Noto Sans Bengali","Hind Siliguri","Nirmala UI","SolaimanLipi","Vrinda",var(--font-sans),system-ui,sans-serif;
  --brand:#6366f1;
  --brand-light:#818cf8;
  --brand-dark:#4f46e5;
  --brand-glow:rgba(99,102,241,.15);
  --surface-bg:#fff;
  --surface-muted:#f8fafc;
  --surface-border:#f1f5f9;
  --text-main:#0f172a;
  --text-muted:#64748b;
  --slate-50:#f8fafc;
  --slate-100:#f1f5f9;
  --slate-200:#e2e8f0;
  --slate-300:#cbd5e1;
  --slate-400:#94a3b8;
  --slate-500:#64748b;
  --slate-600:#475569;
  --slate-700:#334155;
  --slate-800:#1e293b;
  --slate-900:#0f172a;
  --slate-950:#020617;
}
*{box-sizing:border-box;border-color:var(--slate-200)}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-sans);background:#fff;color:var(--text-main);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
html[lang="bn"] body,
body:lang(bn){
  font-family:var(--font-bn);
  line-height:1.72;
  letter-spacing:0;
  text-rendering:optimizeLegibility;
}
html[lang="bn"] h1,
html[lang="bn"] h2,
html[lang="bn"] h3,
html[lang="bn"] h4,
html[lang="bn"] h5,
html[lang="bn"] h6,
html[lang="bn"] .hero-title,
html[lang="bn"] .section-title,
html[lang="bn"] .title-xl,
html[lang="bn"] .article-card h2,
html[lang="bn"] .product-card h3,
html[lang="bn"] .prose h2,
html[lang="bn"] .legal h1,
html[lang="bn"] .legal h2{
  font-family:var(--font-bn);
  letter-spacing:-.01em;
  line-height:1.22;
  font-weight:700;
  text-transform:none;
}
html[lang="bn"] .nav-link,
html[lang="bn"] .nav-mobile,
html[lang="bn"] .app-button,
html[lang="bn"] .btn-secondary,
html[lang="bn"] .btn-white,
html[lang="bn"] .btn-outline-white,
html[lang="bn"] .hire-btn,
html[lang="bn"] .mobile-hire,
html[lang="bn"] .submit-btn,
html[lang="bn"] .price-btn,
html[lang="bn"] .section-label,
html[lang="bn"] .small-meta,
html[lang="bn"] .tag,
html[lang="bn"] .spec-link,
html[lang="bn"] .field label,
html[lang="bn"] .footer-bottom,
html[lang="bn"] .popular-badge,
html[lang="bn"] .save-badge,
html[lang="bn"] .card-label{
  font-family:var(--font-bn);
  letter-spacing:normal;
  text-transform:none;
}
html[lang="bn"] p,
html[lang="bn"] li,
html[lang="bn"] .prose,
html[lang="bn"] .faq-inner p,
html[lang="bn"] .hero-p,
html[lang="bn"] .quote-block{
  font-family:var(--font-bn);
  line-height:1.78;
  letter-spacing:0;
}
html[lang="bn"] .input,
html[lang="bn"] .textarea,
html[lang="bn"] select,
html[lang="bn"] button{
  font-family:var(--font-bn);
}
html.dark body{background:var(--slate-950);color:#fff}
::selection{background:rgba(99,102,241,.2);color:var(--brand)}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
button{cursor:pointer;border:0;background:none}
img{max-width:100%;display:block}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em;font-weight:800;line-height:1.05;margin:0;color:var(--slate-900)}
html.dark h1,html.dark h2,html.dark h3,html.dark h4,html.dark h5,html.dark h6{color:#fff}
p{margin:0;color:var(--slate-500)}
html.dark p{color:#94a3b8}
ul{padding:0;margin:0;list-style:none}
.container{width:100%;max-width:1280px;margin:0 auto;padding-left:24px;padding-right:24px}
.section{padding:80px 16px}
.section>.container{max-width:1280px}
.py-24{padding-top:96px;padding-bottom:96px}.py-32{padding-top:128px;padding-bottom:128px}.pt-40{padding-top:160px}.pb-20{padding-bottom:80px}.pb-32{padding-bottom:128px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-10{margin-bottom:40px}.mb-12{margin-bottom:48px}.mb-16{margin-bottom:64px}.mb-20{margin-bottom:80px}.mb-24{margin-bottom:96px}.mt-16{margin-top:64px}.mt-20{margin-top:80px}.mt-32{margin-top:128px}.mt-40{margin-top:160px}
.text-brand{color:var(--brand)!important}.bg-brand{background:var(--brand)!important}.text-muted{color:var(--slate-500)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.relative{position:relative}.z-10{position:relative;z-index:10}.overflow-hidden{overflow:hidden}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.max-2xl{max-width:672px}.max-3xl{max-width:768px}.max-4xl{max-width:896px}.max-5xl{max-width:1024px}.max-7xl{max-width:1280px}.font-black{font-weight:900}.font-bold{font-weight:800}.font-medium{font-weight:500}.font-light{font-weight:300}.tracking-wide{letter-spacing:.2em}.leading-tight{line-height:1.1}.leading-relaxed{line-height:1.75}.grayscale{filter:grayscale(1)}.brightness-90{filter:grayscale(1) brightness(.9)}.brightness-95{filter:grayscale(1) brightness(.95)}
.grid{display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.gap-10{gap:40px}.gap-12{gap:48px}.gap-16{gap:64px}.gap-20{gap:80px}.gap-24{gap:96px}.items-center{align-items:center}.items-start{align-items:start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.shrink-0{flex-shrink:0}.flex-1{flex:1}.hidden{display:none}
.text-xs{font-size:12px}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.text-4xl{font-size:36px}.text-5xl{font-size:48px}.text-6xl{font-size:60px}.text-7xl{font-size:72px}.text-8xl{font-size:96px}
.rounded{border-radius:8px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-3xl{border-radius:24px}.rounded-full{border-radius:999px}.border{border:1px solid var(--slate-200)}
html.dark .border{border-color:rgba(255,255,255,.08)}
.shadow-xl{box-shadow:0 20px 25px -5px rgba(15,23,42,.1),0 8px 10px -6px rgba(15,23,42,.1)}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(15,23,42,.25)}.premium-shadow{box-shadow:0 20px 40px -15px rgba(0,0,0,.1)}
.glass{backdrop-filter:blur(24px);background:rgba(255,255,255,.95);border:1px solid var(--slate-200)}
html.dark .glass{background:rgba(2,6,23,.95);border-color:rgba(255,255,255,.08)}
.app-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;background:var(--slate-900);color:#fff;border-radius:8px;font-weight:800;text-transform:uppercase;letter-spacing:.2em;font-size:12px;transition:all .25s ease}
html.dark .app-button{background:#fff;color:var(--slate-950)}.app-button:hover{background:var(--brand)!important;color:#fff!important;transform:translateY(-2px)}.app-button:active{transform:scale(.95)}
.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;border-radius:8px;font-weight:800;text-transform:uppercase;letter-spacing:.2em;font-size:12px;transition:all .25s ease}.btn-secondary:hover{background:var(--slate-50)}html.dark .btn-secondary:hover{background:rgba(255,255,255,.1)}
.btn-white{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--brand);padding:16px 32px;border-radius:12px;font-weight:800;transition:.25s}.btn-white:hover{background:var(--slate-100)}.btn-outline-white{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);color:#fff;padding:16px 32px;border-radius:12px;font-weight:800;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);transition:.25s}.btn-outline-white:hover{background:rgba(255,255,255,.2)}
.icon{display:inline-flex;align-items:center;justify-content:center}.icon svg{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-fill svg{fill:currentColor;stroke:none}.icon-box{height:56px;width:56px;border-radius:16px;background:rgba(99,102,241,.1);color:var(--brand);display:flex;align-items:center;justify-content:center;transition:all .7s ease}.group:hover .icon-box,.bento-card:hover .icon-box{background:var(--brand);color:#fff}.icon-box-sm{height:48px;width:48px;border-radius:12px}.icon-box-lg{height:80px;width:80px;border-radius:24px}.mini-icon{height:32px;width:32px;border-radius:8px;background:rgba(99,102,241,.1);color:var(--brand);display:flex;align-items:center;justify-content:center}
.navbar{position:fixed;left:0;right:0;top:0;z-index:50;width:100%;transition:all .7s ease;padding:16px 0;background:transparent}.navbar.scrolled{padding:4px 0;background:rgba(255,255,255,.8);backdrop-filter:blur(24px);border-bottom:1px solid rgba(226,232,240,.5)}html.dark .navbar.scrolled{background:rgba(2,6,23,.8);border-bottom:1px solid rgba(255,255,255,.05)}.nav-inner{height:64px;display:flex;align-items:center;justify-content:space-between}.brand-link{display:flex;align-items:center;gap:8px}.brand-mark{height:44px;width:44px;border-radius:14px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 30px rgba(99,102,241,.2);transition:all .3s ease}.brand-link:hover .brand-mark{transform:rotate(6deg)}.brand-text{font-size:24px;font-weight:900;letter-spacing:-.06em;text-transform:uppercase;color:var(--slate-900)}html.dark .brand-text{color:#fff}.desktop-nav{display:flex;align-items:center;gap:40px}.nav-link{font-size:15px;font-weight:800;color:var(--slate-600);position:relative;transition:.25s}.nav-link:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--brand);transition:.25s}.nav-link:hover,.nav-link.active{color:var(--brand)}.nav-link:hover:after{width:100%}html.dark .nav-link{color:#94a3b8}html.dark .nav-link:hover,html.dark .nav-link.active{color:var(--brand)}.nav-sep{height:16px;width:1px;background:var(--slate-200);margin:0 4px}html.dark .nav-sep{background:var(--slate-800)}.theme-btn{border-radius:999px;padding:10px;background:var(--slate-50);color:var(--slate-500);transition:.25s}.theme-btn:hover{color:var(--brand);transform:scale(1.1)}html.dark .theme-btn{background:var(--slate-900);color:#94a3b8}.hire-btn{border-radius:12px;background:var(--slate-950);color:#fff;padding:12px 32px;font-size:15px;font-weight:800;box-shadow:0 12px 24px rgba(15,23,42,.1);transition:.25s}html.dark .hire-btn{background:#fff;color:var(--slate-950)}.hire-btn:hover{transform:translateY(-4px)}.mobile-actions{display:none;align-items:center;gap:8px}.mobile-menu{display:none;position:absolute;top:100%;left:0;width:100%;background:#fff;border-bottom:1px solid var(--slate-200);box-shadow:0 20px 40px rgba(15,23,42,.15);transform-origin:top;animation:menuIn .22s ease}html.dark .mobile-menu{background:var(--slate-950);border-color:var(--slate-800)}.mobile-menu.open{display:block}.mobile-menu-inner{padding:32px 24px}.mobile-menu a.nav-mobile{display:block;font-size:30px;font-weight:900;letter-spacing:-.05em;color:var(--slate-600);margin-bottom:20px}.mobile-menu a.nav-mobile.active{color:var(--brand)}html.dark .mobile-menu a.nav-mobile{color:#94a3b8}.mobile-hire{display:block;width:100%;text-align:center;margin-top:48px;border-radius:16px;background:var(--brand);padding:24px;color:#fff!important;font-size:20px;font-weight:800;box-shadow:0 25px 50px rgba(99,102,241,.3)}
@keyframes menuIn{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}
.page{min-height:60vh;animation:pageIn .3s ease}.section-animate{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.section-animate.in{opacity:1;transform:translateY(0)}@keyframes pageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.hero{position:relative;min-height:90vh;display:flex;align-items:center;padding-top:96px;overflow:hidden;background:#fafbff}.hero:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:50%;background:linear-gradient(to top,rgba(99,102,241,.05),transparent);pointer-events:none}html.dark .hero{background:var(--slate-950)}.hero-grid{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hero-title{font-size:clamp(48px,8vw,96px);font-weight:800;letter-spacing:-.055em;line-height:1.05;margin-bottom:32px;text-transform:uppercase;font-style:italic}.hero-p{font-size:clamp(18px,2vw,24px);max-width:576px;line-height:1.65;font-weight:300;margin-bottom:48px}.hero-card{position:relative;z-index:10;padding:8px;background:var(--slate-100);border-radius:16px;border:1px solid var(--slate-200);box-shadow:0 20px 40px -15px rgba(0,0,0,.1)}html.dark .hero-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.hero-card img{border-radius:12px;width:100%;filter:grayscale(1)}.status-card{position:absolute;bottom:-16px;left:-16px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 20px 32px rgba(15,23,42,.18);border:1px solid var(--slate-100);z-index:20;animation:floatCard 4s ease-in-out infinite}html.dark .status-card{background:var(--slate-900);border-color:rgba(255,255,255,.1)}@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.split-bg{background:#fff}.dark .split-bg{background:var(--slate-950)}.light-tint{background:#fafbff}.dark .light-tint{background:rgba(15,23,42,.2)}.muted-section{background:var(--slate-50);border-top:1px solid var(--slate-100);border-bottom:1px solid var(--slate-100)}html.dark .muted-section{background:rgba(15,23,42,.5);border-color:rgba(255,255,255,.05)}.dark-section{background:var(--slate-950);color:#fff;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.brand-section{background:var(--brand);position:relative;overflow:hidden;color:#fff}.brand-section:after{content:"";position:absolute;top:0;right:0;width:33.333%;height:100%;background:rgba(255,255,255,.1);transform:skewX(12deg) translateX(128px)}.brand-section *{color:#fff}.brand-section .btn-white{color:var(--brand)}.image-frame{position:relative;aspect-ratio:4/3;background:var(--slate-100);border-radius:16px;overflow:hidden;border:1px solid var(--slate-200);z-index:10}.image-frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.9);transition:all .7s ease}.group:hover .image-frame img,.image-frame:hover img{filter:grayscale(0) brightness(1);transform:scale(1.03)}html.dark .image-frame{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.blur-dot{position:absolute;width:160px;height:160px;border-radius:999px;background:rgba(99,102,241,.05);border:1px solid rgba(99,102,241,.1);filter:blur(32px)}.section-label{font-size:10px;font-weight:900;color:var(--brand);text-transform:uppercase;letter-spacing:.4em;margin-bottom:24px}.section-title{font-size:clamp(36px,5vw,60px);font-weight:900;letter-spacing:-.055em;line-height:1;text-transform:uppercase}.title-xl{font-size:clamp(48px,8vw,96px);font-weight:900;letter-spacing:-.06em;line-height:.9}.thin-line{height:2px;width:96px;background:var(--brand)}
.bento-card{position:relative;isolation:isolate;background:#fff;border:1px solid var(--slate-200);padding:32px;transition:all .5s ease;clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,0 100%)}html.dark .bento-card{background:var(--slate-950);border-color:rgba(255,255,255,.08)}.bento-card:before{content:"";position:absolute;top:0;right:0;width:32px;height:32px;background:var(--slate-100);clip-path:polygon(0 0,100% 100%,0 100%);z-index:-1;transition:.5s}.bento-card:hover{border-color:rgba(99,102,241,.5);transform:translateY(-8px);box-shadow:25px 25px 60px rgba(99,102,241,.08)}.bento-card:hover:before{background:rgba(99,102,241,.2)}html.dark .bento-card:before{background:rgba(255,255,255,.05)}.card-sidebar{position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:75%;background:var(--slate-100);transition:.5s}.bento-card:hover .card-sidebar{height:100%;background:var(--brand)}html.dark .card-sidebar{background:rgba(255,255,255,.05)}.card-label{position:absolute;right:16px;bottom:16px;font-size:7px;font-family:var(--font-mono);letter-spacing:.5em;text-transform:uppercase;opacity:.4;color:var(--slate-300)}html.dark .card-label{color:#475569}.card-laser{position:absolute;inset:0;height:4px;background:linear-gradient(to bottom,transparent,rgba(99,102,241,.05),transparent);opacity:0;pointer-events:none}.bento-card:hover .card-laser{animation:laser-scan 2s linear infinite;opacity:1}@keyframes laser-scan{0%{transform:translateY(-100%)}100%{transform:translateY(800%)}}
.product-card{height:100%;display:flex;flex-direction:column;background:#fff}.product-card .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.price-chip{font-size:10px;font-weight:900;color:var(--slate-400);background:var(--slate-50);padding:4px 8px;border-radius:6px;border:1px solid var(--slate-100);text-transform:uppercase;letter-spacing:.15em;line-height:1}.product-card h3{text-transform:uppercase;font-size:20px;line-height:1;margin-bottom:16px}.product-card p{font-size:14px;line-height:1.7;font-weight:500;margin-bottom:40px}.product-card .card-foot{margin-top:auto;padding-top:24px;border-top:1px solid var(--slate-50);display:flex;align-items:center;justify-content:space-between}.spec-link{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-size:10px;text-transform:uppercase;letter-spacing:.2em;font-weight:900;transition:.25s}.spec-link:hover{gap:12px}.dot{height:6px;width:6px;border-radius:50%;background:var(--slate-100)}html.dark .price-chip{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#64748b}html.dark .product-card .card-foot{border-color:rgba(255,255,255,.05)}html.dark .dot{background:rgba(255,255,255,.1)}
.faq-wrap{max-width:896px;margin:0 auto}.faq-item{border-radius:40px;border:1px solid var(--slate-200);overflow:hidden;background:#fff;margin-bottom:24px;transition:.5s}html.dark .faq-item{background:var(--slate-950);border-color:rgba(255,255,255,.08)}.faq-item.open{background:var(--slate-50);box-shadow:0 25px 50px rgba(99,102,241,.05)}html.dark .faq-item.open{background:rgba(255,255,255,.02)}.faq-btn{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:40px;color:inherit}.faq-q{display:flex;align-items:center;gap:24px}.faq-num{font-size:14px;font-weight:900;letter-spacing:.15em;color:rgba(15,23,42,.2)}.faq-item.open .faq-num,.faq-item.open .faq-title{color:var(--brand)}.faq-title{font-size:24px;font-weight:800;letter-spacing:-.03em}.faq-icon{height:40px;width:40px;border-radius:16px;background:var(--slate-100);color:var(--slate-500);display:flex;align-items:center;justify-content:center;transition:.5s}.faq-item.open .faq-icon{background:var(--brand);color:#fff;transform:rotate(180deg)}.faq-content{height:0;overflow:hidden;transition:height .5s cubic-bezier(.22,1,.36,1)}.faq-inner{padding:0 40px 48px}.faq-line{height:1px;background:var(--slate-200);margin-bottom:40px}.faq-inner p{font-size:20px;line-height:1.75;font-weight:500}.dark .faq-line{background:rgba(255,255,255,.05)}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;text-align:center}.stat-val{font-size:60px;font-weight:900;letter-spacing:-.06em;color:#fff;transition:.25s}.stat:hover .stat-val{color:var(--brand)}.stat-label{font-size:10px;font-weight:900;color:var(--brand);letter-spacing:.3em;text-transform:uppercase}.entity-card{padding:40px;border-radius:40px;border:1px solid var(--slate-100);transition:.5s}.entity-card:hover{border-color:var(--brand)}.entity-line{height:8px;width:48px;background:var(--slate-100);margin-bottom:32px;transition:.7s}.entity-card:hover .entity-line{width:100%;background:var(--brand)}html.dark .entity-card{border-color:rgba(255,255,255,.05)}html.dark .entity-line{background:rgba(255,255,255,.1)}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--slate-100);border:1px solid var(--slate-100);border-radius:12px;overflow:hidden}html.dark .project-grid{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.05)}.project-card{background:#fff;padding:32px 48px;transition:.25s}.dark .project-card{background:var(--slate-950)}.project-image{aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:var(--slate-100);margin-bottom:40px;position:relative}.project-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.8;transition:.7s}.project-card:hover .project-image img{filter:grayscale(0);opacity:1;transform:scale(1.05)}.tag{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--brand);background:rgba(99,102,241,.05);border:1px solid rgba(99,102,241,.1);padding:4px 8px;border-radius:6px}.small-meta{font-size:10px;font-weight:800;color:var(--slate-400);text-transform:uppercase;letter-spacing:.15em}.case-item{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:160px}.case-item.reverse .case-image{order:2}.case-img{aspect-ratio:4/3;border-radius:48px;overflow:hidden;border:1px solid var(--slate-100);position:relative}.case-img:before,.article-img:before,.team-img:before{content:"";position:absolute;inset:0;background:rgba(99,102,241,.2);opacity:0;transition:.4s;z-index:1}.case-img:hover:before,.article-card:hover .article-img:before,.team-card:hover .team-img:before{opacity:.4}.case-img img{width:100%;height:100%;object-fit:cover;transition:.7s}.case-img:hover img{transform:scale(1.05)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.metric-val{font-size:24px;font-weight:900;color:var(--brand)}.metric-label{font-size:10px;font-weight:800;color:var(--slate-400);letter-spacing:.15em;text-transform:uppercase}.quote-block{font-size:20px;color:var(--slate-500);font-style:italic;border-left:4px solid var(--brand);padding-left:32px;margin:0 0 48px;line-height:1.7}.dark .quote-block{color:#94a3b8}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.article-card{display:block;cursor:pointer}.article-img{aspect-ratio:16/10;overflow:hidden;border-radius:40px;background:var(--slate-100);margin-bottom:32px;border:1px solid var(--slate-100);position:relative}.article-img img{width:100%;height:100%;object-fit:cover;transition:.7s}.article-card:hover .article-img img{transform:scale(1.1)}.article-card h2{font-size:24px;line-height:1.18;margin:16px 0;color:var(--slate-900);transition:.25s}.article-card:hover h2{color:var(--brand)}.article-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;color:var(--slate-400);letter-spacing:.15em;text-transform:uppercase;padding-top:24px;border-top:1px solid var(--slate-100)}.article-meta div{display:flex;align-items:center;gap:8px}.blog-hero-img{aspect-ratio:21/9;width:100%;border-radius:48px;overflow:hidden;margin-bottom:80px}.blog-hero-img img{width:100%;height:100%;object-fit:cover}.prose{font-size:20px;line-height:1.8}.prose p{margin:0 0 28px;color:var(--slate-600)}.prose h2{font-size:32px;text-transform:uppercase;font-style:italic;margin:48px 0 20px}.prose blockquote{border-left:4px solid var(--brand);background:var(--slate-50);padding:32px;border-radius:16px;font-weight:800;color:var(--slate-900);margin:32px 0}.prose ul{list-style:disc;padding-left:28px;margin-bottom:28px;color:var(--slate-600)}html.dark .prose p,html.dark .prose ul{color:#94a3b8}html.dark .prose blockquote{background:rgba(255,255,255,.05);color:#fff}
.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:24px}.switch{position:relative;height:32px;width:56px;border-radius:999px;background:var(--slate-100);border:1px solid var(--slate-200);padding:4px}.switch-knob{height:24px;width:24px;border-radius:999px;background:var(--brand);box-shadow:0 8px 16px rgba(99,102,241,.2);transition:transform .35s cubic-bezier(.22,1,.36,1)}.switch.annual .switch-knob{transform:translateX(24px)}.save-badge{height:24px;padding:0 12px;border-radius:999px;background:#dcfce7;color:#047857;font-size:10px;font-weight:900;text-transform:uppercase;border:1px solid #bbf7d0;display:inline-flex;align-items:center}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;align-items:stretch}.pricing-card{position:relative;border-radius:40px;padding:40px;border:1px solid var(--slate-100);background:#fff;display:flex;flex-direction:column;transition:.5s}.pricing-card.popular{border-color:var(--brand);background:var(--slate-50);transform:scale(1.05);z-index:2;box-shadow:0 25px 50px rgba(99,102,241,.1)}html.dark .pricing-card{background:var(--slate-950);border-color:rgba(255,255,255,.05)}html.dark .pricing-card.popular{background:rgba(15,23,42,.5);border-color:var(--brand)}.popular-badge{position:absolute;left:50%;top:-16px;transform:translateX(-50%);background:var(--brand);color:#fff;padding:6px 24px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.2em;white-space:nowrap}.price-row{display:flex;align-items:flex-end;gap:8px}.price-val{font-size:48px;line-height:1;font-weight:900;letter-spacing:-.06em}.price-unit{font-size:14px;font-weight:800;color:var(--slate-400);text-transform:uppercase;letter-spacing:.15em}.features{margin:32px 0 48px;flex:1}.features li{display:flex;align-items:center;gap:16px;margin-bottom:20px}.check-dot,.x-dot{height:24px;width:24px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.check-dot{background:rgba(99,102,241,.1);color:var(--brand)}.popular .check-dot{background:var(--brand);color:#fff}.x-dot{background:var(--slate-100);color:var(--slate-300)}.feature-missing{color:#94a3b8;text-decoration:line-through}.price-btn{width:100%;border-radius:16px;padding:20px;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.18em;background:var(--slate-950);color:#fff;transition:.25s}.price-btn:hover{opacity:.9}.popular .price-btn{background:var(--brand);box-shadow:0 20px 40px rgba(99,102,241,.2)}html.dark .price-btn:not(.popular .price-btn){background:#fff;color:var(--slate-950)}
.docs-layout{display:flex;gap:80px}.docs-sidebar{width:256px;flex-shrink:0}.sticky{position:sticky;top:160px}.docs-sidebar nav a{display:block;font-size:14px;font-weight:800;color:var(--slate-500);margin-bottom:16px;transition:.25s}.docs-sidebar nav a.active,.docs-sidebar nav a:hover{color:var(--brand)}.help-card{padding:24px;border-radius:16px;background:var(--slate-50);border:1px solid var(--slate-100);margin-top:40px}.docs-content{flex:1;max-width:896px}.code-box{padding:24px;border-radius:16px;background:var(--slate-950);color:#34d399;font-family:var(--font-mono);font-size:14px;border:1px solid rgba(255,255,255,.05);overflow-x:auto}.code-box .comment{color:#64748b}.code-box .brand-code{color:var(--brand)}html.dark .help-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:start;max-width:1280px;margin:auto}.contact-line{display:flex;align-items:center;gap:24px;margin-bottom:40px}.form-card{position:relative;padding:40px 48px;background:#fff;border-radius:48px;border:1px solid var(--slate-100);box-shadow:0 25px 50px rgba(99,102,241,.05)}html.dark .form-card{background:var(--slate-900);border-color:rgba(255,255,255,.05)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.field{margin-bottom:32px}.field label{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.2em;color:var(--slate-400);margin-left:4px;margin-bottom:8px}.input{width:100%;border-radius:16px;background:var(--slate-50);border:1px solid var(--slate-100);padding:16px 24px;outline:none;font-weight:500;color:var(--slate-900);transition:.25s}.input:focus{box-shadow:0 0 0 2px var(--brand)}html.dark .input{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.05);color:#fff}.textarea{min-height:140px;resize:none;border-radius:24px}.submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:16px;background:var(--brand);padding:20px;color:#fff;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.2em;box-shadow:0 20px 40px rgba(99,102,241,.2);transition:.25s}.submit-btn:hover{background:var(--brand-dark)}.submit-btn:active{transform:scale(.98)}.spin{height:20px;width:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{font-size:10px;font-weight:800;color:#ef4444;text-transform:uppercase;margin-top:6px;margin-left:4px}.success-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;text-align:center;animation:successIn .5s ease}.success-icon{height:80px;width:80px;border-radius:999px;background:rgba(16,185,129,.1);color:#10b981;display:flex;align-items:center;justify-content:center;margin-bottom:32px}@keyframes successIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.team-img{aspect-ratio:3/4;overflow:hidden;border-radius:12px;margin-bottom:24px;filter:grayscale(1);transition:.7s;border:1px solid var(--slate-100);position:relative}.team-card:hover .team-img{filter:grayscale(0)}.team-img img{width:100%;height:100%;object-fit:cover;transition:.7s}.team-card:hover .team-img img{transform:scale(1.05)}.socials{display:flex;gap:16px}.socials a{height:32px;width:32px;border-radius:8px;background:var(--slate-50);display:flex;align-items:center;justify-content:center;color:var(--slate-400);transition:.25s}.socials a:hover{color:var(--brand);background:rgba(99,102,241,.1)}html.dark .socials a{background:rgba(255,255,255,.05)}
.legal{max-width:896px;margin:auto}.legal h1{font-size:clamp(36px,5vw,48px);margin-bottom:32px}.legal section{margin-bottom:40px}.legal h2{font-size:24px;margin-bottom:16px}.legal p{margin-bottom:16px}.legal ul{list-style:disc;padding-left:24px;margin-bottom:16px;color:var(--slate-600)}.legal li{margin-bottom:8px}.dark .legal ul{color:#94a3b8}
.footer{background:#fff;padding:80px 0 40px;border-top:1px solid var(--slate-100)}html.dark .footer{background:var(--slate-950);border-color:rgba(255,255,255,.05)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:48px;margin-bottom:80px}.footer h3{font-size:18px;margin-bottom:24px}.footer li{margin-bottom:16px}.footer a{font-size:14px;color:var(--slate-500);transition:.25s}.footer a:hover{color:var(--brand)}.footer-bottom{padding-top:32px;border-top:1px solid var(--slate-100);display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--slate-400);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.2em}.to-top{height:40px;width:40px;background:var(--brand);color:#fff;border-radius:999px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 24px rgba(99,102,241,.2)}html.dark .footer-bottom{border-color:rgba(255,255,255,.05)}
.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(1deg)}}.animate-pulse-subtle{animation:pulse 4s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.8}}.animate-ping{position:absolute;display:inline-flex;height:100%;width:100%;border-radius:999px;background:var(--brand);opacity:.75;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,100%{transform:scale(2);opacity:0}}.ping-wrap{position:relative;display:flex;height:8px;width:8px}.ping-dot{position:relative;display:inline-flex;height:8px;width:8px;border-radius:999px;background:var(--brand)}
@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.hero-grid,.grid-2,.case-item,.contact-grid{grid-template-columns:1fr}.case-item.reverse .case-image{order:0}.desktop-nav{display:none}.mobile-actions{display:flex}.project-grid{grid-template-columns:1fr}.article-grid,.price-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.docs-layout{flex-direction:column}.docs-sidebar{width:100%}.sticky{position:static}.footer-grid{grid-template-columns:repeat(2,1fr)}.title-xl{font-size:64px}.text-8xl{font-size:72px}}
@media(max-width:720px){.container{padding-left:24px;padding-right:24px}.section{padding-left:0;padding-right:0}.hero{padding-top:120px}.hero-title,.title-xl{font-size:48px}.section-title{font-size:40px}.text-7xl,.text-8xl{font-size:48px}.text-6xl{font-size:42px}.text-5xl{font-size:36px}.grid-3,.grid-4,.article-grid,.price-grid,.team-grid,.stat-grid,.metric-grid,.form-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.faq-btn{padding:28px}.faq-title{font-size:20px}.faq-q{gap:16px}.faq-inner{padding:0 28px 36px}.faq-inner p{font-size:16px}.status-card{left:8px;right:8px;bottom:-32px}.project-card{padding:28px}.case-item{margin-bottom:96px}.pricing-card.popular{transform:none}.contact-grid{gap:48px}.form-card{padding:28px;border-radius:32px}.brand-text{font-size:20px}.brand-mark{height:40px;width:40px}.mobile-menu a.nav-mobile{font-size:28px}}