:root{--color-primary: #F39850;--color-bg: #FFF3EA;--color-text-dark: #4A4B4D;--color-text-light: #B6B7B7;--color-green: #27AE60;--color-white: #FFFFFF;--color-black: #000000;--font-heading: "DM Serif Display", serif;--font-body: "DM Sans", sans-serif;--container-width: 1280px;--spacing-container: 1200px;--spacing-section: 120px}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text-dark);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-dark);line-height:1.1;font-weight:400}a{text-decoration:none;color:inherit;transition:opacity .2s}ul{list-style:none}.container{width:90%;max-width:var(--container-width);margin:0 auto;padding:0 20px}@media(max-width:768px){.container{width:92%;padding:0 16px}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:12px;font-weight:500;font-size:16px;cursor:pointer;transition:transform .2s,box-shadow .2s;border:none;font-family:var(--font-body)}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f3985066}.btn-secondary{background-color:transparent;color:var(--color-text-dark);border:1px solid rgba(74,75,77,.2)}.btn-secondary:hover{background-color:#4a4b4d0d}.section{padding:var(--spacing-section) 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.highlight-doodle{position:relative;display:inline-block;z-index:1;padding:0 4px}.highlight-doodle:after{content:"";position:absolute;bottom:4px;left:0;width:100%;height:12px;z-index:-1;border-radius:4px;transform:rotate(-1.5deg);transition:transform .3s ease}.highlight-doodle:hover:after{transform:rotate(0) scaleX(1.05)}.highlight-doodle-orange:after{background-color:#f3985066}.highlight-doodle-white:after{background-color:#fff}.highlight-doodle-white{color:var(--color-text-dark)}.highlight-doodle-green:after{background-color:#27ae6059}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:24px 0;transition:all .4s cubic-bezier(.16,1,.3,1)}.navbar-scrolled{top:20px;left:50%;transform:translate(-50%);width:90%;max-width:1080px;padding:12px 0;background-color:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:99px;box-shadow:0 10px 40px -10px #0000001a,0 0 0 1px #ffffff4d inset;border:1px solid rgba(0,0,0,.05)}.navbar-container{display:flex;align-items:center;justify-content:space-between;padding:0 32px;width:100%}.logo-link{display:flex;align-items:center;gap:8px;text-decoration:none;transition:opacity .2s}.logo-image{height:28px;width:auto;object-fit:contain}.logo-text{font-family:var(--font-heading);font-size:20px;font-weight:800;color:#154748;letter-spacing:-.02em;transition:color .3s ease}.logo-link.text-white .logo-text{color:#fff}.footer-logo-image{height:40px;width:auto;object-fit:contain}.footer-logo{gap:12px;margin-bottom:16px}.desktop-menu{display:none}.nav-link{font-size:15px;font-weight:600;color:var(--color-text-dark);text-decoration:none;padding:8px 16px;border-radius:99px;transition:all .2s ease;white-space:nowrap}.nav-link:hover{background-color:#0000000d;color:#000}.nav-link.active{color:#000}.nav-link.text-white:hover{background-color:#ffffff26;color:#fff}.desktop-actions{display:none}.navbar-scrolled .desktop-actions .btn{padding:10px 24px;font-size:14px}.mobile-toggle{background:none;border:none;color:var(--color-text-dark);cursor:pointer;padding:4px;display:block}.mobile-menu{position:absolute;top:calc(100% + 12px);left:0;right:0;background:#fff;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 40px #0000001a;border-radius:24px;width:90%;margin:0 auto;border:1px solid rgba(0,0,0,.05)}.mobile-menu a{font-size:18px;color:var(--color-text-dark);font-weight:600;text-decoration:none;padding:8px 0}@media(min-width:900px){.mobile-toggle{display:none}.desktop-menu{display:flex;align-items:center;gap:8px;position:absolute;left:50%;transform:translate(-50%)}.desktop-actions{display:block}.nav-item-dropdown{position:relative}.dropdown-trigger{background:none;border:none;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:4px}.mega-menu{position:fixed;top:80px;left:50%;transform:translate(-50%) translateY(10px);width:600px;background:#fff;border-radius:20px;box-shadow:0 20px 60px -10px #0000001f,0 0 0 1px #0000000d;padding:24px;opacity:0;animation:fadeInMenu .25s cubic-bezier(.16,1,.3,1) forwards}.navbar-scrolled .mega-menu{top:80px}@keyframes fadeInMenu{to{opacity:1;transform:translate(-50%) translateY(0)}}.mega-menu-content{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mega-menu-item{display:flex;align-items:flex-start;gap:16px;padding:16px;border-radius:12px;text-decoration:none;transition:background-color .2s}.mega-menu-item:hover{background-color:#fdf8f0}.menu-icon-bg{width:40px;height:40px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid #EEE;color:var(--color-primary)}.menu-text h4{font-size:15px;font-weight:700;color:var(--color-text-dark);margin:0 0 4px}.menu-text p{font-size:13px;color:#6b7280;margin:0;line-height:1.4}}.navbar-transparent{background-color:transparent!important;box-shadow:none!important;padding:24px 0}.navbar-container{display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-heading);font-size:28px;color:var(--color-primary);font-weight:700;text-decoration:none}.logo-white{color:#fff!important}.desktop-menu,.desktop-actions{display:none}.nav-link{font-weight:500;color:var(--color-text-dark);text-decoration:none;transition:color .2s}.nav-link.text-white{color:#ffffffe6}.nav-link.text-white:hover,.nav-link.text-white.active{color:#fff;opacity:1}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.mobile-toggle{background:none;border:none;color:var(--color-text-dark);cursor:pointer}.mobile-toggle.text-white{color:#fff!important}.mobile-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--color-bg);padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:0 10px 20px #0000001a;border-top:1px solid rgba(0,0,0,.05)}.mobile-menu a{font-size:18px;color:var(--color-text-dark);font-weight:500}.mobile-actions{display:flex;flex-direction:column;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,0,0,.1)}.mobile-actions a{text-align:center}@media(min-width:900px){.mobile-toggle{display:none}.desktop-menu{display:flex;gap:8px;height:100%;align-items:center}.desktop-actions{display:flex;align-items:center;gap:24px}.nav-item-dropdown{position:relative;height:100%;display:flex;align-items:center}.dropdown-trigger{background:none;border:none;cursor:pointer;padding:8px 16px;display:flex;align-items:center;gap:4px;font-family:inherit;font-size:16px}.chevron{transition:transform .2s ease;opacity:.6}.chevron.rotate{transform:rotate(180deg)}.mega-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);width:600px;background:#fff;border-radius:16px;box-shadow:0 10px 40px -10px #0000001a,0 0 0 1px #00000008;padding:24px;opacity:0;animation:fadeInMenu .2s ease forwards;z-index:1100}@keyframes fadeInMenu{to{opacity:1;transform:translate(-50%) translateY(0)}}.mega-menu-content{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mega-menu-item{display:flex;align-items:flex-start;gap:16px;padding:16px;border-radius:12px;text-decoration:none;transition:background-color .2s ease}.mega-menu-item:hover{background-color:#fff8f1}.menu-icon-bg{background-color:#fff;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);box-shadow:0 2px 5px #0000000d;border:1px solid #EEE}.mega-menu-item:hover .menu-icon-bg{border-color:var(--color-primary);color:#fff;background-color:var(--color-primary)}.menu-text h4{color:var(--color-text-dark);font-size:16px;font-weight:700;margin-bottom:4px}.menu-text p{color:#6b7280;font-size:14px;line-height:1.4}}.footer{background-color:var(--color-background-secondary);background-color:#f8f9fa;padding:80px 0 32px;border-top:1px solid rgba(0,0,0,.05)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:60px;margin-bottom:60px}.footer-col{display:flex;flex-direction:column;gap:16px}.footer-logo{font-size:28px;margin-bottom:8px;color:var(--color-primary)}.brand-col p{color:#52525b;line-height:1.6;max-width:300px}.footer-col h4{font-size:16px;color:var(--color-text-dark);margin-bottom:8px;font-weight:700}.footer-col a{color:#52525b;text-decoration:none;font-size:15px;transition:color .2s;width:fit-content}.footer-col a:hover{color:var(--color-primary)}.footer-contact-item{display:flex;align-items:flex-start;gap:12px;color:#52525b;font-size:15px;line-height:1.5}.contact-icon{flex-shrink:0;margin-top:2px;color:var(--color-primary);opacity:.8}.footer-contact-item span{display:block}.social-links{display:flex;gap:16px;margin-top:16px}.social-links a{color:#a1a1aa}.social-links a:hover{color:var(--color-primary);transform:translateY(-2px)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid rgba(0,0,0,.05);font-size:14px;color:#a1a1aa}.footer-legal{display:flex;gap:24px}.footer-legal a{color:#a1a1aa;text-decoration:none}.footer-legal a:hover{color:var(--color-text-dark)}@media(max-width:900px){.footer-content{grid-template-columns:1fr;gap:40px}.brand-col p{max-width:100%}.footer-bottom{flex-direction:column-reverse;gap:16px;text-align:center}}.hero-section{padding-top:240px;padding-bottom:120px;text-align:center;background:linear-gradient(135deg,var(--color-primary) 0%,#E07C32 100%);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}.hero-section:before{content:"";position:absolute;top:-150px;left:-100px;width:600px;height:600px;background:radial-gradient(circle,#ffffff26,#fff0 70%);border-radius:50%;z-index:1;pointer-events:none}.hero-section:after{content:"";position:absolute;top:-50px;right:-200px;width:800px;height:800px;background:radial-gradient(circle,#ffffff1a,#fff0 70%);border-radius:50%;z-index:1;pointer-events:none}.hero-container{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 6px -1px #0000001a;color:var(--color-text-dark);border-radius:100px;font-size:14px;font-weight:600;margin-bottom:32px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.badge-icon{font-size:16px}.hero-title{font-family:var(--font-heading);font-size:64px;line-height:1.1;letter-spacing:-1.5px;font-weight:700;margin-bottom:24px;color:#fff;position:relative;display:inline-block;z-index:20}.hero-subtitle{font-family:var(--font-body);font-size:20px;line-height:1.6;color:var(--color-text-dark);margin-bottom:48px;max-width:760px;margin-left:auto;margin-right:auto;position:relative;z-index:20}.hero-actions{position:relative;z-index:20;display:inline-flex;justify-content:center;align-items:center;gap:16px;margin-bottom:120px}.hero-actions .btn-lg{padding:18px 36px;font-size:18px;border-radius:12px;font-weight:600}.hero-actions .btn-primary{background-color:#fff;color:var(--color-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.hero-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000026,0 4px 6px -2px #0000001a;background-color:#f9fafb}.hero-actions .btn-outline{background-color:transparent;color:#fff;border:2px solid rgba(255,255,255,.8);box-shadow:none}.hero-actions .btn-outline:hover{background-color:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.lifestyle-grid{display:flex;align-items:center;justify-content:center;padding:0 20px;max-width:1000px;margin:0 auto;position:relative;z-index:10;height:400px}.lifestyle-card{border-radius:24px;overflow:hidden;position:absolute;left:50%;top:50%;margin-left:-130px;margin-top:-190px;width:260px;flex-shrink:0;box-shadow:0 25px 50px -12px #00000059;border:4px solid rgba(255,255,255,.9);transition:box-shadow .3s ease,z-index .3s ease;background:#fff}.lifestyle-card img{width:100%;height:380px;object-fit:cover;display:block}.card-outer-left{transform:translate(-320px) rotate(-8deg) scale(.85);z-index:21}.card-inner-left{transform:translate(-140px) rotate(-4deg) scale(.95);z-index:22}.card-inner-right{transform:translate(140px) rotate(4deg) scale(.95);z-index:23}.card-outer-right{transform:translate(320px) rotate(8deg) scale(.85);z-index:20}@media(max-width:1024px){.doodle-open-container{display:none}.lifestyle-grid{transform:scale(.85);height:360px}.hero-title{font-size:52px}}@media(max-width:768px){.hero-section{padding-top:140px;padding-bottom:40px;overflow:hidden}.hero-title{font-size:40px;margin-bottom:16px}.hero-subtitle{font-size:16px;margin-bottom:40px;line-height:1.5}.lifestyle-grid{transform:scale(.8);height:340px;margin-top:-30px;margin-bottom:-30px}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:80px;margin-top:20px;width:100%}.hero-actions .btn-primary{width:100%;max-width:280px;justify-content:center;padding:16px 24px}}.app-feature-section{padding:120px 0;background-color:var(--color-white);overflow:hidden}.app-feature-container{display:flex;align-items:center;justify-content:space-between;gap:80px}.app-feature-container.reverse{flex-direction:row-reverse}.app-feature-visual{flex:1;position:relative;display:flex;justify-content:center}.app-frame-wrapper{position:relative;z-index:2;max-width:450px;transform-style:preserve-3d;transform:perspective(1000px) rotateY(10deg) rotateX(5deg);transition:transform .5s ease}.app-frame-wrapper:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.app-mockup-img{width:100%;height:auto;filter:drop-shadow(0 30px 60px rgba(0,0,0,.15));border-radius:40px;mix-blend-mode:multiply}.blob-decorator{position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,#f398501a,#fff0 70%);transform:translate(-50%,-50%);z-index:-1;border-radius:50%}.app-feature-content{flex:1;max-width:550px}.section-title{font-size:56px;font-family:var(--font-heading);color:var(--color-text-dark);margin-bottom:48px;line-height:1.1}.text-highlight{color:var(--color-primary);position:relative;display:inline-block}.feature-list{display:flex;flex-direction:column;gap:32px}.feature-list li{display:flex;gap:20px;align-items:flex-start}.check-icon{width:32px;height:32px;background-color:#27ae601a;color:var(--color-green);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:18px}.list-text strong{display:block;font-size:20px;color:var(--color-text-dark);margin-bottom:8px;font-family:var(--font-heading)}.list-text p{font-size:16px;color:var(--color-text-light);color:#666;line-height:1.5}.dashboard-feature{background-color:#f9fafb!important}.dashboard-frame{padding:20px;background-color:#fff;border-radius:16px;box-shadow:0 20px 40px #00000014}.dashboard-frame img{border-radius:8px;width:100%;display:block}@media(max-width:1024px){.app-feature-container,.app-feature-container.reverse{flex-direction:column!important;text-align:center;gap:60px}.app-feature-visual{width:100%;max-width:500px;margin:0 auto}.app-frame-wrapper{transform:none!important;max-width:100%}.app-feature-content{width:100%;max-width:100%}.feature-list li{text-align:left;justify-content:flex-start;max-width:500px;margin:0 auto}.section-title{font-size:40px;margin-bottom:24px}.section-subtitle{margin-bottom:32px}}@media(max-width:768px){.app-feature-section{padding:80px 0}.section-title{font-size:32px}.app-feature-container{gap:40px}.app-frame-wrapper{padding:10px!important}}.social-marketing-section{background-color:#fafafa}.eyebrow-text{display:block;color:var(--color-primary);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:14px}.dashboard-frame-wrapper{position:relative;z-index:2;max-width:550px;transform-style:preserve-3d;transform:perspective(1000px) rotateY(-10deg) rotateX(5deg);transition:transform .5s ease}.dashboard-frame-wrapper:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.dashboard-mockup-img{width:100%;height:auto;border-radius:12px;box-shadow:0 40px 80px #0000001a;border:1px solid rgba(0,0,0,.05);background:#fff}.blob-blue{background:radial-gradient(circle,#4267b21a,#fff0 70%)}@media(max-width:1024px){.social-marketing-container{flex-direction:column;gap:60px;text-align:center}.social-marketing-content,.social-feature-visual{max-width:100%;width:100%}}.loyalty-section{background-color:#fff}.blob-green{background:radial-gradient(circle,#27ae6026,#fff0 70%)}.text-highlight.highlight-green{color:var(--color-green)}.check-icon.icon-green{background-color:#27ae601a;color:var(--color-green);border:none;font-size:20px}.how-it-works-section{padding:120px 0;background-color:#fafafa;position:relative;overflow:hidden}.hiw-header{text-align:center;max-width:700px;margin:0 auto 80px}.steps-container{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;position:relative;z-index:1}.step-card{flex:1;background:#fff;border-radius:24px;padding:40px;position:relative;box-shadow:0 10px 30px #0000000a;border:1px solid rgba(0,0,0,.03);transition:transform .3s ease,box-shadow .3s ease;text-align:left}.step-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000014}.step-number{position:absolute;top:-20px;right:30px;font-size:80px;font-weight:800;color:#ff3e4614;line-height:1;-webkit-user-select:none;user-select:none}.step-icon-wrapper{width:64px;height:64px;background:#ff3e461a;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.step-icon-svg{color:#ff3e46}.step-title{font-size:22px;font-weight:700;color:#111827;margin-bottom:12px}.step-desc{font-size:16px;color:#6b7280;line-height:1.6}.step-connector{position:absolute;top:50%;right:-40px;width:40px;height:2px;background-image:linear-gradient(to right,#E5E7EB 50%,transparent 50%);background-size:10px 2px;background-repeat:repeat-x;transform:translateY(-50%);z-index:-1}@media(max-width:992px){.steps-container{flex-direction:column;gap:24px}.step-connector{display:none}}.faq-section{padding:120px 0 140px;background-color:#f8fafc;position:relative;overflow:hidden}.faq-section:before{content:"";position:absolute;top:-100px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,#ff3e460a,#ff3e4600 70%);border-radius:50%;z-index:0;pointer-events:none}.faq-section:after{content:"";position:absolute;bottom:-150px;left:-150px;width:800px;height:800px;background:radial-gradient(circle,#10b98108,#10b98100 70%);border-radius:50%;z-index:0;pointer-events:none}.faq-header{text-align:center;max-width:600px;margin:0 auto 60px;position:relative;z-index:1}.faq-badge{display:inline-block;padding:8px 16px;background:#ff3e4614;color:#ff3e46;border-radius:100px;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:24px}.faq-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.faq-item{background:#fff;border:1px solid rgba(229,231,235,.6);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005}.faq-item:hover{border-color:#ff3e4633;box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005;transform:translateY(-2px)}.faq-item.active{border-color:#ff3e4666;background:#fff;box-shadow:0 20px 25px -5px #ff3e460f,0 10px 10px -5px #ff3e4608;transform:translateY(-2px)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:28px 32px;background:transparent;border:none;cursor:pointer;font-size:18px;font-weight:600;color:#111827;text-align:left;transition:color .3s ease}.faq-question:hover{color:#ff3e46}.faq-icon{color:#9ca3af;transition:transform .4s cubic-bezier(.4,0,.2,1),color .3s ease;flex-shrink:0;margin-left:20px;background:#f3f4f6;border-radius:50%;padding:4px;box-sizing:content-box}.faq-item.active .faq-icon{transform:rotate(180deg);color:#fff;background:#ff3e46}.faq-answer-wrapper{overflow:hidden}.faq-answer{padding:0 32px 28px;font-size:16px;line-height:1.8;color:#4b5563}@media(max-width:768px){.faq-question{padding:24px 20px;font-size:16px}.faq-answer{padding:0 20px 24px;font-size:15px}.faq-section{padding:80px 0}}.cta-section{padding:100px 0;text-align:center;position:relative;overflow:hidden}.cta-theme{background-color:#f39850;color:var(--color-white)}.cta-container{position:relative;display:flex;justify-content:center;z-index:10}.cta-content{max-width:800px;position:relative}.cta-title{font-family:var(--font-heading);font-size:64px;line-height:1.1;margin-bottom:40px;color:var(--color-white);font-weight:500}.font-serif{font-family:Playfair Display,serif;font-weight:700;font-style:italic}.cta-actions{display:flex;justify-content:center;gap:16px;position:relative}.doodle-arrow-cta{position:absolute;left:-40px;bottom:10px;width:60px;height:60px;transform:rotate(-15deg);opacity:.9}.btn-white-primary{background-color:var(--color-white);color:#f39850;padding:16px 40px;border-radius:8px;font-size:18px;font-weight:700;transition:transform .2s;border:2px solid var(--color-white)}.btn-white-primary:hover{transform:translateY(-2px);background-color:#f0f0f0}.btn-outline-white{background:transparent;border:2px solid var(--color-white);color:var(--color-white);padding:16px 40px;border-radius:8px;font-size:18px;font-weight:700;transition:all .2s}.btn-outline-white:hover{background-color:#ffffff1a}@media(max-width:768px){.cta-title{font-size:42px}.cta-actions{flex-direction:column;align-items:center}.doodle-arrow-cta{display:none}}