:root {
  --bg: #030611;
  --bg-2: #070b1d;
  --panel: rgba(12, 18, 42, .72);
  --panel-strong: #0a1027;
  --text: #f7f8ff;
  --muted: #aab2cc;
  --line: rgba(255,255,255,.11);
  --blue: #13a6ff;
  --purple: #8327ff;
  --pink: #d424ff;
  --glow: 0 0 40px rgba(70, 64, 255, .18);
  --radius: 24px;
  --container: 1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:radial-gradient(circle at 50% -10%,rgba(30,76,192,.18),transparent 38%),linear-gradient(180deg,#02050d 0%,#050816 48%,#030611 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}
body.nav-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
.section-pad{padding:94px 0}
.site-noise{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(rgba(255,255,255,.25) .6px,transparent .6px);background-size:14px 14px;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent);z-index:-1}
.site-header{position:sticky;top:0;z-index:1000;border-bottom:1px solid transparent;transition:.3s ease;background:rgba(3,6,17,.45);backdrop-filter:blur(16px)}
.site-header.scrolled{border-color:var(--line);background:rgba(3,6,17,.9);box-shadow:0 14px 50px rgba(0,0,0,.25)}
.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content}
.brand-mark{display:grid;place-items:center;width:48px;height:36px;border-radius:10px;font-weight:900;font-style:italic;letter-spacing:-3px;font-size:19px;background:linear-gradient(135deg,var(--pink),var(--purple) 45%,var(--blue));box-shadow:0 0 24px rgba(125,42,255,.35)}
.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:15px;letter-spacing:.18em}.brand-copy small{font-size:8px;color:#74a8ff;letter-spacing:.3em;text-transform:uppercase;margin-top:6px}
.main-nav{display:flex;align-items:center;gap:24px}.main-nav>a:not(.btn){font-size:14px;color:#c5cbe0;transition:.25s}.main-nav>a:not(.btn):hover,.main-nav>a.active{color:white}.main-nav>a.active{position:relative}.main-nav>a.active:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:linear-gradient(90deg,var(--blue),var(--pink));border-radius:2px}
.nav-toggle{display:none;background:transparent;border:0;width:42px;height:42px;padding:9px;cursor:pointer}.nav-toggle span{display:block;height:2px;background:white;margin:5px 0;border-radius:2px;transition:.3s}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:14px;border:1px solid transparent;font-weight:750;font-size:14px;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(100deg,#196dff,#6c36ff 50%,#bc2cff);box-shadow:0 12px 34px rgba(95,50,255,.28)}.btn-primary:hover{box-shadow:0 16px 44px rgba(95,50,255,.38)}.btn-ghost{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.045)}.btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(116,75,255,.5)}.btn-sm{min-height:40px;padding:0 16px;border-radius:12px}
.hero{min-height:calc(100vh - 78px);display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;left:-10vw;bottom:-25vh;width:45vw;height:45vw;background:radial-gradient(circle,rgba(0,129,255,.2),transparent 65%);filter:blur(14px)}.hero:after{content:"";position:absolute;right:-10vw;bottom:-25vh;width:45vw;height:45vw;background:radial-gradient(circle,rgba(202,32,255,.18),transparent 65%);filter:blur(14px)}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:70px;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#b9c6e8;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.eyebrow i{width:30px;height:2px;background:linear-gradient(90deg,var(--blue),var(--pink));box-shadow:0 0 12px #6a4dff}.hero h1,.page-hero h1{font-size:clamp(46px,6vw,88px);line-height:.95;letter-spacing:-.06em;margin:24px 0 24px;max-width:850px}.hero h1 span,.page-hero h1 span,.section-heading h2 span{background:linear-gradient(95deg,#27b7ff,#6b47ff 48%,#d328ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p,.page-hero p{font-size:17px;color:var(--muted);max-width:660px;margin:0}.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:560px;margin-top:44px;border-top:1px solid var(--line);padding-top:24px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:25px}.hero-stats span{color:#7e89a8;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(55,142,255,.38);border-radius:50%;box-shadow:0 0 60px rgba(18,111,255,.13) inset,0 0 25px rgba(89,74,255,.12)}.orbit-a{width:390px;height:390px}.orbit-b{width:275px;height:275px;border-color:rgba(204,41,255,.3)}.drone-shell{position:relative;width:310px;height:130px;display:grid;place-items:center;filter:drop-shadow(0 26px 25px rgba(0,0,0,.55))}.drone-core{width:140px;height:74px;border-radius:24px 24px 36px 36px;background:linear-gradient(180deg,#27334e,#0a0f1b 55%,#04070d);border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;font-weight:1000;font-size:27px;letter-spacing:-3px;box-shadow:inset 0 5px 16px rgba(255,255,255,.05),0 0 60px rgba(31,121,255,.22)}.wing{position:absolute;top:45px;width:130px;height:25px;background:linear-gradient(#29364f,#0b111f);border:1px solid rgba(255,255,255,.12)}.wing-l{right:calc(50% + 60px);transform:skewY(-8deg)}.wing-r{left:calc(50% + 60px);transform:skewY(8deg)}.rotor{position:absolute;top:12px;width:125px;height:9px;background:linear-gradient(90deg,transparent,#7e8da9 22%,#d9e4ff 50%,#7e8da9 78%,transparent);filter:blur(.5px);animation:rotor 1.2s linear infinite}.rotor-l{left:-62px}.rotor-r{right:-62px}.cam{position:absolute;top:91px;width:48px;height:48px;border-radius:16px;background:radial-gradient(circle at 50% 50%,#07101f 0 18%,#1c66b5 20% 23%,#04070c 25% 45%,#212b42 48% 100%);border:1px solid #344664;box-shadow:0 0 20px rgba(24,143,255,.2)}@keyframes rotor{50%{opacity:.55;transform:scaleX(.88)}}
.hero-hud{position:absolute;padding:12px 15px;border:1px solid rgba(75,119,255,.28);background:rgba(5,10,28,.68);backdrop-filter:blur(10px);border-radius:14px;display:flex;flex-direction:column;box-shadow:var(--glow)}.hero-hud b{font-size:15px}.hero-hud small{color:#8f9ab8}.hud-one{left:2%;top:22%}.hud-two{right:0;top:31%;border-color:rgba(217,51,255,.3)}.hud-three{left:14%;bottom:12%}
.section-heading{max-width:760px}.section-heading h2{font-size:clamp(35px,4.4vw,58px);line-height:1.02;letter-spacing:-.045em;margin:18px 0}.section-heading p{color:var(--muted);font-size:16px}.services-preview{position:relative}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.service-card{position:relative;overflow:hidden;padding:27px;border:1px solid rgba(97,111,255,.23);background:linear-gradient(180deg,rgba(14,22,49,.78),rgba(7,11,26,.72));border-radius:22px;min-height:260px;transition:.3s}.service-card:before{content:"";position:absolute;inset:auto -40px -80px auto;width:150px;height:150px;background:radial-gradient(circle,rgba(126,31,255,.23),transparent 70%)}.service-card:nth-child(3n+1){box-shadow:inset 0 0 35px rgba(0,124,255,.05)}.service-card:nth-child(3n+2){box-shadow:inset 0 0 35px rgba(143,33,255,.06)}.service-card:hover{transform:translateY(-5px);border-color:rgba(113,76,255,.54);box-shadow:0 18px 55px rgba(0,0,0,.24)}.service-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(24,132,255,.14),rgba(168,35,255,.13));border:1px solid rgba(91,98,255,.25);font-size:24px}.service-card h3{font-size:20px;margin:18px 0 8px}.service-card p{color:#aeb7ce;font-size:14px;margin:0 0 20px}.service-card a{font-size:13px;font-weight:800;color:#c9d6ff}.service-card a span{color:#9d45ff;margin-left:4px}
.process-section{background:linear-gradient(180deg,transparent,rgba(11,15,36,.42),transparent)}.process-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:start}.timeline{display:flex;flex-direction:column;gap:14px}.timeline>div,.value-list>div{display:flex;gap:18px;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.timeline b,.value-list b{color:#7ba4ff;font-size:12px;letter-spacing:.12em}.timeline span,.value-list span{display:flex;flex-direction:column}.timeline strong,.value-list strong{font-size:17px}.timeline small,.value-list small{color:#8d97b5;margin-top:3px}
.split-heading{max-width:none;display:flex;justify-content:space-between;gap:30px;align-items:end}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.project-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.028);transition:.3s}.project-card:hover{transform:translateY(-5px);border-color:rgba(124,70,255,.5)}.project-card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#0b1022}.project-card div{padding:20px}.project-card span{font-size:11px;color:#8691ad;text-transform:uppercase;letter-spacing:.14em}.project-card h3{font-size:21px;margin:6px 0 0}.project-card small{display:block;color:#6f7b99;margin-top:4px}.demo-note{color:#65708e;font-size:12px;margin-top:18px}
.cta-panel{position:relative;display:flex;align-items:center;justify-content:space-between;gap:34px;padding:44px;border:1px solid rgba(86,93,255,.33);border-radius:28px;background:linear-gradient(120deg,rgba(15,26,64,.95),rgba(26,10,54,.92));overflow:hidden}.cta-panel:after{content:"";position:absolute;right:-50px;top:-80px;width:260px;height:260px;background:radial-gradient(circle,rgba(212,36,255,.22),transparent 66%)}.cta-panel>div{max-width:760px}.cta-panel h2{font-size:clamp(29px,4vw,47px);line-height:1.05;letter-spacing:-.04em;margin:13px 0}.cta-panel p{color:var(--muted);margin:0}.cta-panel .btn{position:relative;z-index:2;min-width:180px}
.page-hero{padding:100px 0 50px}.compact-hero h1{font-size:clamp(42px,6vw,76px);max-width:1050px}.compact-hero p{max-width:800px}
.service-accordion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-detail-card{border:1px solid rgba(92,101,255,.23);border-radius:24px;padding:28px;background:linear-gradient(160deg,rgba(13,19,46,.82),rgba(6,9,23,.76));scroll-margin-top:110px}.service-detail-head{display:flex;align-items:center;gap:16px}.service-icon.large{width:60px;height:60px;font-size:28px}.service-detail-head h2{font-size:24px;margin:4px 0}.index-num{font-size:10px;color:#69779a;letter-spacing:.16em}.chip-list{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.chip-list span{font-size:12px;color:#b7c0d7;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.inline-cta{font-weight:800;font-size:13px;color:#cbd4ff}.inline-cta b{color:#b844ff;margin-left:5px}
.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center}.about-visual{position:relative;min-height:460px}.about-screen{position:absolute;inset:40px 30px 40px 0;border-radius:30px;border:1px solid rgba(76,115,255,.35);background:linear-gradient(155deg,rgba(13,22,55,.95),rgba(18,7,37,.95));display:flex;flex-direction:column;justify-content:center;padding:48px;box-shadow:0 25px 80px rgba(0,0,0,.3);overflow:hidden}.about-screen:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 54px,rgba(103,89,255,.04) 55px),repeating-linear-gradient(0deg,transparent 0 54px,rgba(103,89,255,.04) 55px)}.screen-top{font-size:10px;letter-spacing:.22em;color:#7a8fbf;position:relative;z-index:1}.about-screen strong{font-size:clamp(42px,6vw,76px);line-height:.9;letter-spacing:-.06em;margin-top:28px;background:linear-gradient(180deg,#fff,#8aa0db);-webkit-background-clip:text;color:transparent;position:relative;z-index:1}.scan-line{position:absolute;left:0;right:0;top:20%;height:1px;background:linear-gradient(90deg,transparent,#4ea6ff,transparent);box-shadow:0 0 16px #4ea6ff;animation:scan 4s linear infinite}@keyframes scan{50%{top:80%}}.about-badge{position:absolute;right:0;bottom:0;width:150px;height:150px;border-radius:28px;display:grid;place-items:center;align-content:center;font-size:36px;font-weight:900;background:linear-gradient(145deg,#174fd4,#8c2cff);box-shadow:0 20px 60px rgba(83,53,255,.35)}.about-badge small{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.value-list{display:flex;flex-direction:column;gap:10px;margin-top:28px}.value-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}.glass-card{padding:26px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.028)}.glass-card>span{font-size:26px;color:#8a6bff}.glass-card h3{margin:15px 0 7px}.glass-card p{margin:0;color:var(--muted);font-size:14px}.partner-panel{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:40px;border-radius:28px;border:1px solid rgba(95,108,255,.25);background:rgba(255,255,255,.025)}.partner-panel>div{max-width:720px}.partner-panel h2{font-size:clamp(29px,4vw,46px);line-height:1.08;margin:13px 0}.partner-panel p{color:var(--muted)}.partner-logo{width:min(280px,32vw);filter:drop-shadow(0 20px 30px rgba(72,42,255,.2))}
.portfolio-filter{display:flex;gap:9px;flex-wrap:wrap}.filter-btn{border:1px solid var(--line);background:rgba(255,255,255,.03);color:#b7c0d7;padding:10px 16px;border-radius:999px;cursor:pointer;font-weight:700;font-size:12px}.filter-btn.active{background:linear-gradient(90deg,#175cff,#8d28ff);color:white;border-color:transparent}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:58px;align-items:start}.contact-info h2{font-size:clamp(34px,4vw,54px);line-height:1.02;letter-spacing:-.04em;margin:16px 0}.contact-info>p{color:var(--muted)}.contact-cards{display:grid;gap:10px;margin-top:30px}.contact-cards>div{padding:17px 18px;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:40px 1fr;align-items:center;background:rgba(255,255,255,.025)}.contact-cards>div>span{grid-row:1/3;font-size:20px;color:#8c62ff}.contact-cards b{font-size:13px}.contact-cards small{color:#8d97b1}.contact-note{margin-top:18px;color:#66718f;font-size:12px}.contact-form{padding:28px;border:1px solid rgba(99,100,255,.26);border-radius:24px;background:linear-gradient(160deg,rgba(13,20,47,.84),rgba(8,10,26,.84));box-shadow:0 24px 70px rgba(0,0,0,.22)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:800;color:#cbd3e7;margin-bottom:14px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:#080d1f;color:white;padding:13px 14px;outline:0;transition:.25s}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#6c64ff;box-shadow:0 0 0 4px rgba(88,69,255,.1)}.contact-form textarea{resize:vertical;min-height:160px}.contact-form option{background:#080d1f}.submit-btn{width:100%;margin-top:5px}.privacy-note{display:block;text-align:center;color:#66718c;margin-top:11px}.form-alert{padding:12px 14px;border-radius:12px;margin-bottom:16px;font-size:13px}.form-alert.success{background:rgba(28,190,109,.11);border:1px solid rgba(28,190,109,.35);color:#8ae8b3}.form-alert.error{background:rgba(255,66,102,.1);border:1px solid rgba(255,66,102,.3);color:#ff9bad}
.site-footer{position:relative;margin-top:40px;border-top:1px solid var(--line);background:#02040b;padding:66px 0 22px;overflow:hidden}.footer-glow{position:absolute;width:500px;height:260px;left:50%;bottom:-170px;transform:translateX(-50%);background:radial-gradient(circle,rgba(87,48,255,.3),transparent 70%)}.footer-grid{position:relative;display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:44px}.footer-grid h3{font-size:13px;margin:0 0 14px}.footer-grid>div>a:not(.brand):not(.kudu-link){display:block;color:#8f99b3;font-size:13px;margin:9px 0}.footer-grid>div>a:hover{color:white}.footer-text{color:#7f89a4;max-width:350px;font-size:13px}.footer-brand{margin-bottom:18px}.kudu-card{border:1px solid rgba(104,99,255,.22);border-radius:18px;padding:18px;background:rgba(255,255,255,.025)}.kudu-card img{width:190px;max-width:100%}.tiny-label{display:block;font-size:9px;color:#687494;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px}.kudu-card p{font-size:11px;color:#7f89a4;margin:10px 0 5px}.verify-link{font-size:11px!important;color:#8f7fff!important}.footer-bottom{position:relative;border-top:1px solid rgba(255,255,255,.07);margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;gap:18px;color:#566079;font-size:11px}.footer-bottom a{color:#8c7cff}.to-top{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(8,12,28,.85);color:white;display:grid;place-items:center;opacity:0;pointer-events:none;transform:translateY(8px);transition:.25s;z-index:999;cursor:pointer}.to-top.show{opacity:1;pointer-events:auto;transform:none}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}
@media (max-width:1024px){.main-nav{gap:16px}.main-nav>a:not(.btn){font-size:13px}.hero-grid{gap:30px}.service-grid{grid-template-columns:repeat(2,1fr)}.value-cards{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.2fr .8fr .8fr}.kudu-card{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;column-gap:20px;align-items:center}.kudu-card .tiny-label{grid-column:1/-1}.kudu-card p{margin:0}.kudu-card .verify-link{grid-column:2}.partner-panel{align-items:flex-start}}
@media (max-width:860px){.nav-toggle{display:block}.main-nav{position:fixed;top:78px;left:0;right:0;height:calc(100dvh - 78px);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:24px;background:rgba(3,6,17,.98);transform:translateX(105%);transition:.32s;overflow:auto}.main-nav.open{transform:none}.main-nav>a:not(.btn){font-size:18px;padding:16px 4px;border-bottom:1px solid rgba(255,255,255,.07)}.main-nav>a.active:after{display:none}.nav-cta{margin-top:20px}.hero{min-height:auto;padding-top:70px}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-actions{justify-content:center}.hero-copy p{margin-inline:auto}.hero-stats{margin-inline:auto}.hero-visual{min-height:420px}.process-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:44px}.service-accordion-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,1fr)}.project-grid-home .project-card:last-child{grid-column:1/-1}.split-heading{align-items:flex-start}.cta-panel{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.kudu-card{grid-column:1/-1}.partner-panel{flex-direction:column}.partner-logo{width:220px}}
@media (max-width:600px){.container{width:min(calc(100% - 26px),var(--container))}.section-pad{padding:68px 0}.nav-wrap{height:70px}.main-nav{top:70px;height:calc(100dvh - 70px)}.brand-mark{width:43px;height:33px}.brand-copy strong{font-size:13px}.brand-copy small{font-size:7px}.hero{padding-top:44px}.hero h1,.page-hero h1{font-size:clamp(39px,13vw,58px)}.hero p,.page-hero p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-stats{grid-template-columns:1fr 1fr 1fr;gap:10px}.hero-stats strong{font-size:20px}.hero-stats span{font-size:9px}.hero-visual{min-height:330px}.orbit-a{width:280px;height:280px}.orbit-b{width:205px;height:205px}.drone-shell{transform:scale(.75)}.hero-hud{transform:scale(.85)}.hud-one{left:-2%;top:18%}.hud-two{right:-2%}.hud-three{left:3%;bottom:8%}.service-grid,.project-grid,.value-cards{grid-template-columns:1fr}.project-grid-home .project-card:last-child{grid-column:auto}.service-card{min-height:auto}.split-heading{flex-direction:column}.service-detail-card{padding:21px}.chip-list{gap:6px}.chip-list span{font-size:11px}.about-visual{min-height:380px}.about-screen{inset:20px 20px 55px 0;padding:30px}.about-badge{width:120px;height:120px;font-size:30px}.form-row{grid-template-columns:1fr}.contact-form{padding:19px}.cta-panel{padding:28px 22px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-grid>div:first-child,.kudu-card{grid-column:auto}.kudu-card{display:block}.kudu-card p{margin:10px 0 5px}.footer-bottom{flex-direction:column}.page-hero{padding:72px 0 28px}.section-heading h2{font-size:36px}}
@media (max-width:380px){.brand-copy{display:none}.hero-stats{grid-template-columns:1fr}.hero-stats div{padding:5px}.hero-hud{display:none}.hero-visual{min-height:285px}.service-detail-head{align-items:flex-start}.service-detail-head h2{font-size:20px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* =========================================================
   DIJITA MEDIA V2 — richer motion, neon depth, stable layout
   ========================================================= */
:root{
  --cyan:#26d8ff;
  --electric:#3478ff;
  --violet:#7b4dff;
  --magenta:#ed3bff;
  --hot-pink:#ff3bba;
  --card-border:rgba(119,112,255,.28);
}
html{width:100%;max-width:100%;overflow-x:hidden}
body{width:100%;max-width:100%;min-height:100vh;isolation:isolate}
main{position:relative;z-index:1;min-width:0;overflow:hidden}
.site-header,.site-footer{z-index:20}
.container,.hero-grid,.process-grid,.about-grid,.contact-grid,.service-grid,.project-grid,.footer-grid{min-width:0}
.container>*{min-width:0}
h1,h2,h3,p,a,span,small,strong{overflow-wrap:break-word}
img{height:auto}

/* Animated background: fixed and transform-only, so it never causes layout shift */
.ambient-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,rgba(2,4,13,.28),rgba(2,4,13,.72))}
.aurora{position:absolute;border-radius:999px;filter:blur(70px);opacity:.30;will-change:transform;transform:translate3d(0,0,0)}
.aurora-blue{width:min(54vw,760px);aspect-ratio:1;left:-20vw;top:8vh;background:radial-gradient(circle,var(--cyan),rgba(34,98,255,.4) 35%,transparent 72%);animation:auroraBlue 16s ease-in-out infinite alternate}
.aurora-purple{width:min(52vw,720px);aspect-ratio:1;right:-19vw;top:24vh;background:radial-gradient(circle,var(--magenta),rgba(119,52,255,.42) 38%,transparent 72%);animation:auroraPurple 19s ease-in-out infinite alternate}
.aurora-pink{width:min(40vw,560px);aspect-ratio:1;left:35vw;bottom:-30vh;background:radial-gradient(circle,var(--hot-pink),rgba(77,56,255,.26) 42%,transparent 72%);opacity:.16;animation:auroraPink 22s ease-in-out infinite alternate}
.tech-grid{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(77,114,255,.20) 1px,transparent 1px),linear-gradient(90deg,rgba(194,56,255,.16) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 78%,transparent 100%);animation:gridDrift 20s linear infinite}
.tech-particles{position:absolute;inset:0}
.tech-particle{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 10px 2px rgba(79,158,255,.65);opacity:.45;animation:particleFloat var(--dur,11s) ease-in-out infinite alternate;animation-delay:var(--delay,0s)}
.site-noise{z-index:2;opacity:.11}
.cursor-glow{position:fixed;left:0;top:0;width:420px;height:420px;border-radius:50%;z-index:2;pointer-events:none;opacity:.16;background:radial-gradient(circle,rgba(38,216,255,.34),rgba(123,77,255,.18) 34%,rgba(237,59,255,.08) 55%,transparent 72%);filter:blur(12px);transform:translate3d(-999px,-999px,0);will-change:transform}
@keyframes auroraBlue{to{transform:translate3d(14vw,8vh,0) scale(1.12)}}
@keyframes auroraPurple{to{transform:translate3d(-13vw,10vh,0) scale(.92)}}
@keyframes auroraPink{to{transform:translate3d(-8vw,-10vh,0) scale(1.15)}}
@keyframes gridDrift{to{background-position:72px 72px}}
@keyframes particleFloat{to{transform:translate3d(var(--dx,20px),var(--dy,-35px),0);opacity:.9}}

/* Header polish */
.site-header:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent 4%,var(--cyan),var(--violet),var(--magenta),transparent 96%);opacity:.58;transform:scaleX(.72);transition:.35s}
.site-header.scrolled:before{transform:scaleX(1);opacity:.9}
.site-header{background:linear-gradient(180deg,rgba(3,6,18,.70),rgba(3,6,17,.42));border-bottom-color:rgba(255,255,255,.035)}
.site-header.scrolled{background:rgba(3,6,17,.86);box-shadow:0 18px 60px rgba(0,0,0,.34),0 1px 0 rgba(82,107,255,.12)}
.brand-mark{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--cyan),var(--electric) 33%,var(--violet) 62%,var(--magenta));background-size:180% 180%;animation:brandFlow 5s ease infinite;box-shadow:0 0 28px rgba(55,123,255,.26),0 0 38px rgba(219,56,255,.14)}
.brand-mark:after{content:"";position:absolute;inset:-80% -30%;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);transform:translateX(-70%) rotate(10deg);animation:brandShine 5.2s ease-in-out infinite}
.brand-copy small{background:linear-gradient(90deg,#58dfff,#8d75ff,#f26cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.main-nav>a:not(.btn){position:relative}
.main-nav>a:not(.btn):before{content:"";position:absolute;left:50%;right:50%;bottom:-7px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--magenta));transition:.25s;box-shadow:0 0 8px rgba(108,91,255,.8)}
.main-nav>a:not(.btn):hover:before{left:0;right:0}
@keyframes brandFlow{50%{background-position:100% 50%}}
@keyframes brandShine{0%,68%{transform:translateX(-75%) rotate(10deg)}88%,100%{transform:translateX(75%) rotate(10deg)}}

