:root{
  --bg:#fff;--ink:#0b0b0d;--muted:#777;--line:#e9e9e9;--soft:#f5f5f5;--black:#000;--white:#fff;
  --r-lg:34px;--r-md:22px;--r-pill:999px;--max:1240px;--pad:clamp(20px,6vw,92px);
  --shadow:0 35px 80px rgba(0,0,0,.09);--ease:cubic-bezier(.19,1,.22,1);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:auto;background:#000}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}body.nav-open{overflow:hidden}::selection{background:#111;color:#fff}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-main{background:#fff;position:relative;z-index:1}.site-loader{position:fixed;inset:0;background:#000;z-index:9999;display:grid;place-items:center;pointer-events:none;animation:loaderOut .3s var(--ease) .12s forwards}.site-loader span{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.25);border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes loaderOut{to{opacity:0;visibility:hidden}}
.cursor-dot{position:fixed;left:0;top:0;width:14px;height:14px;border-radius:50%;background:#000;z-index:9998;pointer-events:none;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .25s var(--ease),height .25s var(--ease),opacity .25s}.cursor-dot.is-hover{width:74px;height:74px;opacity:.72}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);mix-blend-mode:difference;color:#fff;transition:transform .45s var(--ease)}.site-header.hide{transform:translateY(-100%)}.brand{font-weight:900;font-size:22px;letter-spacing:-.06em}.main-nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:600}.main-nav a{position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}.main-nav a:hover:after,.main-nav a.is-active:after{transform:scaleX(1);transform-origin:left}.nav-toggle{display:none;background:none;border:0;width:44px;height:44px;color:inherit}.nav-toggle span{display:block;height:2px;background:currentColor;margin:8px 0;transition:.25s}
.container{width:min(var(--max),calc(100% - var(--pad)*2));margin-inline:auto}.section{padding:clamp(82px,12vw,185px) 0}.section--tight{padding:clamp(52px,8vw,112px) 0}.section-title{font-size:clamp(42px,7vw,104px);line-height:.92;letter-spacing:-.08em;margin:0 0 .35em;font-weight:900}.section-title.small{font-size:clamp(34px,5vw,72px)}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.11em;font-weight:800;color:#777;margin:0 0 26px}.lead{font-size:clamp(18px,2.6vw,34px);line-height:1.05;letter-spacing:-.06em;max-width:780px}.muted{color:#777}.btn,.pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.28);border-radius:var(--r-pill);min-height:48px;padding:0 28px;background:transparent;color:inherit;font-weight:600;transition:transform .35s var(--ease),background .35s var(--ease),color .35s var(--ease)}.btn:hover,.pill:hover{transform:translateY(-2px);background:#000;color:#fff}.btn--dark{background:#000;color:#fff}.btn--dark:hover{background:#fff;color:#000}.huge-hero{min-height:100vh;display:grid;align-items:center;padding:120px var(--pad) 70px;position:relative;overflow:hidden}.hero-canvas{position:absolute;inset:0;z-index:0;opacity:.9}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end}.hero-kicker{font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.13em;margin-bottom:28px}.hero-title{font-size:clamp(58px,12vw,178px);line-height:.82;letter-spacing:-.095em;font-weight:900;margin:0;max-width:1000px}.hero-copy{align-self:end;padding-bottom:18px}.hero-copy p{font-size:clamp(18px,2.1vw,28px);line-height:1.1;letter-spacing:-.045em;margin:0 0 32px}.scroll-cue{position:absolute;bottom:38px;left:var(--pad);font-size:12px;color:#777}.dot-floating{position:absolute;top:18%;right:25%;width:7px;height:7px;background:#000;border-radius:50%}.marquee{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;overflow:hidden;background:#fff}.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.marquee span{font-size:clamp(44px,7vw,110px);font-weight:900;letter-spacing:-.07em;white-space:nowrap;padding:32px 42px}@keyframes marquee{to{transform:translateX(-50%)}}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,8vw,112px) clamp(26px,8vw,92px);align-items:start}.project-card{display:block}.project-card:nth-child(even){margin-top:clamp(55px,9vw,130px)}.project-card__media{overflow:hidden;border-radius:16px;background:#f1f1f1;box-shadow:0 18px 60px rgba(0,0,0,.05)}.project-card__media img{width:100%;aspect-ratio:1.12/1;object-fit:cover;transition:transform 1.2s var(--ease)}.project-card:hover img{transform:scale(1.06)}.project-card h3{font-size:16px;letter-spacing:-.04em;line-height:1.1;margin:18px 0 4px;font-weight:800}.project-card p{font-size:12px;line-height:1.35;margin:0;color:#555;max-width:320px}.dark-panel{background:#161616;color:#fff;border-radius:32px;padding:clamp(64px,10vw,142px) var(--pad);margin-inline:auto}.dark-panel .muted{color:#aaa}.dark-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 78px;margin-top:60px}.service-list{border-top:1px solid #111}.service-row{display:grid;grid-template-columns:.9fr 1.15fr .3fr;gap:28px;padding:42px 0;border-bottom:1px solid #111;align-items:start}.service-row h3{font-size:13px;line-height:1;text-transform:uppercase;letter-spacing:.08em;margin:0}.service-row p{font-size:clamp(18px,2vw,28px);line-height:1.05;letter-spacing:-.05em;margin:0}.service-row .btn{justify-self:end}.benefits{background:#141414;color:#fff;border-radius:32px 32px 0 0;padding:clamp(82px,12vw,168px) var(--pad)}.benefit-list{margin-top:70px;border-top:1px solid rgba(255,255,255,.38)}.benefit-item{display:grid;grid-template-columns:.45fr .85fr 1.2fr;gap:28px;padding:42px 0;border-bottom:1px solid rgba(255,255,255,.38);align-items:start}.benefit-icon{font-size:34px}.benefit-item h3{text-transform:uppercase;font-size:11px;letter-spacing:.11em;margin:0;color:#aaa}.benefit-item p{margin:0;font-size:20px;line-height:1.1;letter-spacing:-.04em}.split{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(40px,8vw,120px);align-items:start}.split p{font-size:18px;line-height:1.55}.image-rounded{border-radius:18px;overflow:hidden}.image-rounded img{width:100%;object-fit:cover}.stats{display:flex;gap:60px;margin-top:52px}.stats strong{display:block;font-size:42px;letter-spacing:-.06em}.stats span{font-size:12px;color:#777;text-transform:uppercase;letter-spacing:.07em}.logo-cloud{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 70px;margin-top:50px}.logo-cloud span{font-weight:900;font-size:18px}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 64px}.blog-card{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center}.blog-card img{width:180px;aspect-ratio:1.45/1;object-fit:cover;border-radius:10px}.blog-card h3{font-size:20px;letter-spacing:-.05em;line-height:1.05;margin:0 0 10px}.blog-card p{font-size:12px;color:#666;margin:0}.single-hero{padding:150px var(--pad) 70px}.single-hero__meta{display:flex;gap:28px;margin-bottom:28px;font-size:12px}.single-hero__meta span:first-child{border:1px solid #111;border-radius:999px;padding:5px 12px}.single-hero h1{font-size:clamp(48px,8vw,112px);line-height:.92;letter-spacing:-.08em;margin:0;max-width:1040px}.single-hero p{font-size:20px;line-height:1.35;max-width:760px}.hero-image{width:min(1200px,calc(100% - var(--pad)*2));margin:0 auto;border-radius:14px;overflow:hidden}.hero-image img{width:100%;aspect-ratio:1.9/1;object-fit:cover}.content-grid{display:grid;grid-template-columns:1fr 300px;gap:80px;padding:80px var(--pad)}.rich-text{max-width:820px}.rich-text p{font-size:21px;line-height:1.45;letter-spacing:-.025em}.share-box{position:sticky;top:120px;align-self:start}.share-box h4{margin-top:0}.share-icons{display:flex;gap:12px}.share-icons a{width:38px;height:38px;border-radius:50%;background:#000;color:#fff;display:grid;place-items:center}.related-list{margin-top:34px;display:grid;gap:14px}.related-list a{display:grid;grid-template-columns:72px 1fr;gap:12px;font-size:12px;line-height:1.15}.related-list img{border-radius:8px;height:48px;object-fit:cover}.contact-wrap{padding:150px var(--pad) 180px;display:grid;grid-template-columns:1fr .82fr;gap:70px}.contact-title{text-align:center;grid-column:1/-1;font-size:clamp(54px,9vw,112px);line-height:.92;letter-spacing:-.08em;margin:0 0 80px}.chips{display:flex;flex-wrap:wrap;gap:16px;margin:22px 0 70px}.chip{border:1px solid #111;border-radius:999px;padding:10px 22px;background:#fff;cursor:pointer;transition:.25s}.chip.is-selected,.chip:hover{background:#000;color:#fff}.form-field{display:block;margin-bottom:34px}.form-field input,.form-field textarea{width:100%;border:0;border-bottom:1px solid #ddd;padding:20px 0;font-size:24px;outline:0;resize:vertical}.form-field input:focus,.form-field textarea:focus{border-color:#000}.budget{margin:50px 0 36px}.attachment{display:inline-flex;gap:10px;align-items:center;font-weight:800;margin:16px 0 54px}.form-note{font-size:11px;color:#999;max-width:290px}.ajax-message{margin-top:18px;font-weight:700}.side-card{background:#f5f5f5;border-radius:28px;padding:38px;align-self:start;position:sticky;top:110px}.side-card h3{font-size:32px;letter-spacing:-.06em;margin:0 0 16px}.side-card p{line-height:1.5}.idea-strip{background:#000;color:#fff;position:relative;min-height:420px;display:grid;place-items:center;overflow:hidden;z-index:2}.idea-strip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}.idea-strip__content{position:relative;text-align:center}.idea-strip__content p{font-size:clamp(44px,8vw,106px);line-height:.92;letter-spacing:-.08em;margin:0 0 18px}.idea-strip__content a{display:inline-flex;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:10px 54px;font-size:clamp(38px,6vw,86px);line-height:1;letter-spacing:-.06em}.site-footer{background:#000;color:#fff;padding:72px var(--pad) 60px}.footer-contacts{display:flex;gap:80px;margin-bottom:44px}.site-footer .pill{border-color:rgba(255,255,255,.45);min-height:42px}.footer-grid{display:grid;grid-template-columns:1fr 1fr .35fr .35fr;gap:40px}.footer-grid span{display:block;text-transform:uppercase;color:#777;font-size:11px;letter-spacing:.08em;margin-bottom:8px}.footer-grid strong{font-size:14px}.footer-grid nav{display:grid;gap:18px}.footer-bottom{margin-top:70px;display:flex;align-items:center;gap:28px;font-size:12px;color:#777}.socials{margin-left:auto;display:flex;gap:14px}.socials a{width:38px;height:38px;border-radius:50%;background:#181818;color:#fff;display:grid;place-items:center}.avatar-badge{width:64px;height:64px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;font-weight:900;border:10px solid #111}.admin-link{position:fixed;right:16px;bottom:16px;z-index:10000}.page-title-center{text-align:center;padding:150px var(--pad) 70px}.page-title-center h1{font-size:clamp(52px,8vw,116px);line-height:.88;letter-spacing:-.085em;margin:0}.page-title-center p{font-size:18px;color:#555}.filter-tabs{display:flex;justify-content:center;gap:24px;margin-top:30px;font-size:13px}.filter-tabs a{opacity:.68}.filter-tabs a.is-active,.filter-tabs a:hover{opacity:1}.next-prev{display:flex;justify-content:space-between;font-size:clamp(28px,5vw,76px);letter-spacing:-.08em;padding:70px var(--pad);border-top:1px solid #eee}.rounded-video{border-radius:18px;overflow:hidden;background:#eee;position:relative}.play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:42px;border-radius:12px;background:#111;color:#fff;display:grid;place-items:center}.portfolio-dark{background:#161616;color:#fff;border-radius:32px;padding:clamp(65px,10vw,140px) var(--pad);}.portfolio-dark .project-card p{color:#bbb}.portfolio-dark .project-card h3{color:#fff}.portfolio-dark .btn{border-color:rgba(255,255,255,.35)}
@media (max-width:900px){.site-header{height:68px}.nav-toggle{display:block}.main-nav{position:fixed;inset:0;background:#000;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:40px;font-size:42px;gap:18px;transform:translateY(-105%);transition:transform .55s var(--ease);mix-blend-mode:normal}.nav-open .main-nav{transform:translateY(0)}.nav-open .nav-toggle span:first-child{transform:translateY(5px) rotate(45deg)}.nav-open .nav-toggle span:last-child{transform:translateY(-5px) rotate(-45deg)}.hero-inner,.split,.contact-wrap,.content-grid{grid-template-columns:1fr}.huge-hero{min-height:auto;padding-top:130px}.hero-title{font-size:clamp(58px,18vw,110px)}.project-grid,.blog-grid,.dark-grid{grid-template-columns:1fr}.project-card:nth-child(even){margin-top:0}.service-row{grid-template-columns:1fr}.service-row .btn{justify-self:start}.benefit-item{grid-template-columns:1fr;gap:16px}.footer-grid{grid-template-columns:1fr 1fr}.footer-contacts{flex-direction:column;gap:18px}.side-card,.share-box{position:static}.contact-title{text-align:left}.blog-card{grid-template-columns:120px 1fr}.blog-card img{width:120px}.logo-cloud{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){:root{--pad:22px}.section{padding:82px 0}.single-hero,.contact-wrap,.page-title-center{padding-top:120px}.single-hero h1,.page-title-center h1{font-size:48px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-wrap:wrap}.socials{margin-left:0}.stats{gap:28px;flex-wrap:wrap}.chips{gap:10px}.chip{font-size:14px;padding:8px 14px}.form-field input,.form-field textarea{font-size:20px}.hero-image{width:calc(100% - 32px)}.cursor-dot{display:none}.idea-strip{min-height:320px}.portfolio-dark,.dark-panel,.benefits{border-radius:22px}.container{width:calc(100% - 44px)}}
/* Admin */
.admin-body{background:#f4f4f4;color:#111}.admin-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.admin-sidebar{background:#111;color:#fff;padding:28px;position:sticky;top:0;height:100vh}.admin-sidebar h1{font-size:22px;letter-spacing:-.05em;margin:0 0 32px}.admin-sidebar nav{display:grid;gap:8px}.admin-sidebar a{padding:12px 14px;border-radius:12px;color:#ccc}.admin-sidebar a:hover,.admin-sidebar a.active{background:#fff;color:#111}.admin-main{padding:38px}.admin-card{background:#fff;border-radius:22px;padding:26px;box-shadow:0 18px 55px rgba(0,0,0,.06);margin-bottom:24px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:14px;border-bottom:1px solid #eee;font-size:14px}.admin-form{display:grid;gap:14px}.admin-form label{display:grid;gap:7px;font-size:13px;font-weight:800}.admin-form input,.admin-form textarea,.admin-form select{border:1px solid #ddd;border-radius:12px;padding:12px;background:#fff}.admin-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-btn{border:0;border-radius:999px;padding:11px 18px;background:#111;color:#fff;cursor:pointer}.admin-btn.light{background:#eee;color:#111}.login-page{min-height:100vh;display:grid;place-items:center;background:#111;padding:20px}.login-card{width:min(420px,100%);background:#fff;border-radius:28px;padding:36px}.login-card h1{letter-spacing:-.07em;font-size:42px;margin:0 0 10px}.notice{padding:12px 16px;border-radius:12px;margin:12px 0;background:#f2f2f2}.notice.ok{background:#e8fff4}.notice.err{background:#fff0f0}@media(max-width:850px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:auto;position:relative}.admin-sidebar nav{display:flex;overflow-x:auto}.admin-main{padding:22px}.admin-table{display:block;overflow-x:auto}}
/* v2 premium refinements */
.home-hero{padding-top:clamp(118px,16vw,210px);padding-bottom:clamp(54px,7vw,90px)}
.home-hero h1{max-width:980px;margin-inline:auto}.home-hero p:not(.eyebrow){max-width:760px;margin:26px auto 0;font-size:clamp(17px,1.8vw,24px);line-height:1.35;color:#666}.hero-image--wide{position:relative;overflow:hidden}.hero-image--wide .hero-canvas{position:absolute;inset:0;z-index:2;opacity:.42;pointer-events:none}.hero-image--wide img{position:relative;z-index:1}.hero-image--wide .hero-video{position:relative;z-index:1;display:block;width:100%;aspect-ratio:1.9/1;object-fit:cover;background:#f2f2f2}.intro-split{padding-top:clamp(78px,10vw,145px)}.featured-panel{margin-top:0;border-radius:42px;padding-top:clamp(78px,10vw,130px);padding-bottom:clamp(78px,10vw,130px)}.service-preview{background:#fff;border-radius:36px 36px 0 0}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:58px}.service-card{display:grid;gap:16px}.service-card img{aspect-ratio:1.08/1;object-fit:cover;border-radius:16px}.service-card span{font-size:22px;font-weight:800;letter-spacing:-.055em}.service-card p{font-size:15px;line-height:1.45;color:#666;margin:0}.blog-dark{background:#111;color:#fff;border-radius:36px 36px 0 0}.blog-dark .btn,.portfolio-dark .btn{border-color:rgba(255,255,255,.4);color:#fff}.blog-dark .btn:hover,.portfolio-dark .btn:hover{background:#fff;color:#111}.blog-grid--dark .blog-card p{color:#999}.blog-grid--dark .blog-card h3{color:#fff}.project-card__media{background:#f3f3f3}.project-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(0,0,0,.03));pointer-events:none}.project-card h3{font-size:18px}.project-card p{max-width:92%}.side-card{box-shadow:0 30px 90px rgba(0,0,0,.08)}.contact-wrap{min-height:100vh}.site-footer{position:relative;z-index:2}.admin-link{display:none!important}
@media(max-width:900px){.service-cards{grid-template-columns:1fr 1fr}.featured-panel,.blog-dark{border-radius:28px 28px 0 0}}
@media(max-width:560px){.service-cards{grid-template-columns:1fr}.home-hero{text-align:left}.home-hero p:not(.eyebrow){margin-left:0}.featured-panel,.blog-dark,.service-preview{border-radius:22px 22px 0 0}.blog-grid--dark{grid-template-columns:1fr}.blog-grid--dark .blog-card{grid-template-columns:108px 1fr}}


/* requested micro updates */
html,body{max-width:100%;overscroll-behavior-y:none;-webkit-text-size-adjust:100%}.site-main{overflow:hidden}.section-title,.hero-title,.contact-title,.single-hero h1,.page-title-center h1,.idea-strip__content p,.marquee span{font-weight:760}.brand,.project-card h3,.service-card span,.logo-cloud span{font-weight:720}.lead,.service-row p,.benefit-item p,.rich-text p{font-weight:450}.btn,.pill,.chip,.admin-btn{transition:transform .6s var(--ease),background-color .6s var(--ease),color .6s var(--ease),border-color .6s var(--ease),box-shadow .6s var(--ease)}.btn:hover,.pill:hover,.chip:hover{box-shadow:0 16px 44px rgba(0,0,0,.10)}.site-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}.site-loader img{width:78px;height:78px;object-fit:contain;border-radius:22px;animation:loaderPulse 1.15s ease-in-out infinite}.site-loader span{width:auto;height:auto;border:0;border-radius:0;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.24em;animation:none;opacity:.8}@keyframes loaderPulse{50%{transform:scale(.92);opacity:.65}}.pill svg,.socials svg,.whatsapp-float svg,.share-icons svg,.admin-sidebar svg,.admin-stat svg,.security-badge svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pill{gap:9px}.socials a{transition:transform .55s var(--ease),background-color .55s var(--ease)}.socials a:hover{transform:translateY(-4px);background:#fff;color:#000}.socials svg{width:17px;height:17px}.avatar-badge{overflow:hidden}.avatar-badge img{width:100%;height:100%;object-fit:cover}.whatsapp-float{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:10001;width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 18px 48px rgba(37,211,102,.33);transition:transform .55s var(--ease),box-shadow .55s var(--ease)}.whatsapp-float:hover{transform:translateY(-5px) scale(1.04);box-shadow:0 24px 60px rgba(37,211,102,.45)}.whatsapp-float svg{width:30px;height:30px;stroke-width:1.5}.idea-strip{isolation:isolate}.idea-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.96}.idea-strip img{z-index:1;mix-blend-mode:screen;opacity:.55}.idea-strip__content{z-index:2}.footer-bottom a{color:inherit}.side-card .btn{min-height:40px;padding:0 18px;margin-top:8px}.side-card .btn svg{width:18px;height:18px;margin-right:8px;fill:none;stroke:currentColor;stroke-width:1.8}.admin-body{background:#f6f7fb;color:#0d0d0f}.admin-shell{grid-template-columns:292px 1fr;background:radial-gradient(circle at 80% 0,rgba(0,0,0,.08),transparent 34%),#f6f7fb}.admin-sidebar{background:#08080a;padding:28px 20px;border-right:1px solid rgba(255,255,255,.08);box-shadow:20px 0 80px rgba(0,0,0,.08)}.admin-brand{display:flex!important;align-items:center;gap:13px;color:#fff!important;padding:8px 10px!important;margin-bottom:28px!important}.admin-brand img{width:46px;height:46px;border-radius:16px;object-fit:cover}.admin-brand span{font-size:20px;line-height:.9;font-weight:800;letter-spacing:-.05em}.admin-brand em{font-style:normal;color:#888;font-weight:500}.admin-sidebar nav{gap:7px}.admin-sidebar a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px}.admin-sidebar a:hover,.admin-sidebar a.active{background:#fff;color:#08080a;transform:translateX(3px)}.admin-sidebar svg{width:18px;height:18px;flex:0 0 auto}.admin-side-note{margin-top:28px;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:18px;color:#aaa}.admin-side-note strong{display:block;color:#fff;margin-bottom:6px}.admin-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.06);backdrop-filter:blur(18px);border-radius:24px;padding:18px 20px}.admin-topbar p{margin:0;color:#777;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.admin-topbar strong{font-size:22px;letter-spacing:-.05em}.admin-main h2{font-size:clamp(34px,5vw,58px);letter-spacing:-.07em;margin:0 0 24px}.admin-card{border:1px solid rgba(0,0,0,.06);box-shadow:0 24px 70px rgba(0,0,0,.06)}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.admin-stat{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:24px;padding:24px;box-shadow:0 18px 50px rgba(0,0,0,.04)}.admin-stat span{width:46px;height:46px;border-radius:16px;background:#0b0b0d;color:#fff;display:grid;place-items:center;margin-bottom:22px}.admin-stat strong{font-size:42px;letter-spacing:-.08em}.admin-stat p{margin:4px 0 0;color:#777}.admin-hero-card{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,#fff,#f2f2f4)}.tech-pills{display:flex;flex-wrap:wrap;gap:10px}.tech-pills span{border:1px solid #ddd;border-radius:999px;padding:9px 14px;background:#fafafa}.admin-form-grid{gap:24px}.admin-form fieldset{border:1px solid #eee;border-radius:22px;padding:22px;display:grid;gap:14px}.admin-form legend{font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#777;padding:0 8px}.login-page{background:radial-gradient(circle at top right,rgba(255,255,255,.18),transparent 26%),#08080a}.secure-login{position:relative;text-align:left;box-shadow:0 30px 90px rgba(0,0,0,.45)}.login-logo{width:74px;height:74px;border-radius:22px;object-fit:cover;margin-bottom:18px}.security-badge{position:absolute;top:22px;right:22px;display:flex;gap:7px;align-items:center;font-size:12px;font-weight:800;background:#ecfdf5;color:#047857;border-radius:999px;padding:7px 12px}.back-link{display:inline-flex;margin-top:20px;color:#777;font-weight:700}.notice.err{background:#fff0f0;color:#991b1b}.notice.ok{background:#ecfdf5;color:#047857}.share-icons a svg{width:18px;height:18px}.contact-wrap{align-items:start}
@media(max-width:1000px){.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.admin-sidebar nav{display:grid;grid-template-columns:repeat(2,1fr)}.admin-side-note{display:none}.admin-topbar{position:sticky;top:0;z-index:5}.whatsapp-float{width:54px;height:54px}}
@media(max-width:720px){.admin-main{padding:18px}.admin-sidebar nav{grid-template-columns:1fr}.admin-stat-grid{grid-template-columns:1fr}.admin-hero-card,.admin-topbar{display:block}.footer-contacts{gap:12px}.footer-contacts .pill{width:max-content;max-width:100%}.whatsapp-float{bottom:18px;right:18px}.site-header{padding-left:22px;padding-right:22px}.contact-wrap{padding-left:22px;padding-right:22px}.contact-title{font-size:clamp(46px,16vw,64px)}}
@media(max-width:480px){.page-title-center,.single-hero,.contact-wrap{padding-top:112px}.project-grid{gap:34px}.blog-card{grid-template-columns:96px 1fr}.blog-card img{width:96px}.footer-bottom{padding-bottom:72px}.idea-strip__content a{padding:10px 34px}.admin-table th,.admin-table td{font-size:12px;padding:11px}.login-card{padding:28px}.security-badge{position:static;width:max-content;margin-left:auto;margin-bottom:12px}}

/* Loading animation exact center lock */
.site-loader img,.site-loader span{margin-left:auto;margin-right:auto}


/* requested update pack: WhatsApp monochrome, review slider, footer image, broader scroll animation */
.whatsapp-float{background:#fff!important;color:#000!important;border:1px solid rgba(0,0,0,.14);box-shadow:0 18px 48px rgba(0,0,0,.14);filter:grayscale(1)}
.whatsapp-float:hover{background:#25D366!important;color:#fff!important;border-color:#25D366;filter:grayscale(0);box-shadow:0 24px 60px rgba(37,211,102,.42)}
.project-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}.single-hero .project-actions{justify-content:flex-start}.reviews-section{background:#fff;color:#101010;padding:clamp(78px,11vw,150px) 0;border-radius:36px 36px 0 0;position:relative;z-index:2}.reviews-head{margin-bottom:48px}.reviews-viewport{overflow:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;border-radius:30px}.reviews-track{display:flex;gap:24px;will-change:transform}.review-card{flex:0 0 calc((100% - 48px)/3);min-height:310px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:28px;padding:28px;box-shadow:0 26px 85px rgba(0,0,0,.08);scroll-snap-align:start}.review-card__top{display:flex;align-items:center;gap:14px}.review-card__top img{width:54px;height:54px;border-radius:50%;object-fit:cover;background:#f3f3f3}.review-card__top h3{font-size:18px;letter-spacing:-.04em;margin:0 0 4px}.review-card__top p{font-size:12px;color:#777;margin:0}.google-mark{margin-left:auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f8f9fa;color:#4285f4;font-weight:800;font-family:Arial,sans-serif}.review-stars{letter-spacing:.08em;color:#fbbc04;margin:24px 0 18px;font-size:18px}.review-text{font-size:18px;line-height:1.38;letter-spacing:-.03em;margin:0;color:#222}.review-source{display:inline-flex;margin-top:24px;font-size:12px;color:#777;border:1px solid #e6e6e6;border-radius:999px;padding:7px 12px}.site-footer{background-image:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.86)),url('../img/legacy/WhiteCoder-logo.png');background-size:min(680px,78vw),min(520px,66vw);background-position:center,right -120px center;background-repeat:no-repeat;overflow:hidden}.site-footer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 20%,rgba(255,255,255,.11),transparent 28%);pointer-events:none}.site-footer>*{position:relative}.footer-contacts .pill:hover{background:#fff;color:#000}.scroll-soft{will-change:transform,opacity}@media(max-width:980px){.review-card{flex-basis:calc((100% - 24px)/2)}.reviews-track{gap:20px}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.review-card{flex-basis:100%;min-height:auto}.reviews-section{border-radius:24px 24px 0 0}.reviews-viewport{width:calc(100% - 44px)}.project-actions{justify-content:flex-start}.site-footer{background-size:70vw;background-position:right -80px bottom 30px}.footer-bottom{gap:18px}.footer-contacts{display:grid}}


/* === Video-reference premium motion polish (WhiteCoder) === */
:root{
  --ease-premium:cubic-bezier(.16,1,.3,1);
  --ease-smooth:cubic-bezier(.19,1,.22,1);
}
body{
  font-weight:400;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.brand{font-weight:720!important;letter-spacing:-.055em!important}
.main-nav{font-size:13px!important;font-weight:500!important;gap:32px!important}
.eyebrow{font-weight:650!important;letter-spacing:.12em!important;color:#696969!important}
.section-title,.hero-title,.contact-title,.single-hero h1,.page-title-center h1,.idea-strip__content p,.marquee span{
  font-weight:640!important;
  letter-spacing:-.075em!important;
}
.section-title{font-size:clamp(38px,6.25vw,88px)!important;line-height:.94!important}
.section-title.small{font-size:clamp(32px,5vw,62px)!important;line-height:.94!important}
.page-title-center{padding-top:clamp(116px,16vw,168px)!important;padding-bottom:clamp(42px,7vw,82px)!important}
.page-title-center h1{font-size:clamp(38px,7vw,82px)!important;line-height:.92!important;max-width:780px;margin-inline:auto!important}
.home-hero h1{font-size:clamp(38px,6.7vw,76px)!important;max-width:740px!important}
.home-hero p:not(.eyebrow){font-size:clamp(13px,1.35vw,17px)!important;line-height:1.38!important;letter-spacing:-.025em!important;font-weight:400!important;max-width:560px!important;margin-inline:auto!important;color:#444!important}
.single-hero h1{font-size:clamp(40px,7vw,88px)!important;line-height:.94!important}
.single-hero p{font-size:clamp(16px,1.65vw,20px)!important;line-height:1.45!important;color:#333!important}
.lead{font-size:clamp(16px,1.75vw,24px)!important;line-height:1.18!important;font-weight:400!important;letter-spacing:-.035em!important}
.service-row p,.benefit-item p,.rich-text p{font-size:clamp(16px,1.55vw,21px)!important;line-height:1.28!important;font-weight:400!important;letter-spacing:-.03em!important}
.split p{font-size:clamp(15px,1.28vw,18px)!important;line-height:1.55!important}
.project-card h3,.blog-card h3,.service-card span{font-weight:590!important;letter-spacing:-.045em!important}
.project-card h3{font-size:15px!important}.project-card p{font-size:11.5px!important;color:#666!important}
.blog-card h3{font-size:18px!important;line-height:1.08!important}.service-card p{font-size:12.5px!important;line-height:1.45!important;color:#6d6d6d!important}
.stats strong{font-weight:620!important}.logo-cloud span{font-weight:620!important;color:#181818!important}

.hero-image{position:relative;overflow:hidden;box-shadow:0 34px 90px rgba(0,0,0,.06);transform:translateZ(0)}
.hero-image--wide{border-radius:14px!important;isolation:isolate}
.hero-video{width:100%;aspect-ratio:1.9/1;object-fit:cover;display:block;background:#f5f5f5;transform:scale(1.01)}
.hero-image .hero-canvas{position:absolute!important;inset:0!important;z-index:2!important;opacity:.36!important;mix-blend-mode:screen;pointer-events:none!important}
.hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.05));pointer-events:none;z-index:3}

.btn,.pill,.chip,.nav-toggle,.project-actions a{
  position:relative;overflow:hidden;isolation:isolate;transform:translateZ(0);
  transition:color .78s var(--ease-premium),border-color .78s var(--ease-premium),transform .78s var(--ease-premium),box-shadow .78s var(--ease-premium),background-color .78s var(--ease-premium)!important;
}
.btn::before,.pill::before,.chip::before{
  content:"";position:absolute;left:var(--btn-x,50%);top:var(--btn-y,50%);width:0;height:0;z-index:-1;border-radius:50%;background:#050505;transform:translate(-50%,-50%);transition:width .82s var(--ease-premium),height .82s var(--ease-premium),opacity .82s var(--ease-premium);opacity:1;
}
.btn:hover::before,.pill:hover::before,.chip:hover::before{width:240%;height:240%}
.btn:hover,.pill:hover,.chip:hover{background:transparent!important;color:#fff!important;border-color:#050505!important;transform:translateY(-3px)!important;box-shadow:0 22px 62px rgba(0,0,0,.12)!important}
.btn--dark::before{background:#fff}.btn--dark:hover{color:#000!important;border-color:#fff!important}
.site-footer .pill::before,.idea-strip__content a::before{background:#fff}.site-footer .pill:hover,.idea-strip__content a:hover{color:#000!important;border-color:#fff!important}
.main-nav a{transition:opacity .45s var(--ease-premium),transform .45s var(--ease-premium)}.main-nav:hover a{opacity:.45}.main-nav a:hover{opacity:1;transform:translateY(-1px)}

.project-card{transition:transform 1s var(--ease-premium),opacity 1s var(--ease-premium);will-change:transform}.project-card__media{position:relative;overflow:hidden}.project-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.22) 44%,transparent 62%);transform:translateX(-120%);transition:transform 1.15s var(--ease-premium)}.project-card:hover .project-card__media::after{transform:translateX(120%)}
.project-card__media img,.blog-card img,.service-card img,.image-rounded img{will-change:transform;transition:transform 1.4s var(--ease-premium),filter 1.4s var(--ease-premium)}
.project-card:hover img,.blog-card:hover img,.service-card:hover img{transform:scale(1.055);filter:saturate(1.04) contrast(1.02)}

.portfolio-dark,.benefits,.service-preview,.reviews-section,.blog-dark,.idea-strip{position:relative;overflow:hidden;isolation:isolate}.portfolio-dark>.container,.benefits>.container,.service-preview>.container,.reviews-section>.container,.blog-dark>.container{position:relative;z-index:2}

[data-animate],.project-card,.blog-card,.service-row,.benefit-item,.service-card,.hero-image,.split,.side-card,.form-field,.chip,.review-card{backface-visibility:hidden;transform-style:preserve-3d}.scroll-soft:not(.gsap-ready){opacity:0;transform:translate3d(0,44px,0);filter:blur(8px);transition:opacity 1s var(--ease-premium),transform 1s var(--ease-premium),filter 1s var(--ease-premium)}.scroll-soft.is-visible:not(.gsap-ready){opacity:1;transform:none;filter:blur(0)}
.text-reveal{display:inline-block;overflow:hidden;vertical-align:top}.text-reveal>span{display:inline-block;will-change:transform}

.cursor-dot{transition:width .45s var(--ease-premium),height .45s var(--ease-premium),opacity .45s var(--ease-premium),background-color .45s var(--ease-premium)!important}.cursor-dot.is-hover{width:68px!important;height:68px!important;opacity:.6!important}
.whatsapp-float{background:#fff!important;color:#000!important;border:1px solid rgba(255,255,255,.32);box-shadow:0 18px 48px rgba(0,0,0,.22)!important;transition:color .8s var(--ease-premium),background-color .8s var(--ease-premium),transform .8s var(--ease-premium),box-shadow .8s var(--ease-premium)!important}.whatsapp-float:hover{background:#25D366!important;color:#fff!important;box-shadow:0 24px 60px rgba(37,211,102,.42)!important}

@media(max-width:760px){
  .page-title-center h1,.home-hero h1{font-size:clamp(34px,12vw,54px)!important;letter-spacing:-.065em!important}
  .section-title.small{font-size:clamp(30px,10vw,46px)!important}.section-title{font-size:clamp(34px,11vw,58px)!important}
  .lead{font-size:17px!important;line-height:1.28!important}.benefit-item p,.service-row p,.rich-text p{font-size:16px!important;line-height:1.35!important}
  .hero-video{aspect-ratio:1.32/1}.main-nav{font-size:18px!important;font-weight:520!important}
  .btn,.pill,.chip{min-height:44px;padding-inline:20px}
}
@media (prefers-reduced-motion: reduce){.hero-canvas,.idea-bg{display:none!important}.scroll-soft{opacity:1!important;transform:none!important;filter:none!important}.btn,.pill,.chip,*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/* Final interaction fixes */
.site-footer{position:relative!important}
.idea-strip__content a{position:relative;overflow:hidden;isolation:isolate;transition:color .78s var(--ease-premium),border-color .78s var(--ease-premium),transform .78s var(--ease-premium)!important}
.idea-strip__content a::before{content:"";position:absolute;left:var(--btn-x,50%);top:var(--btn-y,50%);width:0;height:0;z-index:-1;border-radius:50%;background:#fff;transform:translate(-50%,-50%);transition:width .82s var(--ease-premium),height .82s var(--ease-premium)}
.idea-strip__content a:hover::before{width:240%;height:240%}
.idea-strip__content a:hover{color:#000!important;border-color:#fff!important;transform:translateY(-3px)}


/* === Requested final cleanup: Ready animation, clean footer, home black section transitions === */
.site-footer{
  background:#000!important;
  background-image:none!important;
  background-size:auto!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.site-footer::before{display:none!important}

.idea-strip{
  background:#000!important;
  min-height:clamp(430px,62vw,620px)!important;
  border-radius:0!important;
}
.idea-strip .idea-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:0!important;
  opacity:1!important;
  mix-blend-mode:screen!important;
  pointer-events:none!important;
}
.idea-strip img{
  z-index:1!important;
  opacity:.46!important;
  filter:blur(.25px) contrast(1.18)!important;
  transform:scale(1.08);
  animation:readyWaveDrift 7.5s var(--ease-premium) infinite alternate;
}
.idea-strip__content{z-index:2!important}
@keyframes readyWaveDrift{
  0%{transform:scale(1.08) translate3d(-1.2%, -1%, 0);opacity:.34}
  100%{transform:scale(1.13) translate3d(1.3%, 1%, 0);opacity:.58}
}

main[data-barba-namespace="home"] .featured-panel,
main[data-barba-namespace="home"] .benefits,
main[data-barba-namespace="home"] .blog-dark{
  background:#121212!important;
  color:#fff!important;
}
main[data-barba-namespace="home"] .featured-panel{
  border-radius:42px 42px 0 0!important;
  margin-bottom:0!important;
}
main[data-barba-namespace="home"] .service-preview{
  background:#fff!important;
  border-radius:40px 40px 0 0!important;
  margin-top:-1px!important;
  position:relative!important;
  z-index:3!important;
  box-shadow:0 -1px 0 #fff!important;
}
main[data-barba-namespace="home"] .benefits{
  border-radius:40px 40px 0 0!important;
  margin-top:-1px!important;
  position:relative!important;
  z-index:2!important;
}
main[data-barba-namespace="home"] .reviews-section{
  background:#fff!important;
  border-radius:40px 40px 0 0!important;
  margin-top:-1px!important;
  position:relative!important;
  z-index:3!important;
  box-shadow:0 -1px 0 #fff!important;
}
main[data-barba-namespace="home"] .blog-dark{
  border-radius:40px 40px 0 0!important;
  margin-top:-1px!important;
  position:relative!important;
  z-index:2!important;
}
main[data-barba-namespace="home"] .blog-dark + .idea-strip{
  margin-top:0!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
}
@media(max-width:760px){
  main[data-barba-namespace="home"] .featured-panel,
  main[data-barba-namespace="home"] .service-preview,
  main[data-barba-namespace="home"] .benefits,
  main[data-barba-namespace="home"] .reviews-section,
  main[data-barba-namespace="home"] .blog-dark{border-radius:28px 28px 0 0!important}
  .idea-strip{min-height:390px!important}
}

/* performance-only polish: keep same visual, reduce paint/composite work */
.project-card__media img,.blog-card img,.service-card img,.image-rounded img,.hero-video,.hero-image img,.hero-canvas,.idea-bg{
  backface-visibility:hidden;
}
.hero-video,.hero-canvas,.idea-bg{transform:translateZ(0)}


/* Fix: keep page hero text sharp after the performance animation pass. */
.page-title-center [data-animate],
.page-title-center .text-reveal,
.page-title-center .text-reveal > span{
  filter:none!important;
}

/* Index Who we are section: left video + animated text only */
.who-section{background:#fff!important;overflow:hidden}
.who-grid{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(360px,1.05fr);gap:clamp(42px,8vw,116px);align-items:center}
.who-video{position:relative;min-height:clamp(300px,42vw,520px);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:0;background:#fff;transform:translateZ(0)}
.who-video video{width:120%;max-width:none;display:block;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.02);transform:translateX(-5%) translateZ(0)}
.who-copy{max-width:680px;justify-self:start}
.who-copy .eyebrow{margin-bottom:28px}
.who-copy .section-title.small{font-size:clamp(28px,3.15vw,54px)!important;line-height:1.02!important;letter-spacing:-.055em!important;font-weight:500!important;margin-bottom:28px!important}
.who-copy .lead{font-size:clamp(19px,2.15vw,31px)!important;line-height:1.18!important;letter-spacing:-.045em!important;color:#111!important;font-weight:400!important}
.who-copy .text-reveal{margin-bottom:.02em}
@media(max-width:860px){
  .who-grid{grid-template-columns:1fr;gap:34px}
  .who-video{min-height:260px;order:0}
  .who-video video{width:112%;transform:translateX(-3%) translateZ(0)}
  .who-copy{order:1;max-width:100%}
  .who-copy .section-title.small{font-size:clamp(28px,8vw,42px)!important}
  .who-copy .lead{font-size:18px!important;line-height:1.34!important}
}

/* About page: WhiteCoder story, team, journey and client map */
main[data-barba-namespace="about"]{
  --about-accent:#65115f;
  --about-accent-soft:#f4dcf5;
  --about-panel:#f4f4f2;
  --about-ink:#0a0a0c;
  --about-muted:#707074;
  overflow:hidden;
}
main[data-barba-namespace="about"] .about-page-hero{
  min-height:min(780px,92vh);
  padding:clamp(138px,17vw,210px) var(--pad) clamp(76px,9vw,118px);
  display:grid;
  align-items:center;
  background:
    radial-gradient(circle at 78% 28%,rgba(101,17,95,.08),transparent 21%),
    radial-gradient(circle at 18% 75%,rgba(0,0,0,.055),transparent 24%),
    #fff;
  position:relative;
}
main[data-barba-namespace="about"] .about-page-hero::before{
  content:"";
  position:absolute;
  inset:90px 0 auto;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,0,0,.12),transparent);
}
main[data-barba-namespace="about"] .about-page-hero::after{
  content:"";
  position:absolute;
  right:clamp(22px,7vw,110px);
  bottom:clamp(28px,5vw,70px);
  width:10px;
  aspect-ratio:1;
  border-radius:50%;
  background:var(--about-accent);
  box-shadow:0 0 0 16px rgba(101,17,95,.09),0 0 0 34px rgba(101,17,95,.04);
  animation:aboutHeroPulse 3.8s ease-in-out infinite;
}
@keyframes aboutHeroPulse{50%{transform:scale(.78);box-shadow:0 0 0 24px rgba(101,17,95,.08),0 0 0 48px rgba(101,17,95,0)}}
main[data-barba-namespace="about"] .about-page-hero__inner{position:relative;z-index:1;text-align:center;max-width:1060px}
main[data-barba-namespace="about"] .about-hero-kicker{
  margin:0 0 28px;
  font-size:10px;
  line-height:1;
  letter-spacing:.17em;
  text-transform:uppercase;
  color:#777;
  font-weight:650;
}
main[data-barba-namespace="about"] .about-main-title{
  font-size:clamp(54px,8.6vw,132px)!important;
  line-height:.82!important;
  letter-spacing:-.085em!important;
  font-weight:520!important;
  margin:0 auto!important;
  max-width:1100px;
}
main[data-barba-namespace="about"] .about-hero-summary{
  max-width:620px;
  margin:clamp(32px,4vw,54px) auto 0;
  font-size:clamp(16px,1.55vw,21px);
  line-height:1.45;
  letter-spacing:-.025em;
  color:#3d3d42;
}
main[data-barba-namespace="about"] .about-media-wide{padding:clamp(22px,3.8vw,52px) 0}
main[data-barba-namespace="about"] .about-media-wide--top{padding-top:0;margin-top:-1px}
main[data-barba-namespace="about"] .about-wide-frame{
  position:relative;
  border-radius:clamp(18px,2.2vw,30px)!important;
  box-shadow:none!important;
  background:#ededeb;
  overflow:hidden;
  isolation:isolate;
}
main[data-barba-namespace="about"] .about-wide-frame::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.42));
}
main[data-barba-namespace="about"] .about-wide-frame>img{
  width:100%;
  height:auto;
  aspect-ratio:2.08/1;
  object-fit:cover;
  object-position:center 24%;
  filter:saturate(.9) contrast(1.05);
}
main[data-barba-namespace="about"] .about-media-wide--top .about-wide-frame>img{object-position:center 18%}
main[data-barba-namespace="about"] .about-wide-caption{
  position:absolute;
  inset:auto clamp(18px,3vw,40px) clamp(18px,2.5vw,34px);
  z-index:2;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
main[data-barba-namespace="about"] .about-wide-caption span{
  display:inline-flex;
  min-height:35px;
  align-items:center;
  padding:0 15px;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  color:#111;
  border:1px solid rgba(255,255,255,.48);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:650;
}
main[data-barba-namespace="about"] .about-split{
  display:grid;
  grid-template-columns:minmax(120px,.42fr) minmax(0,1fr);
  gap:clamp(38px,8vw,132px);
  align-items:start;
  max-width:1100px;
  margin-inline:auto;
}
main[data-barba-namespace="about"] .about-split--heading{grid-template-columns:minmax(280px,.84fr) minmax(0,1fr)}
main[data-barba-namespace="about"] .about-copy-block p{
  font-size:clamp(16px,1.42vw,20px)!important;
  line-height:1.52!important;
  letter-spacing:-.025em!important;
  margin:0 0 24px!important;
  color:#18181b;
  font-weight:400!important;
}
main[data-barba-namespace="about"] .about-copy-title{
  margin:0 0 28px;
  max-width:700px;
  font-size:clamp(28px,3.4vw,50px);
  line-height:1.02;
  letter-spacing:-.055em;
  font-weight:520;
}
main[data-barba-namespace="about"] .eyebrow{
  font-size:10px!important;
  letter-spacing:.14em!important;
  color:#808084!important;
  font-weight:680!important;
  margin-top:.36em!important;
}
main[data-barba-namespace="about"] .about-manifesto{padding-top:clamp(72px,10vw,146px);padding-bottom:clamp(58px,8vw,110px)}
main[data-barba-namespace="about"] .about-section-title{
  font-size:clamp(38px,5.2vw,78px)!important;
  line-height:.92!important;
  letter-spacing:-.072em!important;
  font-weight:510!important;
  margin:0!important;
}
main[data-barba-namespace="about"] .about-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,3vw,36px)!important;
  margin-top:clamp(34px,5vw,62px)!important;
  padding-top:26px;
  border-top:1px solid #d8d8d8;
}
main[data-barba-namespace="about"] .about-stats strong{font-size:clamp(29px,3.35vw,46px)!important;font-weight:540!important;letter-spacing:-.065em!important}
main[data-barba-namespace="about"] .about-stats span{font-size:9px!important;letter-spacing:.1em!important}
main[data-barba-namespace="about"] .about-workspace .about-wide-frame>img{aspect-ratio:1.9/1;object-position:center 44%}
main[data-barba-namespace="about"] .about-workspace-note{
  position:absolute;
  z-index:2;
  left:clamp(18px,4vw,54px);
  right:clamp(18px,4vw,54px);
  bottom:clamp(18px,3vw,42px);
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  color:#fff;
}
main[data-barba-namespace="about"] .about-workspace-note span{
  font-size:clamp(22px,3.2vw,48px);
  line-height:.94;
  letter-spacing:-.06em;
  font-weight:520;
}
main[data-barba-namespace="about"] .about-workspace-note p{
  margin:0;
  max-width:410px;
  font-size:13px;
  line-height:1.45;
  color:rgba(255,255,255,.8);
}
main[data-barba-namespace="about"] .about-awards{padding-top:clamp(76px,10vw,140px);padding-bottom:clamp(80px,10vw,138px)}
main[data-barba-namespace="about"] .about-principles{display:flex;flex-wrap:wrap;gap:9px;margin-top:32px}
main[data-barba-namespace="about"] .about-principles span{
  display:inline-flex;
  min-height:40px;
  align-items:center;
  padding:0 16px;
  border:1px solid #d5d5d5;
  border-radius:999px;
  font-size:11px;
  font-weight:560;
  color:#333;
  background:#fff;
}
main[data-barba-namespace="about"] .about-clients{
  padding-top:clamp(84px,11vw,150px);
  padding-bottom:clamp(64px,8vw,112px);
  background:linear-gradient(180deg,#f7f7f5,#fff);
  border-radius:clamp(28px,4vw,50px) clamp(28px,4vw,50px) 0 0;
}
main[data-barba-namespace="about"] .about-logo-cloud{
  margin-top:0!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(22px,4vw,48px) clamp(20px,5vw,70px);
}
main[data-barba-namespace="about"] .about-logo-cloud span{
  position:relative;
  padding-left:18px;
  font-size:clamp(14px,1.25vw,18px)!important;
  font-weight:560!important;
  letter-spacing:-.035em!important;
  color:#171717!important;
}
main[data-barba-namespace="about"] .about-logo-cloud span::before{
  content:"";
  position:absolute;
  left:0;
  top:.52em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--about-accent);
}
main[data-barba-namespace="about"] .about-quote{
  display:grid;
  grid-template-columns:minmax(120px,.36fr) minmax(0,1fr);
  gap:clamp(34px,8vw,132px);
  max-width:1100px;
  margin-top:clamp(72px,9vw,120px);
  padding-top:34px;
  border-top:1px solid #d4d4d4;
}
main[data-barba-namespace="about"] .about-quote blockquote{
  margin:0;
  font-size:clamp(20px,2.7vw,40px);
  line-height:1.16;
  letter-spacing:-.045em;
  max-width:780px;
  color:#111;
}
main[data-barba-namespace="about"] .about-team{
  padding-top:clamp(94px,12vw,164px);
  padding-bottom:clamp(80px,11vw,150px);
}
main[data-barba-namespace="about"] .about-team-heading,
main[data-barba-namespace="about"] .about-journey-heading,
main[data-barba-namespace="about"] .about-global-heading{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.65fr);
  gap:clamp(36px,8vw,120px);
  align-items:end;
  margin-bottom:clamp(48px,7vw,88px);
}
main[data-barba-namespace="about"] .about-team-heading>p,
main[data-barba-namespace="about"] .about-journey-heading>p,
main[data-barba-namespace="about"] .about-global-heading>p{
  margin:0 0 5px;
  max-width:460px;
  font-size:clamp(15px,1.28vw,18px);
  line-height:1.55;
  letter-spacing:-.02em;
  color:#545459;
}
main[data-barba-namespace="about"] .about-team-slider{
  position:relative;
  border-top:1px solid #d4d4d4;
  padding-top:20px;
}
main[data-barba-namespace="about"] .about-team-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
main[data-barba-namespace="about"] .about-team-toolbar>p{margin:0;font-size:11px;letter-spacing:.11em;color:#777;font-weight:680}
main[data-barba-namespace="about"] .about-slider-actions{display:flex;gap:9px}
main[data-barba-namespace="about"] .about-slider-actions button{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #d7d7d7;
  border-radius:50%;
  background:#fff;
  color:#111;
  cursor:pointer;
  transition:transform .4s var(--ease),background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease);
}
main[data-barba-namespace="about"] .about-slider-actions button:hover{transform:translateY(-3px);background:#111;color:#fff;border-color:#111}
main[data-barba-namespace="about"] .about-slider-actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
main[data-barba-namespace="about"] .about-team-viewport{
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
  outline:none;
}
main[data-barba-namespace="about"] .about-team-viewport::-webkit-scrollbar{display:none}
main[data-barba-namespace="about"] .about-team-track{display:flex;gap:clamp(18px,2.5vw,34px);width:max-content;padding:0 max(1px,calc((100vw - min(var(--max),calc(100vw - var(--pad)*2)))/2)) 8px 0}
main[data-barba-namespace="about"] .about-team-card{
  flex:0 0 clamp(280px,35vw,450px);
  scroll-snap-align:start;
  border-radius:28px;
  overflow:hidden;
  background:#f3f3f1;
  border:1px solid rgba(0,0,0,.055);
  transition:transform .65s var(--ease),box-shadow .65s var(--ease);
}
main[data-barba-namespace="about"] .about-team-card:hover{transform:translateY(-7px);box-shadow:0 30px 80px rgba(0,0,0,.09)}
main[data-barba-namespace="about"] .about-team-visual{
  position:relative;
  aspect-ratio:1.18/1;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 28%,rgba(101,17,95,.2),transparent 27%),
    linear-gradient(145deg,#ececeb,#dadad7);
}
main[data-barba-namespace="about"] .about-team-visual::before{
  content:"";
  position:absolute;
  width:62%;
  aspect-ratio:1;
  border:1px solid rgba(255,255,255,.9);
  border-radius:50%;
  box-shadow:0 0 0 28px rgba(255,255,255,.23),0 0 0 70px rgba(255,255,255,.12);
}
main[data-barba-namespace="about"] .about-team-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.04)}
main[data-barba-namespace="about"] .about-team-initials{position:relative;z-index:1;font-size:clamp(52px,6vw,90px);line-height:1;letter-spacing:-.08em;font-weight:520;color:#171719}
main[data-barba-namespace="about"] .about-team-number{
  position:absolute;
  right:18px;
  top:18px;
  z-index:2;
  min-width:39px;
  height:39px;
  padding:0 10px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(10px);
  font-size:10px;
  font-weight:700;
}
main[data-barba-namespace="about"] .about-team-content{padding:clamp(24px,3vw,36px)}
main[data-barba-namespace="about"] .about-team-role{margin:0 0 14px!important;font-size:10px!important;line-height:1.3!important;letter-spacing:.11em!important;text-transform:uppercase;color:var(--about-accent)!important;font-weight:700!important}
main[data-barba-namespace="about"] .about-team-content h3{margin:0 0 18px;font-size:clamp(24px,2.6vw,36px);line-height:1;letter-spacing:-.055em;font-weight:540}
main[data-barba-namespace="about"] .about-team-content>p:last-child{margin:0;font-size:14px;line-height:1.5;color:#606065}
main[data-barba-namespace="about"] .about-team-dots{display:flex;align-items:center;gap:8px;margin-top:24px}
main[data-barba-namespace="about"] .about-team-dots button{width:28px;height:4px;border:0;border-radius:99px;padding:0;background:#dedede;cursor:pointer;transition:width .35s var(--ease),background .35s var(--ease)}
main[data-barba-namespace="about"] .about-team-dots button.is-active{width:54px;background:var(--about-accent)}
main[data-barba-namespace="about"] .about-journey{
  padding-top:clamp(90px,12vw,170px);
  padding-bottom:clamp(90px,12vw,170px);
  background:#121214;
  color:#fff;
  border-radius:clamp(28px,4vw,50px);
}
main[data-barba-namespace="about"] .about-journey .eyebrow{color:#909096!important}
main[data-barba-namespace="about"] .about-journey-heading>p{color:#aaaab0}
main[data-barba-namespace="about"] .about-timeline{list-style:none;margin:0;padding:0;position:relative}
main[data-barba-namespace="about"] .about-timeline::before{
  content:"";
  position:absolute;
  left:50%;
  top:18px;
  bottom:28px;
  width:1px;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.5),rgba(255,255,255,.12));
}
main[data-barba-namespace="about"] .about-timeline-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);
  align-items:center;
  min-height:280px;
  position:relative;
}
main[data-barba-namespace="about"] .about-timeline-item:nth-child(odd) .about-timeline-year{grid-column:1;justify-self:end;padding-right:clamp(30px,5vw,74px)}
main[data-barba-namespace="about"] .about-timeline-item:nth-child(odd) .about-timeline-marker{grid-column:2}
main[data-barba-namespace="about"] .about-timeline-item:nth-child(odd) .about-timeline-card{grid-column:3;margin-left:clamp(26px,4vw,58px)}
main[data-barba-namespace="about"] .about-timeline-item:nth-child(even) .about-timeline-card{grid-column:1;grid-row:1;margin-right:clamp(26px,4vw,58px)}
main[data-barba-namespace="about"] .about-timeline-item:nth-child(even) .about-timeline-marker{grid-column:2;grid-row:1}
main[data-barba-namespace="about"] .about-timeline-item:nth-child(even) .about-timeline-year{grid-column:3;grid-row:1;justify-self:start;padding-left:clamp(30px,5vw,74px)}
main[data-barba-namespace="about"] .about-timeline-year{
  font-size:clamp(56px,8vw,112px);
  line-height:.78;
  letter-spacing:-.09em;
  font-weight:520;
  color:rgba(255,255,255,.08);
  user-select:none;
}
main[data-barba-namespace="about"] .about-timeline-marker{position:relative;display:grid;place-items:center;z-index:2}
main[data-barba-namespace="about"] .about-timeline-marker::before{content:"";position:absolute;width:28px;height:28px;border-radius:50%;background:#121214;border:1px solid rgba(255,255,255,.4);box-shadow:0 0 0 10px #121214}
main[data-barba-namespace="about"] .about-timeline-marker span{position:relative;z-index:1;font-size:8px;color:#fff;font-weight:700}
main[data-barba-namespace="about"] .about-timeline-card{
  max-width:470px;
  padding:clamp(24px,3vw,38px);
  border:1px solid rgba(255,255,255,.12);
  border-radius:26px;
  background:rgba(255,255,255,.045);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
main[data-barba-namespace="about"] .about-timeline-item.is-accent .about-timeline-card{background:linear-gradient(135deg,rgba(101,17,95,.55),rgba(101,17,95,.15));border-color:rgba(244,220,245,.34)}
main[data-barba-namespace="about"] .about-timeline-item.is-accent .about-timeline-marker::before{background:var(--about-accent);border-color:#f6ddf6;box-shadow:0 0 0 10px #121214,0 0 0 16px rgba(101,17,95,.24)}
main[data-barba-namespace="about"] .about-timeline-date{margin:0 0 16px!important;font-size:9px!important;letter-spacing:.13em!important;text-transform:uppercase;color:#a4a4aa!important;font-weight:700!important}
main[data-barba-namespace="about"] .about-timeline-card h3{margin:0 0 16px;font-size:clamp(22px,2.6vw,36px);line-height:1.04;letter-spacing:-.05em;font-weight:520}
main[data-barba-namespace="about"] .about-timeline-card>p:last-of-type{margin:0;font-size:14px;line-height:1.55;color:#bebec3}
main[data-barba-namespace="about"] .about-registration-chip{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.17);display:flex;align-items:center;justify-content:space-between;gap:18px}
main[data-barba-namespace="about"] .about-registration-chip span{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#e3c7e2;font-weight:700}
main[data-barba-namespace="about"] .about-registration-chip strong{font-size:16px;letter-spacing:-.03em}
main[data-barba-namespace="about"] .about-global{padding-top:clamp(100px,13vw,180px);padding-bottom:clamp(90px,12vw,165px)}
main[data-barba-namespace="about"] .about-global-heading strong{font-weight:650;color:#161616}
main[data-barba-namespace="about"] .about-world-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  border:1px solid #e2e2e0;
  border-radius:clamp(24px,3vw,38px);
  overflow:hidden;
  background:#f6f6f4;
  box-shadow:0 34px 90px rgba(0,0,0,.06);
}
main[data-barba-namespace="about"] .about-world-map{position:relative;min-width:0;padding:clamp(12px,2vw,28px);background:#fff;overflow:hidden}
main[data-barba-namespace="about"] .about-world-map svg{display:block;width:100%;height:auto;color:#777772;opacity:.92}
main[data-barba-namespace="about"] .about-map-pin{
  position:absolute;
  left:var(--pin-x);
  top:var(--pin-y);
  width:32px;
  height:32px;
  margin:-16px 0 0 -16px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  z-index:4;
}
main[data-barba-namespace="about"] .about-map-pin__pulse,
main[data-barba-namespace="about"] .about-map-pin__dot{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:50%}
main[data-barba-namespace="about"] .about-map-pin__pulse{width:44px;height:44px;background:rgba(180,46,175,.18);box-shadow:0 0 0 10px rgba(218,108,213,.12);animation:aboutMapPulse 2.8s ease-out infinite}
main[data-barba-namespace="about"] .about-map-pin__dot{width:14px;height:14px;background:var(--about-accent);border:3px solid #fff;box-shadow:0 5px 16px rgba(101,17,95,.33)}
@keyframes aboutMapPulse{0%{transform:translate(-50%,-50%) scale(.75);opacity:.95}70%,100%{transform:translate(-50%,-50%) scale(1.28);opacity:.22}}
main[data-barba-namespace="about"] .about-map-pin__label{
  position:absolute;
  left:50%;
  bottom:calc(100% + 17px);
  transform:translateX(-50%) translateY(6px);
  min-width:max-content;
  padding:9px 14px;
  border-radius:999px;
  background:#211025;
  color:#fff;
  font-size:11px;
  font-weight:570;
  box-shadow:0 16px 35px rgba(33,16,37,.2);
  opacity:0;
  pointer-events:none;
  transition:opacity .35s var(--ease),transform .35s var(--ease);
}
main[data-barba-namespace="about"] .about-map-pin__label::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#211025}
main[data-barba-namespace="about"] .about-map-pin:hover .about-map-pin__label,
main[data-barba-namespace="about"] .about-map-pin:focus-visible .about-map-pin__label,
main[data-barba-namespace="about"] .about-map-pin.is-active .about-map-pin__label{opacity:1;transform:translateX(-50%) translateY(0)}
main[data-barba-namespace="about"] .about-map-pin.is-active .about-map-pin__dot{background:#7b0d73;box-shadow:0 0 0 7px rgba(101,17,95,.15),0 8px 20px rgba(101,17,95,.35)}
main[data-barba-namespace="about"] .about-world-info{padding:clamp(28px,3.5vw,46px);display:flex;flex-direction:column;justify-content:flex-end;border-left:1px solid #dededc;background:#f3f3f0}
main[data-barba-namespace="about"] .about-world-info>span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#858589;font-weight:700}
main[data-barba-namespace="about"] .about-world-info>strong{display:block;margin-top:14px;font-size:clamp(28px,3vw,42px);line-height:1;letter-spacing:-.06em;font-weight:540}
main[data-barba-namespace="about"] .about-world-info>p{min-height:44px;margin:14px 0 32px;font-size:13px;line-height:1.5;color:#626267}
main[data-barba-namespace="about"] .about-world-location-list{display:grid;gap:8px}
main[data-barba-namespace="about"] .about-world-location-list button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 14px;border:1px solid #d8d8d6;border-radius:13px;background:rgba(255,255,255,.55);color:#444;cursor:pointer;text-align:left;font-size:12px;font-weight:590;transition:background .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease)}
main[data-barba-namespace="about"] .about-world-location-list button:hover{transform:translateX(3px)}
main[data-barba-namespace="about"] .about-world-location-list button span{width:7px;height:7px;border-radius:50%;background:#aaa}
main[data-barba-namespace="about"] .about-world-location-list button.is-active{background:#fff;border-color:#bbb;color:#111}
main[data-barba-namespace="about"] .about-world-location-list button.is-active span{background:var(--about-accent);box-shadow:0 0 0 5px rgba(101,17,95,.1)}
main[data-barba-namespace="about"] .about-benefits{
  border-radius:clamp(28px,4vw,48px)!important;
  margin-top:0;
  padding:clamp(84px,11vw,148px) var(--pad)!important;
  background:#151515!important;
}
main[data-barba-namespace="about"] .about-benefits .container{max-width:1100px}
main[data-barba-namespace="about"] .about-benefits .eyebrow{color:#85858b!important}
main[data-barba-namespace="about"] .about-benefits .about-section-title{color:#fff!important;margin-bottom:clamp(50px,7vw,86px)!important}
main[data-barba-namespace="about"] .about-benefits .benefit-list{margin-top:0!important;border-top:1px solid rgba(255,255,255,.32)!important}
main[data-barba-namespace="about"] .about-benefits .benefit-item{grid-template-columns:.36fr .68fr 1.22fr;padding:clamp(28px,4vw,46px) 0!important;border-bottom:1px solid rgba(255,255,255,.28)!important}
main[data-barba-namespace="about"] .about-benefits .benefit-icon{font-size:10px!important;letter-spacing:.13em;color:#777!important;font-weight:700}
main[data-barba-namespace="about"] .about-benefits .benefit-item h3{font-size:10px!important;font-weight:650!important;letter-spacing:.12em!important;color:#a7a7a7!important}
main[data-barba-namespace="about"] .about-benefits .benefit-item p{font-size:clamp(16px,1.42vw,20px)!important;line-height:1.35!important;letter-spacing:-.025em!important;color:#fff!important}
main[data-barba-namespace="about"] .about-know{padding-top:clamp(92px,12vw,164px);padding-bottom:clamp(94px,12vw,170px)}
main[data-barba-namespace="about"] .about-know .btn{margin-top:10px}
@media(max-width:960px){
  main[data-barba-namespace="about"] .about-world-card{grid-template-columns:1fr}
  main[data-barba-namespace="about"] .about-world-info{border-left:0;border-top:1px solid #dededc;display:grid;grid-template-columns:minmax(180px,.7fr) 1fr;gap:24px;align-items:end}
  main[data-barba-namespace="about"] .about-world-info>span,main[data-barba-namespace="about"] .about-world-info>strong,main[data-barba-namespace="about"] .about-world-info>p{grid-column:1}
  main[data-barba-namespace="about"] .about-world-info>p{margin-bottom:0}
  main[data-barba-namespace="about"] .about-world-location-list{grid-column:2;grid-row:1/4}
}
@media(max-width:860px){
  main[data-barba-namespace="about"] .about-page-hero{min-height:auto;padding-top:132px;padding-bottom:88px}
  main[data-barba-namespace="about"] .about-main-title{font-size:clamp(52px,15vw,80px)!important}
  main[data-barba-namespace="about"] .about-split,
  main[data-barba-namespace="about"] .about-split--heading,
  main[data-barba-namespace="about"] .about-quote,
  main[data-barba-namespace="about"] .about-team-heading,
  main[data-barba-namespace="about"] .about-journey-heading,
  main[data-barba-namespace="about"] .about-global-heading{grid-template-columns:1fr;gap:24px}
  main[data-barba-namespace="about"] .about-wide-frame>img{aspect-ratio:1.32/1;object-position:center top}
  main[data-barba-namespace="about"] .about-workspace .about-wide-frame>img{aspect-ratio:1.18/1;object-position:center}
  main[data-barba-namespace="about"] .about-workspace-note{display:block}
  main[data-barba-namespace="about"] .about-workspace-note p{margin-top:14px;max-width:540px}
  main[data-barba-namespace="about"] .about-logo-cloud{grid-template-columns:repeat(2,minmax(0,1fr))}
  main[data-barba-namespace="about"] .about-team-heading>p,
  main[data-barba-namespace="about"] .about-journey-heading>p,
  main[data-barba-namespace="about"] .about-global-heading>p{max-width:650px}
  main[data-barba-namespace="about"] .about-timeline::before{left:17px}
  main[data-barba-namespace="about"] .about-timeline-item{display:grid;grid-template-columns:36px minmax(0,1fr);min-height:auto;padding:0 0 52px}
  main[data-barba-namespace="about"] .about-timeline-item:last-child{padding-bottom:0}
  main[data-barba-namespace="about"] .about-timeline-item:nth-child(n) .about-timeline-year{position:absolute;right:0;top:0;grid-column:auto;grid-row:auto;padding:0!important;font-size:clamp(50px,14vw,86px);color:rgba(255,255,255,.055)}
  main[data-barba-namespace="about"] .about-timeline-item:nth-child(n) .about-timeline-marker{grid-column:1;grid-row:1;align-self:start;margin-top:30px}
  main[data-barba-namespace="about"] .about-timeline-item:nth-child(n) .about-timeline-card{grid-column:2;grid-row:1;margin:0 0 0 18px;max-width:none;position:relative;z-index:1}
  main[data-barba-namespace="about"] .about-benefits .benefit-item{grid-template-columns:40px 1fr;gap:14px 18px}
  main[data-barba-namespace="about"] .about-benefits .benefit-item p{grid-column:2/3}
}
@media(max-width:620px){
  main[data-barba-namespace="about"] .about-page-hero::after{right:28px;bottom:28px}
  main[data-barba-namespace="about"] .about-hero-summary{font-size:15px}
  main[data-barba-namespace="about"] .about-wide-caption{display:none}
  main[data-barba-namespace="about"] .about-workspace-note span{font-size:28px}
  main[data-barba-namespace="about"] .about-workspace-note p{font-size:11px}
  main[data-barba-namespace="about"] .about-stats{gap:12px!important}
  main[data-barba-namespace="about"] .about-stats strong{font-size:27px!important}
  main[data-barba-namespace="about"] .about-stats span{font-size:8px!important}
  main[data-barba-namespace="about"] .about-quote blockquote{font-size:22px}
  main[data-barba-namespace="about"] .about-team-card{flex-basis:min(84vw,340px);border-radius:22px}
  main[data-barba-namespace="about"] .about-team-visual{aspect-ratio:1.08/1}
  main[data-barba-namespace="about"] .about-slider-actions button{width:44px;height:44px}
  main[data-barba-namespace="about"] .about-timeline-card{padding:23px;border-radius:21px}
  main[data-barba-namespace="about"] .about-world-map{padding:4px;min-height:280px;display:flex;align-items:center}
  main[data-barba-namespace="about"] .about-world-map svg{width:116%;max-width:none;margin-left:-8%}
  main[data-barba-namespace="about"] .about-map-pin{transform:scale(.82)}
  main[data-barba-namespace="about"] .about-map-pin__label{font-size:10px;padding:8px 11px}
  main[data-barba-namespace="about"] .about-world-info{display:block;padding:26px}
  main[data-barba-namespace="about"] .about-world-info>p{margin-bottom:24px}
  main[data-barba-namespace="about"] .about-logo-cloud{gap:20px 12px}
  main[data-barba-namespace="about"] .about-logo-cloud span{font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){
  main[data-barba-namespace="about"] .about-page-hero::after,
  main[data-barba-namespace="about"] .about-map-pin__pulse{animation:none!important}
  main[data-barba-namespace="about"] .about-team-viewport{scroll-behavior:auto!important}
}


/* Admin rebuild: clean URL compatible, user-friendly, upload/link media support */
.admin-shell--pro{min-height:100vh;display:grid;grid-template-columns:300px minmax(0,1fr)}
.admin-sidebar--pro{position:sticky;top:0;height:100vh;overflow:auto;scrollbar-width:thin}
.admin-nav-pro{display:grid;gap:7px}
.admin-nav-pro a{text-decoration:none;color:rgba(255,255,255,.72)}
.admin-nav-pro a.active,.admin-nav-pro a:hover{color:#08080a!important;background:#fff!important}
.admin-main--pro{min-width:0;padding:clamp(20px,3vw,42px)}
.admin-top-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.admin-user-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(0,0,0,.08);background:#fff;border-radius:999px;padding:10px 14px;font-weight:800;font-size:13px;color:#111}
.admin-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#777;font-weight:900;margin:0 0 8px}
.admin-quick-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.admin-stat{text-decoration:none;color:inherit;display:block}.admin-stat:hover{transform:translateY(-4px)}
.admin-stat-grid--pro{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-form.is-saving{opacity:.72;pointer-events:none}.admin-form code,.admin-card code{background:#f1f1f3;border-radius:8px;padding:2px 6px}
.admin-thumb{display:block;width:min(220px,100%);max-height:150px;object-fit:cover;border-radius:18px;border:1px solid rgba(0,0,0,.08);background:#f6f6f6}.admin-thumb--avatar{width:90px;height:90px;border-radius:50%}.admin-table-img{width:84px;height:58px;object-fit:cover;border-radius:12px}.admin-avatar-img{width:54px;height:54px;object-fit:cover;border-radius:50%;background:#eee}.check-row{display:flex!important;align-items:center;gap:10px;line-height:1.2}.check-row input{width:auto!important}.admin-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.admin-media-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:24px;padding:14px;box-shadow:0 18px 50px rgba(0,0,0,.04);display:grid;gap:10px}.admin-media-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;background:#f3f3f3}.admin-media-card strong{font-size:15px}.admin-media-card small{color:#777}.admin-media-card input{width:100%;border:1px solid #e8e8e8;border-radius:12px;padding:10px;font-size:12px;background:#fafafa}.admin-page-editor{margin-top:22px}.admin-page-editor fieldset{align-content:start}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-actions .admin-btn{min-height:34px;padding:0 12px;font-size:12px}.admin-table a{font-weight:800;color:#000}.admin-table{min-width:820px}.admin-card{overflow:auto}
@media(max-width:1180px){.admin-media-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.admin-shell--pro{grid-template-columns:1fr}.admin-sidebar--pro{position:relative;height:auto}.admin-stat-grid--pro{grid-template-columns:repeat(2,1fr)}.admin-media-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.admin-stat-grid--pro,.admin-media-grid{grid-template-columns:1fr}.admin-top-actions{justify-content:flex-start;margin-top:14px}.admin-main--pro{padding:16px}.admin-sidebar--pro{padding:18px}.admin-table{min-width:720px}}


/* === Header-only update: lighter desktop text + reliable mobile menu === */
.site-header{
  height:76px!important;
  padding-left:max(22px,var(--pad))!important;
  padding-right:max(22px,var(--pad))!important;
}
.site-header .brand{
  font-size:24px!important;
  font-weight:560!important;
  letter-spacing:-.055em!important;
  line-height:1!important;
}
.site-header .main-nav{
  font-size:15.5px!important;
  font-weight:400!important;
  letter-spacing:-.015em!important;
  gap:34px!important;
}
.site-header .main-nav a{
  font-weight:400!important;
  line-height:1.15!important;
}
.nav-toggle{
  -webkit-tap-highlight-color:transparent;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:6px!important;
  z-index:1003!important;
}
.nav-toggle span{
  width:22px!important;
  height:1.5px!important;
  margin:0!important;
  border-radius:99px!important;
  transform-origin:center!important;
}
@media (max-width:900px){
  .site-header{
    height:72px!important;
    padding-left:22px!important;
    padding-right:max(18px,env(safe-area-inset-right))!important;
    mix-blend-mode:normal!important;
    color:#0b0b0d!important;
    pointer-events:none!important;
  }
  .site-header .brand{
    font-size:23px!important;
    font-weight:560!important;
    pointer-events:auto!important;
    color:#0b0b0d!important;
    position:relative!important;
    z-index:1004!important;
  }
  .site-header .nav-toggle{
    display:flex!important;
    position:fixed!important;
    top:max(14px,env(safe-area-inset-top))!important;
    right:max(16px,env(safe-area-inset-right))!important;
    width:48px!important;
    height:48px!important;
    border-radius:50%!important;
    border:1px solid rgba(0,0,0,.12)!important;
    background:rgba(255,255,255,.86)!important;
    color:#0b0b0d!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.08)!important;
    pointer-events:auto!important;
  }
  .site-header .main-nav{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100vh!important;
    background:#0b0b0d!important;
    color:#fff!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding:92px 28px 44px!important;
    gap:18px!important;
    font-size:clamp(34px,10vw,54px)!important;
    font-weight:400!important;
    letter-spacing:-.055em!important;
    line-height:.95!important;
    transform:translate3d(0,-105%,0)!important;
    opacity:0!important;
    visibility:hidden!important;
    transition:transform .72s var(--ease),opacity .48s var(--ease),visibility 0s linear .72s!important;
    mix-blend-mode:normal!important;
    z-index:1002!important;
    pointer-events:auto!important;
  }
  .site-header .main-nav a{
    font-size:inherit!important;
    font-weight:400!important;
    opacity:1!important;
    transform:none!important;
  }
  body.nav-open .site-header{color:#fff!important}
  body.nav-open .site-header .brand{color:#fff!important}
  body.nav-open .site-header .nav-toggle{
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.18)!important;
    box-shadow:none!important;
  }
  body.nav-open .site-header .main-nav{
    transform:translate3d(0,0,0)!important;
    opacity:1!important;
    visibility:visible!important;
    transition:transform .72s var(--ease),opacity .48s var(--ease),visibility 0s linear 0s!important;
  }
  body.nav-open .nav-toggle span:first-child{transform:translateY(3.75px) rotate(45deg)!important}
  body.nav-open .nav-toggle span:last-child{transform:translateY(-3.75px) rotate(-45deg)!important}
}


/* === Typography system upgrade (Clash Display + General Sans) — appended last to win cascade === */
:root{
  --font-display:"Clash Display",system-ui,sans-serif;
  --font-body:"General Sans",system-ui,sans-serif;
}
body{font-family:var(--font-body)!important}
.section-title,.hero-title,.contact-title,.single-hero h1,.page-title-center h1,
.home-hero h1,.idea-strip__content p,.marquee span,.brand,.stats strong,
.project-card h3,.blog-card h3,.service-card span,.side-card h3,.login-card h1,
main[data-barba-namespace="about"] .about-main-title,
main[data-barba-namespace="about"] .about-section-title{
  font-family:var(--font-display)!important;
  font-weight:500!important;
  letter-spacing:-.045em!important;
}
.eyebrow,.main-nav,.lead,.muted,p,.sub,.btn,.pill,.chip,.review-text,
.footer-grid,.footer-bottom{font-family:var(--font-body)!important}
.admin-muted{color:#6b7280;margin:-10px 0 22px;line-height:1.55}.admin-muted a{font-weight:800;text-decoration:underline}.copy-input{width:100%;border:1px solid #ddd;border-radius:12px;padding:10px 12px;background:#fafafa;font-size:12px;margin-bottom:8px}.admin-card h3{margin-top:0}.admin-form small{color:#777;font-weight:600}.admin-form select{min-height:44px}

/* WhiteCoder admin sectioned control update */
.admin-nav-sectioned{gap:16px}
.admin-nav-group{display:grid;gap:7px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:rgba(255,255,255,.025)}
.admin-nav-group small{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.42);padding:2px 8px 6px}
.admin-table-wrap{overflow:auto;max-height:480px;border:1px solid rgba(255,255,255,.08);border-radius:18px}
.admin-form label small{display:block;margin-top:3px;font-size:11px;color:rgba(255,255,255,.42);font-weight:500}
.admin-form select{width:100%;border:1px solid rgba(255,255,255,.12);background:#101014;color:#fff;border-radius:14px;padding:13px 14px;font:inherit;outline:none}
.google-review-link{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:13px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#fff;color:#111;text-decoration:none;font-weight:800;letter-spacing:-.02em;box-shadow:0 16px 45px rgba(255,255,255,.16)}
.google-review-link .google-mark{position:static;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#111;color:#fff;font-weight:900}
.review-source-link{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
.wc-source-overlay{position:fixed;inset:0;z-index:2147483647;display:none;align-items:center;justify-content:center;background:#050505;color:#fff;font:900 clamp(42px,10vw,120px)/1 Inter,Arial,sans-serif;letter-spacing:-.08em;text-transform:lowercase}
.wc-source-overlay.is-visible{display:flex}
@media (max-width:900px){.admin-nav-group{border-radius:16px;padding:8px}.admin-table-wrap{max-height:none}}

/* === About refinement update: open layout, image-only team, real dotted map === */
main[data-barba-namespace="about"]{
  font-family:var(--font-body,inherit)!important;
}
main[data-barba-namespace="about"] .about-main-title,
main[data-barba-namespace="about"] .about-section-title,
main[data-barba-namespace="about"] .about-copy-title,
main[data-barba-namespace="about"] .about-team-person__details strong,
main[data-barba-namespace="about"] .about-timeline-year,
main[data-barba-namespace="about"] .about-timeline-content h3,
main[data-barba-namespace="about"] .about-world-footer strong{
  font-family:var(--font-display,inherit)!important;
}
main[data-barba-namespace="about"] .about-clients,
main[data-barba-namespace="about"] .about-journey,
main[data-barba-namespace="about"] .about-benefits{
  border-radius:0!important;
}

/* Team: images only until clicked */
main[data-barba-namespace="about"] .about-team-slider{
  position:relative;
  border:0!important;
  padding:0 clamp(34px,4vw,58px)!important;
  background:transparent!important;
}
main[data-barba-namespace="about"] .about-team-viewport{
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
  outline:none;
}
main[data-barba-namespace="about"] .about-team-viewport::-webkit-scrollbar{display:none}
main[data-barba-namespace="about"] .about-team-track{
  display:flex;
  gap:clamp(14px,2vw,28px);
  width:max-content;
  padding:0 1px 8px!important;
}
main[data-barba-namespace="about"] .about-team-person{
  position:relative;
  flex:0 0 clamp(230px,26vw,360px);
  aspect-ratio:4/5;
  padding:0;
  border:0;
  border-radius:clamp(10px,1.2vw,16px);
  overflow:hidden;
  background:#ececeb;
  color:#fff;
  cursor:pointer;
  scroll-snap-align:start;
  isolation:isolate;
  text-align:left;
  box-shadow:none;
  transition:transform .55s var(--ease);
}
main[data-barba-namespace="about"] .about-team-person:hover{transform:translateY(-5px)}
main[data-barba-namespace="about"] .about-team-person:focus-visible{outline:2px solid var(--about-accent);outline-offset:5px}
main[data-barba-namespace="about"] .about-team-person img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.94) contrast(1.02);
  transform:scale(1.001);
  transition:transform .8s var(--ease),filter .55s var(--ease);
}
main[data-barba-namespace="about"] .about-team-person::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,transparent 38%,rgba(5,5,7,.88) 100%);
  opacity:0;
  transition:opacity .45s var(--ease);
}
main[data-barba-namespace="about"] .about-team-person__details{
  position:absolute;
  left:clamp(18px,2.2vw,28px);
  right:clamp(18px,2.2vw,28px);
  bottom:clamp(18px,2.2vw,28px);
  z-index:2;
  display:grid;
  gap:7px;
  opacity:0;
  transform:translateY(18px);
  pointer-events:none;
  transition:opacity .45s var(--ease),transform .55s var(--ease);
}
main[data-barba-namespace="about"] .about-team-person__details strong{
  font-size:clamp(24px,2.5vw,36px);
  line-height:.98;
  letter-spacing:-.05em;
  font-weight:500;
}
main[data-barba-namespace="about"] .about-team-person__details span{
  font-family:var(--font-body,inherit);
  font-size:11px;
  line-height:1.35;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(255,255,255,.76);
  font-weight:600;
}
main[data-barba-namespace="about"] .about-team-person.is-open::after{opacity:1}
main[data-barba-namespace="about"] .about-team-person.is-open img{transform:scale(1.045);filter:saturate(.75) contrast(1.08)}
main[data-barba-namespace="about"] .about-team-person.is-open .about-team-person__details{opacity:1;transform:translateY(0)}
main[data-barba-namespace="about"] .about-team-arrow{
  position:absolute;
  top:50%;
  z-index:5;
  width:38px;
  height:56px;
  margin-top:-28px;
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  background:transparent;
  color:#111;
  cursor:pointer;
  transition:transform .35s var(--ease),color .35s var(--ease);
}
main[data-barba-namespace="about"] .about-team-arrow:hover{color:var(--about-accent);transform:scale(1.12)}
main[data-barba-namespace="about"] .about-team-arrow--prev{left:0}
main[data-barba-namespace="about"] .about-team-arrow--next{right:0}
main[data-barba-namespace="about"] .about-team-arrow svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}

/* Journey: open line layout, no cards */
main[data-barba-namespace="about"] .about-journey{
  background:#121214!important;
  color:#fff;
}
main[data-barba-namespace="about"] .about-timeline{
  list-style:none;
  margin:0;
  padding:0;
  position:relative;
  border-top:1px solid rgba(255,255,255,.16);
}
main[data-barba-namespace="about"] .about-timeline::before{
  content:"";
  position:absolute;
  left:clamp(178px,18vw,245px);
  top:0;
  bottom:0;
  width:1px;
  background:rgba(255,255,255,.16);
}
main[data-barba-namespace="about"] .about-timeline-item{
  display:grid!important;
  grid-template-columns:clamp(150px,17vw,220px) 48px minmax(0,1fr)!important;
  align-items:start!important;
  min-height:0!important;
  padding:clamp(42px,6vw,74px) 0!important;
  border-bottom:1px solid rgba(255,255,255,.16);
  position:relative;
}
main[data-barba-namespace="about"] .about-timeline-item:nth-child(n) .about-timeline-year{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  padding:0!important;
}
main[data-barba-namespace="about"] .about-timeline-item:nth-child(n) .about-timeline-marker{
  grid-column:2!important;
  grid-row:1!important;
  align-self:start!important;
  margin-top:10px!important;
}
main[data-barba-namespace="about"] .about-timeline-item:nth-child(n) .about-timeline-content{
  grid-column:3!important;
  grid-row:1!important;
  margin:0!important;
}
main[data-barba-namespace="about"] .about-timeline-year{
  font-size:clamp(38px,5vw,72px)!important;
  line-height:.82!important;
  letter-spacing:-.07em!important;
  font-weight:500!important;
  color:rgba(255,255,255,.18)!important;
  user-select:none;
}
main[data-barba-namespace="about"] .about-timeline-marker{position:relative;display:grid;place-items:center;z-index:2}
main[data-barba-namespace="about"] .about-timeline-marker::before{
  content:"";
  position:absolute;
  width:15px;
  height:15px;
  border-radius:50%;
  background:#121214;
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 0 0 9px #121214;
}
main[data-barba-namespace="about"] .about-timeline-marker span{display:none}
main[data-barba-namespace="about"] .about-timeline-item.is-accent .about-timeline-marker::before{
  background:var(--about-accent);
  border-color:#f4dcf5;
  box-shadow:0 0 0 9px #121214,0 0 0 15px rgba(101,17,95,.28);
}
main[data-barba-namespace="about"] .about-timeline-content{
  max-width:720px;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
main[data-barba-namespace="about"] .about-timeline-date{
  margin:0 0 14px!important;
  font-family:var(--font-body,inherit)!important;
  font-size:9px!important;
  line-height:1.2!important;
  letter-spacing:.14em!important;
  text-transform:uppercase;
  color:#94949a!important;
  font-weight:650!important;
}
main[data-barba-namespace="about"] .about-timeline-content h3{
  margin:0 0 16px;
  font-size:clamp(24px,3vw,42px);
  line-height:1.02;
  letter-spacing:-.05em;
  font-weight:500;
}
main[data-barba-namespace="about"] .about-timeline-content>p:not(.about-timeline-date):not(.about-registration-line){
  margin:0;
  max-width:620px;
  font-size:clamp(14px,1.3vw,17px);
  line-height:1.6;
  color:#b9b9be;
}
main[data-barba-namespace="about"] .about-registration-line{
  display:flex;
  align-items:center;
  gap:16px;
  margin:24px 0 0!important;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.14);
}
main[data-barba-namespace="about"] .about-registration-line span{
  font-size:9px;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#d8b9d6;
  font-weight:650;
}
main[data-barba-namespace="about"] .about-registration-line strong{font-size:15px;letter-spacing:-.02em;color:#fff}

/* Real dotted world map, no card wrapper */
main[data-barba-namespace="about"] .about-world{
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
}
main[data-barba-namespace="about"] .about-world-map{
  position:relative;
  min-width:0;
  padding:0!important;
  background:transparent!important;
  overflow:visible!important;
}
main[data-barba-namespace="about"] .about-world-map>img{
  display:block;
  width:100%;
  height:auto;
  opacity:.95;
  user-select:none;
  pointer-events:none;
}
main[data-barba-namespace="about"] .about-world-footer{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:28px;
  padding-top:24px;
  border-top:1px solid #d9d9d7;
}
main[data-barba-namespace="about"] .about-world-footer>p{margin:0;display:grid;gap:6px}
main[data-barba-namespace="about"] .about-world-footer strong{
  font-size:clamp(26px,3vw,42px);
  line-height:1;
  letter-spacing:-.055em;
  font-weight:500;
}
main[data-barba-namespace="about"] .about-world-footer>p span{
  font-size:12px;
  line-height:1.45;
  color:#6d6d72;
}
main[data-barba-namespace="about"] .about-world-location-list{
  display:flex!important;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:18px!important;
}
main[data-barba-namespace="about"] .about-world-location-list button{
  width:auto!important;
  min-height:0!important;
  padding:4px 0!important;
  border:0!important;
  border-bottom:1px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  color:#777!important;
  font-size:12px!important;
  font-weight:600!important;
  cursor:pointer;
  transition:color .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease)!important;
}
main[data-barba-namespace="about"] .about-world-location-list button:hover{transform:translateY(-2px)!important;color:#111!important}
main[data-barba-namespace="about"] .about-world-location-list button.is-active{color:#111!important;border-bottom-color:var(--about-accent)!important}
main[data-barba-namespace="about"] .about-map-pin{transform:translateZ(0)}
main[data-barba-namespace="about"] .about-map-pin__pulse{width:40px;height:40px;background:rgba(180,46,175,.18);box-shadow:0 0 0 9px rgba(218,108,213,.1)}
main[data-barba-namespace="about"] .about-map-pin__dot{width:13px;height:13px;border-width:3px}
main[data-barba-namespace="about"] .about-map-pin__label{font-family:var(--font-body,inherit);font-size:10px;font-weight:600}

@media(max-width:860px){
  main[data-barba-namespace="about"] .about-team-slider{padding-inline:0!important}
  main[data-barba-namespace="about"] .about-team-arrow{display:none}
  main[data-barba-namespace="about"] .about-team-person{flex-basis:min(74vw,310px)}
  main[data-barba-namespace="about"] .about-timeline::before{left:17px!important}
  main[data-barba-namespace="about"] .about-timeline-item{
    grid-template-columns:36px minmax(0,1fr)!important;
    padding:42px 0!important;
  }
  main[data-barba-namespace="about"] .about-timeline-item:nth-child(n) .about-timeline-year{
    grid-column:2!important;
    grid-row:1!important;
    position:static!important;
    margin:0 0 22px!important;
    font-size:42px!important;
    color:rgba(255,255,255,.16)!important;
  }
  main[data-barba-namespace="about"] .about-timeline-item:nth-child(n) .about-timeline-marker{
    grid-column:1!important;
    grid-row:1/3!important;
    margin-top:12px!important;
  }
  main[data-barba-namespace="about"] .about-timeline-item:nth-child(n) .about-timeline-content{
    grid-column:2!important;
    grid-row:2!important;
  }
  main[data-barba-namespace="about"] .about-world-map{min-height:0!important;display:block!important;padding:0!important}
  main[data-barba-namespace="about"] .about-world-map>img{width:118%;max-width:none;margin-left:-9%}
  main[data-barba-namespace="about"] .about-world-footer{display:grid;align-items:start}
  main[data-barba-namespace="about"] .about-world-location-list{justify-content:flex-start}
}
@media(max-width:560px){
  main[data-barba-namespace="about"] .about-team-person{flex-basis:78vw}
  main[data-barba-namespace="about"] .about-team-person__details strong{font-size:25px}
  main[data-barba-namespace="about"] .about-world-map>img{width:132%;margin-left:-16%}
  main[data-barba-namespace="about"] .about-map-pin{transform:scale(.82)}
  main[data-barba-namespace="about"] .about-world-footer{padding-top:18px}
}
@media(prefers-reduced-motion:reduce){
  main[data-barba-namespace="about"] .about-team-person,
  main[data-barba-namespace="about"] .about-team-person img,
  main[data-barba-namespace="about"] .about-team-person__details{transition:none!important}
}
/* Keep location pins aligned with the map image at every breakpoint. */
@media(max-width:860px){
  main[data-barba-namespace="about"] .about-world-map>img{width:100%!important;max-width:100%!important;margin-left:0!important}
}
@media(max-width:560px){
  main[data-barba-namespace="about"] .about-world-map>img{width:100%!important;margin-left:0!important}
}


/* === About mobile image fit fix + extra map locations update === */
@media (max-width: 860px){
  main[data-barba-namespace="about"] .about-media-wide .about-wide-frame > img,
  main[data-barba-namespace="about"] .about-media-wide--top .about-wide-frame > img,
  main[data-barba-namespace="about"] .about-workspace .about-wide-frame > img{
    display:block;
    width:100%;
    height:auto !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
  }
  main[data-barba-namespace="about"] .about-wide-frame{
    overflow:hidden;
  }
}

@media (max-width: 560px){
  main[data-barba-namespace="about"] .about-media-wide{
    padding:18px 0;
  }
  main[data-barba-namespace="about"] .about-wide-frame{
    border-radius:18px;
  }
  main[data-barba-namespace="about"] .about-world-location-list{
    gap:14px !important;
  }
}

/* === v2.0.5 navigation, loader, blog, careers, reviews, real map & anti-bot === */
.site-loader{opacity:0;visibility:hidden;pointer-events:none;animation:none!important;transition:opacity .22s ease,visibility .22s ease;background:#050505;z-index:10050}
.site-loader.is-active{opacity:1;visibility:visible;pointer-events:all}
.site-loader img{width:72px;height:72px;border-radius:20px;animation:wcLogoBlink .82s ease-in-out infinite!important;filter:drop-shadow(0 16px 34px rgba(255,255,255,.08))}
.site-loader span{display:none!important}
@keyframes wcLogoBlink{0%,100%{opacity:.28;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.site-loader img{animation:none!important;opacity:1}}
.bot-trap{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.turnstile-wrap{min-height:65px;display:flex;align-items:center;max-width:100%;overflow:hidden}

/* Real map — no decorative map image. */
main[data-barba-namespace="about"] .about-live-map{position:relative;overflow:hidden;border-radius:34px;background:#e9ecef;min-height:560px;box-shadow:0 30px 90px rgba(0,0,0,.10)}
main[data-barba-namespace="about"] .about-live-map iframe{display:block;width:100%;height:560px;border:0;filter:saturate(.78) contrast(.98)}
main[data-barba-namespace="about"] .about-live-map__card{position:absolute;left:28px;bottom:28px;z-index:2;width:min(380px,calc(100% - 56px));padding:22px 24px;border-radius:22px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(0,0,0,.12)}
main[data-barba-namespace="about"] .about-live-map__card p{margin:0 0 12px;color:#555;line-height:1.55}
main[data-barba-namespace="about"] .about-live-map__card a{font-weight:800;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){main[data-barba-namespace="about"] .about-live-map{min-height:470px;border-radius:22px}main[data-barba-namespace="about"] .about-live-map iframe{height:470px}main[data-barba-namespace="about"] .about-live-map__card{left:14px;bottom:14px;width:calc(100% - 28px);padding:18px;border-radius:18px}}

/* WhiteCoder Journal */
.blog-page-hero{padding-bottom:70px}
.blog-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:56px;align-items:center}
.blog-feature__media{display:block;overflow:hidden;border-radius:30px;background:#f0f0f0;aspect-ratio:16/10}
.blog-feature__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.blog-feature:hover .blog-feature__media img{transform:scale(1.025)}
.blog-feature__copy h2{font-size:clamp(34px,4.5vw,66px);letter-spacing:-.065em;line-height:.98;margin:12px 0 22px}
.blog-feature__copy>p{font-size:18px;line-height:1.75;color:#666}
.blog-feature__meta,.blog-card__meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#777;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.blog-read-link{display:inline-flex;margin-top:16px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:3px}
.blog-index__head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:42px}
.blog-grid--index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.blog-card--index{display:flex;flex-direction:column;min-width:0;border:1px solid rgba(0,0,0,.08);border-radius:24px;overflow:hidden;background:#fff;transition:transform .55s var(--ease),box-shadow .55s var(--ease)}
.blog-card--index:hover{transform:translateY(-6px);box-shadow:0 24px 70px rgba(0,0,0,.08)}
.blog-card--index>img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#f2f2f2}
.blog-card--index>div{padding:22px}
.blog-card--index h3{font-size:24px;line-height:1.05;letter-spacing:-.045em;margin:10px 0 10px}
.blog-card--index p{margin:0;color:#6b6b6b;line-height:1.6}
@media(max-width:900px){.blog-feature{grid-template-columns:1fr;gap:28px}.blog-grid--index{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.blog-grid--index{grid-template-columns:1fr}.blog-index__head{display:block}.blog-index__head p{margin-top:16px}.blog-feature__copy h2{font-size:38px}}

/* Careers — rebuilt to match the main WhiteCoder visual system. */
.career-page{background:#fff;color:#0b0b0d;overflow:hidden}
.career-page *{min-width:0}
.career-hero{padding:clamp(132px,15vw,190px) 0 clamp(74px,9vw,120px);background:radial-gradient(circle at 86% 12%,rgba(112,75,255,.08),transparent 24%),#fff}
.career-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:clamp(44px,8vw,118px);align-items:center}
.career-hero__copy h1{font-family:"Clash Display","General Sans",Inter,sans-serif;font-size:clamp(58px,8.5vw,126px);line-height:.84;letter-spacing:-.082em;font-weight:500;margin:0;max-width:920px}
.career-hero__lead{max-width:760px;margin:clamp(30px,4vw,48px) 0 0;font-size:clamp(18px,1.7vw,24px);line-height:1.5;letter-spacing:-.03em;color:#525257}
.career-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.career-hero__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.career-hero__meta span{padding:9px 12px;border:1px solid #e1e1df;border-radius:999px;background:#fafafa;font-size:11px;font-weight:800;color:#68686d}
.career-hero__panel{background:#101012;color:#fff;border-radius:30px;padding:22px;box-shadow:0 34px 90px rgba(0,0,0,.16);position:relative;overflow:hidden}
.career-hero__panel:before{content:"";position:absolute;right:-90px;top:-100px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 66%);pointer-events:none}
.career-hero__panel-top,.career-hero__panel-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;z-index:1}.career-hero__panel-top{padding:4px 2px 20px;border-bottom:1px solid rgba(255,255,255,.12);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.career-hero__panel-top i{font-style:normal;color:#9ee3bc}.career-hero__panel-card{display:grid;grid-template-columns:32px 74px minmax(0,1fr);gap:12px;align-items:start;padding:22px 2px;border-bottom:1px solid rgba(255,255,255,.11);position:relative;z-index:1}.career-hero__panel-card small{color:#75757d;font-weight:800}.career-hero__panel-card strong{font-size:15px}.career-hero__panel-card p{margin:0;color:#aaaab1;font-size:13px;line-height:1.55}.career-hero__panel-foot{padding-top:20px}.career-hero__panel-foot span{font-size:12px;color:#85858b}.career-hero__panel-foot strong{font-size:12px;letter-spacing:-.02em}
.career-status{background:#101012;color:#fff}.career-status__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.career-status__grid>div{padding:34px 24px;border-left:1px solid rgba(255,255,255,.12)}.career-status__grid>div:first-child{border-left:0}.career-status strong,.career-status span{display:block}.career-status strong{font-size:clamp(25px,3vw,42px);letter-spacing:-.06em}.career-status span{margin-top:7px;color:#898990;font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.career-section-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,.7fr);gap:clamp(36px,8vw,120px);align-items:end;margin-bottom:clamp(42px,6vw,74px)}.career-section-head>p{margin:0;color:#66666b;font-size:16px;line-height:1.7}.career-section-head h2{margin-bottom:0}
.career-track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.career-track-card{display:flex;flex-direction:column;min-height:330px;padding:30px;border:1px solid #e3e3e0;border-radius:28px;background:#fff;box-shadow:0 18px 60px rgba(0,0,0,.035);transition:border-color .35s ease,box-shadow .35s ease,background-color .35s ease}.career-track-card:hover{border-color:#c5c5c1;box-shadow:0 28px 76px rgba(0,0,0,.07)}.career-track-card__top{display:flex;justify-content:space-between;align-items:center;color:#888;font-size:12px;font-weight:900}.career-track-card__top i{font-style:normal;font-size:18px;transition:transform .35s var(--ease)}.career-track-card:hover .career-track-card__top i{transform:translate(2px,-2px)}.career-track-card h3{font-size:clamp(27px,3vw,38px);letter-spacing:-.055em;line-height:1;margin:44px 0 16px}.career-track-card>p{margin:0;color:#69696e;line-height:1.65;max-width:520px}.career-track-card__tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.career-track-card__tags span{padding:7px 10px;border-radius:999px;background:#f2f2f0;font-size:10px;font-weight:800;color:#666}.career-track-card__link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:28px;border-top:1px solid #ececea;font-size:12px;font-weight:900}.career-track-card__link span{font-size:16px}
.career-experience{background:#101012;color:#fff}.career-section-head--light h2{color:#fff}.career-section-head--light>p{color:#aaaab0}.career-section-head--light .eyebrow{color:#85858c}.career-experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.18)}.career-experience-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:22px;padding:30px 22px 32px 0;border-bottom:1px solid rgba(255,255,255,.18)}.career-experience-card:nth-child(odd){border-right:1px solid rgba(255,255,255,.18);padding-right:34px}.career-experience-card:nth-child(even){padding-left:34px}.career-experience-card>span{font-size:11px;color:#696970;font-weight:900}.career-experience-card h3{font-size:22px;letter-spacing:-.04em;margin:0 0 9px}.career-experience-card p{margin:0;color:#aaaab1;line-height:1.62;font-size:14px}
.career-process__grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(48px,9vw,140px);align-items:start}.career-process__intro{position:sticky;top:120px}.career-process__steps{border-top:1px solid #d9d9d6}.career-process-step{display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;padding:28px 0;border-bottom:1px solid #d9d9d6}.career-process-step>span{font-size:11px;color:#888;font-weight:900}.career-process-step h3{font-size:27px;letter-spacing:-.05em;margin:0 0 9px}.career-process-step p{margin:0;color:#666;line-height:1.65}
.career-records__panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(300px,1.2fr);gap:clamp(36px,8vw,110px);padding:clamp(34px,5vw,58px)!important;border-radius:30px;background:#f3f3f1}.career-records__copy p{margin:0 0 18px;font-size:17px;line-height:1.72;color:#55555a}.career-records__copy p:last-child{margin-bottom:0;color:#7a7a7f;font-size:13px}
.career-apply{background:#f7f7f5}.career-apply__grid{display:grid;grid-template-columns:minmax(300px,.74fr) minmax(0,1.26fr);gap:clamp(42px,8vw,110px);align-items:start}.career-apply__intro{position:sticky;top:120px}.career-apply__contact{margin-top:28px;padding-top:22px;border-top:1px solid #dcdcd9}.career-apply__contact span,.career-apply__contact a{display:block}.career-apply__contact span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#888;font-weight:900;margin-bottom:8px}.career-apply__contact a{font-size:18px;font-weight:800}.career-apply__work-link{display:inline-flex;gap:8px;margin-top:24px;font-size:13px;font-weight:900}.career-form{width:100%;padding:30px;border:1px solid #e3e3e0;border-radius:28px;background:#fff;box-shadow:0 22px 66px rgba(0,0,0,.045)}.career-form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.career-form .form-field{display:block}.career-form .form-field>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#777;font-weight:900;margin-bottom:3px}.career-form select{width:100%;border:0;border-bottom:1px solid #ccc;background:#fff;padding:16px 0;color:#111;outline:none;border-radius:0}.career-file{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px dashed #c9c9c5;border-radius:18px;background:#fafafa;cursor:pointer;margin:8px 0 4px;overflow:hidden}.career-file span,.career-file strong,.career-file small{display:block}.career-file strong{font-size:14px}.career-file small{margin-top:4px;color:#777;font-size:11px}.career-file i{font-style:normal;font-size:25px}.career-file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.career-submit{width:100%;min-height:52px;margin-top:4px;justify-content:space-between}.career-submit span{font-size:17px}
.career-final{text-align:center;padding:clamp(58px,8vw,92px) 24px!important;border-radius:34px;background:#0b0b0d;color:#fff}.career-final .eyebrow{color:#828288}.career-final h2{font-family:"Clash Display","General Sans",sans-serif;font-size:clamp(42px,6vw,82px);line-height:.95;letter-spacing:-.07em;margin:0 auto;max-width:900px}.career-final p{max-width:650px;margin:24px auto 0;color:#aaaab0;line-height:1.65}.career-final .btn{margin-top:28px;background:#fff;color:#000;border-color:#fff}
@media(max-width:980px){.career-hero__grid{grid-template-columns:1fr;gap:42px}.career-hero__panel{max-width:720px;width:100%}.career-status__grid{grid-template-columns:repeat(2,1fr)}.career-status__grid>div:nth-child(3){border-left:0;border-top:1px solid rgba(255,255,255,.12)}.career-status__grid>div:nth-child(4){border-top:1px solid rgba(255,255,255,.12)}.career-section-head,.career-process__grid,.career-records__panel,.career-apply__grid{grid-template-columns:1fr}.career-process__intro,.career-apply__intro{position:static}.career-track-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.career-hero{padding-top:122px}.career-hero__copy h1{font-size:clamp(52px,15vw,76px)}.career-hero__lead{font-size:17px}.career-hero__actions{display:grid;grid-template-columns:1fr 1fr}.career-hero__actions .btn{width:100%;justify-content:center;min-height:50px;padding-inline:14px}.career-hero__meta{gap:6px}.career-hero__meta span{font-size:10px}.career-hero__panel{padding:18px;border-radius:22px}.career-hero__panel-card{grid-template-columns:28px 60px minmax(0,1fr);padding:18px 0;gap:10px}.career-status__grid{grid-template-columns:1fr 1fr}.career-status__grid>div{padding:26px 16px}.career-status strong{font-size:28px}.career-section-head{gap:18px;margin-bottom:34px}.career-section-head>p{font-size:14px}.career-track-grid{grid-template-columns:1fr}.career-track-card{min-height:300px;padding:24px;border-radius:22px}.career-track-card h3{margin-top:34px;font-size:30px}.career-experience-grid{grid-template-columns:1fr}.career-experience-card,.career-experience-card:nth-child(odd),.career-experience-card:nth-child(even){border-right:0;padding:24px 0}.career-process-step{grid-template-columns:44px minmax(0,1fr)}.career-records__panel{padding:28px!important;border-radius:22px}.career-form{padding:20px;border-radius:22px}.career-form__row{grid-template-columns:1fr;gap:0}.career-final{border-radius:24px;padding-inline:18px!important}.career-final h2{font-size:clamp(40px,12vw,60px)}}
@media(max-width:430px){.career-hero__actions{grid-template-columns:1fr}.career-status__grid{grid-template-columns:1fr}.career-status__grid>div{border-left:0!important;border-top:1px solid rgba(255,255,255,.12)}.career-status__grid>div:first-child{border-top:0}.career-hero__panel-card{grid-template-columns:28px minmax(0,1fr)}.career-hero__panel-card p{grid-column:2}.career-track-card{min-height:282px}.career-file{padding:16px}}

/* Reviews: real platform icons + calm premium interactions. */
.review-summary{display:inline-flex;align-items:center;gap:8px;margin:18px 0 0;font-size:14px;color:#666}.review-summary strong{font-size:26px;color:#111;letter-spacing:-.05em}.review-summary--center{justify-content:center}
.review-platform-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.review-platform-btn{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:8px 12px 8px 9px;border:1px solid #dfdfdc;border-radius:999px;background:#fff;color:#151517;font-size:12px;font-weight:850;overflow:hidden;isolation:isolate;box-shadow:0 12px 34px rgba(0,0,0,.04);transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease}
.review-platform-btn:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 28%,rgba(0,0,0,.035) 50%,transparent 72%);transform:translateX(-125%);transition:transform .75s var(--ease)}.review-platform-btn:hover:before,.review-platform-btn:focus-visible:before{transform:translateX(125%)}.review-platform-btn:hover{border-color:#c7c7c3;box-shadow:0 18px 46px rgba(0,0,0,.075)}.review-platform-btn>i{font-style:normal;margin-left:2px;font-size:15px;transition:transform .3s var(--ease)}.review-platform-btn:hover>i{transform:translate(2px,-1px)}
.review-platform-icon{margin-left:auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#fff;border:1px solid #e2e2df;overflow:hidden}.review-platform-icon svg{width:18px;height:18px;display:block}.review-platform-icon--google{color:#4285f4}.review-platform-icon--facebook{background:#1877f2;color:#fff;border-color:#1877f2}.review-platform-icon--whitecoder{background:#08080a;border-color:#08080a;padding:5px}.review-platform-icon--whitecoder img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important;background:transparent!important}.review-platform-icon--sm{width:25px;height:25px;margin-left:0}.review-platform-icon--sm svg{width:14px;height:14px}.review-platform-icon--sm.review-platform-icon--whitecoder{padding:4px}
.review-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.review-wall .review-card{height:100%}.review-source{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:11px;font-weight:850;color:#777}.review-source i{font-style:normal}.review-source--link{padding:5px 9px 5px 5px;border:1px solid #e4e4e1;border-radius:999px;transition:border-color .3s ease,box-shadow .3s ease,color .3s ease}.review-source--link:hover{border-color:#cfcfcb;color:#111;box-shadow:0 10px 30px rgba(0,0,0,.06)}.review-submit-section{background:#f7f7f7}.review-submit-section .split{align-items:start}.review-form{background:#fff;border:1px solid #e7e7e7;border-radius:28px;padding:28px}
@media(max-width:900px){.review-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.review-wall{grid-template-columns:1fr}.review-form{padding:20px}.review-platform-links{display:grid;grid-template-columns:1fr}.review-platform-btn{width:100%;justify-content:flex-start}.review-platform-btn>i{margin-left:auto}.review-platform-icon{margin-left:0}}
.admin-status-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.admin-status-form select{min-height:40px;border:1px solid #ddd;border-radius:12px;background:#fff;padding:0 10px}

/* === WhiteCoder Admin v2.0.7 — structured CRUD, visible controls, mobile lock === */
.admin-body{min-height:100vh;background:#f5f5f7;color:#111;overflow-x:hidden}
.admin-shell--pro{min-height:100vh;display:grid;grid-template-columns:286px minmax(0,1fr);background:#f5f5f7}
.admin-sidebar--pro{position:sticky;top:0;height:100vh;overflow-y:auto;padding:22px 16px;background:#09090b;color:#fff;border-right:1px solid rgba(255,255,255,.08);z-index:70}
.admin-main--pro{min-width:0;width:100%;padding:clamp(18px,2.4vw,36px);overflow:hidden}
.admin-topbar--pro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 32px;padding:14px 16px;background:rgba(255,255,255,.94);border:1px solid #e6e6e8;border-radius:20px;box-shadow:0 12px 38px rgba(0,0,0,.04);position:sticky;top:12px;z-index:50;backdrop-filter:blur(16px)}
.admin-topbar-user{display:flex;align-items:center;gap:12px;min-width:0}.admin-topbar-user>div{display:grid;min-width:0}.admin-topbar-user strong{font-size:14px;line-height:1.2;color:#111}.admin-topbar-user span{font-size:12px;color:#71717a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}
.admin-menu-btn{display:none;width:42px;height:42px;border:1px solid #dedee2;border-radius:13px;background:#fff;color:#111;place-items:center;cursor:pointer;flex:0 0 auto}.admin-menu-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.admin-backdrop{display:none;position:fixed;inset:0;border:0;background:rgba(0,0,0,.5);z-index:60}
.admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.admin-page-head>div{min-width:0}.admin-page-head h2{margin:0!important;font-size:clamp(34px,5vw,58px);line-height:.98;letter-spacing:-.055em}.admin-page-head .admin-muted{margin:10px 0 0;max-width:760px}
.admin-card{overflow:visible!important;background:#fff;border:1px solid #e7e7ea;border-radius:24px;padding:clamp(18px,2.2vw,26px);box-shadow:0 18px 50px rgba(0,0,0,.045);margin-bottom:22px}.admin-card h3{margin:0;font-size:20px;letter-spacing:-.035em;color:#111}.admin-card p{color:#666;line-height:1.55}
.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.admin-card-head p{margin:5px 0 0;font-size:13px}.admin-card-head>div{min-width:0}
.admin-btn,.admin-btn:visited{appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;padding:0 17px!important;border:1px solid #111!important;border-radius:999px!important;background:#111!important;color:#fff!important;text-decoration:none!important;font:700 13px/1 var(--font-body,Arial,sans-serif)!important;letter-spacing:-.01em!important;cursor:pointer!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease!important}
.admin-btn:hover{background:#2a2a2e!important;color:#fff!important;border-color:#2a2a2e!important;box-shadow:0 10px 24px rgba(0,0,0,.12)!important;transform:none!important}.admin-btn:active{transform:none!important}.admin-btn:focus-visible{outline:3px solid rgba(17,17,17,.18);outline-offset:2px}
.admin-btn.secondary,.admin-btn.light{background:#fff!important;color:#111!important;border-color:#d9d9dd!important}.admin-btn.secondary:hover,.admin-btn.light:hover{background:#f1f1f3!important;color:#111!important;border-color:#c7c7cc!important}.admin-btn.danger{background:#fff!important;color:#b42318!important;border-color:#f1b8b2!important}.admin-btn.danger:hover{background:#fff4f3!important;color:#8f1d14!important;border-color:#e89c94!important}.admin-btn.compact{min-height:36px!important;padding:0 12px!important;font-size:12px!important}.admin-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.admin-add-btn{flex:0 0 auto}
.admin-top-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.admin-top-actions form{margin:0}
.admin-nav-group{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin-bottom:17px}.admin-nav-group small{display:block;padding:0 10px 7px;color:#71717a;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.admin-nav-pro{display:grid;gap:4px}.admin-nav-pro a{display:flex;align-items:center;gap:11px;min-height:42px;padding:0 12px!important;border-radius:13px!important;color:#a1a1aa!important;font-size:13px;font-weight:650;text-decoration:none;transition:background-color .2s,color .2s!important}.admin-nav-pro a:hover,.admin-nav-pro a.active{background:#fff!important;color:#111!important;transform:none!important}.admin-nav-pro svg{width:17px;height:17px}
.admin-brand{margin-bottom:30px!important}.admin-brand img{width:42px!important;height:42px!important;object-fit:contain!important;border-radius:12px!important;background:#fff!important}.admin-brand span{font-size:18px!important;line-height:1!important}
.admin-side-note{margin-top:18px!important;border-radius:16px!important;padding:15px!important;font-size:12px!important;line-height:1.55}.admin-side-note span{display:block}
.admin-stat-grid--pro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}.admin-stat-link{display:flex!important;align-items:center;gap:16px;padding:20px!important;border-radius:22px!important;min-width:0;transition:border-color .2s,box-shadow .2s!important}.admin-stat-link:hover{transform:none!important;border-color:#cfcfd4!important;box-shadow:0 18px 42px rgba(0,0,0,.07)!important}.admin-stat-link>span{width:46px!important;height:46px!important;margin:0!important;border-radius:15px!important;flex:0 0 auto}.admin-stat-link>div{display:grid;min-width:0}.admin-stat-link small{font-size:12px;color:#71717a;font-weight:700}.admin-stat-link strong{font-size:34px!important;line-height:1;margin:4px 0}.admin-stat-link p{margin:0!important;font-size:12px!important}
.admin-section-block{margin:6px 0 30px}.admin-section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.admin-section-title h3{font-size:22px;letter-spacing:-.04em;margin:0}.admin-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-quick-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:18px;background:#fff;border:1px solid #e7e7ea;border-radius:20px;color:#111;text-decoration:none;min-width:0;transition:border-color .2s,box-shadow .2s}.admin-quick-card:hover{border-color:#cfcfd4;box-shadow:0 14px 32px rgba(0,0,0,.055)}.admin-quick-card>span{width:40px;height:40px;border-radius:13px;background:#111;color:#fff;display:grid;place-items:center}.admin-quick-card svg{width:17px;height:17px}.admin-quick-card div{min-width:0}.admin-quick-card strong{display:block;font-size:14px}.admin-quick-card p{margin:4px 0 0;font-size:12px;line-height:1.4}.admin-quick-card i{font-style:normal;font-size:18px;color:#888}
.admin-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-mini-list{display:grid;border-top:1px solid #eee}.admin-mini-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 2px;border-bottom:1px solid #eee;color:#111;text-decoration:none}.admin-mini-row div{display:grid;min-width:0}.admin-mini-row strong{font-size:13px}.admin-mini-row span,.admin-mini-row small{font-size:12px;color:#777}.admin-mini-row small{white-space:nowrap}
.admin-table-wrap{width:100%;overflow:auto;border:1px solid #ececef;border-radius:18px;max-height:none!important}.admin-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0}.admin-table th{background:#fafafa;color:#71717a;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.admin-table th,.admin-table td{padding:13px 14px;border-bottom:1px solid #eee;vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table td{font-size:13px;color:#222}.admin-table a:not(.admin-btn){color:#111;text-decoration:underline;text-underline-offset:3px}.admin-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.admin-actions form{margin:0}.admin-status-form{display:flex;align-items:center;gap:7px}.admin-status-form select{height:36px;border:1px solid #d9d9dd;border-radius:999px;background:#fff;color:#111;padding:0 30px 0 12px;font-size:12px}
.admin-empty{min-height:220px;display:grid;place-items:center;text-align:center;align-content:center;padding:34px}.admin-empty.small{min-height:120px}.admin-empty>svg{width:34px;height:34px;fill:none;stroke:#a1a1aa;stroke-width:1.5;margin-bottom:10px}.admin-empty h3{margin:0 0 4px}.admin-empty p{margin:0 0 16px}
.admin-editor-card{max-width:1040px}.admin-editor-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px!important}.admin-editor-form label{display:grid;gap:8px;font-size:12px;font-weight:800;color:#27272a}.admin-editor-form label.wide,.admin-editor-form .wide{grid-column:1/-1}.admin-editor-form input:not([type=checkbox]),.admin-editor-form textarea,.admin-editor-form select{width:100%;min-height:46px;border:1px solid #dcdce0!important;border-radius:14px!important;background:#fff!important;color:#111!important;padding:12px 14px!important;font:500 14px/1.45 var(--font-body,Arial,sans-serif)!important;outline:none!important;box-shadow:none!important}.admin-editor-form textarea{resize:vertical;min-height:110px}.admin-editor-form input:focus,.admin-editor-form textarea:focus,.admin-editor-form select:focus{border-color:#888!important;box-shadow:0 0 0 3px rgba(0,0,0,.06)!important}.admin-editor-form small{color:#777!important;font-size:11px!important;font-weight:500!important;line-height:1.5}.admin-check{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:15px;border:1px solid #e1e1e5;border-radius:16px;background:#fafafa}.admin-check input{width:18px!important;height:18px!important;margin-top:2px;accent-color:#111}.admin-check span{display:grid;gap:3px}.admin-check strong{font-size:13px}.admin-form-divider{display:flex;align-items:center;gap:12px;margin:5px 0}.admin-form-divider::before,.admin-form-divider::after{content:"";height:1px;background:#e7e7ea;flex:1}.admin-form-divider span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#888;font-weight:800}.admin-editor-actions{display:flex;gap:10px;align-items:center;padding-top:4px}
.admin-settings-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.75fr);gap:18px;align-items:start}.admin-mail-help{position:sticky;top:100px}.admin-help-step{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid #eee}.admin-help-step:last-child{border-bottom:0}.admin-help-step>span{width:32px;height:32px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}.admin-help-step strong{font-size:13px}.admin-help-step p{margin:4px 0 0;font-size:12px}.admin-secret-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #e1e1e5;border-radius:16px;padding:15px;background:#fafafa}.admin-secret-panel strong{font-size:13px}.admin-secret-panel p{margin:5px 0 0!important;font-size:12px;line-height:1.5}.admin-secret-panel>span{white-space:nowrap;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800}.admin-secret-panel .ready{background:#eaf9ef;color:#12733a}.admin-secret-panel .missing{background:#fff0ef;color:#b42318}.admin-status-dot{border-radius:999px;padding:8px 11px;background:#fff0ef;color:#b42318;font-size:11px;font-weight:800}.admin-status-dot.is-on{background:#eaf9ef;color:#12733a}
.notice{border:1px solid #e6e6e8!important;border-radius:16px!important;padding:13px 16px!important;margin:0 0 18px!important;font-size:13px!important}.notice.ok{background:#effaf3!important;color:#136b39!important;border-color:#ccebd7!important}.notice.err{background:#fff3f2!important;color:#9b251b!important;border-color:#f0cbc7!important}

@media(max-width:1180px){.admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-settings-grid{grid-template-columns:1fr}.admin-mail-help{position:static}}
@media(max-width:1000px){
  .admin-shell--pro{display:block}.admin-main--pro{padding:16px 16px 32px}.admin-sidebar--pro{position:fixed!important;left:0;top:0;bottom:0;width:min(86vw,300px);height:100dvh!important;transform:translateX(-104%);transition:transform .25s ease;box-shadow:30px 0 70px rgba(0,0,0,.25);z-index:80}.admin-body.sidebar-open .admin-sidebar--pro{transform:translateX(0)}.admin-body.sidebar-open .admin-backdrop{display:block}.admin-menu-btn{display:grid}.admin-topbar--pro{top:8px;margin-bottom:24px}.admin-topbar-user span{max-width:180px}.admin-stat-grid--pro{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard-grid{grid-template-columns:1fr}.admin-page-head{align-items:flex-start}.admin-add-btn{margin-top:4px}
}
@media(max-width:720px){
  .admin-main--pro{padding:12px 12px 28px}.admin-topbar--pro{padding:10px;border-radius:16px;gap:10px}.admin-topbar-user>div{display:none}.admin-top-actions{margin:0!important;gap:6px}.admin-top-actions .admin-btn{min-height:38px!important;padding:0 12px!important;font-size:11px!important}.admin-page-head{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:18px}.admin-page-head h2{font-size:38px!important}.admin-page-head .admin-muted{font-size:13px}.admin-add-btn{width:100%}.admin-card{padding:16px;border-radius:19px}.admin-stat-grid--pro{grid-template-columns:1fr 1fr;gap:9px}.admin-stat-link{padding:14px!important;gap:10px}.admin-stat-link>span{width:38px!important;height:38px!important;border-radius:12px!important}.admin-stat-link strong{font-size:28px!important}.admin-stat-link p{display:none}.admin-quick-grid{grid-template-columns:1fr}.admin-dashboard-grid{gap:12px}.admin-card-head{align-items:flex-start}.admin-card-head .admin-btn{flex:0 0 auto}.admin-editor-form{grid-template-columns:1fr;gap:14px!important}.admin-editor-form label.wide,.admin-editor-form .wide{grid-column:1}.admin-editor-actions{display:grid;grid-template-columns:1fr}.admin-editor-actions .admin-btn{width:100%}.admin-secret-panel{display:grid}.admin-secret-panel>span{justify-self:start}.admin-responsive-table{display:block;min-width:0!important}.admin-responsive-table thead{display:none}.admin-responsive-table tbody{display:grid;gap:12px;padding:10px}.admin-responsive-table tr{display:grid;border:1px solid #e8e8eb;border-radius:16px;padding:10px;background:#fff}.admin-responsive-table td{display:grid;grid-template-columns:minmax(88px,34%) minmax(0,1fr);gap:12px;align-items:start;padding:9px 5px!important;border-bottom:1px solid #f0f0f2!important;word-break:break-word}.admin-responsive-table td::before{content:attr(data-label);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#888;font-weight:800}.admin-responsive-table td:last-child{border-bottom:0!important;grid-template-columns:1fr}.admin-responsive-table td:last-child::before{margin-bottom:4px}.admin-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.admin-actions .admin-btn,.admin-actions form,.admin-status-form{width:100%}.admin-actions form .admin-btn{width:100%}.admin-status-form{display:grid;grid-template-columns:1fr auto;grid-column:1/-1}.admin-status-form select{width:100%}.admin-table-wrap{overflow:visible!important;border:0!important;border-radius:0!important}.admin-list-card{padding:6px!important;background:transparent!important;border:0!important;box-shadow:none!important}.admin-list-card>.admin-card-head{padding:10px}.admin-mini-row{padding:13px 0}.admin-mail-help{display:none}
}
@media(max-width:430px){.admin-stat-grid--pro{grid-template-columns:1fr}.admin-top-actions .admin-btn.secondary{display:none!important}.admin-card-head{display:grid}.admin-card-head .admin-btn{width:100%}}

/* === v2.0.9 route stability, real studio map and services slider === */
/* Route changes must feel continuous: controls never physically jump on hover/tap. */
.btn,.pill,.chip,.review-platform-btn,.main-nav a,.footer-grid a,.service-card,.project-card,.blog-card{
  -webkit-tap-highlight-color:transparent;
}
.btn:hover,.pill:hover,.btn:active,.pill:active,.chip:active,.review-platform-btn:active{
  transform:none!important;
}
.site-loader{transition:opacity .2s ease,visibility .2s ease!important}

/* Reduce the oversized visual break between Who we are and Trusted by. */
main[data-barba-namespace="home"] .who-section{
  padding-bottom:clamp(44px,5.4vw,76px)!important;
}
main[data-barba-namespace="home"] .trusted-clients{
  padding-top:clamp(42px,5vw,70px)!important;
}

/* Our services now uses the same calm horizontal-slider language as reviews. */
.service-slider-head{display:grid;grid-template-columns:minmax(0,.88fr) minmax(280px,.62fr);gap:clamp(28px,7vw,96px);align-items:end}
.service-slider-head h2{margin-bottom:0}
.service-slider-head>p{margin:0;max-width:530px;color:#6a6a6f;font-size:14px;line-height:1.65}
.service-slider{margin-top:clamp(38px,5vw,60px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;border-radius:28px}
.service-slider::-webkit-scrollbar{display:none}
.service-track{display:flex;gap:24px;width:100%;min-width:100%}
.service-slider .service-card{flex:0 0 calc((100% - 48px)/3);min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.08);border-radius:27px;background:#fff;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.055);transition:border-color .35s ease,box-shadow .35s ease!important}
.service-slider .service-card:hover,.service-slider .service-card:focus-visible{border-color:rgba(0,0,0,.16);box-shadow:0 30px 78px rgba(0,0,0,.085)}
.service-card__media{overflow:hidden;background:#f1f1f1;aspect-ratio:1.18/1}
.service-slider .service-card img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0;transition:transform .9s var(--ease)}
.service-slider .service-card:hover img{transform:scale(1.025)}
.service-card__body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:22px 23px 24px;align-items:start;min-height:168px}
.service-card__body span{grid-column:1;font-size:22px;font-weight:800;letter-spacing:-.055em;line-height:1.05}
.service-card__body p{grid-column:1;margin:0;color:#68686d;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.service-card__body i{grid-column:2;grid-row:1/3;align-self:end;font-style:normal;width:40px;height:40px;border-radius:50%;border:1px solid #d9d9d7;display:grid;place-items:center;font-size:17px;transition:background .3s ease,color .3s ease,border-color .3s ease}
.service-slider .service-card:hover .service-card__body i{background:#111;color:#fff;border-color:#111}
.service-slider-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px}
.service-slider-footer>span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#85858b;font-weight:800}

/* Restore the original dotted world-map visual, but show only the real WhiteCoder studio location. */
main[data-barba-namespace="about"] .about-live-map{display:none!important}
main[data-barba-namespace="about"] .about-world--studio{margin-top:clamp(42px,6vw,72px)}
main[data-barba-namespace="about"] .about-world--studio .about-world-map{overflow:hidden!important;border-radius:28px;background:#f7f7f5!important;border:1px solid #e4e4e1;padding:clamp(16px,2.2vw,30px)!important;box-shadow:0 28px 80px rgba(0,0,0,.055)}
main[data-barba-namespace="about"] .about-world--studio .about-world-map>img{width:100%!important;max-width:100%!important;margin:0!important;opacity:.96;filter:grayscale(.08) contrast(1.02)}
main[data-barba-namespace="about"] .about-world--studio .about-map-pin{display:block;text-decoration:none;transform:none!important}
main[data-barba-namespace="about"] .about-world--studio .about-map-pin:focus-visible{outline:2px solid #111;outline-offset:8px;border-radius:50%}
main[data-barba-namespace="about"] .about-world-footer--studio{align-items:center!important;padding-top:25px!important}
main[data-barba-namespace="about"] .about-map-real-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid #d8d8d5;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap;transition:background .3s ease,color .3s ease,border-color .3s ease}
main[data-barba-namespace="about"] .about-map-real-link:hover{background:#111;color:#fff;border-color:#111}

@media(max-width:980px){
  .service-slider .service-card{flex-basis:calc((100% - 24px)/2)}
}
@media(max-width:720px){
  main[data-barba-namespace="home"] .who-section{padding-bottom:42px!important}
  main[data-barba-namespace="home"] .trusted-clients{padding-top:38px!important}
  .service-slider-head{grid-template-columns:1fr;gap:14px}.service-slider-head>p{font-size:13px}
  .service-slider{width:calc(100% - var(--pad)*2);border-radius:22px}
  .service-track{gap:14px}
  .service-slider .service-card{flex-basis:100%;border-radius:22px}
  .service-card__body{min-height:152px;padding:20px}
  .service-slider-footer{align-items:stretch;flex-direction:column;margin-top:22px}.service-slider-footer .btn{width:100%}.service-slider-footer>span{text-align:center}
  main[data-barba-namespace="about"] .about-world--studio .about-world-map{padding:9px!important;border-radius:20px}
  main[data-barba-namespace="about"] .about-world-footer--studio{display:grid!important;gap:18px!important}
  main[data-barba-namespace="about"] .about-map-real-link{width:100%}
  main[data-barba-namespace="about"] .about-world--studio .about-map-pin{transform:scale(.86)!important}
}

/* === v2.0.10: open white client map + stable Blog/Projects navigation === */
main[data-barba-namespace="about"] .about-world--studio{
  margin-top:clamp(42px,6vw,72px);
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
main[data-barba-namespace="about"] .about-world--studio .about-world-map{
  position:relative;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
  padding:0!important;
}
main[data-barba-namespace="about"] .about-world--studio .about-world-map>img{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  opacity:.88!important;
  filter:none!important;
}
main[data-barba-namespace="about"] .about-world--studio .about-map-pin{
  display:block;
  text-decoration:none;
  transform:none!important;
}
main[data-barba-namespace="about"] .about-world-footer--studio{
  display:grid!important;
  grid-template-columns:minmax(220px,.8fr) minmax(0,1.25fr) auto;
  gap:22px 30px!important;
  align-items:center!important;
  padding:28px 0 0!important;
  border:0!important;
  background:#fff!important;
}
main[data-barba-namespace="about"] .about-world-footer--studio>p{margin:0;min-width:0}
main[data-barba-namespace="about"] .about-world-footer--studio>p strong{display:block;margin-bottom:5px}
main[data-barba-namespace="about"] .about-world-footer--studio>p span{display:block;color:#777;font-size:12px;line-height:1.45}
main[data-barba-namespace="about"] .about-world-footer--studio .about-world-location-list{
  display:flex!important;
  flex-wrap:wrap;
  gap:8px;
}
main[data-barba-namespace="about"] .about-world-footer--studio .about-world-location-list button{
  width:auto!important;
  min-height:38px!important;
  padding:0 14px!important;
  border:1px solid #dedede!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#555!important;
  font-size:11px!important;
  font-weight:700!important;
  transform:none!important;
}
main[data-barba-namespace="about"] .about-world-footer--studio .about-world-location-list button:hover,
main[data-barba-namespace="about"] .about-world-footer--studio .about-world-location-list button.is-active{
  background:#111!important;
  border-color:#111!important;
  color:#fff!important;
}
main[data-barba-namespace="about"] .about-map-real-link{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;
  border:1px solid #d8d8d5;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap;
  transition:background .3s ease,color .3s ease,border-color .3s ease!important;
}
main[data-barba-namespace="about"] .about-map-real-link:hover{background:#111;color:#fff;border-color:#111}

/* Image-heavy index/detail pages stay visually stable during SPA navigation. */
main[data-barba-namespace="projects"] .project-card,
main[data-barba-namespace="project"] .project-card,
main[data-barba-namespace="blog"] .blog-card,
main[data-barba-namespace="blog"] .blog-feature,
main[data-barba-namespace="projects"] [data-animate]:not(.page-title-center *),
main[data-barba-namespace="project"] [data-animate]:not(.page-title-center *),
main[data-barba-namespace="blog"] [data-animate]:not(.page-title-center *){
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:none!important;
}
main[data-barba-namespace="projects"] .project-card,
main[data-barba-namespace="project"] .project-card,
main[data-barba-namespace="blog"] .blog-card{will-change:auto!important;transform-style:flat!important}
main[data-barba-namespace="blog"] .blog-card--index{transition:box-shadow .35s ease,border-color .35s ease!important}
main[data-barba-namespace="blog"] .blog-card--index:hover{transform:none!important;border-color:rgba(0,0,0,.15);box-shadow:0 18px 52px rgba(0,0,0,.07)}
main[data-barba-namespace="projects"] .project-card__media img,
main[data-barba-namespace="project"] .project-card__media img,
main[data-barba-namespace="blog"] .blog-card img,
main[data-barba-namespace="blog"] .blog-feature__media img{will-change:auto!important}

@media(max-width:760px){
  main[data-barba-namespace="about"] .about-world--studio .about-world-map{padding:0!important;border-radius:0!important}
  main[data-barba-namespace="about"] .about-world-footer--studio{grid-template-columns:1fr!important;gap:16px!important;padding-top:20px!important}
  main[data-barba-namespace="about"] .about-world-footer--studio .about-world-location-list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  main[data-barba-namespace="about"] .about-world-footer--studio .about-world-location-list::-webkit-scrollbar{display:none}
  main[data-barba-namespace="about"] .about-world-footer--studio .about-world-location-list button{flex:0 0 auto}
  main[data-barba-namespace="about"] .about-map-real-link{width:100%}
  main[data-barba-namespace="about"] .about-world--studio .about-map-pin{transform:scale(.86)!important}
}

/* =====================================================================
   v2.0.13 — landing hero scroll stability
   Keep the same premium motion language without a full-size WebGL loop.
   ===================================================================== */
main[data-barba-namespace="home"] .hero-image--wide{
  contain:paint;
  transform-style:flat!important;
  backface-visibility:visible!important;
}
main[data-barba-namespace="home"] .hero-image--wide .hero-canvas{
  display:none!important;
}
main[data-barba-namespace="home"] .hero-image--wide::before{
  content:"";
  position:absolute;
  inset:-16%;
  z-index:2;
  pointer-events:none;
  opacity:.48;
  background:
    radial-gradient(circle at 24% 34%,rgba(255,255,255,.42) 0 8%,rgba(255,255,255,.17) 18%,transparent 36%),
    radial-gradient(circle at 76% 62%,rgba(255,255,255,.28) 0 7%,rgba(255,255,255,.10) 20%,transparent 40%),
    radial-gradient(circle at 58% 18%,rgba(255,255,255,.18),transparent 32%);
  transform:translate3d(-1.5%,0,0) scale(1.045);
  transform-origin:center;
  animation:whitecoderHeroAmbient 9s cubic-bezier(.45,0,.25,1) infinite alternate;
  will-change:transform,opacity;
}
main[data-barba-namespace="home"] .hero-image--wide .hero-video{
  transform:none!important;
  will-change:auto!important;
  backface-visibility:visible!important;
}
@keyframes whitecoderHeroAmbient{
  0%{transform:translate3d(-1.5%,0,0) scale(1.045);opacity:.42}
  100%{transform:translate3d(1.6%,1%,0) scale(1.075);opacity:.55}
}
@media (max-width:767px),(pointer:coarse){
  main[data-barba-namespace="home"] .hero-image--wide::before{
    opacity:.32;
    animation-duration:12s;
    will-change:auto;
  }
}
@media (prefers-reduced-motion:reduce){
  main[data-barba-namespace="home"] .hero-image--wide::before{animation:none!important;transform:none!important}
}

/* v2.0.14 — Careers official PDF document links */
.career-records__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.career-records__link{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:46px;padding:0 18px;border:1px solid #d7d7da;border-radius:999px;background:#fff;color:#111;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:-.01em;transition:border-color .25s ease,background-color .25s ease,color .25s ease,box-shadow .25s ease}
.career-records__link i{font-style:normal;font-size:15px;line-height:1;transition:transform .25s ease}
.career-records__link:hover,.career-records__link:focus-visible{background:#111;color:#fff;border-color:#111;box-shadow:0 8px 24px rgba(0,0,0,.09);outline:none}
.career-records__link:hover i,.career-records__link:focus-visible i{transform:translate(2px,-2px)}
@media(max-width:700px){.career-records__links{display:grid;grid-template-columns:1fr;gap:9px}.career-records__link{width:100%;min-width:0;min-height:48px}}


/* v2.0.15 mobile-only landing refinements */
@media (max-width:640px){
  /* Landing review platform actions: icon-only on phones, keep accessible labels in DOM. */
  .reviews-section .review-platform-links{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    flex-wrap:wrap;
  }
  .reviews-section .review-platform-btn{
    width:50px;
    min-width:50px;
    height:50px;
    min-height:50px;
    padding:0;
    gap:0;
    justify-content:center;
    border-radius:50%;
    flex:0 0 50px;
  }
  .reviews-section .review-platform-btn>span:not(.review-platform-icon),
  .reviews-section .review-platform-btn>i{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  .reviews-section .review-platform-icon{
    width:34px;
    height:34px;
    margin:0!important;
  }

  /* Landing blog: hard-lock cards to one clean responsive column on iOS/Android. */
  .blog-dark .blog-grid--dark{
    width:100%;
    min-width:0;
    grid-template-columns:minmax(0,1fr)!important;
    gap:26px;
  }
  .blog-dark .blog-grid--dark .blog-card{
    width:100%;
    min-width:0;
    grid-template-columns:minmax(0,1fr)!important;
    gap:13px;
    align-items:start;
  }
  .blog-dark .blog-grid--dark .blog-card>img{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    aspect-ratio:16/10;
    object-fit:cover;
    border-radius:14px;
  }
  .blog-dark .blog-grid--dark .blog-card>div{
    min-width:0;
    width:100%;
  }
  .blog-dark .blog-grid--dark .blog-card h3{
    overflow-wrap:anywhere;
    word-break:normal;
  }

  /* Footer CTA wave must remain visible and animated on touch devices. */
  .idea-strip .idea-bg{
    display:block!important;
    opacity:.8;
  }
  .idea-strip>img{
    opacity:.42;
  }
}


/* v2.0.16 requested performance + mobile-only fixes */

/* Careers hero: remove the preview panel from the route and keep the copy centered. */
.career-hero__grid{
  display:block!important;
}
.career-hero__copy{
  width:min(980px,100%);
  margin-inline:auto;
  text-align:center;
}
.career-hero__copy h1{
  max-width:920px;
  margin-inline:auto;
}
.career-hero__lead{
  margin-left:auto!important;
  margin-right:auto!important;
}
.career-hero__actions,
.career-hero__meta{
  justify-content:center;
}

/* Mobile-only requested layout fixes. */
@media (max-width:767px){
  /* Landing hero text centered on Android / iPhone. */
  main[data-barba-namespace="home"] .home-hero{
    text-align:center!important;
  }
  main[data-barba-namespace="home"] .home-hero h1,
  main[data-barba-namespace="home"] .home-hero p:not(.eyebrow){
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Do not spend mobile bandwidth on the below-fold Who we are video. */
  main[data-barba-namespace="home"] .who-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  main[data-barba-namespace="home"] .who-video{
    display:none!important;
  }
  main[data-barba-namespace="home"] .who-copy{
    width:100%;
    max-width:100%;
    justify-self:stretch;
  }

  /* Reviews keep the same design, but the row can now be dragged/swiped naturally. */
  main[data-barba-namespace="home"] .reviews-viewport{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory;
    overscroll-behavior-x:contain;
    touch-action:pan-x pan-y;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  main[data-barba-namespace="home"] .reviews-viewport::-webkit-scrollbar{
    display:none;
  }
  main[data-barba-namespace="home"] .review-card{
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }

  /* Privacy page: mobile width, typography and long-content lock. */
  main[data-barba-namespace="privacy"]{
    overflow-x:hidden;
  }
  main[data-barba-namespace="privacy"] .single-hero{
    padding:112px 20px 48px!important;
  }
  main[data-barba-namespace="privacy"] .single-hero__meta{
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:22px;
  }
  main[data-barba-namespace="privacy"] .single-hero h1{
    max-width:100%;
    font-size:clamp(44px,14vw,64px)!important;
    line-height:.94!important;
    overflow-wrap:anywhere;
  }
  main[data-barba-namespace="privacy"] .single-hero>p{
    max-width:100%;
    font-size:16px;
    line-height:1.55;
  }
  main[data-barba-namespace="privacy"] .section--tight{
    padding-top:34px;
    padding-bottom:72px;
  }
  main[data-barba-namespace="privacy"] .section--tight>.container.split{
    width:calc(100% - 40px);
    grid-template-columns:minmax(0,1fr)!important;
    gap:24px;
  }
  main[data-barba-namespace="privacy"] .rich-text{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  main[data-barba-namespace="privacy"] .rich-text h2{
    font-size:clamp(24px,7.8vw,32px);
    line-height:1.08;
    letter-spacing:-.045em;
    margin-top:42px;
    overflow-wrap:anywhere;
  }
  main[data-barba-namespace="privacy"] .rich-text p,
  main[data-barba-namespace="privacy"] .rich-text li{
    font-size:16px;
    line-height:1.65;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  main[data-barba-namespace="privacy"] .rich-text ul{
    padding-left:21px;
    margin-right:0;
  }
  main[data-barba-namespace="privacy"] .rich-text a{
    overflow-wrap:anywhere;
  }
  main[data-barba-namespace="privacy"] .policy-actions .btn{
    width:100%;
    max-width:100%;
  }

  /* Careers hero remains centered on narrow screens after the panel removal. */
  .career-hero{
    padding-left:20px;
    padding-right:20px;
  }
  .career-hero__copy h1{
    font-size:clamp(48px,15vw,68px)!important;
  }
  .career-hero__actions{
    justify-content:center!important;
  }
  .career-hero__meta{
    justify-content:center!important;
  }
}


/* v2.0.17 mobile Who-we-are spacing only */
@media (max-width:767px){
  main[data-barba-namespace="home"] .who-section{
    padding-top:30px!important;
  }
  main[data-barba-namespace="home"] .who-grid{
    gap:0!important;
  }
}