:root{
  --bg:#060606;--bg-soft:#0b0b0b;--panel:#101010;--panel-2:#151515;--line:rgba(255,255,255,.1);
  --text:#f6f7fb;--muted:#9ba8c7;--gold:#8b5cf6;--gold-2:#60a5fa;--gold-dark:#312e81;
  --radius:24px;--radius-sm:16px;--shadow:0 28px 70px rgba(0,0,0,.55);--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 18%, rgba(139,92,246,.10), transparent 18%),radial-gradient(circle at 84% 12%, rgba(56,189,248,.08), transparent 16%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.section{padding:110px 0;position:relative}.section-tight{padding:72px 0}.section-dark{background:#080808}.section-glow::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.12),transparent 66%);filter:blur(10px);top:-180px;right:-180px;pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:800}.eyebrow::before{content:"";width:24px;height:1px;background:currentColor}.display{font-size:clamp(3rem,7vw,6.9rem);line-height:.94;letter-spacing:-.065em;margin:18px 0 26px;max-width:930px}.title{font-size:clamp(2.15rem,4.5vw,4.25rem);line-height:1.03;letter-spacing:-.045em;margin:14px 0 20px}.subtitle{font-size:1.08rem;color:var(--muted);max-width:650px}.gold-text{background:linear-gradient(135deg,#ddd6fe,#8b5cf6 45%,#38bdf8);-webkit-background-clip:text;background-clip:text;color:transparent}.kicker{color:var(--gold);font-weight:800}.muted{color:var(--muted)}
.progress-bar{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--gold-dark),var(--gold-2));width:0;z-index:1001;box-shadow:0 0 16px var(--gold)}
.cursor-glow{position:fixed;z-index:0;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.10),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;transition:opacity .3s}
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid transparent;transition:.35s;background:linear-gradient(to bottom,rgba(3,3,3,.86),transparent);backdrop-filter:blur(2px)}.site-header.scrolled{background:rgba(5,5,5,.82);border-color:var(--line);backdrop-filter:blur(18px)}.nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo img{width:180px}.nav{display:flex;align-items:center;gap:6px}.nav a{color:#dbe7ff;font-size:.9rem;font-weight:650;padding:12px 14px;border-radius:999px;transition:.25s}.nav a:hover,.nav a.active{color:var(--gold-2);background:rgba(139,92,246,.08)}.nav-cta{margin-left:8px}.menu-toggle{display:none;width:46px;height:46px;border-radius:50%;border:1px solid rgba(139,92,246,.35);background:#0b0b0b;color:#fff;align-items:center;justify-content:center;cursor:pointer}.menu-toggle span,.menu-toggle::before,.menu-toggle::after{content:"";width:19px;height:1.5px;background:currentColor;position:absolute;transition:.3s}.menu-toggle::before{transform:translateY(-6px)}.menu-toggle::after{transform:translateY(6px)}.menu-toggle.open span{opacity:0}.menu-toggle.open::before{transform:rotate(45deg)}.menu-toggle.open::after{transform:rotate(-45deg)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 24px;border-radius:12px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:.3s;position:relative;overflow:hidden}.btn::after{content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.3),transparent 60%);transform:translateX(-120%);transition:.6s}.btn:hover::after{transform:translateX(120%)}.btn-gold{background:linear-gradient(135deg,#a855f7,#2563eb);color:#0a0905;box-shadow:0 12px 32px rgba(79,70,229,.18)}.btn-gold:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(79,70,229,.32)}.btn-outline{border-color:rgba(139,92,246,.45);color:#dbeafe;background:rgba(255,255,255,.015)}.btn-outline:hover{background:rgba(139,92,246,.09);transform:translateY(-3px)}.btn-sm{min-height:44px;padding:0 18px;font-size:.84rem}.btn-block{width:100%}.arrow{font-size:1.15em;transition:.25s}.btn:hover .arrow,.text-link:hover .arrow{transform:translateX(4px)}
.hero{min-height:100svh;padding:150px 0 80px;display:grid;place-items:center;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 35%,rgba(139,92,246,.12),transparent 28%),linear-gradient(180deg,rgba(0,0,0,.04),#060606 96%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:46px;position:relative;z-index:2}.hero-copy p{font-size:1.08rem;color:#aebbd6;max-width:610px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.trust-row{display:flex;align-items:center;gap:16px;margin-top:38px;color:#d8d4ca;font-size:.9rem}.avatar-stack{display:flex}.avatar{width:38px;height:38px;border-radius:50%;border:2px solid #111;background:linear-gradient(145deg,#8b5cf6,#172554);display:grid;place-items:center;font-size:.7rem;font-weight:900;margin-left:-8px}.avatar:first-child{margin-left:0}.rating{color:var(--gold);letter-spacing:2px}.orbital-stage{min-height:570px;position:relative;display:grid;place-items:center;perspective:900px}.stage-platform{position:absolute;width:72%;height:20%;bottom:11%;border-radius:50%;background:radial-gradient(ellipse,rgba(139,92,246,.29),rgba(12,10,4,.9) 45%,#030303 68%);border:1px solid rgba(139,92,246,.35);box-shadow:0 0 70px rgba(56,189,248,.18),inset 0 0 38px rgba(139,92,246,.12)}.stage-platform::after{content:"";position:absolute;inset:14px;border-radius:50%;border:1px solid rgba(96,165,250,.24)}.hero-mark{width:270px;aspect-ratio:1;position:relative;z-index:4;filter:drop-shadow(0 26px 26px rgba(0,0,0,.7));animation:float 5s ease-in-out infinite}.hero-mark svg{width:100%;height:100%}.orbit{position:absolute;border:1px solid rgba(139,92,246,.38);border-radius:50%;width:84%;height:37%;transform:rotate(-12deg);animation:spinOrbit 12s linear infinite}.orbit.o2{width:70%;height:70%;transform:rotate(62deg);animation-duration:18s}.orbit-dot{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 22px var(--gold);top:50%;left:-5px}.spark{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px var(--gold);animation:twinkle 2s infinite}.s1{top:17%;left:20%}.s2{top:24%;right:9%;animation-delay:.6s}.s3{bottom:24%;right:18%;animation-delay:1.2s}.grid-floor{position:absolute;width:140%;height:55%;bottom:-24%;transform:perspective(500px) rotateX(68deg);background-image:linear-gradient(rgba(139,92,246,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.11) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 76%)}
@keyframes float{50%{transform:translateY(-18px) rotateY(8deg)}}@keyframes spinOrbit{to{transform:rotate(348deg)}}@keyframes twinkle{50%{opacity:.2;transform:scale(.5)}}
.logo-cloud{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.012);padding:24px 0}.logo-cloud-row{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;align-items:center}.tech-logo{padding:10px;text-align:center;color:#a9a69f;font-weight:800;font-size:.84rem;letter-spacing:.03em;filter:grayscale(1);transition:.3s}.tech-logo:hover{color:var(--gold-2);filter:none;transform:translateY(-2px)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:48px}.section-head .title{max-width:760px}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid var(--line);border-radius:var(--radius);padding:28px;position:relative;overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s}.card::before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.12),transparent 70%);top:-110px;right:-90px;transition:.4s}.card:hover{transform:translateY(-7px);border-color:rgba(139,92,246,.34);box-shadow:var(--shadow)}.card:hover::before{transform:scale(1.4)}.service-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(96,165,250,.14),rgba(139,90,9,.08));border:1px solid rgba(139,92,246,.27);color:var(--gold-2);font-size:1.45rem;font-weight:900;margin-bottom:26px;box-shadow:inset 0 0 24px rgba(139,92,246,.06)}.card h3{font-size:1.25rem;margin:0 0 10px;letter-spacing:-.02em}.card p{color:var(--muted);margin:0 0 22px;font-size:.94rem}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-weight:800;font-size:.88rem}.tag{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid rgba(139,92,246,.25);color:#eacb73;font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden;background:linear-gradient(90deg,rgba(139,92,246,.05),transparent 22%,rgba(139,92,246,.04))}.stat{padding:34px 26px;text-align:center;position:relative}.stat:not(:last-child)::after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:var(--line)}.stat strong{display:block;font-size:2.35rem;line-height:1;color:var(--gold);letter-spacing:-.04em}.stat span{color:var(--muted);font-size:.86rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.visual-panel{min-height:430px;border-radius:28px;border:1px solid var(--line);background:radial-gradient(circle at 70% 20%,rgba(139,92,246,.17),transparent 30%),linear-gradient(145deg,#1c1b17,#080808 64%);position:relative;overflow:hidden;box-shadow:var(--shadow)}.visual-panel::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(135deg,transparent,black,transparent)}.screen-stack{position:absolute;inset:80px 45px 45px 90px}.mini-screen{position:absolute;border-radius:15px;border:1px solid rgba(255,255,255,.12);background:#111;box-shadow:0 20px 50px rgba(0,0,0,.55);overflow:hidden}.mini-screen::before{content:"";display:block;height:26px;background:#1b1b1b;border-bottom:1px solid rgba(255,255,255,.08)}.mini-screen::after{content:"";position:absolute;inset:42px 20px 20px;background:linear-gradient(135deg,rgba(139,92,246,.35),transparent 46%),repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 8px,transparent 8px 22px);border-radius:9px}.screen-a{width:78%;height:72%;left:0;top:0;transform:rotate(-5deg)}.screen-b{width:72%;height:66%;right:0;bottom:0;transform:rotate(6deg);background:#0b0f18}.badge-float{position:absolute;left:32px;bottom:28px;border-radius:16px;padding:16px 19px;background:rgba(9,9,9,.82);border:1px solid rgba(139,92,246,.3);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.badge-float strong{color:var(--gold);font-size:1.35rem}.check-list{display:grid;gap:13px;margin:24px 0 30px;padding:0;list-style:none}.check-list li{display:flex;gap:12px;color:#d7d3ca}.check-list li::before{content:"✓";width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:rgba(139,92,246,.12);color:var(--gold);font-weight:900;flex:0 0 auto}
.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.project-card{grid-column:span 4;border-radius:23px;overflow:hidden;border:1px solid var(--line);background:#0d0d0d;transition:.35s;cursor:pointer}.project-card.large{grid-column:span 8}.project-card:hover{transform:translateY(-7px);border-color:rgba(139,92,246,.36);box-shadow:var(--shadow)}.project-art{height:260px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(139,92,246,.22),transparent 22%),linear-gradient(145deg,#28231a,#0d0d0d)}.project-art.cool{background:radial-gradient(circle at 20% 20%,rgba(68,96,255,.3),transparent 28%),linear-gradient(145deg,#10162e,#0a0a0d)}.project-art.purple{background:radial-gradient(circle at 80% 20%,rgba(172,74,255,.28),transparent 28%),linear-gradient(145deg,#25102f,#0a0a0d)}.project-art.green{background:radial-gradient(circle at 78% 24%,rgba(48,202,150,.25),transparent 28%),linear-gradient(145deg,#0d2821,#080a09)}.mock-browser{position:absolute;inset:40px 34px 22px;border-radius:14px;background:#f5f2e9;box-shadow:0 24px 40px rgba(0,0,0,.4);overflow:hidden}.mock-browser::before{content:"●  ●  ●";display:block;padding:9px 13px;color:#aaa;background:#e4e0d8;font-size:.55rem;letter-spacing:4px}.mock-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:16px}.mock-tile{height:46px;border-radius:7px;background:linear-gradient(135deg,#6d28d9,#111827)}.mock-tile:nth-child(2){background:#1d1d1d}.mock-tile:nth-child(3){grid-column:span 2;height:68px;background:linear-gradient(135deg,#151515,#6d28d9)}.phone-mock{position:absolute;width:25%;height:76%;border-radius:28px;background:#080808;border:5px solid #2b2b2b;top:12%;left:37%;box-shadow:0 22px 45px rgba(0,0,0,.55)}.phone-mock::before{content:"";position:absolute;left:30%;right:30%;top:9px;height:6px;border-radius:8px;background:#222}.phone-mock::after{content:"";position:absolute;inset:34px 12px 16px;border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.16),transparent 35%),linear-gradient(145deg,#44245d,#13131d)}.project-meta{padding:22px}.project-meta h3{margin:0 0 4px}.project-meta p{margin:0;color:var(--muted);font-size:.86rem}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:34px}.filter-btn{border:1px solid var(--line);background:#0b0b0b;color:#c7d2fe;padding:10px 15px;border-radius:999px;cursor:pointer;font-weight:750}.filter-btn.active,.filter-btn:hover{border-color:rgba(139,92,246,.44);color:#0a0905;background:var(--gold)}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}.process::before{content:"";position:absolute;top:31px;left:9%;right:9%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dark),var(--gold),var(--gold-dark),transparent)}.step{padding:0 16px;text-align:center;position:relative}.step-num{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:#111;border:1px solid rgba(139,92,246,.45);color:var(--gold);font-weight:900;box-shadow:0 0 0 8px #070707,0 0 30px rgba(139,92,246,.12)}.step h3{font-size:1.05rem;margin:0 0 8px}.step p{font-size:.84rem;color:var(--muted);margin:0}
.testimonial-shell{overflow:hidden}.testimonial-track{display:flex;transition:transform .55s cubic-bezier(.22,.8,.2,1)}.testimonial{min-width:100%;padding:0 2px}.quote-card{border:1px solid var(--line);border-radius:28px;padding:42px;background:linear-gradient(145deg,rgba(139,92,246,.07),rgba(255,255,255,.015));display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:end}.quote-text{font-size:clamp(1.45rem,3vw,2.5rem);line-height:1.35;letter-spacing:-.025em}.quote-meta{border-left:1px solid var(--line);padding-left:28px}.quote-meta strong{display:block;font-size:1.1rem}.slider-controls{display:flex;justify-content:center;gap:10px;margin-top:24px}.dot{width:9px;height:9px;border-radius:50%;border:0;background:#444;cursor:pointer}.dot.active{width:28px;border-radius:9px;background:var(--gold)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#0d0d0d;transition:.35s}.blog-card:hover{transform:translateY(-6px);border-color:rgba(139,92,246,.35)}.blog-thumb{height:210px;background:radial-gradient(circle at 70% 20%,rgba(139,92,246,.3),transparent 24%),linear-gradient(145deg,#1d1d1d,#080808);display:grid;place-items:center;position:relative}.blog-thumb.code{background:linear-gradient(145deg,#121c25,#07090c)}.blog-thumb.marketing{background:linear-gradient(145deg,#2a1e12,#080808)}.blog-glyph{font-size:4.8rem;color:rgba(96,165,250,.7);text-shadow:0 0 28px rgba(139,92,246,.35)}.blog-body{padding:24px}.blog-meta{color:var(--gold);font-size:.75rem;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.blog-body h3{font-size:1.18rem;line-height:1.35;margin:10px 0}.blog-body p{color:var(--muted);font-size:.9rem}.search-bar{display:flex;gap:10px;margin-bottom:26px}.search-bar input{flex:1}
.page-hero{padding:175px 0 96px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 32%,rgba(139,92,246,.13),transparent 28%),#060606}.page-hero::after{content:"";position:absolute;width:500px;height:500px;right:-100px;top:10px;border:1px solid rgba(139,92,246,.18);border-radius:50%;box-shadow:0 0 0 45px rgba(139,92,246,.02),0 0 0 90px rgba(139,92,246,.02)}.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.84rem}.breadcrumb a{color:var(--gold)}.page-hero .title{max-width:820px;position:relative;z-index:2}.page-hero .subtitle{position:relative;z-index:2}.hero-chip-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px;position:relative;z-index:2}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.value-card{padding:26px;border-top:1px solid rgba(139,92,246,.4);background:rgba(255,255,255,.018)}.value-card strong{display:block;font-size:1.08rem;margin-bottom:8px}.value-card span{color:var(--muted);font-size:.9rem}.timeline{position:relative;max-width:850px;margin:auto}.timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--line)}.timeline-item{width:50%;padding:0 44px 48px;position:relative}.timeline-item:nth-child(even){margin-left:50%}.timeline-item::after{content:"";position:absolute;top:8px;right:-7px;width:13px;height:13px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 7px #070707,0 0 20px rgba(139,92,246,.5)}.timeline-item:nth-child(even)::after{right:auto;left:-6px}.timeline-item .year{color:var(--gold);font-weight:900}.timeline-item h3{margin:4px 0}.timeline-item p{color:var(--muted);margin:0}
.service-detail{display:grid;grid-template-columns:280px 1fr;gap:42px;align-items:start}.service-nav{position:sticky;top:110px;border:1px solid var(--line);border-radius:18px;padding:12px;background:#0a0a0a}.service-nav a{display:block;padding:12px 14px;border-radius:10px;color:#b6b1a7;font-weight:700;font-size:.88rem}.service-nav a:hover{background:rgba(139,92,246,.08);color:var(--gold)}.service-content{display:grid;gap:24px}.service-row{border:1px solid var(--line);border-radius:24px;padding:34px;background:linear-gradient(145deg,rgba(255,255,255,.04),transparent)}.service-row h2{margin:0 0 12px;font-size:1.9rem}.feature-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.feature-pills span{border:1px solid rgba(139,92,246,.25);border-radius:999px;padding:8px 11px;color:#c4b5fd;font-size:.78rem}
.pricing-toggle{display:inline-flex;padding:5px;border-radius:999px;background:#101010;border:1px solid var(--line);margin-bottom:36px}.pricing-toggle button{border:0;background:transparent;color:#aaa;padding:10px 18px;border-radius:999px;cursor:pointer;font-weight:800}.pricing-toggle button.active{background:var(--gold);color:#090704}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{border:1px solid var(--line);border-radius:26px;padding:32px;background:#0c0c0c;position:relative}.price-card.featured{border-color:rgba(139,92,246,.55);transform:translateY(-12px);background:linear-gradient(150deg,rgba(139,92,246,.1),#0c0c0c 45%);box-shadow:0 28px 70px rgba(0,0,0,.45)}.popular{position:absolute;right:20px;top:18px;color:#090704;background:var(--gold);border-radius:999px;padding:5px 10px;font-size:.68rem;font-weight:900}.price-card h3{font-size:1.4rem;margin:0}.price{font-size:2.8rem;line-height:1;margin:26px 0 8px;letter-spacing:-.04em}.price small{font-size:.86rem;color:var(--muted);font-weight:600}.price-note{color:var(--muted);min-height:48px}.price-list{padding:0;margin:26px 0;list-style:none;display:grid;gap:12px}.price-list li{color:#d6d1c7;font-size:.9rem}.price-list li::before{content:"✓";color:var(--gold);margin-right:10px;font-weight:900}
.faq-list{display:grid;gap:12px;max-width:900px;margin:auto}.faq{border:1px solid var(--line);border-radius:17px;background:#0b0b0b;overflow:hidden}.faq button{width:100%;border:0;background:transparent;color:var(--text);padding:22px 24px;text-align:left;display:flex;justify-content:space-between;align-items:center;font-weight:800;cursor:pointer}.faq button span:last-child{color:var(--gold);font-size:1.4rem;transition:.3s}.faq.open button span:last-child{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s}.faq-answer p{margin:0;padding:0 24px 22px;color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px}.contact-card{border:1px solid var(--line);border-radius:24px;padding:30px;background:#0b0b0b}.contact-points{display:grid;gap:18px;margin-top:30px}.contact-point{display:flex;gap:14px}.contact-point .service-icon{width:45px;height:45px;border-radius:13px;font-size:1rem;margin:0;flex:0 0 auto}.contact-point strong{display:block}.contact-point span,.contact-point a{color:var(--muted);font-size:.9rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:.82rem;color:#d9d4c9;font-weight:750}.field input,.field select,.field textarea,.search-bar input{width:100%;border:1px solid var(--line);background:#090909;color:#f8f5ee;border-radius:12px;padding:14px 15px;outline:none;transition:.25s}.field textarea{min-height:145px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.search-bar input:focus{border-color:rgba(139,92,246,.55);box-shadow:0 0 0 4px rgba(139,92,246,.07)}.field .error{color:#ff8f8f;font-size:.72rem;min-height:1em}.form-status{margin-top:14px;color:var(--gold)}
.cta-band{border-top:1px solid rgba(139,92,246,.32);border-bottom:1px solid rgba(139,92,246,.22);background:radial-gradient(circle at 75% 40%,rgba(139,92,246,.18),transparent 28%),linear-gradient(110deg,#11091d,#080808);padding:48px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-inner h2{font-size:clamp(1.8rem,4vw,3.2rem);margin:0;letter-spacing:-.04em}.cta-inner p{margin:7px 0 0;color:var(--muted)}
.site-footer{padding:72px 0 24px;background:#030303}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:38px}.footer-brand img{width:180px}.footer-brand p{color:var(--muted);max-width:330px;font-size:.9rem}.footer-col h4{font-size:.9rem;color:#e8e3d7;margin:0 0 16px}.footer-col a,.footer-col span{display:block;color:#96938b;font-size:.86rem;margin:9px 0}.footer-col a:hover{color:var(--gold)}.socials{display:flex;gap:9px;margin-top:18px}.socials a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);margin:0;color:#d7c579}.footer-bottom{margin-top:48px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#77746d;font-size:.78rem}
.mobile-bottom{display:none}.toast{position:fixed;right:22px;bottom:22px;z-index:1200;padding:15px 18px;border-radius:13px;background:#171710;border:1px solid rgba(139,92,246,.4);color:#fff;box-shadow:var(--shadow);transform:translateY(30px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}.modal{position:fixed;inset:0;z-index:1500;background:rgba(0,0,0,.75);display:none;place-items:center;padding:24px;backdrop-filter:blur(12px)}.modal.open{display:grid}.modal-box{width:min(760px,100%);max-height:88vh;overflow:auto;border:1px solid rgba(139,92,246,.3);border-radius:26px;background:#0b0b0b;padding:34px;position:relative}.modal-close{position:absolute;right:18px;top:18px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#111;color:#fff;cursor:pointer}.page-transition{position:fixed;inset:0;background:#050505;z-index:2000;transform:translateY(-100%);transition:.55s cubic-bezier(.7,0,.3,1);pointer-events:none}.page-transition.active{transform:translateY(0)}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.reveal.in-view{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
.legal{max-width:880px}.legal h2{margin-top:40px}.legal p,.legal li{color:var(--muted)}
@media(max-width:1020px){.nav{position:fixed;left:20px;right:20px;top:80px;display:grid;gap:2px;padding:16px;border:1px solid var(--line);border-radius:20px;background:rgba(7,7,7,.97);backdrop-filter:blur(18px);transform:translateY(-18px);opacity:0;pointer-events:none;transition:.3s}.nav.open{transform:none;opacity:1;pointer-events:auto}.nav a{padding:13px 14px}.nav-cta{margin:5px 0 0}.menu-toggle{display:flex;position:relative}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.hero-copy{order:1}.orbital-stage{order:2;min-height:470px}.service-grid,.cards-3,.blog-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.cards-4,.value-grid{grid-template-columns:repeat(2,1fr)}.project-card,.project-card.large{grid-column:span 6}.process{grid-template-columns:repeat(3,1fr);gap:32px}.process::before{display:none}.service-detail{grid-template-columns:1fr}.service-nav{position:static;display:flex;overflow:auto}.service-nav a{white-space:nowrap}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid .footer-col:last-child{grid-column:1/-1}.quote-card{grid-template-columns:1fr}.quote-meta{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.logo-cloud-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.container{width:min(100% - 28px,var(--max))}.section{padding:78px 0}.section-tight{padding:54px 0}.nav-wrap{height:72px}.logo img{width:154px}.site-header{background:rgba(4,4,4,.8);backdrop-filter:blur(18px)}.display{font-size:clamp(2.8rem,14vw,4.6rem)}.hero{padding:112px 0 56px;min-height:auto}.hero-grid{gap:12px}.hero-actions .btn{width:100%}.trust-row{align-items:flex-start;flex-wrap:wrap}.orbital-stage{min-height:390px}.hero-mark{width:200px}.stage-platform{width:84%;bottom:8%}.section-head{display:block;margin-bottom:32px}.section-head .btn{margin-top:18px}.service-grid,.cards-3,.cards-4,.blog-grid,.pricing-grid,.value-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2)::after{display:none}.project-grid{display:grid;grid-template-columns:1fr}.project-card,.project-card.large{grid-column:auto}.project-art{height:220px}.process{grid-template-columns:1fr}.step{display:grid;grid-template-columns:64px 1fr;text-align:left;gap:18px;padding:0}.step-num{margin:0}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.cta-inner{display:block}.cta-inner .btn{margin-top:22px;width:100%}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-grid .footer-col:last-child{grid-column:1/-1}.footer-bottom{display:block;padding-bottom:82px}.footer-bottom span{display:block;margin-top:8px}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:12px;right:12px;bottom:12px;z-index:1000;border:1px solid rgba(139,92,246,.23);border-radius:18px;background:rgba(8,8,8,.91);backdrop-filter:blur(18px);padding:8px;box-shadow:0 20px 45px rgba(0,0,0,.5)}.mobile-bottom a{text-align:center;color:#a4a098;font-size:.67rem;padding:7px 3px;border-radius:10px}.mobile-bottom a span{display:block;font-size:1rem}.mobile-bottom a.active{background:rgba(139,92,246,.1);color:var(--gold)}.page-hero{padding:130px 0 70px}.timeline::before{left:8px}.timeline-item,.timeline-item:nth-child(even){width:100%;margin:0;padding:0 0 38px 38px}.timeline-item::after,.timeline-item:nth-child(even)::after{left:2px;right:auto}.price-card.featured{transform:none}.search-bar{display:grid}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* WordPress plugin integration */
html { margin-top: 0 !important; }
body.globex-standalone #wpadminbar { position: fixed; }
body.globex-standalone.admin-bar .site-header { top: 32px; }
@media screen and (max-width: 782px) {
  body.globex-standalone.admin-bar .site-header { top: 46px; }
}
.globex-hp { position:absolute!important; left:-99999px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.globex-whatsapp {
  position: fixed; right: 22px; bottom: 22px; z-index: 1001; width: 54px; height: 54px;
  display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.96);
  color: #05060B; font-weight: 900; box-shadow: 0 14px 34px rgba(15,23,42,.34); border: 1px solid rgba(255,255,255,.75);
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.globex-whatsapp:hover { transform: translateY(-4px) scale(1.03); box-shadow:0 20px 46px rgba(15,23,42,.42); color:#05060B; background:#ffffff; }
@media (max-width: 760px) { .globex-whatsapp { bottom: 82px; right: 16px; width:48px; height:48px; } }
body.globex-standalone .site-footer a { text-decoration: none; }


/* Mobile layout refinement — v1.1.0 */
@media (max-width: 760px) {
  html,
  body.globex-standalone {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  body.globex-standalone {
    min-width: 0;
    padding-bottom: calc(82px + env(safe-area-inset-bottom, 0px));
  }

  body.globex-standalone main,
  body.globex-standalone section,
  body.globex-standalone .hero-grid,
  body.globex-standalone .hero-copy,
  body.globex-standalone .orbital-stage {
    min-width: 0;
    max-width: 100%;
  }

  .container {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: 18px;
  }

  .site-header {
    padding-top: env(safe-area-inset-top, 0px);
    background: rgba(4, 4, 4, .84);
    border-bottom-color: rgba(255, 255, 255, .055);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }

  .nav-wrap {
    height: 70px;
    gap: 14px;
  }

  .logo img {
    width: 142px;
  }

  .menu-toggle {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
  }

  .nav {
    left: 14px;
    right: 14px;
    top: calc(78px + env(safe-area-inset-top, 0px));
    max-height: calc(100dvh - 100px - env(safe-area-inset-top, 0px));
    overflow-y: auto;
    overscroll-behavior: contain;
    border-radius: 18px;
    padding: 12px;
  }

  .nav a {
    min-height: 46px;
    display: flex;
    align-items: center;
  }

  .nav .nav-cta {
    justify-content: center;
  }

  .hero {
    min-height: auto;
    padding: calc(100px + env(safe-area-inset-top, 0px)) 0 30px;
    place-items: stretch;
  }

  .hero::before {
    background:
      radial-gradient(circle at 72% 34%, rgba(232, 174, 36, .10), transparent 30%),
      linear-gradient(180deg, rgba(0, 0, 0, .02), #060606 97%);
  }

  .hero-grid {
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  .hero-copy {
    width: 100%;
  }

  .eyebrow {
    max-width: 100%;
    font-size: .68rem;
    letter-spacing: .12em;
  }

  .display {
    width: 100%;
    max-width: 100%;
    margin: 16px 0 24px;
    font-size: clamp(2.7rem, 13.2vw, 4.05rem);
    line-height: .96;
    letter-spacing: -.058em;
    overflow-wrap: normal;
    word-break: normal;
  }

  .hero-copy p {
    width: 100%;
    max-width: 100%;
    margin: 0;
    font-size: 1rem;
    line-height: 1.72;
  }

  .hero-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    width: 100%;
    margin-top: 26px;
  }

  .hero-actions .btn {
    width: 100%;
    min-height: 56px;
  }

  .trust-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 13px;
    margin-top: 28px;
  }

  .trust-row > div:last-child {
    min-width: 0;
  }

  .trust-row .muted {
    display: inline-block;
    max-width: 100%;
    line-height: 1.5;
  }

  .avatar {
    width: 36px;
    height: 36px;
  }

  .orbital-stage {
    width: 100%;
    min-height: 320px;
    margin: 2px 0 28px;
    overflow: hidden;
  }

  .hero-mark {
    width: clamp(160px, 47vw, 188px);
  }

  .orbit {
    width: min(84%, 330px);
  }

  .orbit.o2 {
    width: min(70%, 275px);
  }

  .stage-platform {
    width: min(78%, 300px);
    height: 19%;
    bottom: 10%;
  }

  .grid-floor {
    width: 125%;
    height: 48%;
    bottom: -19%;
  }

  .section {
    padding: 72px 0;
  }

  .section-tight {
    padding: 50px 0;
  }

  .page-hero {
    padding: calc(108px + env(safe-area-inset-top, 0px)) 0 58px;
  }

  .page-hero .title {
    font-size: clamp(2.35rem, 11vw, 3.45rem);
  }

  .card,
  .contact-card,
  .price-card {
    padding: 24px;
    border-radius: 20px;
  }

  .stats {
    border-radius: 18px;
  }

  .stat {
    padding: 24px 12px;
  }

  .project-art {
    height: 205px;
  }

  .mobile-bottom {
    left: 14px;
    right: 14px;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    z-index: 1100;
    min-height: 62px;
    padding: 5px;
    border-radius: 17px;
    background: rgba(8, 8, 8, .92);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 14px 38px rgba(0, 0, 0, .58);
  }

  .mobile-bottom a {
    min-width: 0;
    min-height: 52px;
    padding: 6px 2px 5px;
    border-radius: 11px;
    font-size: .64rem;
    line-height: 1.15;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    touch-action: manipulation;
  }

  .mobile-bottom a span {
    margin: 0;
    font-size: 1.02rem;
    line-height: 1;
  }

  .globex-whatsapp {
    right: 18px;
    bottom: calc(84px + env(safe-area-inset-bottom, 0px));
    width: 44px;
    height: 44px;
    font-size: .76rem;
    z-index: 1120;
  }

  .toast {
    left: 18px;
    right: 18px;
    bottom: calc(88px + env(safe-area-inset-bottom, 0px));
    text-align: center;
  }

  .site-footer {
    padding-bottom: calc(102px + env(safe-area-inset-bottom, 0px));
  }

  .footer-bottom {
    padding-bottom: 0;
  }
}

@media (max-width: 380px) {
  .container {
    padding-inline: 15px;
  }

  .display {
    font-size: clamp(2.5rem, 13vw, 3.35rem);
  }

  .logo img {
    width: 132px;
  }

  .mobile-bottom {
    left: 9px;
    right: 9px;
  }

  .mobile-bottom a {
    font-size: .6rem;
  }
}


/* ===== Version 1.2.0 Purple-Blue Visual Upgrade ===== */
:root{
  --bg:#05060b;--bg-soft:#090b13;--panel:#0d1220;--panel-2:#12192c;--line:rgba(139,92,246,.18);
  --text:#f6f7fb;--muted:#9ba8c7;--gold:#8b5cf6;--gold-2:#60a5fa;--gold-dark:#312e81;
  --accent-purple:#8b5cf6;--accent-blue:#38bdf8;--accent-violet:#a855f7;
  --shadow:0 28px 70px rgba(2,8,23,.55);
}
html{scrollbar-color:rgba(139,92,246,.7) rgba(255,255,255,.04)}
body{background-color:var(--bg);}
body::after{content:"";position:fixed;inset:-12%;pointer-events:none;z-index:-1;background:
  radial-gradient(circle at 18% 14%, rgba(139,92,246,.10), transparent 22%),
  radial-gradient(circle at 76% 18%, rgba(56,189,248,.10), transparent 22%),
  radial-gradient(circle at 56% 80%, rgba(79,70,229,.08), transparent 28%);filter:blur(18px);animation:auroraDrift 16s ease-in-out infinite alternate;}
.gold-text{background:linear-gradient(135deg,#ddd6fe 0%,#a855f7 28%,#8b5cf6 58%,#38bdf8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.progress-bar{background:linear-gradient(90deg,#4f46e5,#8b5cf6,#38bdf8);box-shadow:0 0 16px rgba(96,165,250,.45)}
.cursor-glow{background:radial-gradient(circle,rgba(139,92,246,.15),rgba(56,189,248,.08) 32%,transparent 68%);filter:blur(2px)}
.site-header{background:linear-gradient(to bottom,rgba(3,5,12,.86),transparent)}
.site-header.scrolled{background:rgba(4,8,18,.78)}
.nav a:hover,.nav a.active{color:#dbeafe;background:linear-gradient(135deg,rgba(139,92,246,.14),rgba(56,189,248,.1))}
.menu-toggle{border-color:rgba(139,92,246,.45);background:#0b1020;box-shadow:0 0 0 1px rgba(56,189,248,.12) inset}
.btn-gold{background:linear-gradient(135deg,#a855f7 0%,#6d28d9 38%,#3b82f6 100%);color:#f8fbff;box-shadow:0 18px 42px rgba(79,70,229,.34)}
.btn-gold:hover{box-shadow:0 24px 56px rgba(56,189,248,.25),0 18px 42px rgba(139,92,246,.28)}
.btn-outline{border-color:rgba(96,165,250,.34);color:#dbeafe;background:rgba(255,255,255,.02)}
.btn-outline:hover{background:linear-gradient(135deg,rgba(139,92,246,.14),rgba(56,189,248,.08))}
.eyebrow,.kicker,.blog-meta,.timeline-item .year,.breadcrumb a,.rating,.form-status{color:#8b5cf6}
.hero,.page-hero,.cta-band,.section-glow{isolation:isolate}
.hero::before{background:radial-gradient(circle at 18% 18%,rgba(139,92,246,.18),transparent 25%),radial-gradient(circle at 78% 22%,rgba(56,189,248,.14),transparent 23%),radial-gradient(circle at 62% 76%,rgba(79,70,229,.10),transparent 24%);animation:auroraShift 18s ease-in-out infinite alternate}
.hero::after{content:"";position:absolute;inset:auto -10% -8% auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.09),transparent 58%);filter:blur(16px);animation:floatOrb 13s ease-in-out infinite}
.page-hero{background:radial-gradient(circle at 80% 28%,rgba(56,189,248,.12),transparent 24%),radial-gradient(circle at 18% 16%,rgba(139,92,246,.12),transparent 26%),#05060b}
.page-hero::after{border-color:rgba(96,165,250,.15);box-shadow:0 0 0 45px rgba(139,92,246,.03),0 0 0 90px rgba(56,189,248,.02);animation:spinSlow 26s linear infinite}
.section-glow::before{background:radial-gradient(circle,rgba(139,92,246,.14),transparent 66%)}
.logo-cloud{border-color:rgba(96,165,250,.16);background:linear-gradient(135deg,rgba(139,92,246,.07),rgba(56,189,248,.03));position:relative;overflow:hidden}
.logo-cloud::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:translateX(-100%);animation:shimmerSweep 8s linear infinite}
.tech-logo{border-color:rgba(96,165,250,.18);background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(255,255,255,.02));color:#cdd8f7}
.card,.project-card,.price-card,.contact-card,.value-card,.blog-card,.service-row,.service-nav,.modal-box,.stats,.visual-panel,.process,.testimonial{position:relative;overflow:hidden;backdrop-filter:blur(10px);background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border-color:rgba(96,165,250,.16)}
.card::before,.project-card::before,.price-card::before,.blog-card::before,.contact-card::before,.service-row::before,.value-card::before,.modal-box::before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 0%,rgba(139,92,246,.06) 35%,rgba(56,189,248,.05) 60%,transparent 100%);opacity:0;transition:opacity .35s ease;pointer-events:none}
.card:hover::before,.project-card:hover::before,.price-card:hover::before,.blog-card:hover::before,.contact-card:hover::before,.service-row:hover::before,.value-card:hover::before{opacity:1}
.card:hover,.project-card:hover,.blog-card:hover,.contact-card:hover,.value-card:hover,.service-row:hover,.price-card:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(2,8,23,.48),0 0 0 1px rgba(139,92,246,.10) inset}
.service-icon,.step-num,.avatar,.badge-float,.popular{background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(56,189,248,.18));border-color:rgba(96,165,250,.24);color:#e5ecff;box-shadow:0 10px 24px rgba(2,8,23,.28)}
.stats,.process,.cta-band,.footer-top,.footer-bottom{border-color:rgba(96,165,250,.16)}
.stat strong,.price,.process h3,.card h3,.timeline-item h3,.footer-col a:hover{color:#f5f7ff}
.project-badge,.tag,.feature-pills span,.filter-btn.active,.pricing-toggle button.active{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(56,189,248,.18));color:#e9efff;border-color:rgba(96,165,250,.18)}
.filter-btn{border-color:rgba(139,92,246,.24)}
input:focus,select:focus,textarea:focus,.search-bar input:focus{border-color:rgba(96,165,250,.55)!important;box-shadow:0 0 0 4px rgba(96,165,250,.08)!important}
.orbital-stage{filter:drop-shadow(0 30px 60px rgba(3,7,18,.5))}
.orbit,.o2{border-color:rgba(96,165,250,.24);animation:spinSlow 20s linear infinite}
.o2{animation-direction:reverse;animation-duration:24s}
.orbit-dot,.spark{background:linear-gradient(135deg,#a855f7,#38bdf8);box-shadow:0 0 18px rgba(96,165,250,.45)}
.hero-mark{animation:heroFloat 8s ease-in-out infinite}
.hero-mark svg [fill="url(#heroGold)"]{filter:drop-shadow(0 0 24px rgba(96,165,250,.24))}
.stage-platform{background:radial-gradient(circle at 50% 20%, rgba(255,255,255,.08), rgba(56,189,248,.08) 20%, rgba(139,92,246,.16) 42%, rgba(5,6,11,.9) 70%);box-shadow:0 0 0 1px rgba(96,165,250,.18),0 40px 70px rgba(1,4,12,.7)}
.grid-floor{background:radial-gradient(circle at center,rgba(56,189,248,.10),transparent 52%),repeating-linear-gradient(90deg,rgba(96,165,250,.08) 0 1px,transparent 1px 28px),repeating-linear-gradient(0deg,rgba(139,92,246,.08) 0 1px,transparent 1px 28px)}
.cta-band{background:radial-gradient(circle at 80% 40%,rgba(56,189,248,.17),transparent 26%),radial-gradient(circle at 20% 20%,rgba(139,92,246,.16),transparent 24%),linear-gradient(115deg,#0b1020,#05060b)}
.site-footer{background:linear-gradient(180deg,#060913,#04050a)}
.toast{background:linear-gradient(140deg,#0d1323,#10182b);border-color:rgba(96,165,250,.3)}
.mobile-bottom{border-color:rgba(96,165,250,.22);background:rgba(7,10,18,.88);box-shadow:0 20px 45px rgba(0,0,0,.55),0 0 0 1px rgba(139,92,246,.08) inset}
.mobile-bottom a.active{background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(56,189,248,.12));color:#e6eeff}
.hero-particle{position:absolute;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(96,165,250,.6) 35%,transparent 70%);opacity:.45;pointer-events:none;animation:particleFloat linear infinite}
.hero-particle.purple{background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(168,85,247,.55) 35%,transparent 72%)}
@keyframes auroraShift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-2%,2%,0) scale(1.05)}100%{transform:translate3d(3%,-2%,0) scale(1.08)}}
@keyframes auroraDrift{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(1.5%,-1.2%,0)}100%{transform:translate3d(-1%,1.5%,0)}}
@keyframes shimmerSweep{0%{transform:translateX(-100%)}100%{transform:translateX(120%)}}
@keyframes spinSlow{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes heroFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(-2deg)}}
@keyframes floatOrb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-14px,-22px,0) scale(1.04)}}
@keyframes particleFloat{0%{transform:translate3d(0,0,0) scale(.8);opacity:0}15%{opacity:.45}100%{transform:translate3d(var(--x,0),var(--y,-160px),0) scale(1.4);opacity:0}}
@media (prefers-reduced-motion:reduce){body::after,.hero::before,.hero::after,.page-hero::after,.logo-cloud::before,.hero-mark,.orbit,.o2,.hero-particle{animation:none!important}.card:hover,.project-card:hover,.blog-card:hover,.contact-card:hover,.value-card:hover,.service-row:hover,.price-card:hover{transform:none}}


/* ===== Version 1.2.1 Portfolio Image & Color Cleanup ===== */
.project-art{height:260px;position:relative;overflow:hidden;background:linear-gradient(145deg,#101629,#090c16);}
.project-photo{background:linear-gradient(145deg,#0f172a,#060915);}
.project-shot{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.01);transition:transform .45s ease, filter .45s ease;filter:saturate(1.02) contrast(1.02);}
.project-art::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(to top, rgba(4,6,12,.72), rgba(4,6,12,0));pointer-events:none;}
.project-card:hover .project-shot{transform:scale(1.05);filter:saturate(1.08) contrast(1.05);}
.mock-browser,.mock-grid,.mock-tile,.phone-mock{display:none !important;}
.filter-btn.active,.filter-btn:hover{border-color:rgba(96,165,250,.44);color:#edf4ff;background:linear-gradient(135deg,rgba(139,92,246,.92),rgba(59,130,246,.92));}
.pricing-toggle button.active,.popular{color:#f8fbff;background:linear-gradient(135deg,#8b5cf6,#2563eb);}
.step-num{color:#eef4ff;}
.mobile-bottom a.active span,.mobile-bottom a.active{color:#eef4ff;}
@media(max-width:720px){.project-art{height:220px}.project-card.large{grid-column:auto}}


/* ===== Version 1.2.2 Asset Rendering & White Brand Cleanup ===== */
.logo img,.footer-brand img{filter:none !important;opacity:1;}
.globex-whatsapp{background:#ffffff !important;color:#05060b !important;border:1px solid rgba(255,255,255,.8) !important;box-shadow:0 14px 34px rgba(15,23,42,.34) !important;}
.globex-whatsapp:hover{background:#ffffff !important;color:#05060b !important;box-shadow:0 20px 46px rgba(15,23,42,.42) !important;}
@media (max-width:760px){.globex-whatsapp{background:#ffffff !important;color:#05060b !important;}}


/* ========================================================================== 
   Globex Institute v1.3.0 — Ultra Premium Refined Layer
   ========================================================================== */
:root{
  --bg:#04050a;
  --bg-soft:#080b14;
  --panel:#0b1020;
  --panel-2:#10182c;
  --line:rgba(124,148,255,.17);
  --text:#f8faff;
  --muted:#9eacc8;
  --violet:#8b5cf6;
  --purple:#a855f7;
  --blue:#3b82f6;
  --cyan:#38bdf8;
  --glass:rgba(10,15,29,.68);
  --shadow-premium:0 28px 80px rgba(1,5,18,.54),0 0 0 1px rgba(112,137,255,.07) inset;
}
html{scroll-padding-top:104px;}
body{background:
  radial-gradient(circle at 8% 4%,rgba(139,92,246,.14),transparent 24rem),
  radial-gradient(circle at 94% 14%,rgba(56,189,248,.10),transparent 22rem),
  linear-gradient(180deg,#050711 0%,#04050a 42%,#050711 100%);
}
body.globex-menu-open,body.globex-modal-open{overflow:hidden;}
body:not(.globex-ready) main,body:not(.globex-ready) .site-header,body:not(.globex-ready) .site-footer{filter:blur(3px);}
::selection{background:rgba(139,92,246,.36);color:#fff;}

.globex-loader{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:
  radial-gradient(circle at 50% 42%,rgba(139,92,246,.18),transparent 28%),
  radial-gradient(circle at 66% 58%,rgba(56,189,248,.12),transparent 24%),
  #03050b;transition:opacity .62s ease,visibility .62s ease;animation:globexLoaderFallback .8s 4s forwards;}
.globex-loader::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(139,92,246,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center,#000,transparent 72%);animation:loaderGrid 14s linear infinite;}
.globex-loader.is-returning .globex-loader-core{animation-duration:.45s;}
.globex-loader.is-complete{opacity:0;visibility:hidden;pointer-events:none;}
.globex-loader-core{position:relative;display:grid;place-items:center;gap:14px;min-width:240px;animation:loaderCoreIn .9s cubic-bezier(.16,1,.3,1) both;}
.globex-loader-mark{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.025));border:1px solid rgba(139,92,246,.25);box-shadow:0 22px 70px rgba(4,7,20,.56),0 0 42px rgba(139,92,246,.18);animation:loaderMark 2.2s ease-in-out infinite;}
.globex-loader-mark img{width:50px;height:50px;}
.globex-loader-copy{text-align:center;line-height:1;}
.globex-loader-copy strong{display:block;font-size:1.16rem;letter-spacing:.22em;color:#fff;}
.globex-loader-copy span{display:block;margin-top:8px;font-size:.56rem;letter-spacing:.5em;color:#b9c5e4;}
.globex-loader-track{width:190px;height:2px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:8px;}
.globex-loader-track i{display:block;height:100%;width:44%;border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#38bdf8);box-shadow:0 0 18px rgba(56,189,248,.55);animation:loaderProgress 1.35s cubic-bezier(.65,0,.35,1) infinite;}

.globex-ambient-shell{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;}
.globex-ambient-shell span{position:absolute;border-radius:50%;filter:blur(70px);opacity:.17;animation:ambientFloat 18s ease-in-out infinite alternate;}
.globex-ambient-shell span:nth-child(1){width:420px;height:420px;left:-170px;top:18%;background:#7c3aed;}
.globex-ambient-shell span:nth-child(2){width:360px;height:360px;right:-120px;top:42%;background:#0284c7;animation-delay:-6s;}
.globex-ambient-shell span:nth-child(3){width:300px;height:300px;left:44%;bottom:-140px;background:#4f46e5;animation-delay:-11s;}

.site-header{border-bottom:1px solid transparent;}
.site-header.scrolled{background:rgba(4,7,16,.72);border-color:rgba(124,148,255,.14);box-shadow:0 18px 60px rgba(0,0,0,.20);backdrop-filter:blur(24px) saturate(145%);}
.nav-wrap{height:88px;}
.logo img{width:184px;transition:transform .35s ease,opacity .35s ease;}
.logo:hover img{transform:translateY(-1px) scale(1.01);opacity:.96;}
.nav{padding:5px;border:1px solid transparent;border-radius:999px;transition:.35s;}
.site-header.scrolled .nav{border-color:rgba(124,148,255,.10);background:rgba(255,255,255,.018);}
.nav a{position:relative;color:#d8e2f8;}
.nav a:not(.nav-cta)::after{content:"";position:absolute;left:16px;right:16px;bottom:6px;height:1px;background:linear-gradient(90deg,transparent,#8b5cf6,#38bdf8,transparent);transform:scaleX(0);transition:transform .28s ease;}
.nav a:hover::after,.nav a.active::after{transform:scaleX(1);}
.nav a.active{background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(56,189,248,.10));box-shadow:0 0 0 1px rgba(139,92,246,.08) inset;}

.display,.title{text-wrap:balance;}
.display{font-weight:850;text-shadow:0 18px 70px rgba(0,0,0,.28);}
.hero-copy{position:relative;}
.hero-copy::after{content:"";position:absolute;left:-44px;top:12%;width:2px;height:58%;background:linear-gradient(to bottom,transparent,#8b5cf6,#38bdf8,transparent);opacity:.35;}
.hero{border-bottom:1px solid rgba(124,148,255,.10);}
.hero-grid{gap:58px;}
.orbital-stage{transform:translate3d(0,var(--stage-shift,0),0);transition:transform .08s linear;}
.hero-mark{filter:drop-shadow(0 28px 38px rgba(0,0,0,.72)) drop-shadow(0 0 38px rgba(139,92,246,.14));}
.hero-mark::after{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 64%);mix-blend-mode:screen;animation:markGlow 4s ease-in-out infinite;}
.stage-platform::after{border-color:rgba(96,165,250,.24);}
.trust-row{padding:14px 16px;border-radius:18px;border:1px solid rgba(124,148,255,.10);background:rgba(255,255,255,.018);width:max-content;max-width:100%;backdrop-filter:blur(12px);}
.avatar{background:linear-gradient(145deg,#8b5cf6,#172554);border-color:#080b14;color:#fff;}

.btn{border-radius:14px;isolation:isolate;box-shadow:0 0 0 1px rgba(255,255,255,.04) inset;will-change:transform;}
.btn::before{content:"";position:absolute;inset:1px;border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 35%);opacity:.5;pointer-events:none;z-index:-1;}
.btn-gold{background:linear-gradient(120deg,#a855f7 0%,#7c3aed 36%,#2563eb 74%,#38bdf8 120%);background-size:180% 180%;animation:premiumGradient 7s ease infinite;color:#fff;}
.btn-gold:hover{box-shadow:0 22px 58px rgba(79,70,229,.36),0 0 34px rgba(56,189,248,.12);}
.btn-outline{background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012));backdrop-filter:blur(14px);}
.globex-magnetic{transition:transform .18s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease;}

.section{isolation:isolate;}
.section + .section::before{content:"";position:absolute;top:0;left:50%;width:min(1180px,calc(100% - 40px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(124,148,255,.14),transparent);}
.section-dark{background:linear-gradient(180deg,rgba(8,11,21,.76),rgba(5,7,13,.92));}
.section-head{margin-bottom:54px;}
.eyebrow{padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,rgba(139,92,246,.10),rgba(56,189,248,.06));border:1px solid rgba(124,148,255,.12);}
.eyebrow::before{background:linear-gradient(90deg,#8b5cf6,#38bdf8);}

.globex-spotlight-card{--spot-x:50%;--spot-y:50%;isolation:isolate;}
.globex-spotlight-card::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(420px circle at var(--spot-x) var(--spot-y),rgba(120,129,255,.13),transparent 44%);opacity:0;transition:opacity .32s ease;}
.globex-spotlight-card:hover::after{opacity:1;}
.globex-spotlight-card > *{position:relative;z-index:1;}
.card,.project-card,.price-card,.blog-card,.contact-card,.value-card,.service-row,.visual-panel,.testimonial,.stats{border-color:rgba(124,148,255,.15);box-shadow:0 16px 50px rgba(1,4,15,.16),0 1px 0 rgba(255,255,255,.025) inset;}
.card:hover,.project-card:hover,.price-card:hover,.blog-card:hover,.contact-card:hover,.value-card:hover,.service-row:hover{border-color:rgba(124,148,255,.29);box-shadow:var(--shadow-premium);}
.service-icon{background:linear-gradient(145deg,rgba(139,92,246,.22),rgba(56,189,248,.12));box-shadow:0 14px 34px rgba(2,7,22,.25),0 0 0 1px rgba(255,255,255,.035) inset;}
.text-link{color:#d9e3ff;}
.text-link:hover{color:#fff;}

.logo-cloud{padding:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.logo-cloud-row{display:flex!important;width:max-content;gap:12px;padding:22px 0;animation:techMarquee 24s linear infinite;}
.logo-cloud-row:hover{animation-play-state:paused;}
.tech-logo{min-width:160px;border:1px solid rgba(124,148,255,.11);border-radius:13px;filter:none;}

.project-card{background:linear-gradient(155deg,rgba(12,17,33,.88),rgba(7,10,19,.96));}
.project-art{height:292px;}
.project-art::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(125deg,rgba(255,255,255,.12),transparent 26%,transparent 70%,rgba(56,189,248,.08));mix-blend-mode:screen;opacity:.45;pointer-events:none;}
.project-art::after{z-index:3;height:48%;background:linear-gradient(to top,rgba(3,5,11,.82),rgba(3,5,11,0));}
.project-shot{transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .5s ease;}
.project-card:hover .project-shot{transform:scale(1.075);filter:saturate(1.12) contrast(1.06);}
.project-meta{padding:25px 26px 27px;}
.project-meta h3{font-size:1.22rem;letter-spacing:-.015em;}
.project-meta p{font-size:.9rem;}
.tag{backdrop-filter:blur(12px);box-shadow:0 0 0 1px rgba(255,255,255,.025) inset;}

.stats{background:linear-gradient(135deg,rgba(139,92,246,.06),rgba(56,189,248,.025));}
.stat strong{background:linear-gradient(135deg,#fff,#c4b5fd 48%,#7dd3fc);-webkit-background-clip:text;background-clip:text;color:transparent;}
.process{padding:34px 24px;border:1px solid rgba(124,148,255,.12);border-radius:28px;background:linear-gradient(150deg,rgba(255,255,255,.024),rgba(255,255,255,.008));}
.step-num{background:linear-gradient(145deg,rgba(139,92,246,.26),rgba(56,189,248,.10));box-shadow:0 0 0 8px #060914,0 0 36px rgba(139,92,246,.18);}
.quote-card{background:linear-gradient(145deg,rgba(139,92,246,.055),rgba(56,189,248,.018));}

.price-card.featured{background:linear-gradient(155deg,rgba(139,92,246,.15),rgba(13,19,36,.9) 44%,rgba(56,189,248,.05));box-shadow:0 30px 80px rgba(1,5,18,.48),0 0 0 1px rgba(124,148,255,.11) inset;}
.contact-card{background:linear-gradient(150deg,rgba(139,92,246,.055),rgba(9,13,25,.92));}
.field input,.field select,.field textarea,.search-bar input{background:rgba(5,8,16,.76);border-color:rgba(124,148,255,.15);}

.cta-band{position:relative;overflow:hidden;}
.cta-band::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 90deg,transparent,rgba(139,92,246,.09),transparent,rgba(56,189,248,.08),transparent);animation:ctaOrbit 18s linear infinite;}
.cta-inner{position:relative;z-index:1;}
.site-footer{border-top:1px solid rgba(124,148,255,.12);}
.footer-brand img{width:188px;}

.globex-whatsapp{display:grid!important;width:56px;height:56px;background:#fff!important;color:#05060b!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:0 16px 38px rgba(1,5,18,.38),0 0 0 7px rgba(255,255,255,.035)!important;}
.globex-whatsapp::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(255,255,255,.16);animation:whatsappPulse 2.7s ease-out infinite;}

.page-transition{display:grid;place-items:center;background:
  radial-gradient(circle at center,rgba(139,92,246,.18),transparent 28%),#03050b;}
.page-transition::before{content:"G";display:grid;place-items:center;width:74px;height:74px;border:1px solid rgba(124,148,255,.22);border-radius:23px;background:rgba(255,255,255,.04);font-size:2.4rem;font-weight:900;color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.42),0 0 40px rgba(139,92,246,.13);transform:translateY(-16px) scale(.86);opacity:0;transition:.4s .08s;}
.page-transition.active::before{transform:none;opacity:1;}
.page-transition::after{content:"";position:absolute;width:180px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#8b5cf6,#38bdf8,transparent);transform:scaleX(0);transition:.42s .14s;}
.page-transition.active::after{transform:scaleX(1);}

.reveal{opacity:0;transform:translateY(28px) scale(.992);filter:blur(7px);transition:opacity .72s cubic-bezier(.2,.8,.2,1),transform .72s cubic-bezier(.2,.8,.2,1),filter .72s ease;transition-delay:calc(var(--reveal-order,0) * 34ms);}
.reveal.in-view{opacity:1;transform:none;filter:none;}

@keyframes loaderGrid{to{background-position:48px 48px}}
@keyframes loaderCoreIn{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}
@keyframes loaderMark{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(-2deg)}}
@keyframes loaderProgress{0%{transform:translateX(-120%)}55%,100%{transform:translateX(280%)}}
@keyframes globexLoaderFallback{to{opacity:0;visibility:hidden;pointer-events:none}}
@keyframes ambientFloat{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(42px,-34px,0) scale(1.12)}}
@keyframes premiumGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes markGlow{0%,100%{opacity:.4;transform:scale(.95)}50%{opacity:.8;transform:scale(1.08)}}
@keyframes techMarquee{to{transform:translateX(calc(-50% - 6px))}}
@keyframes ctaOrbit{to{transform:rotate(360deg)}}
@keyframes whatsappPulse{0%{transform:scale(.9);opacity:.45}75%,100%{transform:scale(1.45);opacity:0}}

@media(max-width:1020px){
  .nav{top:calc(78px + env(safe-area-inset-top,0px));left:18px;right:18px;max-height:calc(100svh - 106px);overflow:auto;padding:22px;border-radius:26px;background:rgba(5,8,17,.94);border-color:rgba(124,148,255,.18);box-shadow:0 34px 90px rgba(0,0,0,.48);backdrop-filter:blur(28px) saturate(145%);transform:translateY(-12px) scale(.98);}
  .nav.open{transform:none;}
  .nav a{font-size:1rem;padding:14px 16px;}
  .nav-cta{min-height:52px;}
  .hero-copy::after{display:none;}
  .logo-cloud-row{animation-duration:19s;}
}

@media(max-width:720px){
  .container{width:min(100% - 30px,var(--max));}
  .site-header{background:rgba(4,7,15,.72);}
  .site-header.scrolled{backdrop-filter:blur(22px) saturate(140%);}
  .nav-wrap{height:74px;}
  .logo img{width:152px;}
  .menu-toggle{width:45px;height:45px;border-color:rgba(124,148,255,.28);background:rgba(255,255,255,.03);}
  .hero{padding-top:116px;padding-bottom:46px;}
  .display{font-size:clamp(2.72rem,13.6vw,4.35rem);line-height:.96;}
  .hero-copy p{font-size:1rem;line-height:1.72;}
  .trust-row{width:100%;}
  .orbital-stage{min-height:360px;}
  .hero-mark{width:190px;}
  .section{padding:72px 0;}
  .section-head{margin-bottom:34px;}
  .eyebrow{font-size:.67rem;}
  .project-art{height:225px;}
  .project-meta{padding:22px;}
  .process{padding:26px 20px;}
  .mobile-bottom{left:10px;right:10px;bottom:calc(9px + env(safe-area-inset-bottom,0px));border-radius:20px;background:rgba(5,8,16,.89);border-color:rgba(124,148,255,.18);box-shadow:0 22px 55px rgba(0,0,0,.52);}
  .mobile-bottom a{padding:8px 3px;}
  .globex-whatsapp{right:16px!important;bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;width:48px!important;height:48px!important;}
  .globex-loader-mark{width:68px;height:68px;border-radius:21px;}
  .globex-loader-mark img{width:44px;height:44px;}
}

@media(max-width:390px){
  .display{font-size:clamp(2.48rem,13.2vw,3.75rem);}
  .hero-actions{gap:10px;}
  .trust-row{padding:12px;}
  .avatar{width:34px;height:34px;}
  .project-art{height:205px;}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
  .reveal{opacity:1;transform:none;filter:none;}
  .globex-loader{animation:none;}
  .logo-cloud-row{animation:none;transform:none;flex-wrap:wrap;width:auto;justify-content:center;}
}


/* ===== Version 1.3.1 Visual refinement ===== */
.refined-panel{padding:34px;display:flex;align-items:stretch;justify-content:center;min-height:450px;background:radial-gradient(circle at 85% 18%,rgba(56,189,248,.14),transparent 20%),radial-gradient(circle at 12% 82%,rgba(139,92,246,.14),transparent 24%),linear-gradient(145deg,#08111f,#050811 68%);}
.refined-panel::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px;opacity:.45;mask-image:linear-gradient(180deg,rgba(0,0,0,.28),#000 40%,rgba(0,0,0,.88));}
.delivery-board{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;gap:18px;align-self:stretch;margin-top:34px;}
.delivery-top{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.metric-box{border:1px solid rgba(96,165,250,.18);background:linear-gradient(145deg,rgba(10,17,30,.88),rgba(16,24,42,.72));border-radius:18px;padding:16px 16px 14px;box-shadow:0 18px 35px rgba(2,8,23,.22);backdrop-filter:blur(8px);}
.metric-box span{display:block;color:#8bb7ff;font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;}
.metric-box strong{display:block;color:#f6f8ff;font-size:1.06rem;line-height:1.2;margin-bottom:8px;}
.metric-box small{display:block;color:var(--muted);font-size:.82rem;line-height:1.45;}
.delivery-chart{position:relative;flex:1;min-height:210px;border:1px solid rgba(96,165,250,.18);border-radius:22px;background:linear-gradient(145deg,rgba(8,14,26,.74),rgba(15,23,42,.56));overflow:hidden;}
.delivery-chart::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px;opacity:.5;}
.chart-label{position:absolute;color:#dce8ff;font-size:.8rem;font-weight:700;padding:6px 10px;border-radius:999px;background:rgba(15,23,42,.78);border:1px solid rgba(96,165,250,.18);z-index:2;}
.label-a{left:18px;bottom:18px}.label-b{left:44%;top:18px}.label-c{right:18px;bottom:18px}
.chart-line{position:absolute;height:4px;border-radius:999px;z-index:1;}
.line-a{left:8%;bottom:24%;width:78%;background:linear-gradient(90deg,#8b5cf6,#38bdf8);transform:rotate(-13deg);box-shadow:0 0 20px rgba(96,165,250,.28);}
.line-b{left:10%;top:38%;width:74%;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.65),rgba(255,255,255,.12));transform:rotate(7deg);}
.chart-point{position:absolute;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(139,92,246,.22),0 0 18px rgba(56,189,248,.32);z-index:2;}
.point-a{left:12%;bottom:29%}.point-b{left:27%;bottom:39%}.point-c{left:43%;bottom:35%}.point-d{left:58%;bottom:49%}.point-e{left:73%;bottom:42%}.point-f{left:84%;bottom:56%}
.delivery-bottom{display:flex;gap:10px;flex-wrap:wrap;}
.delivery-chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(96,165,250,.18);background:rgba(11,16,28,.72);color:#dde8ff;font-size:.78rem;font-weight:700;}
.project-shot{image-rendering:auto;filter:saturate(1.04) contrast(1.04) !important;}
.project-card:hover .project-shot{transform:scale(1.045);}
@media(max-width:1040px){.delivery-top{grid-template-columns:1fr;}.refined-panel{padding:24px;min-height:540px;}.delivery-chart{min-height:230px;}}
@media(max-width:720px){.refined-panel{min-height:auto;padding:18px;}.delivery-board{margin-top:24px;}.metric-box strong{font-size:1rem;}.metric-box small{font-size:.8rem;}.delivery-chart{min-height:190px;}.delivery-bottom{gap:8px;}.delivery-chip{font-size:.74rem;padding:9px 12px;}}


/* ===== Version 1.3.2 Configurable logo support ===== */
.logo img{width:auto;max-width:190px;height:54px;object-fit:contain;}
.footer-brand img{width:auto;max-width:220px;max-height:62px;object-fit:contain;}
.hero-mark{display:grid;place-items:center;}
.hero-mark .hero-custom-logo{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.52)) drop-shadow(0 0 22px rgba(96,165,250,.16));}
.globex-loader-mark img{width:100%;height:100%;object-fit:contain;}
@media(max-width:720px){.logo img{max-width:156px;height:44px}.hero-mark .hero-custom-logo{max-width:100%;max-height:100%;}.footer-brand img{max-width:190px;}}


/* ===== Version 1.3.3 supplied brand logo sizing ===== */
.logo{display:flex;align-items:center;flex:0 0 auto;}
.logo img{width:205px !important;max-width:205px !important;height:auto !important;max-height:60px !important;object-fit:contain;object-position:left center;}
.footer-brand img{width:250px !important;max-width:250px !important;height:auto !important;max-height:78px !important;object-fit:contain;object-position:left center;}
@media(max-width:900px){.logo img{width:178px !important;max-width:178px !important;max-height:52px !important;}}
@media(max-width:720px){.logo img{width:164px !important;max-width:164px !important;max-height:46px !important;}.footer-brand img{width:220px !important;max-width:220px !important;}}


/* ===== Version 1.3.4 automatic header logo fitting ===== */
.logo{
  width:clamp(205px,13vw,250px) !important;
  height:70px !important;
  flex:0 0 auto !important;
  display:block !important;
  overflow:hidden !important;
  position:relative !important;
}
.logo img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
}
.footer-brand{overflow:visible;}
.footer-brand img{
  width:300px !important;
  height:88px !important;
  max-width:100% !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
}
@media(max-width:1100px){
  .logo{width:205px !important;height:60px !important;}
}
@media(max-width:900px){
  .logo{width:188px !important;height:55px !important;}
}
@media(max-width:720px){
  .logo{width:172px !important;height:50px !important;}
  .logo img{width:100% !important;height:100% !important;object-fit:cover !important;}
  .footer-brand img{width:250px !important;height:74px !important;object-fit:cover !important;}
}
@media(max-width:390px){
  .logo{width:156px !important;height:46px !important;}
}


/* ===== Version 1.3.5 marked-size header logo ===== */
.logo{width:var(--globex-brand-logo-width,300px) !important;height:var(--globex-brand-logo-height,105px) !important;flex:0 0 var(--globex-brand-logo-width,300px) !important;display:block !important;overflow:hidden !important;position:relative !important;}
.logo img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;object-position:center center !important;transform:none !important;}
.logo img.globex-logo-square-source{object-fit:cover !important;}
.logo img.globex-logo-wide-source{object-fit:contain !important;}
.nav-wrap{min-height:118px;height:auto !important;}
.footer-brand img.globex-logo-square-source{object-fit:cover !important;}
.footer-brand img.globex-logo-wide-source{object-fit:contain !important;}
@media(max-width:1180px){.logo{width:250px !important;height:88px !important;flex-basis:250px !important}.nav-wrap{min-height:104px;}}
@media(max-width:1020px){.logo{width:220px !important;height:76px !important;flex-basis:220px !important}.nav-wrap{min-height:92px;}}
@media(max-width:720px){.logo{width:var(--globex-brand-logo-mobile-width,190px) !important;height:var(--globex-brand-logo-mobile-height,65px) !important;flex-basis:var(--globex-brand-logo-mobile-width,190px) !important}.nav-wrap{min-height:82px}.site-header.scrolled .logo{height:60px !important;}}
@media(max-width:390px){.logo{width:170px !important;height:58px !important;flex-basis:170px !important;}}


/* ===== v1.3.6 Editable 3D Expert Team Carousel ===== */
.team-section{overflow:hidden;background:radial-gradient(circle at 18% 28%,rgba(139,92,246,.13),transparent 25%),radial-gradient(circle at 82% 18%,rgba(56,189,248,.10),transparent 24%),linear-gradient(180deg,#060913,#04060c)}
.team-section::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 78%,transparent)}
.team-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:34px;position:relative;z-index:3;margin-bottom:18px}
.team-section-head>div:first-child{max-width:760px}.team-section-head .title{margin-bottom:14px}.team-section-head .subtitle{margin:0}
.team-head-controls{display:flex;gap:10px;flex:0 0 auto}.team-arrow{width:54px;height:54px;border-radius:50%;border:1px solid rgba(96,165,250,.25);background:linear-gradient(145deg,rgba(18,25,44,.92),rgba(7,10,19,.92));color:#f4f7ff;font-size:1.35rem;cursor:pointer;box-shadow:0 14px 38px rgba(2,8,23,.35);transition:.3s}
.team-arrow:hover{transform:translateY(-3px);border-color:rgba(139,92,246,.55);background:linear-gradient(135deg,rgba(139,92,246,.28),rgba(56,189,248,.18))}
.team-carousel{position:relative;z-index:2;outline:none;touch-action:pan-y;user-select:none;padding:4px 0 0}
.team-stage{position:relative;min-height:610px;perspective:1500px;transform-style:preserve-3d;overflow:visible}
.team-card{--team-x:0px;--team-y:0px;--team-z:-520px;--team-rotate:0deg;--team-scale:.5;--team-opacity:0;position:absolute;top:42px;left:50%;width:min(360px,82vw);height:500px;border-radius:28px;border:1px solid rgba(96,165,250,.20);background:linear-gradient(160deg,#121a2d,#070a12 65%);overflow:hidden;box-shadow:0 34px 80px rgba(1,5,14,.62);transform:translateX(calc(-50% + var(--team-x))) translateY(var(--team-y)) translateZ(var(--team-z)) rotateY(var(--team-rotate)) scale(var(--team-scale));opacity:var(--team-opacity);transition:transform .72s cubic-bezier(.2,.8,.2,1),opacity .55s ease,filter .55s ease,border-color .4s ease;transform-style:preserve-3d;pointer-events:none;filter:saturate(.72) brightness(.72);will-change:transform,opacity}
.team-card[data-team-position="0"]{--team-x:0px;--team-y:0px;--team-z:140px;--team-rotate:0deg;--team-scale:1;--team-opacity:1;z-index:7;pointer-events:auto;filter:none;border-color:rgba(139,92,246,.55)}
.team-card[data-team-position="-1"]{--team-x:-300px;--team-y:40px;--team-z:0px;--team-rotate:28deg;--team-scale:.86;--team-opacity:.84;z-index:5;pointer-events:auto}
.team-card[data-team-position="1"]{--team-x:300px;--team-y:40px;--team-z:0px;--team-rotate:-28deg;--team-scale:.86;--team-opacity:.84;z-index:5;pointer-events:auto}
.team-card[data-team-position="-2"]{--team-x:-505px;--team-y:78px;--team-z:-180px;--team-rotate:42deg;--team-scale:.68;--team-opacity:.32;z-index:3}
.team-card[data-team-position="2"]{--team-x:505px;--team-y:78px;--team-z:-180px;--team-rotate:-42deg;--team-scale:.68;--team-opacity:.32;z-index:3}
.team-card-media{position:relative;height:66%;overflow:hidden;background:#0b1020}.team-card-media::after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(to top,rgba(5,7,13,.96),transparent);pointer-events:none}
.team-card-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 18%;transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .45s ease}.team-card[data-team-position="0"] .team-card-media img{transform:scale(1.025)}.team-card[data-team-position="0"]:hover .team-card-media img{transform:scale(1.075)}
.team-card-aura{position:absolute;inset:auto -25% -34% -25%;height:60%;background:radial-gradient(circle,rgba(139,92,246,.33),rgba(56,189,248,.12) 36%,transparent 70%);filter:blur(8px);pointer-events:none}
.team-card-number{position:absolute;top:18px;right:18px;z-index:2;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;color:#f4f7ff;font-weight:900;font-size:.78rem;letter-spacing:.06em;background:rgba(8,12,22,.65);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px)}
.team-card-copy{height:34%;padding:24px 26px 22px;position:relative;z-index:2;background:linear-gradient(180deg,rgba(10,14,25,.95),#070a12)}
.team-role{display:block;color:#8eb7ff;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:850;margin-bottom:8px}.team-card-copy h3{font-size:1.55rem;line-height:1.08;margin:0 0 10px;color:#f7f8ff}.team-card-copy p{font-size:.86rem;line-height:1.55;color:var(--muted);margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.team-dots{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:-8px;position:relative;z-index:8}.team-dot{width:8px;height:8px;border:0;border-radius:999px;padding:0;background:rgba(255,255,255,.22);cursor:pointer;transition:.3s}.team-dot.active{width:34px;background:linear-gradient(90deg,#8b5cf6,#38bdf8);box-shadow:0 0 18px rgba(96,165,250,.28)}
.team-swipe-hint{text-align:center;color:#7f8daa;font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;margin:14px 0 0}
.team-carousel.is-dragging .team-card{transition:none!important}
@media(max-width:1100px){.team-card[data-team-position="-1"]{--team-x:-235px}.team-card[data-team-position="1"]{--team-x:235px}.team-card[data-team-position="-2"]{--team-x:-390px}.team-card[data-team-position="2"]{--team-x:390px}}
@media(max-width:760px){.team-section-head{display:block;margin-bottom:6px}.team-head-controls{margin-top:22px}.team-arrow{width:48px;height:48px}.team-stage{min-height:535px}.team-card{top:24px;width:min(315px,84vw);height:455px;border-radius:24px}.team-card[data-team-position="-1"]{--team-x:-58vw;--team-y:46px;--team-rotate:26deg;--team-scale:.76;--team-opacity:.48}.team-card[data-team-position="1"]{--team-x:58vw;--team-y:46px;--team-rotate:-26deg;--team-scale:.76;--team-opacity:.48}.team-card[data-team-position="-2"],.team-card[data-team-position="2"]{--team-opacity:0}.team-card-copy{padding:21px 21px 19px}.team-card-copy h3{font-size:1.35rem}.team-card-copy p{-webkit-line-clamp:3}.team-dots{margin-top:-20px}.team-swipe-hint{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.team-card,.team-card-media img,.team-arrow,.team-dot{transition:none!important}.team-card[data-team-position="-1"],.team-card[data-team-position="1"],.team-card[data-team-position="-2"],.team-card[data-team-position="2"]{opacity:0!important;pointer-events:none!important}}


/* ===== v1.3.7 Hero Team Carousel ===== */
.hero-team-showcase{min-height:620px;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:visible;isolation:isolate;padding:48px 0 18px;perspective:1600px}
.hero-team-showcase::before{content:"";position:absolute;inset:8% -8% 5%;border-radius:44px;background:radial-gradient(circle at 50% 38%,rgba(139,92,246,.16),transparent 36%),radial-gradient(circle at 78% 42%,rgba(56,189,248,.09),transparent 30%);filter:blur(10px);pointer-events:none;z-index:-1}
.hero-team-top{display:flex;align-items:center;justify-content:space-between;gap:16px;position:absolute;z-index:20;left:3%;right:3%;top:8px}
.hero-team-top>div:first-child{display:grid;gap:7px;max-width:390px}.hero-team-top .eyebrow{font-size:.68rem}.hero-team-top strong{font-size:.92rem;color:#dce7ff;line-height:1.35;font-weight:750}
.hero-team-showcase .team-head-controls{gap:8px}.hero-team-showcase .team-arrow{width:44px;height:44px;font-size:1.05rem;background:rgba(8,12,23,.58);backdrop-filter:blur(16px) saturate(1.25)}
.hero-team-carousel{padding:0}.hero-team-showcase .team-stage{min-height:535px;width:100%;overflow:visible}
.hero-team-showcase .team-card{top:64px;width:min(310px,78vw);height:430px;border-radius:27px;background:linear-gradient(155deg,rgba(23,31,56,.64),rgba(7,10,19,.48) 70%);border-color:rgba(137,163,225,.24);box-shadow:0 30px 80px rgba(1,5,14,.52),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);}
.hero-team-showcase .team-card[data-team-position="0"]{--team-z:115px;--team-scale:1;--team-opacity:.96;border-color:rgba(139,92,246,.54);background:linear-gradient(155deg,rgba(27,37,67,.70),rgba(8,12,23,.54) 72%);}
.hero-team-showcase .team-card[data-team-position="-1"]{--team-x:-210px;--team-y:40px;--team-z:-25px;--team-rotate:30deg;--team-scale:.84;--team-opacity:.68;filter:saturate(.72) brightness(.76)}
.hero-team-showcase .team-card[data-team-position="1"]{--team-x:210px;--team-y:40px;--team-z:-25px;--team-rotate:-30deg;--team-scale:.84;--team-opacity:.68;filter:saturate(.72) brightness(.76)}
.hero-team-showcase .team-card[data-team-position="-2"]{--team-x:-340px;--team-y:72px;--team-z:-210px;--team-rotate:44deg;--team-scale:.65;--team-opacity:.22}
.hero-team-showcase .team-card[data-team-position="2"]{--team-x:340px;--team-y:72px;--team-z:-210px;--team-rotate:-44deg;--team-scale:.65;--team-opacity:.22}
.hero-team-showcase .team-card-media{height:64%;background:rgba(8,14,28,.32)}
.hero-team-showcase .team-card-media img{opacity:.86;filter:saturate(.94) contrast(1.02);mix-blend-mode:normal}
.hero-team-showcase .team-card[data-team-position="0"] .team-card-media img{opacity:.90}
.hero-team-showcase .team-card-media::after{height:62%;background:linear-gradient(to top,rgba(7,10,19,.86),rgba(8,12,23,.18) 62%,transparent)}
.hero-team-showcase .team-card-copy{height:36%;padding:21px 23px 20px;background:linear-gradient(180deg,rgba(9,14,27,.66),rgba(5,8,16,.54));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.06)}
.hero-team-showcase .team-card-copy h3{font-size:1.35rem;margin-bottom:8px}.hero-team-showcase .team-card-copy p{font-size:.8rem;line-height:1.48;-webkit-line-clamp:2}.hero-team-showcase .team-role{font-size:.64rem}
.hero-team-showcase .team-card-number{background:rgba(7,11,21,.52);backdrop-filter:blur(10px)}
.hero-team-showcase .team-dots{margin-top:-20px}.hero-team-showcase .team-swipe-hint{margin:10px 0 0}
.hero-team-empty{min-height:500px;border:1px dashed rgba(96,165,250,.25);border-radius:28px;display:grid;place-content:center;text-align:center;gap:8px;color:#cbd8f5;background:rgba(9,14,26,.42)}.hero-team-empty span{color:#8fb8ff;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.hero-team-empty strong{font-size:1rem}
/* Remove the old standalone team section if cached markup briefly remains. */
main>.team-section{display:none!important}
@media(max-width:1180px){.hero-team-showcase .team-card[data-team-position="-1"]{--team-x:-175px}.hero-team-showcase .team-card[data-team-position="1"]{--team-x:175px}.hero-team-showcase .team-card[data-team-position="-2"]{--team-x:-280px}.hero-team-showcase .team-card[data-team-position="2"]{--team-x:280px}}
@media(max-width:1020px){.hero-team-showcase{order:2;min-height:590px;margin-top:8px}.hero-team-top{left:5%;right:5%}.hero-team-showcase .team-stage{min-height:520px}.hero-team-showcase .team-card{top:64px}}
@media(max-width:720px){.hero-team-showcase{min-height:530px;padding-top:62px;margin-top:12px}.hero-team-top{top:4px;left:0;right:0}.hero-team-top strong{font-size:.82rem;max-width:230px}.hero-team-showcase .team-arrow{width:40px;height:40px}.hero-team-showcase .team-stage{min-height:450px}.hero-team-showcase .team-card{top:38px;width:min(286px,78vw);height:400px}.hero-team-showcase .team-card[data-team-position="-1"]{--team-x:-48vw;--team-y:40px;--team-scale:.72;--team-opacity:.44}.hero-team-showcase .team-card[data-team-position="1"]{--team-x:48vw;--team-y:40px;--team-scale:.72;--team-opacity:.44}.hero-team-showcase .team-card[data-team-position="-2"],.hero-team-showcase .team-card[data-team-position="2"]{--team-opacity:0}.hero-team-showcase .team-card-copy{padding:18px 19px}.hero-team-showcase .team-card-copy h3{font-size:1.22rem}.hero-team-showcase .team-card-copy p{font-size:.76rem}.hero-team-showcase .team-dots{margin-top:-8px}.hero-team-showcase .team-swipe-hint{font-size:.64rem}}
@media(prefers-reduced-motion:reduce){.hero-team-showcase .team-card[data-team-position="-1"],.hero-team-showcase .team-card[data-team-position="1"]{opacity:.32!important}}
