:root{--color-bg:#0a0a0a;--color-surface:#141414;--color-surface-raised:#1e1e1e;--color-accent:#ff4f4f;--color-accent-soft:#ff4f4f1f;--color-keep:#30d158;--color-text-primary:#fff;--color-text-secondary:#ffffff80;--color-text-tertiary:#ffffff40;--color-separator:#ffffff0f;--color-nav-bg:#0a0a0acc;--color-nav-mobile-bg:#0a0a0afa;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-pill:50px;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif}[data-theme=light]{--color-bg:#fafafa;--color-surface:#f0f0f0;--color-surface-raised:#fff;--color-accent:#e83e3e;--color-accent-soft:#e83e3e14;--color-keep:#2db14e;--color-text-primary:#1a1a1a;--color-text-secondary:#0000008c;--color-text-tertiary:#00000059;--color-separator:#00000014;--color-nav-bg:#fafafacc;--color-nav-mobile-bg:#fafafafa}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.15}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}.animate-on-scroll{opacity:0;will-change:opacity, transform;transition:opacity .6s,transform .6s;transform:translateY(24px)}.animate-on-scroll.in-view{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUpMobile{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-animate{opacity:0;will-change:opacity, transform;animation:.7s forwards fadeInUp}.hero-animate-1{animation-delay:.1s}.hero-animate-2{animation-delay:.2s}.hero-animate-3{animation-delay:.3s}.hero-animate-4{animation-delay:.4s}.hero-animate-5{animation-delay:.5s}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.35)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes popIn{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}@media (width<=768px){.animate-on-scroll{transform:translateY(16px)}.hero-animate{animation-name:fadeInUpMobile;animation-duration:.5s}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-on-scroll{opacity:1;transform:none}.hero-animate{opacity:1;animation:none}html{scroll-behavior:auto}}.nav{z-index:100;background:var(--color-nav-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-separator);position:fixed;top:0;left:0;right:0}.nav-inner{align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{font-family:var(--font-display);color:var(--color-text-primary);align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;transition:transform .2s;display:flex}.nav-logo:hover{transform:scale(1.03)}.nav-logo:active{transform:scale(.97)}.nav-logo img{border-radius:var(--radius-sm);transition:transform .3s}.nav-logo:hover img{transform:rotate(-6deg)}.nav-links-desktop{align-items:center;gap:8px;margin-left:auto;display:flex}.nav-link{color:var(--color-text-secondary);border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s,background .2s,transform .15s}.nav-link:hover{color:var(--color-text-primary);background:var(--color-separator);transform:translateY(-1px)}.nav-link:active{transform:translateY(.5px)}.nav-link.active{color:var(--color-text-primary)}.nav-badge{margin-left:8px}.nav-badge svg{width:120px;height:40px}.theme-toggle{cursor:pointer;background:var(--color-accent);border:none;border-radius:14px;flex-shrink:0;width:46px;height:28px;margin-left:12px;padding:0;transition:background .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}[data-theme=light] .theme-toggle{background:#0003}.theme-toggle:before{content:"";background:#ffffff1a;border-radius:14px;transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}[data-theme=light] .theme-toggle:before{transform:translate(100%)}.theme-toggle-knob{z-index:1;background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;transform:translate(18px)}[data-theme=light] .theme-toggle-knob{transform:translate(0)}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;margin-left:12px;padding:0;display:none}.nav-hamburger span{background:var(--color-text-primary);border-radius:2px;width:22px;height:2px;transition:transform .3s,opacity .3s;display:block}.nav-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-mobile-overlay{display:none}.theme-swipe{z-index:9999;pointer-events:none;background:var(--color-accent);position:fixed;inset:0;transform:translate(101%)}.theme-swipe.swipe-left{animation:.6s cubic-bezier(.4,0,.2,1) forwards themeSwipeLeft}.theme-swipe.swipe-right{animation:.6s cubic-bezier(.4,0,.2,1) forwards themeSwipeRight}@keyframes themeSwipeLeft{0%{transform:translate(101%)}40%{transform:translate(0)}60%{transform:translate(0)}to{transform:translate(-101%)}}@keyframes themeSwipeRight{0%{transform:translate(-101%)}40%{transform:translate(0)}60%{transform:translate(0)}to{transform:translate(101%)}}@media (width<=768px){.nav-hamburger{display:flex}.nav-links-desktop{display:none}.theme-toggle{margin-left:auto}.nav-mobile-overlay{z-index:99;background:var(--color-nav-mobile-bg);opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .3s;display:flex;position:fixed;inset:0}.nav-mobile-overlay.open{opacity:1;pointer-events:all}.nav-mobile-overlay .nav-link{opacity:0;padding:12px 24px;font-size:24px;transition:opacity .35s,transform .35s,color .2s,background .2s;transform:translateY(20px)}.nav-mobile-overlay.open .nav-link{opacity:1;transform:translateY(0)}.nav-mobile-overlay.open .nav-link:first-child{transition-delay:80ms}.nav-mobile-overlay.open .nav-link:nth-child(2){transition-delay:.15s}.nav-mobile-overlay.open .nav-link:nth-child(3){transition-delay:.22s}.nav-mobile-overlay .nav-link:active{transform:scale(.95)}.nav-mobile-overlay .nav-badge{opacity:0;margin-top:16px;margin-left:0;transition:opacity .35s,transform .35s;transform:translateY(20px)}.nav-mobile-overlay.open .nav-badge{opacity:1;transition-delay:.29s;transform:translateY(0)}.nav-mobile-overlay .nav-badge svg{width:150px;height:50px}}.footer{border-top:1px solid var(--color-separator);background:var(--color-surface);margin-top:auto}.footer-inner{max-width:1200px;margin:0 auto;padding:60px 24px 0}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:48px;padding-bottom:40px;display:grid}.footer-logo{font-family:var(--font-display);align-items:center;gap:10px;margin-bottom:12px;font-size:20px;font-weight:700;display:flex}.footer-logo img{border-radius:var(--radius-sm)}.footer-tagline{color:var(--color-text-secondary);font-size:14px}.footer-heading{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:16px;font-size:13px;font-weight:600}.footer-links{flex-direction:column;gap:10px;display:flex}.footer-links a{color:var(--color-text-secondary);font-size:14px;transition:color .2s,transform .2s,padding-left .2s}.footer-links a:hover{color:var(--color-text-primary);padding-left:6px}.footer-download svg{width:135px;height:45px}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:32px}.footer-inner{padding:40px 24px 0}}.main{flex:1;padding-top:64px}.phone-mockup{will-change:transform;animation:6s ease-in-out infinite phoneFloat;position:relative}@keyframes phoneFloat{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-6px)rotate(.5deg)}50%{transform:translateY(-12px)rotate(0)}75%{transform:translateY(-6px)rotate(-.5deg)}}@keyframes phoneFloatMobile{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.phone-frame{background:#1c1c1e;border:3px solid #333;border-radius:44px;width:280px;height:570px;padding:12px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d,0 25px 60px #00000080}.phone-notch{z-index:10;background:#1c1c1e;border-radius:0 0 18px 18px;width:100px;height:28px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--color-bg);border-radius:36px;width:100%;height:100%;position:relative;overflow:hidden}@media (width<=768px){.phone-mockup{animation-name:phoneFloatMobile;animation-duration:5s}.phone-frame{border-radius:38px;width:240px;height:490px}.phone-screen{border-radius:30px}}.swipe-demo{flex-direction:column;align-items:center;width:100%;height:100%;padding:16px 16px 20px;display:flex;position:relative}.swipe-stack{flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.swipe-card{border-radius:16px;width:200px;height:280px;position:absolute;overflow:hidden;box-shadow:0 8px 32px #0000004d}.swipe-card-img{object-fit:cover;width:100%;height:100%}.swipe-card-3{opacity:.4;z-index:1;transform:scale(.88)translateY(8px)}.swipe-card-2{opacity:.65;z-index:2;transform:scale(.94)translateY(4px)}.swipe-card-1{z-index:3;will-change:transform, opacity;animation:8s ease-in-out infinite swipeCards}.swipe-indicator{opacity:0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:16px}.swipe-keep{background:var(--color-keep);color:#fff;animation:8s ease-in-out infinite showKeep;right:16px}.swipe-delete{background:var(--color-accent);color:#fff;animation:8s ease-in-out infinite showDelete;left:16px}.swipe-actions{justify-content:center;align-items:center;gap:48px;padding-top:16px;display:flex}.swipe-action-btn{cursor:default;pointer-events:none;background:0 0;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.swipe-action-delete{border-color:var(--color-accent);color:var(--color-accent);animation:8s ease-in-out infinite pulseDelete}.swipe-action-keep{border-color:var(--color-keep);color:var(--color-keep);animation:8s ease-in-out infinite pulseKeep}@keyframes swipeCards{0%,10%{opacity:1;transform:translate(0)rotate(0)}15%,20%{opacity:1;transform:translate(120px)rotate(12deg)}25%{opacity:0;transform:translate(200px)rotate(15deg)}26%{opacity:0;transform:translate(0)rotate(0)}30%{opacity:1;transform:translate(0)rotate(0)}50%,60%{opacity:1;transform:translate(0)rotate(0)}65%,70%{opacity:1;transform:translate(-120px)rotate(-12deg)}75%{opacity:0;transform:translate(-200px)rotate(-15deg)}76%{opacity:0;transform:translate(0)rotate(0)}80%{opacity:1;transform:translate(0)rotate(0)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes showKeep{0%,10%{opacity:0}15%,20%{opacity:1}25%,to{opacity:0}}@keyframes showDelete{0%,50%,60%{opacity:0}65%,70%{opacity:1}75%,to{opacity:0}}@keyframes pulseKeep{0%,10%{transform:scale(1)}13%{transform:scale(1.15)}16%,to{transform:scale(1)}}@keyframes pulseDelete{0%,60%{transform:scale(1)}63%{transform:scale(1.15)}66%,to{transform:scale(1)}}@media (width<=768px){.swipe-card{border-radius:14px;width:170px;height:240px}.swipe-card-1{animation-name:swipeCardsMobile}.swipe-action-btn{width:46px;height:46px}.swipe-actions{gap:40px}}@keyframes swipeCardsMobile{0%,10%{opacity:1;transform:translate(0)rotate(0)}15%,20%{opacity:1;transform:translate(90px)rotate(10deg)}25%{opacity:0;transform:translate(150px)rotate(13deg)}26%{opacity:0;transform:translate(0)rotate(0)}30%{opacity:1;transform:translate(0)rotate(0)}50%,60%{opacity:1;transform:translate(0)rotate(0)}65%,70%{opacity:1;transform:translate(-90px)rotate(-10deg)}75%{opacity:0;transform:translate(-150px)rotate(-13deg)}76%{opacity:0;transform:translate(0)rotate(0)}80%{opacity:1;transform:translate(0)rotate(0)}to{opacity:1;transform:translate(0)rotate(0)}}.feature-card{background:var(--color-surface);border:1px solid var(--color-separator);border-radius:var(--radius-lg);padding:32px;transition:border-color .6s,transform .2s}@media (width<=768px){.feature-card:active{transition-duration:.1s;transform:scale(.98)}}.features-grid.in-view>.feature-card:first-child{animation:1s .2s forwards featureRevealBorder}.features-grid.in-view>.feature-card:nth-child(2){animation:1s .35s forwards featureRevealBorder}.features-grid.in-view>.feature-card:nth-child(3){animation:1s .5s forwards featureRevealBorder}.features-grid.in-view>.feature-card:nth-child(4){animation:1s .65s forwards featureRevealBorder}@keyframes featureRevealBorder{40%{border-color:var(--color-accent)}to{border-color:var(--color-separator)}}.feature-card-title{margin-bottom:8px;font-size:20px;font-weight:600}.feature-card-desc{color:var(--color-text-secondary);font-size:15px;line-height:1.6}.hero{justify-content:center;align-items:center;min-height:100vh;padding:80px 24px 40px;display:flex;position:relative;overflow:hidden}.hero-content{align-items:center;gap:60px;width:100%;max-width:1200px;display:flex}.hero-text{flex:0 0 55%}.hero-pill{background:var(--color-accent-soft);color:var(--color-accent);border-radius:var(--radius-pill);letter-spacing:.02em;padding:6px 18px;font-size:13px;font-weight:600;display:inline-block;position:relative;overflow:hidden}.hero-pill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:40%;height:100%;animation:3s ease-in-out 1s infinite shimmer;position:absolute;top:0;left:0}.hero-headline{letter-spacing:-.02em;margin-top:24px;font-size:56px;font-weight:800;line-height:1.08}.hero-sub{color:var(--color-text-secondary);max-width:480px;margin-top:20px;font-size:19px;line-height:1.6}.hero-actions{align-items:center;gap:20px;margin-top:32px;display:flex}.hero-ghost-btn{border:1px solid var(--color-separator);border-radius:var(--radius-pill);color:var(--color-text-secondary);padding:10px 24px;font-size:14px;font-weight:500;transition:border-color .2s,color .2s,transform .2s}.hero-ghost-btn:hover{border-color:var(--color-text-tertiary);color:var(--color-text-primary);transform:scale(1.04)}.hero-ghost-btn:active{transform:scale(.97)}.hero-pricing{color:var(--color-text-tertiary);margin-top:20px;font-size:14px}.hero-badge,.final-cta-badge{transition:transform .2s}.hero-badge:hover,.final-cta-badge:hover{transform:scale(1.05)}.hero-badge:active,.final-cta-badge:active{transform:scale(.97)}.hero-phone{flex:0 0 45%;justify-content:center;display:flex}@media (width<=900px){.hero{padding-top:100px}.hero-content{text-align:center;flex-direction:column-reverse}.hero-text{flex:none}.hero-headline{font-size:38px}.hero-sub{margin-left:auto;margin-right:auto;font-size:17px}.hero-actions{flex-wrap:wrap;justify-content:center}.hero-phone{flex:none}}.stats-bar{background:var(--color-surface);border-top:1px solid var(--color-separator);border-bottom:1px solid var(--color-separator)}.stats-inner{justify-content:center;gap:80px;max-width:1200px;margin:0 auto;padding:40px 24px;display:flex}.stat{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.stat-number{font-family:var(--font-display);color:var(--color-accent);font-size:32px;font-weight:700}.stat-label{color:var(--color-text-secondary);font-size:14px}@media (width<=768px){.stats-inner{flex-direction:column;gap:24px;padding:32px 24px}.stat-number{font-size:26px}}.section-inner{max-width:1200px;margin:0 auto;padding:100px 24px}.section-label{font-family:var(--font-display);letter-spacing:.1em;color:var(--color-text-tertiary);text-align:center;justify-content:center;align-items:center;gap:8px;margin-bottom:48px;font-size:13px;font-weight:600;display:flex}.label-dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px;animation:3s ease-in-out infinite pulse}.how-it-works{scroll-margin-top:80px}.steps{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step-card{background:var(--color-surface);border:1px solid var(--color-separator);border-radius:var(--radius-lg);text-align:center;opacity:0;padding:32px;transition:opacity .6s,transform .6s,border-color .3s;transform:translateY(24px)}.steps.in-view .step-card{opacity:1;transform:translateY(0)}.steps.in-view .step-card:first-child{transition-delay:.1s}.steps.in-view .step-card:nth-child(2){transition-delay:.2s}.steps.in-view .step-card:nth-child(3){transition-delay:.3s}.step-num{background:var(--color-accent-soft);width:32px;height:32px;color:var(--color-accent);font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:14px;font-weight:700;transition:none;display:inline-flex;transform:scale(0)}.steps.in-view .step-card:first-child .step-num{animation:.5s .3s forwards popIn}.steps.in-view .step-card:nth-child(2) .step-num{animation:.5s .4s forwards popIn}.steps.in-view .step-card:nth-child(3) .step-num{animation:.5s .5s forwards popIn}.step-icon{color:var(--color-text-tertiary);opacity:0;justify-content:center;margin-bottom:16px;transition:opacity .4s,transform .4s;display:flex;transform:translateY(8px)}.steps.in-view .step-card:first-child .step-icon{opacity:1;transition-delay:.45s;transform:translateY(0)}.steps.in-view .step-card:nth-child(2) .step-icon{opacity:1;transition-delay:.55s;transform:translateY(0)}.steps.in-view .step-card:nth-child(3) .step-icon{opacity:1;transition-delay:.65s;transform:translateY(0)}.step-card h3{margin-bottom:8px;font-size:20px;font-weight:600}.step-card p{color:var(--color-text-secondary);font-size:15px;line-height:1.6}@media (width<=768px){.steps{grid-template-columns:1fr}.step-card{transform:translateY(16px)}.step-card:active{transition-duration:.1s;transform:scale(.98)!important}}.features-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.features-grid>*{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.features-grid.in-view>*{opacity:1;transform:translateY(0)}.features-grid.in-view>:first-child{transition-delay:.1s}.features-grid.in-view>:nth-child(2){transition-delay:.2s}.features-grid.in-view>:nth-child(3){transition-delay:.3s}.features-grid.in-view>:nth-child(4){transition-delay:.4s}@media (width<=768px){.features-grid{grid-template-columns:1fr}.features-grid>*{transform:translateY(16px)}}.pricing{background:var(--color-surface);border-top:1px solid var(--color-separator);border-bottom:1px solid var(--color-separator)}.pricing-card{background:var(--color-surface-raised);border:1px solid var(--color-separator);border-radius:var(--radius-lg);text-align:center;opacity:0;max-width:440px;margin:0 auto;padding:40px;transition:opacity .6s,transform .6s;transform:translateY(24px)}.pricing-card.in-view{opacity:1;transform:translateY(0)}.pricing-badge{background:var(--color-accent-soft);color:var(--color-accent);border-radius:var(--radius-pill);letter-spacing:.08em;margin-bottom:20px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-block;position:relative;overflow:hidden}.pricing-badge:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:40%;height:100%;animation:3.5s ease-in-out .5s infinite shimmer;position:absolute;top:0;left:0}.pricing-title{margin-bottom:8px;font-size:36px;font-weight:800}.pricing-sub{color:var(--color-text-secondary);margin-bottom:32px;font-size:15px}.pricing-features{text-align:left;flex-direction:column;gap:14px;margin-bottom:32px;display:flex}.pricing-features li{color:var(--color-text-secondary);opacity:0;align-items:center;gap:12px;font-size:15px;transition:opacity .4s,transform .4s;display:flex;transform:translate(-12px)}.pricing-card.in-view .pricing-features li{opacity:1;transform:translate(0)}.pricing-card.in-view .pricing-features li:first-child{transition-delay:.15s}.pricing-card.in-view .pricing-features li:nth-child(2){transition-delay:.22s}.pricing-card.in-view .pricing-features li:nth-child(3){transition-delay:.29s}.pricing-card.in-view .pricing-features li:nth-child(4){transition-delay:.36s}.pricing-card.in-view .pricing-features li:nth-child(5){transition-delay:.43s}.pricing-card.in-view .pricing-features li:nth-child(6){transition-delay:.5s}.pricing-features li svg{flex-shrink:0}.pro-feature{position:relative}.pro-tag{background:var(--color-accent-soft);color:var(--color-accent);border-radius:var(--radius-pill);letter-spacing:.06em;margin-left:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.pricing-cta{background:var(--color-accent);color:#fff;border-radius:var(--radius-md);text-align:center;width:100%;padding:14px;font-size:16px;font-weight:600;transition:opacity .2s,transform .2s;display:inline-block}.pricing-cta:hover{opacity:.9;transform:translateY(-2px)}.pricing-cta:active{transform:translateY(0)scale(.98)}.pricing-note{color:var(--color-text-tertiary);margin-top:14px;font-size:13px}.final-cta{background:0 0;position:relative;overflow:hidden}.final-cta-inner{text-align:center;opacity:0;max-width:1200px;margin:0 auto;padding:100px 24px;transition:opacity .6s,transform .6s;transform:translateY(24px)}.final-cta-inner.in-view{opacity:1;transform:translateY(0)}.final-cta h2{margin-bottom:16px;font-size:44px;font-weight:800}.final-cta p{color:var(--color-text-secondary);margin-bottom:32px;font-size:18px}.final-cta-badge{display:inline-block}.final-cta-note{color:var(--color-text-tertiary);margin-top:16px;font-size:14px;display:block}@media (width<=768px){.final-cta h2{font-size:32px}.final-cta-inner,.pricing-card{transform:translateY(16px)}.section-inner{padding:60px 20px}}.legal-page{max-width:720px;margin:0 auto;padding:120px 24px 80px}.legal-page h1{margin-bottom:8px;font-size:40px;font-weight:800}.legal-updated{color:var(--color-text-tertiary);margin-bottom:48px;font-size:14px}.legal-page section{margin-bottom:36px}.legal-page h2{color:var(--color-text-primary);margin-bottom:12px;font-size:22px;font-weight:600}.legal-page p{color:var(--color-text-secondary);font-size:15px;line-height:1.8}.legal-page a{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline}.legal-page a:hover{opacity:.8}.legal-page ul{flex-direction:column;gap:8px;margin-top:12px;padding-left:0;display:flex}.legal-page li{color:var(--color-text-secondary);padding-left:20px;font-size:15px;line-height:1.8;position:relative}.legal-page li:before{content:"";background:var(--color-accent);border-radius:50%;width:6px;height:6px;position:absolute;top:11px;left:0}@media (width<=768px){.legal-page{padding:100px 20px 60px}.legal-page h1{font-size:32px}}.faq-item{border:1px solid var(--color-separator);border-radius:var(--radius-md);overflow:hidden}.faq-question{cursor:pointer;width:100%;font-family:var(--font-display);color:var(--color-text-primary);background:var(--color-surface);text-align:left;-webkit-user-select:none;user-select:none;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:17px;font-weight:600;transition:background .2s,padding-left .2s;display:flex}.faq-question:hover{background:var(--color-surface-raised);padding-left:28px}.faq-chevron{color:var(--color-text-tertiary);flex-shrink:0;transition:transform .3s}.faq-item.open .faq-chevron{color:var(--color-accent);transform:rotate(180deg)}.faq-answer-wrapper{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.faq-item.open .faq-answer-wrapper{grid-template-rows:1fr}.faq-answer{overflow:hidden}.faq-answer p{color:var(--color-text-secondary);opacity:0;padding:0 24px 20px;font-size:15px;line-height:1.7;transition:opacity .3s,transform .3s;transform:translateY(-8px)}.faq-item.open .faq-answer p{opacity:1;transform:translateY(0)}.support-page{padding-top:64px}.support-inner{max-width:720px;margin:0 auto;padding:60px 24px 80px}.support-page h1{margin-bottom:8px;font-size:40px;font-weight:800;animation:.6s forwards fadeInUp}.support-sub{color:var(--color-text-secondary);opacity:0;margin-bottom:48px;font-size:17px;animation:.6s .1s forwards fadeInUp}.support-contact{opacity:0;margin-bottom:60px;animation:.6s .2s forwards fadeInUp}.contact-card{background:var(--color-surface);border-radius:var(--radius-md);padding:28px 32px}.contact-card h2{margin-bottom:8px;font-size:20px;font-weight:600}.contact-card p{color:var(--color-text-secondary);font-size:15px;line-height:1.7}.contact-card a{color:var(--color-accent);text-decoration:none;position:relative}.contact-card a:after{content:"";background:var(--color-accent);width:0;height:1.5px;transition:width .3s;position:absolute;bottom:-1px;left:0}.contact-card a:hover:after{width:100%}.support-faq{opacity:0;animation:.6s .3s forwards fadeInUp}.support-faq h2{margin-bottom:24px;font-size:24px;font-weight:700}.faq-list{flex-direction:column;gap:12px;display:flex}.faq-list .faq-item{opacity:0;animation:.5s forwards fadeInUp}.faq-list .faq-item:first-child{animation-delay:.35s}.faq-list .faq-item:nth-child(2){animation-delay:.42s}.faq-list .faq-item:nth-child(3){animation-delay:.49s}.faq-list .faq-item:nth-child(4){animation-delay:.56s}.faq-list .faq-item:nth-child(5){animation-delay:.63s}.faq-list .faq-item:nth-child(6){animation-delay:.7s}@media (width<=768px){.support-inner{padding:40px 20px 60px}.support-page h1{font-size:32px}}
