
:root{--bg:#050b16;--panel:#081323;--panel2:#0a1930;--blue:#1268ff;--cyan:#32d6ff;--text:#f8fbff;--muted:#a9b9d3;--line:rgba(134,181,255,.22);--white:#fff;--shadow:0 24px 70px rgba(0,0,0,.38)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#06101f;color:var(--text);font-family:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;overflow-x:hidden}.section-dark{background:radial-gradient(circle at 70% 0%,rgba(0,132,255,.25),transparent 42%),linear-gradient(180deg,#050914,#071426)}.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(34,135,255,.15),transparent 65%);z-index:0;transform:translate(-50%,-50%)}a{color:inherit;text-decoration:none}.site-header{height:82px;position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;padding:0 46px;background:rgba(3,8,18,.78);backdrop-filter:blur(20px);border-bottom:1px solid rgba(135,180,255,.16)}.brand{width:360px;display:flex;align-items:center;flex-shrink:0}.brand img{height:58px;width:340px;object-fit:contain;object-position:left center;display:block}nav{display:flex;gap:28px;margin-left:auto;align-items:center}nav a{font-size:14px;font-weight:700;color:#eef5ff;opacity:.92;position:relative;white-space:nowrap}nav a.active:after,nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-26px;height:3px;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:4px}.book-top,.btn{display:inline-flex;align-items:center;gap:10px;border-radius:10px;padding:14px 22px;font-weight:800;border:1px solid rgba(255,255,255,.22)}.book-top{margin-left:28px;background:linear-gradient(135deg,#0c54e8,#0c7dff);box-shadow:0 0 22px rgba(30,116,255,.45);white-space:nowrap}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:30px}.hero{min-height:720px;padding:134px 48px 0;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(0deg,#07111f,transparent);pointer-events:none}#meshCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.75}.earth{position:absolute;right:0;top:80px;width:62%;height:560px;background:radial-gradient(circle at 45% 50%,rgba(25,95,180,.28),transparent 36%),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 500"><defs><radialGradient id="g"><stop stop-color="%23124782"/><stop offset=".45" stop-color="%2306162b"/><stop offset="1" stop-color="%23000" stop-opacity="0"/></radialGradient></defs><ellipse cx="470" cy="235" rx="380" ry="210" fill="url(%23g)"/><g stroke="%232b99ff" opacity=".45" fill="none"><path d="M90 255c200-170 550-170 760 0"/><path d="M110 330c250-130 500-130 720 0"/><path d="M120 180c260 110 520 110 710 0"/><path d="M260 60c-80 120-80 270 0 380"/><path d="M470 30c-40 170-40 300 0 430"/><path d="M690 60c80 120 80 270 0 380"/></g><g fill="%2349c8ff" opacity=".9"><circle cx="180" cy="240" r="4"/><circle cx="305" cy="160" r="4"/><circle cx="430" cy="90" r="5"/><circle cx="590" cy="145" r="4"/><circle cx="740" cy="260" r="5"/><circle cx="640" cy="350" r="4"/><circle cx="330" cy="330" r="5"/></g><g stroke="%23ffd596" opacity=".55"><path d="M210 230c70-20 130-5 190 35 48 32 108 34 175 10 60-22 100-10 150 30"/><path d="M250 180c80 30 130 15 210-20 72-30 139-18 220 35"/></g></svg>') center/cover no-repeat;filter:drop-shadow(0 0 45px rgba(30,120,255,.35));opacity:.95}.hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:1fr 580px;align-items:center;gap:30px;max-width:1540px;margin:0 auto}.eyebrow{font-size:13px;text-transform:uppercase;color:#20d9ff;letter-spacing:1.2px;font-weight:900}.hero h1{font-size:clamp(44px,5vw,78px);line-height:1.03;margin:26px 0 18px;font-weight:950;letter-spacing:-3px}.hero h1 span{background:linear-gradient(90deg,#6ce4ff,#277dff 55%,#125cff);-webkit-background-clip:text;color:transparent}.hero-tags{font-size:21px;color:#ffd86e;font-weight:800}.hero-desc{font-size:18px;line-height:1.75;color:#d8e3f5;max-width:720px}.hero-actions{display:flex;gap:18px;margin:28px 0}.primary{background:linear-gradient(135deg,#0b52e7,#0984ff);box-shadow:0 0 26px rgba(13,107,255,.45)}.ghost{background:rgba(255,255,255,.04)}.trusted{margin-top:34px;position:relative;z-index:4;max-width:720px}.trusted span{display:block;text-transform:uppercase;letter-spacing:1.6px;color:#aab6cc;font-size:13px;margin-bottom:18px}.trusted div{display:flex;gap:34px;align-items:center;flex-wrap:wrap}.trusted b{font-size:22px;color:#fff;opacity:.72;filter:grayscale(1)}.hero-visual{height:520px;position:relative}.profile-halo{position:absolute;right:40px;bottom:40px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(33,148,255,.18),transparent 65%);border:1px solid rgba(82,171,255,.28);animation:pulse 4s infinite}.profile-img{position:absolute;right:62px;bottom:0;width:440px;max-height:520px;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55)) drop-shadow(0 0 24px rgba(32,126,255,.35))}.visa-card{position:absolute;right:0;bottom:26px;background:rgba(8,16,31,.72);border:1px solid rgba(118,174,255,.45);border-radius:14px;padding:20px 28px;display:flex;gap:14px;align-items:center;box-shadow:var(--shadow);backdrop-filter:blur(18px);color:#ffd76a}.visa-card b{color:#fff}.stats-panel{position:relative;z-index:5;max-width:1540px;margin:28px auto 0;display:grid;grid-template-columns:repeat(5,1fr);background:linear-gradient(180deg,rgba(15,30,52,.83),rgba(8,16,30,.93));border:1px solid rgba(135,180,255,.28);border-radius:16px;padding:26px 28px;box-shadow:var(--shadow);clear:both}.stat{display:flex;align-items:center;gap:18px;border-right:1px solid rgba(135,180,255,.24);padding:0 22px;min-height:88px}.stat:last-child{border-right:0}.stat i{font-size:42px;color:#0e80ff;text-shadow:0 0 20px rgba(20,124,255,.6);font-style:normal}.stat strong{display:block;font-size:38px}.stat span{display:block;color:#d5e0f3;font-size:14px}.platforms-wrap{padding:70px 48px;background:linear-gradient(180deg,#f7fbff,#edf4ff);color:#071224;display:grid;grid-template-columns:290px 1fr;gap:35px;align-items:center}.section-label span,.center-title span{color:#0d6cff;text-transform:uppercase;letter-spacing:1.3px;font-weight:900;font-size:12px}.section-label h2,.center-title h2{font-size:32px;margin:10px 0 8px;letter-spacing:-.8px}.platform-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:26px}.platform-cards article{background:#fff;border-radius:18px;padding:20px;text-align:center;box-shadow:0 18px 40px rgba(15,45,100,.12);transition:.35s;border:1px solid rgba(25,100,255,.08)}.platform-cards article:hover{transform:translateY(-10px);box-shadow:0 25px 55px rgba(13,92,210,.2)}.platform-cards img{height:120px;width:100%;object-fit:contain}.platform-cards h3{font-size:17px;margin:10px 0;color:#071224}.platform-cards p{font-size:13px;line-height:1.55;color:#46546b}.value-strip{display:grid;grid-template-columns:repeat(5,1fr);padding:26px 48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.value-strip div{display:grid;grid-template-columns:42px 1fr;gap:0 14px;padding:0 24px;border-right:1px solid var(--line)}.value-strip div:last-child{border-right:0}.value-strip i{grid-row:span 2;color:#23c8ff;font-size:28px;font-style:normal}.value-strip b{font-size:16px}.value-strip span{color:var(--muted);font-size:13px}.services-section,.expertise-section,.case-section,.contact-section{padding:86px 48px}.center-title{text-align:center;max-width:850px;margin:0 auto 42px}.center-title p{color:var(--muted);line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1460px;margin:0 auto}.service-grid article,.frame-card,.case-grid article{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(13,30,54,.95),rgba(7,17,31,.95));border:1px solid rgba(88,159,255,.24);border-radius:18px;padding:26px;transition:.35s;box-shadow:0 18px 50px rgba(0,0,0,.18)}.service-grid article:before,.case-grid article:before{content:"";position:absolute;inset:-70% -20% auto;height:130px;background:linear-gradient(90deg,transparent,rgba(54,192,255,.25),transparent);transform:rotate(20deg);transition:.6s}.service-grid article:hover:before,.case-grid article:hover:before{inset:0 -20% auto}.service-grid article:hover,.frame-card:hover,.case-grid article:hover{transform:translateY(-8px);border-color:rgba(60,190,255,.65)}.service-grid i{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(15,111,255,.13);color:#23d0ff;font-size:25px;font-style:normal}.service-grid h3{font-size:20px}.service-grid p,.frame-card p,.case-grid p,.case-grid li{color:var(--muted);line-height:1.6}.strategy-section,.cert-section,.testimonials{padding:84px 48px;background:#f5f9ff;color:#071224}.framework{max-width:1460px;margin:36px auto 0;display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.frame-card{background:#fff;color:#071224;border-color:rgba(20,100,255,.13);box-shadow:0 18px 45px rgba(15,45,100,.1)}.frame-card b{color:#0d6cff;font-size:13px}.frame-card.active{background:linear-gradient(135deg,#071326,#0b4fde);color:#fff}.frame-card.active p{color:#dce8ff}.tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}.tab{border:1px solid rgba(72,160,255,.35);background:rgba(9,22,41,.86);color:#dfeaff;border-radius:999px;padding:12px 22px;font-weight:800;cursor:pointer}.tab.active,.tab:hover{background:linear-gradient(135deg,#0d62ff,#00a6ff)}.tech-panel{display:none;max-width:1200px;margin:0 auto;grid-template-columns:repeat(4,1fr);gap:18px}.tech-panel.active{display:grid}.tech-panel span{padding:20px;border-radius:16px;background:linear-gradient(180deg,rgba(19,43,76,.92),rgba(8,18,34,.94));border:1px solid rgba(86,159,255,.25);text-align:center;font-weight:800;box-shadow:inset 0 0 18px rgba(18,119,255,.08);transition:.3s}.tech-panel span:hover{transform:translateY(-6px);border-color:#37d6ff}.cert-carousel{display:flex;gap:20px;overflow-x:auto;padding:25px 2px 18px;scroll-snap-type:x mandatory}.cert-carousel article{min-width:240px;scroll-snap-align:start;background:#fff;border:1px solid rgba(30,100,200,.13);box-shadow:0 18px 44px rgba(15,55,130,.12);border-radius:18px;text-align:center;padding:20px}.cert-carousel img{height:92px;width:100%;object-fit:contain}.cert-carousel h3{font-size:16px}.cert-carousel p{font-size:13px;color:#56657a}.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1460px;margin:0 auto}.case-icon{width:52px;height:52px;border-radius:16px;background:rgba(19,122,255,.14);color:#26d8ff;display:grid;place-items:center;font-size:24px}.case-grid ul{padding-left:18px}.case-grid span{display:inline-flex;margin-top:12px;padding:9px 12px;border-radius:999px;background:rgba(23,126,255,.15);color:#8edbff;font-weight:800;font-size:12px}.testimonial-grid{max-width:1260px;margin:32px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-grid article{background:#fff;border-radius:20px;padding:30px;box-shadow:0 18px 45px rgba(15,45,100,.13);border:1px solid rgba(20,100,255,.11)}.testimonial-grid p{font-size:18px;line-height:1.7}.testimonial-grid b{color:#0a4ac4}.testimonial-grid div{color:#ffb703;margin-top:18px}.contact-card{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 480px;gap:40px;background:linear-gradient(135deg,rgba(15,37,68,.92),rgba(6,15,28,.95));border:1px solid rgba(95,169,255,.28);border-radius:24px;padding:42px;box-shadow:var(--shadow)}.contact-card h2{font-size:40px}.contact-links{display:grid;gap:12px;margin-top:20px}.contact-links a{color:#89dfff;font-weight:800}form{display:grid;gap:14px}input,textarea{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(130,184,255,.22);border-radius:12px;color:#fff;padding:15px;font:inherit}textarea{min-height:130px}.floating-call{position:fixed;right:-45px;top:54%;z-index:40;transform:rotate(-90deg);background:linear-gradient(135deg,#0b52e7,#0d84ff);padding:14px 22px;border-radius:16px 16px 0 0;font-weight:900;box-shadow:0 0 28px rgba(18,111,255,.5)}.chat-bubble{position:fixed;right:32px;bottom:32px;z-index:40;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#0c73ff;box-shadow:0 0 26px rgba(18,111,255,.58);font-size:30px}footer{display:flex;align-items:center;justify-content:space-between;padding:28px 48px;background:#030913;border-top:1px solid var(--line);color:#aebbd2}footer img{height:54px;width:310px;object-fit:contain;object-position:left}@keyframes pulse{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.06);opacity:1}}@media(max-width:1180px){.site-header{padding:0 22px}.brand{width:260px}.brand img{width:250px}.menu-toggle{display:block;margin-left:auto}nav{display:none;position:absolute;top:82px;left:0;right:0;background:#06101f;padding:24px;flex-direction:column;align-items:flex-start}nav.open{display:flex}.book-top{display:none}.hero-grid{grid-template-columns:1fr}.hero-visual{height:450px}.profile-img{right:50%;transform:translateX(50%)}.visa-card{right:50px}.stats-panel{grid-template-columns:repeat(2,1fr)}.stat{border-right:0;border-bottom:1px solid var(--line)}.platforms-wrap{grid-template-columns:1fr}.platform-cards{grid-template-columns:repeat(2,1fr)}.service-grid,.case-grid{grid-template-columns:repeat(2,1fr)}.framework{grid-template-columns:repeat(2,1fr)}.tech-panel.active{grid-template-columns:repeat(2,1fr)}.contact-card{grid-template-columns:1fr}}@media(max-width:700px){.hero{padding:120px 20px 0}.hero h1{font-size:44px}.hero-tags{font-size:16px}.hero-actions{flex-direction:column}.trusted div{gap:16px}.trusted b{font-size:16px}.hero-visual{height:360px}.profile-img{width:330px}.earth{width:100%;right:-20%;opacity:.55}.stats-panel{grid-template-columns:1fr;padding:20px}.platforms-wrap,.services-section,.expertise-section,.case-section,.contact-section,.strategy-section,.cert-section,.testimonials{padding:56px 20px}.platform-cards,.service-grid,.case-grid,.testimonial-grid{grid-template-columns:1fr}.framework{grid-template-columns:1fr}.value-strip{grid-template-columns:1fr;padding:20px}.value-strip div{border-right:0;border-bottom:1px solid var(--line);padding:14px}.contact-card{padding:24px}.contact-card h2{font-size:30px}.floating-call{display:none}footer{flex-direction:column;gap:14px;text-align:center}.brand{width:230px}.brand img{width:220px}.site-header{height:74px}nav{top:74px}.stats-panel{margin-top:10px}.platform-cards img{height:100px}}

/* V5 professional refinements */
.site-header{height:88px;padding:0 38px;gap:18px}.brand{width:420px;max-width:34vw;overflow:visible}.brand img{width:410px;height:68px;object-fit:contain;object-position:left center}nav{gap:23px}.book-top{padding:13px 19px;margin-left:18px}.hero{min-height:790px;padding-top:142px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 40%,rgba(25,122,255,.18),transparent 24%),radial-gradient(circle at 55% 42%,rgba(75,216,255,.1),transparent 28%);animation:heroGlow 8s ease-in-out infinite alternate;pointer-events:none}.earth{top:82px;right:-2%;width:70%;height:610px;opacity:1;animation:floatEarth 7s ease-in-out infinite alternate}.hero-grid{grid-template-columns:minmax(530px,1fr) 565px;align-items:start}.hero-copy{padding-top:26px}.hero-visual{height:560px;align-self:end}.profile-halo{right:80px;bottom:32px;width:460px;height:460px;background:radial-gradient(circle,rgba(50,177,255,.2),transparent 62%);box-shadow:inset 0 0 50px rgba(33,149,255,.25),0 0 65px rgba(10,109,255,.28)}.profile-img{right:112px;bottom:8px;width:365px;max-height:500px;filter:drop-shadow(0 30px 35px rgba(0,0,0,.52)) drop-shadow(0 0 30px rgba(37,151,255,.32));border-radius:0}.visa-card{right:0;bottom:68px}.trusted{margin-top:28px;margin-bottom:8px}.trusted-logos{display:flex;gap:18px!important;align-items:center;flex-wrap:wrap}.trusted-logos img{height:34px;max-width:112px;object-fit:contain;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);border-radius:10px;padding:5px 10px;filter:grayscale(.35) brightness(1.1);opacity:.88}.stats-panel{margin-top:42px;background:linear-gradient(180deg,rgba(12,26,47,.92),rgba(5,14,27,.98));backdrop-filter:blur(18px)}.stat strong{font-size:40px;line-height:1}.platform-cards article{min-height:235px;display:flex;flex-direction:column;justify-content:center}.platform-cards img{height:92px;padding:0 12px;transition:.35s}.platform-cards article:hover img{transform:scale(1.08)}.section-label h2,.center-title h2{font-family:"Trebuchet MS","Inter","Segoe UI",sans-serif;font-weight:900}.service-grid article{min-height:220px}.expertise-section .center-title{margin-bottom:28px}.tech-panel.active{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));max-width:1260px}.tech-panel span{position:relative;min-height:74px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,rgba(19,44,81,.98),rgba(4,14,29,.98));box-shadow:0 20px 55px rgba(0,0,0,.22),inset 0 0 24px rgba(34,136,255,.1)}.tech-panel span:before{content:"";position:absolute;left:14px;top:14px;width:8px;height:8px;border-radius:50%;background:#24d9ff;box-shadow:0 0 16px #24d9ff}.cert-carousel article{min-width:250px;transition:.35s}.cert-carousel article:hover{transform:translateY(-8px);box-shadow:0 28px 60px rgba(20,93,220,.18)}.cert-carousel img{height:78px;max-width:170px;margin:auto}.case-grid{grid-template-columns:repeat(4,1fr)}.case-grid article{min-height:315px;background:linear-gradient(160deg,rgba(12,29,54,.98),rgba(4,13,27,.98));box-shadow:0 25px 70px rgba(0,0,0,.28),inset 0 0 25px rgba(19,122,255,.08)}.case-icon{box-shadow:0 0 24px rgba(38,216,255,.18)}.testimonials{background:linear-gradient(180deg,#f7fbff,#ecf4ff)}.testimonial-grid article{position:relative;overflow:hidden}.testimonial-grid article:before{content:"“";position:absolute;right:22px;top:-18px;font-size:110px;color:rgba(15,105,255,.08);font-family:serif}.testimonial-grid article:hover{transform:translateY(-7px);transition:.35s;box-shadow:0 28px 60px rgba(20,90,200,.16)}.contact-card{position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;right:-120px;top:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(33,151,255,.28),transparent 65%)}.form-note{color:#9fb2d0;font-size:12px;line-height:1.45}.contact-card form{position:relative;z-index:1}footer img{height:64px;width:410px}.floating-call{right:-42px}.chat-bubble{font-weight:900}
@keyframes floatEarth{from{transform:translateY(0) scale(1)}to{transform:translateY(-16px) scale(1.02)}}
@keyframes heroGlow{from{opacity:.65}to{opacity:1}}
@media(max-width:1360px){.brand{width:350px;max-width:31vw}.brand img{width:340px}.hero-grid{grid-template-columns:1fr 480px}.profile-img{right:70px;width:350px}.profile-halo{right:45px}.visa-card{right:10px}.platform-cards{gap:18px}}
@media(max-width:1180px){.site-header{height:78px}.brand{width:330px;max-width:70vw}.brand img{width:320px;height:62px}.hero{padding-top:120px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-top:0}.profile-img{right:50%;transform:translateX(50%);width:360px}.profile-halo{right:50%;transform:translateX(50%)}.trusted-logos img{height:32px}.stats-panel{margin-top:30px}.case-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.brand{width:275px}.brand img{width:270px;height:54px}.hero{padding-top:105px}.hero h1{letter-spacing:-1.8px}.trusted-logos img{height:30px;max-width:95px}.profile-img{width:285px}.hero-visual{height:330px}.visa-card{right:12px;bottom:18px;padding:14px 16px}.profile-halo{width:310px;height:310px}.platform-cards article{min-height:auto}.tech-panel.active{grid-template-columns:1fr}.case-grid{grid-template-columns:1fr}footer img{width:290px;height:58px}.stat strong{font-size:34px}}

/* V6 focused updates: new transparent portrait, richer technology cards, unchanged visual language */
.profile-img{top:22px;bottom:auto;right:120px;width:375px;max-height:407px;object-fit:contain;object-position:center top;filter:drop-shadow(0 28px 34px rgba(0,0,0,.56)) drop-shadow(0 0 28px rgba(37,151,255,.34));}
.profile-halo{top:20px;bottom:auto;right:82px;width:440px;height:440px;}
.hero-visual{align-self:start;margin-top:0;}
.visa-card{bottom:60px;right:8px;}
.tech-panel span{align-items:flex-start;justify-items:start;text-align:left;padding:22px 22px 20px 24px;min-height:132px;place-items:unset;display:flex;flex-direction:column;justify-content:center;gap:8px;}
.tech-panel span b{font-size:18px;color:#fff;letter-spacing:.1px;line-height:1.2;}
.tech-panel span small{font-size:13px;line-height:1.55;color:#a9b9d3;font-weight:600;}
.tech-panel span:after{content:"";position:absolute;right:16px;top:16px;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,rgba(50,216,255,.15),rgba(16,96,255,.22));border:1px solid rgba(90,185,255,.22);}
.tech-panel span:hover small{color:#dcecff;}
.tech-panel span:hover{box-shadow:0 28px 70px rgba(0,0,0,.32),0 0 32px rgba(20,128,255,.18),inset 0 0 28px rgba(34,136,255,.14);}
@media(max-width:1180px){.profile-img{top:20px;right:50%;transform:translateX(50%);width:345px}.profile-halo{top:10px;right:50%;transform:translateX(50%);width:380px;height:380px}.visa-card{right:28px;bottom:26px}.hero-visual{height:430px}}
@media(max-width:700px){.profile-img{width:270px;top:18px}.profile-halo{width:300px;height:300px;top:10px}.hero-visual{height:315px}.tech-panel span{min-height:118px;padding:20px}.tech-panel span b{font-size:17px}.tech-panel span small{font-size:12.5px}.visa-card{bottom:10px;right:10px}}


/* V7 final publishing polish: larger hero portrait and email action bubble */
@media (min-width:1181px){
  .hero-visual{height:590px;}
  .profile-halo{right:52px;bottom:78px;width:520px;height:520px;}
  .profile-img{width:510px;max-height:620px;right:72px;bottom:78px;object-fit:contain;object-position:center top;}
  .visa-card{right:8px;bottom:118px;}
}
.chat-bubble{font-family:Inter,system-ui,sans-serif;font-size:28px;line-height:1;color:#fff;}
.chat-bubble:hover{transform:translateY(-6px) scale(1.04);transition:.25s;box-shadow:0 0 34px rgba(36,217,255,.72);}
@media(max-width:700px){.profile-img{width:390px;bottom:20px}.profile-halo{width:350px;height:350px;bottom:35px}.chat-bubble{right:22px;bottom:22px;width:58px;height:58px}}


/* V8 Corporate Trainer section */
.trainer-section{padding:92px 48px;position:relative;overflow:hidden;background:radial-gradient(circle at 18% 20%,rgba(24,130,255,.18),transparent 28%),linear-gradient(180deg,#05101f,#020814)}
.trainer-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at center,black,transparent 72%);opacity:.45;pointer-events:none}
.trainer-wrap{position:relative;z-index:1;max-width:1280px;margin:34px auto 0;display:grid;grid-template-columns:420px 1fr;gap:28px;align-items:stretch}
.trainer-hero-card{border:1px solid rgba(90,185,255,.18);border-radius:28px;padding:32px;background:linear-gradient(150deg,rgba(17,43,82,.98),rgba(5,15,30,.98));box-shadow:0 30px 90px rgba(0,0,0,.34),inset 0 0 45px rgba(26,130,255,.12);position:relative;overflow:hidden}
.trainer-hero-card:after{content:"";position:absolute;right:-80px;bottom:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(36,217,255,.23),transparent 64%)}
.trainer-badge{display:inline-flex;padding:10px 16px;border-radius:999px;background:rgba(36,217,255,.12);border:1px solid rgba(36,217,255,.25);color:#bff5ff;font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:22px}
.trainer-hero-card h3{font-size:31px;line-height:1.1;margin:0 0 14px;color:#fff;font-family:"Trebuchet MS","Inter",sans-serif}
.trainer-hero-card p{color:#b4c4dc;line-height:1.75;margin-bottom:22px}
.trainer-metrics{display:grid;grid-template-columns:1fr;gap:12px;margin:22px 0 26px}
.trainer-metrics span{padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.04);display:flex;align-items:center;gap:14px}
.trainer-metrics b{font-size:28px;color:#24d9ff}.trainer-metrics small{color:#c9d6e8;font-weight:700;line-height:1.35}
.training-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.training-grid article{min-height:190px;border-radius:22px;padding:24px;background:linear-gradient(145deg,rgba(16,39,75,.98),rgba(4,13,28,.98));border:1px solid rgba(95,185,255,.16);box-shadow:0 24px 60px rgba(0,0,0,.24),inset 0 0 24px rgba(34,136,255,.09);transition:.35s;position:relative;overflow:hidden}
.training-grid article:before{content:"";position:absolute;right:18px;top:18px;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,rgba(50,216,255,.16),rgba(16,96,255,.24));border:1px solid rgba(90,185,255,.22)}
.training-grid article:hover{transform:translateY(-8px);box-shadow:0 34px 80px rgba(0,0,0,.34),0 0 36px rgba(36,217,255,.13)}
.training-grid i{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#24d9ff,#1265ff);color:white;font-style:normal;font-weight:900;margin-bottom:18px;box-shadow:0 0 28px rgba(36,217,255,.28)}
.training-grid h3{margin:0 0 9px;color:#fff;font-size:19px}.training-grid p{margin:0;color:#aebbd2;line-height:1.55;font-size:14px}
@media(max-width:1180px){.trainer-wrap{grid-template-columns:1fr}.training-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.trainer-section{padding:56px 20px}.training-grid{grid-template-columns:1fr}.trainer-hero-card{padding:24px}.trainer-hero-card h3{font-size:26px}}



#contactForm button:disabled{opacity:.7;cursor:not-allowed}

/* Contact form category dropdown - customizable options are in index.html */
select{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(130,184,255,.22);border-radius:12px;color:#fff;padding:15px;font:inherit;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#32d6ff 50%),linear-gradient(135deg,#32d6ff 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
select:focus,input:focus,textarea:focus{outline:none;border-color:rgba(50,214,255,.72);box-shadow:0 0 0 3px rgba(50,214,255,.10)}
select option{background:#081323;color:#ffffff}


/* v12 contact form refinement: category field exactly matches input/textarea visual system */
.contact-card form input,
.contact-card form select,
.contact-card form textarea{
  width:100%;
  min-height:52px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(130,184,255,.22);
  border-radius:12px;
  color:#fff;
  padding:15px 16px;
  font:inherit;
  font-size:15px;
  line-height:1.35;
  box-shadow:inset 0 0 18px rgba(18,119,255,.04);
}
.contact-card form select{
  height:52px;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  padding-right:46px;
  background-color:rgba(255,255,255,.06);
  background-image:linear-gradient(45deg,transparent 50%,#32d6ff 50%),linear-gradient(135deg,#32d6ff 50%,transparent 50%);
  background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;
  background-size:6px 6px,6px 6px;
  background-repeat:no-repeat;
}
.contact-card form textarea{min-height:130px;resize:vertical;}
.contact-card form select option{background:#081323;color:#ffffff;}
.contact-card form select:invalid{color:#a9b9d3;}
.contact-card form input::placeholder,
.contact-card form textarea::placeholder{color:#a9b9d3;opacity:1;}

/* v13 final contact-form fix: category dropdown now matches all other fields exactly */
.contact-section .contact-card form,
.contact-section .contact-card .contact-form{
  display:grid;
  gap:14px;
}
.contact-section .contact-card form input,
.contact-section .contact-card form select,
.contact-section .contact-card form textarea{
  width:100% !important;
  min-height:58px !important;
  height:58px !important;
  display:block !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(130,184,255,.22) !important;
  border-radius:12px !important;
  color:#ffffff !important;
  padding:0 16px !important;
  font-family:"Inter","Segoe UI",system-ui,-apple-system,sans-serif !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:58px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.contact-section .contact-card form select{
  appearance:none !important;
  -webkit-appearance:none !important;
  cursor:pointer !important;
  background-image:linear-gradient(45deg,transparent 50%,#32d6ff 50%),linear-gradient(135deg,#32d6ff 50%,transparent 50%) !important;
  background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50% !important;
  background-size:6px 6px,6px 6px !important;
  background-repeat:no-repeat !important;
  padding-right:48px !important;
}
.contact-section .contact-card form textarea{
  min-height:138px !important;
  height:138px !important;
  padding:16px !important;
  line-height:1.55 !important;
  resize:vertical !important;
}
.contact-section .contact-card form input::placeholder,
.contact-section .contact-card form textarea::placeholder{color:#a9b9d3 !important;opacity:1 !important;}
.contact-section .contact-card form select:invalid{color:#a9b9d3 !important;}
.contact-section .contact-card form select option{background:#081323 !important;color:#ffffff !important;}
.contact-section .contact-card form input:focus,
.contact-section .contact-card form select:focus,
.contact-section .contact-card form textarea:focus{
  outline:none !important;
  border-color:rgba(50,214,255,.72) !important;
  box-shadow:0 0 0 3px rgba(50,214,255,.10), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
