.demo-hero{padding:72px 0 50px;background:radial-gradient(circle at 75% 15%,#dcf8ee,transparent 30%),linear-gradient(135deg,#f8fcfb,#eef5f7);text-align:center}.demo-hero h1{max-width:850px;margin:18px auto;color:#0b2437;font-size:clamp(42px,5.5vw,66px);font-weight:800;letter-spacing:-.055em;line-height:1}.demo-hero>div>p{max-width:690px;margin:0 auto;color:#526976;font-size:17px}.demo-privacy{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:9px 12px;border:1px solid #c5e5d9;border-radius:10px;background:rgba(255,255,255,.8);text-align:left}.demo-privacy>svg{width:18px;color:#087455}.demo-privacy strong,.demo-privacy small{display:block}.demo-privacy strong{font-size:9px}.demo-privacy small{color:#687981;font-size:7px}.demo-workspace{padding:50px 0 90px;background:#f4f8f7}.demo-grid{display:grid;grid-template-columns:390px minmax(0,1fr);align-items:start;gap:22px}.demo-form,.demo-preview-column{border:1px solid #dbe5e7;border-radius:17px;background:#fff;box-shadow:0 12px 36px rgba(18,50,75,.07)}.demo-form{display:grid;gap:15px;padding:25px}.demo-form>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:3px}.demo-form h2{margin:4px 0 0;font-size:21px}.demo-step{padding:5px 8px;border-radius:99px;background:#dcf7ee;color:#087455;font-size:8px;font-weight:800}.demo-form label>span{display:block;margin-bottom:5px;color:#526976;font-size:9px;font-weight:750}.demo-form label>span small{color:#89979e;font-weight:500}.demo-input-icon{position:relative}.demo-input-icon>svg{position:absolute;z-index:1;top:12px;left:12px;width:16px;color:#71838c}.demo-input-icon .form-control,.demo-input-icon .form-select{padding-left:36px}.demo-input-icon.amount>svg{top:11px}.demo-form-row{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}.demo-date-chips{display:flex;gap:5px;margin-top:5px}.demo-date-chips button{padding:4px 8px;border:1px solid #dfe6e9;border-radius:99px;background:#fff;color:#526976;font-size:7px}.demo-date-chips button.active{border-color:#9ed8c4;background:#ebfaf5;color:#087455}.demo-words{display:block;margin-top:6px;color:#087455;font-size:8px;line-height:1.45}.demo-checks{display:flex;gap:15px}.demo-checks label{display:flex;align-items:center;gap:6px}.demo-checks label>span{margin:0;font-size:8px}.demo-form-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:8px;margin-top:5px}.demo-form-actions .btn{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px}.demo-form-actions svg{width:14px}.demo-preview-column{position:sticky;top:94px;overflow:hidden}.demo-preview-column>header{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;border-bottom:1px solid #e2e9eb}.demo-preview-column>header>div{display:grid;grid-template-columns:auto auto;align-items:center;gap:0 7px}.demo-preview-column>header strong,.demo-preview-column>header small{display:block}.demo-preview-column>header small{grid-column:2;color:#687981;font-size:7px}.demo-preview-column>header>span{color:#687981;font-size:9px}.demo-preview-stage{display:grid;place-items:center;min-height:430px;padding:35px;background:#e7eeef}.demo-cheque{position:relative;width:min(100%,700px);aspect-ratio:202/92;overflow:hidden;border:1px solid #a8c5b7;background:radial-gradient(circle at 14% 50%,transparent 0 34px,rgba(22,128,96,.05) 35px 37px,transparent 38px),linear-gradient(145deg,#f7fff9,#e9f7ef);box-shadow:0 18px 38px rgba(18,50,75,.16);color:#27463c;font-family:Georgia,serif}.demo-cheque:after{position:absolute;inset:0;background:repeating-linear-gradient(35deg,transparent 0 18px,rgba(11,143,106,.018) 19px 20px);content:"";pointer-events:none}.demo-cheque>header{position:absolute;top:7%;right:4%;left:4%;display:flex;align-items:center;justify-content:space-between}.demo-cheque>header>div{display:flex;align-items:center;gap:8px}.demo-cheque>header span{display:grid;place-items:center;width:33px;height:28px;border-radius:6px;background:#0b8f6a;color:#fff;font:8px Inter,sans-serif;font-weight:800}.demo-cheque>header strong{font-size:12px}.demo-cheque>header small{font:6px Inter,sans-serif}.demo-crossing{position:absolute;top:17%;left:6%;transform:rotate(-8deg);color:#087455;font:6px Inter,sans-serif;font-weight:700}.demo-date-box{position:absolute;top:12%;right:8%;display:flex;margin-top:23px}.demo-date-box span{display:grid;place-items:center;width:15px;height:20px;border:1px solid #a8c5b7;border-right:0;font:8px Inter,sans-serif}.demo-date-box span:last-child{border-right:1px solid #a8c5b7}.field-caption{position:absolute;left:5%;font:6px Inter,sans-serif}.field-caption.pay{top:34%}.field-caption.rupees{top:49%}.demo-line{position:absolute;border-bottom:1px solid #9bb7aa;font-size:10px;white-space:nowrap}.demo-line.payee{top:32%;right:17%;left:12%;height:17px}.demo-bearer{position:absolute;top:34%;right:5%;font:6px Inter,sans-serif}.demo-line.words{right:21%;left:12%;height:16px;font-size:9px}.demo-line.words.one{top:47%}.demo-line.words.two{top:58%;left:5%}.demo-amount-box{position:absolute;top:48%;right:4%;width:18%;padding:6px;border:1px solid #9bb7aa;text-align:right;font-size:10px;font-weight:700}.demo-note{position:absolute;bottom:23%;left:22%;font:6px Inter,sans-serif}.demo-signature{position:absolute;right:7%;bottom:18%;width:25%;text-align:center}.demo-signature>span{display:block;border-top:1px solid #9bb7aa}.demo-signature small{font:5px Inter,sans-serif}.demo-micr{position:absolute;bottom:5%;left:5%;font-size:8px;letter-spacing:1px}.demo-preview-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px}.demo-preview-footer>span{display:grid;grid-template-columns:auto 1fr;gap:0 7px;padding:9px;border-radius:9px;background:#f5f8f8}.demo-preview-footer svg{grid-row:1/3;width:17px;color:#087455}.demo-preview-footer strong,.demo-preview-footer small{display:block}.demo-preview-footer strong{font-size:8px}.demo-preview-footer small{color:#687981;font-size:6px}.demo-ai-section{background:#fff}.demo-ai-section>.marketing-container{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:75px}.demo-ai-copy h2{margin:17px 0 12px;color:#0b2437;font-size:38px;font-weight:800;letter-spacing:-.04em}.demo-ai-copy>p{color:#687981;line-height:1.7}.demo-ai-copy ul{display:grid;gap:8px;margin:22px 0;padding:0;list-style:none}.demo-ai-copy li{display:flex;align-items:center;gap:8px;font-size:10px}.demo-ai-copy li svg{width:14px;color:#087455}.demo-ai-copy .btn{display:inline-flex;align-items:center;gap:7px}.demo-ai-copy .btn svg{width:16px}.detection-demo{overflow:hidden;border:1px solid #d7e2e4;border-radius:17px;background:#f7faf9;box-shadow:0 16px 40px rgba(18,50,75,.09)}.detection-demo>header,.detection-demo>footer{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:#fff}.detection-demo>header strong{font-size:10px}.detection-demo>header span{color:#687981;font-size:8px}.detection-demo.scanning>header span{color:#b27509}.detection-demo.detected>header span{color:#087455;font-weight:750}.detection-canvas{position:relative;aspect-ratio:202/92;margin:28px;border:1px solid #bdcec7;background:linear-gradient(145deg,#f9fffb,#edf7f1)}.blank-bank{position:absolute;top:10%;left:6%;font:700 10px Georgia,serif}.blank-lines{position:absolute;top:34%;right:6%;left:6%;display:grid;gap:22px}.blank-lines span{border-top:1px solid #b8c9c1}.detected-field{position:absolute;z-index:2;display:none;padding:3px;border:1.5px solid #0b9f75;background:rgba(11,159,117,.08);color:#087455;font:6px Inter,sans-serif;font-weight:750}.detected .detected-field{display:block;animation:fieldIn .25s both}.detected-field.payee{top:29%;right:18%;left:16%;height:17%}.detected-field.date{top:7%;right:4%;width:25%;height:15%;animation-delay:.05s}.detected-field.words{top:51%;right:25%;left:8%;height:20%;animation-delay:.1s}.detected-field.amount{top:50%;right:3%;width:20%;height:18%;animation-delay:.15s}.detected-field.signature{right:7%;bottom:8%;width:25%;height:14%;animation-delay:.2s}.detected-field.number{bottom:4%;left:4%;width:20%;height:10%;animation-delay:.25s}.detection-scan-line{position:absolute;z-index:3;top:0;right:0;left:0;display:none;border-top:2px solid #0b9f75;box-shadow:0 5px 15px #0b9f75}.scanning .detection-scan-line{display:block;animation:scan 1.35s ease-in-out infinite}.detection-demo>footer{justify-content:flex-start;gap:20px;border-top:1px solid #e2e9eb}.detection-demo>footer span{display:flex;align-items:center;gap:5px;color:#687981;font-size:7px}.detection-demo>footer svg{width:12px;color:#087455}.demo-gate{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(7,27,41,.72);backdrop-filter:blur(5px)}.demo-gate[hidden]{display:none}.demo-gate-dialog{position:relative;width:min(440px,100%);padding:35px;border-radius:18px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.3);text-align:center}.demo-gate-dialog>button:first-child{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#f1f5f5}.demo-gate-dialog>button svg{width:16px}.demo-gate-dialog>span{display:grid;place-items:center;width:55px;height:55px;margin:0 auto;border-radius:16px;background:#dcf7ee;color:#087455}.demo-gate-dialog>span svg{width:25px}.demo-gate-dialog h2{margin:20px 0 8px;font-size:24px}.demo-gate-dialog p{color:#687981;font-size:11px;line-height:1.7}.demo-gate-dialog .btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:9px}.demo-gate-dialog .btn svg{width:16px}@keyframes scan{0%{top:0}50%{top:100%}100%{top:0}}@keyframes fieldIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}
@media(max-width:1000px){.demo-grid{grid-template-columns:350px minmax(0,1fr)}.demo-preview-stage{min-height:360px}.demo-ai-section>.marketing-container{gap:40px}}
@media(max-width:820px){.demo-grid,.demo-ai-section>.marketing-container{grid-template-columns:1fr}.demo-preview-column{position:static}.demo-form{order:1}.demo-preview-column{order:2}.demo-ai-copy h2{font-size:31px}}
@media(max-width:520px){.demo-hero{padding:55px 0 38px}.demo-hero h1{font-size:42px}.demo-privacy{align-items:flex-start}.demo-workspace{padding:25px 0 60px}.demo-form{padding:18px}.demo-form-row,.demo-form-actions{grid-template-columns:1fr}.demo-preview-stage{min-height:245px;padding:10px}.demo-cheque{width:100%}.demo-preview-footer{grid-template-columns:1fr}.demo-date-box span{width:11px;height:15px}.demo-line{font-size:7px}.demo-line.words{font-size:6px}.demo-amount-box{padding:3px;font-size:7px}.demo-ai-section>.marketing-container{gap:30px}.detection-canvas{margin:12px}.detection-demo>footer{flex-wrap:wrap;gap:8px 15px}}