.landing-page{--navy:#2d3a4b;--radish:#bf2068;--radish-glow:#bf20681f;--radish-light:#d4347e;--green:#34a853;--green-glow:#34a8531a;--cream:#fdfcf9;--cream-mid:#f6f4ef;--text-body:#5a6a7d;--lp-border:#2d3a4b12;color:var(--navy);background:var(--cream);-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif;overflow-x:hidden}.landing-page .lp-nav{z-index:999;-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--lp-border);background:#fdfcf9e0;justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:fixed;top:0;left:0;right:0}.landing-page .nav-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.landing-page .nav-brand .icon{background:var(--radish-glow);width:38px;height:38px;color:var(--radish);border-radius:10px;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.landing-page .nav-brand .icon-img{object-fit:contain;width:56px;height:56px}.landing-page .nav-brand .wordmark{color:var(--navy);font-family:Dancing Script,cursive;font-size:30px;font-weight:700}.landing-page .nav-right{align-items:center;gap:32px;display:flex}.landing-page .nav-right a,.landing-page .nav-right button{color:var(--navy);opacity:.6;cursor:pointer;background:0 0;border:none;font-family:DM Sans,system-ui,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s}.landing-page .nav-right a:hover,.landing-page .nav-right button:hover{opacity:1}.landing-page .btn-nav{background:var(--navy);border-radius:10px;padding:10px 26px;font-weight:700;transition:all .25s;color:var(--cream)!important;opacity:1!important}.landing-page .btn-nav:hover{background:var(--radish);transform:translateY(-1px)}.landing-page .hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:160px 24px 100px;display:flex;position:relative;overflow:hidden}.landing-page .hero:before{content:"";background:radial-gradient(circle,var(--radish-glow)0%,transparent 65%);pointer-events:none;width:700px;height:700px;position:absolute;top:-300px;right:-200px}.landing-page .hero:after{content:"";background:radial-gradient(circle,var(--green-glow)0%,transparent 65%);pointer-events:none;width:600px;height:600px;position:absolute;bottom:-200px;left:-200px}.landing-page .hero-logo-img{object-fit:contain;width:80px;height:auto;margin-bottom:28px;animation:.7s both lpFadeUp}.landing-page .hero-pill{background:var(--radish-glow);color:var(--radish);letter-spacing:.04em;border-radius:100px;align-items:center;gap:8px;margin-bottom:36px;padding:8px 22px;font-size:13px;font-weight:700;animation:.7s both lpFadeUp;display:inline-flex}.landing-page .hero-pill .dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2.4s infinite lpBlink}.landing-page .hero h1{letter-spacing:-.04em;max-width:860px;margin-bottom:28px;font-family:Outfit,sans-serif;font-size:clamp(44px,7vw,82px);font-weight:900;line-height:1.06;animation:.7s 80ms both lpFadeUp}.landing-page .hero h1 em{color:var(--radish);font-family:Dancing Script,cursive;font-style:normal;font-weight:700}.landing-page .hero>p{color:var(--text-body);max-width:560px;margin-bottom:48px;font-size:clamp(16px,1.8vw,20px);line-height:1.75;animation:.7s .16s both lpFadeUp}.landing-page .hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;animation:.7s .24s both lpFadeUp;display:flex}.landing-page .btn-main{background:var(--radish);color:#fff;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:8px;padding:16px 38px;font-family:DM Sans,system-ui,sans-serif;font-size:16px;font-weight:800;text-decoration:none;transition:all .3s;display:inline-flex}.landing-page .btn-main:hover{background:var(--radish-light);transform:translateY(-2px);box-shadow:0 16px 48px #bf206847}.landing-page .btn-ghost{color:var(--navy);cursor:pointer;background:0 0;border:2px solid #2d3a4b1f;border-radius:14px;padding:16px 38px;font-family:DM Sans,system-ui,sans-serif;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s}.landing-page .btn-ghost:hover{border-color:var(--navy);transform:translateY(-2px)}.landing-page .hero-mockup-wrap{z-index:1;width:100%;max-width:1060px;margin-top:72px;animation:.9s .4s both lpFadeUp;position:relative}.landing-page .mockup-frame{background:#1a2332;border-radius:18px;overflow:hidden;box-shadow:0 50px 120px #2d3a4b38}.landing-page .mockup-bar{background:#ffffff06;border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;padding:14px 20px;display:flex}.landing-page .mockup-dot{border-radius:50%;width:11px;height:11px}.landing-page .mockup-dot.r{background:#ff5f57}.landing-page .mockup-dot.y{background:#ffbd2e}.landing-page .mockup-dot.g{background:#28c840}.landing-page .mockup-url{color:#ffffff59;background:#ffffff0a;border-radius:8px;flex:1;margin-left:14px;padding:7px 18px;font-size:13px;font-weight:500}.landing-page .mockup-body{aspect-ratio:16/8.5;background:linear-gradient(160deg,#1c2a3a 0%,#2d3a4b 50%,#1e2f40 100%);grid-template-columns:repeat(3,1fr);align-content:start;gap:16px;padding:32px;display:grid}.landing-page .m-card{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:14px;padding:22px}.landing-page .m-card .label{color:#ffffff4d;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:11px}.landing-page .m-card .val{color:#fff;letter-spacing:-.02em;font-size:28px;font-weight:900}.landing-page .m-card .sub{margin-top:4px;font-size:12px;font-weight:700}.landing-page .m-card .sub.gr{color:var(--green)}.landing-page .m-card .sub.pk{color:var(--radish-light)}.landing-page .m-row{background:#ffffff09;border:1px solid #ffffff0a;border-radius:10px;grid-column:span 3;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.landing-page .m-row .addr{color:#ffffff8c;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.landing-page .m-row .dot{background:var(--green);border-radius:50%;width:9px;height:9px}.landing-page .m-row .dot.yl{background:#ffbd2e}.landing-page .m-row .amt{color:#fffc;font-size:13px;font-weight:800}.landing-page .stats-bar{border-top:1px solid var(--lp-border);border-bottom:1px solid var(--lp-border);justify-content:center;gap:80px;padding:64px 24px;display:flex}.landing-page .stat-item h3{letter-spacing:-.03em;color:var(--navy);font-family:Outfit,sans-serif;font-size:44px;font-weight:900}.landing-page .stat-item span{color:var(--text-body);font-size:14px;font-weight:500}.landing-page .features{padding:120px 40px}.landing-page .sec-head{text-align:center;margin-bottom:72px}.landing-page .sec-label{text-transform:uppercase;letter-spacing:.14em;color:var(--radish);margin-bottom:14px;font-size:12px;font-weight:800;display:inline-block}.landing-page .sec-head h2{letter-spacing:-.035em;max-width:680px;margin:0 auto 18px;font-family:Outfit,sans-serif;font-size:clamp(30px,4.5vw,50px);font-weight:900;line-height:1.1}.landing-page .sec-head p{color:var(--text-body);max-width:520px;margin:0 auto;font-size:18px;line-height:1.65}.landing-page .f-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1140px;margin:0 auto;display:grid}.landing-page .f-card{border:1px solid var(--lp-border);background:#fff;border-radius:20px;padding:36px 30px;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.landing-page .f-card:after{content:"";background:linear-gradient(90deg,var(--radish),var(--green));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.landing-page .f-card:hover{transform:translateY(-6px);box-shadow:0 24px 64px #2d3a4b14}.landing-page .f-card:hover:after{opacity:1}.landing-page .f-icon{border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:22px;font-size:24px;display:flex}.landing-page .f-icon.pk{background:var(--radish-glow)}.landing-page .f-icon.gn{background:var(--green-glow)}.landing-page .f-icon.nv{background:#2d3a4b0d}.landing-page .f-card h3{margin-bottom:10px;font-family:Outfit,sans-serif;font-size:18px;font-weight:800}.landing-page .f-card p{color:var(--text-body);font-size:14px;line-height:1.75}.landing-page .splits{max-width:1140px;margin:0 auto;padding:40px 40px 120px}.landing-page .split{grid-template-columns:1fr 1fr;align-items:center;gap:72px;margin-bottom:120px;display:grid}.landing-page .split.rev{direction:rtl}.landing-page .split.rev>*{direction:ltr}.landing-page .split-text h3{letter-spacing:-.03em;margin-bottom:18px;font-family:Outfit,sans-serif;font-size:clamp(26px,3vw,38px);font-weight:900;line-height:1.15}.landing-page .split-text p{color:var(--text-body);margin-bottom:28px;font-size:15px;line-height:1.8}.landing-page .check-list{flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.landing-page .check-list li{color:var(--navy);align-items:flex-start;gap:12px;font-size:15px;font-weight:600;display:flex}.landing-page .check-list li:before{content:"✓";background:var(--green-glow);min-width:22px;height:22px;color:var(--green);border-radius:7px;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:flex}.landing-page .split-visual{background:var(--navy);aspect-ratio:4/3;border-radius:20px;flex-direction:column;justify-content:center;gap:10px;padding:36px;display:flex;position:relative;overflow:hidden}.landing-page .split-visual:before{content:"";pointer-events:none;background:radial-gradient(circle,#bf20681f 0%,#0000 60%);width:80%;height:80%;position:absolute;top:-40%;right:-40%}.landing-page .sv-row{z-index:1;background:#ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:relative}.landing-page .sv-row .lbl{color:#ffffff73;font-size:13px;font-weight:500}.landing-page .sv-row .val{color:#fff;font-size:14px;font-weight:800}.landing-page .lp-badge{border-radius:7px;padding:4px 12px;font-size:11px;font-weight:800}.landing-page .lp-badge.gn{color:#3fbe62;background:#34a8532e}.landing-page .lp-badge.yl{color:#ffbd2e;background:#ffbd2e2e}.landing-page .lp-badge.rd{color:#ff6b63;background:#ff5f572e}.landing-page .pricing{background:var(--navy);padding:120px 40px;position:relative;overflow:hidden}.landing-page .pricing:before{content:"";pointer-events:none;background:radial-gradient(circle,#bf206814 0%,#0000 55%);width:900px;height:900px;position:absolute;top:-250px;left:50%;transform:translate(-50%)}.landing-page .pricing .sec-label{color:var(--radish-light)}.landing-page .pricing .sec-head h2{color:#fff}.landing-page .pricing .sec-head p{color:#ffffff73}.landing-page .p-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:24px;max-width:960px;margin:0 auto;display:grid;position:relative}.landing-page .p-card{background:#ffffff09;border:1px solid #ffffff12;border-radius:22px;padding:40px 30px;position:relative}.landing-page .p-card.pop{background:#bf206814;border-color:#bf206840;transform:scale(1.04)}.landing-page .p-card.pop:after{content:"Most Popular";background:var(--radish);color:#fff;letter-spacing:.04em;white-space:nowrap;border-radius:100px;padding:6px 18px;font-size:11px;font-weight:800;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.landing-page .p-name{color:#ffffff80;margin-bottom:8px;font-size:15px;font-weight:700}.landing-page .p-price{color:#fff;letter-spacing:-.03em;font-family:Outfit,sans-serif;font-size:50px;font-weight:900}.landing-page .p-price span{color:#ffffff59;font-size:16px;font-weight:500}.landing-page .p-desc{color:#ffffff59;margin:6px 0 30px;font-size:14px;line-height:1.5}.landing-page .p-list{flex-direction:column;gap:11px;margin-bottom:32px;padding:0;list-style:none;display:flex}.landing-page .p-list li{color:#ffffffa6;align-items:center;gap:10px;font-size:14px;display:flex}.landing-page .p-list li:before{content:"✓";color:var(--green);font-size:12px;font-weight:900}.landing-page .p-btn{cursor:pointer;text-align:center;border:none;border-radius:12px;width:100%;padding:14px;font-family:DM Sans,system-ui,sans-serif;font-size:15px;font-weight:800;text-decoration:none;transition:all .3s;display:block}.landing-page .p-btn.outline{color:#fff;background:0 0;border:2px solid #ffffff1f}.landing-page .p-btn.outline:hover{border-color:#ffffff59}.landing-page .p-btn.solid{background:var(--radish);color:#fff}.landing-page .p-btn.solid:hover{background:var(--radish-light);transform:translateY(-1px)}.landing-page .setup{background:var(--cream-mid);padding:120px 40px}.landing-page .setup-inner{max-width:800px;margin:0 auto}.landing-page .setup .sec-head{text-align:left;margin-bottom:48px}.landing-page .setup .sec-head h2{margin:0 0 18px}.landing-page .step-list{flex-direction:column;gap:24px;display:flex}.landing-page .step{align-items:flex-start;gap:24px;display:flex}.landing-page .step-num{background:var(--navy);color:#fff;border-radius:14px;justify-content:center;align-items:center;min-width:44px;height:44px;font-family:Outfit,sans-serif;font-size:18px;font-weight:900;display:flex}.landing-page .step-body h4{margin-bottom:6px;font-family:Outfit,sans-serif;font-size:18px;font-weight:800}.landing-page .step-body p{color:var(--text-body);font-size:14px;line-height:1.7}.landing-page .cta{text-align:center;padding:120px 40px}.landing-page .cta h2{letter-spacing:-.035em;margin-bottom:18px;font-family:Outfit,sans-serif;font-size:clamp(30px,5vw,50px);font-weight:900;line-height:1.1}.landing-page .cta h2 em{color:var(--radish);font-family:Dancing Script,cursive;font-style:normal;font-weight:700}.landing-page .cta p{color:var(--text-body);max-width:480px;margin:0 auto 36px;font-size:18px;line-height:1.65}.landing-page .lp-footer{border-top:1px solid var(--lp-border);justify-content:space-between;align-items:center;padding:40px;display:flex}.landing-page .foot-brand{align-items:center;gap:10px;display:flex}.landing-page .foot-brand .icon{background:var(--radish-glow);width:28px;height:28px;color:var(--radish);border-radius:7px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.landing-page .foot-brand .icon-img{object-fit:contain;width:44px;height:44px}.landing-page .foot-brand .wordmark{color:var(--navy);font-family:Dancing Script,cursive;font-size:22px;font-weight:700}.landing-page .foot-copy{color:var(--text-body);font-size:13px}.landing-page .foot-links{gap:24px;display:flex}.landing-page .foot-links a{color:var(--text-body);font-size:13px;text-decoration:none;transition:color .2s}.landing-page .foot-links a:hover{color:var(--navy)}@keyframes lpFadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes lpBlink{0%,to{opacity:1}50%{opacity:.3}}.landing-page .reveal{opacity:0;transition:all .7s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.landing-page .reveal.show{opacity:1;transform:translateY(0)}@media (max-width:900px){.landing-page .lp-nav{padding:14px 20px}.landing-page .nav-right a:not(.btn-nav):not(.btn-demo),.landing-page .nav-right button:not(.btn-nav):not(.btn-demo){display:none}.landing-page .btn-demo{border:2px solid #2d3a4b1f;border-radius:10px;padding:8px 18px;font-size:13px;font-weight:700;opacity:1!important}.landing-page .f-grid{grid-template-columns:1fr}.landing-page .split,.landing-page .split.rev{direction:ltr;grid-template-columns:1fr;gap:40px}.landing-page .split.rev>*{direction:ltr}.landing-page .p-grid{grid-template-columns:1fr;max-width:380px}.landing-page .p-card.pop{transform:scale(1)}.landing-page .stats-bar{flex-wrap:wrap;gap:32px}.landing-page .hero-actions{flex-direction:column;align-items:center}.landing-page .mockup-body{aspect-ratio:auto;grid-template-columns:1fr;padding:20px}.landing-page .m-card .val{font-size:22px}.landing-page .m-row{grid-column:span 1}.landing-page .lp-footer{text-align:center;flex-direction:column;gap:16px}.landing-page .features,.landing-page .pricing,.landing-page .cta,.landing-page .setup{padding:80px 20px}.landing-page .splits{padding:20px 20px 80px}}
