:root{--blue:#1769f6;--navy:#071b3d;--orange:#ff6d12;--ink:#111b34;--muted:#607089;--line:#e1e8f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7faff;color:var(--ink);font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}.clean-header{position:sticky;top:0;z-index:100;background:#fff}.clean-promo{height:36px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#0a377e,#061f4e);color:#fff;font-size:11px}.clean-nav{min-height:85px;padding:10px 4vw;display:flex;align-items:center;gap:25px;box-shadow:0 8px 24px #102a5014}.clean-logo{display:flex;align-items:center;gap:10px;min-width:190px}.clean-logo>strong{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#25a4ff,#1258e9);color:#fff;font-size:26px}.clean-logo span{display:flex;flex-direction:column}.clean-logo b{font-size:17px}.clean-logo em{color:var(--blue);font-style:normal}.clean-logo small{color:#748097;font-size:9px}.clean-nav nav{display:flex;gap:4px}.clean-nav nav a{padding:11px 12px;border-radius:22px;font-size:11px;font-weight:700}.clean-nav nav a.active{background:#edf4ff;color:var(--blue)}.clean-nav nav i{margin-right:6px}.global-search{height:42px;margin-left:auto;padding:0 15px;display:flex;align-items:center;gap:9px;background:#f1f5fb;border-radius:25px}.global-search input{width:150px;border:0;outline:0;background:transparent}.nav-purchase{font-size:10px;font-weight:700}.nav-explore{padding:13px 17px;border-radius:23px;background:linear-gradient(90deg,#ff7917,#fb500c);color:#fff;font-size:10px;font-weight:800}.clean-menu{display:none;border:0;background:none;font-size:22px}.page-hero{padding:80px 6vw;text-align:center;background:radial-gradient(circle at 80% 20%,#dfeaff,transparent 28%),linear-gradient(145deg,#fff,#edf5ff);border-bottom:5px solid var(--orange)}.page-hero.orange{background:linear-gradient(145deg,#fff7f0,#eef5ff)}.page-hero.compact{padding-block:60px}.page-hero span,.contact-clean>div>span{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.16em}.page-hero h1,.contact-clean h1{margin:13px 0;color:var(--navy);font-size:clamp(42px,5vw,72px);line-height:1.04;letter-spacing:-.055em}.page-hero h1 em,.contact-clean h1 em{color:var(--blue);font-style:normal}.page-hero p{max-width:700px;margin:auto;color:var(--muted);line-height:1.7}.catalog-tools-clean{position:sticky;top:121px;z-index:20;padding:18px 5vw;display:flex;align-items:center;gap:18px;background:#fff;border-bottom:1px solid var(--line)}.catalog-tools-clean label{min-width:270px;padding:0 14px;display:flex;align-items:center;gap:8px;background:#f4f7fb;border:1px solid var(--line);border-radius:9px}.catalog-tools-clean input{width:100%;padding:12px;border:0;outline:0;background:transparent}.catalog-tools-clean>div{display:flex;gap:7px}.catalog-tools-clean button{padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:700}.catalog-tools-clean button.active{background:var(--blue);border-color:var(--blue);color:#fff}.catalog-tools-clean>span{margin-left:auto;color:var(--muted);font-size:11px}.clean-catalog{padding:45px 5vw;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.clean-catalog>article{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 26px #12315b10}.clean-preview{height:235px;display:block;position:relative;overflow:hidden;background:#e9eef6}.clean-preview iframe{width:1300px;height:800px;border:0;pointer-events:none;transform:scale(.33);transform-origin:top left}.clean-preview span{position:absolute;right:12px;bottom:12px;padding:8px 11px;border-radius:6px;background:var(--blue);color:#fff;font-size:9px;font-weight:800}.clean-catalog>article>div{padding:18px}.clean-catalog small{color:var(--orange);font-weight:800;text-transform:uppercase}.clean-catalog h2{margin:7px 0;font-size:19px}.clean-catalog p{color:var(--muted);font-size:10px}.clean-catalog footer{display:flex;align-items:center;justify-content:space-between}.clean-catalog footer b{font-size:20px;color:var(--blue)}.clean-catalog footer a{font-size:10px;font-weight:800}.empty-state{text-align:center;padding:50px}.product-page{padding:55px 5vw;display:grid;grid-template-columns:1.2fr .8fr;gap:55px;background:#fff}.product-browser{overflow:hidden;border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 45px #102d5719}.product-browser>div{height:40px;padding:0 13px;display:flex;align-items:center;gap:6px;background:#f3f6fa}.product-browser>div i{width:8px;height:8px;border-radius:50%;background:#ff695e}.product-browser>div i:nth-child(2){background:#ffc14e}.product-browser>div i:nth-child(3){background:#55c978}.product-browser>div span{margin:auto;color:var(--muted);font-size:9px}.product-browser iframe{width:100%;height:600px;border:0}.product-copy>span{color:var(--blue);font-size:10px;font-weight:800}.product-copy h1{font-size:48px;line-height:1.06;letter-spacing:-.04em}.product-copy>p{color:var(--muted);line-height:1.7}.product-price{display:flex;align-items:center;gap:12px}.product-price b{font-size:40px;color:var(--blue)}.product-price del{color:#9aa4b4}.product-price small{margin-left:auto;color:var(--muted)}.product-copy ul{padding:0;list-style:none;line-height:2}.product-copy li i{margin-right:10px;color:#0bb374}.open-preview,.contact-buy{display:block;margin-top:11px;padding:14px;text-align:center;border-radius:9px;font-weight:800}.open-preview{background:var(--blue);color:#fff}.contact-buy{border:1px solid var(--blue);color:var(--blue)}.product-assurance{padding:25px 7vw;display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:#fff}.product-assurance article{text-align:center}.product-assurance i{margin-right:10px;color:#66a4ff}.story-grid{padding:75px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:#fff}.story-grid small{color:var(--orange);font-weight:800}.story-grid h2{font-size:45px}.story-grid p{color:var(--muted);font-size:16px;line-height:1.8}.value-cards,.service-grid{padding:55px 7vw;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:#eef5ff}.value-cards article,.service-grid article{padding:30px;background:#fff;border:1px solid var(--line);border-radius:13px}.value-cards b{color:var(--blue)}.service-grid i{font-size:30px;color:var(--blue)}.service-grid a{color:var(--orange);font-weight:800}.contact-clean{padding:65px 7vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;background:linear-gradient(145deg,#eef5ff,#fff7f0)}.contact-clean>div>p{color:var(--muted);line-height:1.7}.contact-clean>div article{margin-top:16px;display:flex;align-items:center;gap:13px}.contact-clean>div article i{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#e4efff;color:var(--blue)}.contact-clean form{padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 45px #102d5719}.contact-clean form h2,.contact-clean form label:last-of-type,.contact-clean form button,.success,.error{grid-column:1/-1}.contact-clean label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:700}.contact-clean input,.contact-clean select,.contact-clean textarea{padding:12px;border:1px solid var(--line);border-radius:7px}.contact-clean button{padding:14px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:800}.success,.error{padding:12px;border-radius:7px}.success{background:#e5f8ef;color:#087a48}.error{background:#ffecec;color:#b42318}.purchase-empty{padding:100px 20px;text-align:center;background:#fff}.purchase-empty>i{font-size:60px;color:var(--blue)}.purchase-empty>a{display:inline-block;padding:13px 19px;border-radius:8px;background:var(--blue);color:#fff;font-weight:800}.not-found b{font-size:100px;color:#dbe7fa}.clean-footer{padding:45px 5vw 20px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px;background:#07182c;color:#fff}.clean-footer>div p,.clean-footer a{color:#c4cfdd;font-size:10px}.clean-footer section{display:flex;flex-direction:column;gap:9px}.clean-footer>small{grid-column:1/-1;padding-top:18px;border-top:1px solid #ffffff1c;color:#8290a3}@media(max-width:1050px){.clean-nav nav{display:none;position:absolute;top:121px;left:0;right:0;padding:20px;background:#fff;flex-direction:column}.clean-nav nav.open{display:flex}.global-search{display:none}.clean-menu{display:block}.clean-catalog{grid-template-columns:repeat(2,1fr)}.product-page{grid-template-columns:1fr}.clean-footer{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.clean-promo>div,.nav-purchase,.nav-explore{display:none}.clean-nav{padding-inline:16px}.catalog-tools-clean{top:121px;align-items:stretch;flex-direction:column}.catalog-tools-clean label{min-width:0}.catalog-tools-clean>div{overflow:auto}.catalog-tools-clean button{flex:0 0 auto}.clean-catalog{padding:30px 18px;grid-template-columns:1fr}.product-page,.story-grid,.contact-clean{padding:40px 20px;grid-template-columns:1fr}.product-browser iframe{height:420px}.value-cards,.service-grid{padding:35px 20px;grid-template-columns:1fr}.contact-clean form{grid-template-columns:1fr}.contact-clean form>*{grid-column:1/-1}.clean-footer{grid-template-columns:1fr 1fr}.clean-footer>div{grid-column:1/-1}.product-assurance{grid-template-columns:1fr 1fr;gap:20px}}
@media(max-width:1050px){.clean-nav{position:relative}.clean-nav nav{top:calc(100% + 8px);left:16px;right:16px;padding:10px;border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 50px rgba(7,27,61,.18)}.clean-nav nav a{padding:12px 14px}.clean-menu{margin-left:auto;width:44px;height:44px;border-radius:10px;cursor:pointer}.clean-menu[aria-expanded="true"]{background:#edf4ff;color:var(--blue)}}
@media(max-width:650px){.clean-header{position:sticky}.clean-promo{height:36px;padding-inline:14px;font-size:10px}.clean-nav{min-height:76px;padding:10px 18px}.clean-logo{min-width:0}.clean-logo>strong{width:46px;height:46px}.clean-nav nav{top:calc(100% + 4px)}.clean-footer{grid-template-columns:1fr}}
html,body,button,input,select,textarea{font-family:'Poppins',Arial,sans-serif}.service-hero h1,.service-title h2,.client-work-title h2,.project-copy h3,.services-hero h1,.services-intro h2,.services-cards h3,.templates-hero h1,.collection-head h2,.about-hero h1,.founder-story h2,.about-values h2,.about-focus h2,.about-journey h2{font-family:'Poppins',Arial,sans-serif}
/* Bootstrap 5 aligned global scale and rebuilt footer */
body{font-size:14px;line-height:1.6}.clean-promo{font-size:12px}.clean-nav nav a{font-size:12px}.clean-logo b{font-size:18px}.clean-logo small{font-size:10px}.nav-purchase,.nav-explore{font-size:11px}.global-search input{font-size:12px}.clean-footer{padding:58px 6vw 22px;grid-template-columns:1.35fr repeat(3,1fr);gap:48px;background:radial-gradient(circle at 8% 10%,#123d78,transparent 25%),linear-gradient(135deg,#06182f,#041122);border-top:4px solid #1769f6}.clean-footer .footer-intro p{max-width:360px;margin:18px 0;color:#b8c7da;font-size:12px;line-height:1.75}.clean-footer section>b{margin-bottom:8px;color:#fff;font-size:14px}.clean-footer section a{font-size:11px;line-height:1.7;transition:.2s}.clean-footer section a:hover{color:#69a7ff;transform:translateX(3px)}.footer-social{display:flex;gap:9px}.footer-social a{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff1f;border-radius:10px;background:#ffffff0a;color:#fff!important;font-size:14px!important}.footer-social a:hover{background:#1769f6}.clean-footer .footer-quote{margin-top:8px;padding:11px 13px;border-radius:8px;background:linear-gradient(90deg,#ff7d18,#ff590b);color:#fff;font-weight:800}.footer-bottom{grid-column:1/-1;padding-top:20px;display:flex;justify-content:space-between;border-top:1px solid #ffffff1c;color:#8fa0b6}.footer-bottom span{display:flex;gap:20px}.footer-bottom a,.footer-bottom small{font-size:10px}.clean-footer>small{display:none}@media(max-width:900px){.clean-footer{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/-1}}@media(max-width:600px){.clean-footer{padding:45px 22px 20px;grid-template-columns:1fr;gap:30px}.footer-intro{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}.footer-bottom span{gap:12px;flex-wrap:wrap}}
/* Original saved Nitin brand logo */
.clean-logo{width:118px;height:68px;min-width:118px;position:relative;display:block;background:url('/assets/images/design/nitin-dev-solutions-transparent.png') center/contain no-repeat;filter:drop-shadow(0 8px 16px rgba(7,35,78,.12));animation:brandReveal .7s ease both;transition:transform .25s ease,filter .25s ease}.clean-logo:hover{transform:translateY(-2px) scale(1.035);filter:drop-shadow(0 12px 21px rgba(7,62,145,.2))}.clean-logo>strong{display:none}.clean-logo>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.clean-footer .clean-logo{width:145px;height:105px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));opacity:1}.clean-footer .clean-logo:hover{filter:drop-shadow(0 13px 24px rgba(30,112,255,.25))}@keyframes brandReveal{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.clean-logo{animation:none;transition:none}}@media(max-width:650px){.clean-logo{width:105px;height:62px;min-width:105px}.clean-footer .clean-logo{width:135px;height:98px}}
/* Larger complete-logo presentation for clarity */
.clean-nav{min-height:104px;padding-block:7px}.clean-logo{width:126px;height:88px;min-width:126px;background-size:88px 88px;background-position:left center}.clean-footer .clean-logo{width:170px;height:138px;background-size:138px 138px;background-position:left center}.clean-footer .footer-intro p{margin-top:8px}@media(max-width:650px){.clean-nav{min-height:92px;padding-block:4px}.clean-logo{width:102px;height:78px;min-width:102px;background-size:78px 78px}.clean-footer .clean-logo{width:150px;height:125px;background-size:125px 125px}}

/* Unified Template Cards */
.template-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #dce6f3;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(15,45,90,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.template-card:hover{transform:translateY(-6px);border-color:#bad3fc;box-shadow:0 22px 50px rgba(15,45,90,.14)}
.demo-preview-wrap{position:relative;height:215px;background:#0d1e3d;overflow:hidden}
.demo-top-bar{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;justify-content:space-between;z-index:10;pointer-events:none}
.demo-type-badge{pointer-events:auto;padding:4px 9px;border-radius:6px;background:rgba(7,23,53,.88);color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.06em;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px)}
.demo-share{pointer-events:auto;display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.96);color:#0b224d;font-size:10.5px;font-weight:750;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.12);cursor:pointer;transition:all .2s ease;backdrop-filter:blur(8px)}
.demo-share:hover{background:#1769f6;color:#fff;transform:scale(1.05)}
.demo-frame-link{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#e9f0f8}
.demo-preview-wrap iframe{width:1300px;height:800px;border:0;pointer-events:none;transform:scale(.33);transform-origin:top left}
.demo-hover-badge{position:absolute;right:10px;bottom:10px;padding:6px 11px;border-radius:7px;background:rgba(23,105,246,.95);color:#fff;font-size:10px;font-weight:800;display:inline-flex;align-items:center;gap:5px;box-shadow:0 4px 14px rgba(0,0,0,.2);backdrop-filter:blur(4px);transition:background .2s ease,transform .2s ease}
.demo-frame-link:hover .demo-hover-badge{background:#0d55cd;transform:scale(1.04)}
.demo-card-content{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.demo-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.demo-title{margin:0;font-size:16.5px;font-weight:750;color:#071b3d;line-height:1.25}
.demo-price-tag{display:flex;align-items:baseline;gap:5px;flex-shrink:0}
.price-val{font-size:19px;font-weight:850;color:#1769f6;line-height:1}
.price-old{font-size:11px;color:#9aa7ba;text-decoration:line-through}
.demo-description{margin:0 0 14px;color:#63738b;font-size:11.5px;line-height:1.5}
.demo-actions{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.btn-demo-preview{padding:9px 10px;border-radius:8px;background:#1769f6;color:#fff!important;font-size:11px;font-weight:750;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:5px;box-shadow:0 4px 12px rgba(23,105,246,.22);transition:all .2s ease}
.btn-demo-preview:hover{background:#0d55cd;transform:translateY(-1px);color:#fff!important}
.btn-demo-details{padding:9px 10px;border-radius:8px;background:#edf4ff;color:#1258c9!important;font-size:11px;font-weight:750;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid #d4e4fc;transition:all .2s ease}
.btn-demo-details:hover{background:#e0ecfd;transform:translateY(-1px);color:#1258c9!important}
.btn-demo-youtube{grid-column:1/-1;padding:8px 10px;border-radius:8px;background:#fff1f0;color:#e02424!important;font-size:11px;font-weight:750;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #fecaca;transition:all .2s ease}
.btn-demo-youtube:hover{background:#ffe3e1;color:#c81e1e!important}

/* Pay Now Button & Modal */
.btn-pay-now{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px 22px;border:0;border-radius:12px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff!important;font-size:15px;font-weight:800;letter-spacing:.02em;box-shadow:0 8px 24px rgba(16,185,129,.35);cursor:pointer;transition:all .25s ease}
.btn-pay-now:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(16,185,129,.45);background:linear-gradient(135deg,#059669 0%,#047857 100%)}
.pay-modal-backdrop{position:fixed;inset:0;z-index:9999;background:rgba(6,20,48,.72);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:all .25s ease}
.pay-modal-backdrop.active{opacity:1;visibility:visible}
.pay-modal-card{width:100%;max-width:480px;background:#fff;border-radius:20px;box-shadow:0 25px 60px rgba(0,0,0,.28);overflow:hidden;transform:scale(.95);transition:transform .25s cubic-bezier(.16,1,.3,1)}
.pay-modal-backdrop.active .pay-modal-card{transform:scale(1)}
.pay-modal-head{padding:18px 24px;background:linear-gradient(135deg,#071f48,#0b387e);color:#fff;display:flex;align-items:center;justify-content:space-between}
.pay-modal-head h3{margin:0;font-size:17px;font-weight:750;display:flex;align-items:center;gap:8px;color:#fff}
.pay-modal-close{background:rgba(255,255,255,.15);border:0;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:15px;display:grid;place-items:center;transition:background .2s}
.pay-modal-close:hover{background:rgba(255,255,255,.3)}
.pay-modal-body{padding:22px 24px}
.pay-order-summary{background:#f4f8ff;border:1px solid #d8e5f8;border-radius:12px;padding:12px 16px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center}
.pay-order-title{font-weight:750;color:#071b3d;font-size:14px}
.pay-order-price{font-size:20px;font-weight:850;color:#1769f6}
.pay-form-group{margin-bottom:13px}
.pay-form-group label{display:block;font-size:11px;font-weight:750;color:#4b5a74;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}
.pay-form-group input{width:100%;padding:11px 14px;border:1px solid #d5e0ee;border-radius:9px;font-size:13.5px;outline:0;background:#fbfdff;transition:border-color .2s}
.pay-form-group input:focus{border-color:#1769f6;background:#fff}
.btn-submit-pay{width:100%;padding:14px;border:0;border-radius:10px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;font-size:14.5px;font-weight:800;cursor:pointer;box-shadow:0 6px 18px rgba(16,185,129,.3);display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px}
.btn-submit-pay:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%)}
.pay-whatsapp-alt{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:11px;border:1px solid #25d366;border-radius:10px;background:#f0fdf4;color:#15803d!important;font-size:12.5px;font-weight:750;text-decoration:none}
.pay-whatsapp-alt:hover{background:#dcfce7;color:#166534!important}
.pay-guarantee-note{margin-top:14px;text-align:center;font-size:11px;color:#718298;display:flex;align-items:center;justify-content:center;gap:6px}


