:root{--color-bg: #EFE9DC;--color-bg-alt: #FFFCF4;--color-primary: #0F1A2B;--color-primary-rgb: 15, 26, 43;--color-primary-glow: rgba(15, 26, 43, .4);--color-text: #0F1A2B;--color-text-muted: #5A6478;--color-white: #FFFCF4;--color-dark: #0F1A2B;--color-accent: #C97534;--font-main: "Geist", sans-serif;--font-serif: "Instrument Serif", serif;--spacing-container: 1200px;--spacing-section: 6rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:color .3s ease}ul{list-style:none}.container{max-width:var(--spacing-container);margin:0 auto;padding:0 2rem}.navbar{position:fixed;top:0;left:0;width:100%;padding:1.5rem 0;z-index:1000;background:#f8fafccc;backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);transition:all .3s ease}.navbar.scrolled{padding:1rem 0;background:#f8fafcf2;box-shadow:0 4px 20px #0000000d}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-weight:700;font-size:1.5rem;color:var(--color-text);letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.nav-links{display:flex;align-items:center;gap:2.5rem}.nav-links a:not(.btn){font-weight:500;color:var(--color-text-muted)}.nav-links a:not(.btn):hover{color:var(--color-primary)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--color-text);font-size:1.5rem;cursor:pointer}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;transition:all .3s ease;cursor:pointer}.btn-primary{background:var(--color-primary);color:var(--color-white);border:none}.btn-primary:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 20px var(--color-primary-glow)}.btn-outline{border:1px solid var(--color-text);color:var(--color-text);background:transparent}.btn-outline:hover{background:var(--color-text);color:var(--color-white)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:80px;background:radial-gradient(circle at 80% 20%,#2c3a52,#0f1a2b);color:var(--color-white);overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;position:relative;z-index:2}.hero-text h1{font-family:var(--font-serif);font-size:4.5rem;line-height:1.1;margin-bottom:1.5rem}.hero-text h1 span{font-style:italic;color:var(--color-primary);position:relative;display:inline-block}.hero-text h1 span:after{content:"";position:absolute;bottom:8px;left:0;width:100%;height:3px;background:var(--color-primary);opacity:.6}.hero-text p{font-size:1.25rem;color:#ffffffd9;margin-bottom:2.5rem;max-width:520px;font-weight:300}.hero-cta{display:flex;gap:1rem}.hero-cta .btn-outline{border-color:#ffffff4d;color:#fff;background:#ffffff0d}.hero-visual{display:flex;flex-direction:column;align-items:center;justify-content:center}.phone{position:relative;width:240px;flex-shrink:0;animation:float 6s ease-in-out infinite}.phone-screen{border-radius:32px;overflow:hidden;box-shadow:0 30px 70px #00000059;border:6px solid #1a1a1a;background:var(--color-dark);height:480px;display:flex;justify-content:center;align-items:center;color:#fff}.hero-phone-wrap{position:relative}.floating-badge{position:absolute;background:#ffffff1a;backdrop-filter:blur(10px);padding:10px 20px;border-radius:50px;color:#fff;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);animation:float 5s ease-in-out infinite alternate}.badge-1{top:20%;right:-20px}.badge-2{bottom:20%;left:-30px;animation-delay:2s}.floating-badge i{color:var(--color-accent)}.features{padding:var(--spacing-section) 0;background:var(--color-bg-alt)}.section-header{text-align:center;margin-bottom:5rem;max-width:700px;margin:0 auto 5rem}.section-header h2{font-size:3rem;margin-bottom:1.5rem;color:var(--color-dark);font-family:var(--font-serif)}.section-header p{color:var(--color-text-muted);font-size:1.25rem}.features-showcase{display:flex;flex-direction:column;gap:8rem}.feature-row{display:flex;align-items:center;justify-content:space-between;gap:5rem}.feature-row.reverse{flex-direction:row-reverse}.feature-text{flex:1;max-width:550px}.icon-box{width:80px;height:80px;background:var(--color-bg);border-radius:20px;display:inline-flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-accent);margin-bottom:2rem;box-shadow:0 10px 25px #0000000d}.feature-text h3{font-size:2.2rem;margin-bottom:1rem;font-family:var(--font-serif)}.feature-text p{font-size:1.1rem;color:var(--color-text-muted)}.feature-phone-stage{flex:1;display:flex;justify-content:center;align-items:center}.feature-phone-stage .phone{transform:perspective(1000px) rotateY(-12deg) rotateX(3deg);transition:transform .6s ease}.feature-row.reverse .feature-phone-stage .phone{transform:perspective(1000px) rotateY(12deg) rotateX(3deg)}.faq-section{padding:var(--spacing-section) 0;background:var(--color-bg)}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.faq-item{background:var(--color-white);border-radius:16px;border:1px solid rgba(0,0,0,.03);overflow:hidden;transition:all .3s}.faq-question{width:100%;padding:1.75rem 2rem;display:flex;justify-content:space-between;align-items:center;background:none;border:none;text-align:left;cursor:pointer;font-size:1.15rem;font-weight:600;font-family:var(--font-main);color:var(--color-dark)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out;padding:0 2rem}.faq-item.active .faq-answer{padding-bottom:2rem}.quote-section{padding:var(--spacing-section) 0;text-align:center;background:radial-gradient(circle at center,#1e293b,#0f172a);color:#fff;position:relative}.quote-section blockquote{font-family:var(--font-serif);font-size:2.5rem;font-style:italic;color:var(--color-primary);max-width:900px;margin:0 auto;z-index:2;position:relative}.quote-section p{font-family:var(--font-main);font-size:1rem;color:#fff9;margin-top:2rem;text-transform:uppercase;letter-spacing:2px}.cta-section{padding:var(--spacing-section) 0;text-align:center;background:#fff}.cta-section h2{font-size:3rem;margin-bottom:1.5rem;color:var(--color-dark);font-family:var(--font-serif)}.cta-section p{color:var(--color-text-muted);margin:0 auto 3.5rem;font-size:1.25rem;max-width:600px}.app-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.store-badge{display:flex;align-items:center;gap:1rem;background:var(--color-dark);color:#fff;padding:.8rem 1.8rem;border-radius:14px;text-decoration:none;min-width:190px;transition:transform .3s}.store-badge:hover{transform:translateY(-3px)}.store-badge i{font-size:2.2rem}.badge-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.badge-text small{font-size:.75rem;text-transform:uppercase;opacity:.8}.badge-text span{font-weight:700;font-size:1.15rem}footer{padding:5rem 0 3rem;background:var(--color-primary);color:#ffffffb3}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:3rem}.footer-logo{height:40px;width:40px;border-radius:8px;margin-bottom:1rem}.footer-brand{display:flex;flex-direction:column;align-items:flex-start}.footer-nav{display:flex;gap:4rem;flex-wrap:wrap}.footer-col h4{color:var(--color-accent);font-size:1.1rem;margin-bottom:1.5rem;text-transform:uppercase}.footer-col{display:flex;flex-direction:column;gap:.75rem}.footer-col a{color:#ffffffb3;font-size:.95rem}.footer-col a:hover{color:var(--color-accent)}.fade-in-up{opacity:0;transform:translateY(30px);animation:fadeInUp .8s forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media(max-width:768px){.hero{padding-top:140px}.hero-content{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-text h1{font-size:2.5rem}.nav-links{display:none}.mobile-menu-btn{display:block}.feature-row{flex-direction:column!important;text-align:center;gap:3rem}.footer-content{flex-direction:column;text-align:center;align-items:center}.footer-nav{justify-content:center}}