@import url('https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@800,700,500&f[]=general-sans@400,500,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Cairo:wght@400;600;700;800&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600&display=swap');

:root {
  --void:     #08080C;
  --void-2:   #0E0E14;
  --raised:   #13131B;
  --hairline: #23232E;
  --ink:      #F4F2F7;
  --ink-dim:  #9794A1;
  --azure:    #2491D3;
  --violet:   #7B36C0;
  --magenta:  #CB22AA;
  --crimson:  #F6024B;
  --orange:   #FD6611;
  --spectrum: linear-gradient(100deg,#2491D3 0%,#7B36C0 28%,#CB22AA 52%,#F6024B 76%,#FD6611 100%);
  --r: 10px;
  --max: 1280px;
  --ease: cubic-bezier(0.4,0,0.2,1);
  --step--1: clamp(0.875rem, 0.84rem + 0.18vw, 1rem);
  --step-0:  clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --step-1:  clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --step-2:  clamp(1.75rem, 1.5rem + 1.2vw, 2.4rem);
  --step-3:  clamp(2.4rem, 1.9rem + 2.5vw, 3.8rem);
  --step-4:  clamp(3rem, 2rem + 5vw, 6.5rem);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'General Sans',system-ui,sans-serif;background:var(--void);color:var(--ink);font-size:var(--step-0);line-height:1.7;overflow-x:hidden;}
[dir="rtl"] body{font-family:'IBM Plex Sans Arabic','General Sans',sans-serif;}
h1,h2,h3,h4,.display{font-family:'Cabinet Grotesk','General Sans',sans-serif;letter-spacing:-.02em;line-height:1.1;}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4{font-family:'Cairo','Cabinet Grotesk',sans-serif;letter-spacing:0;}
.mono{font-family:'Space Mono',monospace;font-size:var(--step--1);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-dim);}
a{color:inherit;text-decoration:none;}img{max-width:100%;display:block;}ul{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}

