/*!
 * AraSites - Multipurpose HTML Template
 * Version: 1.0.0
 * Author: AraSites Studio
 * License: AraSites license — Arahoster
 *
 * Table of Contents:
 *  1. Theme Tokens (CSS Variables)
 *  2. Reset & Base
 *  3. Typography
 *  4. Layout (Container, Grid)
 *  5. Buttons
 *  6. Forms
 *  7. Navbar
 *  8. Hero Sections
 *  9. Section Headings
 * 10. Feature Cards
 * 11. Service Cards
 * 12. Portfolio
 * 13. Product (Shop)
 * 14. Blog Cards
 * 15. Testimonials
 * 16. Pricing
 * 17. Team
 * 18. Stats / Counter
 * 19. CTA
 * 20. Footer
 * 21. Demo Selector (Landing)
 * 22. Utilities
 * 23. Animations
 * 24. Responsive
 */
:root{--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-primary-light:#a5b4fc;--color-secondary:#ec4899;--color-accent:#14b8a6;--color-dark:#0f172a;--color-text:#1e293b;--color-muted:#64748b;--color-border:#e2e8f0;--color-bg:#fff;--color-bg-alt:#f8fafc;--color-bg-dark:#0f172a;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:.25rem;--radius:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0f172a0d;--shadow:0 1px 3px 0 #0f172a1a, 0 1px 2px -1px #0f172a1a;--shadow-md:0 4px 6px -1px #0f172a1a, 0 2px 4px -2px #0f172a1a;--shadow-lg:0 10px 15px -3px #0f172a1a, 0 4px 6px -4px #0f172a1a;--shadow-xl:0 20px 25px -5px #0f172a1a, 0 8px 10px -6px #0f172a1a;--transition:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--container-max:1200px;--navbar-height:72px}[data-theme=dark]{--color-text:#e2e8f0;--color-muted:#94a3b8;--color-border:#1e293b;--color-bg:#0f172a;--color-bg-alt:#1e293b;--color-bg-soft:#1e293b;--color-dark:#f8fafc;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 32px #0000008c}[data-theme=dark] body{background:var(--color-bg);color:var(--color-text)}[data-theme=dark] .navbar{backdrop-filter:blur(12px);border-bottom-color:var(--color-border);background:#0f172ae6!important}[data-theme=dark] .navbar-brand{color:var(--color-text)}[data-theme=dark] .feature-card,[data-theme=dark] .pricing-card,[data-theme=dark] .team-card,[data-theme=dark] .stat-card,[data-theme=dark] .demo-card,[data-theme=dark] .testimonial-card,[data-theme=dark] .glass-card{color:var(--color-text);border-color:#334155;background:#1e293b!important}[data-theme=dark] .pricing-card.featured{border-color:var(--color-primary)}[data-theme=dark] .bg-soft,[data-theme=dark] .bg-light,[data-theme=dark] section.bg-soft,[data-theme=dark] section.bg-light{background:#1e293b!important}[data-theme=dark] .form-control,[data-theme=dark] select.form-control,[data-theme=dark] textarea.form-control{color:var(--color-text);background:#1e293b;border-color:#334155}[data-theme=dark] .form-control::placeholder{color:#64748b}[data-theme=dark] .btn-outline{color:var(--color-text);border-color:#334155}[data-theme=dark] .btn-outline:hover{background:#1e293b}[data-theme=dark] .btn-light{color:var(--color-text);background:#1e293b}[data-theme=dark] .accordion-item,[data-theme=dark] details.accordion-item{background:#1e293b;border-color:#334155}[data-theme=dark] .accordion-item summary{color:var(--color-text)}[data-theme=dark] .preview-window{background:#1e293b;border-color:#334155}[data-theme=dark] .preview-window-bar{background:#0f172a;border-bottom-color:#334155}[data-theme=dark] .footer{background:#020617}[data-theme=dark] .footer a{color:#cbd5e1}[data-theme=dark] .announcement-bar{color:var(--color-text);background:#1e293b}[data-theme=dark] table{color:var(--color-text)}[data-theme=dark] th{background:#1e293b}[data-theme=dark] code{color:#f0abfc;background:#1e293b}[data-theme=dark] .section-eyebrow{color:var(--color-primary)}[data-theme=dark] .hero{background:linear-gradient(135deg,#0f172a,#1e1b4b 60%)!important}[data-theme=dark] .hero-title{color:var(--color-text)}[data-theme=dark] .preview-frame{--color-text:#1e293b;--color-muted:#64748b;--color-border:#e2e8f0;--color-bg:#fff;--color-bg-alt:#f8fafc;--color-bg-soft:#f8fafc;--color-dark:#0f172a;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 12px 32px #0f172a1f;color:#1e293b;background:#fff}[data-theme=dark] .preview-frame .navbar:not(.hx-dark):not(.hx-glass){background:#fff!important}[data-theme=dark] .preview-frame .navbar.hx-dark{background:#0b1020!important}[data-theme=dark] .preview-frame .navbar.hx-glass{background:#ffffff1a!important}[data-theme=dark] .preview-frame .footer:not(.fx-light):not(.fx-news){background-color:var(--color-bg-dark)!important}[data-theme=dark] .preview-frame .footer.fx-light{background-color:#f8fafc!important}[data-theme=dark] .preview-frame .footer.fx-news{background:linear-gradient(135deg,#4f46e5,#9333ea 55%,#ec4899)!important}[data-theme=dark] .preview-frame .form-control{color:#1e293b;border-color:#e2e8f0;background:#fff!important}[data-theme=dark] .preview-frame .btn-light{color:#1e293b;background:#fff}[data-theme=dark] .preview-frame .hx-ann{background:var(--color-bg-dark);color:#fff}[data-theme=dark] .preview-frame code,[data-theme=dark] .preview-frame th{background:#f8fafc}.theme-toggle{border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text);cursor:pointer;background:0 0;border-radius:.5rem;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.theme-toggle:hover{background:var(--color-bg-soft)}.theme-toggle i{font-size:1.125rem}.lang-switch,.country-switch{position:relative}.lang-trigger,.country-trigger{border:1px solid var(--color-border);height:40px;color:var(--color-text);cursor:pointer;background:0 0;border-radius:.6rem;align-items:center;gap:.4rem;padding:0 .7rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.lang-trigger:hover,.country-trigger:hover{background:var(--color-bg-soft)}.lang-trigger .lang-caret,.country-trigger .lang-caret{font-size:.7rem;transition:transform .2s}.lang-switch.open .lang-trigger,.country-switch.open .country-trigger{border-color:var(--color-primary)}.lang-switch.open .lang-trigger .lang-caret,.country-switch.open .country-trigger .lang-caret{transform:rotate(180deg)}.lang-trigger>.bi-globe2{color:var(--color-primary);font-size:1rem}.country-trigger .country-flag-sm{font-size:1.15rem;line-height:1}.lang-menu,.country-menu{background:var(--color-bg);border:1px solid var(--color-border);opacity:0;visibility:hidden;transform-origin:100% 0;z-index:1100;border-radius:.9rem;width:16.5rem;max-height:21rem;padding:.5rem;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;top:calc(100% + .55rem);right:0;overflow-y:auto;transform:translateY(-8px)scale(.97);box-shadow:0 20px 44px -14px #0f172a47}.lang-switch.open .lang-menu,.country-switch.open .country-menu{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.lang-menu-title{text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);margin:0;padding:.45rem .6rem .4rem;font-size:.68rem;font-weight:700}.lang-item{color:var(--color-text);border-radius:.6rem;align-items:center;gap:.7rem;padding:.5rem .6rem;text-decoration:none;transition:background-color .13s;display:flex}.lang-item:hover{background:var(--color-bg-soft)}.lang-flag{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.15rem;line-height:1;display:flex}.lang-name{flex-direction:column;flex:1;font-size:.9rem;font-weight:600;line-height:1.25;display:flex}.lang-name small{color:var(--color-muted);font-size:.72rem;font-weight:400}.lang-check{color:var(--color-primary);margin-left:auto;font-size:1.05rem}.lang-item.active{background:color-mix(in srgb, var(--color-primary) 11%, transparent)}.lang-item.active .lang-name{color:var(--color-primary)}[dir=rtl] .lang-menu,[dir=rtl] .country-menu{transform-origin:0 0;left:0;right:auto}[dir=rtl] .lang-check{margin-left:0;margin-right:auto}@media (width<=767.98px){.lang-switch,.country-switch{display:none}}.customizer-fab{z-index:1190;background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;cursor:pointer;border:0;border-radius:.85rem 0 0 .85rem;justify-content:center;align-items:center;width:46px;height:50px;font-size:1.3rem;transition:width .18s;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%);box-shadow:-5px 6px 20px -6px #0f172a73}.customizer-fab:hover{width:54px}.customizer-fab i{animation:9s linear infinite cz-spin;display:block}@keyframes cz-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.customizer-fab i{animation:none}}.customizer-overlay{opacity:0;visibility:hidden;z-index:1200;background:#0f172a80;transition:opacity .25s,visibility .25s;position:fixed;inset:0}.customizer-overlay.open{opacity:1;visibility:visible}.customizer{background:var(--color-bg);border-left:1px solid var(--color-border);z-index:1210;flex-direction:column;width:332px;max-width:88vw;transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(102%);box-shadow:-24px 0 56px -22px #0f172a73}.customizer.open{transform:translate(0)}[dir=rtl] .customizer{border-left:0;border-right:1px solid var(--color-border);left:0;right:auto;transform:translate(-102%)}[dir=rtl] .customizer.open{transform:translate(0)}[dir=rtl] .customizer-fab{border-radius:0 .85rem .85rem 0;left:0;right:auto}.cz-head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;display:flex}.cz-head h3{align-items:center;gap:.5rem;margin:0;font-size:1.05rem;display:flex}.cz-close{border:1px solid var(--color-border);width:34px;height:34px;color:var(--color-text);cursor:pointer;background:0 0;border-radius:.5rem}.cz-close:hover{background:var(--color-bg-soft)}.cz-body{flex:1;padding:1.25rem;overflow-y:auto}.cz-section{margin-bottom:1.6rem}.cz-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);margin:0 0 .7rem;font-size:.7rem;font-weight:700}.cz-colors{grid-template-columns:repeat(4,1fr);gap:.55rem;display:grid}.cz-color{aspect-ratio:1;cursor:pointer;box-shadow:inset 0 0 0 2px var(--color-bg);border:2px solid #0000;border-radius:.7rem;justify-content:center;align-items:center;padding:0;transition:transform .13s;display:flex}.cz-color:hover{transform:scale(1.08)}.cz-color i{color:#fff;opacity:0;font-size:1.05rem}.cz-color.active{border-color:var(--color-text)}.cz-color.active i{opacity:1}.cz-modes{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.cz-mode{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:0 0;border-radius:.6rem;flex-direction:column;align-items:center;gap:.3rem;padding:.7rem .3rem;font-size:.78rem;font-weight:600;display:flex}.cz-mode i{font-size:1.15rem}.cz-mode:hover{background:var(--color-bg-soft)}.cz-mode.active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 11%, transparent);color:var(--color-primary)}.cz-langs{flex-direction:column;gap:.25rem;display:flex}.cz-lang{color:var(--color-text);border-radius:.55rem;align-items:center;gap:.6rem;padding:.5rem .6rem;font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.cz-lang:hover{background:var(--color-bg-soft)}.cz-lang.active{background:color-mix(in srgb, var(--color-primary) 11%, transparent);color:var(--color-primary)}.cz-lang .cz-flag{font-size:1.15rem;line-height:1}.cz-lang .cz-check{margin-left:auto}[dir=rtl] .cz-lang .cz-check{margin-left:0;margin-right:auto}.cz-foot{border-top:1px solid var(--color-border);padding:1rem 1.25rem}.hf-showcase-card{background:var(--color-bg);border:1px solid var(--color-border);height:100%;color:inherit;border-radius:1.25rem;flex-direction:column;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden}.hf-showcase-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-4px)}.hf-preview{gap:.5rem;min-height:168px;padding:1.75rem;display:flex}.hf-preview-header{background:linear-gradient(135deg,#eef2ff,#fdf2f8);flex-direction:column;justify-content:center}.hf-preview-footer{background:linear-gradient(135deg,#1e293b,#0f172a);align-items:stretch}.hf-bar{background:#fff;border-radius:.5rem;align-items:center;gap:.6rem;padding:.65rem .8rem;display:flex;box-shadow:0 4px 14px #0f172a1a}.hf-bar-2{opacity:.5;transform:scale(.93)}.hf-dot{background:linear-gradient(135deg,#6366f1,#ec4899);border-radius:6px;flex-shrink:0;width:18px;height:18px}.hf-lines{flex:1;gap:.4rem;display:flex}.hf-lines i{background:#cbd5e1;border-radius:3px;width:26px;height:6px}.hf-pill{background:linear-gradient(135deg,#6366f1,#ec4899);border-radius:99px;flex-shrink:0;width:46px;height:16px}.hf-fcol{flex-direction:column;flex:1;gap:.45rem;display:flex}.hf-fcol i{background:#ffffff38;border-radius:3px;height:6px}.hf-fcol i:first-child{background:#ffffff8c;width:62%}.hf-fcol-cta{justify-content:center}.hf-fcol-cta .hf-pill{width:100%}.hf-body{flex-direction:column;flex:1;padding:1.5rem 1.75rem 1.75rem;display:flex}.hf-head{align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.hf-head h3{margin:0;font-size:1.25rem}.hf-body p{color:var(--color-muted);flex:1;margin:0 0 1rem;font-size:.9375rem}.hf-link{color:var(--color-primary);font-weight:600}.hf-showcase-card:hover .hf-link{text-decoration:underline}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.6}img,svg,video{max-width:100%;height:auto;display:block}a{color:var(--color-primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--color-primary-dark)}ul,ol{padding-left:1.25rem}ul.list-unstyled,ol.list-unstyled{padding-left:0;list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-dark);letter-spacing:-.02em;margin:0 0 .75rem;font-weight:700;line-height:1.2}h1{font-size:clamp(2.25rem,4vw,3.5rem)}h2{font-size:clamp(1.875rem,3vw,2.5rem)}h3{font-size:clamp(1.5rem,2.5vw,1.875rem)}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin:0 0 1rem}.lead{color:var(--color-muted);font-size:1.125rem;line-height:1.7}.text-muted{color:var(--color-muted)}.text-primary{color:var(--color-primary)}.text-white{color:#fff}.text-center{text-align:center}.text-end{text-align:right}.text-start{text-align:left}.fw-light{font-weight:300}.fw-normal{font-weight:400}.fw-medium{font-weight:500}.fw-semibold{font-weight:600}.fw-bold{font-weight:700}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:1.5rem}.container-fluid{width:100%;padding-inline:1.5rem}.section{padding-block:var(--space-24)}.section-sm{padding-block:var(--space-16)}.section-lg{padding-block:var(--space-32)}.bg-light{background-color:var(--color-bg-alt)}.bg-dark{background-color:var(--color-bg-dark);color:#cbd5e1}.bg-dark h1,.bg-dark h2,.bg-dark h3,.bg-dark h4{color:#fff}.bg-primary{background-color:var(--color-primary);color:#fff}.bg-primary h1,.bg-primary h2,.bg-primary h3{color:#fff}.bg-gradient{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);color:#fff}.bg-gradient h1,.bg-gradient h2,.bg-gradient h3{color:#fff}.row{flex-wrap:wrap;margin-inline:-.75rem;display:flex}.row>[class*=col-]{margin-bottom:1.5rem;padding-inline:.75rem}.col-12{flex:0 0 100%;max-width:100%}@media (width>=576px){.col-sm-6{flex:0 0 50%;max-width:50%}}@media (width>=768px){.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333%;max-width:33.333%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-8{flex:0 0 66.667%;max-width:66.667%}}@media (width>=992px){.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333%;max-width:33.333%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-8{flex:0 0 66.667%;max-width:66.667%}}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.d-block{display:block}.d-none{display:none}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.btn{text-align:center;white-space:nowrap;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);user-select:none;border:1.5px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background-color:var(--color-primary);background-image:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;border-color:#0000}.btn-primary:hover{background-image:linear-gradient(135deg, var(--color-primary-dark), var(--color-primary-dark));color:#fff;box-shadow:var(--shadow-md);box-shadow:0 12px 26px -10px color-mix(in srgb, var(--color-primary) 65%, transparent), var(--shadow-md);border-color:#0000;transform:translateY(-2px)}.btn-secondary{background-color:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.btn-secondary:hover{color:#fff;background-color:#db2777;transform:translateY(-1px)}.btn-outline{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary);color:#fff}.btn-outline-light{color:#fff;background-color:#0000;border-color:#fff6}.btn-outline-light:hover,.btn-light{color:var(--color-dark);background-color:#fff;border-color:#fff}.btn-light:hover{background-color:var(--color-bg-alt);color:var(--color-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-dark{background-color:var(--color-dark);color:#fff;border-color:var(--color-dark)}.btn-dark:hover{color:#fff;background-color:#1e293b}.btn-ghost{color:var(--color-text);background-color:#0000;border-color:#0000}.btn-ghost:hover{background-color:var(--color-bg-alt);color:var(--color-text)}.btn-sm{padding:.5rem 1rem;font-size:.8125rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn-block{width:100%}.btn-icon{width:2.75rem;height:2.75rem;padding:0}.form-control{width:100%;color:var(--color-text);background-color:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition), box-shadow var(--transition);padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;line-height:1.5;display:block}.form-control:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6366f11f}.form-control::placeholder{color:var(--color-muted)}textarea.form-control{resize:vertical;min-height:120px}.form-label{color:var(--color-text);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-group{margin-bottom:1.25rem}.input-group{align-items:stretch;display:flex}.input-group .form-control{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.input-group .btn{border-top-left-radius:0;border-bottom-left-radius:0}.navbar{z-index:1030;background-color:var(--color-bg);width:100%;transition:background-color var(--transition), box-shadow var(--transition);border-bottom:1px solid #0000;position:sticky;top:0}.navbar.scrolled{-webkit-backdrop-filter:saturate(180%)blur(12px);border-bottom-color:var(--color-border);box-shadow:var(--shadow-sm);background-color:#ffffffeb}.navbar-dark{background-color:#0000}.navbar-dark.scrolled{background-color:#0f172aeb}.navbar-dark .nav-link,.navbar-dark .navbar-brand{color:#fff}.navbar-inner{height:var(--navbar-height);justify-content:space-between;align-items:center;gap:2rem;display:flex}.navbar-brand{color:var(--color-dark);letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:inline-flex}.navbar-brand:hover{color:var(--color-primary)}.navbar-brand-mark{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border-radius:var(--radius);justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:800;display:inline-flex}.nav-menu{align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--color-text);border-radius:var(--radius);transition:color var(--transition), background-color var(--transition);align-items:center;padding:.5rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.nav-link:hover,.nav-link.active{color:var(--color-primary);background-color:#6366f114}.navbar-actions{align-items:center;gap:.75rem;display:flex}.navbar-toggle{cursor:pointer;color:var(--color-dark);background:0 0;border:0;padding:.5rem;display:none}@media (width<=991.98px){.navbar-toggle{display:inline-flex}.nav-menu{background-color:var(--color-bg);border-top:1px solid var(--color-border);box-shadow:var(--shadow-lg);max-height:0;transition:max-height var(--transition);flex-direction:column;align-items:stretch;gap:0;padding:1rem 1.5rem;position:absolute;top:100%;left:0;right:0;overflow:hidden}.nav-menu.open{max-height:80vh;overflow-y:auto}.nav-link{border-radius:var(--radius);padding:.875rem 1rem}.navbar-dark .nav-menu{background-color:var(--color-bg-dark)}}.hero{padding-block:var(--space-24) var(--space-20);background:var(--color-bg);background:radial-gradient(38rem 22rem at 12% -10%, color-mix(in srgb, var(--color-primary) 13%, transparent), transparent 70%), radial-gradient(34rem 22rem at 90% 0%, color-mix(in srgb, var(--color-secondary) 11%, transparent), transparent 70%), var(--color-bg);position:relative;overflow:hidden}.hero-eyebrow{color:var(--color-primary);background-color:#6366f11a;background-color:color-mix(in srgb, var(--color-primary) 10%, transparent);border:1px solid #6366f138;border-color:color-mix(in srgb, var(--color-primary) 22%, transparent);border-radius:var(--radius-full);letter-spacing:.02em;margin-bottom:1.25rem;padding:.4rem .9rem;font-size:.8125rem;font-weight:600;display:inline-block}.hero-title{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.05}.hero-title .gradient-text{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--color-muted);max-width:36rem;margin-bottom:2rem;font-size:1.1875rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;display:flex}.hero-meta{color:var(--color-muted);flex-wrap:wrap;gap:2rem;font-size:.875rem;display:flex}.hero-meta-item{align-items:center;gap:.5rem;display:inline-flex}.hero-visual{position:relative}.hero-image{border-radius:var(--radius-2xl);width:100%;box-shadow:var(--shadow-xl)}.hero:before{content:"";z-index:-1;background:radial-gradient(circle,#6366f11f,#0000 60%);border-radius:50%;width:40rem;height:40rem;position:absolute;top:-10%;right:-10%}.hero:after{content:"";z-index:-1;background:radial-gradient(circle,#ec489914,#0000 60%);border-radius:50%;width:30rem;height:30rem;position:absolute;bottom:-20%;left:-10%}.section-heading{max-width:42rem;margin:0 auto var(--space-16);text-align:center}.section-eyebrow{color:var(--color-primary);background-color:#6366f11a;background-color:color-mix(in srgb, var(--color-primary) 10%, transparent);border:1px solid #6366f138;border-color:color-mix(in srgb, var(--color-primary) 22%, transparent);border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;margin-bottom:1rem;padding:.4rem .9rem;font-size:.8125rem;font-weight:600;display:inline-block}.section-title{margin-bottom:1rem}.section-subtitle{color:var(--color-muted);font-size:1.0625rem;line-height:1.7}.section-heading.text-start{margin-inline:0}.feature-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);height:100%;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);padding:2rem;position:relative}.feature-card:hover{box-shadow:var(--shadow-lg);box-shadow:0 24px 46px -22px color-mix(in srgb, var(--color-primary) 40%, transparent), var(--shadow-lg);border-color:var(--color-border);border-color:color-mix(in srgb, var(--color-primary) 30%, var(--color-border));transform:translateY(-6px)}.feature-icon{background:linear-gradient(135deg,#6366f11f,#ec48991f);background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 16%, transparent), color-mix(in srgb, var(--color-secondary) 14%, transparent));width:3.5rem;height:3.5rem;color:var(--color-primary);border-radius:var(--radius-lg);transition:transform var(--transition), background var(--transition), color var(--transition);justify-content:center;align-items:center;margin-bottom:1.25rem;font-size:1.5rem;display:inline-flex}.feature-card:hover .feature-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;transform:scale(1.06)rotate(-3deg)}.feature-title{margin-bottom:.75rem;font-size:1.1875rem}.feature-text{color:var(--color-muted);margin-bottom:0;font-size:.9375rem;line-height:1.6}.service-card{background-color:var(--color-bg);border-radius:var(--radius-xl);text-align:center;border:1px solid var(--color-border);height:100%;transition:all var(--transition);padding:2.5rem 2rem}.service-card:hover{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;box-shadow:var(--shadow-xl);border-color:#0000;transform:translateY(-4px)}.service-card:hover .service-title,.service-card:hover .service-text,.service-card:hover .service-icon{color:#fff}.service-card:hover .service-icon{background-color:#ffffff26}.service-icon{width:4rem;height:4rem;color:var(--color-primary);border-radius:var(--radius-full);transition:all var(--transition);background-color:#6366f11a;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.75rem;display:inline-flex}.service-title{transition:color var(--transition);margin-bottom:.75rem;font-size:1.25rem}.service-text{color:var(--color-muted);transition:color var(--transition);margin-bottom:1rem;font-size:.9375rem}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.portfolio-item{border-radius:var(--radius-xl);background-color:var(--color-bg-alt);aspect-ratio:4/3;cursor:pointer;position:relative;overflow:hidden}.portfolio-item img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.portfolio-item:hover img{transform:scale(1.05)}.portfolio-overlay{color:#fff;opacity:0;transition:opacity var(--transition);background:linear-gradient(#0000 40%,#0f172ad9 100%);flex-direction:column;justify-content:flex-end;padding:1.5rem;display:flex;position:absolute;inset:0}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-category{text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary-light);margin-bottom:.25rem;font-size:.75rem;font-weight:600}.portfolio-title{color:#fff;margin-bottom:0;font-size:1.125rem}.portfolio-filter{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.portfolio-filter button{color:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);background-color:#0000;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500}.portfolio-filter button:hover,.portfolio-filter button.active{color:#fff;background-color:var(--color-primary);border-color:var(--color-primary)}.product-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);height:100%;transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-media{aspect-ratio:1;background-color:var(--color-bg-alt);position:relative;overflow:hidden}.product-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.product-card:hover .product-media img{transform:scale(1.06)}.product-badge{text-transform:uppercase;letter-spacing:.05em;color:#fff;background-color:var(--color-danger);border-radius:var(--radius-full);z-index:1;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;position:absolute;top:.75rem;left:.75rem}.product-badge.badge-new{background-color:var(--color-success)}.product-badge.badge-hot{background-color:var(--color-warning)}.product-actions{opacity:0;transition:opacity var(--transition), transform var(--transition);flex-direction:column;gap:.5rem;display:flex;position:absolute;top:.75rem;right:.75rem;transform:translate(8px)}.product-card:hover .product-actions{opacity:1;transform:translate(0)}.product-action-btn{border-radius:var(--radius-full);width:2.25rem;height:2.25rem;color:var(--color-dark);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition);background-color:#fff;border:0;justify-content:center;align-items:center;display:inline-flex}.product-action-btn:hover{background-color:var(--color-primary);color:#fff}.product-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.product-category{text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:.25rem;font-size:.75rem;font-weight:600}.product-title{color:var(--color-dark);margin-bottom:.5rem;font-size:1rem;font-weight:600}.product-title a{color:inherit}.product-title a:hover{color:var(--color-primary)}.product-rating{color:#f59e0b;align-items:center;gap:.25rem;margin-bottom:.5rem;font-size:.8125rem;display:flex}.product-rating .rating-count{color:var(--color-muted);margin-left:.25rem}.product-price{align-items:baseline;gap:.5rem;margin-top:auto;display:flex}.price-current{color:var(--color-dark);font-size:1.125rem;font-weight:700}.price-old{color:var(--color-muted);font-size:.875rem;text-decoration:line-through}.shop-sidebar{background-color:var(--color-bg-alt);border-radius:var(--radius-xl);padding:1.5rem}.filter-group{border-bottom:1px solid var(--color-border);margin-bottom:1.25rem;padding-bottom:1.25rem}.filter-group:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.filter-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-dark);margin-bottom:.75rem;font-size:.875rem;font-weight:700}.filter-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.filter-list a{color:var(--color-text);justify-content:space-between;padding:.375rem 0;font-size:.875rem;display:flex}.filter-list a:hover{color:var(--color-primary)}.filter-count{color:var(--color-muted);font-size:.8125rem}.blog-card{background-color:var(--color-bg);border-radius:var(--radius-xl);border:1px solid var(--color-border);height:100%;transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.blog-media{aspect-ratio:16/10;background-color:var(--color-bg-alt);overflow:hidden}.blog-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.blog-card:hover .blog-media img{transform:scale(1.05)}.blog-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.blog-meta{color:var(--color-muted);align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.8125rem;display:flex}.blog-category{text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);border-radius:var(--radius-full);background-color:#6366f11a;padding:.125rem .625rem;font-size:.6875rem;font-weight:600;display:inline-block}.blog-title{margin-bottom:.75rem;font-size:1.1875rem;line-height:1.35}.blog-title a{color:var(--color-dark)}.blog-title a:hover{color:var(--color-primary)}.blog-excerpt{color:var(--color-muted);margin-bottom:1rem;font-size:.9375rem}.blog-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;font-size:.875rem;display:flex}.blog-author{color:var(--color-text);align-items:center;gap:.5rem;font-weight:500;display:flex}.blog-author-avatar{border-radius:var(--radius-full);object-fit:cover;width:1.75rem;height:1.75rem}.testimonial-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);height:100%;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);flex-direction:column;padding:2rem;display:flex}.testimonial-card:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb, var(--color-primary) 25%, var(--color-border));transform:translateY(-5px)}.testimonial-rating{color:#f59e0b;gap:.125rem;margin-bottom:1rem;display:flex}.testimonial-text{color:var(--color-text);flex:1;margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.testimonial-author{align-items:center;gap:.75rem;display:flex}.testimonial-avatar{border-radius:var(--radius-full);object-fit:cover;width:3rem;height:3rem}.testimonial-name{color:var(--color-dark);margin-bottom:0;font-size:.9375rem;font-weight:600}.testimonial-role{color:var(--color-muted);font-size:.8125rem}.pricing-card{background-color:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);height:100%;transition:all var(--transition);flex-direction:column;padding:2.5rem 2rem;display:flex;position:relative}.pricing-card.featured{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:scale(1.02)}.pricing-card:hover{box-shadow:var(--shadow-lg);box-shadow:0 24px 46px -22px color-mix(in srgb, var(--color-primary) 38%, transparent), var(--shadow-lg);border-color:color-mix(in srgb, var(--color-primary) 40%, var(--color-border));transform:translateY(-6px)}.pricing-card.featured:hover{transform:translateY(-6px)scale(1.02)}.pricing-badge{text-transform:uppercase;letter-spacing:.05em;color:#fff;background-color:var(--color-primary);border-radius:var(--radius-full);padding:.25rem .875rem;font-size:.75rem;font-weight:700;position:absolute;top:-.875rem;left:50%;transform:translate(-50%)}.pricing-name{margin-bottom:.5rem;font-size:1.125rem}.pricing-description{color:var(--color-muted);margin-bottom:1.5rem;font-size:.875rem}.pricing-amount{align-items:baseline;gap:.25rem;margin-bottom:1.5rem;display:flex}.pricing-amount .currency{color:var(--color-muted);font-size:1.25rem;font-weight:600}.pricing-amount .price{color:var(--color-dark);letter-spacing:-.03em;font-size:3rem;font-weight:800;line-height:1}.pricing-amount .period{color:var(--color-muted);font-size:.9375rem}.pricing-features{flex-direction:column;gap:.625rem;margin:0 0 2rem;padding:0;list-style:none;display:flex}.pricing-features li{color:var(--color-text);align-items:start;gap:.625rem;font-size:.9375rem;display:flex}.pricing-features li:before{content:"✓";width:1.25rem;height:1.25rem;color:var(--color-success);border-radius:var(--radius-full);background-color:#10b9811f;flex-shrink:0;justify-content:center;align-items:center;margin-top:.125rem;font-size:.75rem;font-weight:700;display:inline-flex}.pricing-features li.disabled{color:var(--color-muted);text-decoration:line-through}.pricing-features li.disabled:before{content:"×";color:var(--color-muted);background-color:var(--color-border)}.pricing-card .btn{margin-top:auto}.team-card{text-align:center}.team-photo{aspect-ratio:1;border-radius:var(--radius-xl);margin-bottom:1rem;position:relative;overflow:hidden}.team-photo img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.team-card:hover .team-photo img{transform:scale(1.05)}.team-social{opacity:0;transition:all var(--transition);gap:.5rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%,1rem)}.team-card:hover .team-social{opacity:1;transform:translate(-50%)}.team-social a{width:2.25rem;height:2.25rem;color:var(--color-dark);border-radius:var(--radius-full);box-shadow:var(--shadow);transition:all var(--transition);background-color:#fff;justify-content:center;align-items:center;display:inline-flex}.team-social a:hover{background-color:var(--color-primary);color:#fff}.team-name{margin-bottom:.25rem;font-size:1.125rem}.team-role{color:var(--color-muted);font-size:.875rem}.stat{text-align:center}.stat-value{color:var(--color-dark);letter-spacing:-.03em;margin-bottom:.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1}.bg-dark .stat-value,.bg-primary .stat-value,.bg-gradient .stat-value{color:#fff}.stat-label{color:var(--color-muted);margin-bottom:0;font-size:.9375rem}.bg-dark .stat-label,.bg-primary .stat-label,.bg-gradient .stat-label{color:#fffc}.cta{padding:var(--space-16) var(--space-8);border-radius:var(--radius-2xl);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 60%, var(--color-secondary) 100%);color:#fff;text-align:center;position:relative;overflow:hidden}.cta:before{content:"";background:radial-gradient(circle,#ffffff2e,#0000 60%);border-radius:50%;width:28rem;height:28rem;position:absolute;top:-50%;right:-10%}.cta-title{color:#fff;margin-bottom:1rem;font-size:clamp(1.75rem,3vw,2.5rem);position:relative}.cta-subtitle{color:#ffffffd9;margin-bottom:2rem;max-width:36rem;margin-inline:auto;font-size:1.0625rem;position:relative}.cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex;position:relative}.cta-banner{padding-block:var(--space-20);text-align:center;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 55%, var(--color-secondary) 100%);color:#fff;position:relative;overflow:hidden}.cta-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff2e,#0000 62%);border-radius:50%;width:32rem;height:32rem;position:absolute;top:-42%;right:-8%}.cta-banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a,#0000 62%);border-radius:50%;width:28rem;height:28rem;position:absolute;bottom:-52%;left:-10%}.cta-banner>.container{z-index:1;position:relative}.cta-banner h2,.cta-banner .cta-title{color:#fff}.cta-banner p,.cta-banner .cta-subtitle{color:#ffffffe0}.footer{background-color:var(--color-bg-dark);color:#94a3b8;padding-block:var(--space-16) var(--space-8)}.footer h5,.footer .footer-title{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.25rem;font-size:.9375rem;font-weight:600}.footer a{color:#94a3b8;font-size:.9375rem}.footer a:hover{color:#fff}.footer-brand{color:#fff;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:800;display:inline-flex}.footer-about{max-width:22rem;margin-bottom:1.25rem;font-size:.9375rem;line-height:1.7}.footer-links{flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.footer-social{gap:.5rem;display:flex}.footer-social a{border-radius:var(--radius-full);width:2.25rem;height:2.25rem;transition:all var(--transition);background-color:#ffffff0f;justify-content:center;align-items:center;display:inline-flex}.footer-social a:hover{background-color:var(--color-primary);color:#fff}.footer-bottom{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;display:flex}.demo-hero{padding-block:var(--space-24);text-align:center;background:radial-gradient(circle at 20% 20%,#6366f12e,#0000 50%),radial-gradient(circle at 80% 30%,#ec489924,#0000 50%),linear-gradient(#f8fafc 0%,#fff 100%)}.demo-hero h1{letter-spacing:-.03em;margin-bottom:1.25rem;font-size:clamp(2.5rem,5vw,4.25rem)}.demo-hero p{color:var(--color-muted);max-width:38rem;margin:0 auto 2rem;font-size:1.1875rem}.demo-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.demo-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;display:flex;overflow:hidden}.demo-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.demo-card-media{aspect-ratio:4/3;background-color:var(--color-bg-alt);position:relative;overflow:hidden}.demo-card-media img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform var(--transition-slow)}.demo-card:hover .demo-card-media img{transform:scale(1.04)}.demo-card-tag{text-transform:uppercase;letter-spacing:.05em;color:#fff;background-color:var(--color-primary);border-radius:var(--radius-full);padding:.25rem .625rem;font-size:.6875rem;font-weight:700;position:absolute;top:1rem;right:1rem}.demo-card-body{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.demo-card-title{margin-bottom:0;font-size:1.0625rem}.demo-card-link{color:var(--color-primary);align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--space-1)!important}.mb-2{margin-bottom:var(--space-2)!important}.mb-3{margin-bottom:var(--space-3)!important}.mb-4{margin-bottom:var(--space-4)!important}.mb-6{margin-bottom:var(--space-6)!important}.mb-8{margin-bottom:var(--space-8)!important}.mt-0{margin-top:0!important}.mt-4{margin-top:var(--space-4)!important}.mt-6{margin-top:var(--space-6)!important}.mt-8{margin-top:var(--space-8)!important}.mt-12{margin-top:var(--space-12)!important}.py-0{padding-block:0!important}.pt-0{padding-top:0!important}.pb-0{padding-bottom:0!important}.w-100{width:100%}.h-100{height:100%}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow)}.shadow-lg{box-shadow:var(--shadow-lg)}.divider{background-color:var(--color-border);height:1px;margin-block:var(--space-8);border:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}[data-aos]{opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);transform:translateY(20px)}[data-aos].in-view{opacity:1;transform:translateY(0)}[data-aos=fade]{transform:none}[data-aos=fade-left]{transform:translate(20px)}[data-aos=fade-left].in-view{transform:translate(0)}[data-aos=fade-right]{transform:translate(-20px)}[data-aos=fade-right].in-view{transform:translate(0)}[data-aos=zoom-in]{transform:scale(.96)}[data-aos=zoom-in].in-view{transform:scale(1)}@media (width<=991.98px){.section{padding-block:var(--space-16)}.section-lg{padding-block:var(--space-20)}.hero{padding-block:var(--space-16)}.pricing-card.featured{transform:none}}@media (width<=575.98px){.container{padding-inline:1rem}.section,.hero{padding-block:var(--space-12)}.cta{padding:var(--space-12) var(--space-4)}.feature-card,.service-card{padding:1.5rem}.footer-bottom{text-align:center;flex-direction:column}}.announcement-bar{background:linear-gradient(90deg, var(--color-dark) 0%, #1e293b 50%, var(--color-dark) 100%);color:#ffffffeb;text-align:center;padding:.625rem 0;font-size:.8125rem;position:relative;overflow:hidden}.announcement-bar a{color:var(--color-primary-light);font-weight:600}.announcement-bar .badge{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);margin-right:.5rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:700;display:inline-block}.hero-glow{filter:blur(80px);opacity:.4;pointer-events:none;z-index:-1;border-radius:50%;width:32rem;height:32rem;position:absolute}.hero-glow.glow-primary{background:var(--color-primary);top:-10%;right:-10%}.hero-glow.glow-secondary{background:var(--color-secondary);opacity:.3;bottom:-20%;left:-10%}.hero-glow.glow-accent{background:var(--color-accent);opacity:.25;width:20rem;height:20rem;top:40%;left:60%}.hero-grid-bg{pointer-events:none;z-index:-1;background-image:linear-gradient(#0f172a0d 1px,#0000 1px),linear-gradient(90deg,#0f172a0d 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}.floating{animation:6s ease-in-out infinite float}.floating-slow{animation:10s ease-in-out infinite float}.floating-fast{animation:4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-16px)rotate(2deg)}}.pulse-ring{background:var(--color-success);border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.pulse-ring:before{content:"";border:2px solid var(--color-success);opacity:.5;border-radius:50%;animation:2s ease-out infinite pulse;position:absolute;inset:-4px}@keyframes pulse{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(2)}}.marquee-strip{border-block:1px solid var(--color-border);padding-block:2rem;position:relative;overflow:hidden}.marquee-strip:before,.marquee-strip:after{content:"";z-index:2;pointer-events:none;width:80px;position:absolute;top:0;bottom:0}.marquee-strip:before{background:linear-gradient(90deg, var(--color-bg), transparent);left:0}.marquee-strip:after{background:linear-gradient(270deg, var(--color-bg), transparent);right:0}.marquee-track{align-items:center;gap:4rem;width:max-content;animation:35s linear infinite marquee;display:flex}.marquee-track .logo{letter-spacing:-.02em;color:var(--color-dark);opacity:.55;white-space:nowrap;transition:opacity var(--transition);font-size:1.5rem;font-weight:800}.marquee-track:hover{animation-play-state:paused}.marquee-track .logo:hover{opacity:1}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.bento{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(180px,auto);gap:1.25rem;display:grid}.bento-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition);flex-direction:column;justify-content:space-between;padding:1.75rem;display:flex;position:relative;overflow:hidden}.bento-item:hover{box-shadow:var(--shadow-md);border-color:#6366f14d;transform:translateY(-2px)}.bento-item.dark{background:var(--color-dark);color:#cbd5e1;border-color:#ffffff14}.bento-item.dark h3{color:#fff}.bento-item.gradient{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 60%, var(--color-secondary) 100%);color:#fff;border-color:#0000}.bento-item.gradient h3{color:#fff}.bento-item h3{margin-bottom:.5rem;font-size:1.25rem}.bento-item .bento-text{color:var(--color-muted);margin:0;font-size:.9375rem}.bento-item.dark .bento-text,.bento-item.gradient .bento-text{color:#ffffffd9}.bento-item .bento-icon{width:2.75rem;height:2.75rem;color:var(--color-primary);border-radius:var(--radius-lg);background:#6366f11f;justify-content:center;align-items:center;margin-bottom:1rem;font-size:1.25rem;display:inline-flex}.bento-item.dark .bento-icon{color:var(--color-primary-light);background:#6366f133}.bento-item.gradient .bento-icon{color:#fff;background:#ffffff2e}.bento-col-3{grid-column:span 3}.bento-col-4{grid-column:span 4}.bento-col-5{grid-column:span 5}.bento-col-6{grid-column:span 6}.bento-col-7{grid-column:span 7}.bento-col-8{grid-column:span 8}.bento-col-12{grid-column:span 12}.bento-row-2{grid-row:span 2}@media (width<=991.98px){.bento-col-3,.bento-col-4,.bento-col-5,.bento-col-6{grid-column:span 6}.bento-col-7,.bento-col-8{grid-column:span 12}}@media (width<=575.98px){.bento{grid-template-columns:1fr;grid-auto-rows:auto}.bento-col-3,.bento-col-4,.bento-col-5,.bento-col-6,.bento-col-7,.bento-col-8{grid-column:span 1}.bento-row-2{grid-row:span 1}}.tabs{background:var(--color-bg-alt);border-radius:var(--radius-lg);gap:.125rem;padding:.25rem;display:inline-flex}.tabs-fluid{display:flex}.tab-btn{color:var(--color-muted);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;border:0;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600}.tab-btn:hover{color:var(--color-dark)}.tab-btn.active{background:var(--color-bg);color:var(--color-dark);box-shadow:var(--shadow-sm)}.tab-panel{animation:.3s ease-out fadeIn;display:none}.tab-panel.active{display:block}.accordion{flex-direction:column;gap:.75rem;display:flex}.accordion-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition);overflow:hidden}.accordion-item[open]{border-color:var(--color-primary)}.accordion-item summary{cursor:pointer;color:var(--color-dark);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;font-size:1rem;font-weight:600;list-style:none;display:flex}.accordion-item summary::-webkit-details-marker{display:none}.accordion-item summary:after{content:"+";background:var(--color-bg-alt);width:1.75rem;height:1.75rem;color:var(--color-text);transition:all var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;font-weight:600;display:inline-flex}.accordion-item[open] summary:after{content:"−";background:var(--color-primary);color:#fff}.accordion-item-body{color:var(--color-muted);padding:0 1.5rem 1.25rem;font-size:.9375rem;line-height:1.7}.compare-table{border-collapse:separate;border-spacing:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;overflow:hidden}.compare-table th,.compare-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:1rem 1.25rem;font-size:.9375rem}.compare-table tr:last-child th,.compare-table tr:last-child td{border-bottom:0}.compare-table th{background:var(--color-bg-alt);text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);font-size:.8125rem;font-weight:700}.compare-table .col-highlight{background:#6366f10a;position:relative}.compare-table thead .col-highlight{background:var(--color-primary);color:#fff}.compare-table .check{color:var(--color-success);font-size:1.125rem;font-weight:700}.compare-table .cross{color:var(--color-border);font-size:1.125rem;font-weight:700}.t-slider{position:relative;overflow:hidden}.t-slider-track{gap:1.5rem;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex}.t-slider-track>*{flex:0 0 calc(33.3333% - 1rem);min-width:0}@media (width<=991.98px){.t-slider-track>*{flex:0 0 calc(50% - .75rem)}}@media (width<=767.98px){.t-slider-track>*{flex:0 0 100%}}.t-slider-controls{justify-content:center;gap:.5rem;margin-top:2rem;display:flex}.t-slider-dot{background:var(--color-border);cursor:pointer;width:10px;height:10px;transition:all var(--transition);border:0;border-radius:50%;padding:0}.t-slider-dot.active{background:var(--color-primary);border-radius:var(--radius-full);width:32px}.demo-card{position:relative}.demo-card-overlay{border-radius:var(--radius-xl);opacity:0;transition:opacity var(--transition);pointer-events:none;background:linear-gradient(#0f172a00 0%,#0f172a80 60%,#0f172ad9 100%);flex-direction:column;justify-content:flex-end;padding:1.5rem;display:flex;position:absolute;inset:0}.demo-card:hover .demo-card-overlay{opacity:1}.demo-card-overlay .preview-cta{color:var(--color-dark);border-radius:var(--radius-full);transition:transform var(--transition);background:#fff;align-self:flex-start;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex;transform:translateY(8px)}.demo-card:hover .demo-card-overlay .preview-cta{transform:translateY(0)}.stat-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:transform var(--transition), box-shadow var(--transition);padding:2rem;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.stat-card:before{content:"";background:radial-gradient(circle,#6366f11f,#0000 60%);border-radius:50%;width:12rem;height:12rem;position:absolute;top:-50%;right:-20%}.stat-card .stat-value{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:2.5rem;font-weight:800}.featured-demo{background:linear-gradient(135deg, var(--color-bg-alt) 0%, var(--color-bg) 100%);border:1px solid var(--color-border);border-radius:var(--radius-2xl);grid-template-columns:1fr 1.5fr;align-items:center;gap:2.5rem;padding:2.5rem;display:grid;position:relative;overflow:hidden}.featured-demo:before{content:"";pointer-events:none;background:radial-gradient(circle at 80% 20%,#6366f114,#0000 50%);position:absolute;inset:0}.featured-demo-content{position:relative}.featured-demo-tag{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);margin-bottom:1rem;padding:.25rem .75rem;font-size:.6875rem;font-weight:700;display:inline-block}.featured-demo-img{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);transition:transform var(--transition-slow);position:relative;overflow:hidden;transform:perspective(1000px)rotateY(-4deg)}.featured-demo-img:hover{transform:perspective(1000px)rotateY(0)}@media (width<=991.98px){.featured-demo{grid-template-columns:1fr;padding:2rem}.featured-demo-img{transform:none}}.timeline{padding-left:2.5rem;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--color-primary), var(--color-secondary), transparent);width:2px;position:absolute;top:0;bottom:0;left:.875rem}.timeline-item{padding-bottom:2.5rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";background:var(--color-bg);border:3px solid var(--color-primary);border-radius:50%;width:1.75rem;height:1.75rem;position:absolute;top:0;left:-2.5rem}.timeline-item h4{margin-bottom:.25rem;font-size:1.0625rem}.timeline-item .timeline-time{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:inline-block}.glass-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);color:#fff;background:#ffffff14;border:1px solid #ffffff26;padding:1.5rem}.code-block{color:#cbd5e1;border-radius:var(--radius-lg);font-family:var(--font-mono);background:#0f172a;padding:1.25rem 1.5rem;font-size:.8125rem;line-height:1.7;position:relative;overflow-x:auto}.code-block .c-key{color:#f9a8d4}.code-block .c-str{color:#5eead4}.code-block .c-num{color:#fcd34d}.code-block .c-com{color:#64748b;font-style:italic}.code-block .c-prop{color:#a5b4fc}.link-underline{color:var(--color-primary);align-items:center;gap:.25rem;font-weight:600;display:inline-flex;position:relative}.link-underline:after{content:"";transform-origin:100%;width:100%;height:2px;transition:transform var(--transition);background:currentColor;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.link-underline:hover:after{transform-origin:0;transform:scaleX(1)}.link-underline:hover i{transform:translate(3px)}.link-underline i{transition:transform var(--transition)}.gradient-text-reveal{background:linear-gradient(120deg, var(--color-primary), var(--color-secondary), var(--color-primary));-webkit-text-fill-color:transparent;background-size:220%;-webkit-background-clip:text;background-clip:text;animation:7s linear infinite arasites-shimmer}@keyframes arasites-shimmer{to{background-position:220%}}@media (prefers-reduced-motion:reduce){.gradient-text-reveal{animation:none}}.section-divider{background:linear-gradient(90deg, transparent, var(--color-border), transparent);border:0;height:1px;margin-block:0}.heading-tone{display:inline-block;position:relative}.heading-tone:before{content:"";z-index:-1;border-radius:var(--radius);background:linear-gradient(135deg,#6366f140,#ec489940);height:.35em;position:absolute;bottom:.05em;left:-.25rem;right:-.25rem}@media print{.navbar,.footer,.cta{display:none}}