@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#202a37;--muted:#747e8c;--blue:#5266df;--line:#e2e5ec;--paper:#f7f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #8493f2;outline-offset:5px}.wrap{max-width:1280px;width:calc(100% - 112px);margin:auto}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:38px;font-weight:800;letter-spacing:-3px;display:flex;align-items:center}.brand>span:first-child{color:var(--blue)}.brand-name{font-size:13px;letter-spacing:0;margin-left:19px;font-weight:700}.header nav{display:flex;gap:34px;font-size:13px}.header a:hover{color:var(--blue)}.header-contact{font-weight:700}.header-contact span{margin-left:22px}.hero{padding-top:65px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.9px;display:flex;align-items:center;gap:9px;color:#707c8e}.status-dot{width:7px;height:7px;background:var(--blue);border-radius:50%}.location{margin-left:auto;font-size:9px}h1{font-size:clamp(40px,5.3vw,73px);font-weight:500;letter-spacing:-3.5px;line-height:1.14;margin:29px 0 26px}h1>span{color:var(--blue)}.hero-bottom{display:flex;justify-content:space-between;align-items:center}.hero-bottom p{font-size:16px;line-height:1.8;color:var(--muted);margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:40px;padding:17px 23px;border-radius:7px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:white;box-shadow:0 5px 14px #5266df20}.primary:hover{background:#4054c9}.stack-line{display:flex;gap:24px;align-items:center;margin-top:46px;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;font-weight:600;color:#657080}.stack-line i{font-weight:400;color:#c0c6d1}.projects{padding-top:64px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}h2{font-size:34px;letter-spacing:-1.4px;font-weight:500;line-height:1.2;margin:13px 0 0}.small-count{font-size:12px;letter-spacing:0;color:var(--muted);vertical-align:top;margin-left:13px}.section-heading>p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 3px}.project-tabs{display:flex;gap:8px;margin-bottom:21px}.project-tabs button{border:1px solid var(--line);background:transparent;border-radius:6px;padding:12px 17px;color:#9098a5;font-size:10px}.project-tabs span{margin-left:9px;font-size:12px;color:#626c7a}.project-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#a8b1c1}.project-tabs button[aria-selected=true] span{color:white}.project-card{display:grid;grid-template-columns:37% 63%;min-height:470px;border:1px solid var(--line);border-radius:13px;background:white;overflow:hidden}.project-copy{padding:37px 33px;display:flex;flex-direction:column;align-items:start}.project-kind{color:var(--blue);font-size:10px;letter-spacing:1.3px;font-weight:700;text-transform:uppercase}.project-copy h3{font-weight:600;font-size:29px;letter-spacing:-1px;line-height:1.3;margin:16px 0}.project-copy>p,.project-result p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.project-result{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.project-result>span{font-size:9px;letter-spacing:1.4px;font-weight:700}.project-result p{margin-top:8px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:22px}.tags span{background:#f3f5f8;border:1px solid #e8ebf0;border-radius:4px;font-size:9px;color:#697487;padding:5px 8px}.project-link{font-weight:700;font-size:12px;margin-top:26px;color:var(--blue)}.project-visual{background:#eaf0ed;padding:28px 27px 17px;display:flex;flex-direction:column;justify-content:center;min-width:0}.preview-bar{background:white;border:1px solid #dfe5e3;border-bottom:0;border-radius:8px 8px 0 0;height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#8b949b;font-size:9px}.preview-bar>span:first-child{display:flex;gap:4px}.preview-bar i{width:5px;height:5px;border-radius:50%;background:#d5dadb}.preview-bar button{border:0;background:none;font-size:20px;color:#76847d}.image-button{display:block;padding:0;width:100%;border:1px solid #dfe5e3;background:white;overflow:hidden;height:326px;border-radius:0 0 5px 5px;box-shadow:0 15px 35px #243e3512}.image-button img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .5s}.image-button:hover img{transform:scale(1.025)}.image-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:9px;color:#7a8983;gap:12px}.image-footer button{width:24px;height:24px;padding:0;border:0;background:transparent;color:#7a8983}.image-footer button.active{background:white;border-radius:4px;color:var(--ink)}.project-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:11px;color:#9aa2ae}.project-pagination strong{color:var(--ink);font-weight:600}.pagination-hint{margin-left:24px;font-size:10px}.arrow{width:39px;height:36px;border:1px solid var(--line);background:transparent;border-radius:6px;color:var(--ink);margin-left:5px;font-size:19px}.arrow:hover{background:white;border-color:#adb8dd}.workflow{margin-top:61px;padding:27px 0 34px;border-block:1px solid var(--line)}.pipeline{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.pipeline div>span{font-size:8px;color:#939dab;letter-spacing:1px}.pipeline h3{font-size:14px;margin:10px 0;font-weight:600}.pipeline p{font-size:10px;color:var(--muted);margin:0}.pipeline>b{color:#b6becb;font-size:19px;font-weight:400}.expertise{padding-top:70px}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.skill-grid article{padding:28px;border:1px solid var(--line);border-radius:10px;background:#fff}.skill-icon{color:var(--blue);background:#f0f2fc;width:35px;height:35px;display:grid;place-items:center;border-radius:7px;font-size:21px}.skill-grid h3{font-size:17px;font-weight:600;margin:21px 0 12px}.skill-grid p{color:var(--muted);font-size:12px;line-height:1.9;margin:0}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding-top:85px;padding-bottom:55px}.about h2{font-size:43px;line-height:1.15;margin-top:20px}.accent{color:var(--blue)}.about p{color:var(--muted);font-size:13px;line-height:1.9}.about .about-lead{font-size:20px;color:var(--ink);margin-top:0}.about-location{font-size:11px!important;margin-top:21px}.secondary{border:1px solid var(--line);background:white;margin-top:12px;gap:24px}.secondary span{font-size:10px;color:var(--muted)}.links-section{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding:28px 0}.links-section a{padding:0 20px;border-right:1px solid var(--line)}.links-section a:first-child{padding-left:0}.links-section a:last-child{border:0}.links-section a>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.links-section strong{font-size:13px;font-weight:600;display:block;margin:12px 0}.links-section b{float:right;color:var(--blue);font-size:15px}.links-section small{font-size:9px;color:var(--muted)}.links-section a:hover strong{color:var(--blue)}.contact{text-align:center;padding:76px 0}.contact .eyebrow{justify-content:center}.contact h2{font-size:38px;margin:21px 0}.contact h2>span{color:var(--blue)}.contact>a{display:block;font-size:18px;color:var(--blue);margin-top:25px}.contact>a>span{margin-left:16px}.contact .phone{font-size:12px;color:var(--muted);margin-top:15px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0;font-size:10px;color:var(--muted)}dialog{width:min(1200px,96vw);max-height:94vh;padding:0;border:0;border-radius:12px;background:#f7f8fa;color:var(--ink)}dialog::backdrop{background:#111c32bf;backdrop-filter:blur(6px)}.lightbox-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line);font-size:12px;gap:15px}.lightbox-toolbar button{background:white;border:1px solid var(--line);border-radius:5px;padding:8px 13px;margin-left:5px}.lightbox-body{overflow:auto;max-height:75vh;text-align:center;padding:15px}.lightbox-body img{max-width:100%;height:auto;display:block;margin:auto}dialog>p{text-align:center;font-size:10px;color:var(--muted)}body.modal-open{overflow:hidden}@media(min-width:1500px){.wrap{max-width:1280px}.hero{padding-top:78px}.image-button{height:370px}.project-card{min-height:490px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.brand-name{display:none}.project-card{grid-template-columns:40% 60%}.project-copy{padding:28px 24px}.project-copy h3{font-size:25px}.project-visual{padding:20px 18px}.image-button{height:330px}.links-section{grid-template-columns:repeat(2,1fr);gap:25px}.links-section a:nth-child(3){padding-left:0}.links-section a:nth-child(2){border:0}}@media(max-width:720px){.wrap{width:calc(100% - 36px)}.header{height:77px}.header nav{gap:18px;font-size:11px}.header-contact{font-size:11px}.header-contact span{margin-left:4px}.hero{padding-top:38px}.eyebrow{font-size:8px;letter-spacing:1.3px}.location{display:none}h1{font-size:clamp(34px,7.9vw,56px);letter-spacing:-1.8px;margin-top:23px}.hero-bottom{display:block}.hero-bottom p{font-size:13px}.hero-bottom .button{margin-top:24px}.stack-line{gap:12px;flex-wrap:wrap;font-size:10px;margin-top:30px;padding:20px 0}.stack-line i{font-size:8px}.projects{padding-top:40px}.section-heading{display:block}h2{font-size:29px}.section-heading>p{margin-top:15px;font-size:11px}.project-tabs{overflow:auto;padding-bottom:4px;gap:6px}.project-tabs button{flex-shrink:0;padding:10px 12px}.project-tabs span{font-size:10px;margin-left:5px}.project-card{grid-template-columns:1fr}.project-copy{padding:26px}.project-copy h3{font-size:28px}.project-visual{padding:22px 18px 16px}.image-button{height:280px}.project-pagination{margin-top:15px}.pagination-hint{margin-left:12px;font-size:9px}.workflow{margin-top:40px}.pipeline{display:grid;grid-template-columns:1fr 1fr;gap:28px 15px}.pipeline>b{display:none}.pipeline h3{font-size:12px}.pipeline p{font-size:9px}.expertise{padding-top:43px}.skill-grid{grid-template-columns:1fr;gap:12px}.skill-grid article{padding:24px}.skill-grid h3{margin-top:15px}.about{grid-template-columns:1fr;gap:20px;padding-top:48px;padding-bottom:36px}.about h2{font-size:37px}.about .about-lead{font-size:18px}.links-section{gap:25px 10px}.links-section a{padding:0 10px}.links-section strong{font-size:11px}.links-section small{font-size:8px}.links-section a>span{font-size:7px;letter-spacing:.5px}.contact{padding:52px 0}.contact h2{font-size:29px}.contact>a{font-size:15px}footer{flex-wrap:wrap;gap:17px;font-size:9px}footer>span:nth-child(2){display:none}.lightbox-toolbar{padding:10px;font-size:10px}.lightbox-toolbar button{padding:7px 10px}.lightbox-body{padding:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Display preferences */
.preferences{display:flex;align-items:center;gap:10px}.language-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:7px}.language-switch button{border:0;background:transparent;color:var(--muted);padding:7px 8px;border-radius:4px;font-size:11px;font-weight:700}.language-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.theme-switch{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--ink);height:36px;padding:0 10px;font-size:11px;min-width:85px}.theme-switch>span:first-child{font-size:18px}.header{gap:20px}.header nav{margin-left:auto}.header-contact{margin-left:15px}html[data-theme=dark]{color-scheme:dark;--ink:#e2e8f3;--muted:#a5afbf;--blue:#98a5ff;--line:#323d4e;--paper:#111722}html[data-theme=dark] .project-card,html[data-theme=dark] .skill-grid article,html[data-theme=dark] .secondary{background:#192230}html[data-theme=dark] .project-visual{background:#202d39!important}html[data-theme=dark] .preview-bar{background:#263443;border-color:#405062;color:#c1ccd6}html[data-theme=dark] .preview-bar button{color:#c1ccd6}html[data-theme=dark] .image-button{border-color:#405062;background:#192230}html[data-theme=dark] .image-footer{color:#b6c2cc}html[data-theme=dark] .image-footer button{color:#b6c2cc}html[data-theme=dark] .image-footer button.active{background:#3b4b5d;color:#fff}html[data-theme=dark] .tags span{background:#263140;border-color:#3a4657;color:#c6cfde}html[data-theme=dark] .skill-icon{background:#2c3657;color:#b0baff}html[data-theme=dark] .eyebrow,html[data-theme=dark] .stack-line,html[data-theme=dark] .project-tabs span,html[data-theme=dark] .project-pagination,html[data-theme=dark] .pipeline div>span{color:#a5afbf}html[data-theme=dark] .project-tabs button[aria-selected=true]{background:#8595f3;border-color:#8595f3;color:#182031}html[data-theme=dark] .project-tabs button[aria-selected=true] span{color:#111722}html[data-theme=dark] .primary{background:#8595f3;color:#111722}html[data-theme=dark] .primary:hover{background:#a2aefa}html[data-theme=dark] .arrow:hover{background:#263140}html[data-theme=dark] dialog{background:#192230}html[data-theme=dark] .lightbox-toolbar button{background:#263140;color:var(--ink)}html[lang=uz] h1{font-size:clamp(36px,4.8vw,66px)}
@media(max-width:1050px){.header{gap:14px}.header nav{gap:20px}.header-contact{margin-left:0}.theme-label{display:none}.theme-switch{min-width:36px;justify-content:center;padding:0 8px}}
@media(max-width:720px){.header{height:auto;min-height:104px;display:grid;grid-template-columns:auto 1fr auto;gap:8px 12px;padding-top:10px;padding-bottom:12px}.header .brand{grid-row:1}.header nav{grid-row:2;grid-column:1/3;margin-left:0}.header-contact{grid-row:2;grid-column:3;justify-self:end}.preferences{grid-row:1;grid-column:2/4;justify-self:end;gap:8px}.theme-label{display:inline}.theme-switch{min-width:86px}html[lang=uz] h1{font-size:clamp(32px,8vw,52px);letter-spacing:-1.4px}.project-tabs{scrollbar-width:thin}}