:root{--primary: #E8B84A;--primary-light: #F5D78A;--primary-dark: #D4A43E;--secondary: #7C9E82;--secondary-light: #A8C5AD;--secondary-dark: #5A7A60;--success: #558B6E;--info: #A7C7E7;--warning: #E6A23C;--error: #C45C52;--beaky-accent: #E07C5D;--background: #FEF9F0;--background-secondary: #F5EBDD;--surface: #FFFFFF;--text: #5D4037;--text-secondary: #7D6B5D;--text-tertiary: #9D8B7D;--text-light: #B0A090;--border: #E5E0D5;--border-light: #F0EBE0;--shadow: rgba(0, 0, 0, .1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-mono: "Fira Code", "Monaco", "Consolas", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--container-max: 1200px;--container-narrow: 800px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background-color:var(--background);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:var(--primary-dark);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text);margin-bottom:var(--spacing-md)}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}h4{font-size:1.25rem}p{margin-bottom:var(--spacing-md)}.lead{font-size:1.25rem;color:var(--text-secondary);line-height:1.7}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-lg)}.container-narrow{max-width:var(--container-narrow)}section{padding:var(--spacing-3xl) 0}.section-header{text-align:center;max-width:700px;margin:0 auto var(--spacing-3xl)}.section-header p{color:var(--text-secondary);font-size:1.125rem}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fef9f0f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light);transition:box-shadow var(--transition-normal)}.navbar.scrolled{box-shadow:0 2px 20px var(--shadow)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:70px}.navbar-brand{display:flex;align-items:center;gap:var(--spacing-sm)}.navbar-brand img{height:40px;width:auto}.navbar-nav{display:flex;align-items:center;gap:var(--spacing-xl);list-style:none}.navbar-nav a{font-weight:500;color:var(--text);position:relative;padding:var(--spacing-sm) 0}.navbar-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary);transition:width var(--transition-normal)}.navbar-nav a:hover:after,.navbar-nav a.active:after{width:100%}.nav-cta{background:var(--primary);color:var(--text)!important;padding:var(--spacing-sm) var(--spacing-lg)!important;border-radius:var(--radius-full);font-weight:600}.nav-cta:after{display:none!important}.nav-cta:hover{background:var(--primary-dark)}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;padding:var(--spacing-sm);background:none;border:none;cursor:pointer}.mobile-menu-toggle span{display:block;width:24px;height:2px;background:var(--text);transition:var(--transition-fast)}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.navbar-nav{position:fixed;top:70px;left:0;right:0;bottom:0;background:var(--background);flex-direction:column;justify-content:flex-start;padding-top:var(--spacing-2xl);gap:var(--spacing-lg);transform:translate(100%);transition:transform var(--transition-normal)}.navbar-nav.active{transform:translate(0)}.navbar-nav a{font-size:1.25rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:600;font-family:inherit;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:var(--primary);color:var(--text)}.btn-primary:hover{background:var(--primary-dark);color:var(--text);transform:translateY(-2px);box-shadow:0 4px 12px #e8b84a4d}.btn-secondary{background:var(--surface);color:var(--text);border:2px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);color:var(--text);transform:translateY(-2px)}.btn-accent{background:var(--beaky-accent);color:#fff}.btn-accent:hover{background:#c96a4e;color:#fff;transform:translateY(-2px)}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:1.125rem}.btn-sm{padding:var(--spacing-sm) var(--spacing-lg);font-size:.875rem}.hero{min-height:100vh;display:flex;align-items:center;padding-top:70px;background:linear-gradient(180deg,var(--background) 0%,var(--background-secondary) 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:20%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,var(--primary-light) 0%,transparent 70%);opacity:.3;pointer-events:none}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.hero-content{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--surface);border:1px solid var(--border);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.hero-badge-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero h1{margin-bottom:var(--spacing-lg)}.hero h1 span{color:var(--primary-dark)}.hero .lead{margin-bottom:var(--spacing-xl)}.hero-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.hero-image{position:relative;display:flex;justify-content:center;align-items:center}.hero-phone-mockup{position:relative;width:280px;height:580px;background:var(--text);border-radius:40px;padding:12px;box-shadow:0 25px 50px #00000026}.hero-phone-screen{width:100%;height:100%;background:var(--background);border-radius:30px;overflow:hidden;display:flex;flex-direction:column;object-fit:cover}.beaky-floating{position:absolute;top:-30px;right:-30px;width:100px;height:100px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 900px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-buttons{justify-content:center}.hero-image{order:-1}.hero-phone-mockup{width:240px;height:500px}.beaky-floating{width:80px;height:80px;top:-20px;right:10px}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.feature-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-normal);text-decoration:none;color:inherit;display:block}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px var(--shadow);border-color:var(--primary-light);color:inherit}.feature-icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.feature-icon img{max-width:100%;max-height:100%;object-fit:contain}.feature-card h3{margin-bottom:var(--spacing-sm)}.feature-card p{color:var(--text-secondary);margin-bottom:0}.beaky-section{background:linear-gradient(135deg,var(--secondary-light) 0%,var(--secondary) 100%);color:#fff;position:relative;overflow:hidden}.beaky-section:before{content:"";position:absolute;bottom:-50%;left:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.beaky-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-3xl);align-items:center}.beaky-image{display:flex;justify-content:center}.beaky-image img{max-width:300px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.2))}.beaky-content h2,.beaky-content p{color:#fff}.beaky-content .lead{color:#ffffffe6}.beaky-traits{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-top:var(--spacing-xl)}.trait{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ffffff26;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.trait-icon{font-size:1.25rem}@media (max-width: 900px){.beaky-inner{grid-template-columns:1fr;text-align:center}.beaky-image{order:-1}.beaky-image img{max-width:200px}.beaky-traits{grid-template-columns:1fr}}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);counter-reset:step}.step{text-align:center;position:relative}.step:before{counter-increment:step;content:counter(step);display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--primary);color:var(--text);font-weight:700;font-size:1.25rem;border-radius:50%;margin:0 auto var(--spacing-lg)}.step h4{margin-bottom:var(--spacing-sm)}.step p{color:var(--text-secondary);margin-bottom:0}.cta-section{background:var(--text);color:#fff;text-align:center}.cta-section h2,.cta-section p{color:#fff}.cta-section .lead{color:#fffc;max-width:600px;margin:0 auto var(--spacing-xl)}.cta-buttons{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.footer{background:var(--background-secondary);padding:var(--spacing-3xl) 0 var(--spacing-xl)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer-brand img{height:40px;margin-bottom:var(--spacing-md)}.footer-brand p{color:var(--text-secondary);max-width:280px}.footer-column h5{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--spacing-md)}.footer-column ul{list-style:none}.footer-column li{margin-bottom:var(--spacing-sm)}.footer-column a{color:var(--text-secondary)}.footer-column a:hover{color:var(--primary-dark)}.footer-bottom{border-top:1px solid var(--border);padding-top:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-bottom p{margin:0;color:var(--text-tertiary);font-size:.875rem}.social-links{display:flex;gap:var(--spacing-md)}.social-links a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:50%;color:var(--text-secondary);transition:all var(--transition-fast)}.social-links a:hover{background:var(--primary);color:var(--text)}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.footer-bottom{justify-content:center;text-align:center}}.guide-hero{padding:calc(70px + var(--spacing-3xl)) 0 var(--spacing-2xl);background:linear-gradient(180deg,var(--background) 0%,var(--background-secondary) 100%)}.guide-layout{display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-2xl)}.guide-sidebar{position:sticky;top:calc(70px + var(--spacing-xl));height:fit-content}.guide-nav{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.guide-nav h4{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--spacing-md)}.guide-nav ul{list-style:none}.guide-nav li{margin-bottom:var(--spacing-sm)}.guide-nav a{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.guide-nav a:hover,.guide-nav a.active{background:var(--background-secondary);color:var(--text)}.guide-content{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-2xl)}.guide-content h1{font-size:2rem;margin-bottom:var(--spacing-lg)}.guide-content h2{font-size:1.5rem;margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.guide-content h2:first-child{margin-top:0;padding-top:0;border-top:none}.guide-content h3{font-size:1.25rem;margin-top:var(--spacing-xl)}.guide-content p,.guide-content ul,.guide-content ol{margin-bottom:var(--spacing-md)}.guide-content ul,.guide-content ol{padding-left:var(--spacing-xl)}.guide-content li{margin-bottom:var(--spacing-sm)}.guide-content code{background:var(--background-secondary);padding:.125rem .375rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.875em}.guide-content pre{background:var(--text);color:var(--background);padding:var(--spacing-lg);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-md)}.guide-content pre code{background:none;padding:0;font-size:.875rem}.guide-content img{border-radius:var(--radius-md);border:1px solid var(--border);margin:var(--spacing-lg) 0}.guide-content table{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0}.guide-content th,.guide-content td{padding:var(--spacing-sm);text-align:left;border:1px solid var(--border)}.guide-content th{background:var(--background-secondary);font-weight:600}.tip-box{background:var(--primary-light);border-left:4px solid var(--primary);padding:var(--spacing-lg);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--spacing-lg) 0}.tip-box h5{color:var(--primary-dark);margin-bottom:var(--spacing-sm)}.tip-box p{margin-bottom:0}.warning-box{background:#fdf0ee;border-left:4px solid var(--error);padding:var(--spacing-lg);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--spacing-lg) 0}.warning-box h5{color:var(--error);margin-bottom:var(--spacing-sm)}.warning-box p{margin-bottom:0}.guide-screenshot{display:flex;justify-content:center;margin:var(--spacing-xl) 0}.guide-phone-mockup{width:280px;height:570px;background:var(--text);border-radius:40px;padding:12px;box-shadow:0 20px 45px #00000026}.guide-phone-screen{width:100%;height:100%;border-radius:32px;overflow:hidden}.guide-phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top;margin:0;border:none;border-radius:0}@media (max-width: 900px){.guide-layout{grid-template-columns:1fr}.guide-sidebar{position:static}.guide-content{padding:var(--spacing-lg)}.guide-phone-mockup{width:240px;height:490px}}.features-hero{padding:calc(70px + var(--spacing-3xl)) 0 var(--spacing-2xl);background:linear-gradient(180deg,var(--background) 0%,var(--background-secondary) 100%);text-align:center}.feature-detail{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center;padding:var(--spacing-2xl) 0;border-bottom:1px solid var(--border-light)}.feature-detail:nth-child(2n) .feature-detail-content{order:1}.feature-detail:last-child{border-bottom:none}.feature-detail-image{background:var(--background-secondary);border-radius:var(--radius-xl);padding:var(--spacing-xl);display:flex;align-items:center;justify-content:center;min-height:300px}.feature-detail-image .feature-icon{width:120px;height:120px;font-size:3rem;margin:0}.feature-phone-mockup{position:relative;width:280px;height:570px;background:var(--text);border-radius:40px;padding:12px;box-shadow:0 25px 50px #00000026}.feature-phone-screen{width:100%;height:100%;border-radius:32px;overflow:hidden}.feature-phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top;margin:0;border:none;border-radius:0}.feature-visual{display:flex;align-items:center;gap:var(--spacing-lg)}.feature-visual.reverse{flex-direction:row-reverse}.feature-beaky{width:180px;height:auto;flex-shrink:0}.feature-detail-image.with-screenshot{background:transparent;padding:0;min-height:auto}.feature-detail-image.beaky-only{background:transparent}.feature-detail-image.beaky-only .feature-beaky{width:280px}.feature-detail-content ul{padding-left:var(--spacing-xl);margin-bottom:var(--spacing-md)}.feature-detail-content li{margin-bottom:var(--spacing-sm)}@media (max-width: 768px){.feature-detail{grid-template-columns:1fr;text-align:center}.feature-detail:nth-child(2n) .feature-detail-content{order:0}.feature-detail-image{min-height:200px}.feature-visual{flex-direction:column;justify-content:center}.feature-visual.reverse{flex-direction:column}.feature-phone-mockup{width:240px;height:490px}.feature-beaky{width:130px}.feature-detail-image.beaky-only .feature-beaky{width:200px}}.legal-hero{background:linear-gradient(135deg,var(--background-secondary) 0%,var(--background) 100%);padding:calc(70px + var(--spacing-3xl)) 0 var(--spacing-2xl);text-align:center}.legal-content{max-width:800px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.legal-content h1{margin-bottom:.5rem}.legal-content .effective-date{color:var(--text-secondary);margin-bottom:var(--spacing-2xl)}.legal-content h2{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);font-size:1.5rem}.legal-content h3{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);font-size:1.125rem}.legal-content p,.legal-content li{line-height:1.7;color:var(--text-secondary)}.legal-content ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.legal-content li{margin-bottom:var(--spacing-sm)}.legal-content table{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0}.legal-content th,.legal-content td{padding:var(--spacing-md);text-align:left;border:1px solid var(--border)}.legal-content th{background:var(--background-secondary);font-weight:600}.highlight-box{background:var(--background-secondary);border-left:4px solid var(--primary);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-lg) 0;border-radius:0 var(--radius-md) var(--radius-md) 0}.highlight-box p{margin-bottom:0}.text-center{text-align:center}.mb-0{margin-bottom:0}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-xl{margin-top:var(--spacing-xl)}.hidden{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}[data-reveal].revealed{opacity:1;transform:translateY(0)}.reveal-element{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal-element.revealed{opacity:1;transform:translateY(0)}
