:root{--bg:#070811;--panel:#0e1020;--soft:#15172a;--text:#f6f5ff;--muted:#a7a7bc;--violet:#8b5cf6;--violet2:#b49aff;--cyan:#54d8ff;--line:rgba(255,255,255,.11);--radius:24px;--pad:clamp(22px,5vw,80px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Segoe UI",Tahoma,Arial,sans-serif;overflow-x:hidden;line-height:1.7}body.menu-open{overflow:hidden}::selection{background:var(--violet);color:#fff}a{color:inherit;text-decoration:none}button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:99;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:110}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--violet),var(--cyan))}.section-pad{padding:clamp(90px,12vw,170px) var(--pad)}.site-header{height:82px;padding:0 var(--pad);display:flex;align-items:center;gap:38px;position:fixed;inset:0 0 auto;z-index:100;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{height:70px;background:rgba(7,8,17,.78);backdrop-filter:blur(18px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:11px;direction:ltr}.brand-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,var(--violet),#5b21b6);box-shadow:0 0 28px rgba(139,92,246,.3)}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand b{font-size:.9rem;letter-spacing:.12em}.brand small{font-size:.55rem;color:var(--muted);letter-spacing:.42em;margin-top:5px}.site-header nav{display:flex;gap:28px;margin-inline:auto}.site-header nav a{font-size:.88rem;color:#c8c8d5;transition:.2s}.site-header nav a:hover{color:#fff}.header-cta{font-size:.85rem;font-weight:700;border:1px solid var(--line);padding:9px 17px;border-radius:50px;transition:.2s}.header-cta:hover{background:#fff;color:#111}.menu-toggle{display:none;background:none;border:0;color:#fff;width:40px;height:40px}.hero{min-height:100svh;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;position:relative;padding-top:120px;background:radial-gradient(circle at 75% 25%,rgba(99,50,210,.18),transparent 32%)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#b9b8c9;font-size:.72rem;font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow span{width:28px;height:1px;background:var(--violet)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.1rem,6.6vw,7.6rem);line-height:.98;letter-spacing:-.065em;margin:28px 0}h1 em,h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.66)}.hero-lead{max-width:590px;color:#b7b7c8;font-size:clamp(1rem,1.35vw,1.24rem);line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:35px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:52px;padding:0 24px;border-radius:10px;font-weight:700;font-size:.92rem;border:1px solid var(--line);transition:.25s}.btn.primary{background:linear-gradient(135deg,#8254f2,#6d28d9);box-shadow:0 14px 40px rgba(109,40,217,.22)}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(109,40,217,.36)}.btn.ghost:hover{background:rgba(255,255,255,.06)}.btn i{font-style:normal}.hero-meta{display:flex;gap:35px;margin-top:54px}.hero-meta div{display:flex;flex-direction:column;border-inline-start:1px solid var(--line);padding-inline-start:14px}.hero-meta strong{font-size:1rem;direction:ltr;text-align:right}.hero-meta span{font-size:.72rem;color:var(--muted)}.visual-frame{position:relative;height:min(70vh,700px);border-radius:30px;overflow:hidden;border:1px solid var(--line);background:#090a15;box-shadow:0 50px 100px rgba(0,0,0,.35);transform:perspective(1200px) rotateY(-3deg)}.visual-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(7,8,17,.7)),linear-gradient(0deg,rgba(7,8,17,.8),transparent 35%)}.visual-frame img{width:100%;height:100%;object-fit:cover;object-position:46% 50%;filter:saturate(.9)}.orbit-tag{position:absolute;z-index:2;background:rgba(12,13,28,.72);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);font:600 .68rem/1 "Segoe UI";letter-spacing:.08em;padding:10px 13px;border-radius:30px;direction:ltr}.tag-one{top:18%;left:7%;animation:float 4.5s ease-in-out infinite}.tag-two{top:42%;right:7%;animation:float 5s ease-in-out -.8s infinite}.tag-three{bottom:28%;left:16%;animation:float 4s ease-in-out -1.5s infinite}.visual-status{position:absolute;z-index:2;bottom:20px;left:20px;right:20px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:rgba(5,6,15,.72);backdrop-filter:blur(14px);padding:14px 16px;border:1px solid var(--line);direction:ltr}.visual-status>span{width:8px;height:8px;border-radius:50%;background:#69ffb4;box-shadow:0 0 15px #69ffb4}.visual-status b{font-size:.62rem;letter-spacing:.14em}.visual-status small{color:var(--muted);font-size:.6rem}@keyframes float{50%{transform:translateY(-10px)}}.scroll-cue{position:absolute;bottom:24px;right:var(--pad);font-size:.68rem;color:var(--muted);display:flex;gap:10px;align-items:center}.scroll-cue span{display:block;width:1px;height:28px;background:linear-gradient(var(--violet),transparent)}.ticker{overflow:hidden;border-block:1px solid var(--line);background:#0c0d18;direction:ltr}.ticker div{width:max-content;display:flex;align-items:center;gap:28px;padding:18px 0;animation:marquee 28s linear infinite}.ticker span{font-size:.78rem;letter-spacing:.16em;color:#b7b6c5}.ticker i{font-style:normal;color:var(--violet)}@keyframes marquee{to{transform:translateX(-50%)}}.section-head{max-width:780px;margin-bottom:60px}.section-head h2{font-size:clamp(2.5rem,5vw,5.5rem);line-height:1.04;letter-spacing:-.055em;margin:22px 0}.section-head>p:last-child{color:var(--muted);max-width:590px}.section-head.horizontal{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:40px}.section-head.horizontal>p{max-width:430px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.service-card{position:relative;padding:34px 28px 40px;border-inline-start:1px solid var(--line);min-height:430px;transition:.3s}.service-card:last-child{border-inline-end:1px solid var(--line)}.service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(139,92,246,.13),transparent 60%);opacity:0;transition:.3s}.service-card:hover{transform:translateY(-8px);background:#0d0e1a}.service-card:hover:before{opacity:1}.service-card>*{position:relative}.service-card .num{font-size:.7rem;color:#6d6d82}.service-icon{margin:65px 0 30px;width:50px;height:50px;border:1px solid rgba(139,92,246,.45);display:grid;place-items:center;border-radius:15px;color:var(--violet2);font-size:1.4rem}.service-card h3{font-size:1.35rem}.service-card p{color:var(--muted);font-size:.9rem}.service-card ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:28px 0 0;direction:ltr;justify-content:flex-end}.service-card li,.tags span{border:1px solid var(--line);padding:5px 9px;border-radius:30px;color:#aaa9ba;font-size:.64rem}.work{background:#090a14}.filters{display:flex;gap:8px;margin-bottom:35px;flex-wrap:wrap}.filters button{color:#aaa9ba;background:transparent;border:1px solid var(--line);padding:9px 14px;border-radius:30px;cursor:pointer}.filters button small{opacity:.5;margin-inline-start:6px}.filters button.active,.filters button:hover{color:#fff;background:#181a2b;border-color:#343750}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project{display:grid;grid-template-columns:1.08fr .92fr;min-height:440px;background:#0e0f1c;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.35s}.project:hover{border-color:rgba(139,92,246,.45);transform:translateY(-5px)}.project.hidden{display:none}.project-visual{position:relative;min-height:100%;overflow:hidden;display:grid;place-items:center;direction:ltr}.project-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(255,255,255,.08),transparent 40%)}.purple{background:radial-gradient(circle at 50% 40%,#7451da,#201449 62%,#100d20)}.cyan{background:radial-gradient(circle,#237898,#102b43 55%,#0a151f)}.coral{background:radial-gradient(circle,#a94265,#3e1833 58%,#180d18)}.gold{background:radial-gradient(circle,#9a722f,#3b2b19 58%,#17120c)}.blue{background:radial-gradient(circle,#3456b8,#18234f 58%,#0e1221)}.green{background:radial-gradient(circle,#287e70,#173f3a 58%,#0d1918)}.mock-label{position:absolute;top:18px;left:18px;font-size:.58rem;letter-spacing:.16em;color:rgba(255,255,255,.6)}.mock-window{width:75%;height:58%;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:rgba(8,7,20,.55);backdrop-filter:blur(12px);padding:15px;transform:perspective(700px) rotateY(10deg) rotateX(3deg);box-shadow:-25px 30px 60px rgba(0,0,0,.25)}.mock-nav{height:7px;width:40%;background:rgba(255,255,255,.2);border-radius:9px}.mock-balance{margin-top:25px;font-size:.6rem;color:#aaa;display:flex;flex-direction:column}.mock-balance b{font-size:1.7rem;color:#fff}.mock-products{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.mock-products i{height:40px;border-radius:7px;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.04))}.edu-orbit{width:120px;height:120px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;position:relative}.edu-orbit b{font-size:1.7rem}.edu-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:#73e5ff;box-shadow:0 0 15px #73e5ff}.edu-orbit i:nth-child(2){top:-5px}.edu-orbit i:nth-child(3){bottom:12px;left:4px}.edu-orbit i:nth-child(4){right:-3px;top:40px}.rank-stack{display:flex;align-items:end;gap:8px}.rank-stack b{width:52px;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;border-radius:8px 8px 0 0;background:rgba(255,255,255,.07)}.rank-stack b:nth-child(1){height:80px}.rank-stack b:nth-child(2){height:130px}.rank-stack b:nth-child(3){height:60px}.account-card{width:70%;height:45%;border:1px solid rgba(255,255,255,.3);border-radius:15px;padding:20px;position:relative;background:rgba(10,9,10,.25);transform:rotate(-5deg)}.account-card span{font-size:.55rem;letter-spacing:.2em}.account-card b{display:block;font-size:1.4rem;margin-top:15px}.account-card i{position:absolute;right:20px;bottom:20px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.2)}.offer-mark,.language-mark{font-size:5rem;font-weight:900;opacity:.85;text-shadow:0 18px 35px rgba(0,0,0,.25)}.project-info{padding:28px;display:flex;flex-direction:column}.status{width:max-content;border:1px solid var(--line);border-radius:30px;padding:5px 9px;font-size:.62rem;color:#bbb;display:flex;align-items:center;gap:6px}.status i{width:6px;height:6px;border-radius:50%}.status.live i{background:#4cffaa;box-shadow:0 0 10px #4cffaa}.status.build i{background:#ffb454}.status.concept i{background:#8888a0}.project-index{font-size:.6rem;color:#68687c;margin:25px 0 5px;direction:ltr;text-align:right}.project-info h3{font-size:clamp(1.35rem,2vw,2rem);margin-bottom:10px}.project-info>p:not(.project-index){color:var(--muted);font-size:.82rem}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;direction:ltr;justify-content:flex-end}.project-info>a{font-size:.75rem;font-weight:700;margin-top:20px;color:#dcd4ff}.project-info>a b{color:var(--violet2);margin-inline-start:5px}.about-grid{display:grid;grid-template-columns:.8fr 1fr;gap:70px}.about-title{grid-row:span 2}.about-copy .large{font-size:clamp(1.3rem,2.2vw,2rem);line-height:1.6;color:#eee}.about-copy>p:not(.large){color:var(--muted)}.text-link{display:inline-flex;gap:14px;align-items:center;margin-top:15px;font-weight:700}.text-link span{color:var(--violet2)}.code-card{background:#0d0f1b;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.24)}.code-top{height:50px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);padding:0 18px}.code-top i{width:8px;height:8px;border-radius:50%;background:#5d5d6c}.code-top i:first-child{background:#ff6b7b}.code-top i:nth-child(2){background:#f3bb57}.code-top i:nth-child(3){background:#64dc92}.code-top span{font-size:.68rem;color:#767688;margin-left:10px}.code-card pre{margin:0;padding:25px;overflow:auto;color:#c8c8d6;font:500 .79rem/1.9 Consolas,monospace}.code-card code b{color:#cf9cff}.code-card code em{color:#7ee2c3;font-style:normal}.stack{background:linear-gradient(#090a14,#070811)}.stack-cloud{display:flex;flex-wrap:wrap;gap:12px}.stack-cloud span{border:1px solid var(--line);border-radius:14px;padding:15px 20px;background:#0e0f1b;color:#ceceda;direction:ltr;font-weight:600;transition:.25s}.stack-cloud span:nth-child(3n+1){transform:translateY(10px)}.stack-cloud span:hover{background:var(--violet);border-color:var(--violet);color:white;transform:translateY(-4px)}.process{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.process-list{list-style:none;padding:0;margin:0}.process-list li{display:grid;grid-template-columns:45px 1fr auto;gap:22px;align-items:start;padding:26px 0;border-bottom:1px solid var(--line)}.process-list li>span{color:var(--violet2);font-size:.72rem}.process-list h3{font-size:1.25rem;margin:0}.process-list p{color:var(--muted);font-size:.85rem;margin:4px 0}.process-list b{direction:ltr;font-size:.58rem;letter-spacing:.15em;color:#5d5d71;margin-top:6px}.contact{text-align:center;position:relative;overflow:hidden;border-top:1px solid var(--line)}.contact-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(104,53,215,.28),transparent 65%);left:50%;top:50%;transform:translate(-50%,-45%);pointer-events:none}.contact>*:not(.contact-glow){position:relative}.contact .eyebrow{justify-content:center}.contact h2{font-size:clamp(3.2rem,8vw,8rem);line-height:.98;letter-spacing:-.06em;margin:30px 0}.contact>p:not(.eyebrow){color:var(--muted);max-width:570px;margin:0 auto}.contact-actions{display:flex;justify-content:center;gap:12px;margin:35px 0 65px}.btn.large{min-width:180px;min-height:58px}.contact-details{border-top:1px solid var(--line);padding-top:30px;display:flex;justify-content:center;gap:70px}.contact-details a{display:flex;flex-direction:column}.contact-details small{font-size:.56rem;letter-spacing:.16em;color:#6f6f82}.contact-details b{direction:ltr;font-size:.78rem}footer{padding:45px var(--pad);border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}footer>p{margin:0;color:var(--muted);font-size:.8rem}footer>div{display:flex;gap:20px;direction:ltr;font-size:.75rem}footer>small{grid-column:1/-1;color:#55566a;font-size:.62rem;direction:ltr;text-align:center}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal[data-delay="1"]{transition-delay:.12s}.reveal[data-delay="2"]{transition-delay:.24s}.reveal[data-delay="3"]{transition-delay:.36s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.hero{grid-template-columns:1fr;gap:60px}.hero-copy{padding-top:40px}.visual-frame{height:560px}.service-grid{grid-template-columns:repeat(2,1fr)}.projects{grid-template-columns:1fr}.project{min-height:400px}.process{grid-template-columns:1fr}.about-grid{gap:45px}.site-header nav{gap:18px}.header-cta{display:none}}
@media(max-width:720px){:root{--pad:20px}.site-header{height:68px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;margin-inline-start:auto;z-index:2}.menu-toggle span{width:24px;height:1px;background:#fff;transition:.25s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-header nav{position:fixed;inset:0;background:rgba(7,8,17,.97);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;opacity:0;pointer-events:none;transition:.25s}.site-header nav.open{opacity:1;pointer-events:auto}.site-header nav a{font-size:1.6rem}.hero{padding-top:100px}.hero h1{font-size:clamp(3.1rem,16vw,5.2rem)}.hero-meta{gap:16px;flex-wrap:wrap}.hero-meta div{min-width:40%}.hero-visual{margin-inline:-8px}.visual-frame{height:430px;transform:none}.visual-status small{display:none}.orbit-tag{font-size:.58rem}.scroll-cue{display:none}.section-head.horizontal{display:block}.section-head.horizontal>p{margin-top:20px}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto;border-inline-end:1px solid var(--line)}.service-icon{margin:40px 0 25px}.project{grid-template-columns:1fr;min-height:auto}.project-visual{min-height:310px}.project.compact .project-visual{min-height:240px}.project-info{min-height:330px}.about-grid{grid-template-columns:1fr}.about-title{grid-row:auto}.process-list li{grid-template-columns:35px 1fr}.process-list li>b{display:none}.contact-details{gap:24px;flex-direction:column}.contact-actions{flex-direction:column}.contact-actions .btn{width:100%}footer{grid-template-columns:1fr;text-align:center;justify-items:center}footer>div{grid-row:auto}.ticker div{animation-duration:18s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}