:root{
  --primary:#0b7ff2;--primary-2:#31c9ff;--deep:#0b1f4f;--text:#17233f;--muted:#53617d;--line:rgba(28,118,218,.16);--glass:rgba(255,255,255,.72);--glass-strong:rgba(255,255,255,.88);--shadow:0 22px 70px rgba(33,104,178,.16),0 7px 22px rgba(16,70,130,.08);--radius:26px;--radius-sm:18px;--safe-bottom:env(safe-area-inset-bottom,0px)}
/* Theme lock: this profile is intentionally light on every device/OS theme. */
html,:root{color-scheme:only light}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#eef9ff;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit}svg{width:1em;height:1em;fill:currentColor}.svg-defs{position:absolute}.page-shell{min-height:100vh;padding:32px 14px calc(26px + var(--safe-bottom));display:flex;justify-content:center;align-items:flex-start;position:relative;overflow:hidden}.page-shell:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.82) 38%,rgba(255,255,255,.95)),url('assets/images/tapismart-bg-small.webp') center top/cover no-repeat;filter:saturate(1.06);z-index:-2}.page-shell:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 35% 0,rgba(111,206,255,.26),transparent 35%),radial-gradient(circle at 90% 22%,rgba(255,255,255,.58),transparent 28%),linear-gradient(90deg,rgba(255,255,255,.32),rgba(235,249,255,.28));backdrop-filter:blur(1.4px);z-index:-1}.profile-card{width:min(100%,640px);margin-top:170px;padding:0 22px 24px;background:linear-gradient(145deg,rgba(255,255,255,.83),rgba(255,255,255,.58));border:1px solid rgba(255,255,255,.9);border-radius:34px;box-shadow:var(--shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);position:relative}.profile-card:before{content:"";position:absolute;inset:0;border-radius:34px;pointer-events:none;background:linear-gradient(150deg,rgba(255,255,255,.88),transparent 36%,rgba(0,168,255,.08));}.hero{text-align:center;margin-top:-142px;padding-top:4px;position:relative}.brand{display:inline-grid;place-items:center;margin:0 0 20px;color:#15254a;font-weight:900;letter-spacing:5px;font-size:30px;line-height:.8;position:relative;text-shadow:0 4px 20px rgba(255,255,255,.5)}.brand span{display:block}.brand small{font-size:13px;font-weight:700;letter-spacing:8px;margin-left:7px}.brand i,.brand i:before,.brand i:after{position:absolute;content:"";border:4px solid var(--primary);border-left:0;border-bottom:0;border-radius:0 14px 0 0}.brand i{right:-15px;top:-13px;width:20px;height:20px}.brand i:before{right:6px;top:6px;width:11px;height:11px}.brand i:after{right:-8px;top:-8px;width:30px;height:30px;opacity:.28}.avatar-wrap{width:154px;height:154px;margin:auto;border-radius:50%;padding:7px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.96);box-shadow:0 11px 34px rgba(0,136,255,.2),inset 0 0 0 2px rgba(23,157,255,.18);backdrop-filter:blur(16px)}.avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;border:2px solid rgba(160,222,255,.8)}h1{font-size:clamp(30px,7vw,44px);line-height:1.02;margin:18px 0 7px;color:#132040;letter-spacing:-1.5px}.role{margin:0;color:#063eaf;font-size:clamp(16px,4vw,20px);font-weight:800}.degree,.tagline{margin:5px 0 0;color:#2f3c55;font-size:16px}.tagline{letter-spacing:.2px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0 16px}.action{min-height:105px;padding:13px 8px;display:grid;place-items:center;gap:9px;font-weight:700;font-size:14px;background:var(--glass);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px rgba(40,116,200,.1);transition:.22s ease}.action:hover,.action:focus-visible{transform:translateY(-3px);box-shadow:0 16px 35px rgba(40,116,200,.18)}.icon{width:54px;height:54px;display:grid;place-items:center;color:white;border-radius:15px;font-size:26px;box-shadow:0 9px 22px rgba(28,118,218,.25)}.blue{background:linear-gradient(135deg,#25aeff,#075dea)}.green{background:linear-gradient(135deg,#20df75,#04a846)}.purple{background:linear-gradient(135deg,#7939ff,#3219d8)}.sky{background:linear-gradient(135deg,#47bdff,#126ce9)}.wide-btn{width:100%;min-height:62px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.68);box-shadow:0 9px 25px rgba(33,104,178,.1);display:flex;align-items:center;justify-content:space-between;padding:12px 18px;color:#0a3c9c;font-weight:800;cursor:pointer}.wide-btn span{display:flex;align-items:center;gap:13px;margin:auto}.wide-btn span svg{font-size:30px;color:#138af2}.wide-btn .arrow{font-size:28px;color:#0086ff}.glass{position:relative;margin-top:15px;padding:19px 21px;background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 35px rgba(20,86,160,.1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden}.glass:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(255,255,255,.55),transparent 50%);pointer-events:none}h2{position:relative;margin:0 0 12px;display:flex;align-items:center;gap:12px;color:#063eaf;font-size:19px;font-weight:850}.section-icon{width:28px;height:28px;display:grid;place-items:center;color:#0a86ff;font-size:22px}.glass p{position:relative;margin:0;color:#263552;line-height:1.62;font-size:15.5px}.social{text-align:center}.social h2{justify-content:center}.social-row{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;padding:5px 0}.social-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;color:white;font-weight:900;font-size:27px;box-shadow:0 9px 18px rgba(0,0,0,.14)}.fb{background:#1d61c8}.ig{background:radial-gradient(circle at 30% 105%,#ffd15c 0 24%,#ff4f66 45%,#8036ff 75%,#405de6)}.in{background:#0b72b9;font-size:21px}.x{background:#050505}.yt{background:#e40012;font-size:20px}.details a{position:relative;display:grid;grid-template-columns:28px 1fr;gap:14px;align-items:start;padding:10px 0;color:#33415c;border-bottom:1px solid rgba(35,101,174,.13)}.details a:last-child{border-bottom:0}.details a svg{color:#0787f6;font-size:21px;margin-top:1px}.map-preview{height:138px;border-radius:16px;position:relative;overflow:hidden;background:linear-gradient(110deg,rgba(255,255,255,.78),rgba(232,244,255,.72)),repeating-linear-gradient(35deg,transparent 0 33px,rgba(90,154,205,.14) 34px 36px),repeating-linear-gradient(115deg,transparent 0 38px,rgba(90,154,205,.13) 39px 41px);border:1px solid rgba(51,139,225,.15);display:grid;place-items:center;text-align:center;color:#44556e;font-size:13px}.map-preview:after{content:"";position:absolute;left:0;right:0;bottom:30%;height:28px;background:rgba(82,182,235,.25);transform:rotate(-7deg)}.map-pin{position:relative;z-index:1;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#168dff;color:white;font-size:34px;box-shadow:0 12px 28px rgba(0,133,255,.32)}.map-preview span,.map-preview b,.map-preview em{position:absolute;z-index:1;font-style:normal}.map-preview span{left:20%;top:20%;font-weight:800}.map-preview b{left:42%;top:61%}.map-preview em{right:14%;top:27%;font-weight:800}.map-btn{margin-top:13px}.availability .time-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(35,101,174,.13);font-size:15px}.availability .time-row:last-child{border-bottom:0}.availability strong{font-weight:750;color:#263552}.closed{color:red!important}.services article{position:relative;display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:center;margin-top:8px;padding:10px 12px;border:1px solid rgba(35,128,231,.2);border-radius:13px;background:rgba(255,255,255,.45)}.services article span{width:42px;height:42px;display:grid;place-items:center;border:2px solid rgba(0,133,255,.45);border-radius:10px;color:#0a8dff;font-size:22px;background:rgba(232,248,255,.7)}.services h3{margin:0 0 3px;font-size:14.5px;color:#1e2e50}.services p{font-size:12.5px;line-height:1.35}.resources{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;align-items:center}.resource-btn{margin-top:13px;display:inline-flex;align-items:center;gap:12px;padding:12px 18px;border-radius:13px;background:rgba(255,255,255,.78);border:1px solid var(--line);color:#123580;font-weight:800;box-shadow:0 8px 22px rgba(33,104,178,.09)}.resource-btn svg{color:#0b8cff;font-size:22px}.resource-art{min-height:150px;border-radius:18px;background:radial-gradient(circle at 80% 76%,#0c86df 0 14px,#62cdfc 15px 25px,transparent 26px),radial-gradient(circle at 55% 45%,transparent 0 38px,rgba(74,137,181,.55) 40px 42px,transparent 43px),linear-gradient(135deg,rgba(241,249,255,.96),rgba(188,227,255,.7));box-shadow:inset 0 0 24px rgba(0,130,255,.1);position:relative;overflow:hidden}.resource-art:before{content:"";position:absolute;width:145px;height:8px;background:#8295aa;border-radius:50%;left:36px;top:64px;transform:rotate(-28deg);box-shadow:12px 8px 0 rgba(50,76,95,.28)}.resource-art:after{content:"";position:absolute;width:58px;height:58px;border:5px solid #76889d;border-radius:50%;right:34px;bottom:28px;box-shadow:0 0 0 8px rgba(255,255,255,.42)}.bottom-cta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.cta{border:0;min-height:58px;border-radius:15px;color:white;display:flex;align-items:center;justify-content:center;gap:12px;font-size:18px;font-weight:900;box-shadow:0 14px 29px rgba(28,118,218,.22);cursor:pointer}.whats{background:linear-gradient(135deg,#05c960,#4be475)}.share{background:linear-gradient(135deg,#4031e8,#20c8ff)}.toast{opacity:0;transform:translateY(10px);transition:.25s;margin:12px auto 0!important;text-align:center;color:#0b6cbf!important;font-weight:800}.toast.show{opacity:1;transform:translateY(0)}footer{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:16px;color:#7d889c;font-size:14px}footer svg{font-size:20px}.wide-btn:hover,.cta:hover,.resource-btn:hover{filter:saturate(1.1) brightness(1.02);transform:translateY(-1px)}@media (min-width:900px){.page-shell{padding-top:42px}.page-shell:before{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.76) 43%,#fff),url('assets/images/tapismart-bg.webp') center top/cover no-repeat}.profile-card{margin-top:175px}}@media (max-width:520px){.page-shell{padding:28px 10px 18px}.profile-card{margin-top:142px;padding:0 12px 18px;border-radius:28px}.hero{margin-top:-116px}.brand{font-size:25px;margin-bottom:16px}.brand small{font-size:11px}.avatar-wrap{width:136px;height:136px}.quick-actions{gap:9px}.action{min-height:90px;font-size:12px}.icon{width:47px;height:47px;font-size:23px}.glass{padding:16px 15px;border-radius:21px}.social-row{gap:18px}.resources{grid-template-columns:1fr}.resource-art{min-height:132px}.bottom-cta{gap:10px}.cta{font-size:15px;min-height:54px}.availability .time-row{font-size:14px}.map-preview span{left:12%;}.map-preview em{right:8%;}}@media (max-width:360px){.quick-actions{grid-template-columns:repeat(2,1fr)}.action{min-height:82px}.bottom-cta{grid-template-columns:1fr}h1{font-size:29px}.role{font-size:15px}.degree,.tagline{font-size:14px}.profile-card{padding-left:10px;padding-right:10px}}
/* Final polish: banner-style background, brighter glass finish, premium SVG icons */
body{background:linear-gradient(180deg,#eaf8ff 0%,#f8fdff 38%,#ffffff 100%)}
.page-shell{overflow:visible;background:linear-gradient(180deg,rgba(234,248,255,.25),#fff 58%)}
.page-shell:before{position:absolute!important;top:0;left:0;right:0;bottom:auto!important;height:560px;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.32) 50%,rgba(255,255,255,.92) 84%,#fff 100%),url('assets/images/tapismart-bg-small.webp') center top/cover no-repeat!important;filter:saturate(1.08) contrast(1.02);z-index:-2}.page-shell:after{position:absolute!important;top:0;left:0;right:0;bottom:auto!important;height:620px;background:radial-gradient(circle at 49% 5%,rgba(255,255,255,.55),transparent 24%),linear-gradient(90deg,rgba(255,255,255,.1),rgba(232,248,255,.18) 48%,rgba(255,255,255,.45));backdrop-filter:none!important;z-index:-1}.profile-card{background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(255,255,255,.52));border:1px solid rgba(255,255,255,.82);box-shadow:0 28px 80px rgba(18,95,170,.13),0 8px 28px rgba(17,70,128,.08),inset 0 1px 0 rgba(255,255,255,.95)}.action,.glass,.wide-btn{background:linear-gradient(145deg,rgba(255,255,255,.54),rgba(255,255,255,.32));border-color:rgba(56,136,215,.16);box-shadow:0 12px 32px rgba(28,118,218,.1),inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.action{position:relative;overflow:hidden}.action:before,.social-icon:before{content:"";position:absolute;inset:1px 1px auto 1px;height:44%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,0));pointer-events:none}.icon{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.36);box-shadow:0 10px 20px rgba(0,116,220,.22),inset 0 1px 0 rgba(255,255,255,.42)}.icon svg{width:31px;height:31px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))}.blue{background:linear-gradient(135deg,#28c3ff 0%,#0c76ee 55%,#0758df 100%)}.green{background:linear-gradient(135deg,#27e887 0%,#15c85f 48%,#06a746 100%)}.purple{background:linear-gradient(135deg,#8c54ff 0%,#6131f2 52%,#3517c8 100%)}.sky{background:linear-gradient(135deg,#58ceff 0%,#2297f7 48%,#0d68de 100%)}.social-icon{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.36);box-shadow:0 10px 18px rgba(20,66,115,.16),inset 0 1px 0 rgba(255,255,255,.42)}.social-icon svg{width:29px;height:29px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.13))}.fb{background:linear-gradient(135deg,#2d7cf1,#134fb2)}.ig{background:radial-gradient(circle at 28% 105%,#ffd95e 0 22%,#ff6b35 36%,#f02d7f 56%,#8a37ff 77%,#3256d8 100%)}.in{background:linear-gradient(135deg,#1685d4,#075a9e)}.x{background:linear-gradient(135deg,#151515,#000)}.yt{background:linear-gradient(135deg,#ff2c2c,#d50000)}
@media (min-width:900px){.page-shell:before{height:610px;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.25) 52%,rgba(255,255,255,.9) 86%,#fff 100%),url('assets/images/tapismart-bg.webp') center top/cover no-repeat!important}.page-shell:after{height:670px}.profile-card{margin-top:175px}}
@media (max-width:520px){.page-shell:before{height:490px;background-position:center top!important}.page-shell:after{height:535px}.profile-card{margin-top:142px}.social-icon svg{width:27px;height:27px}}

/* Final footer + icon updates */
.section-icon{width:28px;height:28px;min-width:28px;border-radius:9px;display:inline-grid;place-items:center;color:#0a86ff;background:rgba(15,142,255,.08);vertical-align:middle}.section-icon svg{width:22px!important;height:22px!important;display:block;fill:currentColor}.availability .section-icon{border-radius:50%;background:linear-gradient(135deg,#35c9ff,#0879f2);color:#fff;box-shadow:0 6px 16px rgba(0,126,242,.18)}.services article span svg{width:25px!important;height:25px!important;display:block}.services article span{color:#0a84f6;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(221,244,255,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 18px rgba(0,116,220,.08)}.cta svg{width:24px!important;height:24px!important;fill:currentColor;display:block}.footer-home{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:inline-grid;place-items:center;background:rgba(255,255,255,.55);border:1px solid rgba(148,206,255,.38);box-shadow:0 6px 16px rgba(35,101,174,.08);color:#8297ad;transition:.2s ease}.footer-home svg{width:19px!important;height:19px!important}.footer-home:hover,.footer-home:focus-visible{color:#0a86ff;background:rgba(237,249,255,.95);border-color:rgba(10,134,255,.35);outline:none;transform:translateY(-1px)}.resource-art{background-image:url('assets/images/agency-resources.webp')!important;background-size:cover!important;background-position:center!important}.resource-art:before,.resource-art:after{display:none!important}
footer{width:100%;min-height:54px;margin:15px 0 0!important;padding:12px 18px;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(239,249,255,.48));border:1px solid rgba(160,214,255,.48);box-shadow:0 10px 30px rgba(20,86,160,.08),inset 0 1px 0 rgba(255,255,255,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#71839b;font-weight:600;letter-spacing:.1px}.bottom-cta{margin-bottom:0!important}@media (max-width:520px){footer{font-size:12.5px;padding:11px 12px;border-radius:18px;gap:7px;line-height:1.35;text-align:center}.footer-home{width:28px;height:28px;flex-basis:28px}}
/* Production optimization overrides: responsive, accessibility, Core Web Vitals */
*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{text-rendering:optimizeLegibility}.page-shell{min-height:100svh}.profile-card{width:min(100%,620px)}h1{font-size:clamp(1.75rem,7vw,2.45rem);line-height:1.08}.role{font-size:clamp(.94rem,3.8vw,1.08rem)}.degree,.tagline{font-size:clamp(.86rem,3.4vw,.98rem)}h2{font-size:clamp(1.02rem,3.8vw,1.18rem)}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(86px,1fr));align-items:stretch}.action,.wide-btn,.cta,.resource-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.action:focus-visible,.wide-btn:focus-visible,.cta:focus-visible,.resource-btn:focus-visible,.social-icon:focus-visible,.details a:focus-visible{outline:3px solid rgba(10,134,255,.55);outline-offset:3px}.details a{min-width:0;overflow-wrap:anywhere}.details svg,.wide-btn svg,.cta svg,.resource-btn svg,.social-icon svg,.action svg{aria-hidden:true}.avatar{aspect-ratio:1/1;object-fit:cover}.map-preview,.resource-art{contain:layout paint}.toast{pointer-events:none}@media (max-width:414px){.page-shell{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.quick-actions{gap:8px}.action{min-height:84px}.icon{width:44px;height:44px}.icon svg{width:27px;height:27px}.social-row{gap:clamp(10px,4vw,18px);flex-wrap:wrap}.bottom-cta{grid-template-columns:1fr}.cta{min-height:52px}.availability .time-row{gap:6px;align-items:flex-start}.availability .time-row strong{text-align:right}}@media (max-width:340px){.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-card{border-radius:24px}.glass{padding-left:13px;padding-right:13px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}

/* TapiSmart SVG logo replacement - only affects the hero brand logo */
.brand{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 0 20px;
  line-height:0;
  letter-spacing:0;
  text-shadow:none;
}
.brand-logo{
  display:block;
  width:clamp(135px,48vw,165px);
  height:auto;
  max-width:100%;
}
@media (max-width:520px){
  .brand{margin-bottom:16px}
  .brand-logo{width:clamp(120px,45vw,160px)}
}

/* Live Google Map - only map section updated */
.map-preview.live-map{
  height:138px;
  padding:0;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(51,139,225,.15);
  background:rgba(255,255,255,.45);
  display:block;
}

.map-preview.live-map iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}

.map-preview.live-map::after,
.map-preview.live-map .map-pin,
.map-preview.live-map span,
.map-preview.live-map b,
.map-preview.live-map em{
  display:none!important;
}

/* Text refinement: standard premium readability, not too bold */
h1{
  font-size:clamp(1.85rem,6.2vw,2.35rem)!important;
  font-weight:600!important;
  line-height:1.12!important;
  letter-spacing:-.8px!important;
}
.role{
  font-size:clamp(.98rem,3.4vw,1.08rem)!important;
  font-weight:500!important;
  line-height:1.35!important;
  letter-spacing:-.1px!important;
}
.degree,.tagline{
  font-size:clamp(.88rem,3.2vw,.98rem)!important;
  font-weight:400!important;
  line-height:1.45!important;
}
h2,
.social h2{
  font-size:clamp(1rem,3.4vw,1.12rem)!important;
  font-weight:650!important;
  line-height:1.3!important;
  letter-spacing:-.15px!important;
}
.wide-btn,
.resource-btn,
.map-btn{
  font-size:clamp(.95rem,3.4vw,1.02rem)!important;
  font-weight:650!important;
  letter-spacing:0!important;
}
.action{
  font-size:clamp(.78rem,2.9vw,.88rem)!important;
  font-weight:500!important;
}
.glass p,
.details a,
.availability .time-row{
  font-size:clamp(.9rem,3.2vw,.96rem)!important;
  font-weight:400!important;
  line-height:1.55!important;
}
.availability strong{
  font-weight:600!important;
}
.services h3{
  font-size:clamp(.88rem,3.1vw,.94rem)!important;
  font-weight:650!important;
  line-height:1.25!important;
  letter-spacing:-.05px!important;
}
.services p{
  font-size:clamp(.78rem,2.7vw,.84rem)!important;
  font-weight:400!important;
  line-height:1.38!important;
}
.cta{
  font-size:clamp(.96rem,3.5vw,1.08rem)!important;
  font-weight:650!important;
  letter-spacing:0!important;
}
footer{
  font-size:clamp(.78rem,2.8vw,.88rem)!important;
  font-weight:500!important;
}
@media (max-width:360px){
  h1{font-size:1.72rem!important;}
  .role{font-size:.92rem!important;}
  h2{font-size:.98rem!important;}
}

/* Bright Glassy Profile transformation
   Keeps the original page background and layout structure, while improving glass brightness,
   icon visibility, spacing, alignment, wrapping, and mobile/tablet fit. */
:root{
  --primary:#0a84ff;
  --primary-2:#59d8ff;
  --deep:#10224d;
  --text:#14213d;
  --muted:#566987;
  --line:rgba(65,145,224,.18);
  --glass:rgba(255,255,255,.66);
  --glass-strong:rgba(255,255,255,.84);
  --shadow:0 30px 90px rgba(17,95,173,.14),0 12px 34px rgba(24,73,134,.08),inset 0 1px 0 rgba(255,255,255,.96);
  --radius:24px;
  --radius-sm:17px;
}
body{color:var(--text);background:#eef9ff;}
.profile-card{
  width:min(calc(100vw - 28px),604px)!important;
  padding:0 clamp(14px,3.8vw,22px) 22px!important;
  background:linear-gradient(150deg,rgba(255,255,255,.78),rgba(255,255,255,.48) 54%,rgba(226,248,255,.42))!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:30px!important;
  box-shadow:var(--shadow)!important;
  backdrop-filter:blur(28px) saturate(1.22)!important;
  -webkit-backdrop-filter:blur(28px) saturate(1.22)!important;
}
.profile-card:before{
  border-radius:30px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,0) 38%,rgba(113,218,255,.14) 100%)!important;
}
.hero{padding-top:2px!important;}
.brand-logo{filter:drop-shadow(0 10px 24px rgba(10,72,136,.12));}
.avatar-wrap{
  width:clamp(132px,32vw,150px)!important;
  height:clamp(132px,32vw,150px)!important;
  padding:6px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(225,248,255,.58))!important;
  border:1px solid rgba(255,255,255,.98)!important;
  box-shadow:0 16px 38px rgba(14,125,231,.18),inset 0 0 0 1px rgba(12,132,255,.14)!important;
}
h1{color:#13203c!important;max-width:100%;overflow-wrap:break-word;}
.role{color:#0959c8!important;max-width:100%;overflow-wrap:break-word;}
.degree,.tagline{color:#51627f!important;}
.quick-actions{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(8px,2.6vw,13px)!important;
  margin:22px 0 15px!important;
}
.action,
.glass,
.wide-btn,
.resource-btn,
.services article,
footer{
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.40))!important;
  border-color:rgba(71,151,229,.18)!important;
  box-shadow:0 14px 36px rgba(25,91,163,.10),inset 0 1px 0 rgba(255,255,255,.90)!important;
  backdrop-filter:blur(22px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.18)!important;
}
.action{
  min-height:92px!important;
  padding:12px 6px!important;
  border-radius:17px!important;
  text-align:center!important;
  line-height:1.18!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
.action:hover,
.action:focus-visible,
.wide-btn:hover,
.resource-btn:hover,
.cta:hover{
  transform:translateY(-2px);
  filter:saturate(1.08) brightness(1.02);
}
.icon{
  width:48px!important;
  height:48px!important;
  border-radius:15px!important;
  color:#fff!important;
  box-shadow:0 12px 22px rgba(14,107,210,.22),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
.icon svg{width:28px!important;height:28px!important;display:block!important;}
.blue{background:linear-gradient(135deg,#4fd4ff 0%,#0a84ff 56%,#0756db 100%)!important;}
.green{background:linear-gradient(135deg,#43ed9b 0%,#13bd64 52%,#06944a 100%)!important;}
.purple{background:linear-gradient(135deg,#a06bff 0%,#6844ef 54%,#361fc8 100%)!important;}
.sky{background:linear-gradient(135deg,#76e6ff 0%,#23a8ff 52%,#0c69db 100%)!important;}
.wide-btn{
  min-height:58px!important;
  padding:12px 16px!important;
  gap:12px!important;
  color:#0d4fb4!important;
}
.wide-btn span{
  margin:0!important;
  min-width:0!important;
  flex:1 1 auto!important;
  justify-content:center!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
}
.wide-btn span svg{font-size:25px!important;color:#087ee9!important;flex:0 0 auto!important;}
.wide-btn .arrow{font-size:24px!important;color:#0585ff!important;flex:0 0 auto!important;}
.glass{
  margin-top:14px!important;
  padding:clamp(15px,4vw,19px) clamp(15px,4vw,20px)!important;
  border-radius:24px!important;
}
.glass:before{background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,0) 46%)!important;}
h2{gap:10px!important;color:#0b55ba!important;min-width:0;}
.section-icon{
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  border-radius:11px!important;
  color:#066ed9!important;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(217,244,255,.74))!important;
  border:1px solid rgba(77,161,235,.18)!important;
  box-shadow:0 8px 18px rgba(12,113,223,.10),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.section-icon svg{width:20px!important;height:20px!important;}
.details a{grid-template-columns:28px minmax(0,1fr)!important;gap:12px!important;color:#34435f!important;overflow-wrap:anywhere!important;}
.details a svg{width:21px!important;height:21px!important;color:#087ee9!important;}
.map-preview.live-map{
  height:clamp(132px,34vw,154px)!important;
  border-radius:18px!important;
  border-color:rgba(75,151,224,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 24px rgba(23,87,150,.08)!important;
}
.availability .time-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:10px!important;
  color:#34435f!important;
}
.availability .time-row span{min-width:0;overflow-wrap:break-word;}
.availability .time-row strong{text-align:right;white-space:normal;overflow-wrap:break-word;}
.closed{color:#d42238!important;}
.services article{
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:12px!important;
  padding:11px 12px!important;
  border-radius:16px!important;
}
.services article span{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  border:1px solid rgba(36,137,232,.22)!important;
  color:#0b73df!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(215,244,255,.76))!important;
}
.services article span svg{width:23px!important;height:23px!important;}
.services h3,.services p{min-width:0;overflow-wrap:break-word;}
.resources{grid-template-columns:minmax(0,1fr) minmax(142px,.92fr)!important;gap:15px!important;}
.resource-btn{
  max-width:100%!important;
  min-height:46px!important;
  padding:11px 15px!important;
  border-radius:15px!important;
  color:#0e4fb2!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  line-height:1.18!important;
  text-align:center!important;
}
.resource-btn svg{width:21px!important;height:21px!important;color:#087ee9!important;}
.resource-art{
  min-height:142px!important;
  background-image:none!important;
  background:
    radial-gradient(circle at 75% 32%,rgba(106,219,255,.72) 0 15px,transparent 16px),
    radial-gradient(circle at 28% 72%,rgba(76,147,255,.42) 0 22px,transparent 23px),
    linear-gradient(135deg,rgba(255,255,255,.84),rgba(220,247,255,.62))!important;
  border:1px solid rgba(90,167,235,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 12px 28px rgba(30,103,178,.08)!important;
}
.resource-art:before,
.resource-art:after{display:block!important;content:""!important;position:absolute!important;border-radius:999px!important;}
.resource-art:before{width:78%;height:12px;left:11%;top:44%;background:linear-gradient(90deg,rgba(10,132,255,.28),rgba(89,216,255,.52),rgba(255,255,255,.72));transform:rotate(-18deg);}
.resource-art:after{width:56px;height:56px;right:20px;bottom:18px;border:1px solid rgba(10,132,255,.24);background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(210,244,255,.58));box-shadow:0 10px 22px rgba(10,132,255,.12);}
.bottom-cta{gap:14px!important;margin-top:18px!important;}
.cta{
  min-height:56px!important;
  border-radius:16px!important;
  box-shadow:0 16px 28px rgba(18,102,204,.20),inset 0 1px 0 rgba(255,255,255,.30)!important;
}
.cta svg{width:22px!important;height:22px!important;}
.whats{background:linear-gradient(135deg,#13cf6c,#5af0a2)!important;}
.share{background:linear-gradient(135deg,#4d62ff,#24d4ff)!important;}
.social-row{gap:clamp(12px,5.8vw,28px)!important;}
.social-icon{width:44px!important;height:44px!important;border-radius:14px!important;}
.social-icon svg{width:26px!important;height:26px!important;}
footer{border-radius:18px!important;color:#64738d!important;line-height:1.35!important;flex-wrap:wrap!important;text-align:center!important;}
.footer-home{color:#0d69c9!important;background:rgba(255,255,255,.64)!important;}
.toast{color:#075fbc!important;}
@media (min-width:900px){
  .profile-card{margin-top:164px!important;}
}
@media (max-width:520px){
  .page-shell{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));}
  .profile-card{margin-top:132px!important;border-radius:26px!important;}
  .profile-card:before{border-radius:26px!important;}
  .hero{margin-top:-128px!important;}
  .brand{margin-bottom:13px!important;}
  .quick-actions{gap:8px!important;margin-top:20px!important;}
  .action{min-height:78px!important;padding:9px 4px!important;font-size:.76rem!important;}
  .icon{width:40px!important;height:40px!important;border-radius:13px!important;}
  .icon svg{width:24px!important;height:24px!important;}
  .wide-btn{min-height:54px!important;padding:10px 13px!important;}
  .wide-btn span svg{font-size:22px!important;}
  .wide-btn .arrow{font-size:21px!important;}
  .glass{border-radius:21px!important;margin-top:12px!important;}
  .section-icon{width:29px!important;height:29px!important;min-width:29px!important;}
  .resources{grid-template-columns:1fr!important;}
  .resource-art{min-height:118px!important;}
  .bottom-cta{grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .cta{min-height:52px!important;padding:10px 8px!important;}
}
@media (max-width:374px){
  .profile-card{width:min(calc(100vw - 20px),604px)!important;padding-left:12px!important;padding-right:12px!important;}
  .quick-actions{gap:7px!important;}
  .action{min-height:74px!important;font-size:.72rem!important;border-radius:15px!important;}
  .icon{width:38px!important;height:38px!important;}
  .icon svg{width:23px!important;height:23px!important;}
  .availability .time-row{grid-template-columns:1fr!important;gap:2px!important;}
  .availability .time-row strong{text-align:left!important;}
  .services article{grid-template-columns:40px minmax(0,1fr)!important;padding:10px!important;}
  .services article span{width:38px!important;height:38px!important;}
  .bottom-cta{grid-template-columns:1fr!important;}
}

/* === FINAL FIX: Resources flyer image ===
   The earlier bright-glassy abstract .resource-art rules and dark-mode rule were overriding
   the actual agency-resources.webp image. Keep this block at the very bottom of style.css. */
.resource-art {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 142px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background-image: url('assets/images/agency-resources.webp') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border: 1px solid rgba(90,167,235,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 12px 28px rgba(30,103,178,.08) !important;
}

.resource-art::before,
.resource-art::after,
.resource-art:before,
.resource-art:after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

@media (max-width:520px) {
  .resource-art {
    min-height: 118px !important;
  }
}