/* Buttons */
.btn{position:relative;overflow:hidden;isolation:isolate;transform:translateZ(0)}
.btn:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.18) 48%,transparent 66%);transform:translateX(-120%);transition:transform .65s ease}
.btn:hover:before{transform:translateX(120%)}
.btn-primary{background:linear-gradient(110deg,#148dff,#5a54ff 42%,#9b3cff 68%,#e536ff);background-size:160% 160%;animation:buttonGradient 5s ease infinite;box-shadow:0 12px 34px rgba(76,74,255,.25),0 0 24px rgba(209,48,255,.11)}
.btn-primary:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 18px 42px rgba(55,102,255,.25),0 0 35px rgba(220,51,255,.18)}
.btn-ghost{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
@keyframes buttonGradient{50%{background-position:100% 50%}}

/* Hero */
.hero{isolation:isolate}
.hero:before{left:-16vw;bottom:-18vh;width:min(58vw,820px);height:min(58vw,820px);background:radial-gradient(circle,rgba(0,175,255,.22),rgba(37,75,255,.10) 40%,transparent 70%);animation:heroGlowLeft 9s ease-in-out infinite alternate}
.hero:after{right:-14vw;bottom:-18vh;width:min(55vw,790px);height:min(55vw,790px);background:radial-gradient(circle,rgba(225,35,255,.22),rgba(121,42,255,.10) 42%,transparent 70%);animation:heroGlowRight 11s ease-in-out infinite alternate}
.hero-copy{position:relative}
.hero-copy:before{content:"DIGITAL / CREATIVE / TECHNOLOGY";position:absolute;left:0;top:-60px;font-size:10px;letter-spacing:.32em;color:rgba(117,157,255,.28);white-space:nowrap}
.hero h1 span,.page-hero h1 span,.section-heading h2 span{background-size:220% auto;animation:textGradient 6s linear infinite}
.hero h1{text-shadow:0 0 42px rgba(92,73,255,.08)}
.hero-stats{gap:0;border-top-color:rgba(112,123,255,.18)}
.hero-stats div{position:relative;padding-right:16px}
.hero-stats div+div{padding-left:22px;border-left:1px solid rgba(255,255,255,.08)}
.hero-stats strong{font-variant-numeric:tabular-nums;min-height:38px;background:linear-gradient(180deg,#fff,#a8bfff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-visual{perspective:900px;contain:layout paint}
.hero-visual:before{content:"";position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(35,172,255,.13),rgba(103,59,255,.05) 46%,transparent 70%);filter:blur(10px);animation:visualPulse 4s ease-in-out infinite}
.orbit{will-change:transform}
.orbit-a{border-color:rgba(44,188,255,.35);animation:orbitSpin 18s linear infinite}
.orbit-a:before,.orbit-b:before,.orbit-c:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;left:50%;top:-4px;background:#fff;box-shadow:0 0 12px 3px var(--cyan)}
.orbit-b{animation:orbitSpinReverse 12s linear infinite;border-style:dashed;border-color:rgba(220,57,255,.33)}
.orbit-b:before{box-shadow:0 0 12px 3px var(--magenta)}
.orbit-c{width:470px;height:470px;border-color:rgba(113,85,255,.12);border-style:dotted;animation:orbitSpin 28s linear infinite}
.drone-shell{animation:droneFloat 4.6s ease-in-out infinite;will-change:transform}
.drone-core{background:linear-gradient(180deg,#35435f,#111a2b 48%,#050913);box-shadow:inset 0 5px 18px rgba(255,255,255,.07),0 0 50px rgba(30,150,255,.2),0 0 85px rgba(140,45,255,.10)}
.cam{animation:cameraPulse 2.8s ease-in-out infinite}
.rotor{animation-duration:.46s;opacity:.88}
.energy-beam{position:absolute;width:155px;height:1px;top:50%;background:linear-gradient(90deg,transparent,var(--cyan),transparent);filter:drop-shadow(0 0 8px var(--cyan));opacity:.38;animation:beamPulse 2.3s ease-in-out infinite}
.beam-left{left:3%;transform:rotate(-13deg)}
.beam-right{right:3%;transform:rotate(13deg);background:linear-gradient(90deg,transparent,var(--magenta),transparent);filter:drop-shadow(0 0 8px var(--magenta));animation-delay:.7s}
.hero-hud{border-color:rgba(77,134,255,.34);background:linear-gradient(145deg,rgba(6,13,34,.82),rgba(11,9,28,.72));box-shadow:0 10px 40px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04);animation:hudFloat 5s ease-in-out infinite}
.hud-two{animation-delay:1.1s}.hud-three{animation-delay:2s}
.hero-hud b{background:linear-gradient(90deg,#fff,#96c9ff,#e6a2ff);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes textGradient{to{background-position:220% center}}
@keyframes heroGlowLeft{to{transform:translate3d(5vw,-3vh,0) scale(1.08)}}
@keyframes heroGlowRight{to{transform:translate3d(-4vw,-4vh,0) scale(1.1)}}
@keyframes visualPulse{50%{transform:scale(1.08);opacity:.72}}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes orbitSpinReverse{to{transform:rotate(-360deg)}}
@keyframes droneFloat{50%{transform:translate3d(0,-12px,0) rotate(.35deg)}}
@keyframes cameraPulse{50%{box-shadow:0 0 28px rgba(24,143,255,.52)}}
@keyframes beamPulse{50%{opacity:.9;transform:scaleX(1.12) rotate(-13deg)}}
@keyframes hudFloat{50%{transform:translateY(-7px)}}

/* Motion strip */
.signal-strip{position:relative;z-index:3;overflow:hidden;border-block:1px solid rgba(108,101,255,.15);background:linear-gradient(90deg,rgba(12,25,53,.55),rgba(31,11,54,.46),rgba(9,23,50,.55));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.signal-strip:before,.signal-strip:after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:13vw;pointer-events:none}
.signal-strip:before{left:0;background:linear-gradient(90deg,#040817,transparent)}
.signal-strip:after{right:0;background:linear-gradient(-90deg,#050716,transparent)}
.signal-track{display:flex;width:max-content;animation:signalMove 30s linear infinite;will-change:transform}
.signal-row{display:flex;align-items:center;gap:28px;padding:15px 14px;font-size:11px;font-weight:800;letter-spacing:.18em;color:#bcc9e7;white-space:nowrap}
.signal-row i{font-style:normal;color:#8b67ff;text-shadow:0 0 10px #7f4fff}
.signal-row span:nth-of-type(3n+1){color:#8fdcff}.signal-row span:nth-of-type(3n+2){color:#d3c4ff}.signal-row span:nth-of-type(3n){color:#f1b1ff}
.signal-strip:hover .signal-track{animation-play-state:paused}
@keyframes signalMove{to{transform:translate3d(-50%,0,0)}}

/* Cards and sections */
.section-heading .eyebrow{color:#c7d1ed}
.service-card,.project-card,.glass-card,.timeline>div,.value-list>div,.service-detail-card,.contact-form,.contact-cards>div,.partner-panel,.cta-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.service-card{--card-accent:var(--cyan);border-color:rgba(78,127,255,.20);background:linear-gradient(155deg,rgba(14,26,58,.78),rgba(8,10,26,.74));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 55px rgba(0,0,0,.12);transform:translateZ(0)}
.service-card:nth-child(3n+2){--card-accent:var(--violet)}
.service-card:nth-child(3n){--card-accent:var(--magenta)}
.service-card:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(130deg,transparent 10%,color-mix(in srgb,var(--card-accent) 55%,transparent),transparent 55%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:.35s;pointer-events:none}
.service-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--card-accent) 45%,transparent);box-shadow:0 22px 60px rgba(0,0,0,.26),0 0 35px color-mix(in srgb,var(--card-accent) 14%,transparent)}
.service-card:hover:after{opacity:1}
.service-icon{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(24,154,255,.15),rgba(169,48,255,.14));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 22px rgba(78,101,255,.10)}
.service-icon:after{content:"";position:absolute;inset:auto -20% -65% -20%;height:90%;background:radial-gradient(circle,var(--card-accent),transparent 68%);opacity:.20}
.timeline>div,.value-list>div{transition:.3s;border-color:rgba(110,118,255,.14);background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(80,56,255,.022))}
.timeline>div:hover,.value-list>div:hover{transform:translateX(5px);border-color:rgba(95,113,255,.34);box-shadow:0 12px 35px rgba(0,0,0,.16)}
.project-card{position:relative;border-color:rgba(112,112,255,.16);background:linear-gradient(160deg,rgba(10,17,39,.88),rgba(14,8,30,.82));box-shadow:0 18px 48px rgba(0,0,0,.14)}
.project-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.09) 49%,transparent 57%);transform:translateX(-120%);transition:transform .85s ease}
.project-card:hover:after{transform:translateX(120%)}
.project-card:hover{transform:translateY(-7px);border-color:rgba(124,83,255,.45);box-shadow:0 22px 60px rgba(0,0,0,.28),0 0 30px rgba(97,65,255,.09)}
.project-card img{width:100%;aspect-ratio:8/5;object-fit:cover}
.glass-card{position:relative;overflow:hidden;transition:.3s;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(79,49,255,.025));border-color:rgba(106,116,255,.15)}
.glass-card:before{content:"";position:absolute;width:100px;height:100px;right:-50px;top:-50px;border-radius:50%;background:radial-gradient(circle,rgba(203,54,255,.18),transparent 70%)}
.glass-card:hover{transform:translateY(-5px);border-color:rgba(111,91,255,.35);box-shadow:0 18px 48px rgba(0,0,0,.2)}
.cta-panel{border-color:rgba(112,88,255,.32);background:linear-gradient(120deg,rgba(11,24,55,.88),rgba(35,10,57,.82));box-shadow:0 28px 90px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.05)}
.cta-panel:after{content:"";position:absolute;width:360px;height:360px;right:-150px;top:-200px;border-radius:50%;background:radial-gradient(circle,rgba(224,48,255,.23),transparent 70%);animation:ctaPulse 7s ease-in-out infinite alternate}
@keyframes ctaPulse{to{transform:translate3d(-40px,55px,0) scale(1.1)}}

/* Inner page polish */
.page-hero{position:relative;isolation:isolate}
.page-hero:after{content:"";position:absolute;left:50%;top:15%;width:min(720px,80vw);height:300px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(87,74,255,.14),rgba(222,51,255,.05) 45%,transparent 70%);filter:blur(16px);z-index:-1}
.service-detail-card{position:relative;overflow:hidden;border-color:rgba(96,112,255,.18);background:linear-gradient(150deg,rgba(12,22,49,.82),rgba(14,8,31,.76));transition:.32s}
.service-detail-card:before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(86,122,255,.10),transparent 44%);pointer-events:none}
.service-detail-card:hover{transform:translateY(-4px);border-color:rgba(112,88,255,.38);box-shadow:0 22px 58px rgba(0,0,0,.2)}
.chip-list span{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));border-color:rgba(132,128,255,.13);transition:.25s}
.chip-list span:hover{border-color:rgba(112,96,255,.32);transform:translateY(-1px);background:rgba(103,70,255,.08)}
.contact-form{position:relative;overflow:hidden}
.contact-form:before{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--magenta),transparent);opacity:.65}
.contact-form input,.contact-form textarea,.contact-form select{min-width:0;background:rgba(7,12,30,.88)}
.partner-logo,.kudu-card img{display:block;object-fit:contain;aspect-ratio:45/13;max-height:100%;transform:translateZ(0)}
.partner-logo{width:min(280px,32vw);height:auto}
.kudu-link{display:block;width:min(190px,100%);aspect-ratio:45/13}
.kudu-card img{width:100%;height:100%}

