:root{--navy:#0D1B2A;--blue:#1565C0;--orange:#F57C00;--grey:#8A9CB0;--ink:#152237;--muted:#697b8f;--line:#e9eef4;--bg:#f3f6fa;font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--bg)}
a{text-decoration:none;color:inherit}
button{font:inherit;cursor:pointer}
svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 10%,#e9f2fc 0,transparent 42%),radial-gradient(circle at 87% 89%,#feefe3 0,transparent 36%),#f5f7fa}
.glow{position:absolute;border-radius:50%;filter:blur(50px);opacity:.48}.glow-one{height:330px;width:330px;background:#d7e7fa;top:11%;left:8%}.glow-two{height:250px;width:250px;background:#ffe5c9;right:11%;bottom:5%}
.page{width:min(100%,540px);margin:0 auto;padding:35px 18px 20px}
.business-card{background:#fff;border:1px solid rgba(18,40,65,.06);border-radius:26px;overflow:hidden;box-shadow:0 24px 70px rgba(16,37,65,.13),0 2px 8px rgba(16,37,65,.04)}
.hero{background:linear-gradient(145deg,#101f33 0%,#0c1b2c 61%,#133555 100%);color:#fff;position:relative;padding:22px 30px 28px;overflow:hidden;isolation:isolate}
.hero::before{content:'';position:absolute;width:350px;height:350px;border-radius:50%;border:1px solid rgba(103,173,232,.10);right:-205px;top:28px;box-shadow:0 0 0 45px rgba(79,140,204,.028),0 0 0 95px rgba(79,140,204,.025);z-index:-1}
.hero::after{content:'';position:absolute;width:200px;height:200px;right:-80px;bottom:-160px;background:#1767a7;filter:blur(90px);opacity:.3;z-index:-1}
.hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.wordmark{display:inline-flex;align-items:center;gap:11px;color:white;font:800 15px/1 'Segoe UI',Arial,sans-serif;letter-spacing:.155em}
.wordmark img{width:49px;height:38px;object-fit:contain}
.digital-label{font-size:9.5px;letter-spacing:.115em;color:#cfdae6;font-weight:700;border:1px solid rgba(208,226,245,.17);padding:9px 10px;border-radius:999px;white-space:nowrap}
.status-dot{display:inline-block;width:6px;height:6px;background:#f89b23;border-radius:50%;margin-right:5px;vertical-align:1px}
.hero-profile{text-align:center;position:relative;z-index:1;margin:30px 0 14px}
.photo-frame{position:relative;margin:0 auto 19px;width:142px;height:142px;padding:4px;border-radius:50%;background:linear-gradient(140deg,#ffab42 10%,#277dbf 70%);box-shadow:0 0 0 7px rgba(255,255,255,.045),0 18px 35px rgba(0,0,0,.2)}
.photo-frame img{display:block;width:134px;height:134px;border-radius:50%;object-fit:cover;object-position:center 24%;border:3px solid #12273b}
.eyebrow{font-size:10px;letter-spacing:.24em;color:#f8a33c;font-weight:800;margin:0 0 9px}
h1{font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(29px,7vw,37px);line-height:1.19;letter-spacing:-.047em;margin:0;font-weight:800}
.designation{margin:14px 0 12px;font-size:14.5px;font-weight:650;color:#f6a13d;letter-spacing:.01em}
.designation-dot{padding:0 2px;color:#b7c9db}
.focus{margin:0;color:#bbcad8;font-size:11.7px;letter-spacing:.016em}
.focus span{color:#f9a23d;padding:0 6px}
.hero-bottom{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:26px}
.hero-bottom span{height:3px;background:#2a5479;width:19px;border-radius:6px}.hero-bottom span:nth-child(2){width:40px;background:#f5920a}
.content{padding:29px 30px 28px}
.intro-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.section-kicker{font-weight:800;letter-spacing:.15em;color:#75859a;font-size:10px;margin:0}
.based-in{color:#8c9bad;font-size:10.5px;white-space:nowrap}
.main-actions{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}
.action{display:flex;justify-content:center;align-items:center;gap:9px;min-height:52px;font-weight:750;font-size:13px;border-radius:13px;transition:transform .2s,background .2s,box-shadow .2s}
.action:hover{transform:translateY(-2px)}
.action-primary{background:#1565c0;color:#fff;box-shadow:0 7px 14px rgba(21,101,192,.21)}.action-primary:hover{background:#0e58ae}
.action-outline{color:#17426b;background:#f5f8fc;border:1px solid #dce6ef}.action-outline:hover{background:#edf4fa}
.action svg{width:18px;height:18px}
.contact-section{margin-top:34px}.contact-section h2{font:800 17px 'Segoe UI',Arial,sans-serif;margin:0 0 15px;letter-spacing:-.03em}
.contact-item{padding:12px 0;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);min-height:67px;transition:background .2s}
.contact-item:hover .contact-icon{background:#e8f1fa}
.contact-item:last-child{border-bottom:none}
.contact-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:12px;background:#f0f6fd;color:#1663b1;flex-shrink:0}
.contact-icon svg{width:19px;height:19px}
.contact-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.contact-label{font-size:9px;font-weight:800;color:#8190a2;letter-spacing:.135em}
.contact-value{font-size:13.3px;font-weight:700;overflow-wrap:anywhere;color:#24364a}
.arrow{color:#a8b4c0;width:16px;height:16px}
.qualifications{margin-top:28px;background:#f5f8fb;border:1px solid #ebf0f5;border-radius:16px;padding:23px 21px}
.qualification-heading{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.qualification-rule{width:4px;height:17px;background:#f5920a;border-radius:4px;flex-shrink:0}
.qualifications h2{font:800 14px 'Segoe UI',Arial,sans-serif;letter-spacing:-.018em;margin:0}
.qualifications-text{margin:0;font-size:12.4px;line-height:1.7;color:#59697d}
.qualifications-text strong{font-weight:700;color:#2b4159}
.credential-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}
.credential-tags span{background:#fff;border:1px solid #e0e9f2;padding:7px 11px;border-radius:8px;font-size:11px;color:#1f5185;font-weight:800}
.qr-section{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding:22px 20px;background:#fff8f0;border:1px solid #ffecd8;border-radius:16px}
.qr-copy h2{font:800 20px/1.22 'Segoe UI',Arial,sans-serif;letter-spacing:-.04em;margin:9px 0}
.qr-copy>p:not(.section-kicker){font-size:11.4px;line-height:1.5;color:#68798d;margin:0 0 15px;max-width:210px}
.copy-link{padding:0;border:0;background:transparent;color:#bc6610;font-size:11px;font-weight:800;display:flex;align-items:center;gap:6px}.copy-link:hover{text-decoration:underline}.copy-link svg{height:15px;width:15px}
.qr-wrap{display:block;background:white;border:1px solid #eed9bf;border-radius:13px;padding:6px;flex:0 0 auto;box-shadow:0 6px 16px rgba(105,61,16,.06)}
.qr-wrap img{width:122px;height:122px;display:block;image-rendering:auto}
.share-btn{display:flex;justify-content:center;align-items:center;gap:10px;border:1px solid #dbe5ee;background:#fff;color:#254b72;border-radius:12px;width:100%;min-height:46px;font-size:12px;font-weight:800;margin-top:19px;transition:background .2s}.share-btn:hover{background:#f5f8fc}.share-btn svg{width:17px;height:17px}
.card-footer{border-top:1px solid #eff2f5;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:19px 30px;color:#a0aab6;font-size:9.3px;letter-spacing:.11em;font-weight:700}
.card-footer a{color:#56718a;font-weight:800}
.bottom-caption{text-align:center;margin:19px auto 0;color:#8c9aa9;font-size:10.8px;letter-spacing:.018em}
.toast{position:fixed;left:50%;transform:translate(-50%,20px);bottom:28px;background:#0d1b2a;color:#fff;font-size:13px;border-radius:12px;padding:12px 18px;box-shadow:0 12px 35px rgba(0,0,0,.2);z-index:100;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;max-width:calc(100vw - 40px);text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}
:focus-visible{outline:3px solid #f5920a;outline-offset:3px}
@media(min-width:700px){.page{padding-top:48px;padding-bottom:28px}}
@media(max-width:390px){.page{padding:0}.business-card{border-radius:0;border:none}.hero{padding:20px 21px 25px}.content{padding:25px 22px}.card-footer{padding:18px 22px}.qr-wrap img{width:100px;height:100px}.qr-section{padding:18px 14px}.wordmark{letter-spacing:.09em}.digital-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* WhatsApp, meeting request and downloadable card enhancements */
.main-actions{grid-template-columns:1.1fr .9fr}
.action-whatsapp{color:#115a38;background:#e7f8ee;border:1px solid #bee9d1}
.action-whatsapp:hover{background:#d6f2e3}
.contact-icon-whatsapp{background:#e9f8ef;color:#148353}
.meeting-panel{margin-top:29px;background:#f1f7ff;border:1px solid #dfeaf8;padding:23px 21px;border-radius:16px}
.meeting-heading{display:flex;gap:12px;align-items:center}
.meeting-symbol{height:42px;width:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#155fae;background:#e0edfd;flex:0 0 auto}
.meeting-heading h2{font:800 17px 'Manrope',sans-serif;letter-spacing:-.027em;margin:5px 0 0}
.meeting-description{color:#617487;font-size:12px;line-height:1.6;margin:15px 0 14px}
.booking-link{background:#1565c0;color:white;border-radius:11px;min-height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:12px;font-weight:800;transition:background .2s}
.booking-link:hover{background:#0a58b0}
.booking-link svg{width:17px}
.meeting-details{margin-top:16px;border-top:1px solid #dce6f0;padding-top:14px}
.meeting-details summary{font-size:11.5px;font-weight:800;color:#1b5b96;cursor:pointer;list-style-position:outside;margin-left:14px}
.meeting-details form{margin-top:15px;display:grid;gap:12px}
.meeting-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.meeting-details label{font-size:10.8px;color:#466079;font-weight:700;display:grid;gap:6px;min-width:0}
.meeting-details input,.meeting-details select,.meeting-details textarea{font:500 12px 'DM Sans',Arial,sans-serif;width:100%;border:1px solid #d1deee;border-radius:8px;padding:10px 9px;background:white;color:#273b52;min-width:0}
.meeting-details textarea{resize:vertical}
.meeting-submit{background:#e4effc;border:1px solid #bdd6f4;border-radius:10px;color:#115aa9;padding:12px;font-weight:800;font-size:11.5px}
.meeting-submit:hover{background:#d8e9fb}
.meeting-help{font-size:10px;line-height:1.55;color:#788a9a;margin:0}
.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}
.secondary-link{border:1px solid #dce6ef;background:#fff;border-radius:11px;min-height:44px;padding:9px;display:flex;align-items:center;gap:7px;justify-content:center;font-size:10.5px;line-height:1.35;color:#215688;font-weight:800;text-align:center}
.secondary-link:hover{background:#f4f8fd}
.secondary-link svg{height:16px;width:16px}
@media(max-width:360px){.meeting-grid{grid-template-columns:1fr}.secondary-actions{grid-template-columns:1fr}.content{padding:25px 17px}}

/* Kutedge V2 – measured networking features */
[hidden]{display:none!important}
.v2-section-heading{display:flex;align-items:center;gap:12px}
.v2-section-heading h2{font-size:17px;margin:5px 0 0;letter-spacing:-.025em}
.v2-icon{background:#e8eff9;color:#1565c0;display:grid;place-items:center;border-radius:12px;width:42px;height:42px;font-size:24px;font-weight:700}
.exchange-panel{margin-top:27px;border-radius:17px;border:1px solid #d6e8f5;background:#f8fbff;padding:22px 20px}
.v2-helper,.portfolio-intro{font-size:12px;line-height:1.7;color:#617487;margin:14px 0 14px}
.exchange-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
#exchange-form{display:grid;gap:12px}
#exchange-form label{font-size:11px;font-weight:700;color:#344b61;display:grid;gap:6px;min-width:0}
#exchange-form label>span.optional{display:inline;font-weight:400;color:#7a8a9c}
#exchange-form input:not([type=checkbox]),#exchange-form select,#exchange-form textarea{background:#fff;border:1px solid #cedde9;border-radius:8px;padding:11px 10px;width:100%;font:500 12px Arial,sans-serif;min-width:0;color:#1c334a}
#exchange-form textarea{resize:vertical}
#exchange-form .consent-line{display:flex;align-items:flex-start;gap:9px;font-size:10.6px;font-weight:500;line-height:1.6}
.consent-line input{margin:2px 0 0;flex:0 0 auto;accent-color:#1565c0}
.consent-line a{color:#1565c0;text-decoration:underline}
.turnstile-slot{max-width:100%;overflow:hidden}
.exchange-submit{min-height:46px;border:0;border-radius:10px;background:#1565c0;color:white;font-size:12px;font-weight:800}
.exchange-submit:disabled{opacity:.6;cursor:wait}
.exchange-result{font-size:11px;line-height:1.5;margin:0;color:#1c5b83}
.exchange-unavailable{padding:12px 14px;background:#fff;border:1px solid #e3edf5;border-radius:11px;font-size:11.5px;line-height:1.6;color:#647789}
.exchange-unavailable p{margin:0 0 8px}.exchange-unavailable a{font-weight:800;color:#1565c0}
.meeting-copy{background:transparent;border:1px solid #cadceb;padding:11px;border-radius:10px;color:#1565c0;font-weight:700;font-size:11px}
.portfolio-panel{margin-top:29px;padding:23px 21px;border:1px solid #e1e8f0;border-radius:16px}
.portfolio-panel h2{font-size:17px;margin:9px 0 0;color:#1b3047}
.portfolio-list{display:grid;gap:0}
.portfolio-item{display:flex;gap:15px;padding:14px 0;border-bottom:1px solid #e7edf3}
.portfolio-number{font-weight:800;font-size:11px;color:#f57c00;min-width:23px}
.portfolio-item h3{font-size:12.6px;color:#153b61;margin:0 0 5px}
.portfolio-item p{font-size:11.1px;color:#617487;line-height:1.6;margin:0}
.portfolio-cta{display:flex;justify-content:space-between;align-items:center;color:#1565c0;font-size:12px;font-weight:800;margin-top:16px}
.tracking-note{font-size:10px;text-align:center;color:#8697a9;margin:12px 0 0}
.privacy-page{padding:26px 30px;color:#24364a;line-height:1.7;font-size:13px}
.privacy-page h1{color:#0d1b2a;font-size:26px;line-height:1.2;margin:15px 0}
.privacy-page h2{font-size:16px;margin:22px 0 0;color:#155b94}
.privacy-page a{color:#1565c0;text-decoration:underline}
@media(max-width:400px){.exchange-grid{grid-template-columns:1fr}.exchange-panel{padding:20px 16px}}

/* Cross-platform contact saving guidance. Keep iOS's native vCard handling intact. */
.contact-save-help{margin:11px 0 2px;font-size:11px;color:#49617b;line-height:1.55}
.contact-save-help summary{list-style-position:inside;cursor:pointer;font-weight:700;color:#225987;min-height:30px;display:list-item;padding:6px 0}
.contact-save-guide{padding:11px 13px 12px;background:#f4f8fc;border:1px solid #dfe9f3;border-radius:10px}
.contact-save-guide p{margin:0 0 8px}
.contact-save-guide p:last-of-type{margin-bottom:9px}
.contact-save-guide a{color:#155fae;text-decoration:underline;font-weight:700;overflow-wrap:anywhere}