/* ─── AMBIENT ─── */
.ambient{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
.ambient-base{position:absolute;inset:0;background:radial-gradient(ellipse 100% 80% at 50% 0%,#0d0d18,var(--void));}
.ambient-blob{position:absolute;border-radius:50%;filter:blur(80px);mix-blend-mode:screen;}
.blob-azure{width:600px;height:600px;top:-100px;left:-100px;background:rgba(36,145,211,0.12);}
.blob-magenta{width:500px;height:500px;bottom:-80px;right:-80px;background:rgba(203,34,170,0.1);}
.blob-orange{width:400px;height:400px;top:40%;right:20%;background:rgba(253,102,17,0.08);}
.blob-cursor{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(100px);mix-blend-mode:screen;background:radial-gradient(circle,rgba(123,54,192,0.18) 0%,transparent 70%);transform:translate(-50%,-50%);left:50%;top:50%;pointer-events:none;}
.ambient-grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.035;}

/* ─── LAYOUT ─── */
.container{max-width:var(--max);margin:0 auto;padding:0 48px;position:relative;z-index:1;}
.section{padding:120px 0;}

/* ─── SKIP + A11Y ─── */
.skip-link{position:fixed;top:8px;left:8px;background:var(--crimson);color:#fff;padding:8px 16px;border-radius:var(--r);z-index:9999;transform:translateY(-120%);transition:.2s;}
.skip-link:focus{transform:translateY(0);}
:focus-visible{outline:2px solid var(--magenta);outline-offset:3px;}

/* ─── NAV ─── */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:background .3s,padding .3s,border-color .3s;border-bottom:1px solid transparent;}
.nav.filled{background:rgba(8,8,12,.92);backdrop-filter:blur(16px);border-bottom-color:var(--hairline);padding:10px 0;}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.nav-logo{display:flex;align-items:center;gap:0;}
.nav-logo img{height:32px;width:auto;}
.nav-right{display:flex;align-items:center;gap:20px;}
.lang-bar{display:flex;gap:4px;}
.lang-btn{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border:1px solid var(--hairline);border-radius:4px;color:var(--ink-dim);cursor:pointer;background:transparent;transition:.2s;}
.lang-btn.active{color:var(--ink);border-color:var(--magenta);box-shadow:0 0 8px rgba(203,34,170,.3);}
.nav-cta{font-size:14px;font-weight:500;padding:10px 22px;border:1px solid var(--hairline);border-radius:var(--r);color:var(--ink);transition:.2s;}
.nav-cta:hover{border-color:var(--crimson);background:var(--crimson);color:#fff;}
.nav-hamburger{display:none;flex-direction:column;gap:5px;padding:8px;}
.nav-hamburger span{display:block;width:22px;height:1.5px;background:var(--ink);transition:.2s;}
.nav-hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.nav-hamburger.open span:nth-child(2){opacity:0;}
.nav-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
.mobile-menu{position:fixed;inset:0;background:rgba(8,8,12,.98);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;transform:translateX(100%);transition:.35s var(--ease);}
.mobile-menu.open{transform:none;}
.mobile-menu a{font-family:'Cabinet Grotesk',sans-serif;font-size:var(--step-2);font-weight:700;color:var(--ink-dim);}
.mobile-menu a:hover{color:var(--ink);}

/* ─── SPECTRUM TEXT ─── */
.s-text{background:var(--spectrum);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

/* ─── BUTTONS ─── */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--r);font-size:15px;font-weight:500;transition:.2s var(--ease);cursor:pointer;border:none;}
.btn-primary{background:var(--crimson);color:#fff;}
.btn-primary:hover{background:#d4003e;transform:translateY(-1px);}
.btn-secondary{background:transparent;color:var(--ink);border:1px solid var(--hairline);}
.btn-secondary:hover{border-color:var(--ink-dim);}

/* ─── HERO ─── */
.hero{min-height:100vh;display:flex;align-items:center;padding:140px 0 120px;position:relative;}
.hero-inner{max-width:820px;}
.hero-kicker{display:flex;align-items:center;gap:12px;margin-bottom:32px;}
.hero-kicker-dot{width:7px;height:7px;border-radius:50%;background:var(--spectrum);flex-shrink:0;}
.hero-h{font-size:var(--step-4);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-bottom:28px;}
.hero-sub{font-size:var(--step-1);color:var(--ink-dim);max-width:54ch;line-height:1.6;margin-bottom:44px;}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:72px;}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hairline);border-radius:var(--r);overflow:hidden;}
.stat-cell{background:var(--void-2);padding:32px 28px;}
.stat-num{font-family:'Cabinet Grotesk',sans-serif;font-size:var(--step-2);font-weight:800;line-height:1;display:block;margin-bottom:8px;}
.stat-num.c-azure{color:var(--azure);}
.stat-num.c-violet{color:var(--violet);}
.stat-num.c-magenta{color:var(--magenta);}
.stat-num.c-orange{color:var(--orange);}
.stat-label{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);}

/* ─── CURL ─── */
.curl{width:100%;overflow:hidden;line-height:0;padding:48px 0;}
.curl svg{display:block;width:100%;}
.curl path{fill:none;stroke:var(--hairline);stroke-width:1.5;}

/* ─── GAP ADVANTAGES ─── */
.gap-advantages{border:1px solid var(--hairline);border-radius:var(--r);padding:56px;background:var(--void-2);margin-top:56px;position:relative;overflow:hidden;}
.gap-advantages::before{content:'';position:absolute;inset:0;border:1px solid rgba(203,34,170,.15);border-radius:inherit;pointer-events:none;}
.gap-adv-header{margin-bottom:44px;}
.gap-adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.gap-adv-item{display:flex;gap:16px;align-items:flex-start;padding:24px;border:1px solid var(--hairline);border-radius:var(--r);transition:.2s;}
.gap-adv-item:hover{border-color:rgba(203,34,170,.3);background:var(--raised);}
.gap-adv-icon{font-size:16px;color:var(--magenta);flex-shrink:0;margin-top:2px;}
.gap-adv-item strong{display:block;font-size:var(--step-0);font-weight:600;margin-bottom:6px;}
.gap-adv-item p{font-size:var(--step--1);color:var(--ink-dim);line-height:1.6;margin:0;}

