:root{--bg: #07070e;--bg-soft: #0c0c16;--surface: rgba(255, 255, 255, .04);--surface-2: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .09);--text: #f2f2f8;--muted: #9b9bb0;--violet: #7c5cff;--cyan: #00d4ff;--pink: #ff5c8a;--grad: linear-gradient(135deg, #7c5cff 0%, #00d4ff 100%);--grad-warm: linear-gradient(135deg, #ff5c8a 0%, #7c5cff 100%);--radius: 20px;--font-head: "Sora", sans-serif;--font-body: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:#7c5cff66}h1,h2,h3,h4{font-family:var(--font-head);line-height:1.15;letter-spacing:-.02em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}.container{width:min(1180px,92vw);margin:0 auto}section{position:relative;padding:110px 0}.bg-glow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(600px 400px at 85% -5%,rgba(124,92,255,.16),transparent 65%),radial-gradient(700px 500px at -10% 30%,rgba(0,212,255,.08),transparent 65%),radial-gradient(600px 500px at 60% 110%,rgba(255,92,138,.07),transparent 65%);pointer-events:none}.noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}.section-tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:18px}.section-tag:before{content:"";width:26px;height:2px;background:var(--grad);border-radius:2px}.section-title{font-size:clamp(30px,4.2vw,48px);font-weight:700;max-width:640px}.section-sub{color:var(--muted);max-width:560px;margin-top:18px;font-size:17px}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:999px;font-weight:600;font-size:15px;border:none;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.btn-primary{background:var(--grad);color:#06060c;box-shadow:0 8px 30px #7c5cff59}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 40px #7c5cff80}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-ghost:hover{background:var(--surface-2);transform:translateY(-3px)}.nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .35s ease,border-color .35s ease,backdrop-filter .35s ease;border-bottom:1px solid transparent}.nav.scrolled{background:#07070eb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom-color:var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.logo{display:flex;align-items:center;gap:11px;font-family:var(--font-head);font-weight:700;font-size:17px;letter-spacing:-.01em}.logo-mark{width:38px;height:38px;border-radius:11px;background:var(--grad);display:grid;place-items:center;font-size:18px;font-weight:800;color:#06060c;box-shadow:0 4px 18px #7c5cff73}.logo span em{font-style:normal;color:var(--muted);font-weight:500}.nav-links{display:flex;align-items:center;gap:34px;list-style:none}.nav-links a{font-size:14.5px;font-weight:500;color:var(--muted);transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{padding:11px 22px;font-size:14px}.nav-burger{display:none;background:none;border:none;width:40px;height:40px;position:relative;z-index:60}.nav-burger span{display:block;width:22px;height:2px;background:var(--text);margin:5px auto;border-radius:2px;transition:transform .3s ease,opacity .3s ease}.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{min-height:100vh;display:flex;align-items:center;padding:160px 0 80px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 18px;border-radius:999px;border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13.5px;color:var(--muted);margin-bottom:28px}.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:#3dd68c;box-shadow:0 0 12px #3dd68c;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.6}}.hero h1{font-size:clamp(40px,6vw,72px);font-weight:800}.hero-sub{color:var(--muted);font-size:18px;max-width:520px;margin:26px 0 38px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-clients{margin-top:54px;display:flex;align-items:center;gap:18px;color:var(--muted);font-size:14px}.hero-avatars{display:flex}.hero-avatars span{width:36px;height:36px;border-radius:50%;border:2px solid var(--bg);margin-left:-10px;display:grid;place-items:center;font-size:12px;font-weight:700;color:#06060c}.hero-avatars span:first-child{margin-left:0}.hero-scene{position:relative;height:560px;perspective:1200px}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:drift 9s ease-in-out infinite alternate}.orb-1{width:340px;height:340px;background:#7c5cff;top:8%;right:4%}.orb-2{width:260px;height:260px;background:#00d4ff;bottom:10%;left:2%;animation-delay:-3s}.orb-3{width:180px;height:180px;background:#ff5c8a;top:46%;right:34%;animation-delay:-6s;opacity:.35}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(30px,-35px,0) scale(1.12)}}.scene-stack{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .2s ease-out}.float-card{position:absolute;border-radius:18px;border:1px solid var(--border);background:#10101cb8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 30px 60px #00000073;padding:20px;animation:floaty 7s ease-in-out infinite alternate}@keyframes floaty{0%{transform:translateY(0) translateZ(var(--z, 0px))}to{transform:translateY(-18px) translateZ(var(--z, 0px))}}.fc-app{--z: 90px;width:250px;top:6%;left:8%}.fc-code{--z: 40px;width:300px;top:36%;right:0;animation-delay:-2.5s}.fc-brand{--z: 130px;width:220px;bottom:4%;left:16%;animation-delay:-5s}.fc-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.fc-head .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:16px}.fc-head strong{font-size:13.5px;font-family:var(--font-head)}.fc-head small{display:block;color:var(--muted);font-size:11.5px;font-weight:400}.fc-bar{height:8px;border-radius:5px;background:var(--surface-2);margin-bottom:8px;overflow:hidden}.fc-bar i{display:block;height:100%;border-radius:5px;background:var(--grad);animation:grow 3s ease-in-out infinite alternate}@keyframes grow{0%{width:35%}to{width:92%}}.fc-code pre{font-family:SF Mono,Fira Code,monospace;font-size:11.5px;line-height:1.8;color:var(--muted);overflow:hidden}.fc-code .tk-p{color:var(--violet)}.fc-code .tk-c{color:var(--cyan)}.fc-code .tk-s{color:#3dd68c}.fc-swatches{display:flex;gap:8px}.fc-swatches i{flex:1;height:44px;border-radius:10px}.fc-brand .fc-type{margin-top:12px;font-family:var(--font-head);font-size:20px;font-weight:800;letter-spacing:-.02em}.fc-brand .fc-type span{color:var(--muted);font-weight:400;font-size:12px;display:block;letter-spacing:.08em}.hero-scroll{position:absolute;bottom:28px;left:50%;transform:translate(-50%);color:var(--muted);font-size:12px;letter-spacing:.2em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:10px}.hero-scroll:after{content:"";width:1px;height:44px;background:linear-gradient(var(--muted),transparent);animation:scrollhint 1.8s ease-in-out infinite}@keyframes scrollhint{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.marquee{padding:26px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;background:var(--bg-soft)}.marquee-track{display:flex;gap:56px;width:max-content;animation:scroll-x 30s linear infinite}.marquee-track span{font-family:var(--font-head);font-size:20px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:56px;white-space:nowrap}.marquee-track span:after{content:"✦";color:var(--violet);font-size:15px}@keyframes scroll-x{to{transform:translate(-50%)}}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:60px}.service-card{position:relative;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:34px 30px;overflow:hidden;transform-style:preserve-3d;transition:border-color .3s ease;will-change:transform}.service-card:hover{border-color:#7c5cff73}.service-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%),rgba(124,92,255,.13),transparent 45%);opacity:0;transition:opacity .3s;pointer-events:none}.service-card:hover:before{opacity:1}.service-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;font-size:24px;margin-bottom:24px;background:var(--surface-2);border:1px solid var(--border);transform:translateZ(30px)}.service-card h3{font-size:20px;margin-bottom:12px;transform:translateZ(24px)}.service-card p{color:var(--muted);font-size:14.5px;transform:translateZ(18px)}.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;transform:translateZ(14px)}.service-tags span{font-size:12px;padding:5px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}.service-card.wide{grid-column:span 1}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:60px}.work-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.work-card:hover{transform:translateY(-8px);border-color:#00d4ff66;box-shadow:0 30px 60px #00000073}.work-visual{position:relative;height:280px;overflow:hidden}.work-visual .wv-bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .6s ease}.work-card:hover .wv-bg{transform:scale(1.06) rotate(-1deg)}.wv-window{position:absolute;left:10%;right:10%;top:22%;bottom:-6%;border-radius:14px 14px 0 0;background:#0c0c16d9;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 -18px 50px #00000059;padding:14px;transition:transform .5s ease}.work-card:hover .wv-window{transform:translateY(-12px)}.wv-dots{display:flex;gap:6px;margin-bottom:12px}.wv-dots i{width:9px;height:9px;border-radius:50%;background:#fff3}.wv-line{height:9px;border-radius:5px;background:#ffffff1a;margin-bottom:9px}.wv-line.short{width:55%}.wv-line.grad{background:var(--grad);width:38%;height:22px;border-radius:7px;margin-top:14px}.wv-phone{position:absolute;right:12%;bottom:-8%;width:120px;height:220px;border-radius:22px;background:#0c0c16e6;border:1px solid rgba(255,255,255,.16);padding:12px 10px;box-shadow:0 20px 50px #00000073;transition:transform .5s ease}.work-card:hover .wv-phone{transform:translateY(-14px) rotate(-3deg)}.work-info{padding:26px 28px 30px}.work-info .wi-cat{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);font-weight:600}.work-info h3{font-size:21px;margin:10px 0 8px}.work-info p{color:var(--muted);font-size:14.5px}.process-list{margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:step}.process-step{position:relative;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:30px 26px}.process-step .num{font-family:var(--font-head);font-size:42px;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.9}.process-step h3{font-size:18px;margin:16px 0 10px}.process-step p{color:var(--muted);font-size:14px}.stats{padding:70px 0}.stats-band{border-radius:26px;border:1px solid var(--border);background:linear-gradient(135deg,#7c5cff1f,#00d4ff0f);padding:54px 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}.stat h3{font-size:clamp(34px,4vw,52px);font-weight:800}.stat p{color:var(--muted);font-size:14.5px;margin-top:6px}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;margin-top:60px;align-items:start}.contact-item{display:flex;gap:18px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--border)}.contact-item .ci-icon{width:46px;height:46px;border-radius:13px;background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;font-size:19px;flex-shrink:0}.contact-item h4{font-size:15px;margin-bottom:3px}.contact-item a,.contact-item p{color:var(--muted);font-size:14.5px;transition:color .2s}.contact-item a:hover{color:var(--cyan)}.contact-socials{display:flex;gap:12px;margin-top:28px}.contact-socials a{width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;transition:transform .25s,border-color .25s}.contact-socials a:hover{transform:translateY(-4px);border-color:var(--violet)}.contact-socials svg{width:18px;height:18px;fill:var(--muted);transition:fill .25s}.contact-socials a:hover svg{fill:var(--text)}.contact-form{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:38px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:18px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:8px;color:var(--muted)}.field input,.field textarea,.field select{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:#ffffff08;color:var(--text);font-family:inherit;font-size:14.5px;outline:none;transition:border-color .25s,box-shadow .25s}.field select option{background:var(--bg-soft)}.field textarea{resize:vertical;min-height:130px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--violet);box-shadow:0 0 0 3px #7c5cff2e}.form-sent{text-align:center;padding:60px 20px}.form-sent .big{font-size:46px;margin-bottom:16px}footer{border-top:1px solid var(--border);padding:60px 0 36px;background:var(--bg-soft)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}.footer-grid p{color:var(--muted);font-size:14.5px;margin-top:16px;max-width:300px}.footer-grid h4{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}.footer-grid ul{list-style:none}.footer-grid ul li{margin-bottom:11px}.footer-grid ul a{color:var(--text);font-size:14.5px;opacity:.85;transition:opacity .2s,color .2s}.footer-grid ul a:hover{opacity:1;color:var(--cyan)}.footer-bottom{border-top:1px solid var(--border);padding-top:26px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13.5px}@media (max-width: 1024px){.hero-grid{grid-template-columns:1fr}.hero-scene{height:460px}.services-grid,.process-list,.stats-band{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 760px){section{padding:80px 0}.nav-links{position:fixed;top:0;right:0;bottom:0;left:0;background:#07070ef5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;gap:30px;transform:translateY(-100%);transition:transform .4s cubic-bezier(.22,1,.36,1);z-index:55}.nav-links.open{transform:translateY(0)}.nav-links a{font-size:20px}.nav-burger{display:block}.nav .nav-cta{display:none}.services-grid,.work-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:40px}.form-row{grid-template-columns:1fr}.hero-scene{height:420px}.fc-code{width:250px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}