@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#232a2e;--muted:#778084;--red:#f05236;--red-dark:#d93d28;--orange-pale:#fff0e9;--paper:#fff;--line:#e7e8e5;--bg:#f3f2ee;--green:#18844a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}.page-shell{max-width:860px;margin:auto;padding:24px 20px 42px}.card{overflow:hidden;background:var(--paper);border:1px solid #e4e2dc;box-shadow:0 24px 65px #212b3214}.hero{position:relative;overflow:hidden;background:#232a2e;color:white;padding:34px 40px 23px}.hero:before{content:"";position:absolute;right:8%;top:-170px;width:360px;height:360px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 35px #ffffff06,0 0 0 70px #ffffff04}.hero-top{position:relative;z-index:1;display:flex;align-items:center;gap:22px}.logo-frame{width:94px;height:94px;background:#fff;border-radius:14px;display:grid;place-items:center;overflow:hidden;flex:none}.logo-frame img{width:100%;height:100%;object-fit:contain}.logo-fallback{font-size:36px;font-weight:800;color:var(--red)}.logo-fallback span{color:#232a2e}.identity .tagline{font-size:10px;letter-spacing:2px;color:#ff977d;font-weight:700;margin:0 0 9px}.identity h1{font:800 clamp(25px,4vw,33px)/1.12 Manrope,sans-serif;letter-spacing:-1.1px;margin:0}.person-name{font-size:13px;color:#c3c9ca;margin:12px 0 0}.person-name span{font-size:8px;letter-spacing:1.4px;color:#8c989c;margin-left:9px}.hero-bottom{position:relative;z-index:1;border-top:1px solid #ffffff1c;margin-top:23px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;color:#bac1c3;font-size:11px}.hero-ornament{font:800 12px Manrope,sans-serif;letter-spacing:2px;color:#576166}.quick-actions{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line);padding:13px 34px;gap:8px}.quick-action{min-height:45px;padding:0 8px;border:1px solid #e6e6e2;border-radius:7px;background:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--ink);font:600 10px 'DM Sans',sans-serif;cursor:pointer;transition:.16s}.quick-action span{font-size:14px;color:var(--red)}.quick-action:hover{border-color:#f1a18e;background:#fff9f6;transform:translateY(-1px)}.quick-action.whatsapp span{color:var(--green)}.quick-action.review span{color:#d59a1a}.content-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(290px,.88fr);gap:34px;padding:34px 40px 32px}.main-column,.side-column{min-width:0}.section-kicker{font-size:9px;font-weight:800;letter-spacing:1.5px;color:var(--red);display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.section-kicker span{font-size:8px;letter-spacing:1px;color:#a8acad}.services-section h2,.industries h2,.contact-panel h2{font:800 23px/1.17 Manrope,sans-serif;letter-spacing:-.7px;margin:0 0 18px}.service-list{border-top:1px solid var(--line)}.service{min-height:42px;display:grid;grid-template-columns:31px 1fr 15px;gap:8px;align-items:center;border-bottom:1px solid var(--line)}.service>span{color:var(--red);font:700 9px Manrope,sans-serif}.service strong{font-size:11px;font-weight:600}.service i{font-style:normal;color:#aeb3b1;font-size:12px}.industries{margin-top:29px;padding:19px 20px;background:#f5f3ed;border-left:3px solid var(--red)}.industries .section-kicker{margin-bottom:10px}.industries h2{font-size:18px;margin-bottom:14px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{border:1px solid #e1ded5;border-radius:30px;padding:6px 9px;color:#565d5e;font-size:9px;background:#faf9f5}.contact-panel{padding:19px 18px 11px;border:1px solid var(--line);border-top:3px solid var(--red)}.contact-panel .section-kicker{margin-bottom:10px}.contact-panel h2{font-size:19px;margin-bottom:12px}.contact-row{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.contact-row:last-child{border-bottom:0}.contact-icon{width:26px;height:26px;border-radius:50%;background:var(--orange-pale);color:var(--red-dark);display:grid;place-items:center;flex:none;font-size:12px}.contact-row>span:last-child{display:grid;gap:4px}.contact-row small{font-size:8px;font-weight:700;letter-spacing:1px;color:#9ba0a0}.contact-row strong{font-size:10px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}.review-box{margin-top:14px;padding:16px 17px;background:#fff7e5;border:1px solid #f1dcaa}.review-heading{display:flex;align-items:center;justify-content:space-between}.review-heading>span{font-size:12px;letter-spacing:1px;color:#d19b22}.review-heading small{font-size:7px;letter-spacing:1px;color:#a3936d;font-weight:700}.review-box h2{font:800 15px Manrope,sans-serif;margin:10px 0 5px}.review-box p{font-size:9px;line-height:1.55;color:#79776c;margin:0 0 11px}.review-button{display:flex;align-items:center;justify-content:space-between;padding:0 12px;min-height:35px;background:#292f32;color:white;text-decoration:none;font-size:9px;font-weight:700;border-radius:4px}.review-button span{font-size:13px;color:#ff9b7e}.whatsapp-cta{margin-top:11px;background:var(--red);color:white;padding:14px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.whatsapp-cta small{font-size:7px;letter-spacing:1.1px;color:#ffe2d8}.whatsapp-cta h2{font:700 12px Manrope,sans-serif;margin:5px 0 0}.whatsapp-cta a{background:white;color:#333;text-decoration:none;border-radius:3px;padding:9px 10px;font-size:9px;font-weight:800;white-space:nowrap}.whatsapp-cta a span{color:var(--red);padding-left:4px}.online{padding:13px 0}.online-links{display:flex;gap:8px}.online-links a{padding:7px 10px;background:#f1f1ed;color:#454b4c;text-decoration:none;font-size:9px;border-radius:3px}.share-band{display:grid;grid-template-columns:1fr auto;align-items:center;gap:21px;padding:23px 40px;background:#f5f3ed;border-top:1px solid #e7e4db}.share-copy .section-kicker{max-width:280px}.share-copy h2{font:800 20px/1.14 Manrope,sans-serif;letter-spacing:-.5px;margin:0 0 7px}.share-copy p{font-size:10px;color:#707879;margin:0 0 13px}.share-actions{display:flex;gap:8px}.share-actions button{height:34px;padding:0 12px;border:1px solid #252c2f;border-radius:4px;background:#252c2f;color:white;font:700 9px 'DM Sans',sans-serif;cursor:pointer}.share-actions button+button{background:transparent;color:#252c2f}.qr-side{display:grid;justify-items:center;gap:6px}.qr-frame{width:88px;height:88px;padding:6px;background:white;border:1px solid #e2e1db}.qr-frame img{display:block;width:100%;height:100%;image-rendering:pixelated}.qr-side small{font-size:7px;letter-spacing:1px;color:#888e8d}.footer{padding:14px 40px;display:flex;align-items:center;gap:10px}.footer strong{font:800 8px Manrope,sans-serif;letter-spacing:.6px}.footer span{font-size:8px;color:#81898a}.footer small{font-size:7px;letter-spacing:1px;color:#a1a6a4;margin-left:auto}.toast{position:fixed;z-index:5;left:50%;bottom:23px;transform:translate(-50%,18px);opacity:0;pointer-events:none;padding:12px 17px;background:#252c2f;color:white;border-radius:5px;font-size:11px;box-shadow:0 8px 25px #12191c3b;transition:.2s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(max-width:760px){.page-shell{padding:0 0 28px}.hero{padding:25px 22px 19px}.hero-top{gap:16px}.logo-frame{width:77px;height:77px;border-radius:12px}.identity h1{font-size:23px}.person-name{font-size:12px}.hero-bottom{margin-top:20px}.quick-actions{grid-template-columns:repeat(3,1fr);padding:12px 18px;gap:7px}.quick-action{min-height:44px;font-size:10px}.content-grid{grid-template-columns:1fr;gap:25px;padding:27px 20px}.services-section h2{font-size:23px}.service{min-height:44px}.industries{margin-top:25px}.contact-panel{padding:19px 16px 10px}.review-box{margin-top:12px}.whatsapp-cta{margin-top:12px}.share-band{padding:23px 20px}.footer{padding:15px 20px;flex-wrap:wrap}.footer small{width:100%;margin:0}.service strong{font-size:11px}}@media(max-width:370px){.hero-top{gap:12px}.logo-frame{width:65px;height:65px}.identity h1{font-size:19px}.person-name{margin-top:9px}.person-name span{margin-left:4px;font-size:7px}.quick-action{gap:5px}.quick-action strong{font-size:9px}.share-band{gap:12px}.qr-frame{width:82px;height:82px}}

