@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--color-bg: #F8FAFC;--color-primary: #059669;--color-secondary: #10B981;--color-contrast: #FFFFFF;--color-card-bg: rgba(255, 255, 255, .75);--color-card-border: rgba(148, 163, 184, .12);--color-accent-bg: rgba(16, 185, 129, .05);--color-accent-border: rgba(16, 185, 129, .2);--color-text-primary: #0F172A;--color-text-secondary: #475569;--gradient-radial: radial-gradient(circle at top, rgba(16, 185, 129, .06), transparent 45%);--font-family-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family: var(--font-family-sans);--mono: ui-monospace, Consolas, monospace}[data-color-mode=dark]{--color-bg: #0A0B10;--color-primary: #10B981;--color-secondary: #34D399;--color-contrast: #0B1E19;--color-card-bg: rgba(18, 19, 26, .65);--color-card-border: rgba(148, 163, 184, .12);--color-accent-bg: rgba(16, 185, 129, .08);--color-accent-border: rgba(16, 185, 129, .3);--color-text-primary: #F8FAFC;--color-text-secondary: #94A3B8;--gradient-radial: radial-gradient(circle at top, rgba(16, 185, 129, .08), transparent 40%)}@media(prefers-color-scheme:dark){:root:not([data-color-mode=light]){--color-bg: #0A0B10;--color-primary: #10B981;--color-secondary: #34D399;--color-contrast: #0B1E19;--color-card-bg: rgba(18, 19, 26, .65);--color-card-border: rgba(148, 163, 184, .12);--color-accent-bg: rgba(16, 185, 129, .08);--color-accent-border: rgba(16, 185, 129, .3);--color-text-primary: #F8FAFC;--color-text-secondary: #94A3B8;--gradient-radial: radial-gradient(circle at top, rgba(16, 185, 129, .08), transparent 40%)}}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}input,button,select,textarea{font-family:inherit}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);font-size:18px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease;min-height:100vh;overflow-x:hidden}.radial-bg{position:fixed;top:0;left:0;right:0;height:100vh;background:var(--gradient-radial);z-index:-1;pointer-events:none}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-family:var(--font-family-sans);font-weight:600}h1{letter-spacing:-.02em;line-height:1.1;font-size:3rem}h2{letter-spacing:-.02em;font-size:3rem}h3,h4{letter-spacing:-.02em}h3{font-size:1.75rem}h5,h6{letter-spacing:-.01em}p,span,li{color:var(--color-text-secondary)}.text-primary-accent{color:var(--color-primary);font-weight:600;font-style:italic}code,.counter{font-family:var(--mono)}.subtitle,.hero-subtitle{font-weight:500;letter-spacing:-.01em}a{text-decoration:none;color:inherit}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.card{background-color:var(--color-card-bg);border:1px solid var(--color-card-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:8px;padding:2.5rem 2rem;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease;box-shadow:0 4px 20px -2px #00000008}.card:hover{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:0 12px 30px -4px #00000014}[data-color-mode=dark] .card{box-shadow:0 4px 20px -2px #0003}[data-color-mode=dark] .card:hover{box-shadow:0 12px 35px -5px #0006}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 2rem;border-radius:4px;font-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.02em;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);border:none;font-family:var(--font-family-sans)}.btn-primary{background-color:var(--color-primary);color:var(--color-contrast)}.btn-primary:hover{background-color:var(--color-secondary);color:var(--color-contrast);transform:translateY(-1px)}.btn-outline{background-color:transparent;border:1px solid var(--color-card-border);color:var(--color-text-primary)}.btn-outline:hover{background-color:var(--color-card-bg);border-color:var(--color-primary);color:var(--color-primary)}.badge{display:inline-block;padding:.35rem 1rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;background-color:var(--color-accent-bg);color:var(--color-primary);border:1px solid var(--color-accent-border)}.section{padding:4rem 1rem;width:100%;display:flex;flex-direction:column;justify-content:center;position:relative}@media(min-width:768px){.section{padding:8rem 0}}@media(max-width:768px){body{font-size:16px}h1{font-size:2.25rem}h2,.section h2{font-size:1.8rem}.section p{font-size:.85rem;margin-top:.5rem!important}.mb-4{margin-bottom:1rem}.mockup-3d-container{height:200px!important;margin-bottom:.5rem}.mockup-3d-wrapper,.mockup-3d-wrapper-inverted{transform:scale(.65) perspective(1200px) rotateY(12deg) rotateX(4deg) rotate(-3deg)}.mockup-3d-wrapper-inverted{transform:scale(.65) perspective(1200px) rotateY(-12deg) rotateX(4deg) rotate(3deg)}.features-list{gap:.5rem}.feature-item{padding:.75rem;gap:.75rem}.feature-num{font-size:1.25rem}.feature-content h3{font-size:.95rem;margin-bottom:0}.feature-content p{display:none}.feature-item.active .feature-content p{display:block;font-size:.8rem;line-height:1.2}.planes-section .text-center{margin-bottom:.5rem}.planes-grid{gap:.5rem}.planes-grid .card{padding:1rem}.planes-grid .card h3{font-size:1.1rem;margin-bottom:.25rem}.planes-grid .card p{margin-bottom:.5rem;font-size:.75rem}.planes-grid .card div[style*="font-size: 2.5rem"]{font-size:1.5rem!important;margin-bottom:.25rem!important}.planes-grid .card ul{margin-bottom:.5rem!important;gap:.25rem!important}.planes-grid .card li{font-size:.75rem}.planes-grid .card .btn{padding:.5rem;font-size:.85rem}}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-6{margin-bottom:3rem}.mt-4{margin-top:2rem}.mt-6{margin-top:3rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.order-1{order:1}.order-2{order:2}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:order-1{order:1}.md\:order-2{order:2}}.hero-title{font-size:2.25rem;line-height:1.15;margin-bottom:1.5rem;font-style:italic}@media(min-width:768px){.hero-title{font-size:3rem}}.hero-subtitle{font-size:1.25rem;max-width:600px;margin:0 auto 2rem}.theme-switch-btn{position:relative;display:flex;align-items:center;justify-content:space-between;width:72px;height:36px;padding:3px;background-color:var(--color-card-border);border:1px solid var(--color-card-border);border-radius:9999px;cursor:pointer;outline:none;transition:background-color .3s,border-color .3s}.theme-switch-thumb{position:absolute;top:3px;left:3px;width:28px;height:28px;background-color:var(--color-primary);border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.theme-switch-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;z-index:1;color:var(--color-text-secondary);transition:color .3s}[data-color-mode=light] .theme-switch-thumb{transform:translate(0)}[data-color-mode=light] .sun-icon{color:#fff}[data-color-mode=dark] .theme-switch-thumb{transform:translate(36px)}[data-color-mode=dark] .moon-icon{color:#fff}.hero-section-split{display:flex;flex-direction:column;height:100vh;min-height:100vh;width:100%;scroll-snap-align:start;padding-top:80px;overflow:hidden}@media(max-width:768px){.hero-section-split{height:auto;min-height:auto;overflow:visible;padding-top:100px;padding-bottom:3rem}}@media(min-width:768px){.hero-section-split{flex-direction:row;padding-top:120px;padding-bottom:6rem}}.hero-left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem;text-align:left;position:relative;z-index:10;pointer-events:none}.hero-left-content{pointer-events:auto}@media(min-width:768px){.hero-left{padding:4rem 4rem 4rem 10%}}.hero-left-content{max-width:600px}.hero-left .hero-title{text-align:left;margin-bottom:1.5rem}.hero-left .hero-subtitle{text-align:left;margin:0 0 2rem}.hero-left .hero-actions{justify-content:flex-start}.hero-right{flex:1;position:relative;min-height:580px;z-index:1}@media(max-width:768px){.hero-right{min-height:420px;padding:1rem 0}}.falling-components-container{position:absolute;top:-50%;left:-20%;width:200%;height:200%;pointer-events:none;display:flex;justify-content:center;align-items:flex-start;transform:rotate(45deg)}.falling-track{display:flex;flex-direction:column;gap:1rem;width:160px;animation:fallDiagonal 30s linear infinite;will-change:transform;margin:0 1rem}@media(min-width:768px){.falling-track{width:280px;gap:1.5rem;margin:0 1rem}}.track-1{animation-duration:35s;animation-delay:-5s}.track-2{animation-duration:45s;animation-delay:-15s}.track-3{animation-duration:38s;animation-delay:-22s}.falling-component{width:100%;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a;border:1px solid var(--color-card-border);opacity:.85;flex-shrink:0;transition:transform .3s}.falling-track .falling-component:nth-child(2n){transform:translate(10%);margin-top:-1rem}.falling-track .falling-component:nth-child(3n){transform:translate(-15%) rotate(-2deg);margin-top:1.5rem}.falling-track .falling-component:nth-child(4n){transform:translate(5%) rotate(1deg);margin-top:-.5rem}.falling-track .falling-component:nth-child(5n){transform:translate(-8%) rotate(2deg);margin-top:2rem}[data-color-mode=dark] .falling-component{box-shadow:0 10px 25px -5px #0006}@keyframes fallDiagonal{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.mockup-3d-container{display:flex;justify-content:center;align-items:center;height:380px;position:relative;perspective:1200px;margin-bottom:1rem}@media(min-width:768px){.mockup-3d-container{height:550px;margin-bottom:0}}.mockup-3d-wrapper{position:relative;width:180px;height:310px;transform-style:preserve-3d;transform:perspective(1200px) rotateY(12deg) rotateX(4deg) rotate(-3deg);transition:transform .5s ease}@media(min-width:768px){.mockup-3d-wrapper{width:270px;height:460px}}.mockup-3d-wrapper-inverted{position:relative;width:180px;height:310px;transform-style:preserve-3d;transform:perspective(1200px) rotateY(-12deg) rotateX(4deg) rotate(3deg);transition:transform .5s ease}@media(min-width:768px){.mockup-3d-wrapper-inverted{width:270px;height:460px}}.mockup-img{position:absolute;top:0;left:0;width:100%;height:auto;border-radius:12px;box-shadow:8px 12px 20px #0003;border:1px solid var(--color-card-border);transition:all .6s cubic-bezier(.25,.8,.25,1);opacity:.95;filter:brightness(.85)}@media(min-width:768px){.mockup-img{border-radius:16px;box-shadow:10px 15px 30px #0000004d}}.mockup-3d-wrapper .mockup-img:nth-child(1){transform:translateZ(0) translate(0) translateY(0);z-index:4}.mockup-3d-wrapper .mockup-img:nth-child(2){transform:translateZ(-10px) translate(-10px) translateY(-3px);z-index:3}.mockup-3d-wrapper .mockup-img:nth-child(3){transform:translateZ(-20px) translate(-20px) translateY(-6px);z-index:2}.mockup-3d-wrapper .mockup-img:nth-child(4){transform:translateZ(-30px) translate(-30px) translateY(-9px);z-index:1}.mockup-3d-wrapper .mockup-img.active{opacity:1;filter:brightness(1);transform:translateZ(30px) translate(10px) translateY(3px)!important;z-index:10!important;box-shadow:10px 15px 25px #0ea5e959;border-color:var(--color-primary)}@media(min-width:768px){.mockup-3d-wrapper .mockup-img:nth-child(1){transform:translateZ(0) translate(0) translateY(0)}.mockup-3d-wrapper .mockup-img:nth-child(2){transform:translateZ(-15px) translate(-15px) translateY(-5px)}.mockup-3d-wrapper .mockup-img:nth-child(3){transform:translateZ(-30px) translate(-30px) translateY(-10px)}.mockup-3d-wrapper .mockup-img:nth-child(4){transform:translateZ(-45px) translate(-45px) translateY(-15px)}.mockup-3d-wrapper .mockup-img.active{transform:translateZ(40px) translate(15px) translateY(5px)!important;box-shadow:15px 25px 45px #0ea5e959}}.mockup-3d-wrapper-inverted .mockup-img:nth-child(1){transform:translateZ(0) translate(0) translateY(0);z-index:4}.mockup-3d-wrapper-inverted .mockup-img:nth-child(2){transform:translateZ(-10px) translate(10px) translateY(-3px);z-index:3}.mockup-3d-wrapper-inverted .mockup-img:nth-child(3){transform:translateZ(-20px) translate(20px) translateY(-6px);z-index:2}.mockup-3d-wrapper-inverted .mockup-img:nth-child(4){transform:translateZ(-30px) translate(30px) translateY(-9px);z-index:1}.mockup-3d-wrapper-inverted .mockup-img.active{opacity:1;filter:brightness(1);transform:translateZ(30px) translate(-10px) translateY(3px)!important;z-index:10!important;box-shadow:-10px 15px 25px #0ea5e959;border-color:var(--color-primary)}@media(min-width:768px){.mockup-3d-wrapper-inverted .mockup-img:nth-child(1){transform:translateZ(0) translate(0) translateY(0)}.mockup-3d-wrapper-inverted .mockup-img:nth-child(2){transform:translateZ(-15px) translate(15px) translateY(-5px)}.mockup-3d-wrapper-inverted .mockup-img:nth-child(3){transform:translateZ(-30px) translate(30px) translateY(-10px)}.mockup-3d-wrapper-inverted .mockup-img:nth-child(4){transform:translateZ(-45px) translate(45px) translateY(-15px)}.mockup-3d-wrapper-inverted .mockup-img.active{transform:translateZ(40px) translate(-15px) translateY(5px)!important;box-shadow:-15px 25px 45px #0ea5e959}}.features-list{display:flex;flex-direction:column;gap:1rem}.feature-item{display:flex;gap:1.25rem;padding:1.25rem;border-radius:16px;border:1px solid transparent;cursor:pointer;transition:all .3s ease;background-color:transparent;text-align:left}.feature-item:hover,.feature-item.active{background-color:var(--color-card-bg);border-color:var(--color-card-border);box-shadow:0 4px 20px -2px #0000000d}.feature-item.active{border-left:4px solid var(--color-primary)}.feature-num{font-size:1.75rem;font-weight:700;color:var(--color-card-border);line-height:1;transition:color .3s}.feature-item.active .feature-num{color:var(--color-primary)}.feature-content h3{font-size:1.15rem;margin-bottom:.25rem;transition:color .3s;font-weight:600;letter-spacing:-.02em}.feature-item.active .feature-content h3{color:var(--color-primary)}.feature-content p{font-size:.9rem;line-height:1.4;color:var(--color-text-secondary)}.flat-mockup-laptop{position:relative;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:8px;box-shadow:0 25px 60px -15px #0009;overflow:hidden;width:100%;max-width:680px;margin:0 auto;transition:transform .5s cubic-bezier(.16,1,.3,1)}.flat-mockup-header{height:28px;background:#94a3b81a;border-bottom:1px solid var(--color-card-border);display:flex;align-items:center;padding:0 12px;gap:6px}.flat-mockup-dot{width:6px;height:6px;border-radius:50%}.flat-mockup-dot:nth-child(1){background:#ea580c;opacity:.7}.flat-mockup-dot:nth-child(2){background:#ca8a04;opacity:.7}.flat-mockup-dot:nth-child(3){background:#16a34a;opacity:.7}.flat-mockup-address{margin-left:20px;font-size:.65rem;color:var(--color-text-secondary);font-family:var(--font-family-sans);background:#94a3b80f;padding:2px 20px;border-radius:4px;border:1px solid rgba(148,163,184,.12);letter-spacing:.05em}.flat-mockup-content{position:relative;padding:0;display:block;background:var(--color-bg)}.flat-mockup-content img{width:100%;height:auto;display:block;filter:contrast(1.01) brightness(.92);transition:opacity .5s ease}.flat-mockup-phone{position:absolute;bottom:-30px;right:-15px;width:180px;background:var(--color-card-bg);border:4px solid var(--color-card-border);border-radius:18px;box-shadow:0 20px 45px #000000b3;overflow:hidden;z-index:20;display:none}@media(min-width:1024px){.flat-mockup-phone{display:block}}.flat-mockup-phone img{width:100%;height:auto;display:block;filter:brightness(.95)}.faq-grid{max-width:800px;margin:2rem auto 0;display:flex;flex-direction:column;gap:1rem}.faq-item{background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:6px;overflow:hidden;transition:border-color .3s ease}.faq-question{width:100%;padding:1.5rem;background:none;border:none;text-align:left;font-family:var(--font-family-serif);font-size:1.35rem;color:var(--color-text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:color .3s ease}.faq-question:hover{color:var(--color-primary)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(0,1,0,1),padding .3s ease;padding:0 1.5rem}.faq-answer p{padding-bottom:1.5rem;font-size:.95rem;line-height:1.5;color:var(--color-text-secondary)}.faq-item.active{border-color:var(--color-primary)}.faq-item.active .faq-answer{max-height:1000px;transition:max-height 1s cubic-bezier(1,0,1,0)}.faq-icon{transition:transform .3s ease;color:var(--color-primary)}.faq-item.active .faq-icon{transform:rotate(180deg)}.testimonials-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}@media(min-width:768px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:8px;padding:2.5rem 2rem;display:flex;flex-direction:column;justify-content:space-between}.testimonial-quote{font-family:var(--font-family-serif);font-size:1.25rem;line-height:1.4;font-style:italic;color:var(--color-text-primary);margin-bottom:2rem}.testimonial-author{display:flex;align-items:center;gap:1rem}.testimonial-author-avatar{width:44px;height:44px;border-radius:50%;background:var(--color-card-border);border:1px solid var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--color-primary);font-size:.9rem}.testimonial-author-name{font-family:var(--font-family-sans);font-weight:600;font-size:.9rem;color:var(--color-text-primary)}.testimonial-author-barber{font-size:.75rem;color:var(--color-text-secondary)}.flat-mockup-window-vertical{position:relative;width:280px;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:8px;box-shadow:0 25px 60px -15px #0009;overflow:hidden;margin:0 auto;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .3s ease;border-color:var(--color-accent-border);display:flex;flex-direction:column}.flat-mockup-window-vertical:hover{border-color:var(--color-primary)}.flat-mockup-window-header{height:28px;background:#94a3b81a;border-bottom:1px solid var(--color-card-border);display:flex;align-items:center;padding:0 12px;gap:6px;z-index:30;position:relative}.flat-mockup-window-dot{width:6px;height:6px;border-radius:50%}.flat-mockup-window-dot:nth-child(1){background:#ea580c;opacity:.7}.flat-mockup-window-dot:nth-child(2){background:#ca8a04;opacity:.7}.flat-mockup-window-dot:nth-child(3){background:#16a34a;opacity:.7}.flat-mockup-window-address{margin-left:12px;font-size:.6rem;color:var(--color-text-secondary);font-family:var(--font-family-sans);background:#94a3b80f;padding:2px 12px;border-radius:4px;border:1px solid rgba(148,163,184,.12);letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.flat-mockup-window-content{position:relative;width:100%;aspect-ratio:473 / 1024;background:var(--color-bg)}.flat-mockup-window-content img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.92) contrast(1.02);transition:opacity .5s ease}.flat-mockup-window-vertical.overlay-window{position:absolute;bottom:20px;right:20px;width:230px;border-radius:8px;z-index:10;box-shadow:0 20px 45px #000c}.flat-mockup-window-vertical.overlay-window .flat-mockup-window-header{height:22px;padding:0 8px;gap:4px}.flat-mockup-window-vertical.overlay-window .flat-mockup-window-dot{width:5px;height:5px}.flat-mockup-window-vertical.overlay-window .flat-mockup-window-address{margin-left:8px;font-size:.55rem;padding:0 8px;max-width:90px}.mockup-flat-holder{display:flex;justify-content:center;align-items:center;position:relative;padding:1rem 0}@media(max-width:768px){.flat-mockup-window-vertical{width:220px}.flat-mockup-window-vertical.overlay-window{display:none}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-card-border);border-radius:5px;border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.mobile-nav-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0;z-index:110;position:relative}.mobile-nav-toggle span{display:block;width:100%;height:2px;background-color:var(--color-text-primary);border-radius:2px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease,background-color .3s}.mobile-nav-toggle.open span{background-color:var(--color-text-primary)}.mobile-nav-toggle.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-nav-toggle.open span:nth-child(2){opacity:0}.mobile-nav-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-drawer{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background-color:#0a0b10e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--color-card-border);box-shadow:-10px 0 30px #00000080;z-index:105;display:flex;flex-direction:column;padding:7rem 2rem 2rem;transition:right .4s cubic-bezier(.16,1,.3,1)}[data-color-mode=light] .mobile-drawer{background-color:#ffffffe6;box-shadow:-10px 0 30px #0000000d}.mobile-drawer.open{right:0}.mobile-drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:101;opacity:0;pointer-events:none;transition:opacity .4s ease}.mobile-drawer-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer-nav{display:flex;flex-direction:column;gap:1.5rem;font-weight:600;font-size:1.1rem;font-family:var(--font-family-sans)}.mobile-drawer-nav a{color:var(--color-text-primary);transition:color .3s;padding:.5rem 0;border-bottom:1px solid rgba(148,163,184,.08)}.mobile-drawer-nav a:hover{color:var(--color-primary)}header.sticky-header{position:fixed!important;top:0;left:0;right:0;background-color:transparent;border-bottom:1px solid transparent;transition:background-color .4s,border-bottom-color .4s,backdrop-filter .4s,padding .4s;z-index:100;padding-top:1.5rem;padding-bottom:1.5rem}header.sticky-header.header-scrolled{background-color:#0a0b10bf;border-bottom-color:var(--color-card-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding-top:1rem!important;padding-bottom:1rem!important;box-shadow:0 4px 20px #00000026}[data-color-mode=light] header.sticky-header.header-scrolled{background-color:#f8fafcbf;box-shadow:0 4px 20px #00000005}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%}@media(max-width:768px){.mobile-nav-toggle{display:flex}header.sticky-header{padding-top:1rem!important;padding-bottom:1rem!important}}body,.card,p,span,a,h1,h2,h3,h4,h5,h6,button,div{transition-property:background-color,border-color,color,box-shadow,transform;transition-duration:.3s;transition-timing-function:ease}.btn{position:relative;overflow:hidden;z-index:1}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:.6s;z-index:-1}.btn-primary:hover:after{left:100%;transition:.6s ease-in-out}.theme-switch-btn{transition:background-color .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1)}.theme-switch-thumb{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.theme-switch-icon svg{transition:transform .4s cubic-bezier(.16,1,.3,1)}[data-color-mode=light] .sun-icon svg{transform:rotate(360deg)}[data-color-mode=dark] .moon-icon svg{transform:rotate(-360deg)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:24px;height:40px;border:2px solid var(--color-text-secondary);border-radius:12px;display:flex;justify-content:center;padding-top:6px;opacity:.6;transition:opacity .4s ease;z-index:10;pointer-events:none}@media(max-width:768px){.scroll-indicator{display:none}}.scroll-dot{width:4px;height:8px;background-color:var(--color-primary);border-radius:2px;animation:scrollAnim 1.8s infinite}@keyframes scrollAnim{0%{transform:translateY(0);opacity:1}50%{transform:translateY(6px);opacity:.4}to{transform:translateY(0);opacity:1}}.desktop-nav{display:none;gap:2rem;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-family-sans)}.desktop-nav a{transition:color .3s;color:var(--color-text-secondary)}.desktop-nav a:hover{color:var(--color-primary)}@media(min-width:768px){.desktop-nav{display:flex}}