/* ─── SECTION HEADINGS ─── */
.section-label{margin-bottom:16px;}
.section-h2{font-size:var(--step-3);font-weight:800;margin-bottom:20px;}
.section-lead{color:var(--ink-dim);font-size:var(--step-1);max-width:58ch;margin-bottom:56px;}

/* ─── WORK GRID ─── */
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hairline);border-radius:var(--r);overflow:hidden;}
.work-tile{background:var(--void-2);display:flex;flex-direction:column;transition:background .2s;text-decoration:none;color:inherit;}
.work-tile:hover{background:var(--raised);}
.work-cover{aspect-ratio:4/3;position:relative;overflow:hidden;}
.work-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s var(--ease);}
.work-tile:hover .work-cover img{transform:scale(1.04);}
.work-underline{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--spectrum);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease);z-index:2;}
[dir="rtl"] .work-underline{transform-origin:right;}
.work-tile:hover .work-underline{transform:scaleX(1);}
.work-body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1;}
.work-title{font-family:'Cabinet Grotesk',sans-serif;font-size:var(--step-1);font-weight:700;}
.work-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.work-year{font-family:'Space Mono',monospace;font-size:11px;color:var(--ink-dim);letter-spacing:.06em;}
.work-tag{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border:1px solid var(--hairline);border-radius:3px;color:var(--ink-dim);}
.work-cta{text-align:center;margin-top:48px;}
.work-cta a{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);border-bottom:1px solid var(--hairline);padding-bottom:4px;transition:.2s;}
.work-cta a:hover{color:var(--ink);border-color:var(--orange);}

/* ─── SKELETON LOADERS ─── */
.work-skeleton{background:var(--void-2);display:flex;flex-direction:column;overflow:hidden;}
.skel-cover{aspect-ratio:4/3;background:linear-gradient(110deg,var(--raised) 8%,#1a1a26 18%,var(--raised) 33%);background-size:200% 100%;animation:shimmer 1.6s linear infinite;}
.skel-body{padding:24px;display:flex;flex-direction:column;gap:12px;}
.skel-title{height:20px;width:65%;border-radius:4px;background:linear-gradient(110deg,var(--raised) 8%,#1a1a26 18%,var(--raised) 33%);background-size:200% 100%;animation:shimmer 1.6s linear infinite;animation-delay:.15s;}
.skel-meta{height:14px;width:45%;border-radius:4px;background:linear-gradient(110deg,var(--raised) 8%,#1a1a26 18%,var(--raised) 33%);background-size:200% 100%;animation:shimmer 1.6s linear infinite;animation-delay:.3s;}
@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}

/* ─── LIVE INDICATOR ─── */
.work-live{display:inline-flex;align-items:center;gap:8px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:24px;}
.work-live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:pulse-dot 2s ease infinite;}
@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}50%{box-shadow:0 0 0 6px rgba(34,197,94,0)}}

/* ─── WORK TILE IMAGE LOAD TRANSITION ─── */
.work-tile img{opacity:0;transition:opacity .4s var(--ease),transform .4s var(--ease);}
.work-tile img.loaded{opacity:1;}
.work-tile:hover img.loaded{transform:scale(1.04);}


/* ─── SERVICES ─── */
.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;}
.svc-card{padding:28px 32px;border:1px solid var(--hairline);border-radius:var(--r);transition:.2s;}
.svc-card:hover{border-color:var(--hairline);background:var(--void-2);}
.svc-card h3{font-size:var(--step-0);font-weight:600;margin-bottom:6px;}
.svc-card p{font-size:var(--step--1);color:var(--ink-dim);line-height:1.6;}
.svc-accent{width:24px;height:3px;border-radius:2px;margin-bottom:16px;}

/* ─── TOOLKIT ─── */
.toolkit-groups{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;margin-top:56px;}
.tk-group-label{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:14px;}
.tk-tools{display:flex;flex-direction:column;gap:10px;}
.tk-tool{font-size:var(--step--1);color:var(--ink-dim);transition:.15s;}
.tk-tool:hover{color:var(--ink);}

/* ─── ABOUT ─── */
.about-grid{display:grid;grid-template-columns:1fr 1.8fr;gap:80px;align-items:start;}
.about-card{background:var(--void-2);border:1px solid var(--hairline);border-radius:var(--r);padding:40px;display:flex;flex-direction:column;gap:20px;}
.about-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;}
.about-avatar img{width:100%;height:100%;object-fit:cover;object-position:top center;}
.about-name{font-size:var(--step-2);font-weight:800;}
.about-title{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.08em;color:var(--ink-dim);margin-top:-12px;text-transform:uppercase;}
.about-chips{display:flex;flex-wrap:wrap;gap:8px;}
.about-chip{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--hairline);border-radius:4px;padding:5px 12px;color:var(--ink-dim);}
.about-socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.about-social{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:7px 14px;border:1px solid var(--hairline);border-radius:4px;color:var(--ink-dim);transition:.2s;}
.about-social:hover{border-color:var(--magenta);color:var(--ink);}
.about-bio{color:var(--ink-dim);font-size:var(--step-0);line-height:1.8;margin-bottom:36px;}

