*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--primary:#ff9f43;--primary-dark:#ff8c00;--primary-light:#ffb347;--bg:#f8f9fb;--bg-warm:#fff5eb;--surface:#ffffff;--surface-warm:#fff8f0;--surface-cool:#f3f4f6;--text:#2d3436;--text-light:#636e72;--text-white:#ffffff;--purple:#6c5ce7;--green:#00b894;--pink:#fd79a8;--blue:#0984e3;--teal:#00cec9;--coral:#ff6b6b;--lavender:#a29bfe;--glass-bg:rgba(255,255,255,0.45);--glass-border:rgba(255,255,255,0.6);--glass-shadow:0 8px 32px rgba(0,0,0,0.08);--glass-blur:16px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-pill:30px;--shadow-sm:0 1px 3px rgba(0,0,0,0.06);--shadow-md:0 4px 16px rgba(0,0,0,0.08);--shadow-lg:0 8px 30px rgba(0,0,0,0.1);--shadow-glow:0 4px 24px rgba(255,159,67,0.3);--nav-height:72px}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.depth-card{transform:perspective(1000px) rotateX(0deg) rotateY(0deg);transform-style:preserve-3d;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s ease}.depth-card:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg) translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,.12),0 8px 24px rgba(0,0,0,.08)}.bg-blobs{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 18s ease-in-out infinite}.blob-1{width:500px;height:500px;background:rgba(255,159,67,.22);top:-10%;right:-5%;animation-delay:0s}.blob-2{width:400px;height:400px;background:rgba(108,92,231,.18);bottom:10%;left:-8%;animation-delay:-6s}.blob-3{width:350px;height:350px;background:rgba(0,184,148,.15);top:40%;right:15%;animation-delay:-12s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:100;display:flex;align-items:center;transition:background .3s,box-shadow .3s,border-color .3s;background:rgba(255,255,255,.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.3)}.navbar--scrolled{background:rgba(255,255,255,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 2px 20px rgba(0,0,0,.06);border-bottom-color:rgba(255,255,255,.5)}.nav-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;justify-content:space-between}.nav-brand,.nav-container{display:flex;align-items:center}.nav-brand{gap:10px;text-decoration:none;color:var(--text)}.nav-logo{font-size:34px}.nav-logo-img{width:42px;height:42px;object-fit:contain;border-radius:8px}.nav-title{font-size:26px;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-inner{display:flex;align-items:center;gap:32px}.nav-links{display:flex;gap:28px}.nav-links a{text-decoration:none;color:var(--text-light);font-weight:600;font-size:17px;transition:color .2s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);border-radius:1px;transition:width .25s}.nav-links a:hover{color:var(--primary-dark)}.nav-links a:hover:after{width:100%}.lang-switcher{position:relative}.lang-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-pill);border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;font-size:14px;font-weight:600;color:var(--text);transition:all .2s}.lang-btn:hover{border-color:var(--primary);background:rgba(255,159,67,.08)}.chevron{transition:transform .2s}.chevron--open{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;border-radius:var(--radius-md);padding:6px;z-index:200}.lang-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;color:var(--text);transition:background .15s}.lang-option:hover{background:rgba(255,159,67,.1)}.lang-option--active{background:rgba(255,159,67,.15);font-weight:700;color:var(--primary-dark)}.hamburger{display:none;flex-direction:column;gap:5px;padding:8px;border:none;background:transparent;cursor:pointer;z-index:101}.hamburger span{display:block;width:24px;height:2.5px;background:var(--text);border-radius:2px;transition:all .3s}.hamburger--open span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger--open span:nth-child(2){opacity:0}.hamburger--open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:calc(var(--nav-height) + 60px) 24px 100px;position:relative}.hero-glass{border-radius:var(--radius-xl);padding:72px 64px 56px;max-width:820px;width:100%;position:relative;overflow:hidden;background:rgba(255,255,255,.55);box-shadow:0 12px 48px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.7);transform:perspective(1200px) rotateX(1deg);transform-style:preserve-3d;transition:transform .5s ease,box-shadow .5s ease}.hero-glass:hover{transform:perspective(1200px) rotateX(0deg) translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.1),0 8px 24px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.9)}.hero-glass:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,159,67,.5),transparent)}.logo-icon{font-size:88px;margin-bottom:24px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.08))}.hero-logo-img,.logo-icon{animation:bounce 2.5s ease-in-out infinite}.hero-logo-img{width:280px;height:auto;object-fit:contain;margin-bottom:28px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.1))}.trust-logo{width:32px;height:32px;object-fit:contain;border-radius:6px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero h1{font-size:72px;font-weight:800;letter-spacing:-2.5px;margin-bottom:16px}.hero h1 .brand{background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.hero .tagline{font-size:32px;font-weight:700;color:var(--text);margin-bottom:18px}.hero .subtitle{font-size:21px;color:var(--text-light);max-width:580px;margin:0 auto 44px;line-height:1.7}.trust-badge{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:36px;padding-top:28px;border-top:1px solid rgba(0,0,0,.05);font-size:26px}.trust-badge .trust-text{font-size:15px;color:var(--text-light);font-weight:500;margin-left:4px}.store-buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.store-btn{display:inline-flex;align-items:center;gap:12px;padding:14px 28px;border-radius:var(--radius-pill);text-decoration:none;font-weight:600;font-size:16px;transition:all .25s ease;border:none;cursor:pointer}.store-btn svg{width:28px;height:28px;flex-shrink:0}.store-btn--apple{background:#000000;color:#ffffff}.store-btn--apple:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.25)}.store-btn--google{background:rgba(255,255,255,.7);color:var(--text);border:1.5px solid rgba(0,0,0,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.store-btn--google:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.store-btn__label{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.store-btn__label small{font-size:11px;font-weight:400;opacity:.8}.store-btn__label span{font-size:18px;font-weight:700}.features{padding:120px 24px;max-width:1200px;margin:0 auto}.features h2{text-align:center;font-size:50px;font-weight:800;margin-bottom:20px;letter-spacing:-.5px}.features h2 .accent{color:var(--primary)}.features-subtitle{text-align:center;color:var(--text-light);font-size:21px;max-width:620px;margin:0 auto 60px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px}.feature-card{border-radius:var(--radius-lg);padding:42px 36px;transition:all .35s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-light));opacity:0;transition:opacity .3s}.feature-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(0,0,0,.1),0 4px 16px rgba(0,0,0,.06);background:rgba(255,255,255,.65)}.feature-card:hover:after{opacity:1}.feature-card .icon{font-size:52px;margin-bottom:20px;display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.06))}.feature-card h3{font-size:26px;font-weight:700;margin-bottom:12px;color:var(--text)}.feature-card p{color:var(--text-light);font-size:18px;line-height:1.7}.how-it-works{padding:120px 24px;background:linear-gradient(180deg,transparent,rgba(255,245,235,.4) 50%,transparent)}.how-it-works h2{text-align:center;font-size:46px;font-weight:800;margin-bottom:64px;letter-spacing:-.5px}.steps{display:flex;gap:32px;max-width:1060px;margin:0 auto;justify-content:center;flex-wrap:wrap;position:relative}.steps:before{content:"";position:absolute;top:52px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,var(--primary-light),var(--primary),var(--primary-light),transparent);opacity:.35;z-index:0}.step{text-align:center;flex:1 1;min-width:240px;max-width:320px;border-radius:var(--radius-lg);padding:48px 28px 42px;transition:all .35s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:1}.step:hover{transform:translateY(-6px);background:rgba(255,255,255,.6);box-shadow:0 12px 40px rgba(0,0,0,.08)}.step-icon{font-size:44px;margin-bottom:10px;display:inline-block}.step-number{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;font-size:26px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:var(--shadow-glow);position:relative}.step h3{font-size:23px;font-weight:700;margin-bottom:12px}.step p{color:var(--text-light);font-size:17px;line-height:1.7}.cta{padding:100px 24px 140px;text-align:center}.cta-card{max-width:860px;margin:0 auto;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:white;padding:72px 56px;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 48px rgba(255,159,67,.35),0 4px 16px rgba(255,140,0,.2),inset 0 1px 0 rgba(255,255,255,.25);position:relative;overflow:hidden;transform:perspective(1000px) rotateX(1deg);transition:transform .5s ease,box-shadow .5s ease}.cta-card:hover{transform:perspective(1000px) rotateX(0deg) translateY(-4px);box-shadow:0 20px 60px rgba(255,159,67,.4),0 8px 24px rgba(255,140,0,.25),inset 0 1px 0 rgba(255,255,255,.3)}.cta-card:before{top:-40px;right:-40px;width:140px;height:140px;background:rgba(255,255,255,.1)}.cta-card:after,.cta-card:before{content:"";position:absolute;border-radius:50%}.cta-card:after{bottom:-30px;left:-30px;width:100px;height:100px;background:rgba(255,255,255,.08)}.cta-card h2{font-size:46px;font-weight:800;margin-bottom:16px}.cta-card h2,.cta-card p{position:relative;z-index:1}.cta-card p{font-size:21px;opacity:.92;margin-bottom:36px;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.7}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.cta-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:var(--radius-pill);text-decoration:none;font-weight:700;font-size:16px;transition:all .25s ease;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--primary-dark)}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.15);background:#fff}.cta-btn svg{width:22px;height:22px;flex-shrink:0}.footer{padding:40px 24px;text-align:center;color:var(--text-light);font-size:16px;border-top:1px solid rgba(0,0,0,.04);background:rgba(255,255,255,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);letter-spacing:.2px}.footer a{color:var(--primary);text-decoration:none;font-weight:600}.footer a:hover{text-decoration:underline}@media (max-width:768px){.hamburger{display:flex}.nav-inner{position:fixed;top:0;right:-100%;width:280px;height:100vh;flex-direction:column;padding:100px 28px 40px;gap:32px;background:rgba(255,255,255,.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid rgba(255,255,255,.5);box-shadow:-8px 0 40px rgba(0,0,0,.08);transition:right .35s cubic-bezier(.4,0,.2,1);z-index:99;align-items:flex-start}.nav-inner--open{right:0}.nav-links{flex-direction:column;gap:24px}.nav-links a{font-size:18px}.hero{padding:calc(var(--nav-height) + 24px) 20px 60px;min-height:auto}.hero-glass{padding:40px 24px 32px;transform:none}.hero-glass:hover{transform:translateY(-2px)}.hero-glass:before{left:5%;right:5%}.logo-icon{font-size:56px}.hero-logo-img{width:200px}.nav-logo-img{width:36px;height:36px}.hero h1{font-size:48px}.hero .tagline{font-size:26px}.hero .subtitle{font-size:18px;margin-bottom:30px}.store-buttons{flex-direction:column;align-items:center}.store-btn{width:100%;max-width:280px;justify-content:center}.trust-badge{margin-top:24px;padding-top:20px;font-size:18px}.trust-badge .trust-text{font-size:12px}.cta,.features,.how-it-works{padding:60px 20px}.features h2,.how-it-works h2{font-size:36px;margin-bottom:40px}.feature-grid{grid-template-columns:1fr}.steps{flex-direction:column;align-items:center}.steps:before{display:none}.step{max-width:360px;width:100%}.cta-card{padding:40px 24px;transform:none}.cta-card:hover{transform:translateY(-2px)}.cta-card h2{font-size:32px}.cta-buttons{flex-direction:column;align-items:center}.cta-btn{width:100%;max-width:280px;justify-content:center}.blob-1{width:300px;height:300px}.blob-2{width:250px;height:250px}.blob-3{width:200px;height:200px}}@media (max-width:480px){.hero h1{font-size:40px}.hero .tagline{font-size:22px}.hero .subtitle{font-size:16px}.cta-card h2{font-size:28px}}