:root{--font-family-primary:'Urbanist',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-family-display:'Urbanist',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden}img{max-width:100%;height:auto}a{text-decoration:none;color:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--btn-height-lg);padding:0 var(--btn-padding-x);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;border:2px solid transparent;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.btn-primary{background-color:var(--color-charcoal);color:var(--text-inverse);border-color:var(--color-charcoal)}.btn-primary:hover{background-color:var(--color-black);border-color:var(--color-black);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.btn-secondary{background-color:var(--color-white);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-lg{height:60px;padding:0 var(--space-8);font-size:var(--font-size-lg)}.btn-sm{height:var(--btn-height-sm);padding:0 var(--space-5);font-size:var(--font-size-sm)}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-pill);background-color:var(--color-gray-100)}.badge-lime{background-color:var(--color-lime);color:var(--text-on-lime)}.badge-lavender{background-color:#dbb8f2;color:#1a1a1a}.badge-white{background-color:#fff;color:#1a1a1a;box-shadow:0 2px 8px rgba(0,0,0,.1)}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background-color:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light)}.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:var(--space-4) var(--space-6)}.nav-logo{display:flex;align-items:center;gap:var(--space-2)}.logo-icon{font-size:var(--font-size-2xl)}.logo-icon-img{height:40px;width:auto;display:block}.logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--text-primary)}.nav-links{display:flex;gap:var(--space-8)}.nav-link{font-weight:var(--font-weight-medium);color:#1a1a1a;transition:color var(--transition-fast)}.nav-link:hover{color:#000}.nav-actions{display:flex;align-items:center;gap:var(--space-4)}.lang-selector{display:flex;background-color:var(--color-gray-100);border-radius:var(--radius-pill);padding:var(--space-1)}.lang-btn{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:0 0;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.lang-btn:hover{color:var(--text-primary);background-color:var(--color-gray-50)}.lang-btn.active{background-color:var(--color-white);color:var(--text-primary);box-shadow:var(--shadow-sm)}.nav-mobile-toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-2);background:0 0;border:none;cursor:pointer}.nav-mobile-toggle span{width:24px;height:2px;background-color:var(--text-primary);border-radius:2px}.hero{position:relative;padding:160px 0 100px;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6}.hero-blob-1{width:600px;height:600px;background:var(--color-lime);top:-200px;right:-100px;animation:blob-float 20s ease-in-out infinite}.hero-blob-2{width:500px;height:500px;background:var(--color-lavender);bottom:-100px;left:-150px;animation:blob-float 25s ease-in-out infinite reverse}.hero-blob-3{width:300px;height:300px;background:var(--color-orange-light);top:50%;left:30%;animation:blob-float 18s ease-in-out infinite 5s}@keyframes blob-float{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;position:relative;z-index:1}.hero-badge{margin-bottom:var(--space-4)}.hero-title{font-size:3.5rem;font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin-bottom:var(--space-6)}.hero-title-accent{background:var(--gradient-voice);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--font-size-xl);color:var(--text-secondary);margin-bottom:var(--space-8);line-height:var(--line-height-relaxed)}.hero-cta{display:flex;gap:var(--space-4);margin-bottom:var(--space-10)}.hero-stats{display:flex;align-items:center;gap:var(--space-6)}.hero-stat{display:flex;flex-direction:column}.hero-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-medium);color:var(--text-primary)}.hero-stat-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.hero-stat-divider{width:1px;height:40px;background-color:var(--border-default)}.hero-visual{display:flex;justify-content:center;align-items:center}.mockup-container{padding:var(--space-12);display:flex;justify-content:center;align-items:center}.feature-mockup,.hero-mockup{max-width:500px;width:100%;height:auto;animation:phone-float 6s ease-in-out infinite}.phone-mockup{position:relative;animation:phone-float 6s ease-in-out infinite}@keyframes phone-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.phone-frame{position:relative;width:280px;height:580px;background:var(--color-white);border-radius:40px;padding:12px;box-shadow:0 50px 100px -20px rgba(0,0,0,.15),0 30px 60px -30px rgba(0,0,0,.2),inset 0 0 0 2px var(--color-gray-200)}.phone-frame::before{content:'';position:absolute;top:20px;left:50%;transform:translateX(-50%);width:80px;height:24px;background:var(--color-black);border-radius:20px;z-index:10}.phone-screen,.phone-screen-placeholder{width:100%;height:100%;border-radius:28px;overflow:hidden;background:var(--bg-primary)}.phone-screen-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6)}.placeholder-balance{text-align:center}.placeholder-label{display:block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.placeholder-amount{font-size:4rem;font-weight:var(--font-weight-regular);color:var(--text-primary)}.placeholder-amount .currency{font-size:var(--font-size-2xl);color:var(--text-secondary)}.pain-points{padding:var(--space-24) 0;background-color:var(--color-white)}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-eyebrow{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-orange);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3)}.section-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4);line-height:var(--line-height-tight)}.section-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.pain-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);max-width:1200px;margin:0 auto;justify-items:center}.pain-cards:has(.pain-card:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(250px,300px));justify-content:center}.pain-card{background:var(--color-lime);border-radius:var(--radius-3xl);padding:var(--space-8);text-align:center;transition:transform var(--transition-normal)}.pain-card:nth-child(2){background:#dbb8f2}.pain-card:nth-child(3){background:#e8896a}.pain-card:nth-child(4){background:var(--color-lime)}.pain-card:hover{transform:translateY(-4px)}.pain-card-icon{font-size:3rem;margin-bottom:var(--space-4)}.pain-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2);color:#1a1a1a}.pain-card-text{font-size:var(--font-size-base);color:#1a1a1a;line-height:var(--line-height-relaxed)}.solution{padding:var(--space-24) 0;background:linear-gradient(180deg,var(--bg-primary) 0,var(--color-white) 100%)}.input-methods{margin-top:var(--space-16)}.input-methods-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);text-align:center;margin-bottom:var(--space-10)}.input-methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.input-method{text-align:center;padding:var(--space-8);background:var(--color-white);border-radius:var(--radius-3xl);border:2px solid #1a1a1a;transition:all var(--transition-normal)}.input-method:hover{border-color:#1a1a1a;transform:translateY(-4px);box-shadow:var(--shadow-lg)}.input-method-visual{margin-bottom:var(--space-6)}.method-icon{width:80px;height:80px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);transition:transform var(--transition-spring)}.input-method:hover .method-icon{transform:scale(1.1)}.method-icon-voice{background-color:#dbb8f2;color:#1a1a1a}.method-icon-manual{background-color:var(--color-lime);color:#1a1a1a}.method-icon-camera{background-color:#e8896a;color:#1a1a1a}.input-method-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.input-method-desc{color:#1a1a1a}.features-showcase{padding:var(--space-24) 0;background-color:var(--color-white)}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;margin-bottom:var(--space-24)}.feature-row:last-child{margin-bottom:0}.feature-row-reverse{direction:rtl}.feature-row-reverse>*{direction:ltr}.feature-content{padding:var(--space-8)}.feature-number{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-orange);margin-bottom:var(--space-4)}.feature-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4);line-height:var(--line-height-tight)}.feature-desc{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.feature-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.feature-list li{display:flex;align-items:center;gap:var(--space-3);font-weight:var(--font-weight-medium)}.feature-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--color-lime);border-radius:var(--radius-pill);font-size:var(--font-size-sm)}.feature-visual{display:flex;justify-content:center}.feature-phone{width:260px;height:540px;background:var(--bg-primary);border-radius:var(--radius-4xl);padding:12px;box-shadow:var(--shadow-xl);border:2px solid var(--border-light)}.feature-screen,.feature-screen-placeholder{width:100%;height:100%;border-radius:28px;overflow:hidden;background:var(--color-white)}.feature-screen-placeholder{display:flex;flex-direction:column;justify-content:center;padding:var(--space-6)}.placeholder-categories{display:flex;flex-direction:column;gap:var(--space-3)}.placeholder-cat{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-white);border:2px solid var(--border-default);border-radius:var(--radius-pill);font-weight:var(--font-weight-medium)}.placeholder-cat span{font-size:var(--font-size-xl)}.placeholder-stats{background:var(--bg-primary)}.placeholder-budget-card{background:var(--color-lavender);border-radius:var(--radius-3xl);padding:var(--space-5)}.placeholder-budget-row{display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.placeholder-budget-row .small{display:block;font-size:var(--font-size-xs);color:var(--text-secondary)}.placeholder-budget-row .big{display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium)}.placeholder-progress{height:6px;background:rgba(255,255,255,.5);border-radius:var(--radius-pill)}.placeholder-progress-fill{width:71%;height:100%;background:var(--color-charcoal);border-radius:var(--radius-pill)}.placeholder-limits{display:flex;flex-direction:column;gap:var(--space-4)}.placeholder-limit-item{display:flex;justify-content:space-between;font-weight:var(--font-weight-medium)}.placeholder-limit-bar{height:6px;background:var(--color-gray-200);border-radius:var(--radius-pill);margin-bottom:var(--space-2)}.placeholder-limit-bar>div{height:100%;background:var(--color-charcoal);border-radius:var(--radius-pill)}.pricing{padding:var(--space-24) 0;background:linear-gradient(180deg,var(--color-white) 0,var(--bg-primary) 100%)}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:1100px;margin:0 auto}.pricing-card{position:relative;background:var(--color-white);border:2px solid #1a1a1a;border-radius:var(--radius-3xl);padding:var(--space-8);text-align:center;transition:all var(--transition-normal)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.pricing-card-featured{border-color:var(--color-lime);background:var(--color-lime)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%)}.pricing-card-header{margin-bottom:var(--space-4)}.pricing-emoji{font-size:3rem;display:block;margin-bottom:var(--space-2)}.pricing-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium)}.pricing-price{margin-bottom:var(--space-2)}.pricing-amount{font-size:var(--font-size-4xl);font-weight:var(--font-weight-medium)}.pricing-period{font-size:var(--font-size-base);color:#1a1a1a}.pricing-monthly{font-size:var(--font-size-sm);color:#1a1a1a;margin-bottom:var(--space-6)}.pricing-features{list-style:none;text-align:left;margin-bottom:var(--space-8)}.pricing-features li{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid rgba(0,0,0,.1)}.pricing-features li:last-child{border-bottom:none}.pricing-check{color:var(--color-orange);font-weight:var(--font-weight-medium)}.cta{padding:var(--space-16) 0}.cta-card{background:var(--color-lavender);border-radius:var(--radius-4xl);padding:var(--space-16);text-align:center;color:var(--text-primary)}.cta-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4);line-height:var(--line-height-tight)}.cta-subtitle{font-size:var(--font-size-lg);color:#1a1a1a;margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.cta-accent{color:var(--color-orange)}.cta-text{font-size:var(--font-size-lg);color:#1a1a1a;margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.cta-actions{display:flex;justify-content:center;gap:var(--space-4)}.cta .btn-primary{background-color:var(--color-charcoal);color:var(--color-white);border-color:var(--color-charcoal)}.cta .btn-primary:hover{background-color:var(--color-black);border-color:var(--color-black)}.faq{padding:var(--space-24) 0;background-color:var(--color-white)}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{background:var(--color-white);border:2px solid #1a1a1a;border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-normal)}.faq-item[open]{background:var(--color-lime);border-color:var(--color-lime)}.faq-question{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);cursor:pointer;font-weight:var(--font-weight-medium);font-size:var(--font-size-lg);list-style:none}.faq-question span:first-child{flex:1;padding-right:var(--space-2)}.faq-question::-webkit-details-marker{display:none}.faq-icon{font-size:var(--font-size-2xl);color:#1a1a1a;transition:transform var(--transition-normal)}.faq-item[open] .faq-icon{transform:rotate(45deg)}.faq-answer{padding:0 var(--space-16) var(--space-5) var(--space-6)}.faq-answer p{color:#1a1a1a;line-height:var(--line-height-relaxed)}.download{padding:var(--space-16) 0;background:linear-gradient(135deg,#dbb8f2 0,#e8d4f7 50%,#f5e6fa 100%)}.download-content{text-align:center}.download-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);margin-bottom:var(--space-8)}.download-buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.store-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-charcoal);color:var(--color-white);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.store-btn:hover{background:var(--color-black);transform:translateY(-2px)}.store-btn-text{display:flex;flex-direction:column;text-align:left}.store-btn-small{font-size:var(--font-size-xs);opacity:.8}.store-btn-large{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.footer{padding:var(--space-16) 0 var(--space-8);background:var(--color-white);border-top:1px solid var(--border-light)}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer-tagline{color:var(--text-secondary);margin-top:var(--space-4)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.footer-column-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.footer-link{display:block;color:var(--text-primary);padding:var(--space-2) 0;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-orange)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-8);border-top:1px solid var(--border-light)}.footer-copyright{color:var(--text-tertiary);font-size:var(--font-size-sm)}.footer-badge{font-size:var(--font-size-sm);color:var(--text-tertiary)}@media (max-width:1024px){.hero .container{grid-template-columns:1fr;text-align:center}.hero-cta{justify-content:center}.hero-stats{justify-content:center}.hero-visual{order:1;margin-top:var(--space-8)}.phone-frame{width:240px;height:500px}.feature-row,.feature-row-reverse{grid-template-columns:1fr;text-align:center;direction:ltr;gap:var(--space-4);margin-bottom:var(--space-12)}.feature-content{order:1;padding:var(--space-4)}.feature-visual{order:2}.feature-list{align-items:flex-start}.feature-list li{justify-content:flex-start;text-align:left}.mockup-container{padding:var(--space-2)}.feature-mockup,.hero-mockup{max-width:100%}.pricing-cards{grid-template-columns:1fr;max-width:400px}.pricing-card:first-child{order:1}.pricing-card:nth-child(2){order:2}.pricing-card:nth-child(3){order:3}.footer-content{grid-template-columns:1fr;text-align:center}.footer-links{justify-items:center}.cta-actions,.download-buttons{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}}@media (max-width:900px) and (min-width:769px){.pricing-cards{grid-template-columns:repeat(2,1fr);max-width:700px}.pricing-card:first-child{order:2}.pricing-card:nth-child(2){order:1;grid-column:1/-1;max-width:350px;margin:0 auto}.pricing-card:nth-child(3){order:3}}@media (max-width:768px){.lang-selector,.nav-links{display:none}.nav-mobile-toggle{display:flex}.download-title{max-width:85%;margin-left:auto;margin-right:auto}.input-method-title{max-width:85%;margin-left:auto;margin-right:auto}.input-method-desc{max-width:88%;margin-left:auto;margin-right:auto}.pain-card-title{max-width:90%;margin-left:auto;margin-right:auto}.pain-card-text{max-width:80%;margin-left:auto;margin-right:auto}.hero{padding:120px 0 60px;min-height:auto}.hero-title{font-size:2.5rem;max-width:88%;margin-left:auto;margin-right:auto}.hero-subtitle{font-size:var(--font-size-lg);max-width:82%;margin-left:auto;margin-right:auto}.hero-cta{flex-direction:row;justify-content:center;gap:var(--space-3)}.store-btn{padding:var(--space-2) var(--space-3)}.store-btn svg{width:20px;height:20px}.store-btn-small{font-size:9px}.store-btn-large{font-size:var(--font-size-sm)}.hero-stats{flex-wrap:wrap;gap:var(--space-4)}.hero-stat-divider{display:none}.section-title{font-size:var(--font-size-3xl);max-width:85%;margin-left:auto;margin-right:auto}.section-subtitle{max-width:68%;font-size:var(--font-size-base)}.pain-cards{grid-template-columns:repeat(2,1fr)}.input-methods-grid{grid-template-columns:1fr}.feature-row,.feature-row-reverse{gap:var(--space-3);margin-bottom:var(--space-10)}.feature-content{padding:var(--space-2)}.feature-desc{max-width:75%;margin-left:auto;margin-right:auto}.mockup-container{padding:var(--space-1)}.feature-title{font-size:var(--font-size-2xl);max-width:85%;margin-left:auto;margin-right:auto}.cta-title{font-size:var(--font-size-3xl);max-width:85%;margin-left:auto;margin-right:auto}.cta-card{padding:var(--space-10)}.cta-text{font-size:var(--font-size-base);max-width:72%}.cta-subtitle{font-size:var(--font-size-base);max-width:72%}.download-buttons{flex-direction:row;justify-content:center;gap:var(--space-3)}.cta-actions{flex-direction:row;gap:var(--space-3)}.footer-links{grid-template-columns:1fr;gap:var(--space-6)}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}}@media (max-width:480px){.container{padding:0 var(--space-4)}.hero-title{font-size:2rem;max-width:92%}.section-subtitle{max-width:75%;font-size:var(--font-size-sm);padding:0 var(--space-2)}.pain-cards{grid-template-columns:1fr}.pain-card-title{max-width:92%}.pain-card-text{max-width:85%}.btn-lg{height:var(--btn-height-lg);padding:0 var(--space-6);font-size:var(--font-size-base)}.phone-frame{width:200px;height:420px}.placeholder-amount{font-size:3rem}.feature-row,.feature-row-reverse{gap:var(--space-2);margin-bottom:var(--space-8)}.feature-content{padding:0}.mockup-container{padding:0}.cta-text{font-size:var(--font-size-sm);max-width:75%;padding:0 var(--space-2)}.cta-subtitle{font-size:var(--font-size-sm);max-width:75%;padding:0 var(--space-2)}.input-methods-title{font-size:var(--font-size-xl);padding:0 var(--space-2);max-width:85%;margin-left:auto;margin-right:auto}}.blog-hero{position:relative;padding:160px 0 80px;overflow:hidden}.blog-hero-content{text-align:center;position:relative;z-index:1}.blog-hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin-bottom:var(--space-6)}.blog-hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:var(--line-height-relaxed)}.blog-posts{padding:var(--space-16) 0 var(--space-24);background-color:var(--color-white)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-8)}.blog-card{background:var(--color-white);border:2px solid var(--color-black);border-radius:var(--radius-3xl);overflow:hidden;transition:all var(--transition-normal)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.blog-card-link{display:block;text-decoration:none;color:inherit}.blog-card-image{position:relative;height:200px;background:linear-gradient(135deg,var(--color-lime) 0,#a8d948 100%);display:flex;align-items:flex-end;padding:var(--space-5)}.blog-card-image-budget{background:linear-gradient(135deg,var(--color-lime) 0,#dbb8f2 100%)}.blog-card-category{display:inline-block;padding:var(--space-1) var(--space-3);background:rgba(255,255,255,.9);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.blog-card-content{padding:var(--space-6)}.blog-card-meta{display:flex;gap:var(--space-4);margin-bottom:var(--space-3)}.blog-card-date,.blog-card-read{font-size:var(--font-size-sm);color:var(--text-secondary)}.blog-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);margin-bottom:var(--space-3)}.blog-card-excerpt{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.blog-card-cta{display:inline-block;font-weight:var(--font-weight-medium);color:var(--color-orange);transition:color var(--transition-fast)}.blog-card:hover .blog-card-cta{color:var(--color-orange-hover)}.blog-card-featured{grid-column:1/-1}.blog-card-featured .blog-card-link{display:grid;grid-template-columns:1fr 1fr}.blog-card-featured .blog-card-image{height:100%;min-height:300px}.blog-card-featured .blog-card-content{display:flex;flex-direction:column;justify-content:center;padding:var(--space-10)}.blog-card-featured .blog-card-title{font-size:var(--font-size-2xl)}.article-header{position:relative;padding:160px 0 60px;overflow:hidden}.article-header-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.article-back-link{display:inline-block;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-6);transition:color var(--transition-fast)}.article-back-link:hover{color:var(--text-primary)}.article-meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.article-date,.article-read-time{font-size:var(--font-size-sm);color:var(--text-secondary)}.article-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin-bottom:var(--space-6)}.article-intro{font-size:var(--font-size-xl);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.article-content{padding:var(--space-16) 0;background-color:var(--color-white)}.article-body{max-width:720px;margin:0 auto}.article-body h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);margin-top:var(--space-12);margin-bottom:var(--space-6);line-height:var(--line-height-tight)}.article-body h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-top:var(--space-10);margin-bottom:var(--space-4);line-height:var(--line-height-snug)}.article-body h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2);line-height:var(--line-height-snug)}.article-body p{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-primary);margin-bottom:var(--space-6)}.article-lead{font-size:var(--font-size-xl);color:var(--text-secondary);border-left:4px solid var(--color-lime);padding-left:var(--space-6);margin-bottom:var(--space-10)}.article-list{margin:var(--space-6) 0;padding-left:var(--space-6)}.article-list li{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3);color:var(--text-primary)}.article-list li strong{font-weight:var(--font-weight-medium)}.article-list-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2) var(--space-8);list-style:none;padding-left:0;margin:var(--space-6) 0}.article-list-categories li{position:relative;padding-left:var(--space-6)}.article-list-categories li::before{content:'•';position:absolute;left:0;color:var(--color-orange);font-weight:var(--font-weight-medium)}.article-budget-example{background:var(--bg-primary);border-radius:var(--radius-2xl);padding:var(--space-6);margin:var(--space-8) 0}.budget-row{display:flex;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--border-light)}.budget-row:last-child{border-bottom:none}.budget-category{font-weight:var(--font-weight-medium)}.budget-amount{color:var(--color-orange);font-weight:var(--font-weight-medium)}.budget-row-total{color:var(--text-secondary);font-style:italic}.article-tip{display:flex;gap:var(--space-5);margin:var(--space-8) 0;padding:var(--space-6);background:var(--bg-primary);border-radius:var(--radius-2xl)}.article-tip-number{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-lime);border-radius:var(--radius-pill);font-weight:var(--font-weight-medium);font-size:var(--font-size-lg)}.article-tip-content h4{margin-bottom:var(--space-2)}.article-tip-content p{margin-bottom:0;font-size:var(--font-size-base)}.article-highlight{background:linear-gradient(135deg,var(--color-lime) 0,#e8f5a3 100%);border-radius:var(--radius-2xl);padding:var(--space-8);margin:var(--space-10) 0}.article-highlight p{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:0;line-height:var(--line-height-relaxed)}.article-conclusion{font-size:var(--font-size-xl);text-align:center;margin-top:var(--space-10)}@media (max-width:1024px){.blog-card-featured .blog-card-link{grid-template-columns:1fr}.blog-card-featured .blog-card-image{min-height:200px}.blog-card-featured .blog-card-content{padding:var(--space-6)}}@media (max-width:768px){.blog-hero{padding:120px 0 60px}.blog-hero-title{font-size:var(--font-size-3xl)}.blog-grid{grid-template-columns:1fr}.article-header{padding:120px 0 40px}.article-title{font-size:var(--font-size-3xl)}.article-intro{font-size:var(--font-size-lg)}.article-body h2{font-size:var(--font-size-xl)}.article-body h3{font-size:var(--font-size-lg)}.article-body p,.article-list li{font-size:var(--font-size-base)}.article-lead{font-size:var(--font-size-lg);padding-left:var(--space-4)}.article-list-categories{grid-template-columns:1fr}.article-tip{flex-direction:column;gap:var(--space-3)}}@media (max-width:480px){.blog-hero-title{font-size:var(--font-size-2xl)}.blog-hero-subtitle{font-size:var(--font-size-base)}.article-title{font-size:var(--font-size-2xl)}.article-meta{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.article-highlight{padding:var(--space-6)}.article-highlight p{font-size:var(--font-size-base)}}.app-badge{display:inline-block;padding:var(--space-2) var(--space-4);background:var(--color-lime);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4)}.app-badge-alt{background:linear-gradient(135deg,#dbb8f2 0,#e8d4ff 100%)}.app-screenshots{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin:var(--space-8) 0}.app-screenshot{margin:0}.app-screenshot img{width:100%;border-radius:var(--radius-xl);box-shadow:0 4px 20px rgba(0,0,0,.1)}.app-screenshot figcaption{text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-2)}.pros-cons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin:var(--space-6) 0}.cons-box,.pros-box{padding:var(--space-5);border-radius:var(--radius-xl)}.pros-box{background:linear-gradient(135deg,#e8f5e9 0,#c8e6c9 100%)}.cons-box{background:linear-gradient(135deg,#ffebee 0,#ffcdd2 100%)}.cons-box h4,.pros-box h4{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-3)}.cons-box ul,.pros-box ul{list-style:none;padding-left:0;margin:0}.cons-box li,.pros-box li{position:relative;padding-left:var(--space-5);margin-bottom:var(--space-2);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.pros-box li::before{content:'✓';position:absolute;left:0;color:#2e7d32;font-weight:var(--font-weight-medium)}.cons-box li::before{content:'✗';position:absolute;left:0;color:#c62828;font-weight:var(--font-weight-medium)}.article-divider{border:none;height:1px;background:linear-gradient(90deg,transparent 0,var(--border-light) 50%,transparent 100%);margin:var(--space-10) 0}.comparison-summary{background:var(--bg-primary);border-radius:var(--radius-2xl);padding:var(--space-6);margin:var(--space-8) 0}.comparison-item{padding:var(--space-4) 0;border-bottom:1px solid var(--border-light);line-height:var(--line-height-relaxed)}.comparison-item:last-child{border-bottom:none;padding-bottom:0}.comparison-item:first-child{padding-top:0}.comparison-item strong{color:var(--color-orange)}.highlight-box{background:linear-gradient(135deg,var(--color-lime) 0,#e8f5a3 100%);border-radius:var(--radius-2xl);padding:var(--space-6);margin:var(--space-8) 0}.highlight-box p{margin-bottom:0;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.article-cta{background:linear-gradient(135deg,#1a1a1a 0,#2d2d2d 100%);border-radius:var(--radius-2xl);padding:var(--space-8);margin:var(--space-10) 0;text-align:center;color:#fff}.article-cta h3{color:#fff;font-size:var(--font-size-2xl);margin-bottom:var(--space-3)}.article-cta p{color:rgba(255,255,255,.8);margin-bottom:var(--space-6);max-width:500px;margin-left:auto;margin-right:auto}.article-cta .cta-actions{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.related-articles{padding:var(--space-16) 0;background:var(--bg-primary)}.related-title{font-size:var(--font-size-2xl);text-align:center;margin-bottom:var(--space-10)}.related-articles .blog-grid{max-width:600px;margin:0 auto}.related-articles .blog-card{max-width:100%}.blog-card-image-apps{background:linear-gradient(135deg,#ffe0b2 0,#ffcc80 100%)}@media (max-width:768px){.app-screenshots{grid-template-columns:1fr;gap:var(--space-6)}.pros-cons-grid{grid-template-columns:1fr}.article-cta{padding:var(--space-6)}.article-cta h3{font-size:var(--font-size-xl)}.article-cta .cta-actions{flex-direction:column;align-items:center}}@media (max-width:480px){.app-badge{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3)}.cons-box,.pros-box{padding:var(--space-4)}.comparison-summary{padding:var(--space-4)}}