:root{--brand-primary: #1E2B3C;--brand-accent: #C49A54;--brand-white: #FFFFFF;--brand-primary-hover: #141C28;--brand-accent-hover: #A88143;--bg-main: #FFFFFF;--bg-secondary: #F8FAFC;--border-light: #E2E8F0;--text-main: #1E2B3C;--text-muted: #64748B}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;color:var(--brand-primary);font-weight:700;line-height:1.2}p{margin-top:0;margin-bottom:1rem}a{color:var(--brand-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--brand-accent)}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;font-family:inherit}.btn-primary{background-color:var(--brand-accent);color:var(--brand-white)}.btn-primary:hover{background-color:var(--brand-accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #c49a5459}.btn-outline{background-color:transparent;border:2px solid var(--brand-primary);color:var(--brand-primary)}.btn-outline:hover{background-color:var(--brand-primary);color:var(--brand-white)}.btn-large{font-size:1.125rem;padding:1rem 2.5rem}.app-hero{background:linear-gradient(135deg,var(--brand-primary) 0%,#2c3e54 100%);padding:5rem 0 4rem;color:var(--brand-white)}.app-hero .app-hero-inner{display:flex;align-items:center;gap:3rem}.app-hero .app-hero-logo{flex-shrink:0;width:120px;height:120px;background:#ffffff1a;border-radius:20px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center}.app-hero .app-hero-logo img{width:100%;height:100%;object-fit:contain}.app-hero .app-hero-text{flex:1}.app-hero .app-hero-text h1{font-size:3rem;font-weight:700;color:var(--brand-white);margin-bottom:1rem;letter-spacing:-.02em}.app-hero .app-hero-text .subtitle{font-size:1.2rem;color:#fffc;margin:0;line-height:1.6;max-width:600px}.app-hero .app-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#c49a5433;border:1px solid rgba(196,154,84,.4);color:#e8c07a;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:1.25rem;letter-spacing:.02em}.app-description{padding:4rem 0;background-color:var(--brand-white)}.app-description .description-content{max-width:800px;margin:0 auto;font-size:1.125rem;line-height:1.8;color:var(--text-main)}.app-description .description-content p{margin-bottom:1.5rem}.app-description .description-content p:last-child{margin-bottom:0}.screenshots-section{padding:5rem 0;background-color:var(--bg-secondary)}.screenshots-section .section-header{text-align:center;margin-bottom:3rem}.screenshots-section .section-header h2{font-size:2rem;margin-bottom:.75rem}.screenshots-section .section-header p{font-size:1rem;color:var(--text-muted)}.screenshots-section .screenshots-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.screenshots-section .screenshots-grid.single{grid-template-columns:1fr;max-width:900px;margin:0 auto}.screenshots-section .screenshot-item{border-radius:10px;overflow:hidden;border:1px solid var(--border-light);box-shadow:0 4px 20px #0000000f;transition:transform .3s ease,box-shadow .3s ease;background:var(--brand-white)}.screenshots-section .screenshot-item:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001f}.screenshots-section .screenshot-item img{width:100%;height:280px;object-fit:cover;display:block}.pricing-section{padding:5rem 0;background-color:var(--brand-white)}.pricing-section .section-header{text-align:center;margin-bottom:1.5rem}.pricing-section .section-header h2{font-size:2rem;margin-bottom:.75rem}.pricing-section .section-header p{font-size:1rem;color:var(--text-muted)}.pricing-section .trial-banner{display:flex;align-items:center;justify-content:center;gap:.6rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;color:#166534;border-radius:8px;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;margin-bottom:3rem;max-width:520px;margin-left:auto;margin-right:auto}.pricing-section .trial-banner .trial-icon{font-size:1.1rem}.pricing-section .billing-toggle{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem}.pricing-section .billing-toggle .toggle-label{font-size:.95rem;font-weight:500;color:var(--text-muted);transition:color .2s ease}.pricing-section .billing-toggle .toggle-label.active{color:var(--brand-primary);font-weight:600}.pricing-section .billing-toggle .toggle-switch{position:relative;width:52px;height:28px;cursor:pointer}.pricing-section .billing-toggle .toggle-switch input{opacity:0;width:0;height:0;position:absolute}.pricing-section .billing-toggle .toggle-switch .toggle-track{position:absolute;inset:0;background-color:var(--brand-primary);border-radius:34px;transition:background-color .3s ease}.pricing-section .billing-toggle .toggle-switch .toggle-thumb{position:absolute;height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 3px #0003}.pricing-section .billing-toggle .toggle-switch.yearly .toggle-thumb{transform:translate(24px)}.pricing-section .billing-toggle .toggle-switch.yearly .toggle-track{background-color:var(--brand-accent)}.pricing-section .billing-toggle .yearly-badge{background:var(--brand-accent);color:#fff;font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:12px;letter-spacing:.02em}.pricing-section .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:800px;margin:0 auto}.pricing-section .tier-card{border:2px solid var(--border-light);border-radius:14px;padding:2.5rem;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative;background:var(--brand-white)}.pricing-section .tier-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #1e2b3c1a}.pricing-section .tier-card.recommended{border-color:var(--brand-accent);box-shadow:0 4px 20px #c49a5426}.pricing-section .tier-card.recommended .recommended-badge{display:block}.pricing-section .tier-card .recommended-badge{display:none;position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--brand-accent);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem 1rem;border-radius:20px;white-space:nowrap;letter-spacing:.05em;text-transform:uppercase}.pricing-section .tier-card .tier-name{font-size:1.1rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.5rem}.pricing-section .tier-card .tier-price{margin-bottom:.5rem}.pricing-section .tier-card .tier-price .amount{font-size:2.75rem;font-weight:800;color:var(--brand-primary);letter-spacing:-.02em}.pricing-section .tier-card .tier-price .currency{font-size:1.25rem;font-weight:700;color:var(--brand-primary);vertical-align:super;margin-right:.1rem}.pricing-section .tier-card .tier-price .period{font-size:.9rem;color:var(--text-muted);margin-left:.25rem}.pricing-section .tier-card .yearly-saving{font-size:.85rem;color:#16a34a;font-weight:600;margin-bottom:1.75rem;min-height:1.2em}.pricing-section .tier-card .tier-specs{list-style:none;padding:0;margin:0 0 2rem}.pricing-section .tier-card .tier-specs li{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--border-light);font-size:.95rem;color:var(--text-main)}.pricing-section .tier-card .tier-specs li:last-child{border-bottom:none}.pricing-section .tier-card .tier-specs li .spec-icon{font-size:1rem;flex-shrink:0}.pricing-section .tier-card .tier-specs li strong{font-weight:600}.pricing-section .tier-card .btn-select-tier{width:100%;padding:.85rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;border:2px solid var(--brand-primary);background:transparent;color:var(--brand-primary)}.pricing-section .tier-card .btn-select-tier:hover{background:var(--brand-primary);color:var(--brand-white)}.pricing-section .tier-card .btn-select-tier.primary-select{background:var(--brand-accent);color:var(--brand-white);border-color:var(--brand-accent)}.pricing-section .tier-card .btn-select-tier.primary-select:hover{background:var(--brand-accent-hover);border-color:var(--brand-accent-hover);transform:translateY(-1px)}.cta-section{padding:5rem 0;background:linear-gradient(135deg,var(--brand-primary) 0%,#2c3e54 100%);text-align:center;color:var(--brand-white)}.cta-section h2{font-size:2.25rem;color:var(--brand-white);margin-bottom:1rem}.cta-section p{font-size:1.1rem;color:#ffffffbf;margin-bottom:2.5rem;max-width:560px;margin-left:auto;margin-right:auto}.cta-section .cta-btn{display:inline-flex;align-items:center;gap:.6rem;background:var(--brand-accent);color:var(--brand-white);padding:1rem 2.5rem;border-radius:8px;font-size:1.1rem;font-weight:700;border:none;cursor:pointer;transition:all .2s ease;font-family:inherit;text-decoration:none}.cta-section .cta-btn:hover{background:var(--brand-accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px #c49a5466}.page-loading,.page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:var(--text-muted)}.page-loading .spinner,.page-error .spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--brand-accent);border-radius:50%;animation:spin .8s linear infinite}.page-loading p,.page-error p{font-size:1rem;margin:0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.app-hero{padding:3rem 0}.app-hero .app-hero-inner{flex-direction:column;gap:1.5rem;text-align:center}.app-hero .app-hero-logo{width:90px;height:90px}.app-hero .app-hero-text h1{font-size:2rem}.app-hero .app-hero-text .subtitle{font-size:1rem}.screenshots-section .screenshots-grid,.pricing-section .pricing-grid{grid-template-columns:1fr}.pricing-section .tier-card{padding:2rem}.cta-section h2{font-size:1.75rem}}@media(max-width:480px){.container{padding:0 1rem}}