/* ─── OFFERS ─── */
.offers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;}
.offer-card{border:1px solid var(--hairline);border-radius:var(--r);padding:40px;display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden;transition:.2s;}
.offer-card:hover{background:var(--void-2);}
.offer-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}
.offer-card.az::before{background:var(--azure);}
.offer-card.mg::before{background:var(--magenta);}
.offer-card.or::before{background:var(--orange);}
.offer-disc{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;}
.offer-card.az .offer-disc{color:var(--azure);}
.offer-card.mg .offer-disc{color:var(--magenta);}
.offer-card.or .offer-disc{color:var(--orange);}
.offer-h{font-size:var(--step-1);font-weight:700;}
.offer-desc{font-size:var(--step--1);color:var(--ink-dim);line-height:1.7;flex:1;}
.offer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;flex:1;}
.offer-list li{font-size:var(--step--1);color:var(--ink-dim);padding-left:16px;position:relative;line-height:1.5;}
.offer-list li::before{content:'—';position:absolute;left:0;color:var(--ink-dim);}
[dir="rtl"] .offer-list li{padding-left:0;padding-right:16px;}
[dir="rtl"] .offer-list li::before{left:auto;right:0;}

/* ─── CONTACT ─── */
.contact-wrap{background:var(--void-2);border-top:1px solid var(--hairline);}
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start;}
.contact-h{font-size:var(--step-3);font-weight:800;margin-bottom:20px;}
.contact-sub{color:var(--ink-dim);margin-bottom:44px;font-size:var(--step-0);}
.contact-lines{display:flex;flex-direction:column;gap:16px;margin-bottom:44px;}
.contact-line{display:flex;gap:16px;align-items:baseline;}
.contact-line .mono{min-width:64px;font-size:12px;}
.contact-line a,.contact-line span{font-size:var(--step-0);}
.contact-socials{display:flex;flex-wrap:wrap;gap:8px;}
.contact-social{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:8px 14px;border:1px solid var(--hairline);border-radius:4px;color:var(--ink-dim);transition:.2s;}
.contact-social:hover{border-color:var(--magenta);color:var(--ink);}
.c-form{display:flex;flex-direction:column;gap:18px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.fg{display:flex;flex-direction:column;gap:7px;}
.fg label{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);}
.fg input,.fg select,.fg textarea{background:var(--raised);border:1px solid var(--hairline);border-radius:var(--r);padding:13px 16px;color:var(--ink);font-size:var(--step-0);font-family:'General Sans',sans-serif;outline:none;transition:.2s;width:100%;}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--magenta);box-shadow:0 0 0 2px rgba(203,34,170,.2);}
.fg select option{background:var(--raised);}
.fg textarea{resize:vertical;min-height:120px;}
.fg.error input,.fg.error select,.fg.error textarea{border-color:var(--crimson);}
.fg-err{display:none;font-size:12px;color:var(--crimson);}
.fg.error .fg-err{display:block;}
.form-ok{display:none;padding:40px;text-align:center;}
.form-ok.show{display:block;}
.form-ok h3{font-size:var(--step-1);margin-bottom:8px;}
.form-ok p{color:var(--ink-dim);}