/* Stable reveal: transform and opacity only */
.reveal{will-change:transform,opacity}
.reveal.visible{will-change:auto}

/* Responsive stability */
@media (max-width:1100px){
  .orbit-c{width:420px;height:420px}
  .hero-copy:before{top:-48px}
}
@media (max-width:860px){
  .cursor-glow{display:none}
  .tech-grid{background-size:56px 56px}
  .main-nav{width:100%;max-width:100%;overflow-x:hidden}
  .hero-copy:before{position:static;display:block;margin-bottom:22px;white-space:normal;text-align:center}
  .orbit-c{width:360px;height:360px}
  .energy-beam{width:120px}
  .signal-row{gap:22px}
  .service-grid,.project-grid,.value-cards,.service-accordion-grid{min-width:0}
}
@media (max-width:600px){
  body{font-size:15px}
  .section-pad{padding:72px 0}
  .hero{padding-top:36px}
  .hero-grid{gap:16px}
  .hero-copy:before{font-size:8px;letter-spacing:.22em;margin-bottom:18px}
  .hero-stats div{padding-inline:8px}
  .hero-stats div+div{padding-left:10px}
  .hero-visual{min-height:350px;margin-inline:-6px}
  .orbit-c{width:310px;height:310px}
  .energy-beam{display:none}
  .signal-row{font-size:9px;gap:18px;padding-block:13px}
  .service-card,.service-detail-card,.project-card,.glass-card,.contact-form,.partner-panel,.cta-panel{max-width:100%}
  .project-card img{aspect-ratio:8/5}
  .partner-logo{width:min(240px,78vw)}
  .kudu-link{width:190px;max-width:100%}
}
@media (max-width:380px){
  .orbit-c{width:275px;height:275px}
  .signal-row{font-size:8px;gap:15px}
}
@media (pointer:coarse){
  .service-card:hover,.project-card:hover,.glass-card:hover,.service-detail-card:hover,.timeline>div:hover,.value-list>div:hover,.btn:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .ambient-bg *,.signal-track,.brand-mark,.brand-mark:after,.btn-primary,.orbit,.drone-shell,.cam,.energy-beam,.hero-hud,.cta-panel:after{animation:none!important}
  .cursor-glow{display:none}
}

