.user-dropdown-container{position:relative;display:inline-flex;align-items:center}.user-nav-trigger{display:inline-flex;align-items:center;gap:.5rem;height:38px;box-sizing:border-box;background:#ffffff;border:1.5px solid #e2e8f0;padding:0 .85rem 0 .45rem;border-radius:50px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px rgba(0,0,0,.04)}.user-nav-trigger.active,.user-nav-trigger:hover{border-color:#0f172a;box-shadow:0 4px 14px rgba(15,23,42,.08);background:#f8fafc}.user-nav-trigger.pending{border-color:#fcd34d;background:#fffdf5}.user-nav-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#0f172a,#334155);color:#ffffff;font-size:.82rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.15)}.user-nav-trigger.pending .user-nav-avatar{background:linear-gradient(135deg,#d97706,#b45309)}.user-nav-name{font-size:.84rem;font-weight:800;color:#0f172a;letter-spacing:-.2px}.user-nav-pending-dot{background:#fef3c7;color:#b45309;font-size:.68rem;font-weight:900;padding:.15rem .45rem;border-radius:50px;border:1px solid #fde68a}.user-nav-chevron{color:#64748b;transition:transform .25s ease}.user-nav-chevron.rotate{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;width:290px;background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 20px 40px -12px rgba(15,23,42,.18),0 0 0 1px rgba(0,0,0,.04);padding:.75rem 0;z-index:1000;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.ud-header{padding:.75rem 1.15rem .85rem;gap:.85rem}.ud-avatar-large,.ud-header{display:flex;align-items:center}.ud-avatar-large{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#ffffff;font-size:1.2rem;font-weight:900;justify-content:center;box-shadow:0 4px 12px rgba(15,23,42,.2);flex-shrink:0}.ud-details{display:flex;flex-direction:column;gap:.2rem;overflow:hidden}.ud-name{font-size:.95rem;font-weight:800;color:#0f172a}.ud-business,.ud-name{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ud-business{font-size:.75rem;color:#64748b;display:flex;align-items:center;gap:.3rem}.ud-status-pill{margin-top:.2rem}.ud-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:800;padding:.15rem .5rem;border-radius:50px}.ud-badge.approved{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.ud-badge.pending{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.ud-badge.guest{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.ud-divider{height:1px;background:#f1f5f9;margin:.4rem 0}.ud-menu-list{padding:.25rem .5rem;display:flex;flex-direction:column;gap:.25rem}.ud-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:12px;background:transparent;border:none;text-align:left;text-decoration:none;cursor:pointer;transition:all .15s ease;color:inherit}.ud-menu-item:hover{background:#f8fafc}.ud-item-icon{width:34px;height:34px;border-radius:10px;background:#f1f5f9;color:#0f172a;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.ud-menu-item:hover .ud-item-icon{background:#0f172a;color:#ffffff}.ud-item-icon.whatsapp{background:#f0fdf4;color:#16a34a}.ud-menu-item:hover .ud-item-icon.whatsapp{background:#25d366;color:#ffffff}.ud-item-text{display:flex;flex-direction:column;gap:.1rem;flex:1 1}.ud-item-title{font-size:.84rem;font-weight:800;color:#0f172a}.ud-item-sub{font-size:.68rem;color:#64748b}.ud-external-icon{color:#94a3b8}.ud-footer{padding:.25rem .5rem}.ud-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem;border-radius:12px;background:transparent;border:1px solid #fee2e2;color:#dc2626;font-size:.82rem;font-weight:800;cursor:pointer;transition:all .15s ease}.ud-logout-btn:hover{background:#dc2626;color:#ffffff;border-color:#dc2626}@media (max-width:768px){.user-dropdown-menu{position:fixed;top:auto;bottom:20px;left:16px;right:16px;width:auto;border-radius:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}}.nav-fixed{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all .3s cubic-bezier(.16,1,.3,1)}.nav-transparent{background:rgba(255,255,255,.88);padding:.75rem 0;border-bottom:1px solid rgba(15,23,42,.06)}.nav-scrolled,.nav-transparent{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-scrolled{background:rgba(255,255,255,.96);padding:.55rem 0;box-shadow:0 4px 20px -2px rgba(15,23,42,.06);border-bottom:1px solid rgba(15,23,42,.08)}.nav-container{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;max-width:1440px;margin:0 auto;padding:0 2rem}.nav-brand-section{display:flex;align-items:center;flex-shrink:0}.logo{display:inline-flex;align-items:center;text-decoration:none;transition:opacity .2s ease}.logo:hover{opacity:.85}.nav-logo-img{height:38px;width:auto;object-fit:contain;display:block}.nav-center-menu{display:flex;align-items:center;gap:.35rem;margin:0 auto}.nav-link{display:inline-flex;align-items:center;padding:.45rem 1.05rem;border-radius:50px;font-size:.92rem;font-weight:600;color:#475569;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;letter-spacing:-.1px}.nav-link:hover{color:#0f172a;background:rgba(15,23,42,.05)}.nav-link.active{color:#435114;background:rgba(167,182,74,.18);font-weight:700}.nav-right-actions{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.nav-socials-cluster{display:flex;align-items:center;gap:.3rem}.nav-social-btn{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#64748b;background:rgba(15,23,42,.04);border:1px solid rgba(15,23,42,.06);transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none}.nav-social-btn:hover{color:#0f172a;background:rgba(15,23,42,.09);border-color:rgba(15,23,42,.15);transform:translateY(-1px)}.nav-actions-divider{width:1px;height:22px;background:rgba(15,23,42,.12);margin:0 .15rem}.nav-cart-btn{position:relative;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(167,182,74,.18);color:#0f172a;border:1.5px solid rgba(167,182,74,.35);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none;padding:0;outline:none}.nav-cart-btn:hover{background:#A7B64A;color:#ffffff;border-color:#A7B64A;transform:translateY(-1px);box-shadow:0 4px 14px rgba(167,182,74,.35)}.nav-cart-badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 3px;border-radius:50px;background:#0f172a;color:#ffffff;font-size:.68rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #ffffff;box-shadow:0 2px 6px rgba(0,0,0,.15)}.nav-auth-cluster{display:flex;align-items:center;gap:.55rem}.nav-btn-login{height:38px;display:inline-flex;align-items:center;gap:.45rem;padding:0 1.15rem;border-radius:50px;background:#ffffff;color:#0f172a;border:1.5px solid #e2e8f0;font-size:.86rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none;font-family:inherit;box-shadow:0 2px 6px rgba(0,0,0,.03)}.nav-btn-login:hover{background:#f8fafc;border-color:#0f172a;transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,23,42,.08)}.nav-btn-cta{height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 1.35rem;border-radius:50px;background:#A7B64A;color:#0f172a;border:none;font-size:.85rem;font-weight:800;letter-spacing:.2px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 3px 12px rgba(167,182,74,.28);white-space:nowrap;outline:none;font-family:inherit;text-decoration:none}.nav-btn-cta:hover{background:#96a53b;color:#ffffff;transform:translateY(-1px);box-shadow:0 6px 18px rgba(167,182,74,.45)}.mobile-right-controls{display:none}.mobile-toggle{display:none;border:none;cursor:pointer}.mobile-menu{display:flex;background:#ffffff;position:fixed;top:0;left:0;width:100%;height:100vh;padding:100px 1.5rem 3rem;flex-direction:column;align-items:stretch;gap:1rem;z-index:999;overflow-y:auto}.mobile-menu .nav-link{font-size:1.15rem;font-weight:700;padding:.75rem 1rem;border-radius:12px}.mobile-socials{display:flex;gap:1.25rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #f1f5f9;width:100%;justify-content:center}.mobile-socials a{color:#64748b;transition:all .2s ease}.mobile-socials a:hover{color:#0f172a;transform:scale(1.1)}@media (max-width:991px){.nav-center-menu,.nav-right-actions{display:none!important}.mobile-right-controls{display:flex!important;align-items:center!important;gap:.5rem!important}.mobile-cart-btn{border-radius:50%!important}.mobile-cart-btn,.mobile-toggle{width:38px!important;height:38px!important}.mobile-toggle{display:flex!important;align-items:center!important;justify-content:center!important;position:relative;z-index:1001;background:#0f172a!important;color:#ffffff!important;border-radius:10px!important;padding:0!important;margin:0!important;transition:all .2s ease}.mobile-toggle:hover{background:#A7B64A!important;color:#0f172a!important}.nav-logo-img{height:34px!important}}.footer{background:#0a0a0a;color:white;padding:6rem 0 3rem}.footer-top{display:grid;grid-template-columns:2fr 1fr 1.5fr;grid-gap:4rem;gap:4rem;margin-bottom:4rem}.footer-logo{display:inline-flex;align-items:center;justify-content:center;background:#ffffff;padding:8px 16px;border-radius:10px;margin-bottom:1.5rem;box-shadow:0 4px 14px rgba(0,0,0,.25);transition:transform .25s ease,box-shadow .25s ease}.footer-logo:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,255,255,.15)}.footer-logo-img{height:42px;width:auto;object-fit:contain;display:block}.footer-tagline{color:#888;max-width:300px;margin-bottom:2rem}.social-links{display:flex;gap:1.5rem}.social-links a{width:40px;height:40px;background:#1a1a1a;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#888;transition:var(--transition)}.social-links a:hover{background:var(--highlight);color:black;transform:translateY(-5px)}.footer-title{font-size:1.2rem;font-weight:700;margin-bottom:2rem;position:relative}.footer-contact ul,.footer-links ul{display:flex;flex-direction:column;gap:1rem}.footer-links a{color:#888;font-weight:500}.footer-links a:hover{color:white;padding-left:5px}.footer-contact li{display:flex;gap:1rem;color:#888;align-items:flex-start}.footer-contact li svg{color:var(--highlight);flex-shrink:0;margin-top:3px}.footer-bottom{padding-top:3rem;border-top:1px solid #1a1a1a;display:flex;justify-content:space-between;align-items:center;color:#555;font-size:.9rem}.footer-legal{display:flex;gap:2rem}.footer-legal a:hover{color:#888}@media (max-width:768px){.footer-top{grid-template-columns:1fr;gap:3rem;text-align:center}.footer-brand{display:flex;flex-direction:column;align-items:center}.footer-tagline{margin:0 auto 2rem}.social-links{justify-content:center}.footer-contact ul{align-items:flex-start;max-width:300px;margin:0 auto;text-align:left}.footer-contact li{justify-content:flex-start;text-align:left}.footer-bottom{flex-direction:column;gap:1.5rem;text-align:center}}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans Fallback;src:local("Arial");ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.00%;size-adjust:104.98%}.__className_b6296e{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.__variable_b6296e{--font-jakarta:"Plus Jakarta Sans","Plus Jakarta Sans Fallback"}:root{--primary:#000000;--secondary:#666666;--accent:#A7B64A;--highlight:#A7B64A;--highlight-light:#f4f5e8;--bg-white:#ffffff;--bg-light:#f8f8f8;--bg-extra-light:#fafafa;--text-main:#1a1a1a;--text-muted:#555555;--border:#e5e5e5;--glass:rgba(255,255,255,0.8);--glass-border:rgba(255,255,255,0.2);--shadow-sm:0 2px 4px rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--font-inter:"Inter",sans-serif;--font-outfit:"Outfit",sans-serif;--transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.3s cubic-bezier(0.4,0,0.2,1),color 0.3s cubic-bezier(0.4,0,0.2,1),background-color 0.3s cubic-bezier(0.4,0,0.2,1),border-color 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{width:100%;margin:0;padding:0;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-inter);color:var(--text-main);background-color:var(--bg-white);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-outfit);font-weight:700;line-height:1.2}a{text-decoration:none;color:inherit;transition:var(--transition)}.btn,.btn-primary,.btn-secondary,.btn-v3-pro,.nav-cta,.v5-cta{cursor:pointer;border:none;background:var(--highlight);color:black;font-family:inherit;transition:var(--transition);border-radius:50px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:1rem 2.5rem;white-space:nowrap}.btn-primary:hover,.btn-secondary:hover,.btn-v3-pro:hover,.btn:hover,.nav-cta:hover,.pc-view-btn:hover,.v5-cta:hover{box-shadow:0 10px 30px rgba(167,182,74,.4);background:black;color:white}.btn-animated{line-height:1;text-decoration:none;display:inline-flex;border:none;cursor:pointer;align-items:center;gap:.75rem;background-color:var(--btn-bg,#A7B64A);color:var(--btn-color,#0f172a);border-radius:10rem;font-weight:700;font-size:.9rem;padding:.7rem 1.4rem .7rem 1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px rgba(167,182,74,.3);font-family:inherit}.btn-animated--dark{--btn-bg:#0f172a;--btn-color:#ffffff;box-shadow:0 4px 14px rgba(15,23,42,.25)}.btn-animated--outline{--btn-bg:rgba(255,255,255,0.95);--btn-color:#0f172a;border:1.5px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.05)}.btn-animated--sm{padding:.5rem 1.15rem .5rem .85rem;font-size:.83rem;gap:.55rem}.btn-animated--sm .button__icon-wrapper{width:22px;height:22px}.button__icon-wrapper{flex-shrink:0;width:26px;height:26px;position:relative;color:var(--btn-bg,#A7B64A);background-color:var(--icon-bg,#ffffff);border-radius:50%;display:grid;place-items:center;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-animated--dark .button__icon-wrapper{color:#0f172a;background-color:#A7B64A}.btn-animated--outline .button__icon-wrapper{color:#0f172a;background-color:#f1f5f9}.button__icon-svg{transition:transform .35s cubic-bezier(.16,1,.3,1)}.button__icon-svg--copy{position:absolute;transform:translate(-150%,150%)}.btn-animated:hover{background-color:#0f172a;color:#ffffff;transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,23,42,.35)}.btn-animated--dark:hover{background-color:#A7B64A;color:#0f172a;box-shadow:0 8px 24px rgba(167,182,74,.45)}.btn-animated--outline:hover{background-color:#0f172a;color:#ffffff;border-color:#0f172a}.btn-animated:hover .button__icon-wrapper{color:#ffffff;background-color:rgba(255,255,255,.2)}.btn-animated--dark:hover .button__icon-wrapper{color:#A7B64A;background-color:#0f172a}.btn-animated--outline:hover .button__icon-wrapper{color:#0f172a;background-color:#ffffff}.btn-animated:hover .button__icon-svg:first-child{transform:translate(150%,-150%)}.btn-animated:hover .button__icon-svg--copy{transition:transform .35s cubic-bezier(.16,1,.3,1) .06s;transform:translate(0)}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:1440px;margin:0 auto;padding:0 4rem}.section-padding{padding:2rem 0}.glass{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#999}.bg-light{background-color:var(--bg-light)}.bg-white{background-color:var(--bg-white)}.text-center{text-align:center}@media (max-width:768px){.section-padding{padding:1rem 0}.container{padding:0 1.5rem}.section-header{margin-bottom:2rem}}.section-header{margin-bottom:2rem;max-width:700px}.section-header.center{margin-left:auto;margin-right:auto;text-align:center}.section-tag{display:inline-block;font-size:.8rem;font-weight:800;color:var(--highlight);letter-spacing:2px;text-transform:uppercase;margin-bottom:1rem;position:relative;padding-left:1.5rem}.section-tag:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1rem;height:2px;background:var(--highlight)}.section-title{font-size:clamp(2rem,4vw,3.5rem);color:var(--text-main);line-height:1.1;letter-spacing:-1px}.section-title span{color:var(--highlight)}.reveal-text-container{overflow:hidden;display:block;width:-moz-fit-content;width:fit-content;max-width:100%}.section-header.center .reveal-text-container{margin-left:auto;margin-right:auto}.reveal-text{display:block;will-change:transform;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.counter{font-size:16px;padding:5px 10px;border-radius:5px;color:var(--accent);background:var(--accent-bg);border:2px solid transparent;transition:border-color .3s;margin-bottom:24px;&:hover{border-color:var(--accent-border)}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}.hero{position:relative;.base,.framework,.vite{inset-inline:0;margin:0 auto}.base{width:170px;position:relative;z-index:0}.framework,.vite{position:absolute}.framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1;@media (max-width:1024px){padding-left:20px;padding-bottom:24px;padding-right:20px;padding-top:32px;gap:18px}}#next-steps{display:flex;border-top:1px solid var(--border);text-align:left;&>div{flex:1 1;padding:32px;@media (max-width:1024px){padding-left:20px;padding-bottom:24px;padding-right:20px;padding-top:24px}}.icon{margin-bottom:16px;width:22px;height:22px}@media (max-width:1024px){flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border);@media (max-width:1024px){border-right-color:currentcolor;border-right-style:none;border-right-width:medium;border-bottom-color:var(--border);border-bottom-style:solid;border-bottom-width:1px}}#next-steps ul{list-style:none;padding:0;display:flex;gap:8px;margin:32px 0 0;.logo{height:18px}a{color:var(--text-h);font-size:16px;border-radius:6px;background:var(--social-bg);display:flex;padding:6px 12px;align-items:center;gap:8px;text-decoration:none;transition:box-shadow .3s;&:hover{box-shadow:var(--shadow)}.button-icon{height:18px;width:18px}}@media (max-width:1024px){margin-top:20px;flex-wrap:wrap;justify-content:center;li{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 8px)}a{width:100%;justify-content:center;box-sizing:border-box}}}#spacer{height:88px;border-top:1px solid var(--border);@media (max-width:1024px){height:48px}}.ticks{position:relative;width:100%;&:after,&:before{content:"";position:absolute;top:-4.5px;border:5px solid transparent}&:before{left:0;border-left-color:var(--border)}&:after{right:0;border-right-color:var(--border)}}