@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700;800;900&family=Noto+Sans+Bengali:wght@400;500;600;700&display=swap";
:root{--brand:#1740cc;--brand-light:#3665e4;--brand-deep:#061c6c;--brand-wash:#e8edf7;--bg:#f8f9fc;--surface:#f8fafecc;--surface-raised:#ffffffbf;--nav-bg:#fffc;--theme-transition:opacity .8s cubic-bezier(.16, 1, .3, 1), background-color .8s cubic-bezier(.16, 1, .3, 1), border-color .8s cubic-bezier(.16, 1, .3, 1), color .8s cubic-bezier(.16, 1, .3, 1);--ink:#0d111b;--ink-muted:#484d58;--ink-faint:#767a84;--ink-on-brand:#fafcff;--accent:#e39000;--accent-soft:#f8d8b4;--success:#1c882d;--border:#d9dee8;--border-subtle:#dbdee54d;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--sp-32:8rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:clamp(2rem, 4vw, 2.5rem);--text-5xl:clamp(2.5rem, 5vw, 3.5rem);--text-display:clamp(3rem, 6vw, 5rem);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-pill:100px;--shadow-sm:0 1px 3px #0f12160f;--shadow-md:0 4px 12px #0f121614;--shadow-lg:0 8px 30px #0f12161a;--shadow-phone:0 20px 60px #0d111b33;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--duration-fast:.2s;--duration-normal:.35s;--duration-slow:.6s;--z-base:0;--z-sticky:100;--z-modal-backdrop:200;--z-modal:300;--z-toast:400}@supports (color:lab(0% 0 0)){:root{--brand:lab(32.8709% 31.669 -77.643);--brand-light:lab(45.4587% 19.4684 -70.6048);--brand-deep:lab(14.3149% 20.7382 -49.4263);--brand-wash:lab(93.5532% -.314087 -5.64977);--bg:lab(97.895% -.097841 -1.51465);--surface:lab(98.2387% -.120819 -1.89242/.8);--surface-raised:lab(100% 0 0/.75);--nav-bg:lab(100% 0 0/.8);--ink:lab(5.17507% .133269 -6.57254);--ink-muted:lab(32.6198% -.225529 -7.43808);--ink-faint:lab(51.2106% -.268966 -5.62587);--ink-on-brand:lab(98.8187% -.120908 -1.89245);--accent:lab(67.0951% 28.6103 84.4444);--accent-soft:lab(88.3827% 7.81041 22.3693);--success:lab(49.688% -45.0514 38.7399);--border:lab(88.333% -.31051 -5.64784);--border-subtle:lab(88.3563% -.223666 -3.77445/.3);--shadow-sm:0 1px 3px lab(5.22914% -.0663251 -3.09153/.06);--shadow-md:0 4px 12px lab(5.22914% -.0663251 -3.09153/.08);--shadow-lg:0 8px 30px lab(5.22914% -.0663251 -3.09153/.1);--shadow-phone:0 20px 60px lab(5.17507% .133269 -6.57254/.2)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{color:var(--ink);background:var(--bg);font-family:Inter,Noto Sans Bengali,system-ui,-apple-system,sans-serif;line-height:1.6;font-size:var(--text-base);font-optical-sizing:auto;font-feature-settings:"cv02", "cv03", "cv04", "cv11";transition:background-color .8s cubic-bezier(.16,1,.3,1),color .8s cubic-bezier(.16,1,.3,1);overflow-x:hidden}.layout-wrapper{width:100%;position:relative}.ambient-bg-light{z-index:-2;pointer-events:none;background:radial-gradient(circle at 5% 15%, #e6effe 0%, transparent 45%), radial-gradient(circle at 95% 10%, #ffe9e6 0%, transparent 45%), radial-gradient(circle at 85% 85%, #e5f5ed 0%, transparent 45%), radial-gradient(circle at 10% 80%, #dbf2f6 0%, transparent 45%), var(--bg);opacity:1;transition:opacity .8s cubic-bezier(.16,1,.3,1);position:fixed;inset:0}@supports (color:lab(0% 0 0)){.ambient-bg-light{background:radial-gradient(circle at 5% 15%, lab(94.1247% -1.05646 -8.17205) 0%, transparent 45%), radial-gradient(circle at 95% 10%, lab(93.9694% 7.65815 4.12705) 0%, transparent 45%), radial-gradient(circle at 85% 85%, lab(95.0495% -6.58608 1.91046) 0%, transparent 45%), radial-gradient(circle at 10% 80%, lab(93.823% -7.2279 -4.7888) 0%, transparent 45%), var(--bg)}}.ambient-bg-dark{z-index:-1;pointer-events:none;background:radial-gradient(circle at 5% 15%, #081121 0%, transparent 50%), radial-gradient(circle at 95% 10%, #1b0508 0%, transparent 50%), radial-gradient(circle at 85% 85%, #02130c 0%, transparent 50%), radial-gradient(circle at 10% 80%, #000e11 0%, transparent 50%), var(--bg);opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1);position:fixed;inset:0}@supports (color:lab(0% 0 0)){.ambient-bg-dark{background:radial-gradient(circle at 5% 15%, lab(5.0955% .222951 -11.6402) 0%, transparent 50%), radial-gradient(circle at 95% 10%, lab(3.44202% 8.68626 2.16231) 0%, transparent 50%), radial-gradient(circle at 85% 85%, lab(4.71234% -6.37933 1.87861) 0%, transparent 50%), radial-gradient(circle at 10% 80%, lab(3.16633% -3.94598 -3.55045) 0%, transparent 50%), var(--bg)}}[data-theme=dark] .ambient-bg-dark{opacity:1}[data-theme=dark] .ambient-bg-light{opacity:0}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{text-wrap:balance;letter-spacing:-.02em;font-family:Outfit,Noto Sans Bengali,system-ui,-apple-system,sans-serif;line-height:1.15}p{text-wrap:pretty;max-width:65ch}.container{width:100%;max-width:1200px;padding:0 var(--sp-6);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav{z-index:var(--z-sticky);padding:var(--sp-4) 0;transition:background var(--duration-normal) var(--ease-out-expo), box-shadow var(--duration-normal) var(--ease-out-expo);position:fixed;top:0;left:0;right:0}.nav.scrolled{background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border-subtle)}.nav-inner{justify-content:space-between;align-items:center;display:flex}.nav-brand{align-items:center;gap:var(--sp-3);display:flex}.nav-logo{border-radius:var(--radius-sm);width:36px;height:36px}.nav-name{font-size:var(--text-lg);color:var(--ink);font-weight:700}.nav-links{align-items:center;gap:var(--sp-8);list-style:none;display:flex}.nav-links a{font-size:var(--text-sm);color:var(--ink-muted);transition:color var(--duration-fast) var(--ease-out-expo);font-weight:500}.nav-links a:hover{color:var(--ink)}.nav-cta{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-5);background:var(--brand);color:var(--ink-on-brand);font-size:var(--text-sm);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--duration-fast) var(--ease-out-expo), transform var(--duration-fast) var(--ease-out-expo);border:none;font-weight:600;display:inline-flex}.nav-cta:hover{background:var(--brand-light);transform:translateY(-1px)}.nav-cta:active{transform:translateY(0)scale(.97)}.nav-mobile-toggle{cursor:pointer;padding:var(--sp-2);color:var(--ink);background:0 0;border:none;display:none}.hero{min-height:100vh;padding-top:var(--sp-24);padding-bottom:var(--sp-16);align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{background:radial-gradient(ellipse 80% 50% at 50% -10%, var(--brand-wash), transparent), radial-gradient(ellipse 60% 40% at 80% 80%, #e390000d, transparent);pointer-events:none;position:absolute;inset:0}@supports (color:lab(0% 0 0)){.hero-bg{background:radial-gradient(ellipse 80% 50% at 50% -10%, var(--brand-wash), transparent), radial-gradient(ellipse 60% 40% at 80% 80%, lab(67.0951% 28.6103 84.4444/.05), transparent)}}.hero-bg:before{content:"";filter:blur(60px);pointer-events:none;will-change:transform;background:radial-gradient(circle,#1740cc1f 0%,#0000 70%);background:radial-gradient(circle,lab(32.8709% 31.669 -77.643/.12) 0%,#0000 70%);border-radius:50%;width:40vw;height:40vw;animation:12s ease-in-out infinite alternate float-slow;position:absolute;top:-20%;right:-10%;transform:translate(0,0)}.hero-bg:after{content:"";filter:blur(60px);pointer-events:none;will-change:transform;background:radial-gradient(circle,#e390000f 0%,#0000 70%);background:radial-gradient(circle,lab(67.0951% 28.6103 84.4444/.06) 0%,#0000 70%);border-radius:50%;width:35vw;height:35vw;animation:15s ease-in-out infinite alternate float-slow-reverse;position:absolute;bottom:-10%;left:-10%;transform:translate(0,0)}@keyframes float-slow{0%{transform:translate(0,0)scale(1)}to{transform:translateY(20px)scale(1.1)}}@keyframes float-slow-reverse{0%{transform:translate(0,0)scale(1)}to{transform:translateY(-30px)scale(1.05)}}.hero-grid{pointer-events:none;background-image:linear-gradient(#2249b708 1px,#0000 1px),linear-gradient(90deg,#2249b708 1px,#0000 1px);background-image:linear-gradient(lab(33.924% 19.9376 -63.4862/.03) 1px,#0000 1px),linear-gradient(90deg,lab(33.924% 19.9376 -63.4862/.03) 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 50% at 50% 30%,#000 20%,#0000 70%);mask-image:radial-gradient(70% 50% at 50% 30%,#000 20%,#0000 70%)}.hero-content{gap:var(--sp-16);grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.hero-text{gap:var(--sp-8);flex-direction:column;display:flex}.hero-badge{align-items:center;gap:var(--sp-2);width:fit-content;padding:var(--sp-1) var(--sp-4) var(--sp-1) var(--sp-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--ink-muted);font-weight:500;display:inline-flex}.hero-badge-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-size:var(--text-display);color:var(--ink);letter-spacing:-.03em;font-weight:800}.hero h1 span{color:var(--brand)}.hero-sub{font-size:var(--text-lg);color:var(--ink-muted);max-width:48ch;line-height:1.7}.hero-actions{gap:var(--sp-4);flex-wrap:wrap;align-items:center;display:flex}.btn-primary{align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-8);background:var(--brand);color:var(--ink-on-brand);font-size:var(--text-base);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out-expo), transform var(--duration-fast) var(--ease-out-expo), box-shadow var(--duration-fast) var(--ease-out-expo);border:none;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--brand-light);transform:translateY(-2px);box-shadow:0 8px 24px #2249b740;box-shadow:0 8px 24px lab(33.924% 19.9376 -63.4862/.25)}.btn-primary:active{transform:translateY(0)scale(.97)}.btn-primary svg{width:20px;height:20px}.btn-secondary{align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-8);color:var(--ink);font-size:var(--text-base);border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out-expo), background var(--duration-fast) var(--ease-out-expo);background:0 0;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--brand);background:var(--brand-wash)}.btn-secondary:active{transform:scale(.97)}.hero-stats{gap:var(--sp-10);padding-top:var(--sp-4);display:flex}.hero-stat{flex-direction:column;display:flex}.hero-stat-value{font-size:var(--text-2xl);color:var(--brand);font-variant-numeric:tabular-nums;font-family:Outfit,sans-serif;font-weight:700}.hero-stat-label{font-size:var(--text-sm);color:var(--ink-faint)}.hero-phone-wrapper{perspective:1000px;justify-content:center;align-items:center;display:flex;position:relative}.hero-phone-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#2249b71f,#0000 70%);background:radial-gradient(circle,lab(33.924% 19.9376 -63.4862/.12),#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute}.phone-mockup{background:var(--ink);width:280px;box-shadow:var(--shadow-phone);transform-style:preserve-3d;transition:transform var(--duration-normal) var(--ease-out-expo), box-shadow var(--duration-normal) var(--ease-out-expo);border-radius:36px;padding:12px;position:relative;overflow:hidden;transform:rotateX(8deg)rotateY(-12deg)rotate(4deg)}.phone-mockup:before{content:"";background:var(--ink);z-index:2;border-radius:0 0 16px 16px;width:120px;height:28px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen{border-radius:26px;position:relative;overflow:hidden}.phone-screen img{width:100%;height:auto;display:block}.features{padding:var(--sp-32) 0 var(--sp-24);position:relative}.section-header{text-align:center;margin-bottom:var(--sp-16);align-items:center;gap:var(--sp-4);flex-direction:column;display:flex}.section-header h2{font-size:var(--text-4xl);color:var(--ink);font-weight:800}.section-header p{font-size:var(--text-lg);color:var(--ink-muted);text-align:center}.features-grid{gap:var(--sp-6);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{padding:var(--sp-8);border-radius:var(--radius-lg);background:var(--surface-raised);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);transition:border-color .8s cubic-bezier(.16, 1, .3, 1), background-color .8s cubic-bezier(.16, 1, .3, 1), box-shadow var(--duration-normal) var(--ease-out-expo), transform var(--duration-normal) var(--ease-out-expo);gap:var(--sp-4);flex-direction:column;display:flex}.feature-card.reveal{transition:border-color var(--duration-normal) var(--ease-out-expo), background-color var(--duration-normal) var(--ease-out-expo), box-shadow var(--duration-normal) var(--ease-out-expo), transform var(--duration-normal) var(--ease-out-expo), opacity var(--duration-slow) var(--ease-out-expo), filter var(--duration-slow) var(--ease-out-expo)}.feature-card:hover{border-color:var(--border);box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-card:active{transform:translateY(-2px)scale(.98)}.feature-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.feature-icon.indigo{color:var(--brand);background:#2249b71a;background:lab(33.924% 19.9376 -63.4862/.1)}.feature-icon.amber{color:#a16100;color:lab(47.3602% 26.2735 87.8739);background:#e390001f;background:lab(67.0951% 28.6103 84.4444/.12)}.feature-icon.green{color:var(--success);background:#1c882d1a;background:lab(49.688% -45.0514 38.7399/.1)}.feature-icon.rose{color:#c4334f;color:lab(45.7971% 58.2684 20.3535);background:#ef4b671a;background:lab(57.1789% 64.7674 22.4178/.1)}.feature-icon.cyan{color:#00708c;color:lab(42.5346% -25.7669 -27.9483);background:#008fae1a;background:lab(54.1716% -26.7603 -28.1369/.1)}.feature-icon.violet{color:#6c44a4;color:lab(37.3261% 33.3495 -46.3724);background:#8059bb1a;background:lab(45.5526% 32.3631 -46.5159/.1)}.feature-card h3{font-size:var(--text-xl);color:var(--ink);font-weight:700}.feature-card p{font-size:var(--text-base);color:var(--ink-muted);line-height:1.7}.showcase{padding:var(--sp-24) 0;background:var(--brand-deep);color:var(--ink-on-brand);position:relative;overflow:hidden}.showcase:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 20% 80%,#2249b74d,#0000),radial-gradient(50% 40% at 80% 20%,#e3900014,#0000);background:radial-gradient(60% 50% at 20% 80%,lab(33.924% 19.9376 -63.4862/.3),#0000),radial-gradient(50% 40% at 80% 20%,lab(67.0951% 28.6103 84.4444/.08),#0000);position:absolute;inset:0}.showcase .section-header h2{color:var(--ink-on-brand)}.showcase .section-header p{color:#b7becb;color:lab(76.7078% -.363797 -7.50384)}.showcase-scroll{gap:var(--sp-8);padding:0 var(--sp-6);justify-content:center;align-items:flex-start;display:flex;position:relative}.showcase-item{align-items:center;gap:var(--sp-4);flex-direction:column;flex-shrink:0;display:flex}.showcase-phone{width:220px;transition:transform var(--duration-normal) var(--ease-out-expo), box-shadow var(--duration-normal) var(--ease-out-expo);background:#070b14;background:lab(2.97972% .168405 -4.74547);border-radius:28px;padding:8px;overflow:hidden;box-shadow:0 16px 48px #00021480;box-shadow:0 16px 48px lab(.734432% 1.75913 -8.06019/.5)}@media (hover:hover) and (pointer:fine){.showcase-phone:hover{transform:translateY(-6px)rotate(1deg);box-shadow:0 24px 60px #00021499;box-shadow:0 24px 60px lab(.734432% 1.75913 -8.06019/.6)}}.showcase-phone img{border-radius:22px;width:100%;height:auto}.showcase-label{font-size:var(--text-sm);color:#a5aec2;color:lab(70.8538% -.408709 -11.1888);text-align:center;font-weight:500}.how-it-works{padding:var(--sp-32) 0 var(--sp-24)}.steps{gap:var(--sp-8);counter-reset:step;grid-template-columns:repeat(3,1fr);display:grid}.step{gap:var(--sp-4);counter-increment:step;padding:var(--sp-8);flex-direction:column;display:flex;position:relative}.step:before{content:counter(step);background:var(--brand);width:40px;height:40px;color:var(--ink-on-brand);font-size:var(--text-lg);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.step:not(:last-child):after{content:"";top:calc(var(--sp-8) + 20px);left:calc(var(--sp-8) + 50px);background:linear-gradient(90deg, var(--brand), var(--border));width:calc(100% - 50px);height:2px;position:absolute}.step h3{font-size:var(--text-xl);font-weight:700}.step p{color:var(--ink-muted);line-height:1.7}.download-cta{padding:var(--sp-24) 0;text-align:center}.download-card{border-radius:var(--radius-xl);background:var(--brand);padding:var(--sp-20) var(--sp-10);align-items:center;gap:var(--sp-6);flex-direction:column;display:flex;position:relative;overflow:hidden}.download-card:before{content:"";pointer-events:none;background:radial-gradient(50% 80% at 20% 100%,#426bce66,#0000),radial-gradient(40% 60% at 90% 10%,#e3900026,#0000);background:radial-gradient(50% 80% at 20% 100%,lab(46.2081% 11.3392 -56.7193/.4),#0000),radial-gradient(40% 60% at 90% 10%,lab(67.0951% 28.6103 84.4444/.15),#0000);position:absolute;inset:0}.download-card>*{position:relative}.download-card h2{font-size:var(--text-4xl);color:var(--ink-on-brand);font-weight:800}.download-card p{font-size:var(--text-lg);color:#c7cedb;color:lab(82.5083% -.372738 -7.50843);text-align:center}.btn-download{align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-10);background:var(--ink-on-brand);color:var(--brand);font-size:var(--text-lg);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-expo), box-shadow var(--duration-fast) var(--ease-out-expo);border:none;font-weight:700;display:inline-flex}.btn-download:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0d111b4d;box-shadow:0 12px 32px lab(5.17507% .133269 -6.57254/.3)}.btn-download:active{transform:translateY(0)scale(.97)}.btn-download svg{width:24px;height:24px}.download-version{font-size:var(--text-sm);color:#a5aec2;color:lab(70.8538% -.408709 -11.1888)}.footer{padding:var(--sp-12) 0;border-top:1px solid var(--border-subtle)}.footer-inner{justify-content:space-between;align-items:center;gap:var(--sp-6);flex-wrap:wrap;display:flex}.footer-brand{align-items:center;gap:var(--sp-3);display:flex}.footer-brand img{border-radius:var(--radius-sm);width:28px;height:28px}.footer-brand span{color:var(--ink);font-weight:600}.footer-links{gap:var(--sp-6);list-style:none;display:flex}.footer-links a{font-size:var(--text-sm);color:var(--ink-muted);transition:color var(--duration-fast) var(--ease-out-expo)}.footer-links a:hover{color:var(--brand)}.footer-copy{font-size:var(--text-sm);color:var(--ink-faint)}.reveal{opacity:0;filter:blur(4px);transition:opacity var(--duration-slow) var(--ease-out-expo), transform var(--duration-slow) var(--ease-out-expo), filter var(--duration-slow) var(--ease-out-expo);will-change:opacity, transform, filter;transform:translateY(20px)scale(.98)}.reveal.animate{opacity:1;filter:blur();transform:translateY(0)scale(1)}.stagger>:first-child.animate{transition-delay:0s}.stagger>:nth-child(2).animate{transition-delay:80ms}.stagger>:nth-child(3).animate{transition-delay:.16s}.stagger>:nth-child(4).animate{transition-delay:.24s}.stagger>:nth-child(5).animate{transition-delay:.32s}.stagger>:nth-child(6).animate{transition-delay:.4s}@media (max-width:1024px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-text{align-items:center}.hero-sub{margin:0 auto}.hero-actions,.hero-stats{justify-content:center}.hero-phone-wrapper{order:-1}.phone-mockup{width:240px}.features-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr;max-width:520px;margin:0 auto}.step:not(:last-child):after{display:none}}@media (max-width:768px){.nav-links{display:none}.nav-mobile-toggle{display:block}.nav-actions-wrapper .nav-cta{display:none}.hero{min-height:auto;padding-top:var(--sp-32);padding-bottom:var(--sp-12)}.hero-stats{gap:var(--sp-6)}.features-grid{grid-template-columns:1fr}.showcase-scroll{scroll-snap-type:x mandatory;padding:var(--sp-4) var(--sp-6) var(--sp-8);scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.showcase-scroll::-webkit-scrollbar{display:none}.showcase-item{scroll-snap-align:center;flex-shrink:0;width:220px}.showcase-phone{width:100%}.download-card{padding:var(--sp-12) var(--sp-6)}.footer-inner{text-align:center;flex-direction:column}}.mobile-menu{background:var(--surface);-webkit-backdrop-filter:blur(20px);height:calc(100vh - 100%);z-index:calc(var(--z-sticky) - 1);padding:var(--sp-8) var(--sp-6);gap:var(--sp-6);border-top:1px solid var(--border-subtle);opacity:0;pointer-events:none;transition:transform var(--duration-normal) var(--ease-out-expo), opacity var(--duration-normal) var(--ease-out-expo);flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0;transform:translateY(-10px)}.mobile-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-menu-links{gap:var(--sp-6);flex-direction:column;list-style:none;display:flex}.mobile-menu-links a{font-family:Outfit,sans-serif;font-size:var(--text-2xl);color:var(--ink);transition:color var(--duration-fast) var(--ease-out-expo);font-weight:700;display:block}.mobile-menu-links a:hover{color:var(--brand)}.mobile-menu-divider{background:var(--border-subtle);height:1px;margin:var(--sp-2) 0;list-style:none}.mobile-github-link{align-items:center;display:flex}@media (min-width:769px){.mobile-menu{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}.hero-badge-dot{opacity:1;animation:none}}.changelog{padding:var(--sp-24) 0;background:var(--surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.changelog-card{max-width:700px;padding:var(--sp-8);border-radius:var(--radius-lg);background:var(--surface-raised);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-out-expo), background-color .8s cubic-bezier(.16, 1, .3, 1), border-color .8s cubic-bezier(.16, 1, .3, 1), box-shadow var(--duration-normal) var(--ease-out-expo);margin:0 auto}.changelog-card.reveal{transition:transform var(--duration-normal) var(--ease-out-expo), background-color var(--duration-normal) var(--ease-out-expo), border-color var(--duration-normal) var(--ease-out-expo), box-shadow var(--duration-normal) var(--ease-out-expo), opacity var(--duration-slow) var(--ease-out-expo), filter var(--duration-slow) var(--ease-out-expo)}.changelog-card:hover{box-shadow:var(--shadow-md)}.changelog-header-inline{border-bottom:1px solid var(--border-subtle);padding-bottom:var(--sp-4);margin-bottom:var(--sp-6);justify-content:space-between;align-items:center;display:flex}.changelog-release-title{font-size:var(--text-lg);color:var(--brand);font-weight:700}.changelog-date{font-size:var(--text-sm);color:var(--ink-faint)}.changelog-body{gap:var(--sp-3);font-size:var(--text-base);color:var(--ink-muted);flex-direction:column;display:flex}.changelog-paragraph{line-height:1.7}.changelog-list{margin-bottom:var(--sp-4);padding-left:0;list-style:none}.changelog-list-item{padding-left:var(--sp-6);margin-bottom:var(--sp-2);line-height:1.7;position:relative}.changelog-list-item:before{content:"•";color:var(--brand);font-size:1.2rem;font-weight:700;line-height:1.2;position:absolute;left:0}.changelog-heading-1{font-size:var(--text-2xl);color:var(--ink);margin-top:var(--sp-6);margin-bottom:var(--sp-2);font-weight:800}.changelog-heading-2{font-size:var(--text-xl);color:var(--ink);margin-top:var(--sp-4);margin-bottom:var(--sp-2);font-weight:700}.changelog-heading-3{font-size:var(--text-lg);color:var(--ink);margin-top:var(--sp-3);margin-bottom:var(--sp-2);font-weight:600}.animate-on-load{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);will-change:opacity, transform;transform:translateY(16px)}.loaded .animate-on-load{opacity:1;transform:translateY(0)}.nav.animate-on-load{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);will-change:opacity, transform;transform:translateY(-8px)}.loaded .nav.animate-on-load{opacity:1;transition-delay:50ms;transform:translateY(0)}.loaded .hero-badge.animate-on-load{transition-delay:.15s}.loaded .hero h1.animate-on-load{transition-delay:.25s}.loaded .hero-sub.animate-on-load{transition-delay:.35s}.loaded .hero-actions.animate-on-load{transition-delay:.45s}.loaded .hero-stats.animate-on-load{transition-delay:.55s}.phone-mockup.animate-on-load{opacity:0;transition:opacity 1.2s var(--ease-out-expo), transform 1.2s var(--ease-out-expo), box-shadow var(--duration-normal) var(--ease-out-expo);will-change:opacity, transform, box-shadow;transform:translateY(40px)rotateX(15deg)rotateY(-20deg)scale(.92)}.loaded .phone-mockup.animate-on-load{opacity:1;transition-delay:.4s;transform:translateY(0)rotateX(8deg)rotateY(-12deg)rotate(4deg)scale(1)}@media (hover:hover) and (pointer:fine){.phone-mockup:hover,.loaded .phone-mockup.animate-on-load:hover{transition-delay:0s;transition:transform var(--duration-normal) var(--ease-out-expo), box-shadow var(--duration-normal) var(--ease-out-expo);transform:rotateX(4deg)rotateY(-4deg)rotate(2deg)translateY(-8px)scale(1.02);box-shadow:0 40px 100px #0d111b66;box-shadow:0 40px 100px lab(5.17507% .133269 -6.57254/.4)}}.nav-actions-wrapper{align-items:center;gap:var(--sp-4);display:flex}.theme-toggle-btn{background:var(--surface);border:1px solid var(--border);width:38px;height:38px;color:var(--ink);cursor:pointer;transition:background var(--duration-fast) var(--ease-out-expo), transform var(--duration-fast) var(--ease-out-expo), color var(--duration-fast) var(--ease-out-expo), border-color var(--duration-fast) var(--ease-out-expo);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.theme-toggle-btn:hover{background:var(--brand-wash);color:var(--brand);border-color:var(--brand);transform:translateY(-1px)}.theme-toggle-btn:active{transform:translateY(0)scale(.95)}.lang-toggle-btn{padding:0 var(--sp-3);border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);height:38px;color:var(--ink);font-size:var(--text-xs);cursor:pointer;transition:background var(--duration-fast) var(--ease-out-expo), transform var(--duration-fast) var(--ease-out-expo), color var(--duration-fast) var(--ease-out-expo), border-color var(--duration-fast) var(--ease-out-expo);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.lang-toggle-btn:hover{background:var(--brand-wash);color:var(--brand);border-color:var(--brand);transform:translateY(-1px)}.lang-toggle-btn:active{transform:translateY(0)scale(.95)}.developer-link{color:var(--brand);transition:color var(--duration-fast) var(--ease-out-expo);font-weight:600;text-decoration:underline}.developer-link:hover{color:var(--brand-light)}[data-theme=dark]{--bg:#04060b;--surface:#070b14d9;--surface-raised:#0d111bbf;--nav-bg:#04060bcc;--ink:#f7f8fc;--ink-muted:#b7becb;--ink-faint:#8b8f99;--ink-on-brand:#f7f8fc;--border:#1b1f29;--border-subtle:#0e121880;--brand-deep:#01072f;--brand-wash:#0f1932;--brand-light:#5e8af0}@supports (color:lab(0% 0 0)){[data-theme=dark]{--bg:lab(1.52861% .0671148 -2.25395);--surface:lab(2.97972% .168405 -4.74547/.85);--surface-raised:lab(5.17507% .133269 -6.57254/.75);--nav-bg:lab(1.52861% .0671148 -2.25395/.8);--ink:lab(97.6587% -.120789 -1.89241);--ink-muted:lab(76.7078% -.363797 -7.50384);--ink-faint:lab(59.3313% -.281543 -5.63239);--ink-on-brand:lab(97.6587% -.120789 -1.89241);--border:lab(11.7269% -.00128895 -7.35072);--border-subtle:lab(5.20407% -.000722706 -4.80802/.5);--brand-deep:lab(3.00824% 7.20535 -25.3377);--brand-wash:lab(9.09359% 2.41294 -17.8426);--brand-light:lab(57.9697% 8.78456 -56.9656)}}html,body{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}@media (hover:hover) and (pointer:fine){html,body{cursor:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\"><path fill=\"%2364E0FF\" d=\"M4.5.79v22.42l6.56-6.57h9.29L4.5.79z\"></path></svg>") 4 0,auto}a,button,[role=button],input,select,textarea,.scroll-to-top-btn{cursor:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\"><path fill=\"%23818cf8\" d=\"M4.5.79v22.42l6.56-6.57h9.29L4.5.79z\"></path></svg>") 4 0,pointer!important}}.scroll-to-top-btn{bottom:var(--sp-6);right:var(--sp-6);background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);width:46px;height:46px;color:var(--brand);cursor:pointer;z-index:calc(var(--z-sticky) - 5);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out-expo), transform var(--duration-normal) var(--ease-out-expo), background var(--duration-fast) var(--ease-out-expo), color var(--duration-fast) var(--ease-out-expo), border-color var(--duration-fast) var(--ease-out-expo), box-shadow var(--duration-fast) var(--ease-out-expo);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;transform:translateY(16px)scale(.9)}.scroll-to-top-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.scroll-to-top-btn:hover{background:var(--brand-wash);color:var(--brand-light);border-color:var(--brand);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.scroll-to-top-btn:active{transform:translateY(0)scale(.95)}