/* ===== Footer v3: compact, premium & responsive ===== */
.site-footer{
    isolation:isolate;
    margin-top:56px;
    padding:58px 0 20px;
    overflow:hidden;
    background:
        radial-gradient(circle at 12% 0%,rgba(27,129,255,.10),transparent 32%),
        radial-gradient(circle at 88% 12%,rgba(190,45,255,.10),transparent 30%),
        linear-gradient(180deg,#030610 0%,#02040b 58%,#050415 100%);
    border-top:1px solid rgba(129,111,255,.18);
}
.site-footer::before{
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:50%;
    width:min(920px,86vw);
    height:1px;
    transform:translateX(-50%);
    background:linear-gradient(90deg,transparent,#2ba8ff 28%,#8857ff 55%,#e83cff 76%,transparent);
    box-shadow:0 0 24px rgba(116,74,255,.58);
}
.site-footer::after{
    content:"";
    position:absolute;
    z-index:-2;
    inset:0;
    pointer-events:none;
    opacity:.22;
    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:44px 44px;
    mask-image:linear-gradient(to bottom,black,transparent 82%);
}
.footer-glow{
    z-index:-1;
    width:min(760px,90vw);
    height:320px;
    bottom:-230px;
    background:radial-gradient(circle,rgba(89,48,255,.34),rgba(21,123,255,.09) 42%,transparent 72%);
    filter:blur(8px);
}
.footer-grid{
    align-items:start;
    grid-template-columns:minmax(0,1.35fr) minmax(130px,.58fr) minmax(130px,.58fr) minmax(250px,.95fr);
    gap:28px 34px;
}
.footer-grid>div{min-width:0}
.footer-brand{display:inline-flex;margin-bottom:16px}
.footer-text{
    max-width:390px;
    margin:0;
    font-size:13px;
    line-height:1.8;
    color:#8993ad;
}
.footer-nav-group h3{
    position:relative;
    margin:5px 0 17px;
    padding-bottom:10px;
    font-size:12px;
    letter-spacing:.06em;
    color:#f2f4ff;
}
.footer-nav-group h3::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:30px;
    height:2px;
    border-radius:99px;
    background:linear-gradient(90deg,#2ba8ff,#b43cff);
    box-shadow:0 0 12px rgba(108,77,255,.55);
}
.footer-grid .footer-nav-group>a:not(.brand):not(.kudu-link){
    position:relative;
    display:block;
    width:max-content;
    max-width:100%;
    margin:8px 0;
    padding:2px 0;
    color:#919ab3;
    font-size:12.5px;
    line-height:1.45;
    transition:color .2s ease,transform .2s ease;
}
.footer-grid .footer-nav-group>a:not(.brand):not(.kudu-link)::before{
    content:"";
    position:absolute;
    left:-10px;
    top:50%;
    width:4px;
    height:4px;
    border-radius:50%;
    opacity:0;
    transform:translateY(-50%) scale(.4);
    background:#8c63ff;
    box-shadow:0 0 9px #8c63ff;
    transition:.2s ease;
}
.footer-grid .footer-nav-group>a:hover{color:#fff;transform:translateX(5px)}
.footer-grid .footer-nav-group>a:hover::before{opacity:1;transform:translateY(-50%) scale(1)}
.kudu-card{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:8px;
    overflow:hidden;
    padding:17px;
    border:1px solid rgba(123,105,255,.28);
    border-radius:20px;
    background:linear-gradient(145deg,rgba(22,29,52,.62),rgba(8,11,25,.72));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 42px rgba(0,0,0,.18);
}
.kudu-card::before{
    content:"";
    position:absolute;
    width:140px;
    height:140px;
    right:-60px;
    top:-70px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(196,53,255,.22),transparent 68%);
    pointer-events:none;
}
.kudu-card .tiny-label{
    margin:0 0 2px;
    font-size:8.5px;
    letter-spacing:.2em;
    color:#7884a7;
}
.kudu-link{
    display:block;
    width:100%;
    overflow:hidden;
    border-radius:10px;
    background:rgba(4,8,20,.72);
}
.kudu-card img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:900/260;
    object-fit:contain;
}
.kudu-card p{
    margin:2px 0 0;
    font-size:11px;
    line-height:1.55;
    color:#8791ac;
}
.verify-link{
    display:inline-flex!important;
    align-items:center;
    width:max-content;
    max-width:100%;
    margin:0!important;
    font-size:10.5px!important;
    color:#9b89ff!important;
    overflow-wrap:anywhere;
}
.footer-bottom{
    align-items:center;
    margin-top:32px;
    padding-top:18px;
    color:#626d87;
    font-size:10.5px;
}
.footer-bottom span{min-width:0}
.footer-bottom a{font-weight:600;color:#a18cff}

@media (max-width:1024px){
    .site-footer{padding-top:52px}
    .footer-grid{
        grid-template-columns:minmax(0,1.25fr) minmax(130px,.62fr) minmax(130px,.62fr);
        gap:28px 30px;
    }
    .kudu-card{
        grid-column:1/-1;
        grid-template-columns:minmax(150px,220px) minmax(0,1fr);
        column-gap:20px;
        align-items:center;
        padding:16px 18px;
    }
    .kudu-card .tiny-label{grid-column:1/-1}
    .kudu-link{grid-row:2/4}
    .kudu-card p{margin:0;align-self:end}
    .kudu-card .verify-link{grid-column:2;align-self:start}
}

@media (max-width:860px){
    .site-footer{margin-top:42px;padding:46px 0 18px}
    .footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:24px 22px;
    }
    .footer-grid>div:first-child{grid-column:1/-1}
    .footer-text{max-width:620px}
    .footer-nav-group{
        padding:17px 18px;
        border:1px solid rgba(255,255,255,.055);
        border-radius:16px;
        background:rgba(255,255,255,.018);
    }
    .footer-nav-group h3{margin-top:0}
    .kudu-card{grid-column:1/-1}
    .footer-bottom{margin-top:26px}
}

@media (max-width:600px){
    .site-footer{margin-top:34px;padding:38px 0 16px}
    .site-footer::after{background-size:34px 34px}
    .footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:14px 12px;
    }
    .footer-grid>div:first-child{
        grid-column:1/-1;
        padding:0 2px 6px;
        text-align:center;
    }
    .footer-brand{
        justify-content:center;
        margin:0 auto 12px;
    }
    .footer-text{
        max-width:520px;
        margin-inline:auto;
        font-size:12px;
        line-height:1.7;
    }
    .footer-nav-group{
        min-width:0;
        padding:14px 13px 12px;
        border-radius:15px;
    }
    .footer-nav-group h3{
        margin:0 0 12px;
        padding-bottom:8px;
        font-size:11px;
    }
    .footer-nav-group h3::after{width:25px}
    .footer-grid .footer-nav-group>a:not(.brand):not(.kudu-link){
        width:100%;
        margin:0;
        padding:6px 0;
        font-size:11.5px;
        line-height:1.35;
        white-space:normal;
        overflow-wrap:anywhere;
    }
    .footer-grid .footer-nav-group>a:hover{transform:none}
    .footer-grid .footer-nav-group>a::before{display:none}
    .kudu-card{
        grid-column:1/-1;
        grid-template-columns:minmax(96px,120px) minmax(0,1fr);
        gap:5px 12px;
        padding:14px;
        border-radius:16px;
    }
    .kudu-card .tiny-label{
        grid-column:1/-1;
        margin-bottom:2px;
        font-size:7.5px;
    }
    .kudu-link{
        grid-column:1;
        grid-row:2/4;
        align-self:center;
        border-radius:8px;
    }
    .kudu-card p{
        grid-column:2;
        margin:0;
        align-self:end;
        font-size:10px;
        line-height:1.4;
    }
    .kudu-card .verify-link{
        grid-column:2;
        align-self:start;
        font-size:9.5px!important;
        line-height:1.35;
    }
    .footer-bottom{
        margin-top:18px;
        padding-top:15px;
        flex-direction:column;
        align-items:center;
        gap:7px;
        text-align:center;
        font-size:9.5px;
        line-height:1.5;
    }
    .to-top{
        right:14px;
        bottom:max(14px,env(safe-area-inset-bottom));
        width:38px;
        height:38px;
        font-size:16px;
    }
}

