:root{--navy:#071a33;--blue:#1769ff;--cyan:#19c6d8;--ink:#172033;--muted:#64748b;--pale:#f5f8fc;--line:#e7edf5;--success:#16a34a;--orange:#f59e0b}*{box-sizing:border-box}body{font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--pale);line-height:1.6}.pn-nav{background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(230,236,245,.8);padding:.9rem 0}.navbar-brand,.sidebar-brand{font-family:'Plus Jakarta Sans';font-weight:800;font-size:1.35rem;color:var(--navy)}.brand-mark{width:31px;height:31px;display:inline-grid;place-items:center;border-radius:10px;color:white;background:linear-gradient(135deg,var(--blue),var(--cyan));margin-right:7px;font-size:1rem;box-shadow:0 7px 16px rgba(23,105,255,.23)}.nav-link{font-weight:600;color:#445066!important;margin:0 .35rem}.btn{border-radius:10px;font-weight:700;padding:.7rem 1.2rem}.btn-primary{background:var(--blue);border-color:var(--blue);box-shadow:0 8px 18px rgba(23,105,255,.18)}.btn-primary:hover{background:#0955dc;border-color:#0955dc;transform:translateY(-1px)}.hero{background:linear-gradient(135deg,#f7faff 0%,#eef7ff 47%,#effcff 100%);min-height:690px;position:relative;overflow:hidden;padding:105px 0 70px}.hero:before{content:'';position:absolute;width:550px;height:550px;right:-160px;top:-140px;border-radius:50%;background:radial-gradient(circle,rgba(25,198,216,.19),transparent 65%)}.eyebrow{font-size:.78rem;color:var(--blue);letter-spacing:.1em;font-weight:800;text-transform:uppercase}.hero h1,.section-title{font-family:'Plus Jakarta Sans';font-weight:800;letter-spacing:-.045em}.hero h1{font-size:clamp(2.65rem,5vw,4.65rem);line-height:1.09;color:var(--navy)}.hero p{font-size:1.12rem;color:var(--muted);max-width:570px}.hero-stat{border-left:1px solid #dce8f7;padding-left:1rem}.hero-stat strong{font-family:'Plus Jakarta Sans';font-size:1.25rem;color:var(--navy);display:block}.hero-stat span{font-size:.76rem;color:var(--muted)}.dashboard-mock{background:#fff;border:1px solid #e5eef8;border-radius:23px;padding:18px;box-shadow:0 30px 70px rgba(20,62,106,.16);position:relative;z-index:1}.mock-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.mock-pill{font-size:.7rem;font-weight:700;padding:4px 9px;border-radius:20px;background:#eaf8ee;color:var(--success)}.mini-nav{background:#f2f6fc;border-radius:11px;padding:9px;font-size:.73rem;color:#718096}.mini-balance{background:linear-gradient(130deg,#092344,#1769ff);border-radius:16px;color:white;padding:18px;margin:14px 0}.mini-balance small{opacity:.7}.mini-balance h4{font-family:'Plus Jakarta Sans';margin:3px 0 0}.chart-bars{display:flex;height:116px;gap:8px;align-items:end;padding:4px 5px}.chart-bars span{flex:1;border-radius:5px 5px 1px 1px;background:linear-gradient(#2c7bff,#8fc4ff)}.float-chip{position:absolute;background:white;padding:12px 15px;border-radius:14px;box-shadow:0 15px 35px rgba(20,62,106,.14);font-size:.8rem;font-weight:700;z-index:2}.chip-one{left:-45px;bottom:35px}.chip-two{right:-45px;top:60px}.trusted{padding:28px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.logo-text{font-family:'Plus Jakarta Sans';font-weight:800;color:#718096;opacity:.75;font-size:1.05rem}.section{padding:92px 0}.section-title{font-size:clamp(2rem,3.4vw,3rem);line-height:1.15;color:var(--navy)}.section-copy{color:var(--muted);max-width:580px}.feature-card,.method-card,.plan-card,.surface-card{background:white;border:1px solid var(--line);border-radius:18px;padding:25px;height:100%;transition:.25s ease;box-shadow:0 5px 18px rgba(37,70,113,.025)}.feature-card:hover,.method-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px rgba(37,70,113,.1);border-color:#cbdcf5}.feature-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;color:var(--blue);background:#eaf1ff;font-size:1.25rem;margin-bottom:17px}.feature-card h5{font-family:'Plus Jakarta Sans';font-weight:700}.feature-card p{color:var(--muted);font-size:.91rem;margin:0}.method-card{text-align:center;padding:20px}.method-card i{font-size:1.7rem;color:var(--blue);display:block;margin-bottom:8px}.method-card span{font-weight:700;font-size:.86rem}.steps{position:relative}.step-number{width:42px;height:42px;border:1px solid #bcd4fb;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--blue);font-weight:800;margin-bottom:15px}.step-card h5{font-family:'Plus Jakarta Sans';font-weight:700}.dashboard-preview{background:var(--navy);border-radius:24px;padding:26px;box-shadow:0 25px 50px rgba(7,26,51,.18)}.preview-inner{background:#f5f8fc;border-radius:14px;padding:18px}.metric{background:#fff;border-radius:12px;padding:13px;border:1px solid #e7edf5}.metric small{color:var(--muted);font-size:.7rem}.metric b{display:block;font-family:'Plus Jakarta Sans';font-size:1rem}.table-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}.table-card table{margin:0}.table-card th{color:#7c899d;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;background:#fbfcfe}.table-card td{font-size:.86rem;vertical-align:middle}.badge-success{background:#e9f8ee;color:#16803c}.badge-pending{background:#fff6df;color:#af7404}.badge-failed{background:#feecee;color:#d33243}.status{font-size:.72rem;padding:5px 9px;border-radius:20px;font-weight:700}.cta{background:linear-gradient(105deg,#071a33,#123b7b);color:white;border-radius:25px;padding:65px}.cta h2{font-family:'Plus Jakarta Sans';font-weight:800;letter-spacing:-.035em}.pn-footer{background:#071a33;color:#b7c5d8;padding:55px 0 22px}.pn-footer h6{color:white;font-weight:700}.pn-footer a{display:block;color:#b7c5d8;text-decoration:none;margin:.45rem 0;font-size:.9rem}.pn-footer a:hover{color:white}.demo-note{color:#76d9e6}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin-top:38px;font-size:.82rem;display:flex;justify-content:space-between}.page-hero{padding:80px 0 65px;background:linear-gradient(130deg,#eaf4ff,#f8fcff);position:relative;overflow:hidden}.page-hero h1{font-family:'Plus Jakarta Sans';font-weight:800;font-size:clamp(2.3rem,4vw,3.7rem);letter-spacing:-.045em;color:var(--navy)}.breadcrumb-mini{font-size:.8rem;color:#718096;margin-bottom:18px}.breadcrumb-mini a{color:var(--blue);text-decoration:none}.breadcrumb-mini i{font-size:.6rem;margin:0 8px}.product-visual{background:linear-gradient(135deg,#0d2c56,#1769ff);min-height:285px;border-radius:20px;display:grid;place-items:center;color:#fff;position:relative;overflow:hidden}.product-visual .big-icon{font-size:5rem;opacity:.9}.check-list{padding:0;list-style:none}.check-list li{margin:.8rem 0;color:#4d5c72}.check-list i{color:var(--success);margin-right:9px}.interactive-card{background:white;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 18px 40px rgba(25,57,92,.08)}.link-display{padding:13px;background:#f4f8fc;border:1px dashed #c7d9ee;border-radius:10px;color:var(--blue);font-weight:700;font-size:.9rem;word-break:break-all}.qr-grid{width:170px;height:170px;padding:12px;background:repeating-linear-gradient(90deg,#071a33 0 9px,#fff 9px 15px),repeating-linear-gradient(#071a33 0 7px,#fff 7px 13px);background-blend-mode:multiply;border:12px solid white;box-shadow:0 5px 17px #dce7f3;margin:auto}.invoice-paper{background:#fff;border-radius:8px;padding:26px;color:#28374c;box-shadow:0 20px 40px rgba(9,35,68,.12)}.invoice-paper h5{color:var(--blue);font-weight:800}.plan-card{padding:30px;position:relative}.plan-card.popular{border:2px solid var(--blue);box-shadow:0 18px 40px rgba(23,105,255,.14)}.plan-label{font-size:.72rem;color:var(--blue);font-weight:800;letter-spacing:.08em}.plan-price{font-family:'Plus Jakarta Sans';font-weight:800;font-size:2.5rem;color:var(--navy)}.auth-wrap{min-height:100vh;background:linear-gradient(135deg,#eff6ff,#f7fbff);display:grid;place-items:center;padding:30px}.auth-card{width:min(100%,470px);background:white;padding:36px;border-radius:22px;box-shadow:0 20px 55px rgba(15,56,100,.12)}.form-control,.form-select{border-radius:10px;border-color:#dce5f0;padding:.75rem .9rem}.form-control:focus{box-shadow:0 0 0 .2rem rgba(23,105,255,.12);border-color:var(--blue)}