/* ─── FOOTER ─── */
.footer{padding:64px 0 40px;border-top:1px solid var(--hairline);}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:48px;margin-bottom:56px;}
.footer-brand{display:flex;flex-direction:column;gap:12px;}
.footer-brand img{height:28px;width:auto;max-width:200px;object-fit:contain;}
.footer-brand p{color:var(--ink-dim);font-size:var(--step--1);max-width:30ch;line-height:1.7;}
.footer-cols{display:flex;gap:56px;}
.footer-col h4{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:18px;}
.footer-col a{display:block;font-size:var(--step--1);color:var(--ink-dim);margin-bottom:12px;transition:.15s;}
.footer-col a:hover{color:var(--ink);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:28px;border-top:1px solid var(--hairline);}
.footer-bottom p{font-family:'Space Mono',monospace;font-size:12px;color:var(--ink-dim);letter-spacing:.05em;}

/* ─── METER ─── */
.meter{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;}
.meter-track{width:2px;height:100px;background:var(--hairline);border-radius:2px;overflow:hidden;}
.meter-fill{width:100%;height:0%;background:var(--spectrum);transition:height .1s;}
.meter-lbl{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.06em;text-transform:uppercase;writing-mode:vertical-rl;}
.meter-lbl.top{color:var(--azure);}
.meter-lbl.bot{color:var(--orange);}

/* ─── REVEAL ─── */
.reveal{opacity:0;transform:translateY(16px);transition:.6s var(--ease);}
.reveal.on{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){
  .reveal,.reveal.on{opacity:1;transform:none;transition:none;}
  .blob-cursor{display:none;}
  .meter{display:none;}
}

/* ─── RTL FIXES ─── */
[dir="rtl"] .hero-kicker{flex-direction:row-reverse;justify-content:flex-end;}
[dir="rtl"] .stat-label{text-align:right;}
[dir="rtl"] .contact-line{flex-direction:row-reverse;justify-content:flex-end;}
[dir="rtl"] .contact-line .mono{text-align:left;}
[dir="rtl"] .work-meta{flex-direction:row-reverse;justify-content:flex-end;}
[dir="rtl"] .gap-adv-item{flex-direction:row-reverse;}
[dir="rtl"] .svc-card{text-align:right;}
[dir="rtl"] .hero-inner{text-align:right;}
[dir="rtl"] .hero-actions{justify-content:flex-end;}
[dir="rtl"] .section-label,[dir="rtl"] .section-h2,[dir="rtl"] .section-lead{text-align:right;}
[dir="rtl"] .footer-bottom{flex-direction:row-reverse;}
[dir="rtl"] .nav-inner{flex-direction:row-reverse;}
[dir="rtl"] .nav-right{flex-direction:row-reverse;}
[dir="rtl"] .about-title{text-align:right;}
[dir="rtl"] .about-bio{text-align:right;}
[dir="rtl"] .contact-h,[dir="rtl"] .contact-sub{text-align:right;}
[dir="rtl"] .fg label{text-align:right;}
[dir="rtl"] .meter{right:auto;left:20px;}

/* ─── RESPONSIVE ─── */
@media(max-width:1024px){
  .about-grid{grid-template-columns:1fr;}
  .toolkit-groups{grid-template-columns:repeat(3,1fr);}
  .contact-grid{grid-template-columns:1fr;}
  .footer-top{flex-direction:column;}
  .meter{display:none;}
  .gap-adv-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .container{padding:0 24px;}
  .section{padding:80px 0;}
  .hero{padding:100px 0 72px;}
  .nav-right .nav-cta,.nav-right .lang-bar{display:none;}
  .nav-hamburger{display:flex;}
  .mobile-menu .lang-bar{display:flex;}
  .work-grid,.offers-grid{grid-template-columns:1fr;}
  .services-grid{grid-template-columns:1fr;}
  .stats-row{grid-template-columns:repeat(2,1fr);}
  .toolkit-groups{grid-template-columns:repeat(2,1fr);}
  .form-row{grid-template-columns:1fr;}
  .footer-cols{flex-direction:column;gap:36px;}
  .gap-adv-grid{grid-template-columns:1fr;}
  .gap-advantages{padding:28px;}
  .hero-actions{flex-direction:column;align-items:stretch;}
  .hero-actions .btn{justify-content:center;}
}