*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080a25;color:#fff;font-family:"Cairo",sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.noise{position:fixed;inset:0;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:50}.nav{position:fixed;top:0;right:0;left:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;z-index:40;background:linear-gradient(180deg,rgba(8,10,37,.9),rgba(8,10,37,.2));backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;gap:10px;align-items:center;font:700 28px "Cairo",sans-serif;letter-spacing:4px}.brand-mark{width:40px;height:40px;border:1px solid #9b79df;border-radius:50%;display:grid;place-items:center;color:#c7a9ff;font:700 28px "Cairo",sans-serif}.nav nav{display:flex;align-items:center;gap:30px;font-size:14px}.nav nav a{opacity:.8;transition:.25s}.nav nav a:hover{opacity:1;color:#c8aaff}.nav-cta{padding:11px 18px;border:1px solid rgba(190,160,255,.45);border-radius:30px}.menu-btn{display:none;background:none;border:0}.hero{min-height:100vh;padding:145px 7% 70px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;position:relative;isolation:isolate;background:radial-gradient(circle at 80% 35%,rgba(121,76,194,.24),transparent 35%),linear-gradient(135deg,#080a25,#171143 65%,#0b0928)}.hero-glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.35;z-index:-1}.glow-a{width:320px;height:320px;background:#6c42bd;right:8%;top:18%}.glow-b{width:230px;height:230px;background:#b49be9;left:5%;bottom:5%}.eyebrow{font-size:11px;letter-spacing:4px;color:#bda6e7;margin:0 0 18px;font-weight:700}.hero h1{font-size:clamp(42px,5.5vw,78px);line-height:1.05;margin:0 0 25px;font-weight:700}.hero h1 em,.section-head em,.about-copy em,.contact em{font-family:"Cairo",sans-serif;color:#b99aef;font-style:normal}.lead{color:#c3c0d1;max-width:650px;line-height:2;font-size:16px}.hero-actions{display:flex;gap:12px;margin:30px 0 40px}.btn{border:0;border-radius:12px;padding:14px 23px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:12px;transition:.3s;font-weight:700}.btn.primary{background:linear-gradient(120deg,#5c3ca8,#9b6de1);box-shadow:0 15px 40px rgba(117,73,190,.28)}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(117,73,190,.42)}.btn.ghost{border:1px solid rgba(255,255,255,.18);color:#e5e0f3;background:rgba(255,255,255,.03)}.hero-stats{display:flex;gap:38px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font:700 34px "Cairo",sans-serif}.hero-stats span{font-size:11px;color:#9995ae}.hero-art{position:relative;min-height:520px;display:grid;place-items:center}.hero-card{width:min(590px,100%);transform:rotate(2deg);border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);padding:10px;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.45);overflow:hidden;animation:float 7s ease-in-out infinite}.hero-card img{width:100%;display:block;border-radius:15px;filter:saturate(.9)}.hero-card-caption{position:absolute;left:28px;bottom:26px;background:rgba(8,10,37,.72);backdrop-filter:blur(12px);padding:10px 16px;border-radius:12px;display:flex;gap:12px;align-items:center}.hero-card-caption span{font:700 20px "Cairo",sans-serif}.hero-card-caption small{font-size:8px;letter-spacing:2px;color:#c2a9ee}.orb{position:absolute;border:1px solid rgba(185,154,239,.25);border-radius:50%}.orb-1{width:430px;height:430px}.orb-2{width:540px;height:540px;border-style:dashed;animation:spin 30s linear infinite}.scroll-hint{position:absolute;bottom:22px;right:7%;font-size:9px;letter-spacing:3px;color:#8c879f}.scroll-hint span{font-size:20px;margin-right:8px}.marquee{overflow:hidden;white-space:nowrap;background:#f4f1fb;color:#1a1b4a;padding:16px 0;font:700 13px "Cairo",sans-serif;letter-spacing:3px}.marquee div{display:inline-block;animation:marquee 25s linear infinite}.marquee i{color:#8060bf;margin:0 28px}.section{padding:120px 7%;position:relative}.section-head{max-width:780px;margin-bottom:60px}.section-head h2,.about-copy h2,.contact h2{font-size:clamp(34px,4vw,58px);line-height:1.2;margin:0 0 16px}.section-head>p:last-child{color:#9c99ae}.row{display:flex;align-items:end;justify-content:space-between;gap:30px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid #29274b;color:#aaa5bc;border-radius:30px;padding:9px 15px;cursor:pointer}.filters button.active,.filters button:hover{background:#9b76df;color:white;border-color:#9b76df}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{min-height:340px;padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015));position:relative;overflow:hidden;transition:.4s}.service-card:hover{transform:translateY(-8px);border-color:rgba(177,140,239,.45)}.service-card.featured{background:linear-gradient(150deg,#2a1e5b,#111335)}.service-no{position:absolute;top:24px;left:24px;color:#716c87;font:700 12px "Cairo",sans-serif}.icon{font-size:31px;color:#c0a2f0;margin:40px 0 35px}.service-card h3{font-size:20px;margin:0 0 13px}.service-card p{color:#aaa6b8;font-size:13px;line-height:1.9}.service-card a{position:absolute;bottom:25px;color:#c5a8f0;font-size:12px}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.project{min-height:330px;border-radius:22px;overflow:hidden;position:relative;grid-column:span 4;border:1px solid rgba(255,255,255,.08);background:#121331}.project:nth-child(1),.project:nth-child(4){grid-column:span 6}.project-visual{position:absolute;inset:0;background:linear-gradient(135deg,var(--a),var(--b));display:grid;place-items:center;overflow:hidden}.project-visual img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;z-index:1}.project-visual:after{content:"";width:210px;height:210px;border:1px solid rgba(255,255,255,.35);border-radius:50%;box-shadow:0 0 0 30px rgba(255,255,255,.03),0 0 0 60px rgba(255,255,255,.02)}.project-content{position:absolute;inset:auto 0 0;padding:25px;background:linear-gradient(transparent,rgba(4,5,20,.95));z-index:2}.project-content span{font-size:10px;color:#c7a8f1;letter-spacing:2px}.project-content h3{margin:6px 0 0;font-size:22px}.project.hidden{display:none}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center;background:#0d0f31}.about-visual{height:520px;border:1px solid rgba(187,157,237,.25);border-radius:50%;display:grid;place-items:center;position:relative;max-width:520px;margin:auto;width:100%;background:radial-gradient(circle,rgba(137,92,205,.18),transparent 55%)}.about-visual:before{content:"";position:absolute;inset:10%;border:1px dashed rgba(196,164,240,.25);border-radius:50%;animation:spin 40s linear infinite}.circle-line{position:absolute;inset:20%;border:1px solid rgba(255,255,255,.1);border-radius:50%}.monogram{font:700 210px "Cairo",sans-serif;background:linear-gradient(120deg,#eff0ff,#7e51be);-webkit-background-clip:text;color:transparent}.about-visual>span{position:absolute;bottom:55px;font-size:9px;letter-spacing:4px;color:#aaa4ba}.about-copy>p:not(.eyebrow){color:#aaa6b8;line-height:2}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}.principles div{padding:16px;border-top:1px solid #343153}.principles b{display:block;color:#a984df;font:700 18px "Cairo",sans-serif;margin-bottom:8px}.principles span{font-size:12px}.process{background:linear-gradient(180deg,#080a25,#111237)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{border-top:1px solid #39355a;padding-top:20px}.step>span{color:#9c78db;font:700 28px "Cairo",sans-serif}.step h3{font-size:19px}.step p{color:#9995a9;font-size:13px;line-height:1.8}.reviews{background:#f5f2fa;color:#16173e}.reviews .eyebrow{color:#7655ad}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review{background:white;border:1px solid #e3dfee;border-radius:20px;padding:28px;box-shadow:0 20px 50px rgba(35,20,70,.07)}.stars{color:#8060bd;letter-spacing:4px}.review p{line-height:2;color:#4c4b60;font-size:14px;min-height:110px}.review footer{display:flex;gap:12px;align-items:center}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1a1d4b,#9a72dc);color:#fff;font:700 20px "Cairo",sans-serif}.review footer strong{display:block;font-size:13px}.review footer small{color:#8b8798}.contact{padding:120px 7%;background:radial-gradient(circle at 15% 30%,rgba(125,79,194,.25),transparent 30%),#0a0c2a}.contact-inner{max-width:1150px;margin:auto;display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.contact h2{font-size:clamp(45px,6vw,75px)}.contact p:not(.eyebrow){color:#aaa6b8;line-height:2}.contact-form{display:grid;gap:12px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #2d2b50;background:rgba(255,255,255,.035);color:#fff;border-radius:12px;padding:15px;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#9671d5;box-shadow:0 0 0 3px rgba(150,113,213,.1)}.contact-form select option{background:#111335}.contact-form textarea{resize:vertical}.contact-form small{color:#bba1e8;min-height:18px}footer{padding:60px 7% 25px;display:grid;grid-template-columns:1.5fr 1fr 1fr .7fr;gap:30px;border-top:1px solid rgba(255,255,255,.08);background:#07091f}footer>div:not(.copyright)>span{font-size:11px;color:#837e97;display:block;margin-bottom:12px}footer a,footer p{display:block;color:#b5b0c1;font-size:12px;margin:8px 0}.footer-brand strong{font:700 28px "Cairo",sans-serif;letter-spacing:4px}.footer-brand p{font-size:9px;letter-spacing:3px;color:#a98bdd}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.06);padding-top:20px;color:#777387;font-size:10px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}.delay-3{transition-delay:.32s}@keyframes float{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(0deg) translateY(-15px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(50%)}}#progress{position:fixed;top:0;right:0;height:3px;width:0;background:linear-gradient(90deg,#6b48b0,#d0b5ff);z-index:100}@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-art{order:-1;min-height:380px}.about{grid-template-columns:1fr}.about-visual{height:420px}.timeline{grid-template-columns:repeat(2,1fr)}.contact-inner{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr}}@media(max-width:720px){.nav{height:68px}.menu-btn{display:flex;flex-direction:column;gap:5px}.menu-btn span{width:24px;height:2px;background:#fff}.nav nav{position:absolute;top:68px;right:5%;left:5%;display:none;flex-direction:column;align-items:stretch;background:#0c0e30;border:1px solid #2b294e;border-radius:16px;padding:15px}.nav nav.open{display:flex}.hero{padding:120px 6% 70px}.hero-art{min-height:280px}.orb-1{width:260px;height:260px}.orb-2{width:320px;height:320px}.hero-stats{gap:20px}.hero-stats strong{font-size:28px}.section{padding:85px 6%}.service-grid,.review-grid,.timeline{grid-template-columns:1fr}.project-grid{display:block}.project{margin-bottom:16px;min-height:300px}.row{display:block}.filters{margin-top:20px}.about-visual{height:330px}.monogram{font-size:150px}.principles{grid-template-columns:1fr}.contact{padding:85px 6%}footer{grid-template-columns:1fr 1fr;padding:50px 6%}.copyright{grid-column:1/-1}.brand{font-size:24px}.nav nav a{padding:8px}.hero h1{font-size:44px}}
/* Mobile overflow fix — preserves the existing design */
html, body {
width: 100%;
max-width: 100%;
overflow-x: hidden;
}
body {
position: relative;
}
main, header, footer, section, .hero, .section, .contact, .contact-inner,
.hero-copy, .hero-art, .about-copy, .service-grid, .project-grid,
.review-grid, .timeline, .contact-form {
min-width: 0;
max-width: 100%;
}
img, svg, video, canvas {
max-width: 100%;
}
.project-grid > *, .service-grid > *, .review-grid > *, .timeline > *,
.hero > *, .about > *, .contact-inner > * {
min-width: 0;
}
/* QELVRA typography: one bold upright font */
*, *::before, *::after {
font-style: normal !important;
}
body, button, input, textarea, select {
font-weight: 700;
}
em, i {
font-style: normal !important;
font-weight: 700 !important;
}
/* Client typography: one bold upright font */
*,*::before,*::after{font-style:normal!important}body,button,input,textarea,select{font-family:"Cairo",sans-serif;font-weight:700!important}em,i{font-style:normal!important;font-weight:700!important}