/* Readability pass: enlarge supporting text while retaining the existing layout. */
@media(min-width:761px){
  .quick-action{font-size:12px}
  .service strong{font-size:13px}
  .contact-row strong{font-size:12px}
  .chips span{font-size:10px}
  .review-box p,.share-copy p{font-size:11px}
  .review-button,.whatsapp-cta a,.share-actions button{font-size:11px}
  .footer strong,.footer span{font-size:9px}
}
@media(max-width:760px){
  .section-kicker{font-size:11px;letter-spacing:1.4px}
  .section-kicker span{font-size:9px}
  .services-section h2,.industries h2{font-size:26px}
  .service{min-height:50px;grid-template-columns:34px 1fr 16px}
  .service>span{font-size:11px}
  .service strong{font-size:14px}
  .chips span{font-size:12px;padding:8px 11px}
  .contact-panel h2{font-size:22px}
  .contact-row{padding:12px 0}
  .contact-row small{font-size:9px}
  .contact-row strong{font-size:13px;line-height:1.55}
  .review-heading>span{font-size:14px}
  .review-heading small{font-size:8px}
  .review-box h2{font-size:18px}
  .review-box p{font-size:12px}
  .review-button{font-size:12px;min-height:42px}
  .whatsapp-cta small{font-size:8px}
  .whatsapp-cta h2{font-size:14px}
  .whatsapp-cta a{font-size:12px}
  .share-copy h2{font-size:24px}
  .share-copy p{font-size:12px}
  .share-actions button{font-size:12px;height:40px}
  .qr-side small{font-size:8px}
  .footer strong,.footer span{font-size:10px}
}

