:root{--bg:#08080f;--surface:#0f0f1a;--surface2:#12121e;--card:rgba(255,255,255,.045);--blue:#4d9fff;--purple:#a855f7;--teal:#00d4aa;--orange:#ff9f5b;--text:#e2e8f0;--muted:#94a3b8;--subtle:#64748b;--border:rgba(255,255,255,.08);--heading:'Space Grotesk',sans-serif;--body:Inter,Arial,sans-serif;--mono:'JetBrains Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{position:fixed;z-index:-2;inset:0;background:linear-gradient(135deg,rgba(77,159,255,.025),transparent 40%,rgba(168,85,247,.025));content:'';pointer-events:none}.ambient{position:fixed;z-index:-1;width:420px;height:420px;border-radius:50%;filter:blur(100px);opacity:.08;pointer-events:none}.ambient-blue{top:15%;left:-250px;background:var(--blue)}.ambient-purple{right:-250px;bottom:15%;background:var(--purple)}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:0 auto}.nav-wrap{position:fixed;z-index:10;top:0;left:0;right:0;padding:20px 0;background:rgba(8,8,15,.72);border-bottom:1px solid var(--border);backdrop-filter:blur(18px)}.nav{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;gap:8px;align-items:center;font-family:var(--heading);font-size:1.12rem;font-weight:700;letter-spacing:-.02em}.logo span{color:var(--blue)}.nav-links{display:flex;gap:30px;align-items:center}.nav-links a{color:var(--muted);font-size:.84rem;font-weight:500;transition:color .25s}.nav-links a:hover{color:var(--text)}.nav-social{padding:6px 14px;color:var(--blue)!important;border:1px solid rgba(77,159,255,.35);border-radius:6px}.section{padding:120px 0}.eyebrow,.section-label,.work-type{color:var(--teal);font-family:var(--mono);font-size:.73rem;letter-spacing:.12em;text-transform:uppercase}.section-label{margin:0 0 12px}.section-title{margin:0 0 16px;font-family:var(--heading);font-size:clamp(2.2rem,4.5vw,3.2rem);line-height:1.12;letter-spacing:-.055em}.section-title span{color:var(--blue)}.section-sub{max-width:560px;margin:0;color:var(--muted);font-size:1rem}.section-header{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:52px}
.hero{position:relative;min-height:800px;display:flex;align-items:center;padding-top:90px;overflow:hidden}.hero-glow{position:absolute;top:25%;left:50%;width:700px;height:430px;border-radius:50%;background:radial-gradient(ellipse,rgba(77,159,255,.16),rgba(168,85,247,.08) 40%,transparent 70%);transform:translateX(-50%);filter:blur(18px)}.hero-glow:after{position:absolute;inset:0;border:1px solid rgba(77,159,255,.2);border-radius:50%;transform:rotate(-15deg) scaleY(.5);content:''}.hero-content{position:relative;z-index:1}.hero h1{max-width:900px;margin:18px 0 22px;font-family:var(--heading);font-size:clamp(3.2rem,8vw,6.9rem);line-height:1.02;letter-spacing:-.075em}.hero h1 span{color:var(--blue)}.typing-line{display:flex;align-items:center;min-height:35px;margin-bottom:22px;color:var(--teal);font-family:var(--mono);font-size:clamp(1rem,2vw,1.35rem)}.typing-prefix{color:var(--muted)}.typing-words{position:relative;display:inline-block;width:220px;height:30px;overflow:hidden}.typing-words span{position:absolute;left:0;opacity:0;animation:words 12s infinite}.typing-words span:nth-child(2){animation-delay:3s}.typing-words span:nth-child(3){animation-delay:6s}.typing-words span:nth-child(4){animation-delay:9s}.cursor{color:var(--blue);animation:blink 1s steps(2) infinite}.hero-sub{max-width:580px;margin:0 0 34px;color:var(--muted);font-size:1.1rem}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:14px;padding:11px 19px;border-radius:7px;font-size:.88rem;font-weight:600;transition:transform .25s,background .25s,border-color .25s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#07101b;background:var(--blue)}.btn-primary:hover{background:#72b4ff}.btn-ghost{color:var(--text);border:1px solid var(--border);background:var(--card)}.btn-ghost:hover{border-color:rgba(77,159,255,.5);background:rgba(255,255,255,.075)}.hero-meta{display:flex;gap:30px;margin-top:90px;color:var(--subtle);font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.availability i{display:inline-block;width:7px;height:7px;margin-right:7px;background:var(--teal);border-radius:50%;box-shadow:0 0 12px var(--teal)}.scroll-cue{position:absolute;bottom:32px;left:50%;display:flex;gap:12px;align-items:center;color:var(--subtle);font-family:var(--mono);font-size:.65rem;text-transform:uppercase;transform:translateX(-50%)}.scroll-cue span{display:block;width:1px;height:40px;background:linear-gradient(var(--blue),transparent)}
.about{position:relative;overflow:hidden;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.about-bg{position:absolute;inset:0;opacity:.5;background:radial-gradient(circle at 80% 20%,rgba(168,85,247,.15),transparent 35%),linear-gradient(115deg,transparent 38%,rgba(77,159,255,.05) 38.1%,transparent 38.3%)}.about-content{position:relative;display:grid;grid-template-columns:1.5fr 1fr;gap:100px}.about-text{max-width:700px}.about-text p:not(.section-label){margin:0 0 18px;color:var(--muted);font-size:1rem}.highlight-line{display:flex;gap:14px;align-items:center;margin-top:35px;padding-top:20px;border-top:1px solid var(--border);color:var(--subtle);font-family:var(--mono);font-size:.7rem;text-transform:uppercase}.highlight-line strong{color:var(--teal);font-weight:500}.stats{display:grid;gap:22px;align-content:center}.stat{display:flex;align-items:center;gap:22px;padding:20px 0;border-bottom:1px solid var(--border)}.stat strong{min-width:100px;color:var(--blue);font-family:var(--heading);font-size:3.4rem;line-height:1;letter-spacing:-.08em}.stat strong span{font-size:1.4rem}.stat small{color:var(--muted);font-size:.78rem;line-height:1.5}.services{background:var(--bg)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{position:relative;min-height:300px;padding:25px 23px;background:var(--card);border:1px solid var(--border);border-radius:14px;transition:transform .3s,border-color .3s,background .3s}.service-card:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.14);transform:translateY(-6px)}.card-number{position:absolute;top:22px;right:22px;color:var(--subtle);font-family:var(--mono);font-size:.68rem}.service-icon{display:grid;place-items:center;width:45px;height:45px;margin-bottom:52px;border-radius:10px;font-size:1.4rem}.blue-icon{color:var(--blue);background:rgba(77,159,255,.12)}.purple-icon{color:var(--purple);background:rgba(168,85,247,.12)}.teal-icon{color:var(--teal);background:rgba(0,212,170,.12)}.orange-icon{color:var(--orange);background:rgba(255,159,91,.12)}.service-card h3{margin:0 0 9px;font-family:var(--heading);font-size:1.16rem}.service-card p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.6}.card-arrow{position:absolute;right:23px;bottom:21px;color:var(--subtle);font-size:1.2rem}
.stack-section{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.stack-group{padding-top:18px;border-top:1px solid var(--border)}.stack-group h3{margin:0 0 18px;font-family:var(--heading);font-size:1.05rem}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{padding:6px 9px;color:var(--muted);background:rgba(255,255,255,.035);border:1px solid var(--border);border-radius:5px;font-family:var(--mono);font-size:.66rem}.work-list{border-top:1px solid var(--border)}.work-item{padding:34px 0;border-bottom:1px solid var(--border)}.work-index{margin-bottom:19px;color:var(--teal);font-family:var(--mono);font-size:.7rem}.work-main{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.work-art{position:relative;min-height:250px;overflow:hidden;border:1px solid var(--border);border-radius:12px}.work-art:before,.work-art:after{position:absolute;content:''}.work-art-reader{background:linear-gradient(140deg,#101827,#163c60)}.work-art-reader span{position:absolute;top:50%;left:50%;color:#b7dbff;font-family:var(--heading);font-size:3rem;font-weight:700;letter-spacing:-.08em;transform:translate(-50%,-50%) rotate(-7deg)}.work-art-reader i{position:absolute;bottom:-40px;left:25%;width:180px;height:180px;border:1px solid rgba(77,159,255,.6);border-radius:50%}.work-art-svitlo{background:linear-gradient(135deg,#0d241f,#0e5b4f)}.work-art-svitlo span,.work-art-ai span{position:absolute;top:28px;left:30px;color:var(--teal);font-family:var(--mono);font-size:.72rem;text-transform:uppercase}.work-art-svitlo b{position:absolute;bottom:23px;left:29px;color:#d3fff6;font-family:var(--heading);font-size:5.5rem;letter-spacing:-.1em}.work-art-svitlo i{position:absolute;top:80px;right:30px;width:170px;height:90px;border-top:2px solid var(--teal);transform:rotate(-16deg)}.work-art-platform{background:#261d39}.work-art-platform span{position:absolute;top:27px;left:28px;color:#d2b2ff;font-family:var(--mono);font-size:.72rem;text-transform:uppercase}.work-art-platform i{position:absolute;width:190px;height:80px;border:1px solid rgba(168,85,247,.55);border-radius:9px;transform:rotate(-9deg)}.work-art-platform i:nth-of-type(1){top:70px;left:20%;background:rgba(168,85,247,.15)}.work-art-platform i:nth-of-type(2){top:105px;left:30%;background:rgba(77,159,255,.13);transform:rotate(7deg)}.work-art-platform i:nth-of-type(3){top:140px;left:40%;background:rgba(0,212,170,.12);transform:rotate(-4deg)}.work-art-ai{background:linear-gradient(145deg,#211432,#11324a)}.work-art-ai span{color:var(--purple);font-size:4rem;font-family:var(--heading);font-weight:700}.work-art-ai b{position:absolute;right:25px;bottom:28px;color:#e0ceff;font-family:var(--mono);font-size:.72rem;font-weight:400}.work-copy .work-type{margin:0 0 12px;color:var(--subtle);font-size:.65rem}.work-copy h3{margin:0 0 12px;font-family:var(--heading);font-size:1.75rem;letter-spacing:-.05em}.work-copy>p:not(.work-type){max-width:440px;margin:0 0 22px;color:var(--muted);font-size:.9rem}.work-copy a{color:var(--blue);font-family:var(--mono);font-size:.72rem}
.contact{background:var(--surface2);border-top:1px solid var(--border)}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.contact-info>p:not(.section-label){max-width:480px;margin:0 0 29px;color:var(--muted)}.contact-email{display:inline-block;padding-bottom:5px;color:var(--blue);border-bottom:1px solid rgba(77,159,255,.4);font-family:var(--mono)}.contact-email span{color:var(--teal)}.contact-panel{position:relative;min-height:250px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;overflow:hidden;background:linear-gradient(135deg,rgba(77,159,255,.1),rgba(168,85,247,.12));border:1px solid var(--border);border-radius:14px}.contact-panel:before{position:absolute;top:-50px;right:-30px;width:230px;height:230px;border:1px solid rgba(77,159,255,.4);border-radius:50%;box-shadow:0 0 0 30px rgba(77,159,255,.04),0 0 0 60px rgba(168,85,247,.04);content:''}.contact-panel p{position:relative;margin:0 0 24px;font-family:var(--heading);font-size:1.35rem;line-height:1.25}.contact-panel a{position:relative;color:var(--teal);font-family:var(--mono);font-size:.72rem}.footer{padding:28px 0;border-top:1px solid var(--border)}.footer-inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:center}.footer-links{display:flex;justify-content:center;gap:22px;color:var(--muted);font-family:var(--mono);font-size:.65rem;text-transform:uppercase}.footer p{margin:0;color:var(--subtle);font-family:var(--mono);font-size:.62rem;text-align:right}@keyframes words{0%,20%{opacity:0;transform:translateY(8px)}25%,45%{opacity:1;transform:translateY(0)}50%,100%{opacity:0;transform:translateY(-8px)}}@keyframes blink{50%{opacity:0}}
@media(max-width:850px){.container{width:min(100% - 36px,600px)}.nav-wrap{padding:16px 0}.nav-links{gap:12px}.nav-links a:not(.nav-social){display:none}.nav-social{padding:5px 10px}.hero{min-height:740px}.hero-meta{flex-direction:column;gap:10px;margin-top:60px}.section{padding:90px 0}.section-header,.about-content,.contact-inner{display:block}.section-header .section-sub{margin-top:24px}.about-text,.contact-info{margin-bottom:52px}.service-grid{grid-template-columns:repeat(2,1fr)}.stack-grid{grid-template-columns:repeat(2,1fr);gap:35px 20px}.work-main{grid-template-columns:1fr;gap:28px}.work-art{min-height:210px}.footer-inner{display:flex;flex-direction:column;align-items:flex-start}.footer-links{justify-content:flex-start;order:3}.footer p{text-align:left}}@media(max-width:500px){.hero h1{font-size:3rem}.typing-words{width:174px}.hero-sub{font-size:1rem}.hero-actions{display:grid}.btn{justify-content:center}.service-grid{grid-template-columns:1fr}.stack-grid{grid-template-columns:1fr}.stat strong{min-width:80px;font-size:2.8rem}}
/* Stack and service cards stay balanced as content grows. */
.stack-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:start}
.stack-group{min-width:0}
.chips span{overflow-wrap:anywhere}
@media(max-width:850px){.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.stack-grid{grid-template-columns:1fr}}
.contact-socials{display:flex;gap:20px;margin-top:22px;font-family:var(--mono);font-size:.72rem;text-transform:uppercase}.contact-socials a{color:var(--teal)}