@media (max-width:370px){
    .footer-grid{gap:10px 8px}
    .footer-nav-group{padding:13px 10px 11px}
    .footer-grid .footer-nav-group>a:not(.brand):not(.kudu-link){font-size:10.5px}
    .kudu-card{grid-template-columns:92px minmax(0,1fr);gap:5px 10px;padding:12px}
    .kudu-card p{font-size:9.5px}
    .kudu-card .verify-link{font-size:9px!important}
}

/* ===== Dijita Medya v4: Kudu integration + professional offer form ===== */
.kudu-powered{display:grid;gap:1px;margin-left:auto;margin-right:10px;padding-left:18px;border-left:1px solid rgba(255,255,255,.08);line-height:1}.kudu-powered span{font-size:6.5px;letter-spacing:.18em;color:#64708f}.kudu-powered strong{font-size:9px;color:#9f91ff;letter-spacing:.04em}.footer-powered{display:block;margin-top:14px;color:#626e8c;font-size:9px;line-height:1.6}.footer-powered strong{color:#9989ff}.verification-number{display:block;color:#8994b0;font-size:9.5px;line-height:1.4}.verification-number strong{color:#c0b5ff}.verification-number.muted strong{color:#696f86;font-weight:600}.contact-grid-v4{grid-template-columns:.82fr 1.18fr;gap:44px}.contact-cards-v4{grid-template-columns:1fr 1fr;gap:10px}.contact-cards-v4>div{min-width:0}.contact-cards-v4 small{overflow-wrap:anywhere}.verification-contact-card small{display:grid;gap:3px}.verification-contact-card em{font-style:normal;color:#8d80e8;font-size:10px}.kudu-contact-strip{display:grid;grid-template-columns:minmax(120px,175px) minmax(0,1fr);gap:15px;align-items:center;margin-top:17px;padding:14px;border:1px solid rgba(106,83,255,.16);border-radius:16px;background:linear-gradient(145deg,rgba(19,28,53,.46),rgba(6,9,21,.58))}.kudu-contact-strip img{display:block;width:100%;height:auto;aspect-ratio:900/260;object-fit:contain;border-radius:9px;background:#030612}.kudu-contact-strip div{min-width:0;display:grid;gap:3px}.kudu-contact-strip small{font-size:7px;letter-spacing:.17em;color:#687696}.kudu-contact-strip strong{font-size:12px;color:#ad9eff}.kudu-contact-strip span{font-size:9px;line-height:1.5;color:#707b98}.offer-form{position:relative;overflow:hidden}.offer-form:before{content:"";position:absolute;left:15%;right:15%;top:0;height:1px;background:linear-gradient(90deg,transparent,#2ba8ff,#7657ff,#e942ff,transparent);box-shadow:0 0 22px rgba(110,78,255,.5)}.offer-form-head{margin-bottom:20px}.offer-badge{display:inline-flex;padding:6px 10px;border:1px solid rgba(108,83,255,.18);border-radius:999px;color:#9c8fff;background:rgba(94,68,255,.07);font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.offer-form-head h3{margin:12px 0 6px;font-size:26px;letter-spacing:-.035em}.offer-form-head p{margin:0;color:#7c87a4;font-size:11px;line-height:1.65}.contact-form label{position:relative}.required{display:inline;color:#e461ff!important}.form-consents{display:grid;gap:9px;margin:5px 0 14px}.contact-form .check-row{display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;align-items:start;margin:0;padding:10px 11px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.018);font-weight:500;color:#8f99b5;line-height:1.55}.contact-form .check-row input{width:16px;height:16px;margin:2px 0 0;padding:0;accent-color:#795dff;box-shadow:none}.contact-form .check-row span{font-size:10.5px}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.submit-btn{min-height:50px}.privacy-note{line-height:1.5}.contact-form select{appearance:auto}.contact-form input,.contact-form select,.contact-form textarea{min-width:0}.contact-form textarea{max-width:100%}
@media(max-width:1180px){.kudu-powered{display:none}}
@media(max-width:860px){.contact-grid-v4{grid-template-columns:1fr}.contact-cards-v4{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.contact-grid-v4{gap:28px}.contact-cards-v4{grid-template-columns:1fr}.kudu-contact-strip{grid-template-columns:100px minmax(0,1fr);padding:12px}.offer-form-head h3{font-size:23px}.contact-form .check-row{padding:9px}.footer-powered{font-size:8.5px}.verification-number{font-size:9px}}
@media(max-width:370px){.kudu-contact-strip{grid-template-columns:85px minmax(0,1fr);gap:10px}.kudu-contact-strip span{font-size:8px}}


/* =========================================================
   DIJITA MEDYA V5 — responsive brief, visual service assets
   ========================================================= */
html,body{max-width:100%;overflow-x:clip}
img{height:auto}
.service-icon.service-image{width:60px;height:60px;padding:0;border:0;background:transparent;box-shadow:0 10px 34px rgba(64,70,255,.14);overflow:visible}
.service-icon.service-image:after{display:none}
.service-icon.service-image img{width:60px;height:60px;object-fit:contain;border-radius:15px;flex:none}
.service-icon.large.service-image,.service-icon.large.service-image img{width:66px;height:66px;border-radius:17px}
.service-card{min-width:0}
.service-card h3{margin-top:20px}
.service-detail-head{min-width:0}
.service-detail-head>div:last-child{min-width:0}
.contact-hero-v5{padding-bottom:34px}
.contact-hero-v5 .container{max-width:1040px}
.contact-hero-v5 h1{max-width:900px}
.contact-hero-v5 p{max-width:820px}
.contact-section-v5{padding-top:36px}
.contact-layout-v5{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:32px;align-items:start;max-width:1160px}
.contact-side-v5{position:sticky;top:105px;min-width:0;padding:4px 0}
.contact-side-v5 h2{font-size:clamp(32px,3.2vw,48px);line-height:1.02;letter-spacing:-.045em;margin:16px 0 13px}
.contact-side-v5 p{margin:0;color:#9ba6c3;max-width:520px;font-size:14px;line-height:1.75}
.contact-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}
.contact-quick-card{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:center;padding:14px;border-radius:16px;border:1px solid rgba(115,106,255,.18);background:linear-gradient(145deg,rgba(15,23,49,.72),rgba(5,9,23,.72));transition:.25s;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.contact-quick-card:hover{border-color:rgba(77,172,255,.42);transform:translateY(-2px);background:linear-gradient(145deg,rgba(18,31,62,.84),rgba(12,10,34,.82))}
.contact-mini-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,rgba(37,180,255,.14),rgba(207,55,255,.13));border:1px solid rgba(117,106,255,.2);font-weight:900;color:#b9c9ff}
.contact-quick-card div{min-width:0;display:grid;gap:2px}
.contact-quick-card small{font-size:9px;color:#667493;text-transform:uppercase;letter-spacing:.13em}
.contact-quick-card strong{font-size:11px;color:#e7eaff;overflow-wrap:anywhere;line-height:1.4}
.contact-quick-card em{font-size:8.5px;font-style:normal;color:#9a83ff;line-height:1.35}
.kudu-contact-v5{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:14px;margin-top:12px;padding:13px;border-radius:16px;border:1px solid rgba(118,89,255,.18);background:linear-gradient(145deg,rgba(32,31,87,.22),rgba(4,9,22,.65))}
.kudu-contact-v5 img{width:128px;aspect-ratio:900/260;object-fit:contain;background:#02050e;border-radius:8px}
.kudu-contact-v5 div{min-width:0;display:grid;gap:1px}
.kudu-contact-v5 small{font-size:7px;letter-spacing:.14em;color:#66769a}
.kudu-contact-v5 strong{font-size:12px;color:#b7aaff}
.kudu-contact-v5 span{font-size:9px;color:#78839f;line-height:1.45}
.offer-shell-v5{min-width:0}
.offer-form-v5{padding:28px;border-radius:24px;background:radial-gradient(circle at 90% 0,rgba(133,49,255,.11),transparent 34%),linear-gradient(160deg,rgba(13,20,47,.94),rgba(6,10,26,.95));border-color:rgba(102,101,255,.28);box-shadow:0 30px 90px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.04)}
.offer-form-v5:before{left:8%;right:8%;opacity:.95}
.offer-form-head-v5{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:5px}
.offer-form-head-v5 h3{font-size:28px;line-height:1.1;letter-spacing:-.035em;margin:11px 0 0}
.form-step{flex:none;font-size:9px;letter-spacing:.14em;color:#68779d;padding-top:7px}
.offer-intro{margin:0 0 21px;color:#7f8ba9;font-size:11.5px;line-height:1.65}
.form-grid-v5{display:grid;grid-template-columns:1fr 1fr;gap:13px 14px}
.form-grid-v5 label{margin:0;min-width:0;gap:7px}
.form-grid-v5 label>span{font-size:11px;color:#cfd7e9}
.form-grid-v5 label>span b{color:#e94dff}
.form-grid-v5 .span-2{grid-column:1/-1}
.offer-form-v5 input,.offer-form-v5 select,.offer-form-v5 textarea{min-height:46px;padding:12px 13px;border-radius:12px;background:rgba(5,10,25,.86);border-color:rgba(153,166,215,.13);font-size:12px}
.offer-form-v5 textarea{min-height:138px;resize:vertical}
.offer-form-v5 input::placeholder,.offer-form-v5 textarea::placeholder{color:#5f6985}
.offer-form-v5 input:focus,.offer-form-v5 textarea:focus,.offer-form-v5 select:focus{border-color:#6a69ff;box-shadow:0 0 0 3px rgba(89,80,255,.11),0 0 24px rgba(52,105,255,.06)}
.form-consents-v5{margin:15px 0 13px;grid-template-columns:1fr}
.offer-form-v5 .check-row{grid-template-columns:18px minmax(0,1fr);padding:9px 11px;border-radius:11px}
.offer-form-v5 .check-row span{font-size:9.5px;line-height:1.5}
.offer-form-v5 .submit-btn{min-height:50px;border-radius:13px;font-size:12px}
.form-trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 14px;margin-top:12px;color:#596681;font-size:8.5px;letter-spacing:.02em}
.form-alert{display:grid;gap:3px;font-size:11px;line-height:1.5}
.form-alert strong{font-size:12px}
.project-card img{aspect-ratio:8/5;object-fit:cover;background:#071022}
.kudu-card img,.kudu-contact-v5 img,.partner-logo{aspect-ratio:900/260;object-fit:contain}
@media (max-width:1080px){.contact-layout-v5{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:24px}.contact-quick-grid{grid-template-columns:1fr}.contact-side-v5 h2{font-size:38px}}
@media (max-width:900px){.contact-section-v5{padding-top:28px}.contact-layout-v5{grid-template-columns:1fr;gap:24px;max-width:760px}.contact-side-v5{position:relative;top:auto}.contact-quick-grid{grid-template-columns:1fr 1fr}.kudu-contact-v5{max-width:520px}.offer-shell-v5{width:100%}.offer-form-v5{padding:25px}}
@media (max-width:680px){.contact-hero-v5{padding-bottom:20px}.contact-section-v5{padding-top:16px}.contact-layout-v5{gap:19px}.contact-side-v5 h2{font-size:clamp(30px,9vw,39px);margin-top:13px}.contact-side-v5 p{font-size:13px;line-height:1.65}.contact-quick-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:19px}.contact-quick-card{grid-template-columns:34px minmax(0,1fr);padding:11px;gap:9px}.contact-mini-icon{width:34px;height:34px;border-radius:10px}.contact-quick-card strong{font-size:10px}.kudu-contact-v5{grid-template-columns:104px minmax(0,1fr);gap:11px;padding:11px}.kudu-contact-v5 img{width:104px}.offer-form-v5{padding:18px 15px;border-radius:19px}.offer-form-head-v5{align-items:center}.offer-form-head-v5 h3{font-size:23px}.form-step{display:none}.offer-intro{font-size:10.5px;margin-bottom:16px}.form-grid-v5{grid-template-columns:1fr;gap:11px}.form-grid-v5 .span-2{grid-column:auto}.offer-form-v5 input,.offer-form-v5 select,.offer-form-v5 textarea{font-size:16px;min-height:48px}.offer-form-v5 textarea{min-height:135px}.offer-form-v5 .check-row span{font-size:9px}.form-trust-row{gap:7px 10px;font-size:8px}.service-icon.service-image,.service-icon.service-image img{width:62px;height:62px}.service-icon.large.service-image,.service-icon.large.service-image img{width:64px;height:64px}}
@media (max-width:430px){.contact-quick-grid{grid-template-columns:1fr}.kudu-contact-v5{grid-template-columns:92px minmax(0,1fr)}.kudu-contact-v5 img{width:92px}.contact-hero-v5 h1{font-size:clamp(36px,11.6vw,50px)}.contact-hero-v5 p{font-size:14px}}

/* =========================================================
   V8 - İletişim / KVKK açılır pencereleri
   ========================================================= */
.legal-consent-v7{display:grid;gap:10px;margin:15px 0 14px;min-width:0}
.legal-link-grid-v7{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0}
.legal-link-card-v7{
    min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;gap:10px;align-items:center;
    padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;
    background:linear-gradient(145deg,rgba(40,139,255,.045),rgba(120,75,255,.035),rgba(217,55,244,.025));
    color:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.legal-link-card-v7:hover{transform:translateY(-1px);border-color:rgba(119,95,255,.34);background:rgba(93,69,255,.06)}
.legal-link-icon-v7{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(116,96,255,.27);border-radius:11px;background:linear-gradient(145deg,rgba(23,145,255,.13),rgba(207,53,255,.12));color:#c0b5ff;font-size:14px;font-weight:900}
.legal-link-card-v7>span:nth-child(2){display:grid;gap:3px;min-width:0}
.legal-link-card-v7 b{color:#eef0fb;font-size:10.5px;line-height:1.35}
.legal-link-card-v7 small{color:#7e89a7;font-size:8.8px;line-height:1.45}
.legal-link-card-v7 em{color:#9b8bff;font-size:14px;font-style:normal}

.legal-roles-v8{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0}
.legal-roles-v8>span{min-width:0;display:grid;gap:3px;padding:9px 10px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.017)}
.legal-roles-v8 small{color:#697591;font-size:7px;font-weight:800;letter-spacing:.12em}
.legal-roles-v8 strong{min-width:0;color:#b8b0ea;font-size:9.4px;overflow-wrap:anywhere}

.legal-ack-v7{min-width:0;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:9px;padding:11px 12px;border:1px solid rgba(115,91,255,.16);border-radius:12px;background:rgba(93,69,255,.035);cursor:pointer}
.legal-ack-v7 input{width:17px;height:17px;margin:1px 0 0;accent-color:#775cff}
.legal-ack-v7 span{color:#8f9ab6;font-size:9.7px;line-height:1.58}
.legal-ack-v7 span strong{color:#c4bced;font-weight:800}

.legal-modal[hidden]{display:none!important}
.legal-modal{position:fixed;z-index:10050;inset:0;display:grid;place-items:center;padding:24px}
.legal-modal-backdrop{position:absolute;inset:0;background:rgba(0,3,12,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.legal-modal-panel{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(780px,100%);max-height:min(88dvh,840px);min-width:0;overflow:hidden;border:1px solid rgba(121,105,255,.32);border-radius:24px;outline:0;background:radial-gradient(circle at 100% 0%,rgba(215,54,255,.11),transparent 34%),linear-gradient(160deg,#0d1530 0%,#070b1c 58%,#070816 100%);box-shadow:0 34px 100px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.05)}
.legal-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 22px 18px;border-bottom:1px solid rgba(255,255,255,.07)}
.legal-modal-kicker{display:block;margin-bottom:6px;color:#9385ec;font-size:7.5px;font-weight:850;letter-spacing:.16em}
.legal-modal-head h2{margin:0;color:#fff;font-size:clamp(23px,3vw,32px);letter-spacing:-.035em}
.legal-modal-close{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.035);color:#d9ddef;font-size:24px;line-height:1;cursor:pointer}
.legal-modal-body{min-width:0;overflow:auto;overscroll-behavior:contain;padding:20px 22px 8px;scrollbar-width:thin;scrollbar-color:#5746a8 #090d20}
.legal-modal-body>p:first-child{margin-top:0;color:#a8b1c9;font-size:12.5px;line-height:1.75}
.legal-modal-body section{padding:14px 0;border-top:1px solid rgba(255,255,255,.055)}
.legal-modal-body h3{margin:0 0 7px;color:#f2f4ff;font-size:12.5px}
.legal-modal-body p{margin:0;color:#8c97b2;font-size:11.2px;line-height:1.75}
.legal-modal-body section p+p{margin-top:6px}
.legal-modal-body strong{color:#c7cde0}
.legal-modal-body a{color:#a99cff;overflow-wrap:anywhere}
.legal-role-summary-v8{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 16px}
.legal-role-summary-v8>div{display:grid;gap:4px;min-width:0;padding:11px 12px;border:1px solid rgba(119,95,255,.16);border-radius:12px;background:linear-gradient(145deg,rgba(34,136,255,.05),rgba(164,52,255,.04))}
.legal-role-summary-v8 small{color:#74809f;font-size:7px;font-weight:850;letter-spacing:.12em}
.legal-role-summary-v8 strong{color:#c7c0f5;font-size:10.5px;overflow-wrap:anywhere}
.legal-modal-note{margin:12px 0 14px;padding:12px 13px;border:1px solid rgba(74,164,255,.18);border-radius:13px;background:rgba(33,135,255,.055);color:#9eb5d6;font-size:10.5px;line-height:1.65}
.legal-modal-actions{display:flex;justify-content:flex-end;padding:14px 22px 18px;border-top:1px solid rgba(255,255,255,.07);background:rgba(4,7,18,.42)}
.legal-modal-ok{min-width:120px;min-height:42px;border:0;border-radius:12px;padding:0 18px;background:linear-gradient(100deg,#258cff,#7350ff,#d83ae9);color:#fff;font-size:11px;font-weight:850;cursor:pointer}
body.legal-modal-open{overflow:hidden}

@media (max-width:680px){
    .legal-link-grid-v7,.legal-roles-v8,.legal-role-summary-v8{grid-template-columns:1fr}
    .legal-modal{padding:12px}
    .legal-modal-panel{max-height:91dvh;border-radius:20px}
    .legal-modal-head{padding:17px 16px 14px}
    .legal-modal-body{padding:16px 16px 6px}
    .legal-modal-actions{padding:12px 16px 15px}
}
@media (max-width:390px){
    .legal-modal{padding:7px}
    .legal-modal-panel{border-radius:17px}
    .legal-modal-close{width:34px;height:34px;flex-basis:34px}
    .legal-link-card-v7{grid-template-columns:34px minmax(0,1fr) 16px;padding:10px}
    .legal-link-icon-v7{width:34px;height:34px}
    .legal-ack-v7 span{font-size:9.25px}
}
@media (pointer:coarse){.legal-link-card-v7:hover{transform:none}}

/* =========================================================
   V9 - KVKK onay satırı: mobil/tablet hizalama düzeltmesi
   ========================================================= */
.legal-ack-v7{
    width:100%;
    box-sizing:border-box;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    gap:12px;
    min-width:0;
    padding:12px 13px;
}
.legal-ack-v7 input[type="checkbox"]{
    -webkit-appearance:none;
    appearance:none;
    flex:0 0 20px;
    display:grid;
    place-items:center;
    width:20px;
    height:20px;
    min-width:20px;
    min-height:20px;
    margin:1px 0 0;
    padding:0;
    border:1px solid rgba(147,128,255,.55);
    border-radius:6px;
    background:rgba(7,11,27,.96);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
    cursor:pointer;
    transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.legal-ack-v7 input[type="checkbox"]::after{
    content:"";
    width:9px;
    height:5px;
    border-left:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:translateY(-1px) rotate(-45deg) scale(0);
    transform-origin:center;
    transition:transform .15s ease;
}
.legal-ack-v7 input[type="checkbox"]:checked{
    border-color:transparent;
    background:linear-gradient(135deg,#278eff,#7351ff 55%,#d83ae9);
    box-shadow:0 0 0 3px rgba(115,81,255,.10),0 0 18px rgba(115,81,255,.18);
}
.legal-ack-v7 input[type="checkbox"]:checked::after{
    transform:translateY(-1px) rotate(-45deg) scale(1);
}
.legal-ack-v7 input[type="checkbox"]:focus-visible{
    outline:2px solid #a99cff;
    outline-offset:3px;
}
.legal-ack-v7>span{
    flex:1 1 auto;
    min-width:0;
    margin:0;
    padding:0;
    font-size:10.5px;
    line-height:1.58;
    overflow-wrap:anywhere;
    word-break:normal;
}

/* Tablet */
@media (max-width:900px){
    .legal-consent-v7{width:100%;}
    .legal-ack-v7{gap:11px;padding:12px 13px;}
    .legal-ack-v7>span{font-size:11px;line-height:1.58;}
}

/* Telefon */
@media (max-width:680px){
    .legal-ack-v7{
        gap:10px;
        padding:12px 11px;
        border-radius:12px;
    }
    .legal-ack-v7 input[type="checkbox"]{
        flex-basis:20px;
        width:20px;
        height:20px;
        min-width:20px;
        min-height:20px;
        margin-top:1px;
    }
    .legal-ack-v7>span{
        font-size:10.5px;
        line-height:1.6;
    }
}

/* Çok dar telefonlar */
@media (max-width:390px){
    .legal-ack-v7{gap:9px;padding:11px 10px;}
    .legal-ack-v7>span{font-size:10px;line-height:1.58;}
}


/* =========================================================
   V10 - KVKK checkbox + metin gerçek yatay hizalama
   Not: .contact-form label kuralı flex-direction:column verdiği için
   bu alan daha yüksek özgüllükle zorunlu olarak satır düzenine alınır.
   ========================================================= */
.contact-form label.legal-ack-v7{
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    justify-content:flex-start;
    gap:11px;
    width:100%;
    min-width:0;
    margin:0;
    padding:12px 13px;
    box-sizing:border-box;
}
.contact-form label.legal-ack-v7 input[type="checkbox"]{
    flex:0 0 20px;
    width:20px;
    height:20px;
    min-width:20px;
    min-height:20px;
    margin:1px 0 0;
    align-self:flex-start;
}
.contact-form label.legal-ack-v7 > span{
    display:block;
    flex:1 1 0;
    min-width:0;
    margin:0;
    padding:0;
    line-height:1.55;
    overflow-wrap:anywhere;
}
@media (max-width:900px){
    .contact-form label.legal-ack-v7{
        flex-direction:row;
        align-items:flex-start;
        gap:10px;
        padding:12px;
    }
}
@media (max-width:680px){
    .contact-form label.legal-ack-v7{
        flex-direction:row;
        gap:9px;
        padding:11px 10px;
    }
    .contact-form label.legal-ack-v7 > span{
        font-size:10.5px;
        line-height:1.55;
    }
}
@media (max-width:390px){
    .contact-form label.legal-ack-v7{
        gap:8px;
        padding:10px 9px;
    }
    .contact-form label.legal-ack-v7 > span{
        font-size:10px;
    }
}

/* =========================================================
   V11 - Dijita Medya gerçek logo + referans kartları
   ========================================================= */
.brand-v11{gap:10px;min-width:0}
.brand-logo-shell{
    width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;overflow:hidden;
    border-radius:12px;background:#02040b;border:1px solid rgba(132,106,255,.2);
    box-shadow:0 0 24px rgba(86,54,255,.13);isolation:isolate;
}
.brand-logo-shell img{width:100%;height:100%;display:block;object-fit:cover}
.footer-brand.brand-v11{align-items:center}
.reference-media-note{
    display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
    padding:13px 16px;margin-bottom:24px;border:1px solid rgba(114,91,255,.18);border-radius:14px;
    background:rgba(76,55,174,.045);color:#8691ad;font-size:11px;
}
.reference-media-note strong{color:#e9ecf9;font-size:12px}
.reference-grid-v11{margin-top:0}
.project-title-v11{font-size:21px;margin:6px 0 0}
@media (max-width:860px){
    .brand-logo-shell{width:43px;height:43px;flex-basis:43px}
    .reference-grid-v11{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
    .brand-logo-shell{width:40px;height:40px;flex-basis:40px;border-radius:10px}
    .reference-media-note{align-items:flex-start;flex-direction:column;gap:4px;padding:12px 13px}
    .reference-grid-v11{grid-template-columns:1fr}
}
@media (max-width:380px){
    .brand-v11 .brand-copy{display:flex}
    .brand-v11 .brand-copy strong{font-size:11px;letter-spacing:.12em}
    .brand-v11 .brand-copy small{font-size:6px;letter-spacing:.18em}
    .brand-logo-shell{width:36px;height:36px;flex-basis:36px}
}

/* V12 — Referans kartları: gerçek görsel yokken isimli, kod tabanlı sembolik SVG gösterilir. */
.reference-grid-v12{
  margin-top:0;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
}
.reference-grid-v12 .project-card{
  min-width:0;
  height:100%;
}
.reference-grid-v12 .project-card img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:8/5;
  object-fit:cover;
  background:#060a18;
}
.reference-grid-v12 .project-card>div{
  min-width:0;
}
.reference-grid-v12 .project-title-v11{
  overflow-wrap:anywhere;
  text-wrap:balance;
}
@media (max-width:980px){
  .reference-grid-v12{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:620px){
  .reference-grid-v12{grid-template-columns:1fr;gap:14px;}
  .reference-grid-v12 .project-card>div{padding:17px;}
  .reference-grid-v12 .project-title-v11{font-size:19px;line-height:1.25;}
}