:root{
  --bg:#070812;--bg2:#0c0d19;--text:#f6f4ff;--muted:#a7a5ba;--line:rgba(255,255,255,.09);
  --violet:#8c5cff;--purple:#6b44ff;--blue:#43b7ff;--pink:#d54fff;
  --radius:24px;--shell:min(1180px,calc(100% - 40px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -15%,#171126 0,#090a15 40%,#05060c 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{width:var(--shell);margin-inline:auto}.glass{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid var(--line);box-shadow:0 20px 70px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
#stars{position:fixed;inset:0;width:100%;height:100%;z-index:-5;pointer-events:none;opacity:.55}.noise{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.orb{position:fixed;border-radius:50%;filter:blur(100px);z-index:-4;pointer-events:none;opacity:.22}.orb-a{width:480px;height:480px;background:#6b44ff;right:-170px;top:140px}.orb-b{width:420px;height:420px;background:#1557ff;left:-210px;top:700px}
.site-header{position:sticky;top:16px;z-index:50;margin-top:16px;height:72px;border-radius:20px;display:flex;align-items:center;padding:0 16px 0 20px}.brand{width:168px;display:block}.brand img{width:100%;height:auto}.desktop-nav{margin-left:auto;display:flex;gap:32px;font-size:14px;color:#c7c4d8}.desktop-nav a{transition:.25s}.desktop-nav a:hover{color:#fff}.nav-cta{margin-left:28px;padding:12px 15px;border-radius:13px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1);font-size:13px}.nav-cta span{margin-left:6px}.menu-btn{display:none;background:none;border:0;padding:10px}.menu-btn span{display:block;width:22px;height:1px;background:#fff;margin:5px}
.hero{min-height:820px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:40px;padding-top:70px;padding-bottom:80px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#bdb9ce;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:24px}.pulse{width:8px;height:8px;border-radius:50%;background:#7bffb8;box-shadow:0 0 0 0 rgba(123,255,184,.5);animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(123,255,184,0)}100%{box-shadow:0 0 0 0 rgba(123,255,184,0)}}
.hero h1{font-size:clamp(58px,7.1vw,102px);line-height:.91;letter-spacing:-.065em;margin:0;font-weight:850;max-width:720px}.gradient-text{background:linear-gradient(100deg,#fff 0,#c6b5ff 22%,#9c6cff 53%,#5cc7ff 94%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 38px rgba(125,92,255,.16)}.hero-copy>p{font-size:17px;line-height:1.75;color:var(--muted);max-width:600px;margin:28px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 22px;border-radius:14px;font-weight:700;font-size:14px;transition:transform .25s,box-shadow .25s,border-color .25s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(120deg,#7e50ff,#5d40ea 48%,#3e8de9);box-shadow:0 18px 45px rgba(104,70,255,.3),inset 0 1px 0 rgba(255,255,255,.3)}.btn-primary:hover{box-shadow:0 22px 60px rgba(104,70,255,.45)}.btn-ghost{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#d8d5e5}.play-dot{font-size:10px;color:#8e63ff}.hero-meta{margin-top:48px;display:flex;gap:36px}.hero-meta div{display:flex;flex-direction:column;gap:4px}.hero-meta strong{font-size:21px}.hero-meta span{font-size:11px;color:#77758b}
.hero-scene{height:650px;position:relative;perspective:1200px;transform-style:preserve-3d}.scene-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(138,102,255,.18);border-radius:50%;transform:translate(-50%,-50%) rotateX(62deg);box-shadow:0 0 50px rgba(103,72,255,.06)}.ring-1{width:560px;height:560px}.ring-2{width:430px;height:430px}.ring-3{width:300px;height:300px}.profile-stack{position:absolute;width:min(390px,77%);aspect-ratio:.76;left:50%;top:50%;transform:translate(-49%,-50%) rotateY(-10deg) rotateX(2deg);transform-style:preserve-3d;transition:transform .15s ease-out}.card-layer{position:absolute;inset:0;border-radius:31px;transform-style:preserve-3d}.profile-back{border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(103,68,255,.23),rgba(14,16,31,.5));box-shadow:0 40px 100px rgba(0,0,0,.45)}.layer-1{transform:translate3d(34px,17px,-70px) rotate(5deg);opacity:.55}.layer-2{transform:translate3d(-27px,18px,-35px) rotate(-4deg);opacity:.78}.layer-main{padding:14px;background:linear-gradient(165deg,rgba(28,28,49,.96),rgba(7,8,18,.91));border:1px solid rgba(255,255,255,.15);box-shadow:0 35px 90px rgba(0,0,0,.54),0 0 80px rgba(103,72,255,.16);overflow:hidden}.layer-main:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 200deg,transparent,rgba(125,89,255,.11),transparent 28%);animation:spin 10s linear infinite;pointer-events:none}@keyframes spin{to{transform:rotate(1turn)}}.profile-topline{position:relative;z-index:2;display:flex;justify-content:space-between;padding:9px 8px 13px;font-size:9px;letter-spacing:.15em;color:#8e8ba2}.status{color:#7cffb5}.profile-photo-wrap{position:relative;z-index:2;height:72%;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#121321}.profile-photo{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:saturate(.86) contrast(1.06) brightness(.9)}.profile-photo-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,9,18,.72) 0,transparent 40%),linear-gradient(120deg,rgba(126,86,255,.14),transparent 48%)}.photo-shine{position:absolute;width:160px;height:160%;top:-30%;left:-70%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shine 6s ease-in-out infinite}@keyframes shine{50%,100%{left:130%}}.profile-caption{position:relative;z-index:2;height:22%;display:flex;align-items:center;justify-content:space-between;padding:12px 8px}.profile-caption span{font-size:8px;letter-spacing:.15em;color:#727082}.profile-caption strong{display:block;margin-top:5px;font-size:16px;line-height:1.25}.mini-orbit{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#9c78ff,#4b31a8 72%);box-shadow:0 0 30px rgba(130,89,255,.45)}
.float-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:11px;padding:12px 15px;border-radius:16px;background:linear-gradient(145deg,rgba(22,23,42,.93),rgba(9,10,20,.88));border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 55px rgba(0,0,0,.42),0 0 30px rgba(108,71,255,.09);backdrop-filter:blur(14px);transform-style:preserve-3d}.chip-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#8b5eff,#4d46d9);font-weight:800;box-shadow:0 8px 25px rgba(112,76,255,.32)}.float-chip small{display:block;font-size:9px;color:#77758a;margin-bottom:2px}.float-chip b{font-size:12px}.chip-code{left:0;top:23%;animation:float 5s ease-in-out infinite}.chip-speed{right:-2%;top:36%;animation:float 5.8s ease-in-out infinite reverse}.chip-mobile{left:8%;bottom:16%;animation:float 6.2s ease-in-out infinite}@keyframes float{50%{translate:0 -12px}}
.logo-strip{display:flex;justify-content:space-between;gap:22px;padding:17px 24px;border-block:1px solid var(--line);font-size:10px;letter-spacing:.16em;color:#767487;white-space:nowrap;overflow:hidden}.section{padding:120px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:46px}.section-kicker{display:block;color:#8d88a1;font-size:10px;letter-spacing:.2em;margin-bottom:17px}.section-head h2,.about h2,.contact h2{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.05em;margin:0}.section-head>p{max-width:430px;color:var(--muted);line-height:1.7;margin:0}.text-link{font-size:13px;color:#c6c2d5;border-bottom:1px solid rgba(255,255,255,.17);padding-bottom:5px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{position:relative;min-height:320px;padding:24px;border-radius:22px;overflow:hidden;transform-style:preserve-3d;transition:transform .15s ease-out,border-color .3s}.service-card:before{content:"";position:absolute;inset:auto -30% -50% -30%;height:65%;background:radial-gradient(circle,rgba(108,71,255,.22),transparent 65%);opacity:0;transition:.35s}.service-card:hover:before{opacity:1}.service-num{font-size:10px;color:#646275}.service-icon{margin-top:54px;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:22px;background:linear-gradient(145deg,rgba(135,94,255,.25),rgba(62,55,116,.15));border:1px solid rgba(143,103,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.service-card h3{font-size:19px;margin:19px 0 10px}.service-card p{font-size:13px;line-height:1.65;color:#8e8b9f}.service-card a{position:absolute;left:24px;bottom:23px;font-size:11px;color:#aaa6bb}
.project-showcase{min-height:520px;border-radius:30px;border:1px solid var(--line);background:linear-gradient(130deg,rgba(255,255,255,.045),rgba(97,69,184,.035));display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;overflow:hidden;padding:46px;position:relative}.project-showcase:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:#5135ca;filter:blur(150px);opacity:.14;right:8%;top:0}.project-copy{position:relative;z-index:2}.project-tag{font-size:10px;color:#8c879e;letter-spacing:.13em}.project-copy h3{font-size:38px;letter-spacing:-.04em;margin:20px 0 10px}.project-copy p{color:var(--muted);line-height:1.7;max-width:400px}.project-metrics{display:flex;gap:26px;margin-top:28px;color:#8c899b;font-size:11px}.project-metrics b{display:block;color:#f2efff;font-size:20px;margin-bottom:3px}.browser-stage{position:relative;height:390px;perspective:1000px;transform-style:preserve-3d}.browser-window{position:absolute;width:95%;height:100%;right:-7%;top:2%;border-radius:20px;background:#0b0c16;border:1px solid rgba(255,255,255,.13);box-shadow:0 35px 100px rgba(0,0,0,.5);overflow:hidden;transform:rotateY(-8deg) rotateX(3deg)}.browser-bar{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 13px;font-size:9px;color:#66657a}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#333544}.browser-bar span{margin-left:14px}.browser-page{padding:22px}.browser-hero{height:230px;border-radius:14px;background:radial-gradient(circle at 75% 30%,rgba(101,86,255,.28),transparent 34%),linear-gradient(135deg,#10111c,#080914);display:flex;align-items:center;padding:35px;overflow:hidden}.fake-copy{width:47%}.fake-copy span{display:block;height:13px;border-radius:99px;background:linear-gradient(90deg,#e8e2ff,#7d5aff);margin:10px 0}.fake-copy span:nth-child(2){width:80%;opacity:.65}.fake-copy span:nth-child(3){width:55%;height:9px;opacity:.3}.fake-orb{width:145px;height:145px;margin-left:auto;border-radius:38% 62% 60% 40%;background:linear-gradient(145deg,#7d55ff,#2e8dff);box-shadow:0 0 70px rgba(84,77,255,.45);transform:rotate(18deg)}.fake-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.fake-cards i{height:70px;border-radius:10px;background:#11131e;border:1px solid rgba(255,255,255,.05)}.screen-shadow{position:absolute;right:0;bottom:-20px;width:80%;height:30px;background:#6b4eff;filter:blur(45px);opacity:.16}
.about-panel{min-height:510px;border-radius:30px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;overflow:hidden}.about-logo{height:100%;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 50%,rgba(115,78,255,.16),transparent 48%)}.about-logo:before{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(130,96,255,.14);border-radius:50%;box-shadow:0 0 0 35px rgba(130,96,255,.025),0 0 0 75px rgba(130,96,255,.018)}.about-logo img{width:70%;position:relative;z-index:2;filter:drop-shadow(0 0 35px rgba(109,78,255,.12))}.about-copy{padding:55px}.about-copy>p{color:var(--muted);line-height:1.8;max-width:560px}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:28px;color:#b7b3c5;font-size:12px}.about-points span{padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025)}
.contact{position:relative;min-height:560px;display:grid;place-items:center;text-align:center;overflow:hidden}.contact-glow{position:absolute;width:630px;height:330px;left:50%;top:55%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(112,70,255,.34),rgba(49,129,255,.12) 35%,transparent 72%);filter:blur(20px)}.contact-inner{position:relative;z-index:2}.contact p{color:var(--muted);margin:22px auto 28px}.btn-xl{min-height:58px;padding:0 30px}.footer{height:110px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;color:#6f6c7e;font-size:11px}.footer img{width:150px}.footer span{margin:auto}.footer a{color:#aaa5bc}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.75,.2,1),transform .8s cubic-bezier(.2,.75,.2,1)}.reveal.is-visible{opacity:1;transform:none}.tilt-card{will-change:transform}
@media (max-width:980px){.desktop-nav,.nav-cta{display:none}.menu-btn{display:block;margin-left:auto}.hero{grid-template-columns:1fr;min-height:auto;padding-top:90px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-meta{justify-content:center}.hero-scene{height:610px;margin-top:15px}.service-grid{grid-template-columns:1fr 1fr}.project-showcase{grid-template-columns:1fr;padding:34px;gap:30px}.browser-stage{height:350px}.browser-window{right:0;width:100%;transform:none}.about-panel{grid-template-columns:1fr}.about-logo{min-height:300px}.about-logo img{width:50%}.section-head{align-items:flex-start;flex-direction:column}.logo-strip{justify-content:flex-start}.footer{flex-wrap:wrap;justify-content:center}.footer span{margin:0 20px}}
@media (max-width:640px){:root{--shell:min(100% - 24px,1180px)}.site-header{height:64px;top:8px;margin-top:8px}.brand{width:142px}.hero{padding-top:58px}.hero h1{font-size:54px}.hero-copy>p{font-size:15px}.hero-meta{gap:17px}.hero-meta span{font-size:9px}.hero-scene{height:500px}.profile-stack{width:76%}.float-chip{padding:9px 10px;gap:8px}.chip-icon{width:29px;height:29px}.float-chip b{font-size:10px}.float-chip small{font-size:8px}.chip-code{left:-2%;top:22%}.chip-speed{right:-2%;top:38%}.chip-mobile{left:1%;bottom:14%}.section{padding:85px 0}.section-head h2,.about h2,.contact h2{font-size:42px}.service-grid{grid-template-columns:1fr}.service-card{min-height:290px}.project-showcase{padding:24px}.project-copy h3{font-size:30px}.browser-stage{height:270px}.browser-hero{height:160px;padding:20px}.fake-orb{width:95px;height:95px}.about-copy{padding:30px 22px}.about-points{grid-template-columns:1fr}.contact{min-height:490px}.footer{height:auto;padding:30px 0}.footer img{width:130px}.footer span{width:100%;text-align:center;order:3}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* --- Extended Midyat Web sections --- */
.mobile-menu{position:fixed;inset:0;z-index:45;background:rgba(5,6,12,.94);backdrop-filter:blur(22px);display:none;place-items:center;opacity:0;transition:.25s}.mobile-menu.is-open{display:grid;opacity:1}.mobile-menu nav{display:flex;flex-direction:column;gap:24px;text-align:center;font-size:28px;font-weight:800}.mobile-menu a{color:#ece9f9}.menu-btn{position:relative;z-index:55;cursor:pointer}.menu-btn span{transition:.25s}.menu-btn.is-open span:first-child{transform:translateY(3px) rotate(45deg)}.menu-btn.is-open span:last-child{transform:translateY(-3px) rotate(-45deg)}
.service-grid-six{grid-template-columns:repeat(3,1fr)}.service-grid-six .service-card{min-height:300px}.service-grid-six .service-icon{margin-top:42px}
.process-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.process-intro{position:sticky;top:130px}.process-intro h2{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.05em;margin:0}.process-intro p{color:var(--muted);line-height:1.75;max-width:470px;margin:26px 0}.process-list{border-top:1px solid var(--line)}.process-step{display:grid;grid-template-columns:74px 1fr;gap:8px;padding:34px 0;border-bottom:1px solid var(--line);position:relative}.process-step:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:linear-gradient(90deg,#8c5cff,#43b7ff);transition:.35s}.process-step:hover:after{width:100%}.process-step>span{font-size:11px;color:#77758b;letter-spacing:.16em;padding-top:7px}.process-step h3{font-size:24px;margin:0 0 10px;letter-spacing:-.025em}.process-step p{margin:0;color:#9693a8;line-height:1.7;max-width:620px;font-size:14px}
.faq-list{max-width:900px;margin-left:auto}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:25px 2px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:18px;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#aaa7bb;transition:.25s}.faq-list details[open] summary span{transform:rotate(45deg);color:#fff;border-color:rgba(140,92,255,.45)}.faq-list details p{margin:-6px 60px 24px 2px;color:var(--muted);line-height:1.75;font-size:14px}
.contact{min-height:720px;text-align:left}.contact-layout{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center}.contact-copy>p{max-width:620px;margin:22px 0 30px}.contact-channels{display:grid;gap:10px;max-width:590px}.contact-card{display:flex;align-items:center;gap:15px;padding:15px 17px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035);transition:.25s}.contact-card:hover{transform:translateX(6px);border-color:rgba(140,92,255,.34);background:rgba(255,255,255,.055)}.contact-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;background:rgba(119,83,255,.14);border:1px solid rgba(140,92,255,.22);color:#c8bbff}.contact-icon svg{width:22px;height:22px}.contact-card>span:last-child{display:grid;grid-template-columns:1fr auto;column-gap:18px;align-items:end;flex:1}.contact-card small{grid-column:1/-1;color:#77758b;font-size:9px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:4px}.contact-card strong{font-size:15px}.contact-card em{font-style:normal;font-size:11px;color:#9693a8}.whatsapp-icon{color:#70f0a4;background:rgba(37,211,102,.09);border-color:rgba(37,211,102,.2)}
.quick-form{padding:26px;border-radius:24px}.form-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.13em;color:#88859a}.form-head b{color:#78ffb3;font-size:10px}.quick-form label{display:block;margin-top:18px;color:#aaa7ba;font-size:11px}.quick-form input,.quick-form select,.quick-form textarea{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:13px;background:rgba(5,6,12,.56);color:#fff;padding:13px 14px;font:inherit;outline:none;transition:.2s}.quick-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#858299 50%),linear-gradient(135deg,#858299 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 13px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.quick-form textarea{resize:vertical;min-height:110px}.quick-form input:focus,.quick-form select:focus,.quick-form textarea:focus{border-color:rgba(126,80,255,.64);box-shadow:0 0 0 3px rgba(126,80,255,.08)}.quick-form option{background:#0d0e19}.form-submit{width:100%;border:0;margin-top:18px;cursor:pointer}.form-note{font-size:9px!important;color:#6f6c7e!important;line-height:1.55!important;margin:12px 2px 0!important;text-align:center}
.footer-links{display:flex;gap:18px}.footer-links a{color:#aaa5bc}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:60;height:54px;padding:0 17px 0 14px;border-radius:18px;display:flex;align-items:center;gap:10px;background:#19b95b;color:#fff;font-weight:800;font-size:12px;box-shadow:0 18px 50px rgba(16,155,74,.34);border:1px solid rgba(255,255,255,.22);transition:.25s}.whatsapp-float:hover{transform:translateY(-4px);box-shadow:0 22px 60px rgba(16,155,74,.46)}.whatsapp-float svg{width:23px;height:23px}.wa-ping{position:absolute;inset:-5px;border:1px solid rgba(57,231,124,.38);border-radius:22px;animation:waPulse 2.4s ease-out infinite;pointer-events:none}@keyframes waPulse{0%{transform:scale(.94);opacity:.7}70%,100%{transform:scale(1.22);opacity:0}}.contact-toast{position:fixed;left:50%;bottom:30px;z-index:100;transform:translate(-50%,20px);padding:12px 16px;border-radius:12px;background:#151624;border:1px solid var(--line);box-shadow:0 15px 45px rgba(0,0,0,.38);color:#e8e5f2;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.contact-toast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:980px){.service-grid-six{grid-template-columns:1fr 1fr}.process-section{grid-template-columns:1fr;gap:45px}.process-intro{position:static}.contact-layout{grid-template-columns:1fr}.contact{padding-block:95px}.quick-form{max-width:680px}.footer-links{width:100%;justify-content:center}}
@media (max-width:640px){.service-grid-six{grid-template-columns:1fr}.process-step{grid-template-columns:48px 1fr;padding:26px 0}.process-step h3{font-size:20px}.faq-list summary{font-size:16px}.faq-list details p{margin-right:20px}.contact-layout{gap:34px}.contact-card>span:last-child{grid-template-columns:1fr}.contact-card em{display:none}.quick-form{padding:19px}.whatsapp-float{right:14px;bottom:14px;width:52px;padding:0;justify-content:center;border-radius:16px}.whatsapp-float>span:last-child{display:none}.contact-toast{bottom:78px;max-width:calc(100% - 28px);text-align:center}.mobile-menu nav{font-size:24px}.footer-links{gap:14px}}

/* Real reference projects */
.reference-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:stretch}.reference-card{position:relative;display:block;padding:18px;border-radius:26px;overflow:hidden;min-height:430px;transform-style:preserve-3d;transition:transform .16s ease-out,border-color .3s ease,box-shadow .3s ease}.reference-card:first-child{grid-row:span 2;min-height:650px}.reference-card:hover{border-color:rgba(140,103,255,.42);box-shadow:0 28px 90px rgba(0,0,0,.3)}.reference-browser{height:calc(100% - 105px);min-height:280px;border-radius:18px;overflow:hidden;background:#090a12;border:1px solid rgba(255,255,255,.1);box-shadow:0 26px 70px rgba(0,0,0,.34)}.reference-bar{height:40px;display:flex;align-items:center;gap:7px;padding:0 13px;border-bottom:1px solid var(--line);font-size:9px;color:#6f6c81}.reference-bar i{width:7px;height:7px;border-radius:50%;background:#303241}.reference-bar span{margin-left:10px}.reference-visual{height:calc(100% - 40px);min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.reference-visual:before,.reference-visual:after{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.48}.reference-visual:before{width:220px;height:220px;left:-50px;top:-60px}.reference-visual:after{width:180px;height:180px;right:-40px;bottom:-60px}.reference-visual span{position:relative;z-index:2;font-size:clamp(32px,4vw,70px);letter-spacing:.18em;font-weight:300;color:#f1eefc}.reference-visual b{position:relative;z-index:2;font-size:clamp(16px,1.8vw,28px);letter-spacing:.42em;margin-right:-.42em;color:#a9a3be}.reference-kilic{background:linear-gradient(145deg,#13131d,#080910)}.reference-kilic:before{background:#7b5cff}.reference-kilic:after{background:#a66b2f}.reference-sahra{background:linear-gradient(145deg,#151018,#09090f)}.reference-sahra:before{background:#9a4358}.reference-sahra:after{background:#7553d8}.reference-euro{background:linear-gradient(145deg,#0e141a,#07090d)}.reference-euro:before{background:#1f72c9}.reference-euro:after{background:#c46c2d}.reference-meta{height:105px;padding:18px 5px 0;display:grid;grid-template-columns:1fr auto;align-content:start;gap:8px 12px}.reference-meta>span{grid-column:1/-1;font-size:9px;letter-spacing:.17em;color:#706d80}.reference-meta strong{font-size:21px;letter-spacing:-.02em}.reference-meta em{font-style:normal;font-size:11px;color:#aaa6bb;align-self:center}.reference-card:first-child .reference-meta strong{font-size:28px}
@media (max-width:980px){.reference-grid{grid-template-columns:1fr 1fr}.reference-card:first-child{grid-column:1/-1;grid-row:auto;min-height:520px}.reference-card{min-height:390px}}
@media (max-width:640px){.reference-grid{grid-template-columns:1fr}.reference-card:first-child{grid-column:auto;min-height:430px}.reference-card{min-height:390px;padding:14px;border-radius:22px}.reference-browser{min-height:260px}.reference-meta strong,.reference-card:first-child .reference-meta strong{font-size:21px}}

/* 3D project carousel */
.project-carousel{position:relative;margin-top:34px;perspective:1500px;--carousel-h:560px}.carousel-stage{position:relative;height:var(--carousel-h);transform-style:preserve-3d;overflow:hidden;border-radius:32px}.carousel-stage:before{content:"";position:absolute;inset:13% 15% 2%;background:radial-gradient(ellipse at center,rgba(112,78,255,.16),transparent 68%);filter:blur(32px);pointer-events:none}.carousel-card{position:absolute;left:50%;top:50%;width:min(760px,69vw);height:500px;padding:18px;border:1px solid rgba(255,255,255,.105);border-radius:28px;background:linear-gradient(160deg,rgba(18,19,33,.96),rgba(8,9,17,.98));box-shadow:0 35px 90px rgba(0,0,0,.48);transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.72,.25,1),opacity .52s ease,filter .52s ease,border-color .35s ease;will-change:transform,opacity;overflow:hidden}.carousel-card:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 26%,transparent 72%,rgba(105,75,255,.07));pointer-events:none;opacity:.5}.carousel-card.is-active{z-index:4;opacity:1;filter:none;transform:translate3d(-50%,-50%,70px) rotateY(0deg) scale(1)}.carousel-card.is-prev{z-index:2;opacity:.52;filter:saturate(.6) brightness(.7);transform:translate3d(-94%,-50%,-170px) rotateY(28deg) scale(.82)}.carousel-card.is-next{z-index:2;opacity:.52;filter:saturate(.6) brightness(.7);transform:translate3d(-6%,-50%,-170px) rotateY(-28deg) scale(.82)}.carousel-card.is-hidden{z-index:1;opacity:0;pointer-events:none;transform:translate3d(-50%,-50%,-340px) scale(.68)}.carousel-card.is-active:hover{border-color:rgba(140,103,255,.45);box-shadow:0 42px 110px rgba(0,0,0,.56),0 0 60px rgba(106,76,255,.1)}.carousel-card .reference-browser{height:calc(100% - 98px)}.carousel-card .reference-meta{height:98px}.carousel-card .reference-meta strong{font-size:27px}.carousel-controls{width:min(760px,69vw);margin:-6px auto 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;position:relative;z-index:7}.carousel-counter{display:flex;align-items:center;gap:10px;color:#777487;font-size:10px;letter-spacing:.12em}.carousel-counter span:first-child{color:#d9d5e4}.carousel-counter i{width:46px;height:1px;background:var(--line)}.carousel-dots{display:flex;gap:7px}.carousel-dots button{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:#3e3c4a;cursor:pointer;transition:width .3s ease,background .3s ease}.carousel-dots button.is-active{width:25px;background:#8e6cff}.carousel-arrows{display:flex;justify-content:flex-end;gap:8px}.carousel-arrows button{width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#d8d5e2;font-size:17px;cursor:pointer;transition:transform .25s ease,border-color .25s ease,background .25s ease}.carousel-arrows button:hover{transform:translateY(-2px);border-color:rgba(142,108,255,.5);background:rgba(142,108,255,.08)}
.about-copy>p+ p{margin-top:13px}.about-copy>p strong{color:#e6e3ee;font-weight:600}
@media (max-width:980px){.project-carousel{--carousel-h:500px}.carousel-card{width:min(690px,78vw);height:440px}.carousel-card.is-prev{transform:translate3d(-91%,-50%,-150px) rotateY(24deg) scale(.79)}.carousel-card.is-next{transform:translate3d(-9%,-50%,-150px) rotateY(-24deg) scale(.79)}.carousel-controls{width:min(690px,78vw)}}
@media (max-width:640px){.project-carousel{--carousel-h:420px;margin-top:20px}.carousel-stage{border-radius:24px}.carousel-card{width:88vw;height:365px;padding:13px;border-radius:22px}.carousel-card.is-active{transform:translate3d(-50%,-50%,40px) scale(1)}.carousel-card.is-prev{opacity:.24;transform:translate3d(-106%,-50%,-120px) rotateY(19deg) scale(.76)}.carousel-card.is-next{opacity:.24;transform:translate3d(6%,-50%,-120px) rotateY(-19deg) scale(.76)}.carousel-card .reference-browser{height:calc(100% - 86px);min-height:0}.carousel-card .reference-visual{min-height:0}.carousel-card .reference-meta{height:86px;padding-top:13px}.carousel-card .reference-meta strong{font-size:20px}.carousel-controls{width:88vw;grid-template-columns:1fr auto}.carousel-dots{display:none}.carousel-arrows button{width:40px;height:40px}.about-copy>p{font-size:13px;line-height:1.72}}

/* === Header / navigation revamp === */
body{font-family:"Manrope",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.site-header{
  height:82px;
  top:14px;
  padding:0 12px 0 22px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(16,17,31,.93),rgba(9,10,19,.86));
  border-color:rgba(255,255,255,.13);
  box-shadow:0 18px 70px rgba(0,0,0,.44),0 1px 0 rgba(255,255,255,.08) inset,0 0 0 1px rgba(122,91,255,.03);
  backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
}
.site-header:after{content:"";position:absolute;left:24px;right:24px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(141,104,255,.78),rgba(80,189,255,.6),transparent);opacity:.68;pointer-events:none}
.brand{width:178px;position:relative;padding-right:22px;margin-right:12px}
.brand:after{content:"";position:absolute;right:0;top:50%;width:1px;height:30px;background:linear-gradient(transparent,rgba(255,255,255,.16),transparent);transform:translateY(-50%)}
.brand img{filter:drop-shadow(0 0 16px rgba(150,114,255,.1))}
.desktop-nav{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:4px;
  padding:5px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);
  border-radius:16px;
  font-family:"Space Grotesk","Manrope",sans-serif;
  color:#bdb9ca;
}
.desktop-nav a{
  position:relative;
  min-height:44px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 13px;
  border-radius:12px;
  font-size:14px;
  font-weight:600;
  letter-spacing:-.01em;
  transition:color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease;
  overflow:hidden;
}
.desktop-nav a:before{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:99px;background:linear-gradient(90deg,#9d79ff,#55c5ff);transform:scaleX(0);transform-origin:center;transition:transform .25s ease;box-shadow:0 0 14px rgba(132,100,255,.55)}
.desktop-nav a:hover{color:#fff;background:rgba(255,255,255,.055);transform:translateY(-1px)}
.desktop-nav a:hover:before,.desktop-nav a.is-active:before{transform:scaleX(1)}
.desktop-nav a.is-active{color:#fff;background:linear-gradient(180deg,rgba(141,104,255,.12),rgba(255,255,255,.035));box-shadow:inset 0 0 0 1px rgba(155,125,255,.12)}

.desktop-nav a:hover .nav-index,.desktop-nav a.is-active 
.nav-cta{
  margin-left:12px;
  min-height:54px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:0 17px;
  border-radius:15px;
  border:1px solid rgba(166,138,255,.32);
  background:linear-gradient(135deg,rgba(122,83,255,.92),rgba(86,110,255,.78));
  box-shadow:0 10px 30px rgba(93,67,217,.26),inset 0 1px 0 rgba(255,255,255,.2);
  color:#fff;
  font-family:"Space Grotesk","Manrope",sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:-.01em;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 15px 38px rgba(93,67,217,.4),0 0 30px rgba(90,171,255,.08);border-color:rgba(208,194,255,.55)}
.nav-cta b{font-size:17px;font-weight:500;transition:transform .25s ease}.nav-cta:hover b{transform:translate(2px,-2px)}
.cta-dot{width:7px;height:7px;border-radius:50%;background:#8bffbd;box-shadow:0 0 0 4px rgba(139,255,189,.08),0 0 15px rgba(139,255,189,.55)}
.desktop-nav a:focus-visible,.nav-cta:focus-visible,.brand:focus-visible{outline:2px solid #a98cff;outline-offset:3px}

@media (max-width:1100px) and (min-width:981px){
  .site-header{padding-left:17px}.brand{width:154px;padding-right:15px;margin-right:7px}.desktop-nav a{padding:0 9px;font-size:12px}.nav-cta{padding:0 13px;font-size:12px}
}
@media (max-width:980px){
  .site-header{height:72px;padding:0 14px 0 18px}.brand{width:162px;padding-right:0;margin-right:0}.brand:after{display:none}.menu-btn{width:46px;height:46px;border-radius:13px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);display:grid;place-content:center;margin-left:auto}.menu-btn span{width:20px}
  .mobile-menu{background:radial-gradient(circle at 50% 12%,rgba(111,74,255,.14),transparent 33%),rgba(5,6,12,.96)}
  .mobile-menu nav{gap:8px;width:min(88vw,420px);font-family:"Space Grotesk","Manrope",sans-serif;font-size:28px;text-align:left}
  .mobile-menu a{padding:15px 18px;border-radius:14px;border:1px solid transparent;transition:.25s}.mobile-menu a:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);transform:translateX(5px)}
}
@media (max-width:640px){.site-header{height:66px;top:8px;margin-top:8px;border-radius:18px}.brand{width:145px}.menu-btn{width:42px;height:42px;border-radius:12px}}

/* === Premium 3D navigation interaction === */
@media (min-width:981px){
  .site-header{
    --hdr-rx:0deg; --hdr-ry:0deg; --hdr-lx:50%; --hdr-ly:50%;
    transform-style:preserve-3d;
    transform:perspective(1200px) rotateX(var(--hdr-rx)) rotateY(var(--hdr-ry));
    transition:transform .16s ease-out,box-shadow .28s ease,border-color .28s ease;
    overflow:visible;
    isolation:isolate;
  }
  .site-header::before{
    content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;z-index:-1;
    background:radial-gradient(240px circle at var(--hdr-lx) var(--hdr-ly),rgba(171,143,255,.18),transparent 68%);
    opacity:.25;transition:opacity .25s ease;filter:blur(.2px)
  }
  .site-header.is-pointer-active{box-shadow:0 24px 84px rgba(0,0,0,.52),0 0 58px rgba(104,77,255,.10),inset 0 1px 0 rgba(255,255,255,.11);border-color:rgba(189,171,255,.22)}
  .site-header.is-pointer-active::before{opacity:1}
  .brand{transform:translateZ(24px);transition:transform .25s ease,filter .25s ease}
  .site-header.is-pointer-active .brand{transform:translateZ(34px)}
  .desktop-nav{perspective:900px;transform-style:preserve-3d;transform:translateZ(18px);background:rgba(10,11,22,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 30px rgba(0,0,0,.18)}
  .desktop-nav a{
    --nav-rx:0deg;--nav-ry:0deg;--nav-tx:0px;--nav-ty:0px;--nav-mx:50%;--nav-my:50%;
    transform-style:preserve-3d;
    transform:translate3d(var(--nav-tx),var(--nav-ty),0) rotateX(var(--nav-rx)) rotateY(var(--nav-ry));
    transition:transform .14s ease-out,color .22s ease,background .22s ease,box-shadow .22s ease,border-color .22s ease;
    border:1px solid transparent;
    isolation:isolate;
  }
  .desktop-nav a::after{
    content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
    background:radial-gradient(90px circle at var(--nav-mx) var(--nav-my),rgba(218,207,255,.22),rgba(135,100,255,.07) 38%,transparent 70%);
    opacity:0;transition:opacity .2s ease;
  }
  .desktop-nav a:hover{
    color:#fff;background:linear-gradient(165deg,rgba(255,255,255,.09),rgba(118,87,255,.08));
    border-color:rgba(183,158,255,.19);
    box-shadow:0 13px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.13),0 0 22px rgba(119,88,255,.08);
  }
  .desktop-nav a:hover::after{opacity:1}
  .desktop-nav a>span:last-child{transform:translateZ(18px);text-shadow:0 2px 10px rgba(0,0,0,.28)}
  .desktop-nav 
  .desktop-nav a:before{transform:translateZ(8px) scaleX(0)}
  .desktop-nav a:hover:before,.desktop-nav a.is-active:before{transform:translateZ(8px) scaleX(1)}
  .nav-cta{
    --cta-rx:0deg;--cta-ry:0deg;--cta-tx:0px;--cta-ty:0px;--cta-mx:50%;--cta-my:50%;
    position:relative;overflow:hidden;transform-style:preserve-3d;
    transform:translate3d(var(--cta-tx),var(--cta-ty),28px) rotateX(var(--cta-rx)) rotateY(var(--cta-ry));
    transition:transform .14s ease-out,box-shadow .22s ease,border-color .22s ease;
  }
  .nav-cta::before{content:"";position:absolute;inset:-35%;pointer-events:none;background:radial-gradient(circle at var(--cta-mx) var(--cta-my),rgba(255,255,255,.34),rgba(146,120,255,.13) 26%,transparent 58%);opacity:0;transition:opacity .2s ease}
  .nav-cta:hover::before{opacity:1}
  .nav-cta:hover{box-shadow:0 20px 44px rgba(82,58,205,.43),0 0 40px rgba(102,176,255,.10),inset 0 1px 0 rgba(255,255,255,.28)}
  .nav-cta>span,.nav-cta>b{position:relative;z-index:1;transform:translateZ(18px)}
  .nav-cta b{transform:translateZ(22px)}
}

/* Header nav revision: clean labels, no numeric prefixes */
.desktop-nav a{justify-content:center;min-width:104px;padding-inline:18px}
.desktop-nav a>span:last-child{transform:translateZ(18px)}
@media (max-width:1180px){.desktop-nav a{min-width:auto;padding-inline:13px}}

/* ===== Midyat Web premium cursor + scrollbar ===== */
html{
  scrollbar-width:thin;
  scrollbar-color:#7b5cff #090a13;
}
body::-webkit-scrollbar{width:11px}
body::-webkit-scrollbar-track{background:#090a13}
body::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#a06bff 0%,#7252ff 48%,#43b7ff 100%);
  border:3px solid #090a13;
  border-radius:999px;
  box-shadow:0 0 18px rgba(126,80,255,.42);
}
body::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#b78cff 0%,#875fff 50%,#65c9ff 100%);
}

@media (pointer:fine){
  html,body,a,button,input,textarea,select,label,[role="button"]{cursor:none!important}
  .mw-cursor-dot,.mw-cursor-ring{
    position:fixed;
    left:0;top:0;
    pointer-events:none;
    z-index:99999;
    transform:translate3d(-50%,-50%,0);
    will-change:transform,width,height,opacity,border-color,background;
  }
  .mw-cursor-dot{
    width:7px;height:7px;border-radius:50%;
    background:#fff;
    box-shadow:0 0 16px rgba(160,107,255,.95),0 0 32px rgba(67,183,255,.45);
    transition:width .18s ease,height .18s ease,background .18s ease,opacity .18s ease;
  }
  .mw-cursor-ring{
    width:34px;height:34px;border-radius:50%;
    border:1px solid rgba(175,143,255,.72);
    background:radial-gradient(circle,rgba(140,92,255,.08),transparent 68%);
    box-shadow:0 0 28px rgba(108,71,255,.18),inset 0 0 18px rgba(67,183,255,.07);
    backdrop-filter:blur(1.5px);
    transition:width .22s cubic-bezier(.2,.8,.2,1),height .22s cubic-bezier(.2,.8,.2,1),border-color .2s ease,background .2s ease,opacity .2s ease;
  }
  body.cursor-hover .mw-cursor-ring{
    width:54px;height:54px;
    border-color:rgba(92,199,255,.92);
    background:radial-gradient(circle,rgba(126,80,255,.18),rgba(67,183,255,.05) 55%,transparent 72%);
    box-shadow:0 0 34px rgba(126,80,255,.32),inset 0 0 18px rgba(92,199,255,.12);
  }
  body.cursor-hover .mw-cursor-dot{
    width:5px;height:5px;background:#86d8ff;
  }
  body.cursor-press .mw-cursor-ring{width:28px;height:28px;opacity:.9}
  body.cursor-press .mw-cursor-dot{width:10px;height:10px}
  body.cursor-hidden .mw-cursor-dot,body.cursor-hidden .mw-cursor-ring{opacity:0}
}

/* Premium animated about profile stage */
.about-panel-premium{grid-template-columns:1fr 1.08fr;min-height:650px;position:relative;isolation:isolate}
.about-visual{position:relative;min-height:650px;display:grid;place-items:center;perspective:1200px;overflow:hidden;background:radial-gradient(circle at 46% 43%,rgba(102,76,255,.12),transparent 42%),radial-gradient(circle at 70% 70%,rgba(0,188,255,.08),transparent 35%)}
.about-visual:before{content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.05);border-radius:42px;transform:rotate(-3deg)}
.about-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(115,83,255,.22),rgba(11,13,26,0) 66%);filter:blur(14px);animation:aboutPulse 5s ease-in-out infinite}
.about-photo-stack{position:relative;width:min(390px,72%);aspect-ratio:.78;transform-style:preserve-3d;transition:transform .16s ease-out;will-change:transform;z-index:3}
.about-photo-layer{position:absolute;inset:0;border-radius:34px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(160deg,rgba(90,62,186,.20),rgba(12,15,30,.65));box-shadow:0 30px 80px rgba(0,0,0,.32)}
.about-photo-layer.layer-a{transform:translate3d(-30px,18px,-60px) rotate(-4deg);opacity:.55}
.about-photo-layer.layer-b{transform:translate3d(28px,12px,-30px) rotate(4deg);opacity:.8;border-color:rgba(53,195,255,.18)}
.about-photo-card{position:absolute;inset:0;padding:12px;border-radius:32px;background:linear-gradient(160deg,rgba(24,25,43,.98),rgba(7,9,18,.96));border:1px solid rgba(255,255,255,.16);box-shadow:0 35px 85px rgba(0,0,0,.46),0 0 65px rgba(103,72,255,.16);overflow:hidden;transform:translateZ(24px)}
.about-photo-card:before{content:"";position:absolute;inset:-45%;background:conic-gradient(from 190deg,transparent,rgba(53,195,255,.12),transparent 28%,rgba(137,78,255,.12),transparent 55%);animation:spin 12s linear infinite}
.about-photo-card img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;object-position:center 18%;border-radius:23px;filter:saturate(.92) contrast(1.03) brightness(.92)}
.about-photo-card:after{content:"";position:absolute;z-index:3;inset:12px;border-radius:23px;background:linear-gradient(to top,rgba(6,8,17,.84),transparent 34%),linear-gradient(120deg,rgba(124,81,255,.11),transparent 48%);pointer-events:none}
.about-photo-shine{position:absolute;z-index:4;top:-25%;left:-65%;width:120px;height:150%;transform:rotate(17deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);animation:aboutShine 5.8s ease-in-out infinite;pointer-events:none}
.about-photo-tag{position:absolute;z-index:5;left:30px;bottom:28px;display:flex;flex-direction:column;gap:5px;text-shadow:0 2px 16px rgba(0,0,0,.65)}
.about-photo-tag span{font-size:8px;letter-spacing:.20em;color:#9d98ad}
.about-photo-tag strong{font-size:19px;color:#fff}
.about-logo-dock{position:absolute;left:50%;bottom:-76px;width:76%;min-height:92px;transform:translateX(-50%) translateZ(66px);border-radius:19px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(160deg,rgba(24,25,44,.97),rgba(10,11,22,.94));box-shadow:0 22px 55px rgba(0,0,0,.46),0 0 45px rgba(83,66,255,.16);display:grid;place-items:center;padding:14px 20px;overflow:hidden}
.about-logo-dock:before{content:"";position:absolute;inset:-70% -20%;background:linear-gradient(90deg,transparent,rgba(64,202,255,.10),rgba(148,78,255,.10),transparent);animation:aboutLogoSweep 6s ease-in-out infinite}
.about-logo-dock img{position:relative;z-index:2;width:min(250px,90%);max-height:54px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(97,80,255,.18))}
.about-logo-dock span{position:relative;z-index:2;margin-top:2px;font-size:7px;letter-spacing:.25em;color:#706d82}
.about-orbit{position:absolute;border-radius:50%;border:1px solid rgba(118,94,255,.10);transform:rotateX(65deg);animation:aboutOrbit 11s linear infinite}
.orbit-one{width:480px;height:480px}.orbit-two{width:340px;height:340px;animation-duration:8s;animation-direction:reverse;border-color:rgba(53,195,255,.10)}
.about-cube{position:absolute;width:28px;height:28px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(145deg,rgba(114,76,255,.38),rgba(38,190,255,.18));box-shadow:0 0 25px rgba(95,80,255,.25);transform:rotate(35deg);animation:aboutFloat 5s ease-in-out infinite}
.cube-one{left:12%;top:24%}.cube-two{right:12%;bottom:17%;width:20px;height:20px;animation-delay:-2.2s}
@keyframes aboutPulse{50%{transform:scale(1.11);opacity:.72}}
@keyframes aboutShine{55%,100%{left:130%}}
@keyframes aboutLogoSweep{50%,100%{transform:translateX(38%)}}
@keyframes aboutOrbit{to{transform:rotateX(65deg) rotateZ(360deg)}}
@keyframes aboutFloat{50%{transform:translateY(-16px) rotate(130deg)}}

@media (max-width:980px){.about-panel-premium{grid-template-columns:1fr}.about-visual{min-height:670px}.about-copy{padding-top:72px}.about-photo-stack{width:min(360px,68%)}}
@media (max-width:640px){.about-visual{min-height:560px}.about-photo-stack{width:72%;max-width:300px}.about-logo-dock{bottom:-64px;width:86%;min-height:78px}.about-logo-dock img{max-height:44px}.about-copy{padding-top:74px}.about-cube{display:none}}
@media (prefers-reduced-motion:reduce){.about-glow,.about-photo-shine,.about-logo-dock:before,.about-orbit,.about-cube{animation:none!important}.about-photo-stack{transition:none}}

/* ===== Mobile-first polish + touch ergonomics ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:96px}
body{min-width:320px;min-height:100dvh;overscroll-behavior-y:none}
button,input,select,textarea{font:inherit;color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
img{height:auto}

@media (hover:none),(pointer:coarse){
  .service-card:hover,.btn:hover,.nav-cta:hover{transform:none}
  .service-card{transition:border-color .3s,box-shadow .3s}
  .float-chip{animation-duration:8s}
}

@media (max-width:980px){
  :root{--shell:min(100% - 32px,760px)}
  .site-header{width:calc(100% - 24px);max-width:none;left:auto;right:auto;top:max(8px,env(safe-area-inset-top));margin-top:8px;padding-inline:14px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
  .mobile-menu{padding-top:calc(88px + env(safe-area-inset-top));padding-right:env(safe-area-inset-right);padding-bottom:calc(24px + env(safe-area-inset-bottom));padding-left:env(safe-area-inset-left);overflow-y:auto;overscroll-behavior:contain}
  .mobile-menu nav{width:min(100% - 32px,520px);margin-inline:auto}
  .mobile-menu a{min-height:56px;display:flex;align-items:center}
  .hero{padding-top:72px;padding-bottom:72px;gap:20px}
  .hero-copy{text-align:left}
  .hero-copy>p{margin-left:0;margin-right:0;max-width:640px}
  .hero-actions,.hero-meta{justify-content:flex-start}
  .hero-scene{width:min(100%,620px);margin-inline:auto}
  .section{padding:96px 0}
  .section-head{margin-bottom:36px}
  .service-card{min-height:300px}
  .project-carousel{max-width:100vw}
  .carousel-stage{overflow:hidden}
  .about-panel-premium{border-radius:28px;overflow:hidden}
  .contact-layout{min-width:0}
  .contact-copy,.quick-form{min-width:0}
  .quick-form input,.quick-form select,.quick-form textarea{width:100%;max-width:100%;font-size:16px}
}

@media (max-width:640px){
  :root{--shell:calc(100% - 24px)}
  html{scroll-padding-top:82px}
  body{background:radial-gradient(circle at 50% -8%,#171126 0,#090a15 34%,#05060c 100%)}
  .site-header{width:calc(100% - 16px);padding-inline:12px;height:62px;border-radius:16px}
  .brand{width:min(136px,42vw)}
  .menu-btn{width:44px;height:44px;min-width:44px;min-height:44px}
  .mobile-menu nav{width:calc(100% - 24px);font-size:clamp(24px,8vw,34px)}
  .mobile-menu a{padding:13px 14px}

  .hero{padding-top:54px;padding-bottom:56px;gap:8px}
  .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:18px}
  .hero h1{font-size:clamp(44px,15vw,62px);line-height:.94;letter-spacing:-.055em;overflow-wrap:anywhere}
  .hero-copy>p{font-size:15px;line-height:1.65;margin:22px 0 24px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .hero-actions .btn{width:100%;min-height:52px}
  .hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:30px}
  .hero-meta div{min-width:0;padding:12px 8px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.025)}
  .hero-meta strong{font-size:16px}.hero-meta span{font-size:8px;line-height:1.35;overflow-wrap:anywhere}
  .hero-scene{height:480px;margin-top:8px;overflow:hidden}
  .scene-ring{left:50%}.ring-1{width:430px;height:430px}.ring-2{width:330px;height:330px}.ring-3{width:230px;height:230px}
  .profile-stack{width:min(300px,76vw);left:50%;top:49%}
  .float-chip{max-width:145px}.chip-code{left:0;top:20%}.chip-speed{right:0;top:36%}.chip-mobile{left:2%;bottom:11%}

  .logo-strip{padding-inline:0;gap:28px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
  .section{padding:76px 0}
  .section-head{gap:18px;margin-bottom:28px}
  .section-head h2,.about h2,.contact h2{font-size:clamp(36px,11vw,48px);line-height:1.03}
  .section-head>p{font-size:14px;line-height:1.65}
  .service-grid,.service-grid-six{gap:12px}
  .service-card{min-height:280px;padding:22px}
  .service-icon{margin-top:40px}

  .project-carousel{--carousel-h:392px;margin-top:10px}
  .carousel-stage{border-radius:20px}
  .carousel-card{width:calc(100vw - 44px);height:342px;padding:10px;border-radius:19px}
  .carousel-card.is-prev{transform:translate3d(-111%,-50%,-100px) rotateY(14deg) scale(.77)}
  .carousel-card.is-next{transform:translate3d(11%,-50%,-100px) rotateY(-14deg) scale(.77)}
  .carousel-controls{width:calc(100vw - 44px);padding-inline:2px}
  .carousel-card .reference-meta{height:78px}.carousel-card .reference-meta strong{font-size:18px}

  .process-section{gap:30px}.process-step{grid-template-columns:42px minmax(0,1fr);gap:12px}.process-step p{font-size:13px;line-height:1.65}
  .about-visual{min-height:500px}
  .about-photo-stack{width:min(286px,78%)}
  .about-photo-tag{left:22px;bottom:22px}.about-photo-tag strong{font-size:17px}
  .about-logo-dock{bottom:-58px;width:88%;min-height:74px;padding:10px 14px}
  .about-copy{padding:70px 20px 28px}
  .about-copy>p{font-size:14px!important;line-height:1.72}
  .about-points{gap:8px}.about-points span{min-height:44px;display:flex;align-items:center}

  .faq-list summary{gap:12px;line-height:1.35;padding-block:19px}
  .contact{padding-block:76px}
  .contact-copy h2{overflow-wrap:anywhere}
  .contact-channels{gap:10px}
  .contact-card{padding:14px;min-height:82px}
  .quick-form{padding:18px;border-radius:20px}
  .quick-form label{font-size:12px}
  .quick-form input,.quick-form select,.quick-form textarea{min-height:48px;border-radius:12px;padding:12px 13px}
  .quick-form textarea{min-height:120px;resize:vertical}
  .form-submit{width:100%}
  .footer{gap:18px;padding:28px 0 calc(28px + env(safe-area-inset-bottom))}
  .footer-links{flex-wrap:wrap;justify-content:center}
  .whatsapp-float{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));min-width:52px;min-height:52px}
}

@media (max-width:380px){
  :root{--shell:calc(100% - 20px)}
  .brand{width:126px}.hero h1{font-size:42px}.hero-meta{grid-template-columns:1fr}.hero-meta div{padding:10px 12px}.hero-meta span{font-size:9px}
  .hero-scene{height:440px}.profile-stack{width:270px}.float-chip{transform:scale(.92)!important}.chip-code{left:-7px}.chip-speed{right:-7px}
  .section-head h2,.about h2,.contact h2{font-size:35px}.carousel-card{width:calc(100vw - 30px)}.carousel-controls{width:calc(100vw - 30px)}
}

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){
  .mobile-menu{padding-top:72px}.mobile-menu nav{font-size:22px;gap:2px}.mobile-menu a{min-height:44px;padding-block:8px}
}


/* === 2026 MOBILE RESPONSIVE HARDENING === */
html,body{width:100%;max-width:100%;overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
body{min-width:0;overscroll-behavior-y:auto;touch-action:pan-y;}
main,.section,.hero,.shell{min-width:0;max-width:100%}
img,svg,video,canvas{max-width:100%}
input,select,textarea,button{max-width:100%}

@media (max-width:980px){
  :root{--shell:calc(100% - 32px)}
  html{scroll-padding-top:96px}
  body{min-height:100svh}

  /* Fixed mobile header: stable on iOS/Android and centered with safe areas */
  .site-header{
    position:fixed!important;
    top:max(10px,env(safe-area-inset-top))!important;
    left:max(12px,env(safe-area-inset-left))!important;
    right:max(12px,env(safe-area-inset-right))!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    height:64px!important;
    padding:0 12px 0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    transform:none!important;
    border-radius:17px!important;
    overflow:hidden!important;
    isolation:isolate;
    will-change:auto!important;
    backdrop-filter:blur(18px) saturate(125%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
  }
  .site-header:after{left:14px;right:14px}
  .brand{width:min(148px,43vw)!important;max-width:148px!important;flex:0 1 auto!important;padding:0!important;margin:0!important;transform:none!important}
  .brand:after{display:none!important}
  .brand img{width:100%;height:auto}
  .desktop-nav,.nav-cta{display:none!important}
  .menu-btn{
    display:grid!important;place-content:center!important;
    flex:0 0 44px!important;width:44px!important;height:44px!important;
    min-width:44px!important;min-height:44px!important;
    margin:0!important;padding:0!important;
    border-radius:13px!important;
    transform:none!important;
  }
  .menu-btn span{width:20px!important;margin:4px auto!important;transform-origin:center}

  /* Full-screen mobile navigation, no horizontal drift */
  .mobile-menu{
    position:fixed!important;inset:0!important;width:100%!important;max-width:100%!important;height:100dvh!important;
    padding:calc(90px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important;
    display:flex!important;align-items:flex-start!important;justify-content:center!important;
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:none!important;
  }
  .mobile-menu.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .mobile-menu nav{
    width:min(100%,520px)!important;max-width:100%!important;margin:0 auto!important;
    gap:8px!important;text-align:left!important;font-size:clamp(25px,7vw,34px)!important;
  }
  .mobile-menu a{width:100%!important;min-height:56px!important;padding:13px 14px!important;display:flex!important;align-items:center!important;transform:none!important}
  body.menu-open{overflow:hidden!important;touch-action:none}

  /* Content starts below the fixed header */
  .hero{padding-top:112px!important;padding-bottom:68px!important;grid-template-columns:minmax(0,1fr)!important;width:var(--shell)!important;gap:18px!important}
  .hero-copy{min-width:0}
  .hero h1{max-width:100%;overflow-wrap:normal;word-break:normal}
  .hero-copy>p{max-width:100%}
  .hero-actions{width:100%}
  .hero-scene{max-width:620px!important;width:100%!important;overflow:hidden!important;contain:layout paint}

  /* Prevent transformed/3D children from widening page */
  .profile-stack,.float-chip,.service-card,.carousel-card,.about-photo-stack{max-width:100%}
  .logo-strip{width:var(--shell)!important;margin-inline:auto!important}
  .section{width:var(--shell)!important;margin-inline:auto!important;padding-inline:0!important}
  .section-head{min-width:0}
  .section-head>*{min-width:0;max-width:100%}
  .service-grid,.service-grid-six,.process-section,.contact-layout{min-width:0;max-width:100%}
  .project-carousel{width:100%!important;max-width:100%!important;overflow:hidden!important;touch-action:pan-y!important}
  .carousel-stage{width:100%!important;max-width:100%!important;touch-action:pan-y!important;overscroll-behavior-x:contain}
  .carousel-card{touch-action:pan-y!important}
  .about-panel-premium{width:100%;max-width:100%;overflow:hidden!important}
  .about-visual,.about-copy{min-width:0;max-width:100%}
  .quick-form,.contact-card{max-width:100%}
  .footer{width:var(--shell)!important;margin-inline:auto!important}
}

@media (max-width:640px){
  :root{--shell:calc(100% - 24px)}
  html{scroll-padding-top:84px}
  .site-header{left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))!important;top:max(8px,env(safe-area-inset-top))!important;height:60px!important;padding-inline:11px!important;border-radius:15px!important}
  .brand{width:min(132px,44vw)!important;max-width:132px!important}
  .menu-btn{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  .mobile-menu{padding-top:calc(82px + env(safe-area-inset-top))!important;padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))!important}
  .mobile-menu nav{font-size:clamp(24px,8vw,32px)!important}

  .hero{padding-top:96px!important;padding-bottom:54px!important}
  .eyebrow{max-width:100%;white-space:normal;line-height:1.45}
  .hero h1{font-size:clamp(42px,13.7vw,58px)!important;line-height:.96!important;letter-spacing:-.05em!important}
  .hero-copy>p{font-size:15px!important;line-height:1.65!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .hero-actions .btn{width:100%!important}
  .hero-meta{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .hero-meta div:last-child{grid-column:1/-1}

  .hero-scene{height:450px!important;margin-top:4px!important}
  .profile-stack{width:min(276px,76vw)!important;left:50%!important;top:48%!important}
  .ring-1{width:390px!important;height:390px!important}.ring-2{width:300px!important;height:300px!important}.ring-3{width:210px!important;height:210px!important}
  .float-chip{max-width:132px!important;padding:8px 9px!important;gap:7px!important;border-radius:13px!important}
  .float-chip .chip-icon{width:28px!important;height:28px!important;font-size:13px!important}
  .float-chip b{font-size:9px!important}.float-chip small{font-size:7px!important}
  .chip-code{left:2px!important;top:19%!important}.chip-speed{right:2px!important;top:38%!important}.chip-mobile{left:4px!important;bottom:10%!important}

  .logo-strip{gap:24px!important;padding-inline:0!important}
  .section{padding-top:72px!important;padding-bottom:72px!important}
  .section-head{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}
  .section-head h2,.about h2,.contact h2{font-size:clamp(34px,10.8vw,46px)!important;overflow-wrap:normal!important;word-break:normal!important}
  .service-grid,.service-grid-six{grid-template-columns:1fr!important}
  .service-card{min-height:260px!important}

  .project-carousel{--carousel-h:374px!important}
  .carousel-card{width:calc(100% - 8px)!important;height:326px!important;left:50%!important}
  .carousel-card.is-active{transform:translate3d(-50%,-50%,20px) scale(1)!important}
  .carousel-card.is-prev{opacity:0!important;pointer-events:none!important;transform:translate3d(-115%,-50%,-90px) scale(.72)!important}
  .carousel-card.is-next{opacity:0!important;pointer-events:none!important;transform:translate3d(15%,-50%,-90px) scale(.72)!important}
  .carousel-controls{width:100%!important;grid-template-columns:1fr auto!important}
  .carousel-counter{min-width:0}

  .process-section{grid-template-columns:1fr!important}
  .process-step{grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important}
  .about-visual{min-height:470px!important}
  .about-photo-stack{width:min(270px,76vw)!important}
  .about-logo-dock{bottom:-54px!important;width:86%!important}
  .about-copy{padding:66px 18px 26px!important}
  .about-points{grid-template-columns:1fr!important}

  .contact-layout{grid-template-columns:1fr!important;gap:28px!important}
  .contact-channels{grid-template-columns:1fr!important}
  .contact-card{width:100%!important;min-width:0!important}
  .quick-form{width:100%!important;min-width:0!important;padding:17px!important}
  .quick-form input,.quick-form select,.quick-form textarea{font-size:16px!important}
  .footer{flex-direction:column!important;align-items:center!important;text-align:center!important;height:auto!important;padding-block:28px calc(84px + env(safe-area-inset-bottom))!important}
  .footer-links{justify-content:center!important;width:100%!important}
  .whatsapp-float{right:max(10px,env(safe-area-inset-right))!important;bottom:max(10px,env(safe-area-inset-bottom))!important}
}

@media (max-width:380px){
  :root{--shell:calc(100% - 18px)}
  .site-header{left:max(6px,env(safe-area-inset-left))!important;right:max(6px,env(safe-area-inset-right))!important}
  .brand{width:120px!important}
  .hero h1{font-size:40px!important}
  .hero-meta{grid-template-columns:1fr!important}.hero-meta div:last-child{grid-column:auto}
  .hero-scene{height:420px!important}.profile-stack{width:252px!important}
  .float-chip{max-width:118px!important}.chip-speed{right:-2px!important}.chip-code{left:-2px!important}
  .carousel-card{height:308px!important}
  .about-photo-stack{width:248px!important}
}

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){
  .site-header{height:54px!important;top:6px!important}
  .mobile-menu{padding-top:66px!important}
  .mobile-menu nav{font-size:20px!important;gap:2px!important}
  .mobile-menu a{min-height:42px!important;padding-block:7px!important}
}