.saas-page{--navy:#0b1e3d;--navy2:#132a52;--navy-soft:#122b54;--blue:#2f6fed;--blue-deep:#1a3f9c;--cyan:#22c6e0;--purple:#7b4fd1;--purple-soft:#b48ef5;--bg:#fafbff;--bg-white:#fff;--bg-tint:#f4f8fc;--bg-gray:#f6f7f9;--line:#e6ebf7;--border:#e2e8f0;--muted:#5b6b85;--text-1:#0f1a2e;--text-2:#475569;--text-3:#64748b;--radius-s:12px;--radius-m:16px;--radius-l:20px;--shadow-card:0 2px 4px #0f1a2e0a, 0 12px 28px #0f1a2e0f;--shadow-card-hover:0 6px 16px #0f1a2e14, 0 24px 48px #0f1a2e1f;--maxw:1280px;font-family:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;color:var(--navy);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}.saas-page *{box-sizing:border-box}.saas-page h1,.saas-page h2,.saas-page h3,.saas-page h4{font-family:var(--font-manrope), var(--font-inter), sans-serif;color:var(--navy);letter-spacing:-.01em;font-weight:800;line-height:1.16}.saas-page a{color:inherit;text-decoration:none}.saas-page img,.saas-page svg{max-width:100%;display:block}.saas-page ul{margin:0;padding:0;list-style:none}.saas-page button{cursor:pointer;font-family:inherit}.saas-page .wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px}@media (max-width:768px){.saas-page .wrap{padding:0 22px}}@media (max-width:480px){.saas-page .wrap{padding:0 20px}}.saas-page .hero{background:radial-gradient(1200px 600px at 15% 10%, #2f6fed12, transparent 60%), radial-gradient(1000px 700px at 90% 80%, #22c6e00f, transparent 60%), var(--bg);min-height:88vh;animation:16s ease-in-out infinite alternate bgShift;position:relative;overflow:hidden}@keyframes bgShift{0%{background-position:0 0,0 0}to{background-position:30px 20px,-20px -20px}}.saas-page .hero-grid{z-index:2;grid-template-columns:.95fr 1.05fr;align-items:center;gap:60px;min-height:78vh;padding:96px 0 50px;display:grid;position:relative}.saas-page .hero .eyebrow{letter-spacing:.08em;color:var(--blue);opacity:0;margin-bottom:20px;font-size:.8rem;font-weight:700;animation:.7s .1s forwards heroFadeUp;transform:translateY(10px)}.saas-page .hero h1{opacity:0;max-width:560px;margin-bottom:22px;font-size:clamp(2.1rem,4vw,3.2rem);line-height:1.16;animation:.8s .22s forwards heroFadeUp;transform:translateY(14px)}.saas-page .hero h1 .grad{background:linear-gradient(100deg, var(--blue), var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text}.saas-page .hero p.lead{color:var(--muted);opacity:0;max-width:480px;margin-bottom:34px;font-size:1.05rem;line-height:1.65;animation:.8s .34s forwards heroFadeUp;transform:translateY(14px)}@keyframes heroFadeUp{to{opacity:1;transform:translateY(0)}}.saas-page .cta-row{opacity:0;flex-wrap:wrap;gap:16px;margin-bottom:26px;animation:.8s .46s forwards heroFadeUp;display:flex;transform:translateY(14px)}.saas-page .btn-hero-primary{background:linear-gradient(100deg, var(--blue), #3b7cff);border-radius:100px;align-items:center;gap:8px;padding:15px 26px;font-size:.94rem;font-weight:700;transition:transform .3s,box-shadow .3s;display:inline-flex;box-shadow:0 14px 30px -12px #2f6fed73;color:#fff!important}.saas-page .btn-hero-primary svg{transition:transform .25s}.saas-page .btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px #2f6fed8c;color:#fff!important}.saas-page .btn-hero-primary:hover svg{transform:translate(4px)}.saas-page .btn-hero-ghost{border:1.5px solid var(--line);background:#fff;border-radius:100px;padding:15px 26px;font-size:.94rem;font-weight:600;transition:border-color .3s,transform .3s;color:var(--navy)!important}.saas-page .btn-hero-ghost:hover{border-color:var(--blue);transform:translateY(-2px)}.saas-page .trust-line{color:var(--muted);letter-spacing:.02em;opacity:0;font-size:.82rem;animation:.8s .58s forwards heroFadeUp;transform:translateY(14px)}.saas-page .visual-stage{height:560px;position:relative}.saas-page .layer{border:1px solid var(--line);background:#fff;border-radius:16px;position:absolute;box-shadow:0 30px 60px -30px #0b1e3d26}.saas-page .layer.l3{opacity:.7;background:linear-gradient(140deg,#eaf1ff,#f5fbff);width:82%;height:78%;animation:7s ease-in-out infinite floatSlow;top:14%;left:16%}.saas-page .layer.l2{opacity:.85;background:linear-gradient(140deg,#e3ecff,#eff7ff);width:86%;height:82%;animation:8s ease-in-out infinite reverse floatSlow;top:8%;left:9%}.saas-page .layer-tag{letter-spacing:.05em;color:var(--muted);font-size:.68rem;font-weight:700;position:absolute;bottom:14px;right:18px}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.saas-page .dash-card{border:1px solid var(--line);z-index:2;background:#fff;border-radius:18px;width:92%;height:88%;animation:6s ease-in-out infinite floatMain;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 40px 80px -35px #0b1e3d47}@keyframes floatMain{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.saas-page .dash-nav{border-bottom:1px solid var(--line);background:#fafcfe;align-items:center;gap:18px;padding:14px 20px;display:flex}.saas-page .dash-nav .dot-row{gap:6px;margin-right:6px;display:flex}.saas-page .dash-nav .dot-row span{background:var(--line);border-radius:50%;width:8px;height:8px}.saas-page .dash-nav .dot-row span:first-child{background:#fda4af}.saas-page .dash-nav .dot-row span:nth-child(2){background:#fcd34d}.saas-page .dash-nav .dot-row span:nth-child(3){background:#86efac}.saas-page .dash-nav .tabs{color:var(--muted);gap:16px;font-size:.72rem;font-weight:600;display:flex}.saas-page .dash-nav .tabs .on{color:var(--navy);font-weight:700}.saas-page .dash-body{padding:20px}.saas-page .stat-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.saas-page .stat-box{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.saas-page .stat-box .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:.62rem;font-weight:600}.saas-page .stat-box .val{color:var(--navy);font-size:1rem;font-weight:800}.saas-page .stat-box .val.up{color:#1fae6a}.saas-page .chart-row{grid-template-columns:1.5fr 1fr;gap:14px;margin-bottom:16px;display:grid}.saas-page .chart-box{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:14px}.saas-page .chart-box .lbl{color:var(--muted);margin-bottom:8px;font-size:.68rem;font-weight:600}.saas-page .chart-box svg{width:100%;height:70px;display:block}.saas-page .table-box{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.saas-page .table-row{color:var(--navy);border-bottom:1px solid var(--line);justify-content:space-between;padding:6px 0;font-size:.68rem;display:flex}.saas-page .table-row:last-child{border-bottom:none}.saas-page .table-row span:last-child{color:var(--muted)}.saas-page .notif{border:1px solid var(--line);z-index:3;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:.7rem;font-weight:600;animation:6.4s ease-in-out infinite floatMain;display:flex;position:absolute;top:18px;right:-26px;box-shadow:0 16px 30px -18px #0b1e3d4d}.saas-page .notif .dot{background:#1fae6a;border-radius:50%;width:7px;height:7px}.saas-page .flabel{border:1px solid var(--line);color:var(--navy2);opacity:0;z-index:4;background:#fff;border-radius:100px;padding:8px 14px;font-size:.72rem;font-weight:700;animation:.7s forwards labelFade;position:absolute;box-shadow:0 12px 24px -16px #0b1e3d40}@keyframes labelFade{to{opacity:1}}.saas-page .flabel.f1{animation-delay:.9s;top:-10px;left:-30px}.saas-page .flabel.f2{animation-delay:1.1s;top:20%;right:-50px}.saas-page .flabel.f3{animation-delay:1.3s;bottom:10%;left:-45px}.saas-page .flabel.f4{animation-delay:1.5s;bottom:-14px;right:10%}.saas-page .conn-svg{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.saas-page .conn-line{stroke:var(--blue);stroke-width:1px;stroke-dasharray:3 6;opacity:.35;animation:3s linear infinite dashMove}@keyframes dashMove{to{stroke-dashoffset:-18px}}.saas-page .trust-strip{z-index:2;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf;position:relative}.saas-page .trust-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;max-width:1280px;margin:0 auto;padding:20px 40px;display:flex}.saas-page .trust-inner .step{color:var(--navy2);letter-spacing:.02em;font-size:.78rem;font-weight:700}.saas-page .trust-inner .arrow{color:var(--line);margin:0 16px;font-size:.8rem}.saas-page .btn{white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:.9375rem;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.saas-page .btn-primary{background:var(--blue);color:#fff;box-shadow:0 8px 20px #2f6fed40}.saas-page .btn-primary:hover{background:var(--blue-deep);transform:translateY(-1px);box-shadow:0 12px 26px #2f6fed52}.saas-page .btn-secondary{color:var(--navy);border-color:var(--border);background:0 0}.saas-page .btn-secondary:hover{border-color:var(--blue);color:var(--blue);background:var(--bg-tint)}.saas-page .product-section{padding:100px 0;scroll-margin-top:80px}.saas-page .product-section.hrm{background:#f4f8ff;padding-bottom:64px}.saas-page .product-section.crm{background:#f4f8ff;padding-top:64px}.saas-page .product-tag-row{align-items:center;gap:14px;margin-bottom:20px;display:flex}.saas-page .product-tag-num{font-family:var(--font-manrope), var(--font-sora), sans-serif;color:#cbd5e1;font-size:1.6rem;font-weight:800}.saas-page .product-tag-text{letter-spacing:.12em;color:var(--blue-deep);font-size:.8125rem;font-weight:800}.saas-page .product-section h2{max-width:640px;color:var(--navy);margin-bottom:16px;font-size:clamp(2rem,3.2vw,2.65rem);font-weight:800}.saas-page .product-section>.wrap>p.lead{color:var(--text-2);max-width:600px;margin-bottom:48px;font-size:1.0625rem;line-height:1.65}.saas-page .prod-dash{border:1px solid var(--border);border-radius:var(--radius-l);opacity:0;background:#fff;margin-bottom:56px;transition:opacity .7s cubic-bezier(.16,.84,.44,1),transform .6s cubic-bezier(.16,.84,.44,1);overflow:hidden;transform:translateY(24px);box-shadow:0 24px 60px #0f1a2e12}.saas-page .prod-dash.in{opacity:1;transform:translateY(0)}.saas-page .prod-dash-head{border-bottom:1px solid var(--border);background:#fafcfe;align-items:center;gap:8px;padding:16px 24px;display:flex}.saas-page .prod-dash-dot{background:#cbd5e1;border-radius:50%;width:10px;height:10px}.saas-page .prod-dash-dot:first-child{background:#fda4af}.saas-page .prod-dash-dot:nth-child(2){background:#fcd34d}.saas-page .prod-dash-dot:nth-child(3){background:#86efac}.saas-page .prod-dash-body{grid-template-columns:repeat(4,1fr);gap:16px;padding:24px;display:grid}.saas-page .prod-kpi{background:var(--bg-tint);border:1px solid #edf2f7;border-radius:12px;padding:18px 20px;transition:transform .2s,box-shadow .2s}.saas-page .prod-kpi:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f1a2e0d}.saas-page .prod-kpi .lbl{letter-spacing:.06em;color:var(--text-2);text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:700}.saas-page .prod-kpi .num{font-family:var(--font-manrope), sans-serif;color:var(--navy);font-size:1.45rem;font-weight:800}.saas-page .prod-dash-row2{grid-template-columns:1.35fr 1fr;gap:16px;padding:0 24px 24px;display:grid}.saas-page .prod-dash-grid-content{grid-template-columns:1.15fr 1fr;align-items:stretch;gap:16px;padding:0 24px 24px;display:grid}.saas-page .prod-dash-grid-content.reverse{grid-template-columns:1fr 1.15fr}.saas-page .prod-dash-col-data{flex-direction:column;gap:16px;display:flex}.saas-page .prod-dash-panel{background:var(--bg-tint);border:1px solid #edf2f7;border-radius:12px;padding:20px}.saas-page .visual-panel{flex-direction:column;justify-content:space-between;display:flex}.saas-page .prod-dash-panel .lbl{letter-spacing:.06em;color:var(--text-2);text-transform:uppercase;margin-bottom:14px;font-size:.75rem;font-weight:800}.saas-page .prod-list-row{color:var(--navy);border-top:1px solid #0000000d;align-items:center;gap:12px;padding:9px 0;font-size:.845rem;font-weight:500;display:flex}.saas-page .prod-list-row:first-child{border-top:none}.saas-page .prod-avatar{background:linear-gradient(135deg, var(--blue), var(--cyan));border-radius:50%;flex-shrink:0;width:24px;height:24px}.saas-page .prod-bar-track{background:#00000012;border-radius:4px;flex:1;height:7px;overflow:hidden}.saas-page .prod-bar-fill{background:var(--blue);border-radius:4px;height:100%;transition:width 1s}.saas-page .feature-rows-list{max-width:860px;margin:0 auto}.saas-page .feature-row-num{border-top:1px solid var(--border);opacity:0;will-change:opacity, transform;align-items:flex-start;gap:24px;padding:22px 0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),border-color .25s;display:flex;transform:translate(-16px)}.saas-page .feature-row-num.in{opacity:1;transform:translate(0)}.saas-page .feature-row-num:hover{transform:translate(6px)}.saas-page .feature-row-num:first-child{border-top:none}.saas-page .feature-row-num .fr-num{font-family:var(--font-manrope), sans-serif;color:#94a3b8;flex-shrink:0;width:32px;font-size:1.125rem;font-weight:800;transition:color .2s}.saas-page .feature-row-num:hover .fr-num{color:var(--blue)}.saas-page .feature-row-num h4{color:var(--navy);margin-bottom:4px;font-size:1.0625rem;font-weight:700}.saas-page .feature-row-num p{color:var(--text-2);margin:0;font-size:.9375rem;line-height:1.55}.saas-page .saas-showcase-card{transition:transform .3s;position:relative}.saas-page .saas-showcase-card:hover{transform:translateY(-4px)}.saas-page .end-cta{text-align:center;padding:80px 0}.saas-page .end-cta.hrm,.saas-page .end-cta.crm{background:#e8effc}.saas-page .end-cta h3{color:var(--navy);margin-bottom:14px;font-size:clamp(1.7rem,2.8vw,2.25rem);font-weight:800}.saas-page .end-cta p{color:var(--text-2);max-width:520px;margin:0 auto 28px;font-size:1.0625rem;line-height:1.6}.saas-page .end-cta-see{color:var(--blue);margin-top:18px;font-size:.9375rem;font-weight:700;transition:transform .2s;display:inline-block}.saas-page .end-cta-see:hover{text-decoration:underline;transform:translateY(-1px)}.saas-page .transition-section{text-align:center;background:#fff;padding:48px 0}.saas-page .transition-line{background:var(--border);border-radius:2px;width:2px;height:40px;margin:0 auto 20px;position:relative;overflow:hidden}.saas-page .transition-line-fill{background:linear-gradient(180deg, var(--blue), var(--cyan));width:100%;height:0%;transition:height .1s linear;position:absolute;top:0;left:0}.saas-page .transition-section h2{color:var(--navy);opacity:0;margin-bottom:14px;font-size:clamp(1.75rem,3vw,2.35rem);font-weight:800;transition:opacity .7s,transform .6s;transform:translateY(16px)}.saas-page .transition-section h2.in{opacity:1;transform:translateY(0)}.saas-page .transition-section p{color:var(--text-2);max-width:440px;margin:0 auto;font-size:1rem}.saas-page .final-cta{background:var(--navy);color:#fff;text-align:center;padding:110px 0;position:relative;overflow:hidden}.saas-page .final-cta:before{content:"";z-index:1;pointer-events:none;background-image:radial-gradient(circle at 20% 20%,#22c6e038,#0000 45%),radial-gradient(circle at 80% 25%,#2f6fed47,#0000 48%),radial-gradient(circle at 50% 85%,#7b4fd133,#0000 50%);animation:16s ease-in-out infinite ctaDrift;position:absolute;inset:-20%}@keyframes ctaDrift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-2%,2%)scale(1.05)}}.saas-page .final-cta .wrap{z-index:2;max-width:860px;position:relative}.saas-page .final-cta h2{color:#fff;letter-spacing:-.01em;margin-bottom:16px;font-size:clamp(2rem,3.4vw,2.75rem);font-weight:800}.saas-page .final-cta p.final-lead{color:#c7d2e6;max-width:580px;margin:0 auto 44px;font-size:1.0625rem}.saas-page .final-choice-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:820px;margin:0 auto;display:grid}.saas-page .final-choice-card{border-radius:var(--radius-l);text-align:left;opacity:0;background:#ffffff0d;border:1px solid #ffffff24;padding:36px 32px;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),background .25s,border-color .25s,box-shadow .25s;display:block;transform:translateY(28px)}.saas-page .final-choice-card.in{opacity:1;transform:translateY(0)}.saas-page .final-choice-card:hover{background:#ffffff17;border-color:#22c6e073;transform:translateY(-4px);box-shadow:0 16px 40px #00000040}.saas-page .final-choice-card h3{color:#fff;margin-bottom:10px;font-size:1.6rem;font-weight:800}.saas-page .final-choice-card p{color:#ffffffc7;margin-bottom:22px;font-size:.95rem;line-height:1.55}.saas-page .final-choice-card span{color:var(--cyan);align-items:center;gap:6px;font-size:.9375rem;font-weight:700;transition:transform .2s;display:inline-flex}.saas-page .final-choice-card:hover span{transform:translate(4px)}.saas-page .final-cta .btn-primary{background:var(--blue);color:#fff;box-shadow:0 8px 24px #2f6fed66}.saas-page .final-cta .btn-primary:hover{background:#1a54cc;transform:translateY(-2px);box-shadow:0 12px 30px #2f6fed80}.saas-page .final-cta .btn-secondary{color:#fff;border-color:#ffffff4d}.saas-page .final-cta .btn-secondary:hover{background:#ffffff1a;border-color:#fff}.saas-page .eco-node{cursor:default}.saas-page .eco-node rect,.saas-page .eco-node circle{transition:fill .25s,stroke .25s,filter .25s}.saas-page .eco-node text{transition:fill .25s}.saas-page .eco-node.dim{opacity:.35}.saas-page .eco-link{transition:stroke .25s,opacity .25s,stroke-width .25s}.saas-page .eco-link.dim{opacity:.15}.saas-page .eco-link.hl{stroke:var(--cyan);stroke-width:2.5px}.saas-page .pipeline-track{grid-template-columns:repeat(8,1fr);gap:0;margin-top:28px;display:grid;position:relative}.saas-page .pipeline-line{background:var(--border);z-index:0;height:2px;position:absolute;top:22px;left:4%;right:4%}.saas-page .pipeline-line-fill{background:linear-gradient(90deg, var(--blue), var(--cyan));width:0%;height:100%;transition:width .3s linear;position:absolute;top:0;left:0}.saas-page .pipeline-item{z-index:1;text-align:center;opacity:.45;padding:0 6px;transition:opacity .4s,transform .3s;position:relative}.saas-page .pipeline-item.active{opacity:1;transform:translateY(-2px)}.saas-page .pipeline-dot{border:2px solid var(--border);background:#fff;border-radius:50%;width:14px;height:14px;margin:0 auto 14px;transition:border-color .3s,background .3s,box-shadow .3s,transform .3s;position:relative}.saas-page .pipeline-item.active .pipeline-dot{border-color:var(--cyan);background:var(--blue);transform:scale(1.15);box-shadow:0 0 0 5px #3fc7e838}.saas-page .pipeline-item.active .pipeline-dot:after{content:"";border:2px solid var(--cyan);border-radius:50%;animation:1.6s ease-out infinite ringPulse;position:absolute;inset:-6px}@keyframes ringPulse{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.65)}}.saas-page .pipeline-item h4{color:var(--navy);font-size:.8125rem;font-weight:700}.saas-page .saas-scroll-progress-bar{z-index:9999;pointer-events:none;background:linear-gradient(90deg,#2f6fed 0%,#22c6e0 100%);height:3px;transition:width .1s ease-out;position:fixed;top:0;left:0;box-shadow:0 0 12px #22c6e0a6}.saas-page .section-head{opacity:0;will-change:opacity, transform;transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.saas-page .section-head.in{opacity:1;transform:translateY(0)}.saas-page .section-head h2:after{content:"";background:linear-gradient(90deg, var(--blue), var(--cyan));border-radius:2px;width:0;height:3px;margin-top:14px;transition:width .85s cubic-bezier(.16,1,.3,1) .25s;display:block}.saas-page .section-head.in h2:after{width:54px}.saas-page .section-head.center h2:after,.saas-page .text-center .section-head h2:after{margin-left:auto;margin-right:auto}.saas-page .pipeline-track{opacity:0;transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.saas-page .pipeline-track.in{opacity:1;transform:translateY(0)}.saas-page .pipeline-item{opacity:0;transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1);transform:translateY(18px)}.saas-page .pipeline-track.in .pipeline-item{opacity:1;transform:translateY(0)}.saas-page .diff-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.saas-page .diff-card{border:1px solid var(--border);border-radius:var(--radius-m);background:#fff;padding:26px;transition:box-shadow .25s,border-color .25s,transform .25s}.saas-page .diff-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--blue);transform:translateY(-5px)}.saas-page .diff-num{font-family:var(--font-manrope), sans-serif;color:var(--text-3);letter-spacing:.06em;font-size:.8125rem;font-weight:800}.saas-page .diff-visual{justify-content:center;align-items:center;height:80px;margin:14px 0;display:flex}.saas-page .diff-card h3{margin-bottom:8px;font-size:1.0625rem;font-weight:700}.saas-page .diff-card p{color:var(--text-2);font-size:.9063rem}.saas-page .eco-wrap{opacity:0;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);display:grid;transform:translateY(28px)}.saas-page .eco-wrap.in{opacity:1;transform:translateY(0)}.saas-page .eco-panel{border:1px solid var(--border);border-radius:var(--radius-m);background:#fff;min-height:200px;padding:32px 30px}.saas-page .eco-panel h4{letter-spacing:.08em;color:var(--blue-deep);margin-bottom:14px;font-size:.8125rem;font-weight:700}.saas-page .map-node rect,.saas-page .map-node circle{transition:fill .25s,stroke .25s}.saas-page .map-node text{transition:fill .25s}.saas-page .map-node.dim{opacity:.35}.saas-page .map-link{transition:stroke .25s,opacity .25s}.saas-page .map-link.dim{opacity:.15}.saas-page .map-link.hl{stroke:var(--cyan);stroke-width:2.2px}.saas-page .uc-tab{border:1px solid var(--border);color:var(--text-2);background:#fff;border-radius:24px;padding:10px 18px;font-size:.875rem;font-weight:600;transition:all .2s}.saas-page .uc-tab.active,.saas-page .uc-tab:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.saas-page .arch-layers{max-width:440px;margin:0 auto}.saas-page .arch-layer{border:1px solid var(--border);text-align:center;box-shadow:var(--shadow-card);opacity:0;background:#fff;border-radius:12px;padding:16px 22px;transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1),border-color .2s;transform:translateY(22px)}.saas-page .arch-layer.in{opacity:1;transform:translateY(0)}.saas-page .arch-layer:hover{border-color:var(--blue);transform:translateY(-2px)}.saas-page .arch-layer h4{font-size:1rem;font-weight:700}.saas-page .arch-layer.accent{background:var(--navy);border-color:var(--navy)}.saas-page .arch-layer.accent h4{color:#fff}.saas-page .arch-connector{justify-content:center;align-items:center;height:34px;display:flex}.saas-page .arch-support-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;display:flex}.saas-page .arch-support-pill{color:var(--text-2);background:var(--bg-tint);border:1px solid var(--border);opacity:0;border-radius:20px;padding:8px 16px;font-size:.8125rem;font-weight:600;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),background .2s,border-color .2s;transform:translateY(14px)scale(.94)}.saas-page .arch-support-pill.in{opacity:1;transform:translateY(0)scale(1)}@media (prefers-reduced-motion:reduce){.saas-page .section-head,.saas-page .diff-card,.saas-page .pipeline-track,.saas-page .pipeline-item,.saas-page .eco-wrap,.saas-page .prod-dash,.saas-page .feature-row-num,.saas-page .end-cta,.saas-page .arch-layer,.saas-page .arch-support-pill,.saas-page .final-choice-card{opacity:1!important;transition:none!important;transform:none!important}}@media (max-width:980px){.saas-page .hero-grid{grid-template-columns:1fr;padding:50px 0 40px}.saas-page .visual-stage{height:420px;margin-top:20px}.saas-page .flabel{display:none}.saas-page .diff-grid{grid-template-columns:1fr}.saas-page .eco-wrap{grid-template-columns:1fr;gap:36px}.saas-page .pipeline-track{grid-template-columns:repeat(4,1fr);row-gap:28px}.saas-page .pipeline-line{display:none}}@media (max-width:900px){.saas-page .trust-inner{gap:10px 0}.saas-page .trust-inner .arrow{margin:0 8px}}@media (max-width:768px){.saas-page .product-section{padding:64px 0}.saas-page .hero-grid{padding:30px 0 40px}.saas-page .prod-dash-body{grid-template-columns:1fr 1fr}.saas-page .prod-dash-row2,.saas-page .prod-dash-grid-content,.saas-page .prod-dash-grid-content.reverse,.saas-page .final-choice-grid{grid-template-columns:1fr}.saas-page .transition-section{padding:36px 0}.saas-page .final-cta{padding:80px 0}}@media (max-width:640px){.saas-page .stat-row{grid-template-columns:1fr 1fr}.saas-page .chart-row{grid-template-columns:1fr}.saas-page .notif{display:none}.saas-page .pipeline-track{grid-template-columns:1fr 1fr}}.saas-page .saas-showcase-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:48px;margin-top:48px;display:grid}.saas-page .saas-showcase-grid.reverse{grid-template-columns:1fr 1.15fr}.saas-page .saas-showcase-sticky{position:sticky;top:100px}.saas-page .saas-showcase-card{border:1px solid var(--border);background:#fff;border-radius:20px;padding:20px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 20px 45px #0f1a2e14,0 2px 8px #0f1a2e0a}.saas-page .saas-showcase-card:hover{transform:translateY(-3px);box-shadow:0 24px 50px #0f1a2e1f,0 4px 12px #0f1a2e0d}.saas-page .saas-showcase-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.saas-page .saas-badge-live{letter-spacing:.04em;text-transform:uppercase;border-radius:20px;align-items:center;gap:8px;padding:5px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.saas-page .saas-badge-live.hrm,.saas-page .saas-badge-live.crm{color:var(--blue);background:#2f6fed14;border:1px solid #2f6fed2e}.saas-page .saas-pulse-dot{border-radius:50%;width:7px;height:7px;position:relative}.saas-page .saas-pulse-dot.hrm,.saas-page .saas-pulse-dot.crm{background:#10b981;animation:2s infinite saas-pulse;box-shadow:0 0 #10b981b3}@keyframes saas-pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.saas-page .saas-showcase-media{background:#0b1220;border-radius:14px;width:100%;position:relative;overflow:hidden}.saas-page .saas-showcase-media img{object-fit:cover;width:100%;height:auto;transition:transform .4s;display:block}.saas-page .saas-showcase-card:hover .saas-showcase-media img{transform:scale(1.02)}.saas-page .saas-overlay-badge{-webkit-backdrop-filter:blur(12px);color:#fff;background:#0f1a2ed9;border:1px solid #ffffff26;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 8px 24px #00000040}.saas-page .saas-overlay-text-title{color:#fff;font-size:.8125rem;font-weight:700}.saas-page .saas-overlay-text-sub{color:#cbd5e1;font-size:.72rem}.saas-page .saas-overlay-pill{white-space:nowrap;border-radius:6px;padding:3px 9px;font-size:.75rem;font-weight:700}.saas-page .saas-overlay-pill.green{color:#34d399;background:#10b98133;border:1px solid #34d3994d}.saas-page .saas-overlay-pill.purple{color:#7fa8ff;background:#2f6fed33;border:1px solid #7fa8ff4d}.saas-page .saas-showcase-metrics{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.saas-page .saas-metric-chip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;transition:all .2s}.saas-page .saas-metric-chip:hover{background:#f1f5f9;border-color:#cbd5e1}.saas-page .saas-metric-chip .chip-label{letter-spacing:.05em;color:#64748b;text-transform:uppercase;margin-bottom:4px;font-size:.6875rem;font-weight:700}.saas-page .saas-metric-chip .chip-val{font-family:var(--font-manrope), sans-serif;color:var(--navy);align-items:center;gap:6px;font-size:1.1rem;font-weight:800;display:flex}.saas-page .saas-metric-chip .chip-diff{color:#10b981;font-size:.72rem;font-weight:700}.saas-page .saas-metric-chip .chip-diff.purple{color:var(--blue)}.saas-page .saas-showcase-caption{color:#475569;border-left:3px solid var(--blue);background:#f8fafccc;border-radius:10px;margin-top:14px;padding:12px 14px;font-size:.8125rem;line-height:1.5}@media (max-width:1023px){.saas-page .saas-showcase-grid,.saas-page .saas-showcase-grid.reverse{grid-template-columns:1fr;gap:36px}.saas-page .saas-showcase-sticky{position:static}}@media (max-width:640px){.saas-page .saas-showcase-header{flex-wrap:wrap;gap:8px}.saas-page .saas-badge-live{padding:4px 10px;font-size:.7rem}.saas-page .saas-overlay-badge{padding:8px 10px}.saas-page .saas-overlay-text-title{font-size:.75rem}.saas-page .saas-overlay-text-sub{font-size:.65rem}}