:root{--espresso:#321d17;--coffee:#5b3326;--terracotta:#c86f45;--cream:#f7f0e6;--paper:#fffdf9;--muted:#786b65;--line:#eadfd5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eee7df;color:var(--espresso);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.page-shell{width:min(1180px,calc(100% - 32px));margin:22px auto 70px;overflow:hidden;border-radius:28px;background:var(--paper);box-shadow:0 24px 80px #321d1718}.page-nav{height:96px;padding:0 clamp(24px,5vw,58px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.page-nav img{width:82px;height:82px;object-fit:contain}.page-nav-links{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:700}.page-nav-links a:hover{color:var(--terracotta)}.page-nav-cta{padding:11px 16px;border:1px solid var(--line);border-radius:24px}.page-hero{min-height:380px;padding:clamp(42px,8vw,90px);display:flex;align-items:flex-end;position:relative;overflow:hidden;background:linear-gradient(90deg,#26130ff2 0%,#321a13cd 40%,#321a1325 78%),url("assets/coffee-on-call-banner.png") right center/cover;color:#fff}.page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#21100c55,transparent 55%)}.page-hero-copy{max-width:700px;position:relative;z-index:1}.eyebrow{color:#efa47c;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.page-hero h1{margin:16px 0 12px;font:clamp(44px,7vw,78px)/.98 "DM Serif Display",serif;letter-spacing:-2px}.page-hero p{max-width:580px;margin:0;color:#eee0d8;line-height:1.7}.content-layout{padding:clamp(32px,7vw,82px);display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:70px}.content-article h2{margin:0 0 22px;font:clamp(31px,4vw,48px)/1.08 "DM Serif Display",serif}.content-article p{margin:0;color:var(--muted);font-size:15px;line-height:1.95;white-space:pre-line}.content-aside{align-self:start;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fbf7f2}.content-aside h3{margin:0 0 8px;font:25px "DM Serif Display",serif}.content-aside p{color:var(--muted);font-size:12px;line-height:1.6}.contact-list,.social-list{display:grid;gap:10px;margin-top:18px}.contact-list a,.social-list a{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:11px;font-weight:800}.contact-list a:hover,.social-list a:hover{border-color:var(--terracotta);color:var(--terracotta)}.blog-grid{padding:clamp(32px,7vw,76px);display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:55px}.blog-card{padding:clamp(28px,5vw,58px);border:1px solid var(--line);border-radius:22px;background:#fff}.blog-card time{color:var(--terracotta);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px}.blog-card h2{margin:15px 0 22px;font:clamp(34px,5vw,55px)/1.03 "DM Serif Display",serif}.blog-card p{color:var(--muted);font-size:15px;line-height:1.95;white-space:pre-line}.cafe-note{padding:26px;border-radius:18px;background:var(--espresso);color:#fff}.cafe-note h3{margin:0 0 9px;font:27px "DM Serif Display",serif}.cafe-note p{color:#ddcec6;font-size:12px;line-height:1.7}.cafe-note a{margin-top:13px;display:inline-block;color:#efa47c;font-size:12px;font-weight:800}.page-footer{padding:24px clamp(24px,5vw,58px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.page-footer div{display:flex;gap:18px}.page-footer a:hover{color:var(--terracotta)}@media(max-width:760px){.page-shell{width:100%;margin:0;border-radius:0}.page-nav{height:76px;padding:0 18px}.page-nav img{width:62px;height:62px}.page-nav-links a:not(.page-nav-cta){display:none}.page-hero{min-height:330px;padding:36px 22px;background-position:70% center}.content-layout,.blog-grid{padding:35px 20px;grid-template-columns:1fr;gap:28px}.content-aside{order:-1}.page-footer{align-items:flex-start;flex-direction:column;gap:14px}.page-footer div{gap:12px;flex-wrap:wrap}}

/* Premium Fintech Merchant & PayU Compliance Card */
.merchant-disclosure-card{margin-top:36px;padding:24px 26px;background:linear-gradient(145deg,#fffdfb 0%,#faf3eb 100%);border:1.5px solid #ebdcd0;border-radius:18px;box-shadow:0 10px 30px rgba(50,29,23,.04)}
.mdc-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.mdc-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;background:#f4e8dc;border:1px solid #e6d3c2;color:var(--espresso,#321d17);font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.mdc-badge svg{color:var(--terracotta,#c86f45)}
.mdc-partner{font-size:11px;color:#7b6d65;display:inline-flex;align-items:center;gap:5px}
.mdc-partner strong{color:var(--espresso,#321d17);background:#fff;padding:3px 8px;border-radius:6px;border:1px solid #ebdcd0;letter-spacing:.5px}
.mdc-text{margin:0 0 18px!important;font-size:13.5px!important;line-height:1.65!important;color:#55443c!important}
.mdc-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.mdc-meta-item{padding:11px 13px;background:#fff;border:1px solid #ebdcd0;border-radius:10px;display:flex;flex-direction:column;gap:4px}
.mdc-meta-item small{font-size:9.5px;font-weight:800;color:var(--terracotta,#c86f45);letter-spacing:.5px;text-transform:uppercase}
.mdc-meta-item strong{font-size:12.5px;color:var(--espresso,#321d17);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mdc-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:700;color:var(--espresso,#321d17);letter-spacing:.5px}
.mdc-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;border-top:1px dashed #ebdcd0;flex-wrap:wrap}
.mdc-contact{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#6b5b53}
.mdc-dot{width:7px;height:7px;border-radius:50%;background:#4caf50;box-shadow:0 0 0 3px rgba(76,175,80,.2)}
.mdc-contact a{color:var(--terracotta,#c86f45);font-weight:700;text-decoration:none}
.mdc-contact a:hover{text-decoration:underline}
.mdc-support-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;border-radius:20px;background:var(--espresso,#321d17);color:#fff;font-size:11.5px;font-weight:700;text-decoration:none;transition:all .2s ease}
.mdc-support-btn:hover{background:var(--terracotta,#c86f45);transform:translateY(-1px)}
@media(max-width:900px){.mdc-meta-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.merchant-disclosure-card{padding:18px 16px}.mdc-meta-grid{grid-template-columns:1fr;gap:8px}.mdc-footer{flex-direction:column;align-items:flex-start;gap:10px}.mdc-support-btn{width:100%;justify-content:center;padding:9px 14px}}
