/* Brand refresh: larger reading sizes, image-led page headers, and stronger interaction states. */
:root{--navy:#111619;--ink:#172027;--muted:#52616b;--amber:#f2b544;--cream:#f7f4ec;--line:#dce3e4;--cyan:#1cb4c5;--green:#2d9870}
body{font-size:17px;line-height:1.8;background:#fff;color:var(--ink)}
p{color:var(--muted)}
h1{font-size:clamp(43px,5.2vw,72px);letter-spacing:-1.25px}
h2{font-size:clamp(31px,3.4vw,43px)}
h3{font-size:23px}
.container{max-width:1300px}
.topbar{background:#080b0d;color:#d3e0e2;font-size:12px}
.topbar .container{min-height:43px}
.topbar .gstin{color:#f4c76b;letter-spacing:1.2px;font-weight:700}
.topbar .gstin:before{background:var(--cyan);width:7px;height:7px}
.top-links a:hover{color:var(--amber)}
.site-header{background:#101417;border-color:#273033;box-shadow:0 8px 28px #00000015}
.header-inner{height:91px}
.brand,.brand-icon,.brand-name{color:#fff}
.brand-name{font-size:28px}
.brand-sub{color:#bac7cb;font-size:9px}
.nav{font-size:14px;gap:23px;color:#ebf1f3}
.nav a{transition:color .2s ease,transform .2s ease}
.nav a:hover{color:var(--amber);transform:translateY(-2px)}
.nav a[aria-current=page]{color:var(--amber)}
.nav a[aria-current=page]:after{background:var(--amber);height:3px}
.btn{font-size:15px;padding:15px 23px;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0000001c}
.btn-dark{background:#14191c}
.btn-dark:hover{background:#26333a}
.btn-amber:hover{background:#ffcd6b}
.btn-outline{border-color:#9db4bd}
.btn-outline:hover{background:#e6f4f4;border-color:#2d9ba5}
.eyebrow{font-size:12px;letter-spacing:2px;margin-bottom:18px}
.eyebrow:before{width:32px;height:3px}
.hero{background:radial-gradient(circle at 78% 20%,#263b40 0%,transparent 42%),linear-gradient(125deg,#090c0e 0%,#171c1e 75%,#20272b 100%)}
.hero h1{color:#fff}
.hero h1 .accent{color:var(--amber)}
.hero .eyebrow{color:#f0c46a}
.hero-copy>p{color:#d1dddc;font-size:18px;max-width:590px}
.hero .micro{color:#bdcbce;font-size:12px}
.hero .btn-outline{color:#f5ffff;border-color:#77999c;background:#ffffff12}
.hero .btn-outline:hover{background:#1e5d64;border-color:#76d1d4}
.hero-proof{border-color:#ffffff38;font-size:13px;color:#ebf1ef}
.hero-proof .check{color:#55d0a7}
.portrait-scene:before{border-color:#5f7474}
.float-tag{border-top:3px solid var(--amber)}
.quote-tag{background:#080c0e}
.trust-strip{background:#1a2225;border-color:#344246;color:#f6f8f8}
.trust-label{color:#c8d7d9;font-size:12px}
.trust-inner .urban-logo{background:#fff;border-radius:7px;padding:7px;width:140px;height:73px}
.credential{border-color:#415054}
.credential strong{font-size:20px;color:var(--amber)}
.credential span{font-size:12px;color:#bfd0d2}
.section-soft{background:#f3f6f5}
.section-head p{font-size:16px;max-width:430px}
.service-card,.info-card,.knowledge-card,.contact-card{border-color:#d5e0df;box-shadow:0 9px 26px #0d27300a;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}
.service-card:hover,.service-card:focus-within,.info-card:hover,.info-card:focus-within,.knowledge-card:hover,.knowledge-card:focus-within,.contact-card:hover,.contact-card:focus-within{transform:translateY(-5px);box-shadow:0 20px 38px #14262c1c;border-color:#56b4b9}
.service-card{border-radius:11px;padding:32px;border-top:4px solid var(--cyan)}
.service-card:nth-child(3){border-top-color:var(--green)}
.service-card.featured{border:1px solid #252e31;border-top:4px solid var(--amber);background:linear-gradient(145deg,#101417,#223035)}
.service-card .number{font-size:12px}
.service-card h3{font-size:25px}
.service-card p{font-size:16px}
.service-card.featured p{color:#c8d6da}
.service-icon{background:#e5f7f5;color:#117987;width:51px;height:51px}
.service-card:nth-child(3) .service-icon{background:#e4f5ec;color:#287b54}
.service-card.featured .service-icon{background:#f2b54424;color:var(--amber)}
.text-link{font-size:15px;border-color:#9fb4b8;transition:color .2s ease,border-color .2s ease,letter-spacing .2s ease}
.text-link:hover{color:#b57b1e;border-color:#b57b1e;letter-spacing:.3px}
.partner-panel p,.prose p{font-size:17px}
.tick-list li{font-size:16px}
.partner-box{border-color:#bfd2d2;border-radius:11px;box-shadow:0 20px 44px #17272b12}
.partner-box-top{background:#f6fbfa}
.steps .step h3{font-size:17px}
.steps .step p{font-size:14px}
.step-count{background:#daf3ef;color:#137c81;font-size:13px;width:35px;height:35px}
.referral{background:#e5f4f1;font-size:12px}
.referral strong{font-size:22px}
.copy-btn{font-size:13px;transition:background .2s ease,color .2s ease}
.copy-btn:hover{background:#141a1c;color:#fff}
.knowledge-card p,.info-card p{font-size:16px}
.knowledge-card h3,.info-card h3{font-size:22px}
.info-card{border-radius:10px;border-top:4px solid var(--amber)}
.info-card:nth-child(2){border-top-color:var(--cyan)}
.info-card:nth-child(3){border-top-color:var(--green)}
.feature-number{font-size:34px}
.info-card:nth-child(2) .feature-number{color:#118c9a}
.info-card:nth-child(3) .feature-number{color:#23875d}
.cta-band{background:radial-gradient(circle at 82% 5%,#166c72 0%,transparent 28%),linear-gradient(115deg,#0c1114,#1d282c);border-top:4px solid var(--amber)}
.cta-inner p{color:#d1e0e1;font-size:16px}
.site-footer{background:#090d0f}
.site-footer h3{font-size:13px;color:var(--amber)}
.footer-about,.footer-links,.footer-contact{font-size:13px}
.footer-links a,.footer-contact a{transition:color .2s ease}
.footer-links a:hover,.footer-contact a:hover{color:var(--amber)}
.footer-note,.footer-bottom{font-size:11px}
.float-whatsapp{font-size:13px;padding:12px 18px}
.float-whatsapp:hover{background:#156141;transform:translateY(-2px)}
.page-hero{min-height:430px;display:flex;align-items:center;padding:62px 0 73px;background:#0d1215 center/cover no-repeat;color:#fff;border-color:#222}
.page-hero .container{width:100%}
.page-hero h1{font-size:clamp(42px,4.9vw,64px);max-width:850px;color:#fff;text-shadow:0 2px 20px #00000055}
.page-hero p{font-size:19px;color:#f0f3f2;max-width:720px;line-height:1.85;text-shadow:0 2px 14px #00000077}
.page-hero .breadcrumb{font-size:13px;color:#d1dbdb}
.page-hero .breadcrumb a:hover{color:var(--amber)}
.page-hero .eyebrow{color:var(--amber)}
.hero-about{background-image:linear-gradient(90deg,#080c0dd9 0%,#080c0d99 48%,#080c0d15 100%),url('hero-about-v2.png')}
.hero-home-loan{background-image:linear-gradient(90deg,#071014d9 0%,#071014a3 45%,#07101412 100%),url('hero-home-loan-v2.png')}
.hero-lap{background-image:linear-gradient(90deg,#090d10df 0%,#090d1099 49%,#090d1012 100%),url('hero-lap-v2.png')}
.hero-contact{background-image:linear-gradient(90deg,#090d10df 0%,#090d1099 49%,#090d1012 100%),url('hero-contact-v2.png')}
.hero-urban{background-image:radial-gradient(circle at 77% 44%,#167c87 0%,transparent 30%),radial-gradient(circle at 95% 6%,#755629 0%,transparent 26%),linear-gradient(116deg,#080b0d,#1c2528 80%)}
.page-hero-action{margin-top:24px}
.btn-play{background:#fff;color:#111619;border:2px solid #fff;text-align:left;gap:12px;padding:11px 16px;box-shadow:0 10px 20px #0002}
.btn-play:hover{background:#e8fbfc;border-color:var(--cyan)}
.btn-play small{display:block;font-size:11px;font-weight:600;color:#52646b;line-height:1.4}
.play-mark{color:#12a3a7;font-size:23px}
.page-hero-action .btn-play{max-width:300px}
.profile-aside{box-shadow:0 18px 42px #2434391c}
.qualifications span{background:#ebf7f5;border-color:#a8d7d3;font-size:14px}
.quote-block{background:#f7eee0;color:#2b3030}
.wide-note{font-size:14px;background:#fff7e7}
.tab-list button{font-size:16px;transition:background .2s ease,transform .2s ease,color .2s ease}
.tab-list button:hover{transform:translateY(-2px);border-color:#159caa}
.tab-list button[aria-selected=true]{background:#13191b;border-color:#13191b}
.doc-list li{font-size:16px;padding:17px 0}
.doc-list small{font-size:14px;line-height:1.7}
.doc-visual,.dsa-doc-panel{background:radial-gradient(circle at 95% 5%,#176774 0%,transparent 35%),linear-gradient(145deg,#0b1012,#1b282d);color:#fff;border-radius:12px;box-shadow:0 18px 38px #1b2b3120;padding:36px;position:relative;overflow:hidden}
.doc-visual:after,.dsa-doc-panel:after{content:'';width:210px;height:210px;border:1px solid #69d9e544;border-radius:50%;position:absolute;top:-115px;right:-65px;pointer-events:none}
.doc-overline{font-size:12px;letter-spacing:2px;color:#69d7db;font-weight:800}
.doc-visual-icon{width:61px;height:61px;display:grid;place-items:center;color:#101719;background:var(--amber);border-radius:12px;margin:35px 0 20px}
.doc-visual-icon svg{width:31px;height:31px}
.doc-visual h3,.dsa-doc-panel h3{font-size:31px;line-height:1.45;color:#fff}
.doc-visual h3 em{font-style:normal;color:var(--amber)}
.doc-visual p,.dsa-doc-panel p{font-size:15px;color:#c8d7d9;margin-top:15px}
.doc-track{margin-top:30px;border-top:1px solid #ffffff26}
.doc-track-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #ffffff25;font-size:14px}
.doc-track-row span:first-child{color:#6dd0d4;font-weight:800}
.doc-track-row span:last-child{margin-left:auto;color:#68d0aa}
.doc-visual-foot{margin-top:26px;color:#a6bbbf;font-size:12px}
.dsa-doc-item{border-bottom:1px solid #ffffff25;padding:13px 0;display:grid;grid-template-columns:32px 1fr;gap:0 14px}
.dsa-doc-item span{color:var(--amber);grid-row:span 2}
.dsa-doc-item b{font-size:18px}
.dsa-doc-item small{font-size:13px;color:#b9ced0}
.dsa-doc-panel p{margin-top:23px}
.faq summary{font-size:17px}
.faq details p{font-size:15px}
.sources{font-size:12px}
.contact-card{border-left:5px solid var(--cyan);background:#f1fbfb;border-radius:9px}
.contact-card:nth-child(2){border-left-color:var(--amber);background:#fff8e9}
.contact-card:nth-child(3){border-left-color:#4aa77d;background:#ecf8f1}
.contact-card:nth-child(4){border-left-color:#8a8cce;background:#f2f1fd}
.contact-card h3{font-size:18px}
.contact-card a{font-size:17px}
.contact-card p{font-size:15px}
.contact-card .service-icon{background:#fff;color:#067f8c}
.contact-card:nth-child(2) .service-icon{color:#bb7612}
.contact-card:nth-child(3) .service-icon{color:#28875b}
.contact-form{background:linear-gradient(145deg,#f5faf9,#f7f2e8);border:1px solid #d3e6e1}
.contact-form>p,.contact-form label{font-size:15px}
.contact-form input,.contact-form select{padding:14px;font-size:16px}
.privacy{font-size:15px}
.privacy h3{font-size:19px}
.calculator{border-top:4px solid var(--cyan)}
.calc-inputs label{font-size:15px}
.calc-result{background:linear-gradient(145deg,#0e1518,#26343a)}
.calc-result p{font-size:15px}
.calc-breakdown{font-size:13px}
.micro{font-size:12px}

@media(max-width:1140px){.nav{gap:13px;font-size:12px}.brand-name{font-size:24px}.header-cta .btn{padding:12px 16px;font-size:13px}}
@media(max-width:780px){
 body{font-size:16px}
 .topbar .container{min-height:40px;gap:8px}
 .topbar .gstin{font-size:10px;letter-spacing:.6px;white-space:nowrap}
 .top-links{gap:0}
 .top-links a:last-child{font-size:10px;white-space:nowrap}
 .header-inner{height:77px}
 .brand-name{font-size:23px}
 .menu-toggle{color:#fff;border-color:#526367;font-size:19px}
 .nav{top:77px;background:#111719;color:#fff;box-shadow:0 14px 26px #0005}
 .nav a{font-size:15px}
 .hero h1{font-size:clamp(43px,10vw,53px)}
 .hero-copy>p{font-size:17px}
 .hero .micro{font-size:11px}
 .hero-proof{font-size:12px}
 .trust-label{font-size:11px}
 .credential span{font-size:10px}
 .section{padding:61px 0}
 .section-head p,.service-card p,.info-card p,.knowledge-card p,.partner-panel p,.prose p{font-size:15px}
 .service-card h3{font-size:23px}
 .service-card{padding:29px}
 .text-link{font-size:14px}
 .tick-list li{font-size:15px}
 .page-hero{min-height:430px;padding:45px 0 55px;background-position:70% center}
 .page-hero h1{font-size:clamp(37px,9vw,48px)}
 .page-hero p{font-size:16px;max-width:560px}
 .page-hero .breadcrumb{font-size:12px}
 .hero-about{background-image:linear-gradient(90deg,#080c0de0 0%,#080c0dbd 57%,#080c0d74 100%),url('hero-about-v2.png')}
 .hero-home-loan{background-image:linear-gradient(90deg,#071014e8 0%,#071014c1 60%,#07101458 100%),url('hero-home-loan-v2.png')}
 .hero-lap{background-image:linear-gradient(90deg,#090d10e8 0%,#090d10c1 60%,#090d1058 100%),url('hero-lap-v2.png')}
 .hero-contact{background-image:linear-gradient(90deg,#090d10e8 0%,#090d10c1 60%,#090d1058 100%),url('hero-contact-v2.png')}
 .tab-list{flex-wrap:wrap}
 .tab-list button{font-size:14px}
 .doc-list li{font-size:15px}
 .doc-list small{font-size:13px}
 .doc-visual,.dsa-doc-panel{padding:28px}
 .doc-visual h3,.dsa-doc-panel h3{font-size:27px}
 .contact-card{padding:20px}
 .contact-card a{font-size:16px}
 .contact-card p{font-size:14px}
 .footer-about,.footer-links,.footer-contact{font-size:12px}
}
@media(max-width:370px){.brand-name{font-size:20px}.topbar .gstin{font-size:9px}.top-links a:last-child{font-size:9px}.btn-play{font-size:13px}}
@media(prefers-reduced-motion:reduce){.service-card,.info-card,.knowledge-card,.contact-card,.nav a,.btn,.text-link,.tab-list button{transition:none!important}}