.footer{justify-content:space-between;align-items:center}
.footer-business,.footer-credit{display:grid;gap:5px}
.footer-credit{text-align:right;font-size:10px;color:#81898a}
.footer-credit small{font-size:8px;letter-spacing:1px;color:#a1a6a4}
.footer-credit a{color:var(--red-dark);font-weight:700;text-decoration:none}
.footer-credit a:hover{text-decoration:underline}
@media(max-width:760px){.footer-business strong{font-size:11px}.footer-business span,.footer-credit{font-size:11px}.footer-credit{text-align:left;margin:0}.footer-credit small{font-size:9px}}


/* =========================================================
   Mobile-first type scale inspired by Star Marketing Co. card
   Star uses a clearer 13–14px body scale and more generous
   controls. These overrides bring Viraj closer to that scale.
   ========================================================= */

body {
  font-size: 16px;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}

@media (max-width: 760px) {
  /* Give the card more breathing room and reduce visual density. */
  .hero { padding: 30px 20px 23px; }
  .identity h1 { font-size: clamp(23px, 6vw, 28px); line-height: 1.2; }
  .identity .tagline { font-size: 11px; letter-spacing: 1.4px; }
  .person-name { font-size: 15px; }

  /* Star card uses two large action buttons per row.
     Match that easier-to-tap arrangement instead of six cramped columns. */
  .quick-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 17px 18px 10px;
    gap: 10px;
  }
  .quick-action {
    min-height: 58px;
    padding: 10px 8px;
    gap: 8px;
    font-size: 14px;
    border-radius: 10px;
  }
  .quick-action strong { font-size: 14px; }
  .quick-action span { font-size: 18px; }

  .content-grid { padding: 27px 18px 30px; gap: 27px; }
  .section-kicker { font-size: 12px; letter-spacing: 1.2px; }
  .section-kicker span { font-size: 10px; }

  .services-section h2,
  .industries h2 {
    font-size: 27px;
    line-height: 1.22;
  }
  .service {
    min-height: 56px;
    grid-template-columns: 36px minmax(0, 1fr) 16px;
    gap: 9px;
  }
  .service > span { font-size: 13px; }
  .service strong { font-size: 16px; line-height: 1.4; }
  .service i { font-size: 15px; }

  .industries { padding: 21px 17px; }
  .chips span {
    font-size: 14px;
    line-height: 1.35;
    padding: 8px 12px;
  }

  .contact-panel { padding: 21px 17px 13px; }
  .contact-panel h2 { font-size: 24px; line-height: 1.25; }
  .contact-row { gap: 12px; padding: 14px 0; }
  .contact-icon { width: 34px; height: 34px; font-size: 16px; }
  .contact-row small { font-size: 11px; letter-spacing: .7px; }
  .contact-row strong { font-size: 15px; line-height: 1.6; }

  .review-box { padding: 20px 17px; }
  .review-heading > span { font-size: 16px; }
  .review-heading small { font-size: 9px; }
  .review-box h2 { font-size: 21px; line-height: 1.3; }
  .review-box p { font-size: 14px; line-height: 1.6; }
  .review-button { min-height: 47px; padding: 0 15px; font-size: 14px; }

  .whatsapp-cta { padding: 18px 16px; gap: 12px; }
  .whatsapp-cta small { font-size: 10px; }
  .whatsapp-cta h2 { font-size: 17px; line-height: 1.35; }
  .whatsapp-cta a { padding: 12px 14px; font-size: 14px; }

  .share-band { padding: 26px 18px; gap: 16px; }
  .share-copy h2 { font-size: 27px; line-height: 1.2; }
  .share-copy p { font-size: 14px; line-height: 1.55; }
  .share-actions button { min-height: 45px; padding: 0 14px; font-size: 14px; }
  .qr-frame { width: 100px; height: 100px; }
  .qr-side small { font-size: 10px; }

  .footer { padding: 18px; gap: 10px; }
  .footer-business strong { font-size: 12px; line-height: 1.45; }
  .footer-business span,
  .footer-credit { font-size: 12px; line-height: 1.5; }
  .footer-credit small { font-size: 10px; }
}

@media (max-width: 370px) {
  .quick-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .quick-action, .quick-action strong { font-size: 13px; }
  .content-grid { padding-left: 15px; padding-right: 15px; }
  .service strong { font-size: 15px; }
  .contact-row strong { font-size: 14px; }
  .share-band { grid-template-columns: minmax(0, 1fr) auto; }
  .qr-frame { width: 86px; height: 86px; }
}

@media (min-width: 761px) {
  .quick-action { font-size: 13px; min-height: 50px; }
  .service strong { font-size: 14px; }
  .contact-row strong { font-size: 13px; }
  .review-box p, .share-copy p { font-size: 13px; line-height: 1.6; }
  .footer-business strong, .footer-business span, .footer-credit { font-size: 11px; }
}