:root{--light-bg: #F7F3E8;--light-text: #222222;--light-secondary: #666666;--light-divider: #E0D8C8;--light-accent: #1E3A8A;--sepia-bg: #F2E3C6;--sepia-text: #3A2F23;--sepia-secondary: #7A6850;--sepia-divider: #E0CFB2;--sepia-accent: #1E3A8A;--dark-bg: #080808;--dark-text: #F5F5F1;--dark-secondary: #A0A09A;--dark-divider: #2A2A28;--dark-accent: #4F7DF2;--library-light-bg: #F9F9F7;--library-light-card: #FFFFFF;--library-light-text: #222222;--library-light-secondary: #666666;--library-light-divider: #E2E2DD;--library-dark-bg: #050506;--library-dark-card: #101014;--library-dark-text: #F5F5F1;--library-dark-secondary: #A0A09A;--library-dark-divider: #26262A;--icon-light: #555555;--icon-dark: #D0D0CA;--disabled-light: #C2C2BC;--disabled-dark: #4A4A46;--brand-primary: #1E3A8A;--brand-primary-light: #E0E7FF}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Merriweather,Georgia,Times New Roman,serif;line-height:1.8;color:var(--light-text);background-color:var(--light-bg);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}body.theme-sepia{color:var(--sepia-text);background-color:var(--sepia-bg)}body.theme-dark{color:var(--dark-text);background-color:var(--dark-bg)}body.library-mode{background-color:var(--library-light-bg)}body.library-mode.theme-dark{background-color:var(--library-dark-bg)}nav{display:flex;justify-content:space-between;align-items:center;padding:24px 60px;background:var(--library-light-card);border-bottom:1px solid var(--light-divider);position:sticky;top:0;z-index:1000;transition:border-color .3s ease}body.theme-dark nav{background:var(--library-dark-card);border-bottom-color:var(--dark-divider)}.logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo img{height:40px;width:auto}.logo-text{font-size:18px;font-weight:700;color:var(--brand-primary);letter-spacing:-.5px}.nav-links{display:flex;list-style:none;gap:40px}.nav-links a{text-decoration:none;color:var(--light-secondary);font-weight:500;font-size:14px;transition:color .3s ease;letter-spacing:.3px}body.theme-dark .nav-links a{color:var(--dark-secondary)}.nav-links a:hover{color:var(--brand-primary)}.theme-selector{display:flex;gap:8px;align-items:center}.theme-btn{width:32px;height:32px;border-radius:4px;border:2px solid transparent;background:var(--library-light-bg);cursor:pointer;font-size:16px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}body.theme-dark .theme-btn{background:var(--library-dark-bg)}.theme-btn.active{border-color:var(--brand-primary);background:var(--brand-primary-light)}.nav-cta{background:var(--brand-primary);color:#fff;padding:11px 28px;border-radius:4px;text-decoration:none;font-weight:600;font-size:13px;transition:all .3s ease;cursor:pointer;border:none;letter-spacing:.3px}.nav-cta:hover{background:#162765;transform:translateY(-1px)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:120px 60px;background:linear-gradient(135deg,var(--light-bg) 0%,rgba(255,255,255,.5) 100%);align-items:center;min-height:700px;transition:background .3s ease}body.theme-sepia .hero{background:linear-gradient(135deg,var(--sepia-bg) 0%,rgba(255,255,255,.3) 100%)}body.theme-dark .hero{background:linear-gradient(135deg,var(--dark-bg) 0%,rgba(79,125,242,.03) 100%)}.hero-content h1{font-size:52px;color:var(--brand-primary);margin-bottom:28px;line-height:1.3;font-weight:700;letter-spacing:-1px}body.theme-dark .hero-content h1{color:var(--dark-accent)}.hero-content p{font-size:17px;color:var(--light-secondary);margin-bottom:40px;line-height:1.8;max-width:520px}body.theme-sepia .hero-content p{color:var(--sepia-secondary)}body.theme-dark .hero-content p{color:var(--dark-secondary)}.hero-cta{display:flex;gap:16px;margin-bottom:60px;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:14px 36px;border:none;border-radius:4px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;letter-spacing:.3px;font-family:inherit}.btn-primary{background:var(--brand-primary);color:#fff}.btn-primary:hover{background:#162765;transform:translateY(-2px);box-shadow:0 6px 16px #1e3a8a40}body.theme-dark .btn-primary{background:var(--dark-accent)}body.theme-dark .btn-primary:hover{background:#6b94ff}.btn-secondary{background:transparent;color:var(--light-text);border:2px solid var(--light-divider)}body.theme-sepia .btn-secondary{color:var(--sepia-text);border-color:var(--sepia-divider)}body.theme-dark .btn-secondary{color:var(--dark-text);border-color:var(--dark-divider)}.btn-secondary:hover{background:var(--light-divider);transform:translateY(-2px)}body.theme-dark .btn-secondary:hover{background:var(--dark-divider)}.hero-features{display:flex;gap:40px;flex-wrap:wrap;margin-top:60px}.hero-feature{display:flex;align-items:center;gap:14px}.hero-feature-icon{font-size:28px;color:var(--brand-primary)}body.theme-dark .hero-feature-icon{color:var(--dark-accent)}.hero-feature-text{font-size:13px;color:var(--light-secondary);font-weight:500;letter-spacing:.2px}body.theme-sepia .hero-feature-text{color:var(--sepia-secondary)}body.theme-dark .hero-feature-text{color:var(--dark-secondary)}.hero-image{display:flex;justify-content:center;align-items:center}.phone-mockup{width:280px;height:560px;background:var(--light-bg);border-radius:40px;padding:12px;box-shadow:0 30px 60px #00000026;border:8px solid var(--brand-primary);overflow:hidden;animation:float 3.5s ease-in-out infinite;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease}body.theme-sepia .phone-mockup{background:var(--sepia-bg);border-color:var(--brand-primary)}body.theme-dark .phone-mockup{background:var(--dark-bg);border-color:var(--dark-accent);box-shadow:0 30px 60px #4f7df226}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-25px)}}.phone-mockup img{width:100%;height:100%;object-fit:cover;border-radius:32px}.features{padding:120px 60px;background:var(--library-light-card);transition:background .3s ease}body.theme-dark .features{background:var(--library-dark-card)}.section-title{text-align:center;font-size:40px;color:var(--light-text);margin-bottom:16px;font-weight:700;letter-spacing:-.5px}body.theme-sepia .section-title{color:var(--sepia-text)}body.theme-dark .section-title{color:var(--dark-text)}.section-subtitle{text-align:center;font-size:16px;color:var(--light-secondary);margin-bottom:70px;letter-spacing:.2px}body.theme-sepia .section-subtitle{color:var(--sepia-secondary)}body.theme-dark .section-subtitle{color:var(--dark-secondary)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.feature-card{text-align:center;padding:45px 35px;background:var(--light-bg);border-radius:6px;transition:all .3s ease;border:1px solid var(--light-divider)}body.theme-sepia .feature-card{background:var(--sepia-bg);border-color:var(--sepia-divider)}body.theme-dark .feature-card{background:var(--dark-bg);border-color:var(--dark-divider)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 28px #00000014}body.theme-dark .feature-card:hover{box-shadow:0 12px 28px #4f7df214}.feature-icon{font-size:48px;margin-bottom:24px;color:var(--brand-primary)}body.theme-dark .feature-icon{color:var(--dark-accent)}.feature-card h3{font-size:20px;color:var(--light-text);margin-bottom:16px;font-weight:700;letter-spacing:-.3px}body.theme-sepia .feature-card h3{color:var(--sepia-text)}body.theme-dark .feature-card h3{color:var(--dark-text)}.feature-card p{color:var(--light-secondary);font-size:15px;line-height:1.7;letter-spacing:.2px}body.theme-sepia .feature-card p{color:var(--sepia-secondary)}body.theme-dark .feature-card p{color:var(--dark-secondary)}.how-it-works{padding:120px 60px;background:var(--light-bg);transition:background .3s ease}body.theme-sepia .how-it-works{background:var(--sepia-bg)}body.theme-dark .how-it-works{background:var(--dark-bg)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:70px}.step{background:var(--library-light-card);padding:40px 32px;border-radius:6px;text-align:center;border:1px solid var(--light-divider);transition:all .3s ease}body.theme-dark .step{background:var(--library-dark-card);border-color:var(--dark-divider)}.step:hover{transform:translateY(-6px);box-shadow:0 10px 24px #00000014}body.theme-dark .step:hover{box-shadow:0 10px 24px #4f7df214}.step-number{background:var(--brand-primary);color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;margin:0 auto 24px;transition:all .3s ease}body.theme-dark .step-number{background:var(--dark-accent)}.step:hover .step-number{background:#162765;transform:scale(1.1)}body.theme-dark .step:hover .step-number{background:#6b94ff}.step h4{color:var(--light-text);margin-bottom:14px;font-size:17px;font-weight:700;letter-spacing:-.3px}body.theme-sepia .step h4{color:var(--sepia-text)}body.theme-dark .step h4{color:var(--dark-text)}.step p{color:var(--light-secondary);font-size:14px;line-height:1.7;letter-spacing:.2px}body.theme-sepia .step p{color:var(--sepia-secondary)}body.theme-dark .step p{color:var(--dark-secondary)}.social-proof{padding:120px 60px;background:var(--library-light-card);text-align:center;transition:background .3s ease}body.theme-dark .social-proof{background:var(--library-dark-card)}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:70px}.proof-card{padding:45px;background:var(--light-bg);border-radius:6px;border:1px solid var(--light-divider);transition:all .3s ease}body.theme-sepia .proof-card{background:var(--sepia-bg);border-color:var(--sepia-divider)}body.theme-dark .proof-card{background:var(--dark-bg);border-color:var(--dark-divider)}.proof-number{font-size:44px;color:var(--brand-primary);font-weight:800;margin-bottom:14px;letter-spacing:-1px}body.theme-dark .proof-number{color:var(--dark-accent)}.proof-text{color:var(--light-text);font-size:17px;font-weight:700;margin-bottom:10px;letter-spacing:-.3px}body.theme-sepia .proof-text{color:var(--sepia-text)}body.theme-dark .proof-text{color:var(--dark-text)}.proof-subtext{color:var(--light-secondary);font-size:13px;letter-spacing:.2px}body.theme-sepia .proof-subtext{color:var(--sepia-secondary)}body.theme-dark .proof-subtext{color:var(--dark-secondary)}.final-cta{padding:120px 60px;background:var(--light-bg);text-align:center;transition:background .3s ease}body.theme-sepia .final-cta{background:var(--sepia-bg)}body.theme-dark .final-cta{background:var(--dark-bg)}.final-cta h2{font-size:40px;color:var(--light-text);margin-bottom:20px;font-weight:700;letter-spacing:-.5px}body.theme-sepia .final-cta h2{color:var(--sepia-text)}body.theme-dark .final-cta h2{color:var(--dark-text)}.final-cta p{font-size:17px;color:var(--light-secondary);margin-bottom:55px;letter-spacing:.2px}body.theme-sepia .final-cta p{color:var(--sepia-secondary)}body.theme-dark .final-cta p{color:var(--dark-secondary)}.cta-buttons{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.btn-large{padding:16px 48px;font-size:15px;font-weight:600;border-radius:4px;text-decoration:none;cursor:pointer;border:none;transition:all .3s ease;letter-spacing:.3px;font-family:inherit}.btn-large-primary{background:var(--brand-primary);color:#fff}body.theme-dark .btn-large-primary{background:var(--dark-accent)}.btn-large-primary:hover{background:#162765;transform:translateY(-2px);box-shadow:0 8px 18px #1e3a8a40}body.theme-dark .btn-large-primary:hover{background:#6b94ff;box-shadow:0 8px 18px #4f7df240}.btn-large-secondary{background:transparent;color:var(--light-text);border:2px solid var(--light-divider)}body.theme-sepia .btn-large-secondary{color:var(--sepia-text);border-color:var(--sepia-divider)}body.theme-dark .btn-large-secondary{color:var(--dark-text);border-color:var(--dark-divider)}.btn-large-secondary:hover{background:var(--light-divider);transform:translateY(-2px)}body.theme-dark .btn-large-secondary:hover{background:var(--dark-divider)}footer{background:var(--brand-primary);color:#fff;padding:70px 60px;text-align:center;transition:background .3s ease}body.theme-dark footer{background:#0a1929}footer p{margin:10px 0;font-size:13px;letter-spacing:.2px}.footer-links{display:flex;justify-content:center;gap:32px;margin:28px 0;flex-wrap:wrap}.footer-links a{color:#fffc;text-decoration:none;font-size:13px;transition:color .3s ease;letter-spacing:.2px}.footer-links a:hover{color:#fff}.footer-contact{margin-top:20px;font-size:14px;letter-spacing:.2px}.footer-contact a{color:#fff;text-decoration:none;transition:opacity .3s ease}.footer-contact a:hover{opacity:.9}.dropdown{position:relative;display:inline-block}.dropdown-toggle{cursor:pointer;display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--light-secondary);font-weight:500;font-size:14px;transition:color .3s ease;letter-spacing:.3px;background:none;border:none;padding:0}body.theme-dark .dropdown-toggle{color:var(--dark-secondary)}.dropdown-toggle:hover{color:var(--brand-primary)}.dropdown-content{display:none;position:absolute;background:var(--library-light-card);min-width:200px;box-shadow:0 8px 16px #0000001a;padding:10px 0;z-index:1;border-radius:4px;top:100%;left:0;margin-top:8px;border:1px solid var(--light-divider)}body.theme-dark .dropdown-content{background:var(--library-dark-card);border-color:var(--dark-divider);box-shadow:0 8px 16px #0000004d}.dropdown-content a{color:var(--light-text);padding:12px 20px;text-decoration:none;display:block;transition:background .3s ease;font-size:13px;letter-spacing:.2px}body.theme-dark .dropdown-content a{color:var(--dark-text)}.dropdown-content a:hover{background:var(--light-bg);color:var(--brand-primary)}body.theme-dark .dropdown-content a:hover{background:var(--dark-bg);color:var(--dark-accent)}.dropdown:hover .dropdown-content{display:block}@media(max-width:768px){.hero{grid-template-columns:1fr;padding:60px 24px;gap:50px}.hero-content h1{font-size:36px}.features-grid,.proof-grid{grid-template-columns:1fr;gap:32px}.steps-grid{grid-template-columns:repeat(2,1fr);gap:24px}nav{padding:18px 24px;flex-wrap:wrap}.nav-links{gap:20px;width:100%;justify-content:center;order:3}.section-title{font-size:32px}.features,.how-it-works,.final-cta,.social-proof{padding:70px 24px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--light-bg)}body.theme-dark ::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--light-secondary);border-radius:5px}body.theme-dark ::-webkit-scrollbar-thumb{background:var(--dark-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--brand-primary)}