/* Tanwar & Associates — common stylesheet (shared design system & components) */
:root{
  --navy:#0B1F3A; --navy2:#142d52; --navy3:#0D2847;
  --gold:#C4992A; --gold-l:#E8C96A; --gold-d:#A87C18;
  --cream:#F8F4EE; --cream-d:#EDE7DC;
  --text:#16213A; --muted:#4A5568; --ltblu:#B4C5D8;
  --white:#fff; --bdr:rgba(196,153,42,0.22);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:'DM Sans',sans-serif;font-weight:400;color:var(--text);background:var(--cream);overflow-x:hidden;line-height:1.7;font-size:17px;}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:600;}
a{text-decoration:none;color:inherit;}
.brand{display:flex;align-items:center;gap:12px;}.brand:focus{outline:none;}.brand:focus-visible{outline:2px solid var(--gold);outline-offset:4px;}
.brand-sq{width:40px;height:40px;border:1.6px solid var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:600;color:var(--gold);flex-shrink:0;}
.brand-name{font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:600;color:var(--white);line-height:1.15;}
.brand-tag{font-size:9.5px;color:var(--gold);letter-spacing:0.18em;text-transform:uppercase;margin-top:2px;}
.eyebrow-line{width:32px;height:2px;background:var(--gold);}
.eyebrow-text{font-size:13px;color:var(--gold-l);letter-spacing:0.16em;text-transform:uppercase;font-weight:600;}
.hero h1 em{font-style:italic;color:var(--gold-l);}
.trust-item{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--muted);font-weight:500;}
.t-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);flex-shrink:0;}
.section-inner{max-width:1200px;margin:0 auto;}
.sec-eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:17px;}
.sec-title em{font-style:italic;color:var(--gold);}
.sec-sub{font-size:clamp(16.5px,1.8vw,18.5px);color:var(--muted);line-height:1.75;max-width:640px;}
.about-photo-wrap{position:relative;}
.about-photo{width:100%;border-radius:9px;display:block;box-shadow:0 16px 44px rgba(11,31,58,0.2);}
.about-photo-badge{position:absolute;bottom:-16px;left:-16px;background:var(--navy);border:1px solid var(--bdr);border-radius:7px;padding:14px 20px;box-shadow:0 8px 24px rgba(0,0,0,0.22);}
.apb-name{font-family:'Cormorant Garamond',serif;font-size:18px;color:var(--white);font-weight:600;}
.apb-role{font-size:11px;color:var(--gold-l);letter-spacing:0.1em;text-transform:uppercase;margin-top:3px;}
.about-body p{font-size:clamp(16px,1.8vw,18px);color:var(--muted);line-height:1.85;margin-bottom:19px;}
.about-body strong{color:var(--navy);font-weight:600;}
.about-creds{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;}
.about-cred{background:var(--cream);border:1px solid var(--cream-d);border-left:3px solid var(--gold);padding:14px 20px;}
.acred-lbl{font-size:12px;color:var(--muted);letter-spacing:0.04em;text-transform:uppercase;margin-top:5px;font-weight:500;}
.proc-step:last-child{border-right:none;}
.proc-title{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--navy);margin-bottom:10px;font-weight:600;}
.proc-desc{font-size:15px;color:var(--muted);line-height:1.7;}
.contact .sec-title{color:var(--white);}
.contact .sec-title em{color:var(--gold-l);}
.contact .sec-eyebrow .eyebrow-text{color:var(--gold-l);}
.contact-sub{font-size:clamp(16.5px,1.8vw,18px);color:rgba(255,255,255,0.78);line-height:1.75;margin-bottom:34px;}
.cmethods{display:flex;flex-direction:column;gap:14px;}
.cmethod{display:flex;align-items:center;gap:16px;padding:19px 22px;background:rgba(255,255,255,0.05);border:1px solid rgba(196,153,42,0.18);border-radius:6px;transition:border-color 0.2s,transform 0.2s;}
.cmethod:hover{border-color:var(--gold);transform:translateX(3px);}
.cm-title{font-size:16px;font-weight:600;color:var(--white);}
.cm-sub{font-size:13.5px;color:rgba(255,255,255,0.6);margin-top:3px;}
.cform{background:rgba(255,255,255,0.05);border:1px solid rgba(196,153,42,0.22);border-radius:9px;padding:34px 32px;}
.form-title{font-family:'Cormorant Garamond',serif;font-size:27px;color:var(--white);font-weight:600;margin-bottom:5px;}
.form-sub{font-size:14.5px;color:rgba(255,255,255,0.6);margin-bottom:24px;}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.btn-submit:hover{background:var(--gold-l);}
footer{background:#070F1E;padding:52px 5% 30px;border-top:1px solid rgba(196,153,42,0.16);}
.footer-inner{max-width:1200px;margin:0 auto;}
.footer-cols{display:flex;justify-content:space-between;flex-wrap:wrap;gap:34px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,0.08);}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.fb-sq{width:38px;height:38px;border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:15px;font-weight:600;color:var(--gold);}
.fb-name{font-family:'Cormorant Garamond',serif;font-size:19px;color:var(--white);font-weight:600;}
.fb-tag{font-size:9.5px;color:var(--gold);letter-spacing:0.16em;text-transform:uppercase;}
.footer-col h5{font-size:12px;color:var(--gold);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:16px;font-family:'DM Sans',sans-serif;font-weight:700;}
.footer-col a,.footer-col p{display:block;font-size:14.5px;color:rgba(255,255,255,0.55);margin-bottom:10px;transition:color 0.2s;line-height:1.6;}
.footer-col a:hover{color:var(--gold-l);}
.footer-bottom{padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;}
.footer-copy{font-size:12.5px;color:rgba(255,255,255,0.4);line-height:1.75;}
.footer-icai{font-size:12px;color:rgba(196,153,42,0.7);border:1px solid rgba(196,153,42,0.28);border-radius:3px;padding:5px 13px;align-self:flex-start;}
.wa-float{position:fixed;bottom:24px;right:24px;z-index:999;width:60px;height:60px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(37,211,102,0.48);transition:transform 0.2s;}
.wa-float:hover{transform:scale(1.08);}
.wa-float svg{width:32px;height:32px;fill:#fff;}
.fade{opacity:0;transform:translateY(22px);transition:opacity 0.6s ease,transform 0.6s ease;}
.fade.in{opacity:1;transform:translateY(0);}
.brand-logo{height:48px;width:auto;display:block;border:0;}
.footer-logo{height:38px;width:auto;display:block;}
.footer-desc{font-size:14px;color:rgba(255,255,255,0.5);line-height:1.75;max-width:280px;}
.phone-wrap{display:flex;}
.phone-wrap .phone-cc.fi{width:68px;border-radius:4px 0 0 4px;border-right:0;text-align:center;padding-left:8px;padding-right:8px;flex-shrink:0;}
.phone-wrap .phone-num.fi{border-radius:0 4px 4px 0;flex:1;width:auto;}
.phone-err{font-size:13px;color:#e05252;margin-top:5px;display:none;}
@view-transition{navigation:auto;}
@keyframes vt-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
::view-transition-new(root){animation:vt-in 0.22s ease}
::view-transition-old(root){animation:vt-in 0.22s ease reverse}
