:root{
  --bg:#020817;--bg2:#061121;--card:#071426;--card2:#08182c;--text:#f3f7ff;--muted:#8d9cb2;
  --blue:#1598ff;--cyan:#27d5ff;--purple:#6d55ff;--line:rgba(51,139,226,.28);--line2:rgba(43,113,183,.18);
  --max:1450px;--radius:26px;--shadow:0 28px 80px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);min-height:100vh;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-3;background-image:linear-gradient(rgba(48,110,182,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(48,110,182,.08) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.86) 72%,transparent)}
body::after{content:"";position:fixed;inset:0;z-index:-4;background:radial-gradient(circle at 85% 2%,rgba(0,100,255,.12),transparent 28%),radial-gradient(circle at 10% 95%,rgba(93,50,255,.08),transparent 28%),#020817}
a{color:inherit}.site-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:1000;height:68px;border-bottom:1px solid var(--line2);background:rgba(2,8,23,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.header-inner{max-width:var(--max);height:100%;margin:auto;display:flex;align-items:center;padding:0 28px;gap:30px}.brand-link{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}.brand-link img{width:68px;height:44px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(46,170,255,.22))}
.site-nav{display:flex;align-items:center;gap:26px;flex:1}.site-nav a{text-decoration:none;color:#8d99ac;font-size:13px;font-weight:600;transition:.2s}.site-nav a:hover,.site-nav a.active{color:#fff}.site-nav a.active{position:relative}.site-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-25px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 12px rgba(21,152,255,.7)}
.header-cta{margin-left:auto}.btn,.header-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;border:1px solid rgba(51,139,226,.38);border-radius:10px;min-height:44px;padding:0 18px;color:#eaf4ff;background:rgba(5,15,31,.56);font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}.btn:hover,.header-cta:hover{transform:translateY(-2px);border-color:rgba(39,213,255,.58);box-shadow:0 12px 30px rgba(0,107,255,.12)}.btn-primary{background:linear-gradient(115deg,#106cff,#5b49ff);border-color:transparent;box-shadow:0 14px 34px rgba(41,83,255,.24)}
.menu-btn{display:none;margin-left:auto;border:1px solid var(--line);border-radius:10px;background:rgba(6,17,33,.85);color:white;width:44px;height:44px;font-size:20px;cursor:pointer}.mobile-menu{display:none;position:fixed;inset:68px 0 0;z-index:999;background:rgba(2,8,23,.98);padding:28px}.mobile-menu.open{display:block}.mobile-menu a,.mobile-menu button{width:100%;display:flex;text-decoration:none;color:#fff;background:transparent;border:0;border-bottom:1px solid var(--line2);padding:18px 8px;font-size:18px;text-align:left}.mobile-menu .btn{margin-top:22px;border:1px solid var(--line);justify-content:center}
.page{max-width:var(--max);margin:auto;padding:46px 34px 72px}.page.compact{padding-top:34px}.eyebrow{color:var(--blue);font-size:14px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;margin-bottom:12px}.page-title{font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.045em;margin:0 0 14px;font-weight:800}.page-subtitle{margin:0;color:#93a0b5;font-size:clamp(16px,1.5vw,20px);line-height:1.5;font-weight:600;max-width:1100px}
.hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);gap:56px;align-items:center;min-height:calc(100vh - 136px)}.hero-copy{padding:28px 0}.hero-name{font-size:clamp(58px,7vw,96px);letter-spacing:-.05em;margin:0 0 10px}.hero-role{font-size:clamp(22px,2.1vw,32px);font-weight:700;margin:0 0 38px}.hero-manifesto{font-size:clamp(25px,3vw,45px);line-height:1.16;margin:0 0 30px;font-weight:500}.hero-manifesto span{color:var(--blue);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.hero-desc{max-width:650px;color:#8e9db2;font-size:17px;line-height:1.55;font-weight:600}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0 18px}.hero-kicker{color:#7b879a;font-size:13px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;margin:14px 10px}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}.stat-box,.card{background:linear-gradient(145deg,rgba(7,20,38,.92),rgba(4,13,27,.88));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-box{padding:22px}.stat-box h3{font-size:17px;margin:0 0 14px}.stat-box p{margin:0;color:#8c9ab0;line-height:1.5;font-weight:600}.hero-image{position:relative;align-self:stretch;display:flex;align-items:center}.hero-image::before{content:"";position:absolute;inset:10% 8% 8%;border-radius:36px;background:radial-gradient(circle at 50% 25%,rgba(44,84,255,.28),rgba(31,13,86,.05) 52%,transparent 72%);filter:blur(22px)}.hero-image img{position:relative;width:100%;height:min(78vh,790px);object-fit:cover;object-position:center 18%;border-radius:3px;mask-image:linear-gradient(to bottom,#000 90%,transparent 100%)}
.section{margin-top:46px}.section-head{margin-bottom:28px}.section-title{font-size:clamp(31px,3.8vw,52px);letter-spacing:-.035em;margin:0 0 10px}.section-copy{color:#8d9bb0;font-size:16px;line-height:1.65;max-width:930px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{padding:26px}.card h3{margin:0 0 12px;font-size:21px}.card h4{margin:0 0 9px;font-size:17px}.card p{margin:0;color:#93a2b7;line-height:1.58}.card ul{margin:14px 0 0;padding:0;list-style:none}.card li{position:relative;color:#9ba8ba;line-height:1.45;padding:5px 0 5px 22px}.card li::before{content:"";position:absolute;left:0;top:12px;width:11px;height:11px;border:1.5px solid #87a6c6;border-radius:50%}.blue-border{border-color:rgba(29,112,224,.52)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric{padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(7,20,38,.78)}.metric .big{font-size:31px;font-weight:800;color:#f6f9ff}.metric .label{color:#8392a8;font-size:13px;margin-top:8px}.tool-pills{display:flex;flex-wrap:wrap;gap:12px}.pill{padding:11px 18px;border:1px solid rgba(35,116,206,.48);border-radius:8px;background:rgba(4,13,28,.72);color:#8798ae;font-size:13px;font-weight:700}
.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.capability-card{padding:32px;border:2px solid rgba(24,99,205,.55);border-radius:46px;background:rgba(6,18,34,.82)}.capability-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px}.capability-columns div{color:#94a4b9;padding:6px 0}.capability-columns div::before{content:"○";color:#8faac8;margin-right:8px}
.process-layout{display:grid;grid-template-columns:360px 1fr;gap:42px;align-items:center}.principles{display:grid;gap:18px}.principle{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center}.principle .num{font-size:29px;color:var(--cyan);font-weight:800}.process-loop{position:relative;min-height:660px}.loop-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:290px;height:150px;border:2px solid rgba(31,113,230,.7);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(5,16,32,.84)}.loop-center strong{font-size:20px}.loop-center span{color:#8394aa;margin-top:8px}.loop-step{position:absolute;width:240px;padding:18px 18px 18px 56px;border:1px solid rgba(31,127,226,.65);border-radius:14px;background:rgba(6,19,38,.9);box-shadow:0 12px 32px rgba(0,0,0,.16)}.loop-step b{font-size:14px}.loop-step p{font-size:11px;color:#7f90a7;margin:7px 0 0}.loop-step .stepnum{position:absolute;left:16px;top:16px;width:34px;height:34px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;font-weight:800}.s1{left:50%;top:0;transform:translateX(-50%)}.s2{right:2%;top:12%}.s3{right:0;top:42%}.s4{right:14%;bottom:5%}.s5{left:50%;bottom:0;transform:translateX(-50%)}.s6{left:5%;bottom:9%}.s7{left:0;top:42%}.s8{left:9%;top:10%}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.work-card{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center;padding:26px;position:relative;text-decoration:none}.work-card:nth-child(n+3){grid-template-columns:130px 1fr}.work-card.logo-small img{background:white;padding:18px}.work-logo{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:20px;background:#fff;padding:12px}.work-card h3{margin:0 0 10px}.work-card .meta{color:#8d9ab0;line-height:1.45}.work-arrow{position:absolute;right:24px;bottom:20px;color:var(--blue);font-size:22px}.work-card:hover{border-color:rgba(28,119,232,.62);transform:translateY(-2px)}
.company-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.company-logo-wrap{text-align:right}.company-logo{max-width:180px;max-height:120px;object-fit:contain;background:#fff;padding:12px;border-radius:4px}.role-card{margin-top:24px}.owned-impact{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.company-visual{width:100%;border-radius:44px;border:1px solid var(--line);box-shadow:var(--shadow)}.content-split{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:start}.text-card p{margin:0 0 15px}.feature-list{display:grid;gap:14px}.feature-item strong{display:block;color:#dbe7f5;margin-bottom:5px}.feature-item span{color:#8d9cb0;line-height:1.55}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:22px;border:1px solid var(--line)}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{min-height:210px}.service-icon{width:48px;height:48px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:20px;margin-bottom:18px}.proof-panel{grid-column:span 1}.what-you-get{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--line);padding:22px;border-radius:18px;background:rgba(7,20,38,.8)}.what-you-get span{flex:1;min-width:130px;text-align:center;padding:10px;border:1px solid rgba(23,113,226,.62);border-radius:6px;margin-left:-1px;color:#8b9bb1;font-size:12px;font-weight:700}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.project-card{padding:20px;display:flex;flex-direction:column}.project-top{display:grid;grid-template-columns:154px 1fr;gap:18px}.project-card img{width:154px;height:154px;object-fit:cover;border-radius:22px;border:1px solid rgba(41,154,240,.58)}.project-card h3{font-size:18px}.project-card p{font-size:14px}.project-card .btn{width:100%;margin-top:auto;padding-top:12px;margin-top:20px}.project-card .btn.pending{opacity:.7}.project-category{font-size:11px;text-transform:uppercase;color:var(--blue);font-weight:800;margin-bottom:6px}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.testimonial{padding:22px 36px 32px;border:2px solid rgba(27,95,202,.62);border-radius:74px;min-height:560px;display:flex;flex-direction:column}.avatar{width:126px;height:126px;border-radius:50%;object-fit:cover;align-self:center;border:1px solid rgba(54,149,240,.7);margin-bottom:22px}.quote{font-size:18px;line-height:1.5;color:#e9eff8;margin:12px 0 16px}.quote::before{content:"“";color:#1a8dff;font-size:48px;line-height:.6;display:block}.stars{text-align:center;color:#1e82ff;letter-spacing:4px;font-size:25px;margin:12px 0 24px}.person{margin-top:auto}.person strong{display:block;font-size:18px}.person span{color:#8b98ad;font-weight:700}
.beyond-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.beyond-card{padding:24px;border:2px solid rgba(27,95,202,.6);border-radius:76px;display:flex;flex-direction:column;min-height:620px}.beyond-card h3{font-size:19px}.beyond-img{width:100%;height:360px;object-fit:cover;margin:12px 0 20px}.beyond-collage{display:grid;grid-template-rows:1fr 1.1fr;gap:10px;height:360px;margin:12px 0 20px}.beyond-collage img{width:100%;height:100%;object-fit:cover}.beyond-card p{margin-top:auto}
.contact-panel{margin-top:42px;border:1px solid rgba(28,115,212,.55);border-radius:84px;padding:54px 64px;display:grid;grid-template-columns:1fr .8fr .95fr;gap:42px;align-items:center;background:rgba(5,17,33,.78)}.contact-panel h2{font-size:clamp(35px,4vw,58px);line-height:1.05;margin:0 0 24px}.contact-panel h2 span{color:var(--blue)}.contact-list{display:grid;gap:22px}.contact-item{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center}.contact-icon{width:52px;height:52px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:var(--blue)}.contact-item span{display:block;color:#7f8fa6;font-weight:700;margin-bottom:6px}.contact-item a,.contact-item strong{font-size:15px;text-decoration:none}.contact-logo{width:100%;max-height:320px;object-fit:contain;filter:drop-shadow(0 0 35px rgba(49,105,255,.28))}

.footer-cta{max-width:var(--max);margin:10px auto 0;padding:0 34px}.footer-cta-inner{border:1px solid rgba(28,115,212,.42);border-radius:28px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(120deg,rgba(7,22,42,.92),rgba(4,12,26,.9))}.footer-cta h3{margin:0 0 5px;font-size:22px}.footer-cta p{margin:0;color:#7f90a6;font-size:13px}.footer-cta-actions{display:flex;gap:10px;flex-wrap:wrap}.footer-cta-actions a{white-space:nowrap}@media(max-width:880px){.footer-cta{padding:0 20px}.footer-cta-inner{align-items:flex-start;flex-direction:column}}
.site-footer{max-width:var(--max);margin:20px auto 0;padding:34px;border-top:1px solid var(--line2);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#6f7d92;font-size:12px}.footer-links{display:flex;gap:18px}.footer-links a{text-decoration:none;color:#8494aa}.footer-links a:hover{color:white}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,3,10,.78);z-index:2000;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.connect-modal{width:min(520px,100%);border:1px solid rgba(54,147,238,.5);border-radius:26px;background:linear-gradient(145deg,#071426,#030b18);padding:28px;box-shadow:0 40px 120px rgba(0,0,0,.55)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h3{font-size:25px;margin:0}.close-modal{border:0;background:transparent;color:#97a8bd;font-size:28px;cursor:pointer}.modal-copy{color:#8e9eb4;line-height:1.5}.connect-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.connect-options a{padding:16px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:rgba(7,20,38,.8);font-weight:700;text-align:center}.connect-options a:hover{border-color:var(--cyan)}.notice{padding:14px 18px;border:1px solid rgba(39,213,255,.3);border-radius:12px;background:rgba(11,40,59,.4);color:#8fc3e2;font-size:13px;line-height:1.45}
@media(max-width:1120px){.site-nav{gap:16px}.site-nav a{font-size:12px}.hero,.company-hero,.content-split,.contact-panel{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:repeat(2,1fr)}.testimonial-grid,.beyond-grid{grid-template-columns:1fr 1fr}.testimonial-grid .testimonial:last-child,.beyond-grid .beyond-card:last-child{grid-column:span 2}.services-grid{grid-template-columns:repeat(2,1fr)}.process-layout{grid-template-columns:1fr}.principles{grid-template-columns:repeat(3,1fr)}.process-loop{min-height:690px}}
@media(max-width:880px){.site-nav,.header-cta{display:none}.menu-btn{display:block}.header-inner{padding:0 18px}.page{padding:34px 20px 56px}.hero{grid-template-columns:1fr;gap:8px;min-height:auto}.hero-image{order:-1;height:500px}.hero-image img{height:100%;object-position:center top}.hero-copy{padding:20px 0}.hero-stats,.grid-2,.grid-3,.grid-4,.capability-grid,.work-grid,.owned-impact,.company-hero,.content-split,.contact-panel,.project-grid,.testimonial-grid,.beyond-grid,.services-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.capability-columns{grid-template-columns:1fr}.work-card{grid-template-columns:110px 1fr}.company-logo-wrap{text-align:left}.project-top{grid-template-columns:130px 1fr}.project-card img{width:130px;height:130px}.testimonial-grid .testimonial:last-child,.beyond-grid .beyond-card:last-child{grid-column:auto}.testimonial,.beyond-card{min-height:auto;border-radius:42px}.beyond-img,.beyond-collage{height:300px}.contact-panel{border-radius:44px;padding:34px 28px}.contact-logo{max-height:250px}.principles{grid-template-columns:1fr}.process-loop{display:grid;gap:12px;min-height:auto}.loop-center,.loop-step{position:relative;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%;height:auto}.loop-center{border-radius:22px;padding:22px}.loop-step{padding:18px 18px 18px 58px}.site-footer{padding:28px 20px;flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.brand-link img{width:58px}.hero-image{height:390px}.hero-name{font-size:50px}.hero-role{font-size:21px}.hero-manifesto{font-size:27px}.hero-stats{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.work-card{grid-template-columns:88px 1fr;padding:20px;gap:16px}.work-card:nth-child(n+3){grid-template-columns:88px 1fr}.work-logo{border-radius:14px;padding:8px}.project-top{grid-template-columns:100px 1fr}.project-card img{width:100px;height:100px}.connect-options{grid-template-columns:1fr}.testimonial{padding:22px 26px 28px}.avatar{width:110px;height:110px}.beyond-card{padding:22px;border-radius:36px}.beyond-img,.beyond-collage{height:240px}.contact-panel{padding:28px 22px;border-radius:34px}.site-footer{font-size:11px}.footer-links{flex-wrap:wrap}}


/* =========================================================
   V2 CORRECTIONS — Insights / Footer CTA / Connect Modal
   ========================================================= */

.insights-page .beyond-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
  align-items:stretch;
}
.insights-page .beyond-card{
  min-width:0;
  min-height:650px;
  padding:24px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:2px solid rgba(27,95,202,.62);
  border-radius:64px;
}
.insights-page .beyond-card h3{
  margin:0;
  font-size:19px;
  line-height:1.2;
}
.insights-page .beyond-media{
  width:100%;
  height:370px;
  min-height:370px;
  margin:16px 0 20px;
  overflow:hidden;
  background:#061121;
}
.insights-page .beyond-media-single img,
.insights-page .beyond-media-split img{
  display:block;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  max-width:100%;
  max-height:100%;
}
.insights-page .beyond-media-single img{
  object-fit:cover;
  object-position:center;
}
.insights-page .beyond-media-split{
  display:grid;
  grid-template-rows:minmax(0,1fr) minmax(0,1fr);
  gap:10px;
}
.insights-page .beyond-media-split > div{
  min-width:0;
  min-height:0;
  overflow:hidden;
}
.insights-page .beyond-media-split img{
  object-fit:cover;
  object-position:center;
}
.insights-page .volunteer-media .volunteer-id{
  background:#fff;
}
.insights-page .volunteer-media .volunteer-id img{
  object-fit:contain;
  object-position:center;
  background:#fff;
}
.insights-page .beyond-card p{
  margin:auto 0 0;
  position:relative;
  z-index:2;
}

/* CTA is now part of the footer */
.site-footer-area{
  width:100%;
  margin-top:8px;
}
.site-footer-area .footer-cta{
  max-width:var(--max);
  margin:16px auto 0;
  padding:0 34px;
}
.site-footer-area .footer-cta-inner{
  min-height:118px;
  padding:28px 30px;
  border:1px solid rgba(28,115,212,.50);
  border-radius:28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  background:linear-gradient(120deg,rgba(7,22,42,.97),rgba(4,12,26,.95));
}
.site-footer-area .footer-cta h3{
  margin:0 0 6px;
  font-size:23px;
  letter-spacing:-.015em;
}
.site-footer-area .footer-cta p{
  margin:0;
  color:#7f90a6;
  font-size:13px;
}
.site-footer-area .footer-cta-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.site-footer-area .footer-cta-actions .btn{
  min-width:106px;
}
.site-footer-area .site-footer{
  margin-top:24px;
}

/* Connect popup: WhatsApp + Instagram only */
.modal-backdrop{
  background:rgba(0,3,10,.84);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}
.connect-modal{
  width:min(560px,100%);
  padding:30px;
  border-radius:28px;
  border:1px solid rgba(54,147,238,.54);
  background:linear-gradient(145deg,#071426,#030b18);
  box-shadow:0 40px 120px rgba(0,0,0,.62);
}
.modal-head{
  gap:18px;
}
.modal-head h3{
  font-size:28px;
}
.close-modal{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid rgba(55,142,228,.23);
  border-radius:10px;
  background:rgba(7,20,38,.6);
}
.modal-copy{
  margin:10px 0 0;
}
.connect-options{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:24px;
}
.connect-options a{
  min-height:124px;
  padding:20px 16px;
  border-radius:18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  background:linear-gradient(145deg,rgba(8,24,45,.94),rgba(4,14,29,.94));
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.connect-options a:hover{
  transform:translateY(-2px);
  box-shadow:0 15px 36px rgba(0,111,255,.14);
}
.connect-icon{
  color:#42c4ff;
  font-size:27px;
  line-height:1;
}
.connect-options a strong{
  color:#f5f8ff;
  font-size:16px;
}
.connect-options a small{
  color:#8294ab;
  font-size:11px;
  font-weight:600;
}
.connect-options a.connect-unavailable{
  opacity:.48;
  cursor:not-allowed;
}
.connect-options a.connect-unavailable:hover{
  transform:none;
  border-color:var(--line);
  box-shadow:none;
}

@media(max-width:1120px){
  .insights-page .beyond-grid{
    grid-template-columns:1fr 1fr;
  }
  .insights-page .beyond-card:last-child{
    grid-column:span 2;
  }
}
@media(max-width:880px){
  .insights-page .beyond-grid{
    grid-template-columns:1fr;
  }
  .insights-page .beyond-card,
  .insights-page .beyond-card:last-child{
    grid-column:auto;
    min-height:auto;
    border-radius:42px;
  }
  .insights-page .beyond-media{
    height:380px;
    min-height:380px;
  }
  .site-footer-area .footer-cta{
    padding:0 20px;
  }
  .site-footer-area .footer-cta-inner{
    min-height:auto;
    align-items:flex-start;
    flex-direction:column;
  }
  .site-footer-area .footer-cta-actions{
    width:100%;
  }
  .site-footer-area .footer-cta-actions .btn{
    flex:1;
  }
}
@media(max-width:560px){
  .insights-page .beyond-card{
    padding:22px;
    border-radius:34px;
  }
  .insights-page .beyond-media{
    height:320px;
    min-height:320px;
  }
  .connect-options{
    grid-template-columns:1fr;
  }
  .connect-options a{
    min-height:92px;
  }
}


/* =========================================================
   V3 FINAL POLISH
   Project CTA alignment · distinct footer · connect popup
   ========================================================= */

/* ---------- PROJECT CARDS / GOOGLE DRIVE CTA ---------- */
.project-grid{
  align-items:stretch;
}
.project-card{
  min-height:100%;
  display:flex;
  flex-direction:column;
}
.project-card .project-top{
  flex:1 1 auto;
}
.project-card .project-drive-btn{
  width:100%;
  min-height:58px;
  margin-top:24px;
  padding:0 20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px;
  text-align:center;
  border:1px solid rgba(55,151,242,.58);
  border-radius:13px;
  background:
    linear-gradient(115deg,rgba(15,101,255,.20),rgba(87,67,255,.20)),
    rgba(5,18,36,.88);
  color:#f5f8ff;
  font-size:12px;
  font-weight:850;
  letter-spacing:.035em;
  line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  opacity:1 !important;
  cursor:pointer;
  transition:
    transform .2s ease,
    border-color .2s ease,
    background .2s ease,
    box-shadow .2s ease;
}
.project-card .project-drive-btn .drive-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.project-card .project-drive-btn .drive-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:15px;
  line-height:1;
  transform:translateY(-1px);
}
.project-card .project-drive-btn:hover{
  transform:translateY(-2px);
  border-color:#2faeff;
  background:
    linear-gradient(115deg,rgba(14,108,255,.34),rgba(91,67,255,.34)),
    rgba(6,20,40,.96);
  box-shadow:0 12px 28px rgba(0,102,255,.15);
}
.project-card .project-drive-btn.pending{
  opacity:1 !important;
}

/* ---------- DISTINCT FULL-WIDTH FOOTER SECTION ---------- */
.site-footer-area{
  position:relative;
  width:100%;
  margin-top:76px;
  padding:52px 0 26px;
  border-top:1px solid rgba(43,126,219,.28);
  background:
    radial-gradient(circle at 82% 10%,rgba(42,83,255,.10),transparent 30%),
    linear-gradient(180deg,#051126 0%,#020a18 58%,#020817 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    0 -32px 80px rgba(0,0,0,.12);
  overflow:hidden;
}
.site-footer-area::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.20;
  background-image:
    linear-gradient(rgba(78,148,230,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(78,148,230,.06) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:linear-gradient(to bottom,black,transparent 85%);
  mask-image:linear-gradient(to bottom,black,transparent 85%);
}
.footer-stage{
  position:relative;
  z-index:1;
  max-width:var(--max);
  margin:0 auto;
  padding:0 34px;
}
.site-footer-area .footer-cta{
  max-width:none;
  margin:0;
  padding:0;
}
.site-footer-area .footer-cta-inner{
  min-height:136px;
  padding:30px 34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  border:1px solid rgba(45,139,233,.62);
  border-radius:28px;
  background:
    linear-gradient(120deg,rgba(7,25,47,.98),rgba(4,15,31,.96));
  box-shadow:
    0 18px 54px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.025);
}
.footer-kicker{
  margin-bottom:7px;
  color:#32b3ff;
  font-size:10px;
  font-weight:850;
  letter-spacing:.14em;
}
.site-footer-area .footer-cta h3{
  margin:0 0 7px;
  max-width:720px;
  color:#f7f9ff;
  font-size:24px;
  line-height:1.15;
  letter-spacing:-.02em;
}
.site-footer-area .footer-cta p{
  margin:0;
  color:#8496ad;
  font-size:13px;
}
.site-footer-area .footer-cta-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:12px;
}
.site-footer-area .footer-cta-actions .btn{
  min-width:116px;
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 20px;
}
.footer-email-btn{
  background:rgba(4,15,29,.72);
}
.site-footer-area .site-footer{
  max-width:none;
  margin:28px 0 0;
  padding:25px 2px 0;
  border-top:1px solid rgba(56,124,201,.19);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  color:#73869f;
}
.site-footer-area .footer-links{
  display:flex;
  align-items:center;
  gap:20px;
}

/* ---------- LET'S CONNECT MODAL ---------- */
.modal-backdrop{
  position:fixed;
  inset:0;
  z-index:2500;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(0,4,12,.84);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.modal-backdrop.open{
  display:flex;
}
.connect-modal{
  width:min(600px,100%);
  padding:30px;
  border:1px solid rgba(58,153,243,.56);
  border-radius:28px;
  background:
    radial-gradient(circle at 86% 4%,rgba(65,88,255,.14),transparent 32%),
    linear-gradient(145deg,#08172b,#030c1a);
  box-shadow:0 42px 120px rgba(0,0,0,.64);
}
.modal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}
.modal-kicker{
  margin-bottom:6px;
  color:#31b7ff;
  font-size:10px;
  font-weight:850;
  letter-spacing:.14em;
}
.modal-head h3{
  margin:0;
  color:#f7f9ff;
  font-size:30px;
  letter-spacing:-.025em;
}
.close-modal{
  width:42px;
  height:42px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(62,146,229,.26);
  border-radius:11px;
  background:rgba(5,17,32,.66);
  color:#9eafc3;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
.close-modal:hover{
  color:#fff;
  border-color:rgba(71,171,255,.56);
}
.modal-copy{
  margin:11px 0 0;
  color:#8ea0b7;
}
.connect-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:25px;
}
.connect-options a{
  min-width:0;
  min-height:104px;
  padding:18px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 24px;
  align-items:center;
  gap:13px;
  border:1px solid rgba(56,142,229,.28);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(9,26,48,.96),rgba(4,14,29,.95));
  text-decoration:none;
  text-align:left;
  transition:
    transform .2s ease,
    border-color .2s ease,
    background .2s ease,
    box-shadow .2s ease;
}
.connect-options a:hover{
  transform:translateY(-2px);
  border-color:#38b7ff;
  background:linear-gradient(145deg,rgba(10,33,61,.98),rgba(5,18,36,.98));
  box-shadow:0 15px 34px rgba(0,104,255,.14);
}
.connect-brand-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#fff;
  font-size:14px;
  font-weight:900;
  letter-spacing:-.03em;
}
.whatsapp-icon{
  background:linear-gradient(145deg,#2bd56f,#109d50);
  box-shadow:0 10px 28px rgba(25,185,93,.18);
}
.instagram-icon{
  background:linear-gradient(135deg,#f8b84e 0%,#f34d69 35%,#aa43e7 68%,#4a63e8 100%);
  box-shadow:0 10px 28px rgba(191,69,201,.18);
}
.connect-text{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.connect-text strong{
  color:#f4f7ff;
  font-size:15px;
}
.connect-text small{
  overflow:hidden;
  color:#8295ad;
  font-size:11px;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.connect-arrow{
  color:#5fcaff;
  font-size:18px;
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:880px){
  .site-footer-area{
    margin-top:56px;
    padding-top:40px;
  }
  .footer-stage{
    padding:0 20px;
  }
  .site-footer-area .footer-cta-inner{
    min-height:auto;
    padding:26px;
    align-items:flex-start;
    flex-direction:column;
  }
  .site-footer-area .footer-cta-actions{
    width:100%;
  }
  .site-footer-area .footer-cta-actions .btn{
    flex:1;
  }
  .site-footer-area .site-footer{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(max-width:620px){
  .connect-options{
    grid-template-columns:1fr;
  }
  .connect-options a{
    min-height:92px;
  }
  .site-footer-area .footer-cta-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .site-footer-area .footer-cta-actions .btn{
    width:100%;
  }
}


/* =========================================================
   V4 ABOUT PAGE — matched to supplied reference
   ========================================================= */

.about-page{
  padding-top:58px;
  padding-bottom:72px;
}

.about-heading{
  margin-bottom:34px;
}

.about-page .eyebrow{
  margin-bottom:10px;
  color:#1ea9ff;
  font-size:12px;
  font-weight:850;
  letter-spacing:.13em;
}

.about-page .page-title{
  margin:0;
  color:#f7f9ff;
  font-size:clamp(42px,4.4vw,62px);
  line-height:1;
  letter-spacing:-.045em;
}

.about-tagline{
  margin:12px 0 0;
  color:#7f8ea4;
  font-size:15px;
  font-weight:700;
}

.about-layout{
  display:grid;
  grid-template-columns:minmax(0,1.42fr) minmax(360px,.58fr);
  gap:28px;
  align-items:stretch;
}

.about-content{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:24px;
}

.about-intro{
  max-width:1000px;
}

.about-intro p{
  margin:0 0 18px;
  color:#b6c3d5;
  font-size:17px;
  line-height:1.72;
}

.about-intro p:last-child{
  margin-bottom:0;
}

.about-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.about-metric-card{
  min-height:106px;
  padding:20px 14px 17px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:1px solid rgba(38,111,196,.60);
  border-radius:13px;
  background:
    linear-gradient(145deg,rgba(6,25,48,.94),rgba(3,14,30,.96));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    0 10px 24px rgba(0,0,0,.08);
}

.about-metric-value{
  color:#f8fbff;
  font-size:26px;
  font-weight:850;
  line-height:1;
  letter-spacing:-.035em;
}

.about-metric-word{
  font-size:19px;
  letter-spacing:.02em;
}

.about-metric-label{
  margin-top:9px;
  color:#8ca0b8;
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
}

.about-credentials{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);
  gap:38px;
  padding:28px 30px 26px;
  border:1px solid rgba(37,105,188,.54);
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(6,22,42,.97),rgba(3,13,29,.97));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}

.about-credentials h2{
  margin:0 0 20px;
  color:#f7f9ff;
  font-size:13px;
  font-weight:900;
  letter-spacing:.055em;
}

.about-credential-item{
  display:grid;
  grid-template-columns:10px minmax(0,1fr);
  gap:12px;
  align-items:start;
  margin-bottom:18px;
}

.about-credential-item:last-child{
  margin-bottom:0;
}

.about-dot{
  width:7px;
  height:7px;
  margin-top:6px;
  border-radius:50%;
  background:#1da8ff;
  box-shadow:0 0 12px rgba(29,168,255,.42);
}

.about-credential-item strong{
  display:block;
  color:#d8e2f0;
  font-size:13px;
  line-height:1.45;
}

.about-credential-item p{
  margin:4px 0 0;
  color:#778aa3;
  font-size:11px;
  line-height:1.5;
}

.about-certifications ul{
  margin:0;
  padding:0;
  list-style:none;
}

.about-certifications li{
  position:relative;
  margin:0 0 14px;
  padding-left:17px;
  color:#91a3b9;
  font-size:12px;
  line-height:1.45;
}

.about-certifications li:last-child{
  margin-bottom:0;
}

.about-certifications li::before{
  content:"•";
  position:absolute;
  left:0;
  top:-1px;
  color:#1ea9ff;
  font-size:17px;
  line-height:1;
}

.about-portrait-card{
  min-height:580px;
  overflow:hidden;
  border:1px solid rgba(53,106,196,.62);
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 15%,rgba(24,90,255,.18),transparent 35%),
    #061126;
  box-shadow:
    0 22px 60px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.02);
}

.about-portrait-card img{
  display:block;
  width:100%;
  height:100%;
  min-height:580px;
  object-fit:cover;
  object-position:center 10%;
}

@media(max-width:1180px){
  .about-layout{
    grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  }

  .about-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .about-credentials{
    grid-template-columns:1fr;
    gap:28px;
  }
}

@media(max-width:900px){
  .about-page{
    padding-top:42px;
  }

  .about-layout{
    grid-template-columns:1fr;
  }

  .about-portrait-card{
    order:-1;
    min-height:520px;
  }

  .about-portrait-card img{
    min-height:520px;
    object-position:center 14%;
  }
}

@media(max-width:620px){
  .about-page{
    padding-top:32px;
  }

  .about-heading{
    margin-bottom:26px;
  }

  .about-tagline{
    font-size:13px;
    line-height:1.5;
  }

  .about-intro p{
    font-size:15px;
    line-height:1.65;
  }

  .about-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .about-metric-card{
    min-height:94px;
    padding:16px 10px;
  }

  .about-metric-value{
    font-size:23px;
  }

  .about-metric-word{
    font-size:16px;
  }

  .about-credentials{
    padding:22px 20px;
    border-radius:18px;
  }

  .about-portrait-card,
  .about-portrait-card img{
    min-height:440px;
  }
}