:root{--navy:#343872;--navy-dark:#1b1e42;--orange:#fb8c00;--orange-light:#ffb45c;--surface:#f6f6fc;--muted:#6668a0;--muted-soft:#9496c4;--green:#22c55e;--border:#eef0f8}.landing-page{color:var(--navy);font-family:var(--font-body,"Segoe UI"), Arial, sans-serif;background:#fff;min-height:100vh;position:relative;overflow-x:hidden}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page .brand-text,.landing-page .tile-label,.landing-page .live-pill,.landing-page .notif-title{font-family:var(--font-display,"Segoe UI"), Arial, sans-serif}.landing-page .sync-value,.landing-page .tile-tag,.landing-page .timeline-node{font-family:var(--font-mono,monospace)}.landing-page .bg-ambient{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.landing-page .bg-sticker{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:auto;background:#ffffffeb;border:1px solid #eef0f8f2;border-radius:14px;padding:10px 14px;animation:12s cubic-bezier(.25,1,.5,1) infinite peekInOut;position:absolute;box-shadow:0 20px 45px -18px #34387238}.landing-page .bg-sticker-pie{width:170px;animation-duration:12s;animation-delay:0s;top:14%;left:2%}.landing-page .bg-sticker-stock{align-items:center;gap:10px;width:180px;animation-duration:14s;animation-delay:2.8s;display:flex;top:36%;right:2%}.landing-page .bg-sticker-spark{width:165px;animation-duration:11s;animation-delay:5.5s;top:60%;left:2%}.landing-page .bg-sticker-sync{align-items:center;gap:10px;width:190px;animation-duration:13s;animation-delay:1.2s;display:flex;top:74%;right:2.5%}.landing-page .bg-sticker-toast{align-items:center;gap:10px;width:195px;animation-duration:15s;animation-delay:4.2s;display:flex;top:86%;left:3%}.landing-page .sync-icon{color:var(--orange);background:#fb8c001f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}@keyframes peekInOut{0%{opacity:0;transform:translateY(18px)scale(.92)}16%,45%{opacity:.95;transform:translateY(0)scale(1)}60%,to{opacity:0;transform:translateY(-16px)scale(.92)}}.landing-page .network-field{opacity:.9;width:100%;height:100%;position:absolute;inset:0}.landing-page .orb{filter:blur(70px);opacity:.35;will-change:transform;border-radius:50%;position:absolute}.landing-page .orb-orange{background:radial-gradient(circle at 35% 35%, var(--orange-light), var(--orange) 60%, transparent 75%);opacity:.35;width:min(46vw,620px);height:min(46vw,620px);animation:26s ease-in-out infinite orbDriftA;top:-12%;right:-10%}.landing-page .orb-navy{background:radial-gradient(circle at 40% 40%, #4a4fa0, var(--navy) 60%, transparent 75%);opacity:.22;width:min(40vw,540px);height:min(40vw,540px);animation:32s ease-in-out infinite orbDriftB;top:38%;left:-14%}@keyframes orbDriftC{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-8%,-10%)scale(1.12)}}@keyframes orbDriftA{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-6%,8%)scale(1.08)}}@keyframes orbDriftB{0%,to{transform:translate(0)scale(1)}50%{transform:translate(8%,-6%)scale(1.06)}}.landing-page .reveal{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.landing-page .reveal-hidden{opacity:0;transform:translateY(28px)}.landing-page .reveal-in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.landing-page .reveal{opacity:1!important;transition:none!important;transform:none!important}.landing-page .browser-frame{transition:none!important}.landing-page .live-dot,.landing-page .floating-toast,.landing-page .orb,.landing-page .particle,.landing-page .timeline-pulse,.landing-page .sync-ring,.landing-page .mini-line-path,.landing-page .cta-glow{animation:none!important}}.landing-page .nav{z-index:100;-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);background:#ffffffd1;border-bottom:1px solid #eef0f8d9;transition:all .3s;position:sticky;top:0}.landing-page .nav-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:14px clamp(16px,4vw,24px);display:flex}.landing-page .brand{align-items:center;gap:10px;text-decoration:none;display:flex}.landing-page .brand-logo{object-fit:contain;width:auto;height:clamp(30px,4vw,38px)}.landing-page .nav-badge{color:var(--navy);background:#eef0f8;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.landing-page .live-dot-sm{background:var(--green);border-radius:50%;width:6px;height:6px;animation:1.8s infinite pulse;box-shadow:0 0 6px 1px #22c55e99}.landing-page .nav-links{gap:28px;margin-left:36px;margin-right:auto;display:flex}.landing-page .nav-links a{color:var(--muted);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.landing-page .nav-links a:hover{color:var(--orange)}.landing-page .btn{white-space:nowrap;border-radius:8px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s,color .2s;display:inline-block}.landing-page .btn:hover{transform:translateY(-2px)}.landing-page .btn-primary{background:var(--orange);color:#fff;padding:13px clamp(18px,3vw,30px);font-size:15px;box-shadow:0 10px 24px -10px #fb8c0080}.landing-page .btn-primary:hover{box-shadow:0 14px 30px -10px #fb8c0099}.landing-page .btn-outline{color:var(--navy);border:1px solid var(--border);padding:13px 24px;font-size:15px}.landing-page .btn-outline:hover{border-color:var(--orange);color:var(--orange)}.landing-page .nav-btn{padding:10px clamp(14px,3vw,22px);font-size:14px}.landing-page .hero{grid-template-columns:.85fr 1.15fr;align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding:clamp(48px,8vw,72px) 24px 40px;display:grid;position:relative}.landing-page .eyebrow{color:var(--orange);text-transform:uppercase;letter-spacing:.08em;background:#fff3e2;border-radius:999px;margin-bottom:20px;padding:6px 13px;font-size:12px;font-weight:700;display:inline-block}.landing-page h1{letter-spacing:-.015em;margin:0 0 18px;font-size:clamp(28px,4.4vw,40px);font-weight:700;line-height:1.18}.landing-page .accent{color:var(--orange)}.landing-page .sub{max-width:400px;color:var(--muted);margin-bottom:30px;font-size:16px;line-height:1.7}.landing-page .hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:26px;display:flex}.landing-page .hero-trust{color:var(--muted-soft);align-items:center;gap:12px;font-size:13px;display:flex}.landing-page .trust-avatars{display:flex}.landing-page .trust-dot{border:2px solid #fff;border-radius:50%;width:22px;height:22px;margin-left:-8px;box-shadow:0 2px 6px #3438722e}.landing-page .trust-dot:first-child{margin-left:0}.landing-page .trust-dot.dot-orange{background:linear-gradient(160deg, var(--orange-light), var(--orange))}.landing-page .trust-dot.dot-navy{background:linear-gradient(160deg, var(--navy), var(--navy-dark))}.landing-page .trust-dot.dot-green{background:linear-gradient(160deg, #4ade80, var(--green))}.landing-page .hero-stage{perspective:1600px}.landing-page .stage-3d{position:relative}.landing-page .stage-glow{filter:blur(10px);pointer-events:none;z-index:0;background:radial-gradient(at 50% 45%,#fb8c0029,#0000 65%);position:absolute;inset:-14% -10%}.landing-page .ghost-panel{pointer-events:none;border-radius:16px;position:absolute;inset:0}.landing-page .ghost-panel-back{opacity:.28;background:linear-gradient(160deg,#363a76,#20234e);transform:rotateY(13deg)rotateX(-6deg)translate3d(36px,36px,-140px);box-shadow:0 40px 80px -34px #00000080}.landing-page .ghost-panel-mid{opacity:.5;background:linear-gradient(160deg,#2a2e63,#1f2250);transform:rotateY(10deg)rotateX(-4deg)translate3d(20px,22px,-80px);box-shadow:0 30px 60px -30px #0000008c}.landing-page .particle{background:radial-gradient(circle, var(--orange-light), var(--orange));opacity:0;z-index:1;border-radius:50%;animation:8s ease-in-out infinite particleFloat;position:absolute;box-shadow:0 0 10px 2px #fb8c0073}@keyframes particleFloat{0%{opacity:0;transform:translateY(12px)scale(.7)}12%{opacity:.9}50%{opacity:1;transform:translate(6px,-18px)scale(1)}88%{opacity:.7}to{opacity:0;transform:translate(-4px,-42px)scale(.6)}}.landing-page .browser-frame{z-index:2;border:1px solid var(--border);will-change:transform;background:#fff;border-radius:16px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 40px 80px -25px #34387266}.landing-page .browser-frame:hover{box-shadow:0 50px 100px -20px #fb8c0038,0 30px 60px -25px #34387273}.landing-page .hero-banner-wrapper{background:#fff;width:100%;display:block;position:relative;overflow:hidden}.landing-page .hero-banner-wrapper:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);width:100%;height:100%;animation:7s ease-in-out infinite shimmerSweep;position:absolute;top:0;left:-150%;transform:skew(-25deg)}@keyframes shimmerSweep{0%{left:-150%}30%,to{left:200%}}.landing-page .hero-banner-image{object-fit:cover;width:100%;height:auto;transition:transform .4s;display:block}.landing-page .browser-frame:hover .hero-banner-image{transform:scale(1.015)}.landing-page .browser-top{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:12px 16px;display:flex}.landing-page .browser-dots{gap:6px;display:flex}.landing-page .dot{background:#d8dbef;border-radius:50%;width:8px;height:8px}.landing-page .browser-url{color:var(--muted-soft);background:var(--surface);border-radius:999px;padding:4px 12px;font-size:12px}.landing-page .live-pill{color:var(--navy);background:#eef9f0;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.landing-page .live-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:1.8s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.landing-page .bento{background:var(--border);grid-template-rows:auto auto;grid-template-columns:1.2fr 1fr;gap:1px;display:grid}.landing-page .bento-tile{background:#fff;padding:18px 20px;position:relative}.landing-page .tile-label{margin:0 0 12px;font-size:12.5px;font-weight:700}.landing-page .mini-bars{align-items:flex-end;gap:8px;height:64px;display:flex}.landing-page .mini-bars span{background:linear-gradient(180deg, var(--orange-light), var(--orange));transform-origin:bottom;border-radius:3px 3px 0 0;flex:1;transition:transform .6s cubic-bezier(.22,1,.36,1);transform:scaleY(1)}.landing-page .reveal-hidden .mini-bars span{transform:scaleY(0)}.landing-page .bento-stock{position:relative;overflow:hidden}.landing-page .mini-line{width:100%;height:62px}.landing-page .mini-line-path{stroke-dasharray:210;stroke-dashoffset:210px;animation:2.2s ease-out .3s forwards drawLine}@keyframes drawLine{to{stroke-dashoffset:0}}.landing-page .tile-tag{color:var(--green);background:#eef9f0;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;top:18px;right:20px}.landing-page .bento-sync{background:linear-gradient(160deg, var(--navy-dark), var(--navy));overflow:hidden}.landing-page .sync-ring{border:1px solid #ffffff24;border-radius:50%;width:110px;height:110px;animation:3.4s ease-out infinite ringExpand;position:absolute;bottom:-30px;right:-30px}@keyframes ringExpand{0%{opacity:.6;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}.landing-page .muted-on-dark{color:#b6b8e6}.landing-page .sync-value{color:#fff;margin:0;font-size:30px;font-weight:600;position:relative}.landing-page .sync-caption{color:#9496c4;margin:2px 0 0;font-size:12px;position:relative}.landing-page .notif-list{flex-direction:column;gap:12px;display:flex}.landing-page .notif-row{align-items:flex-start;gap:10px;display:flex}.landing-page .notif-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.landing-page .dot-orange{background:var(--orange)}.landing-page .dot-green{background:var(--green)}.landing-page .dot-navy{background:var(--navy)}.landing-page .notif-title{margin:0;font-size:12.5px;font-weight:600}.landing-page .notif-sub{color:var(--muted-soft);margin:2px 0 0;font-size:11px}.landing-page .floating-toast{z-index:3;border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:10px;width:210px;padding:12px 14px;animation:4.5s ease-in-out infinite floatIdle;display:flex;position:absolute;box-shadow:0 22px 40px -18px #06081e59}.landing-page .floating-chart{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);background:#fffffff0;border-radius:14px;padding:12px 14px;animation:5s ease-in-out infinite floatIdleChart;position:absolute;box-shadow:0 25px 45px -18px #34387247}.landing-page .float-chart-pie{width:175px;top:12%;left:-9%}.landing-page .float-chart-spark{width:170px;animation-delay:2.2s;bottom:-15px;right:-8%}@keyframes floatIdleChart{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.landing-page .chart-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.landing-page .chart-label{color:var(--navy);font-size:11.5px;font-weight:700}.landing-page .chart-tag{color:var(--green);background:#eef9f0;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}.landing-page .pie-visual{align-items:center;gap:10px;display:flex}.landing-page .pie-svg{flex-shrink:0;width:38px;height:38px;transform:rotate(-90deg)}.landing-page .pie-legend{flex-direction:column;gap:4px;display:flex}.landing-page .legend-item{color:var(--muted);align-items:center;gap:5px;font-size:10px;font-weight:500;display:flex}.landing-page .leg-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.landing-page .leg-orange{background:var(--orange)}.landing-page .leg-navy{background:var(--navy)}.landing-page .sparkline-svg{width:100%;height:35px;display:block}.landing-page .live-dot-pulse{background:var(--green);border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse;box-shadow:0 0 8px 2px #22c55e99}.landing-page .toast-a{bottom:-28px;left:-8%}.landing-page .toast-b{width:188px;animation-delay:1.4s;top:6%;right:-6%}@keyframes floatIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.landing-page .how{max-width:1200px;margin:0 auto;padding:clamp(64px,10vw,96px) 24px 20px;position:relative}.landing-page .section-head{text-align:center;margin-bottom:56px}.landing-page .eyebrow-dark{color:var(--orange);background:#fff3e2}.landing-page .section-head h2{letter-spacing:-.01em;margin:14px 0 0;font-size:clamp(22px,3.6vw,30px);font-weight:700}.landing-page .timeline{grid-template-columns:repeat(3,1fr);gap:32px;display:grid;position:relative}.landing-page .timeline-line{background:var(--border);height:1px;position:absolute;top:19px;left:8%;right:8%;overflow:visible}.landing-page .timeline-pulse{background:var(--orange);border-radius:50%;width:10px;height:10px;animation:4.5s ease-in-out infinite pulseTravel;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 0 14px 3px #fb8c008c}@keyframes pulseTravel{0%{opacity:0;left:0%}8%{opacity:1}92%{opacity:1}to{opacity:0;left:100%}}.landing-page .node-wrapper{justify-content:center;margin-bottom:18px;display:flex;position:relative}.landing-page .timeline-node{z-index:2;background:var(--navy);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:600;transition:all .35s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;box-shadow:0 4px 12px #34387240}.landing-page .timeline-step:hover .timeline-node{background:linear-gradient(135deg,#fb8c00,#ff5722);transform:scale(1.22);box-shadow:0 0 20px 4px #fb8c008c}.landing-page .timeline-step{text-align:center;padding:0 12px;transition:transform .35s;position:relative}.landing-page .timeline-step:hover{transform:translateY(-6px)}.landing-page .timeline-step h3{margin:0 0 8px;font-size:17px;transition:color .3s}.landing-page .timeline-step:hover h3{color:var(--orange)}.landing-page .timeline-step p{max-width:260px;color:var(--muted);margin:0 auto;font-size:14px;line-height:1.65}.landing-page .step-hover-badge{justify-content:center;margin-top:14px;display:flex}.landing-page .step-hover-badge span{color:var(--navy);opacity:0;background:#fff3e2;border:1px solid #fb8c004d;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;transition:all .35s;transform:translateY(6px);box-shadow:0 6px 14px -4px #fb8c0040}.landing-page .timeline-step:hover .step-hover-badge span{opacity:1;color:var(--orange);transform:translateY(0)}.landing-page .feature-bento{max-width:1200px;margin:0 auto;padding:clamp(60px,9vw,90px) 24px;position:relative}.landing-page .fb-grid{perspective:1000px;grid-template-rows:repeat(2,auto);grid-template-columns:1.3fr 1fr;gap:18px;display:grid}.landing-page .fb-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:28px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s;position:relative;overflow:hidden}.landing-page .fb-card:before{content:"";background:linear-gradient(90deg, var(--orange), #6366f1);opacity:0;height:3px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.landing-page .fb-card:hover{border-color:#fb8c0080;transform:translateY(-6px)rotateX(3deg)rotateY(-2deg);box-shadow:0 26px 48px -26px #34387259}.landing-page .fb-card:hover:before{opacity:1}.landing-page .fb-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.landing-page .bar-hover-tag{color:var(--orange);opacity:0;background:#fff3e2;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;transition:all .3s;transform:translateY(6px)}.landing-page .fb-large:hover .bar-hover-tag{opacity:1;transform:translateY(0)}.landing-page .fb-icon{background:linear-gradient(135deg, var(--navy), var(--navy-dark));border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;transition:transform .3s,background .3s;display:flex;box-shadow:0 8px 20px -6px #34387266}.landing-page .fb-card:hover .fb-icon{background:linear-gradient(135deg,#fb8c00,#ff5722);transform:scale(1.08)}.landing-page .fb-large:hover .mini-bars .eq-bar{animation:1.2s ease-in-out infinite alternate barEQ;animation-delay:var(--bar-delay)}@keyframes barEQ{0%{height:25%}50%{height:90%}to{height:45%}}.landing-page .fb-card-notif:hover .bell-icon svg{animation:.5s ease-in-out infinite alternate bellRing}@keyframes bellRing{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}.landing-page .hover-notif-row{color:var(--navy);opacity:.6;background:#f6f6fc;border-radius:8px;align-items:center;gap:8px;margin-top:14px;padding:6px 10px;font-size:11.5px;font-weight:600;transition:all .3s;display:flex;transform:translateY(4px)}.landing-page .fb-card-notif:hover .hover-notif-row{opacity:1;color:var(--orange);background:#fff3e2;transform:translateY(0)}.landing-page .fb-card-sync:hover .sync-spin-icon svg{animation:1.4s linear infinite spinIcon}@keyframes spinIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.landing-page .hover-sync-bar{background:#eef0f8;border-radius:999px;width:100%;height:4px;margin-top:14px;overflow:hidden}.landing-page .hover-sync-fill{background:linear-gradient(90deg, var(--navy), var(--orange));border-radius:999px;width:0%;height:100%;transition:width .8s ease-out}.landing-page .fb-card-sync:hover .hover-sync-fill{width:100%}.landing-page .fb-large{flex-direction:column;grid-row:span 2;display:flex}.landing-page .fb-icon{background:linear-gradient(160deg, var(--navy), var(--navy-dark));border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:16px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;display:flex}.landing-page .fb-card:hover .fb-icon{transform:scale(1.08)rotate(-4deg);box-shadow:0 10px 22px -8px #fb8c0080}.landing-page .fb-card h3{margin:0 0 8px;font-size:17px}.landing-page .fb-card p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.65}.landing-page .fb-visual{margin-top:auto;padding-top:24px}.landing-page .mini-bars-large{gap:12px;height:96px}.landing-page .cta-band{box-sizing:border-box;border:1px solid var(--border);text-align:center;background:linear-gradient(135deg,#fff 0%,#f6f7fe 100%);border-radius:24px;width:100%;max-width:1200px;margin:0 auto 80px;padding:clamp(44px,7vw,64px) clamp(20px,5vw,40px);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s;display:block;position:relative;overflow:hidden;box-shadow:0 25px 50px -20px #34387226}.landing-page .cta-border-glow{opacity:0;background:linear-gradient(90deg,#fb8c00 0%,#6366f1 50%,#22c55e 100%) 0 0/200%;height:3px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.landing-page .cta-band:hover{border-color:#fb8c0066;transform:translateY(-6px);box-shadow:0 35px 70px -20px #fb8c0038,0 20px 40px -15px #34387233}.landing-page .cta-band:hover .cta-border-glow{opacity:1;animation:3s linear infinite borderShimmer}@keyframes borderShimmer{0%{background-position:0%}to{background-position:200%}}.landing-page .cta-glow{opacity:0;pointer-events:none;background:radial-gradient(at 50% 0,#fb8c0038,#0000 65%);transition:opacity .4s;position:absolute;inset:-40% -10%}.landing-page .cta-band:hover .cta-glow{opacity:1}.landing-page .cta-bg-donut{opacity:.04;pointer-events:none;z-index:1;width:145px;height:145px;transition:transform .5s,opacity .5s;position:absolute;top:-10px;left:-20px}.landing-page .cta-bg-bars{opacity:.04;pointer-events:none;z-index:1;width:160px;height:95px;transition:transform .5s,opacity .5s;position:absolute;bottom:-10px;right:-15px}.landing-page .cta-band:hover .cta-bg-donut{opacity:.22;transform:scale(1.18)rotate(15deg)}.landing-page .cta-band:hover .cta-bg-bars{opacity:.22;transform:scale(1.15)translateY(-6px)}.landing-page .cta-bg-spark{opacity:.05;pointer-events:none;z-index:1;width:280px;height:50px;transition:opacity .5s,transform .5s;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.landing-page .cta-band:hover .cta-bg-spark{opacity:.35;transform:translate(-50%)scale(1.08)}.landing-page .cta-hover-badge{z-index:3;color:var(--navy);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#fffffff0;border:1px solid #eef0f8e6;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .4s cubic-bezier(.22,1,.36,1);display:inline-flex;position:absolute;box-shadow:0 10px 24px -8px #34387233}.landing-page .badge-tl{top:16px;left:20px;transform:translateY(-8px)}.landing-page .badge-tr{top:16px;right:20px;transform:translateY(-8px)}.landing-page .badge-bl{bottom:16px;left:20px;transform:translateY(8px)}.landing-page .badge-br{bottom:16px;right:20px;transform:translateY(8px)}.landing-page .cta-band:hover .cta-hover-badge{opacity:1;transform:translateY(0)}.landing-page .cta-eyebrow{color:var(--orange);z-index:2;background:#fff3e2;border:1px solid #fb8c004d;border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.landing-page .cta-band h2{z-index:2;color:var(--navy);letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(24px,3.8vw,32px);font-weight:700;position:relative}.landing-page .cta-band p{z-index:2;max-width:480px;color:var(--muted);margin:0 auto 32px;font-size:15.5px;line-height:1.65;position:relative}.landing-page .cta-action-wrap{z-index:2;justify-content:center;display:flex;position:relative}.landing-page .cta-btn-light{color:#fff;background:linear-gradient(135deg, var(--orange) 0%, #ff7300 100%);border-radius:12px;align-items:center;gap:10px;padding:14px 32px;font-size:15.5px;font-weight:700;transition:all .35s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 12px 28px -8px #fb8c008c}.landing-page .cta-btn-light:hover{transform:scale(1.05)translateY(-2px);box-shadow:0 18px 38px -8px #fb8c00b3}.landing-page .cta-arrow{transition:transform .3s}.landing-page .cta-btn-light:hover .cta-arrow{transform:translate(6px)}.landing-page .footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:26px 24px;display:flex;position:relative}.landing-page .footer-logo{object-fit:contain;opacity:.85;width:auto;height:22px}.landing-page .footer p{color:var(--muted-soft);margin:0;font-size:13px}@media (max-width:960px){.landing-page .hero{grid-template-columns:1fr;padding-top:44px}.landing-page .bento{grid-template-columns:1fr}.landing-page .nav-links{display:none}.landing-page .timeline{grid-template-columns:1fr;gap:40px;padding-left:8px}.landing-page .timeline-line{display:none}.landing-page .timeline-step{text-align:left;border-left:1px solid var(--border);padding-left:20px}.landing-page .timeline-step p{margin:0}.landing-page .fb-grid{grid-template-columns:1fr}.landing-page .fb-large{grid-row:auto}.landing-page .cta-band{width:calc(100% - 32px);margin:0 auto 60px}.landing-page .toast-a{bottom:-24px;left:12px}.landing-page .toast-b{top:-20px;right:12px}.landing-page .particle,.landing-page .ghost-panel,.landing-page .floating-chart,.landing-page .bg-sticker,.landing-page .cta-hover-badge{display:none}}@media (max-width:520px){.landing-page .nav-inner{padding:14px 16px}.landing-page .hero{padding-left:16px;padding-right:16px}.landing-page .hero-actions{flex-wrap:wrap;gap:10px;width:100%;display:flex}.landing-page .hero-actions .btn-primary,.landing-page .hero-actions .btn-outline{text-align:center;box-sizing:border-box;flex:calc(50% - 6px);justify-content:center;min-width:130px;padding:12px 14px;font-size:14px}.landing-page .hero-actions .btn-features-doc{text-align:center;box-sizing:border-box;flex:100%;justify-content:center;width:100%;padding:12px 16px;font-size:14px}.landing-page .hero-trust{flex-wrap:wrap;gap:8px;font-size:12px;line-height:1.4}.landing-page .browser-url{display:none}.landing-page .floating-toast{width:168px;padding:10px 12px}.landing-page .toast-b{display:none}.landing-page .notif-title{font-size:12px}.landing-page .feature-bento,.landing-page .how{padding-left:16px;padding-right:16px}.landing-page .cta-band{width:calc(100% - 24px)}.landing-page .orb-orange,.landing-page .orb-navy{filter:blur(46px)}.landing-page .network-field{opacity:.6}}.landing-page .btn-features-doc{color:#343872;cursor:pointer;white-space:nowrap;background:#6366f114;border:1.5px solid #6366f159;border-radius:12px;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden}.landing-page .btn-features-doc:before{content:"";opacity:0;background:linear-gradient(135deg,#6366f11f,#8b5cf614);transition:opacity .2s;position:absolute;inset:0}.landing-page .btn-features-doc:hover{border-color:#6366f1b3;transform:translateY(-2px);box-shadow:0 8px 24px -6px #6366f140}.landing-page .btn-features-doc:hover:before{opacity:1}.landing-page .btn-features-icon{font-size:16px}.landing-page .btn-features-badge{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;justify-content:center;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.landing-page .nav-all-features-btn{color:#343872;cursor:pointer;background:linear-gradient(135deg,#6366f11a,#8b5cf614);border:1.5px solid #6366f14d;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.landing-page .nav-all-features-btn:hover{color:#4338ca;background:linear-gradient(135deg,#6366f12e,#8b5cf624);border-color:#6366f18c}.features-overlay{z-index:9999;justify-content:center;align-items:center;padding:16px;animation:.22s ease-out foFadeIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes foFadeIn{0%{opacity:0}to{opacity:1}}.features-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1028ad;position:absolute;inset:0}.features-panel{z-index:1;background:#fff;border-radius:20px;grid-template-rows:auto auto 1fr auto;width:min(1180px,100%);height:min(880px,100vh - 32px);animation:.28s cubic-bezier(.34,1.3,.64,1) fpSlideIn;display:grid;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #1b1e4266,0 0 0 1px #6366f126}@keyframes fpSlideIn{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.fp-header{background:linear-gradient(135deg,#fafbff 0%,#f3f4ff 100%);border-bottom:1.5px solid #eef0f8;flex-direction:column;gap:12px;width:100%;padding:18px 24px 14px;display:flex}.fp-header-top-bar{justify-content:space-between;align-items:center;width:100%;display:flex}.fp-badge-group{align-items:center;gap:8px;display:flex}.fp-badge{color:#fff;letter-spacing:.03em;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.fp-count-pill{color:#059669;background:#ecfdf5;border:1px solid #10b9814d;border-radius:20px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.fp-close{color:#6668a0;cursor:pointer;background:#fff;border:1.5px solid #dee0f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;transition:all .18s;display:flex}.fp-close:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5;transform:rotate(90deg)}.fp-header-content{justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.fp-header-info{flex:1;min-width:0}.fp-title{color:#1b1e42;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:20px;font-weight:800;line-height:1.25;overflow:hidden}.fp-subtitle{color:#6668a0;margin:0;font-size:13px;line-height:1.4}.fp-search-wrap{background:#fff;border:1.5px solid #dee0f0;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;width:280px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.fp-search-wrap:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.fp-search-icon{flex-shrink:0;font-size:14px}.fp-search{color:#1b1e42;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:9px 0;font-size:13.5px}.fp-search::placeholder{color:#9496c4}.fp-search-clear{cursor:pointer;color:#9496c4;background:0 0;border:none;flex-shrink:0;padding:0;font-size:13px}.fp-search-clear:hover{color:#dc2626}.fp-cat-pills{scrollbar-width:thin;scrollbar-color:#dee0f0 transparent;-webkit-overflow-scrolling:touch;background:#fafbff;border-bottom:1.5px solid #eef0f8;flex-wrap:nowrap;align-items:center;gap:8px;width:100%;padding:10px 24px;display:flex;overflow:auto hidden}.fp-cat-pills::-webkit-scrollbar{height:4px}.fp-cat-pills::-webkit-scrollbar-track{background:0 0}.fp-cat-pills::-webkit-scrollbar-thumb{background:#dee0f0;border-radius:4px}.fp-cat-pills::-webkit-scrollbar-thumb:hover{background:#9496c4}.fp-cat-pill{white-space:nowrap;color:#6668a0;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #dee0f0;border-radius:20px;flex-shrink:0;align-items:center;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .18s;display:inline-flex}.fp-cat-pill:hover{color:#343872;background:#f3f4ff;border-color:#6366f1;transform:translateY(-1px)}.fp-cat-pill--active{box-shadow:0 3px 10px #6366f140;color:#fff!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border-color:#0000!important}.fp-body{scrollbar-width:thin;scrollbar-color:#dee0f0 transparent;-webkit-overflow-scrolling:touch;flex-direction:column;gap:24px;width:100%;padding:20px 24px;display:flex;overflow:hidden auto}.fp-body::-webkit-scrollbar{width:6px}.fp-body::-webkit-scrollbar-track{background:0 0}.fp-body::-webkit-scrollbar-thumb{background:#dee0f0;border-radius:4px}.fp-body::-webkit-scrollbar-thumb:hover{background:#c0c4e0}.fp-empty{color:#9496c4;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.fp-empty-icon{font-size:40px}.fp-empty p{margin:0;font-size:15px}.fp-section{flex-direction:column;gap:12px;width:100%;display:flex}.fp-section-header{border-left:4px solid #6366f1;align-items:center;gap:10px;padding-left:12px;display:flex}.fp-section-title{color:#1b1e42;font-size:15px;font-weight:800}.fp-section-count{color:#fff;background:#6366f1;border-radius:20px;justify-content:center;align-items:center;min-width:22px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.fp-features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.fp-feature-card{cursor:default;background:#fafbff;border:1.5px solid #eef0f8;border-radius:10px;align-items:flex-start;gap:10px;min-width:0;padding:12px 14px;transition:all .18s;display:flex;overflow:hidden}.fp-feature-card:hover{background:#f3f4ff;border-color:#6366f159;transform:translateY(-1px);box-shadow:0 4px 12px -3px #6366f126}.fp-feat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.fp-feat-content{flex:1;min-width:0;overflow:hidden}.fp-feat-name{color:#1b1e42;word-break:break-word;margin-bottom:2px;font-size:13px;font-weight:700;line-height:1.3}.fp-feat-desc{color:#6668a0;word-break:break-word;font-size:11.5px;line-height:1.45}.fp-footer{color:#9496c4;background:linear-gradient(135deg,#fafbff,#f3f4ff);border-top:1.5px solid #eef0f8;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 24px;font-size:12.5px;display:flex}.fp-cta{text-decoration:none;padding:8px 20px!important;font-size:13px!important}@media (max-width:960px){.fp-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fp-header-content{flex-direction:column;align-items:stretch;gap:10px}.fp-search-wrap{width:100%}.fp-title{white-space:normal}}@media (max-width:640px){.features-overlay{padding:0}.features-panel{border-radius:0;grid-template-rows:auto auto 1fr auto;width:100vw;height:100dvh}.fp-header{gap:8px;padding:12px 14px 8px}.fp-badge-group{gap:6px}.fp-badge{padding:3px 8px;font-size:11px}.fp-count-pill{padding:2px 7px;font-size:11px}.fp-close{border-radius:6px;width:28px;height:28px;font-size:13px}.fp-header-content{flex-direction:column;align-items:stretch;gap:6px}.fp-title{white-space:normal;margin-bottom:1px;font-size:15px}.fp-subtitle{font-size:11.5px;line-height:1.35}.fp-search-wrap{border-radius:8px;width:100%;padding:0 10px}.fp-search{padding:7px 0;font-size:12.5px}.fp-search-icon{font-size:12px}.fp-cat-pills{gap:6px;padding:6px 12px}.fp-cat-pill{padding:4px 10px;font-size:11px}.fp-body{gap:16px;padding:10px 12px}.fp-section{gap:8px}.fp-section-header{gap:8px;padding-left:8px}.fp-section-title{font-size:13px}.fp-section-count{min-width:18px;height:17px;padding:0 5px;font-size:10px}.fp-features-grid{grid-template-columns:minmax(0,1fr);gap:6px}.fp-feature-card{border-radius:8px;gap:8px;padding:9px 11px}.fp-feat-dot{width:7px;height:7px;margin-top:4px}.fp-feat-name{margin-bottom:1px;font-size:12.5px}.fp-feat-desc{font-size:11px;line-height:1.4}.fp-footer{flex-direction:row;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11.5px}.fp-cta{padding:6px 14px!important;font-size:12px!important}.landing-page .hero-actions{flex-wrap:wrap;gap:10px;width:100%;display:flex}.landing-page .hero-actions .btn-primary,.landing-page .hero-actions .btn-outline{text-align:center;box-sizing:border-box;flex:calc(50% - 6px);justify-content:center;min-width:120px;padding:12px 14px;font-size:14px}.landing-page .hero-actions .btn-features-doc{text-align:center;box-sizing:border-box;flex:100%;justify-content:center;width:100%;padding:12px 16px;font-size:14px}.landing-page .btn-features-badge{margin-left:6px}}@media (max-width:380px){.landing-page .hero-actions{flex-direction:column;gap:8px}.landing-page .hero-actions .btn-primary,.landing-page .hero-actions .btn-outline,.landing-page .hero-actions .btn-features-doc{flex:none!important;width:100%!important}}
