/*
Theme Name: Taimoor Ather — Cloud & Security
Author: Muhammad Taimoor Ather
Description: A responsive portfolio with project filters, certificate gallery and accessible motion.
Version: 2.6.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: taimoor-portfolio
*/
:root{--bg:#080e1a;--panel:#101a2b;--text:#edf3fc;--muted:#a0aec3;--line:#233047;--accent:#72acff;--cyan:#7ce7e0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.section{padding:112px 0}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2px;color:var(--accent);text-transform:uppercase}.site-header{height:96px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0e;position:relative;z-index:10;background:#080e1af2}.brand{display:flex;align-items:center;gap:16px;font-size:11px;font-weight:700;letter-spacing:1.5px}.brand small{display:block;font-size:8px;color:var(--muted);letter-spacing:2px}.monogram{font-size:36px;font-weight:800;letter-spacing:-3px;line-height:1}.monogram span{color:var(--accent)}nav{display:flex;gap:30px;align-items:center;font-size:13px;color:#c2cbdc}nav a:hover{color:var(--cyan)}.nav-cta{border:1px solid var(--line);padding:10px 18px;border-radius:6px}.menu-toggle{display:none}.hero{min-height:740px;display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center;position:relative;padding-top:65px;padding-bottom:110px}.hero h1{font-size:clamp(42px,4.6vw,68px);line-height:1.12;font-weight:650;letter-spacing:-3px;margin:27px 0}.hero em,h2 em{font-style:normal;color:var(--accent)}.hero-copy>p{font-size:18px;max-width:535px;color:var(--muted);line-height:1.8}.status-dot{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;margin-right:8px;box-shadow:0 0 15px #7ce7e080}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}.button{background:var(--accent);color:#07111f;padding:14px 22px;border:1px solid var(--accent);border-radius:6px;font-size:13px;font-weight:700;display:inline-flex;gap:24px;align-items:center;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px);background:#a3c9ff}.button.ghost{background:transparent;color:var(--text);border-color:#34425a}.button.ghost:hover{background:#ffffff0a}.hero-note{display:flex;gap:20px;font-size:10px;color:var(--muted);margin-top:32px}.hero-note span:before{content:'✓';color:var(--cyan);margin-right:6px}.hero-visual{position:relative;min-width:0}.portrait-frame{position:relative;z-index:1;margin:10px 28px 0 20px;overflow:hidden;border-radius:120px 12px 12px 12px;border:1px solid #6f9ed240;background:#101d30;box-shadow:0 30px 100px #0006}.portrait-frame>img{width:100%;height:500px;object-fit:cover;object-position:center 25%}.portrait-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#071020);padding:80px 26px 25px}.portrait-caption>span{font-size:11px;letter-spacing:2px}.portrait-caption small{display:block;color:#adbed6;font-size:11px}.orbit{position:absolute;border:1px solid #4475af40;border-radius:50%;width:480px;height:480px;top:30px;left:-15px}.orbit-one{transform:rotate(-25deg);height:390px;animation:orbit 24s linear infinite}.orbit-two{transform:rotate(50deg);width:420px;height:560px;top:-10px;left:10px}.floating{position:absolute;z-index:2;background:#132138eb;backdrop-filter:blur(16px);border:1px solid #44638a66;display:flex;align-items:center;gap:12px;padding:13px 17px;border-radius:9px;font-size:9px;letter-spacing:1px;box-shadow:0 15px 40px #0005;animation:float 7s ease-in-out infinite}.floating>span{font-size:25px;color:var(--cyan)}.floating small{display:block;font-size:9px;color:#a9bad1;letter-spacing:0}.float-top{right:0;top:55px}.float-bottom{left:-15px;bottom:80px;animation-delay:-3s}.scroll-note{position:absolute;bottom:35px;font-size:9px;letter-spacing:2px;color:var(--muted);display:flex;gap:35px}.tech-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0c1422}.tech-strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:28px;padding-bottom:28px;flex-wrap:wrap}.tech-strip span{font-size:8px;letter-spacing:1.4px;color:var(--muted);width:130px}.tech-strip b{font-size:17px;font-weight:550;color:#c4cede}h2{font-size:clamp(32px,3.6vw,48px);line-height:1.2;letter-spacing:-1.8px;font-weight:600;margin:20px 0 24px}h3{font-size:21px;line-height:1.35;letter-spacing:-.5px;font-weight:600}p{color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px}.large-copy{font-size:23px;line-height:1.5;color:var(--text);margin-top:0}.mini-stats{display:flex;gap:40px;border-top:1px solid var(--line);margin-top:30px;padding-top:26px}.mini-stats>div{flex:1}.mini-stats strong{display:block;font-size:36px;color:var(--text);font-weight:550}.mini-stats span{font-size:11px;color:var(--muted);display:block;max-width:185px}.expertise,.journey{background:#0c1422;border-block:1px solid #ffffff08}.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:38px}.section-head>p{max-width:330px;font-size:14px;margin-bottom:26px}.expert-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}.expert{position:relative;padding:35px 25px;background:linear-gradient(140deg,#15243b55,transparent);border-right:1px solid var(--line)}.expert:last-child{border:0}.expert-number{position:absolute;right:22px;top:25px;color:#53627c;font-size:10px}.expert-icon{font-size:34px;color:var(--accent)}.expert p{font-size:13px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:25px}.tags span{font-size:9px;padding:5px 8px;background:#ffffff05;border:1px solid #ffffff0b;border-radius:4px;color:#b9c7dc}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.filters button{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:30px;padding:8px 17px;font-size:12px}.filters button[aria-pressed=true]{background:#72acff18;color:var(--accent);border-color:#72acff80}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.project{border:1px solid var(--line);background:#0e1726;border-radius:10px;overflow:hidden;transition:transform .3s,border-color .3s}.project:hover{transform:translateY(-5px);border-color:#72acff70}.project-art{height:175px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 60% 30%,#27548b88,transparent 65%),#101e32;display:flex;align-items:center;justify-content:center}.project-art:before,.project-art:after{content:'';position:absolute;inset:25px 65px;border:1px solid #72acff33;border-radius:15px;transform:rotate(-20deg)}.project-art:after{inset:40px 40px;transform:rotate(20deg)}.art-symbol{font-size:70px;color:#88baff;text-shadow:0 0 40px #4698ff80;transition:transform .5s}.project:hover .art-symbol{transform:scale(1.13)}.project-art b{position:absolute;bottom:13px;left:20px;font-size:8px;letter-spacing:3px;color:#9bb9e4}.art-1{background:radial-gradient(ellipse at 60% 30%,#236e7488,transparent 65%),#10232b}.art-2{background:radial-gradient(ellipse at 60% 30%,#63458488,transparent 65%),#1a172c}.art-3{background:radial-gradient(ellipse at 60% 30%,#4a5f8b88,transparent 65%),#121e30}.project-body{padding:24px}.project .eyebrow{font-size:9px;letter-spacing:1.5px}.project h3{margin:12px 0}.project p{font-size:13px}.project details{border-top:1px solid var(--line);padding-top:14px;margin-top:22px}.project summary{cursor:pointer;font-size:12px;color:var(--accent);list-style:none;display:flex;justify-content:space-between}.project summary::-webkit-details-marker{display:none}.journey-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.journey-grid>div>p{max-width:330px}.timeline{border-left:1px solid #365276;padding-left:34px}.timeline article{position:relative;padding:0 0 35px}.timeline article:last-child{padding-bottom:0}.timeline article:before{content:'';position:absolute;left:-40px;top:7px;width:10px;height:10px;background:var(--accent);border:3px solid #0c1422;border-radius:50%;box-shadow:0 0 0 1px #5b85b8}.timeline article>span{font-size:10px;letter-spacing:1.5px;color:var(--accent)}.timeline h3{margin:10px 0 4px}.timeline h4{font-size:13px;color:#c1cde0;font-weight:400;margin:0}.timeline p{font-size:13px}.featured-cert{display:flex;gap:25px;align-items:center;padding:28px;background:linear-gradient(110deg,#19345a66,#111a2b);border:1px solid #3f6596;border-radius:9px}.cert-seal{font-size:42px;color:var(--accent);border:1px solid #5278a6;border-radius:50%;width:85px;height:85px;display:grid;place-items:center;flex-shrink:0}.featured-cert h3{margin:8px 0}.featured-cert p{font-size:12px;margin:0}.text-link{font-size:12px;color:var(--accent)}.featured-cert>.text-link{margin-left:auto;white-space:nowrap}.certificate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.credential{display:block;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#101929;transition:border-color .3s}.credential:hover{border-color:var(--accent)}.credential>img{width:100%;height:165px;object-fit:contain;background:#e7ecf2;padding:12px}.credential>div{padding:22px}.credential h3{font-size:15px;margin:8px 0 15px}.credential .eyebrow{font-size:9px}.contact-panel{background:radial-gradient(ellipse at 90% 70%,#1e4d7b66,transparent 60%),#111e32;border:1px solid #314764;border-radius:14px;padding:60px;display:grid;grid-template-columns:1.7fr 1fr;gap:30px;overflow:hidden}.contact-panel p{max-width:510px;font-size:14px}.contact-email{font-size:clamp(15px,2vw,24px);letter-spacing:-.5px;color:var(--text);overflow-wrap:anywhere}.contact-art{position:relative;display:flex;align-items:center;justify-content:center}.contact-art>span{font-size:30px;line-height:1.3;font-weight:650;letter-spacing:-1px;z-index:1}.contact-art em{font-style:normal;color:var(--accent)}.contact-art>div{position:absolute;width:280px;height:280px;border:1px solid #72acff40;border-radius:50%;box-shadow:0 0 0 35px #72acff06,0 0 0 70px #72acff04;animation:float 10s ease-in-out infinite}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:30px;padding-bottom:30px;font-size:10px;color:var(--muted)}.reading-progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--cyan);z-index:100}.skip{position:absolute;top:-100px;left:15px;background:var(--accent);color:#000;z-index:101;padding:10px}.skip:focus{top:10px}.js-motion .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-12px)}}@keyframes orbit{to{transform:rotate(335deg)}}
@media(min-width:1500px){.hero{min-height:800px}}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.site-header{padding:0 24px}nav{gap:18px}.hero{gap:20px}.hero h1{font-size:48px}.portrait-frame>img{height:450px}.hero-note{gap:10px;flex-wrap:wrap}.orbit{max-width:100%}.expert-grid{grid-template-columns:repeat(2,1fr)}.expert:nth-child(2){border-right:0}.expert:nth-child(-n+2){border-bottom:1px solid var(--line)}.project-grid{grid-template-columns:repeat(2,1fr)}.about,.journey-grid{gap:45px}.featured-cert{flex-wrap:wrap}.featured-cert>.text-link{margin-left:110px}.contact-panel{padding:40px}.contact-art>div{width:200px;height:200px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.section{padding:70px 0}.site-header{height:76px;padding:0 18px}.brand{gap:10px;font-size:9px}.monogram{font-size:31px}.menu-toggle{display:block;background:transparent;color:var(--text);border:1px solid var(--line);padding:7px 11px;border-radius:5px;font-size:12px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#0e1828;padding:24px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{display:flex;flex-direction:column;align-items:stretch;padding:45px 0 80px;gap:35px}.hero h1{font-size:44px;letter-spacing:-2px}.hero .eyebrow{font-size:9px;letter-spacing:1.2px}.hero-copy>p{font-size:16px}.hero-visual{width:min(430px,100%);margin:auto}.portrait-frame{margin:10px 25px}.portrait-frame>img{height:450px}.floating{padding:10px 12px}.float-bottom{left:0}.orbit{width:95%;left:0}.scroll-note{bottom:20px}.tech-strip>.wrap{justify-content:center;gap:20px}.tech-strip span{width:100%;text-align:center}.tech-strip b{font-size:14px}.about,.journey-grid{grid-template-columns:1fr;gap:25px}.section-head{display:block;margin-bottom:25px}.section-head>p{max-width:100%}.expert-grid{grid-template-columns:1fr}.expert{border-right:0;border-bottom:1px solid var(--line)}.expert:nth-child(3){border-bottom:1px solid var(--line)}.project-grid,.certificate-grid{grid-template-columns:1fr}.project-art{height:180px}.certificate-grid{grid-template-columns:repeat(2,1fr);gap:12px}.credential>img{height:110px;padding:7px}.credential>div{padding:14px}.credential h3{font-size:13px}.credential .eyebrow{font-size:8px;letter-spacing:1px}.featured-cert{gap:15px;padding:20px}.cert-seal{width:55px;height:55px;font-size:28px}.featured-cert>div{flex:1}.featured-cert h3{font-size:17px}.featured-cert>.text-link{margin-left:70px}.contact-panel{padding:28px;display:block}.contact-panel h2{font-size:32px}.contact-art{display:none}.contact-panel .actions{align-items:stretch;flex-direction:column}.contact-panel .button{justify-content:space-between}footer{flex-wrap:wrap;justify-content:center;text-align:center}footer .monogram{width:100%}.mini-stats{gap:25px}.mini-stats strong{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

/* Compact issuer logos replace certificate previews. */
.credential{display:flex;align-items:flex-start;gap:18px;padding:26px}.credential>div:not(.issuer-logo){padding:0;flex:1;min-width:0}.issuer-logo{width:80px;height:70px;flex:0 0 80px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:9px;padding:10px}.issuer-logo img{max-width:100%;max-height:50px;object-fit:contain;width:auto;height:auto}.issuer-logo img[src$="microsoft.svg"]{width:38px;height:38px}.credential h3{min-height:40px}.certificate-grid{grid-template-columns:repeat(2,1fr)}@media(max-width:700px){.certificate-grid{grid-template-columns:1fr}.credential{padding:22px;gap:18px}.issuer-logo{width:70px;flex-basis:70px;height:65px}.credential h3{font-size:15px;min-height:0}}

/* Reference-inspired compact credential badge wall. */
.badge-section{background:#fff;color:#10213a}.badge-heading h2{font-size:34px;letter-spacing:-1px;color:#101820;margin:0 0 10px}.badge-heading p{font-size:13px;color:#58687e;margin:0}.badge-section .filters{margin:25px 0 30px}.badge-section .filters button{color:#4a5d77;border-color:#d6e4f5}.badge-section .filters button[aria-pressed=true]{background:#eaf3ff;color:#1767c8;border-color:#3e97ff}.badge-section .certificate-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.badge-section .credential{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:17px 12px 15px;min-height:196px;background:#f7fbff;border:1px solid #388fff;border-radius:10px;box-shadow:4px 5px 9px #1768b515;transition:transform .25s,box-shadow .25s}.badge-section .credential:hover{transform:translateY(-5px);box-shadow:4px 10px 20px #1768b52a}.badge-art{height:105px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.badge-art img{max-width:112px;max-height:100px;width:auto;height:auto;object-fit:contain}.badge-art img[src*="microsoft-"]{width:100px;height:100px;image-rendering:auto}.badge-section .credential h3{min-height:0;font-size:11px;line-height:1.4;font-weight:650;text-align:center;letter-spacing:0;margin:0;color:#142a46}.badge-provider{font-size:9px;color:#60738c;text-align:center;margin-top:7px}.badge-section .credential>div{padding:0;flex:none}.badge-section .credential:focus-visible{outline-color:#1767c8}@media(max-width:1100px){.badge-section .certificate-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}@media(max-width:700px){.badge-section .certificate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.badge-section .credential{padding:12px 8px;min-height:180px}.badge-art{height:85px}.badge-art img{max-width:85px;max-height:80px}.badge-art img[src*="microsoft-"]{width:80px;height:80px}.badge-section .credential h3{font-size:10px}}@media(max-width:430px){.badge-section .certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
/* Cursor-responsive depth and highlights. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.pointer-motion .motion-surface{position:relative;isolation:isolate;--tilt-x:0deg;--tilt-y:0deg;--pointer-x:50%;--pointer-y:50%;transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .25s ease-out,box-shadow .3s,border-color .3s}
.pointer-motion .motion-surface.pointer-active{transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-5px);border-color:#7eb8ff;box-shadow:0 16px 35px #0003}
.motion-surface:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:radial-gradient(230px circle at var(--pointer-x) var(--pointer-y),#93caff24,transparent 75%);opacity:0;transition:opacity .3s}
.motion-surface.pointer-active:after{opacity:1}
.expert.motion-surface:after{inset:0;transform:none;border:none}
.badge-section .badge-tile.pointer-active{box-shadow:0 15px 28px #1768b52e}
.badge-tile .badge-art img{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.badge-tile.pointer-active .badge-art img{transform:translateY(-4px) scale(1.08)}
.project.pointer-active .art-symbol{transform:translateY(-5px) scale(1.15) rotate(-5deg)}
.expert-icon{display:inline-block;transition:transform .35s}
.expert.pointer-active .expert-icon{transform:translateY(-4px) rotate(-8deg) scale(1.12)}
.pointer-motion .button{position:relative;overflow:hidden;transition:transform .2s ease-out,box-shadow .25s,background .25s}
.pointer-motion .button.magnetic-active{transform:translate(var(--button-x,0px),var(--button-y,0px)) translateY(-2px);box-shadow:0 8px 25px #72acff30}
.button:after{content:'';position:absolute;inset:-50% auto -50% -80%;width:45%;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:skewX(-20deg);pointer-events:none}
.button:hover:after{animation:button-sheen .7s ease-out}
nav a{position:relative}nav a:not(.nav-cta):after{content:'';position:absolute;left:0;bottom:-5px;height:1px;width:100%;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a:hover:after,nav a:focus-visible:after{transform:scaleX(1)}
}
@keyframes button-sheen{to{left:140%}}
@media(prefers-reduced-motion:reduce){.motion-surface,.button.magnetic-active{transform:none!important}.motion-surface:after,.button:after{display:none!important}}
/* A browser-inspired globe replaces the pointer only after successful input. */
.browser-cursor{display:none}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
html.custom-cursor-ready:not(.custom-cursor-native),html.custom-cursor-ready:not(.custom-cursor-native) *{cursor:none!important}
.browser-cursor{display:block;position:fixed;left:0;top:0;width:36px;height:36px;transform:translate(-50%,-50%);z-index:2147483647;pointer-events:none!important;opacity:0;transition:opacity .15s;filter:drop-shadow(0 1px 2px #07101de0)}
.browser-cursor.is-visible{opacity:1}.browser-cursor.is-native{opacity:0}
.browser-cursor svg{width:100%;height:100%;overflow:visible;fill:#0e2342d9;stroke:#85c8ff;stroke-width:1.15;transition:transform .2s,stroke .2s;transform-origin:center}
.cursor-globe{transform-origin:20px 20px;animation:cursor-world 5s ease-in-out infinite}
.cursor-globe ellipse,.cursor-globe path{fill:none}
.cursor-orbit{fill:none;stroke:#69e9dfaa;stroke-dasharray:4 5;transform-origin:20px 20px;animation:cursor-spin 12s linear infinite}
.cursor-satellite{fill:#7ce7e0;stroke:none;transform-origin:20px 20px;animation:cursor-spin 4s linear infinite}
.browser-cursor.is-link svg{transform:scale(1.3);stroke:#7ce7e0}.browser-cursor.is-link .cursor-orbit{stroke:#b6d9ff}
.cursor-click-wave{position:absolute;inset:3px;border:1px solid #7ce7e0;border-radius:50%;opacity:0}
.browser-cursor.is-clicked .cursor-click-wave{animation:cursor-pulse .55s ease-out}
}
@keyframes cursor-spin{to{transform:rotate(360deg)}}
@keyframes cursor-world{50%{transform:rotate(-14deg) scaleX(.86)}}
@keyframes cursor-pulse{0%{opacity:.9;transform:scale(.5)}100%{opacity:0;transform:scale(2)}}
@media(prefers-reduced-motion:reduce){.browser-cursor{display:none!important}html.custom-cursor-ready,html.custom-cursor-ready *{cursor:revert!important}}
/* v2: technology slideshow, editorial expertise imagery and delivery details. */
.technology-showcase{padding:28px 0 34px;background:#0c1422;border-block:1px solid var(--line)}.technology-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.slideshow-controls{display:flex;gap:8px}.slideshow-controls button{border:1px solid #334862;border-radius:5px;background:#111e31;color:#bdd7fb;min-width:35px;padding:5px 10px;font-size:11px}.slideshow-controls button:hover{background:#263f60}.tech-window{overflow:hidden}.tech-track{display:flex;gap:20px;transition:transform .65s cubic-bezier(.22,.7,.2,1)}.tech-slide{flex:0 0 calc((100% - 60px)/4);min-width:0;display:flex;align-items:center;justify-content:center;gap:18px;background:#132139;border:1px solid #2c405e;border-radius:9px;padding:22px 15px}.tech-slide img{width:42px;height:42px;object-fit:contain}.tech-slide img[src$="vmware.svg"],.tech-slide img[src$="aws.svg"]{filter:brightness(0) invert(1)}.tech-slide img[src$="azure.svg"]{filter:invert(55%) sepia(80%) saturate(1200%) hue-rotate(170deg)}.tech-slide img[src$="cloudflare.svg"]{filter:invert(64%) sepia(90%) saturate(1700%) hue-rotate(355deg)}.tech-slide img[src$="trendmicro.svg"]{filter:invert(30%) sepia(95%) saturate(3000%) hue-rotate(335deg)}.tech-slide strong{font-size:15px;font-weight:550;white-space:nowrap}.expert-grid{gap:20px;border:0;border-radius:0;overflow:visible}.expert{padding:0 0 28px;border:1px solid var(--line)!important;border-radius:10px;overflow:hidden;background:#111d30}.expert-image{width:100%;height:165px;object-fit:cover;border-bottom:1px solid var(--line);transition:transform .5s}.expert h3,.expert p,.expert .tags{margin-left:22px;margin-right:22px}.expert h3{margin-top:24px}.expert-number{z-index:3;top:15px;right:15px;color:#fff;background:#091426a8;padding:4px 9px;border-radius:4px}.expert.pointer-active .expert-image{transform:scale(1.025)}.delivery-content{padding:8px 0 0;animation:delivery-in .25s ease-out}.delivery-content h4{font-size:14px;line-height:1.5;margin:15px 0;color:#e4eeff}.delivery-content dl{margin:0}.delivery-content dt{font-size:11px;letter-spacing:.5px;font-weight:650;color:var(--accent);margin-top:16px}.delivery-content dd{font-size:12px;line-height:1.8;margin:5px 0 0;color:#afbdd1}.delivery-details[open] summary span{transform:rotate(90deg)}.delivery-details summary span{transition:transform .2s}.current-role{padding:32px;border:1px solid #344c6d;border-radius:12px;background:linear-gradient(135deg,#152a46,#0d182a)}.employer-heading{display:flex;align-items:center;gap:24px}.employer-logo{width:105px;height:105px;object-fit:contain;background:#fff;border-radius:10px;padding:10px}.employer-heading h3{margin:10px 0 4px;font-size:25px}.employer-heading h4{margin:0;font-weight:450;color:#b4c5dd;font-size:14px}.role-deliveries{padding-left:18px;margin:24px 0 0;color:#b6c5d9;font-size:13px}.role-deliveries li{margin:12px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes delivery-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@media(max-width:1050px){.tech-slide{flex-basis:calc((100% - 40px)/3)}.expert-image{height:190px}}@media(max-width:700px){.tech-slide{flex-basis:calc((100% - 20px)/2);flex-direction:column;gap:12px;padding:20px 10px}.tech-slide strong{font-size:13px}.technology-heading .eyebrow{font-size:9px;letter-spacing:1px}.expert-image{height:210px}.current-role{padding:24px}.employer-heading{gap:16px}.employer-logo{width:75px;height:75px}.employer-heading h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.tech-track{transition:none}.delivery-content{animation:none}.expert-image{transition:none}}

.phone-contact{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.whatsapp-link{display:inline-flex;gap:8px;align-items:center;color:#74e7a2;font-size:12px;padding:9px 12px;background:#25d36613;border:1px solid #25d36650;border-radius:6px;transition:background .2s,transform .2s}.whatsapp-link img{width:23px;height:23px;filter:invert(74%) sepia(47%) saturate(699%) hue-rotate(90deg)}.whatsapp-link:hover{background:#25d36629;transform:translateY(-2px)}@media(max-width:700px){.brand>span:last-child{font-size:8px;letter-spacing:1px}.phone-contact{justify-content:flex-start}}

/* v2.2 white logo slideshow; no visible controls. */
.technology-showcase{background:#fff;border-color:#e4ecf5}.technology-heading .eyebrow{color:#356cae}.tech-window{overflow:hidden}.tech-track{width:max-content;gap:20px;transition:none;transform:none}.tech-slide{flex:0 0 235px;width:235px;background:#f7faff;border-color:#d8e5f5;color:#172c48;padding:22px 20px}.tech-slide img[src$="aws.svg"],.tech-slide img[src$="vmware.svg"]{filter:none}.technology-showcase.auto-slide .tech-track{animation:technology-flow 27s linear infinite}.technology-showcase:hover .tech-track,.technology-showcase:focus-within .tech-track{animation-play-state:paused}.badge-art img[src*="microsoft-"]{width:100px;height:100px;object-fit:contain}.slideshow-controls{display:none}@keyframes technology-flow{to{transform:translateX(calc(-50% - 10px))}}@media(max-width:700px){.tech-slide{flex:0 0 185px;width:185px;flex-direction:row}.tech-slide strong{font-size:12px}}@media(prefers-reduced-motion:reduce){.technology-showcase.auto-slide .tech-track{animation:none}.tech-window{overflow-x:auto}.tech-track>[aria-hidden="true"]{display:none}}
/* v2.3 understated identity, interactive hero and visitor connection dashboard. */
.brand>span:last-child{font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:500;letter-spacing:0;line-height:1.4}.brand small{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:9px;letter-spacing:1.5px;margin-top:3px}.brand .monogram{font-family:Arial,Helvetica,sans-serif;font-size:37px;letter-spacing:-3px;font-weight:700}.hero{isolation:isolate}.hero-network{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.75}.hero-copy,.hero-visual{position:relative}.visitor-dashboard{display:grid;grid-template-columns:1fr 1.15fr;border:1px solid #2c4669;border-radius:15px;overflow:hidden;background:#101c2f}.visitor-info{padding:36px}.connection-label{font-size:10px;letter-spacing:2px;color:#7ce7e0}.visitor-info h3{font-size:27px;line-height:1.35;margin:18px 0 24px}.connection-data{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.connection-data>div{padding:14px 0;border-top:1px solid #2a3b55;min-width:0}.connection-data dt{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#91a8c5}.connection-data dd{margin:8px 0 0;color:#e3edfc;font-size:14px;overflow-wrap:anywhere}.connection-data [data-visitor-ip]{font-family:ui-monospace,Consolas,monospace;color:#8ec7ff}.visitor-status{font-size:12px;color:#83c9bd}.visitor-note,.visitor-attribution{font-size:10px;line-height:1.8;color:#9db0ca}.visitor-attribution a{color:#8cbbff;text-decoration:underline}.visitor-map{position:relative;min-height:510px;background:radial-gradient(ellipse at center,#173e62,#0a172b);overflow:hidden}.visitor-map:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#68a8d50c 1px,transparent 1px),linear-gradient(90deg,#68a8d50c 1px,transparent 1px);background-size:35px 35px;pointer-events:none}.visitor-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#e9f1f5}.map-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.map-placeholder strong{font-size:38px;line-height:1.3;z-index:1;font-weight:550}.map-placeholder small{display:block;font-size:17px;color:#92bce9;font-weight:400}.map-placeholder p{font-size:12px;z-index:1}.map-orbit{position:absolute;width:270px;height:270px;border:1px solid #6bb8ef40;border-radius:50%;box-shadow:0 0 0 35px #7cbcff05,0 0 0 70px #7cbcff04}.map-caption{position:absolute;bottom:22px;left:22px;right:22px;background:#0b1c30ed;color:#e8f2ff;padding:12px 18px;display:flex;align-items:center;gap:10px;border-radius:7px;border:1px solid #6e9bd566;font-size:12px;pointer-events:none}.map-pulse{width:8px;height:8px;background:#79e8ce;border-radius:50%;box-shadow:0 0 0 5px #79e8ce20}.visitor-retry{padding:8px 15px;border:1px solid #658bb8;border-radius:5px;background:#162d4b;color:#d9ebff;font-size:12px}@media(max-width:1050px){.visitor-dashboard{grid-template-columns:1fr 1fr}.visitor-info{padding:26px}.connection-data{grid-template-columns:1fr;gap:0}.visitor-map{min-height:560px}}@media(max-width:700px){.brand>span:last-child{font-size:12px;letter-spacing:0}.brand small{font-size:8px;letter-spacing:1px}.visitor-dashboard{grid-template-columns:1fr}.visitor-info{padding:26px}.connection-data{grid-template-columns:1fr 1fr;gap:15px}.visitor-map{min-height:350px}.visitor-info h3{font-size:24px}.map-caption{bottom:35px}.hero-network{opacity:.45}}

/* v2.4: full-width map with refined connection cards. */
.visitor-dashboard{display:flex;flex-direction:column;background:#f4f7fb;border:1px solid #344c6a;border-radius:18px;box-shadow:0 30px 70px #0003;font-family:Arial,Helvetica,sans-serif}.visitor-topbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 34px;background:#102037;color:#f2f6ff}.visitor-topbar .connection-label{font-size:9px;letter-spacing:2px;color:#88b9f2}.visitor-topbar h3{margin:8px 0 0;font-size:27px;font-weight:400;letter-spacing:-.6px}.visitor-live{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.4px;color:#c4d4e9;border:1px solid #48607e;padding:9px 13px;border-radius:30px;white-space:nowrap}.visitor-live>span{width:6px;height:6px;border-radius:50%;background:#84d8cb}.visitor-map{min-height:0;height:390px;background:radial-gradient(ellipse at 50% 50%,#214a70,#102137);border-bottom:1px solid #d7e2ee}.map-placeholder{gap:0}.map-placeholder strong{font-family:Arial,Helvetica,sans-serif;font-size:29px;letter-spacing:-.5px;font-weight:400;margin-top:10px;color:#edf4ff}.map-placeholder p{font-size:12px;max-width:340px;color:#b5cbe6}.map-grid-globe{width:155px;height:155px;position:relative}.map-grid-globe svg{width:100%;height:100%;fill:none;stroke:#88b8ee;stroke-width:1;opacity:.8}.map-grid-globe>span{position:absolute;right:25px;top:38px;width:10px;height:10px;border-radius:50%;background:#89e7d3;box-shadow:0 0 0 8px #89e7d31a,0 0 22px #89e7d366}.visitor-info{padding:25px 32px 20px}.connection-data{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.connection-data>div{background:#fff;border:1px solid #dce5f0;border-radius:9px;padding:18px 16px;min-height:96px;min-width:0}.connection-data dt{font-size:10px;font-weight:400;letter-spacing:.7px;color:#61748a}.connection-data dt>span{font-size:16px;color:#4184c7;display:inline-block;width:22px;vertical-align:middle}.connection-data dd{font-size:15px;font-weight:500;line-height:1.5;color:#16324e;margin:10px 0 0}.connection-data [data-visitor-ip]{color:#1865aa;font-size:15px}.visitor-action-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.visitor-status{color:#4b647a;font-size:12px;margin:0;line-height:1.6}.visitor-retry{background:#1766ae;border:1px solid #1766ae;color:#fff;padding:11px 18px;border-radius:6px;white-space:nowrap;font-size:12px;box-shadow:0 4px 12px #1766ae1a}.visitor-retry:hover{background:#105189}.visitor-retry>span{margin-left:16px}.visitor-privacy{margin-top:18px;border-top:1px solid #dbe4ed;padding-top:12px}.visitor-privacy summary{font-size:11px;color:#47617b;cursor:pointer}.visitor-note,.visitor-attribution{color:#566d83;font-size:11px}.visitor-attribution a{color:#1766ae}.visitor-disclosure{font-size:10px;color:#64778b;margin:10px 0 0}.map-caption{left:24px;right:auto;bottom:32px;min-width:270px;max-width:calc(100% - 48px);padding:14px 17px;background:#10233bef;box-shadow:0 8px 25px #0003;gap:13px}.map-caption>div{display:flex;flex-direction:column;gap:4px}.map-caption small{font-size:8px;letter-spacing:1.5px;color:#a7c3e6}.map-caption [data-map-label]{font-size:13px;line-height:1.5}.map-estimate{font-size:8px;letter-spacing:1px;padding:5px 7px;border:1px solid #668db64d;border-radius:4px;margin-left:15px;color:#a7c7e7}.is-looking-up .map-grid-globe>span{animation:map-wait 1.2s ease-in-out infinite}@keyframes map-wait{50%{opacity:.4;transform:scale(.7)}}@media(max-width:1050px){.visitor-map{height:380px;min-height:0}.connection-data{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.connection-data>div{padding:17px}.visitor-info{padding:24px}}@media(max-width:700px){.visitor-topbar{padding:23px;align-items:flex-start}.visitor-topbar h3{font-size:22px;line-height:1.3}.visitor-live{font-size:0;border:0;padding:6px 0}.visitor-live>span{width:8px;height:8px}.visitor-map{height:310px;min-height:0}.visitor-info{padding:18px}.connection-data{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.connection-data>div{padding:14px 12px;min-height:95px}.connection-data dd,.connection-data [data-visitor-ip]{font-size:13px}.visitor-action-row{align-items:flex-start;flex-direction:column;gap:14px}.visitor-retry{width:100%;display:flex;justify-content:space-between}.map-caption{left:14px;bottom:33px;min-width:0;max-width:calc(100% - 28px);padding:11px 13px}.map-estimate{display:none}.map-placeholder strong{font-size:24px}.visitor-privacy{margin-top:16px}}
/* Browser-local cloud infrastructure playground. */
.lab-shell{border:1px solid #345073;border-radius:15px;background:#0d192b;overflow:hidden}.lab-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 23px;border-bottom:1px solid #283b56;background:#132138}.lab-simulation{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.6px;color:#b8cce5}.lab-simulation>span{width:6px;height:6px;border-radius:50%;background:#7ce7e0}.lab-toolbar-actions,.inspector-actions{display:flex;gap:7px;flex-wrap:wrap}.cloud-lab button{font-family:inherit;font-size:11px;padding:8px 12px;color:#bfd8fa;border:1px solid #3b5578;background:#192c48;border-radius:5px;transition:background .2s,border-color .2s}.cloud-lab button:hover{background:#254469;border-color:#7cb3f9}.cloud-lab button:disabled{opacity:.35;cursor:default}.lab-board{position:relative;padding:25px 23px 20px;background-image:radial-gradient(#6498cb20 1px,transparent 1px);background-size:19px 19px;isolation:isolate}.lab-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:visible}.cloud-core{width:290px;margin:0 auto 58px;display:flex;align-items:center;gap:15px;justify-content:center;border:1px solid #75b4f280;background:linear-gradient(130deg,#1c3d63,#132239);padding:17px;border-radius:14px;box-shadow:0 0 35px #65b0ff12}.cloud-core svg{width:55px;height:40px;fill:#8ac9ff;filter:drop-shadow(0 0 12px #65aaff55)}.cloud-core strong{font-size:18px;display:block;font-weight:550}.cloud-core span{font-size:10px;color:#9fb8d7}.lab-zone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.lab-zone{border:1px solid #3b5c85;border-radius:10px;padding:17px;background:#11223ae8;min-height:280px;transition:border-color .2s,background .2s}.lab-zone.drag-over{border:2px solid #7ce7e0;padding:16px;background:#17424e}.detached-zone{background:#111c2de8;border-color:#34445c;border-style:dashed}.private-zone{background:#14263be8;border-color:#44736e}.zone-heading{display:flex;align-items:center;gap:9px;margin-bottom:17px;position:relative}.zone-heading h3{font-size:14px;font-weight:550;margin:0}.zone-heading p{font-size:9px;margin:2px 0;color:#91a8c5}.zone-dot{width:8px;height:8px;border:2px solid #79b9ff;border-radius:50%}.private-zone .zone-dot{border-color:#7ce7ce}.detached-zone .zone-dot{border-color:#6f7f98}.zone-count{margin-left:auto;font-size:10px;color:#a9c7ea;background:#203854;border-radius:4px;padding:3px 7px}.vm-list{display:flex;flex-direction:column;gap:10px;min-height:140px}.cloud-lab .vm-tile{width:100%;text-align:left;display:flex;align-items:center;gap:12px;border:1px solid #3b5575;background:linear-gradient(100deg,#213650,#192b44);border-radius:7px;padding:13px 11px;color:#e8f1ff;position:relative;user-select:none;cursor:grab!important}.cloud-lab .vm-tile:active{cursor:grabbing!important}.cloud-lab .vm-tile.selected{outline:2px solid #7cb9ff;outline-offset:2px}.cloud-lab .vm-tile.dragging{opacity:.35}.vm-glyph{width:30px;height:35px;flex:0 0 30px;fill:none;stroke:#83b9f7;stroke-width:1.5}.vm-tile strong{display:block;font-size:12px;font-weight:600;letter-spacing:0}.vm-tile small{display:block;font-size:9px;color:#a4bad5;margin-top:3px}.vm-led{width:6px;height:6px;background:#7ce7bd;border-radius:50%;margin-left:auto;box-shadow:0 0 8px #7ce7bd33}.detached-zone .vm-led{background:#7b8ba3;box-shadow:none}.zone-drop-label{display:block;text-align:center;color:#819ab8;font-size:9px;margin-top:17px}.lab-bottom{padding:22px 25px;background:#111f33;border-top:1px solid #283d5b}.lab-resources{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:35px;margin-bottom:25px}.lab-resources>div>span,.vm-inspector>div>span{display:block;font-size:8px;letter-spacing:1.4px;color:#91acca}.lab-resources strong{font-size:24px;line-height:1.5;font-weight:450;display:block;color:#dcebff}.lab-resources b{font-weight:450}.lab-resources small{font-size:11px;color:#94aecb}.resource-bar{height:4px;background:#263e5b;border-radius:5px;overflow:hidden;margin-top:5px}.resource-bar i{display:block;height:100%;background:#78b5ff;width:0;transition:width .3s}.lab-resources>div:last-child i{background:#7ce7cf}.vm-inspector{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #2b415e;padding-top:20px}.vm-inspector strong{font-size:13px;font-weight:500;margin-top:5px;display:block}.lab-status{font-size:11px;color:#9ab8dd;min-height:19px;margin:18px 0 0}.lab-footnote{font-size:10px;color:#8fa6c3;margin:0;padding:13px 25px;background:#0b1627;border-top:1px solid #22344e}.lab-wire{fill:none;stroke:#6bafff;stroke-width:1.3;stroke-dasharray:5 7;animation:lab-flow 3s linear infinite;opacity:.55}.lab-wire.private-wire{stroke:#7ce7cf}.lab-wire.vm-wire{stroke-width:1;opacity:.4;stroke-dasharray:3 5}.lab-zone-empty{font-size:10px;text-align:center;color:#728aaa;padding:40px 5px}@keyframes lab-flow{to{stroke-dashoffset:-48}}@media(max-width:900px){.lab-zone-grid{gap:12px}.lab-zone{padding:13px}.lab-zone.drag-over{padding:12px}.vm-inspector{flex-direction:column;align-items:stretch}.lab-toolbar{flex-wrap:wrap}.lab-board{padding:23px 15px}.cloud-lab .vm-tile{gap:7px;padding:12px 8px}.vm-glyph{width:23px;flex-basis:23px}.vm-tile small{font-size:8px}}@media(max-width:600px){.lab-zone-grid{grid-template-columns:1fr;gap:18px}.cloud-core{width:100%;max-width:290px;margin-bottom:35px}.lab-zone{min-height:175px;padding:16px}.vm-list{min-height:60px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.zone-heading h3{font-size:15px}.lab-board{padding:20px 16px}.lab-toolbar{padding:17px;gap:12px}.lab-toolbar-actions{width:100%}.lab-toolbar-actions button{flex:1;padding:8px}.lab-bottom{padding:20px 17px}.lab-resources{gap:16px}.lab-resources strong{font-size:22px}.lab-resources small{font-size:9px}.inspector-actions{display:grid;grid-template-columns:1fr 1fr}.cloud-lab .vm-tile{padding:12px 9px}.lab-zone-empty{padding:20px 5px;grid-column:1/-1}.lab-footnote{padding:13px 17px}.lab-wire{opacity:.25}.lab-simulation{font-size:9px}}
@media(prefers-reduced-motion:reduce){.lab-wire{animation:none}.resource-bar i{transition:none}}
.lab-wires{z-index:1}.cloud-core,.cloud-lab .vm-tile{position:relative;z-index:2}.zone-heading{z-index:2}
/* v2.6 power states and cloud layout presets. */
.vm-inspector>div>small{display:block;color:#95b1d1;font-size:10px;margin-top:6px}.lab-health{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #2a405c}.lab-health>span{font-size:9px;letter-spacing:1.2px;color:#9cbbe1;display:flex;align-items:center;gap:8px}.lab-health i{width:6px;height:6px;border-radius:50%;background:#80d8cb;display:inline-block}.lab-health strong{font-size:11px;color:#99b4d7;font-weight:400}.lab-health b{color:#dbeeff;font-weight:600}.lab-health strong>span{margin:0 8px;color:#6c8aad}.cloud-lab .vm-address{color:#83c9df;font-size:9px;margin-top:7px}.vm-tile.powered-off .vm-led{background:#75849b;box-shadow:none}.vm-tile.powered-off .vm-glyph{stroke:#7a8eaa}.vm-tile.powered-on .vm-led{animation:vm-heartbeat 2s ease-in-out infinite}.lab-wire.traffic-stopped{animation:none;opacity:.15;stroke:#8595ad}.lab-wire.traffic-active{opacity:.8;stroke-width:1.6;animation-duration:1.6s}.lab-toolbar-actions button[data-lab-template]{border-color:#6b9bd0;color:#a2d0ff}.cloud-lab button[data-power-vm]{border-color:#467b6b;color:#8be3bd}@keyframes vm-heartbeat{50%{box-shadow:0 0 0 3px #7ce7bd1a,0 0 12px #7ce7bd66}}@media(max-width:700px){.lab-health{align-items:flex-start;flex-direction:column;gap:10px}.lab-toolbar-actions{display:grid;grid-template-columns:repeat(3,1fr)}.lab-toolbar-actions button{white-space:nowrap;font-size:10px}.lab-toolbar-actions button:first-child,.lab-toolbar-actions button:nth-child(2){grid-column:auto}.lab-status{font-size:11px}}@media(prefers-reduced-motion:reduce){.vm-tile.powered-on .vm-led{animation:none}}