:root{--bg:#050607;--panel:#0a0c0e;--line:#202326;--text:#f5f5f3;--muted:#a7aaae;--soft:#15181b;--accent:#9b7cff;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{width:min(var(--max),calc(100% - 96px));margin:auto}.site-header{height:76px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;background:rgba(5,6,7,.94);backdrop-filter:blur(16px)}.nav-wrap{height:100%;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;letter-spacing:.16em}.brand img{width:36px;height:36px;object-fit:contain;filter:invert(1)}.nav-links{display:flex;gap:34px;margin:auto;font-size:14px;font-weight:600}.nav-links a{color:#d7d8d9}.nav-links a:hover{color:white}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid #555b61;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:700}.nav-cta{border-radius:999px}.nav-cta:hover{background:#fff;color:#050607}.menu-btn{display:none;background:none;border:0}.hero-slider{position:relative;min-height:650px;border-bottom:1px solid var(--line);overflow:hidden}.slides{min-height:650px}.hero-slide{display:none;min-height:650px;background:radial-gradient(circle at 80% 20%,#171c21 0,transparent 32%),linear-gradient(90deg,#050607 0%,#07090b 55%,#0c1014 100%)}.hero-slide.active{display:block}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;min-height:650px}.hero-copy{padding:70px 0;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.eyebrow,.page-hero small,.section-intro small,.contact-lead small,.contact-info>small,.principles small,.page-cta small,.case-hero small,.case-body aside small{font-size:11px;letter-spacing:.28em;color:#9ba1a7;font-weight:700}.hero-copy h1{font-size:clamp(48px,5vw,76px);line-height:1.04;letter-spacing:-.045em;margin:18px 0 18px;max-width:760px}.hero-copy p{font-size:18px;color:#d0d2d4;max-width:580px;margin:0 0 28px}.hero-actions{display:flex;gap:12px}.btn.light{background:#fff;color:#050607;border-color:#fff}.btn.outline{background:transparent;color:#fff}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(115deg,transparent,#10151a 50%,#07090b);overflow:hidden}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050607 0,transparent 22%),linear-gradient(0deg,#050607 0,transparent 18%);pointer-events:none}.monitor{width:min(620px,84%);position:relative;z-index:2}.monitor-top{height:14px;background:#23282d;border-radius:10px 10px 0 0}.monitor-screen{height:330px;border:14px solid #111519;background:#080a0c;box-shadow:0 30px 80px #000;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:55px}.monitor-screen img{filter:invert(1);width:100px}.monitor-screen b{position:absolute;left:34%;font-size:20px;letter-spacing:.18em}.monitor-screen span{font-size:24px;line-height:1.5;font-weight:700;border-left:1px solid #777;padding-left:35px}.monitor-foot{width:140px;height:70px;background:linear-gradient(#353b40,#111);margin:auto;clip-path:polygon(40% 0,60% 0,70% 75%,100% 90%,100% 100%,0 100%,0 90%,30% 75%)}.desk-label{position:absolute;right:8%;bottom:12%;font-size:20px;color:#646a70;font-weight:700;z-index:2}.system-board,.browser-stack{width:75%;min-height:380px;border:1px solid #353a40;background:#0b0e11;box-shadow:0 30px 80px #000;position:relative;z-index:2;padding:30px}.board-head{font-size:12px;letter-spacing:.2em;color:#aaa;border-bottom:1px solid #282d31;padding-bottom:20px}.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:35px 0}.board-grid i{height:95px;border:1px solid #292f34;background:linear-gradient(135deg,#11171d,#090b0d)}.board-lines span{display:block;height:6px;background:#242a2f;margin:12px 0}.board-lines span:nth-child(2){width:75%}.board-lines span:nth-child(3){width:55%}.browser-stack{padding:0}.browser-bar{height:44px;border-bottom:1px solid #282d31;display:flex;align-items:center;gap:8px;padding:0 16px}.browser-bar i{width:8px;height:8px;border:1px solid #737980;border-radius:50%}.browser-content{padding:45px}.browser-content b{font-size:13px;letter-spacing:.2em}.browser-content strong{display:block;font-size:48px;line-height:1.05;margin:28px 0}.browser-content div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.browser-content span{height:80px;border:1px solid #30363c}.slider-arrow{position:absolute;top:50%;z-index:5;background:transparent;border:0;color:white;font-size:48px;opacity:.7}.slider-arrow.prev{left:18px}.slider-arrow.next{right:18px}.slider-count{position:absolute;right:5%;bottom:24px;z-index:5;display:flex;gap:10px;align-items:center;font-size:12px}.slider-count em{font-style:normal;color:#777}.capability-strip{border-bottom:1px solid var(--line)}.capabilities{display:grid;grid-template-columns:1.35fr repeat(4,1fr)}.capabilities>div,.capabilities>a{padding:38px 26px;border-right:1px solid var(--line);min-height:210px}.capabilities>div{padding-left:0}.capabilities small{font-size:10px;letter-spacing:.2em;color:#8e9499}.capabilities h2{font-size:30px;line-height:1.2;margin:12px 0}.capabilities a{display:flex;flex-direction:column}.capabilities a b{font-size:25px}.capabilities a strong{font-size:18px;margin:16px 0 6px}.capabilities a span{font-size:14px;color:var(--muted)}.capabilities a i{margin-top:auto;font-style:normal}.work-home,.process-home,.contact-home,.services-list,.about-story,.principles,.process-detail,.projects-page,.case-body{border-bottom:1px solid var(--line)}.section-row{display:grid;grid-template-columns:270px 1fr;gap:60px;padding:70px 0}.section-intro h2,.contact-lead h2{font-size:34px;line-height:1.15;margin:14px 0}.section-intro p,.contact-lead p{color:var(--muted);font-size:14px}.section-intro>a{font-size:13px;color:#c4b6ff}.project-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.project-tile{border:1px solid #303439;background:#0b0d0f;min-width:0}.project-tile>img,.project-placeholder{aspect-ratio:1.45;object-fit:cover;width:100%;background:#101317;display:grid;place-items:center;color:#555}.project-tile>div:last-child{padding:14px;position:relative}.project-tile strong{display:block;font-size:15px}.project-tile small{display:block;font-size:10px;color:#92979c;margin-top:3px}.project-tile span{position:absolute;right:14px;bottom:14px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.steps>div{position:relative;padding-top:15px;border-top:1px solid #4a4f54}.steps b{font-size:10px;color:#a69abc}.steps i{display:block;font-style:normal;font-size:25px;margin:20px 0}.steps strong{display:block;font-size:15px}.steps span{font-size:12px;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:270px 1fr 420px;gap:60px;min-height:330px}.contact-lead{padding:60px 0}.contact-grid form{padding:60px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.contact-grid input,.contact-grid textarea,.contact-form input,.contact-form textarea,.contact-form select{width:100%;background:#0c0f12;border:1px solid #34393e;color:white;padding:14px 15px;font:inherit;border-radius:4px}.contact-grid textarea{grid-column:1/-1;min-height:95px;resize:vertical}.contact-grid button{justify-self:start}.form-note{grid-column:1/-1;font-size:13px}.form-note.error{color:#ffb4b4}.contact-image{background:radial-gradient(circle at 30% 30%,#26303a,#090b0d 65%);display:flex;flex-direction:column;justify-content:center;padding:55px;position:relative;overflow:hidden}.contact-image img{width:110px;filter:invert(1);opacity:.9}.contact-image strong{font-size:25px;line-height:1.3;margin-top:50px}.site-footer{padding:28px 0;border-top:1px solid var(--line)}.footer-main{display:grid;grid-template-columns:1fr 1fr 1.4fr;align-items:center;gap:30px}.footer-brand p{font-size:11px;color:#999;margin:4px 0 0 48px}.footer-links{display:flex;gap:24px;justify-content:center;font-size:11px;color:#b8bbbe}.footer-company{text-align:right;font-size:10px;letter-spacing:.03em}.footer-company small{display:block;color:#777;margin-top:5px}.page-hero{padding:110px 0 80px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 10%,#151a1f,transparent 28%)}.page-hero h1,.case-hero h1{font-size:clamp(48px,6vw,86px);line-height:1.02;letter-spacing:-.05em;margin:18px 0}.page-hero h1 span,.case-hero h1 span{color:#9ca0a4}.page-hero p{font-size:18px;color:#b8bcc0;max-width:700px}.service-line{display:grid;grid-template-columns:80px 1fr 420px;gap:55px;padding:70px 0;border-bottom:1px solid var(--line);align-items:center}.service-line>b{font-size:13px;color:#777}.service-line small{color:#969ca2;letter-spacing:.18em}.service-line h2{font-size:38px;margin:8px 0 12px}.service-line p{color:var(--muted);max-width:650px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tags span{font-size:11px;border:1px solid #33383d;padding:6px 10px}.service-visual{height:260px;background:#0a0d10;border:1px solid #252a2f;padding:28px}.mini-window{height:100%;border:1px solid #30363b;padding:18px;position:relative}.mini-window i{display:inline-block;width:7px;height:7px;border:1px solid #666;border-radius:50%;margin-right:5px}.mini-window strong{display:block;font-size:24px;margin:38px 0 22px}.mini-window span{display:block;height:7px;background:#252b30;margin:10px 0}.mini-window span:nth-last-child(1){width:60%}.page-cta{padding:80px 0;background:#090b0d;border-bottom:1px solid var(--line)}.page-cta h2{font-size:38px;line-height:1.2;margin:15px 0 28px;max-width:900px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:80px 0}.office-scene{height:520px;border:1px solid #252a2f;background:radial-gradient(circle at 60% 35%,#29333c,#0b0e11 55%,#050607);position:relative;display:grid;place-items:center;overflow:hidden}.office-scene:before{content:"";position:absolute;width:70%;height:50%;border:12px solid #11171c;background:#080a0c;box-shadow:0 30px 80px #000}.office-scene img{width:130px;filter:invert(1);z-index:2}.office-scene span{position:absolute;bottom:30px;left:30px;font-size:11px;letter-spacing:.2em;color:#777}.about-copy{align-self:center}.about-copy h2{font-size:44px;line-height:1.15}.about-copy p{font-size:17px;color:#b4b7ba}.section-title{padding-top:70px}.section-title h2{font-size:40px}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:40px 0 80px}.principle-grid article{border-left:1px solid var(--line);padding:25px}.principle-grid b{color:#888;font-size:12px}.principle-grid h3{font-size:24px}.principle-grid p{color:var(--muted);font-size:14px}.process-detail article{display:grid;grid-template-columns:100px 1fr 120px;gap:40px;padding:60px 0;border-bottom:1px solid var(--line);align-items:center}.process-detail article>b{font-size:13px;color:#777}.process-detail article h2{font-size:38px;margin:6px 0}.process-detail article p{color:var(--muted);max-width:700px}.process-detail article>i{font-style:normal;font-size:48px;text-align:center;color:#b9bdc1}.contact-page-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding:80px 0}.contact-info h2{font-size:42px;line-height:1.15}.contact-info p{color:var(--muted)}.contact-info dl div{border-top:1px solid var(--line);padding:18px 0}.contact-info dt{font-size:10px;color:#777;letter-spacing:.15em}.contact-info dd{margin:5px 0;font-size:16px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{font-size:12px;color:#b5b8bb}.contact-form input,.contact-form textarea,.contact-form select{margin-top:7px}.contact-form .wide{grid-column:1/-1}.filter-bar{display:flex;justify-content:space-between;align-items:center;padding:35px 0;border-bottom:1px solid var(--line)}.filter-bar b{font-size:12px}.filter-bar button{background:none;border:0;color:#8f9498;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer}.filter-bar button.active{color:white;border-bottom:1px solid white}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 22px;padding:55px 0 90px}.project-card[hidden]{display:none}.project-media{overflow:hidden;background:#0d1013;border:1px solid #252a2f}.project-media img,.project-media .project-placeholder{width:100%;aspect-ratio:16/10;object-fit:cover;transition:.5s}.project-card:hover .project-media img{transform:scale(1.02)}.project-info{display:flex;justify-content:space-between;gap:20px;padding:18px 2px}.project-info small{font-size:10px;color:#888;letter-spacing:.12em}.project-info h2{font-size:28px;margin:5px 0}.project-info p{color:var(--muted);font-size:14px;max-width:580px}.project-info>span{font-size:26px}.case-hero{padding:80px 0 55px;border-bottom:1px solid var(--line)}.back-link{font-size:12px;color:#9a9ea2}.case-hero p{font-size:18px;color:#b7babd;max-width:750px}.case-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px;padding-top:25px;border-top:1px solid var(--line)}.case-meta b{display:block;font-size:9px;color:#777;letter-spacing:.15em}.case-meta span,.case-meta a{font-size:13px}.case-cover{padding:55px 0;border-bottom:1px solid var(--line)}.case-browser{border:1px solid #33383d;background:#0b0d0f}.case-browser>div{height:42px;border-bottom:1px solid #30353a;display:flex;align-items:center;gap:7px;padding:0 14px}.case-browser>div i{width:7px;height:7px;border:1px solid #666;border-radius:50%}.case-browser>div span{font-size:10px;color:#777;margin-left:12px}.case-browser img{width:100%;max-height:850px;object-fit:cover;object-position:top}.case-body-grid{display:grid;grid-template-columns:320px 1fr;gap:80px;padding:80px 0}.case-body aside h2{font-size:34px}.case-body article{font-size:17px;color:#c1c4c7;line-height:1.9}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:80px}.case-gallery img{width:100%;border:1px solid #292e33}.empty-project{border:1px solid #252a2f;padding:50px;color:#999}.project-placeholder{min-height:200px}.menu-btn span{display:block;width:24px;height:1px;background:white;margin:6px}
@media(max-width:1000px){.shell{width:min(100% - 40px,var(--max))}.nav-links{position:fixed;inset:76px 0 auto;background:#070809;border-bottom:1px solid var(--line);display:none;flex-direction:column;padding:25px 20px}.nav-links.open{display:flex}.nav-cta{display:none}.menu-btn{display:block;margin-left:auto}.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.hero-slider,.slides,.hero-slide{min-height:590px}.capabilities{grid-template-columns:1fr 1fr}.capabilities>div{grid-column:1/-1}.section-row{grid-template-columns:1fr}.project-row{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.contact-image{min-height:260px}.footer-main{grid-template-columns:1fr}.footer-links{justify-content:flex-start;flex-wrap:wrap}.footer-company{text-align:left}.service-line{grid-template-columns:60px 1fr}.service-visual{grid-column:2}.about-grid,.contact-page-grid{grid-template-columns:1fr}.principle-grid{grid-template-columns:1fr 1fr}.projects-grid{grid-template-columns:1fr}.case-meta{grid-template-columns:1fr 1fr}.case-body-grid{grid-template-columns:1fr}.process-detail article{grid-template-columns:60px 1fr}.process-detail article>i{display:none}}
@media(max-width:620px){body{font-size:15px}.shell{width:calc(100% - 28px)}.site-header{height:68px}.nav-links{top:68px}.brand{font-size:16px}.brand img{width:30px;height:30px}.hero-copy{padding:55px 0}.hero-copy h1{font-size:43px}.hero-copy p{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.capabilities{grid-template-columns:1fr}.capabilities>div{grid-column:auto}.capabilities>a,.capabilities>div{border-right:0;border-bottom:1px solid var(--line);padding:28px 0;min-height:auto}.project-row{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.contact-grid form{grid-template-columns:1fr}.contact-grid textarea{grid-column:auto}.page-hero{padding:75px 0 55px}.page-hero h1,.case-hero h1{font-size:45px}.service-line{grid-template-columns:1fr;gap:18px;padding:45px 0}.service-visual{grid-column:auto}.service-line h2{font-size:30px}.about-grid{gap:35px;padding:50px 0}.office-scene{height:340px}.about-copy h2{font-size:34px}.principle-grid{grid-template-columns:1fr}.process-detail article{grid-template-columns:1fr;gap:12px}.process-detail article h2{font-size:30px}.contact-form{grid-template-columns:1fr}.contact-form .wide{grid-column:auto}.filter-bar{align-items:flex-start;gap:20px;flex-direction:column}.filter-bar div{display:flex;overflow:auto;width:100%}.case-meta{grid-template-columns:1fr}.case-body-grid{padding:50px 0}.case-gallery{grid-template-columns:1fr}.footer-links{gap:14px}.footer-company{font-size:9px}.page-cta h2{font-size:30px}}


/* v5.1 — refined brand + hero slider */
.site-header .brand img{width:142px;height:34px;object-fit:contain;object-position:left center;filter:none}.footer-brand .brand img{width:154px;height:38px;object-fit:contain;object-position:left center;filter:none}.footer-brand p{margin-left:0}.hero-slider,.slides,.hero-slide,.hero-grid{min-height:690px}.hero-slide{background:#050607}.hero-copy{padding-right:52px}.hero-art{border-left:1px solid #171a1d;background:radial-gradient(circle at 65% 35%,#151b20 0,#090c0f 38%,#050607 72%)}.art-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to left,#000,transparent 92%)}
.studio-window{width:min(680px,82%);height:430px;position:relative;z-index:2;border:1px solid #343a40;background:rgba(7,9,11,.94);box-shadow:0 42px 100px rgba(0,0,0,.62);transform:perspective(1300px) rotateY(-4deg)}.studio-bar{height:42px;border-bottom:1px solid #242a2f;display:flex;align-items:center;gap:7px;padding:0 14px}.studio-bar>span{width:7px;height:7px;border:1px solid #687079;border-radius:50%}.studio-bar em{font-style:normal;font-size:9px;letter-spacing:.16em;color:#70767c;margin-left:12px}.studio-canvas{height:calc(100% - 42px);position:relative;padding:48px;background:radial-gradient(circle at 80% 20%,rgba(155,124,255,.12),transparent 32%)}.studio-brand img{width:150px;filter:none}.studio-brand small{display:block;margin-top:10px;font-size:9px;letter-spacing:.25em;color:#7e858b}.studio-statement{position:absolute;right:48px;top:58px;border-left:1px solid #4b5157;padding-left:28px;font-size:27px;line-height:1.45;font-weight:700}.studio-statement b{color:#bcaaff}.studio-index{position:absolute;left:48px;bottom:38px;font-size:10px;color:#747b81;letter-spacing:.18em}.float-card{position:absolute;z-index:3;background:rgba(12,15,18,.96);border:1px solid #30363c;padding:16px 18px;min-width:150px;box-shadow:0 20px 45px rgba(0,0,0,.45)}.float-card small{font-size:8px;letter-spacing:.2em;color:#8d949a}.float-card b,.float-card span{display:block}.float-card b{font-size:13px;margin-top:5px}.float-card span{font-size:10px;color:#7e858b}.card-a{left:6%;bottom:14%;}.card-b{right:5%;bottom:22%}.desk-label{right:7%;bottom:7%;font-size:12px;letter-spacing:.12em;color:#737a80}.desk-label b{color:#c4c8cb}
.system-console{width:min(690px,84%);height:430px;z-index:2;border:1px solid #343a40;background:#080b0d;box-shadow:0 42px 100px #000}.console-head{height:44px;border-bottom:1px solid #272d32;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.17em;color:#858c92}.console-head b{font-size:8px;color:#bcaaff;border:1px solid #66569c;padding:4px 7px}.console-main{display:grid;grid-template-columns:52px 1fr;height:calc(100% - 44px)}.console-main aside{border-right:1px solid #242a2f;display:flex;flex-direction:column;align-items:center;padding-top:25px;gap:19px}.console-main aside i{width:12px;height:12px;border:1px solid #545b61}.console-main aside i.active{background:#eee;border-color:#eee}.console-content{padding:42px}.console-content>small{font-size:9px;letter-spacing:.2em;color:#777f85}.console-content>strong{display:block;font-size:37px;line-height:1.1;margin:12px 0 30px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-row div{border:1px solid #282e33;padding:15px}.metric-row b,.metric-row span{display:block}.metric-row b{font-size:16px}.metric-row span{font-size:9px;color:#7f878d}.activity{display:flex;align-items:end;gap:7px;height:70px;margin-top:24px;border-bottom:1px solid #2a3035}.activity i{flex:1;background:linear-gradient(#8e78d4,#292f35);height:35%}.activity i:nth-child(2){height:60%}.activity i:nth-child(3){height:42%}.activity i:nth-child(4){height:78%}.activity i:nth-child(5){height:56%}.activity i:nth-child(6){height:88%}.system-note{position:absolute;z-index:3;right:6%;bottom:8%;font-size:10px;letter-spacing:.14em;color:#767e84}.system-note b{color:#d9dcde}
.device-stage{position:relative;width:min(700px,86%);height:450px;z-index:2}.desktop-ui{position:absolute;left:0;top:20px;width:88%;height:390px;border:1px solid #353b41;background:#090c0f;box-shadow:0 42px 100px #000;padding:38px}.ui-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #262c31;padding-bottom:18px}.ui-top img{width:130px;filter:none}.ui-top span{font-size:8px;letter-spacing:.2em;color:#777f85}.desktop-ui>strong{display:block;font-size:35px;line-height:1.12;margin:40px 0 35px}.ui-cards{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px}.ui-cards i{height:82px;border:1px solid #2b3136;background:linear-gradient(135deg,#151a1e,#090b0d)}.phone-ui{position:absolute;right:0;bottom:0;width:155px;height:300px;border:7px solid #20262b;border-radius:24px;background:#080a0c;box-shadow:0 25px 60px #000;padding:25px 18px;z-index:3}.phone-ui>span{display:block;width:42px;height:4px;background:#333a40;border-radius:4px;margin:0 auto 45px}.phone-ui b{display:block;font-size:42px}.phone-ui small{display:block;color:#858c92;letter-spacing:.13em;margin-top:40px}.web-caption{position:absolute;left:7%;bottom:7%;z-index:3;font-size:9px;letter-spacing:.22em;color:#777f85}
.slider-arrow{width:42px;height:58px;border:1px solid #3a4045;background:rgba(5,7,8,.7);font-size:30px;display:grid;place-items:center;transition:.25s}.slider-arrow:hover{background:#fff;color:#050607}.slider-arrow.prev{left:20px}.slider-arrow.next{right:20px}.slider-count{right:5%;bottom:28px}.hero-slide.active .studio-window,.hero-slide.active .system-console,.hero-slide.active .device-stage{animation:heroIn .7s cubic-bezier(.2,.8,.2,1) both}@keyframes heroIn{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:1000px){.site-header .brand img{width:126px}.hero-slider,.slides,.hero-slide{min-height:610px}.hero-copy{padding-right:0}}
@media(max-width:620px){.site-header .brand img{width:116px;height:30px}.footer-brand .brand img{width:140px}.hero-slider,.slides,.hero-slide{min-height:560px}.hero-copy h1{font-size:42px}.slider-arrow{display:none}}

/* v5.2 — mobile-first hardening + stronger lead forms */
.contact-grid form,.contact-form{background:#080a0c;border:1px solid #252a2f;padding:32px;align-self:center}
.contact-grid form label,.contact-form label{display:flex;flex-direction:column;gap:8px;color:#dfe1e3;font-size:12px;font-weight:700;letter-spacing:.02em}
.contact-grid form label span{font-size:11px;color:#b8bdc2}
.contact-grid input,.contact-grid textarea,.contact-grid select,.contact-form input,.contact-form textarea,.contact-form select{min-height:52px;background:#0d1013;border:1px solid #353b41;color:#fff;padding:14px 16px;font:inherit;border-radius:5px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.contact-grid textarea,.contact-form textarea{min-height:132px;resize:vertical}
.contact-grid input:focus,.contact-grid textarea:focus,.contact-grid select:focus,.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#858d95;background:#101419;box-shadow:0 0 0 3px rgba(255,255,255,.055)}
.contact-grid input::placeholder,.contact-grid textarea::placeholder,.contact-form input::placeholder,.contact-form textarea::placeholder{color:#6f767d;opacity:1}
.contact-grid .form-message{grid-column:1/-1}.contact-grid form .btn{min-height:52px;padding-inline:28px}.contact-form{padding:34px}.contact-form .btn{min-height:54px}.form-note{padding:11px 13px;border:1px solid #2e4939;background:#0b1710;color:#c9ead6}.form-note.error{border-color:#573335;background:#1a0e0f;color:#ffbfc2}
@media(max-width:1000px){
  .hero-grid{min-height:610px}.hero-copy{max-width:760px}.hero-copy h1{max-width:700px}
  .contact-grid{gap:28px}.contact-grid form{padding:28px}.contact-image{display:none}
  .service-line{grid-template-columns:54px minmax(0,1fr)}.service-visual{max-width:700px}
}
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}.shell{width:calc(100% - 32px)}
  .site-header{height:66px}.nav-wrap{gap:12px}.site-header .brand img{width:124px;height:31px}.nav-links{top:66px;max-height:calc(100vh - 66px);overflow-y:auto;gap:0;padding:8px 16px 20px}.nav-links a{font-size:16px;padding:15px 4px;border-bottom:1px solid #1d2023}
  .hero-slider,.slides,.hero-slide{min-height:auto}.hero-slide{min-height:610px}.hero-grid{display:block;min-height:610px}.hero-copy{min-height:610px;padding:70px 0 82px;justify-content:center}.hero-copy h1{font-size:clamp(40px,11.2vw,58px);line-height:1.02;margin-top:16px}.hero-copy p{font-size:16px;line-height:1.7;max-width:92%}.hero-actions{width:100%;flex-direction:row;flex-wrap:wrap}.hero-actions .btn{min-height:48px}.hero-art{display:none}.slider-count{left:16px;right:auto;bottom:22px}.slider-arrow{display:none}
  .capabilities{display:block}.capabilities>div,.capabilities>a{padding:26px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}.capabilities h2{font-size:29px}.capabilities a strong{font-size:18px}.capabilities a span{font-size:15px}
  .section-row{display:block;padding:54px 0}.section-intro{margin-bottom:30px}.section-intro h2,.contact-lead h2{font-size:32px}.section-intro p,.contact-lead p{font-size:15px}.project-row{grid-template-columns:1fr;gap:18px}.project-tile strong{font-size:17px}.project-tile small{font-size:11px}
  .steps{grid-template-columns:1fr;gap:22px}.steps>div{padding:18px 0 0}.steps strong{font-size:17px}.steps span{font-size:14px}
  .contact-grid{display:block;min-height:0}.contact-lead{padding:50px 0 22px}.contact-grid form{display:grid;grid-template-columns:1fr;padding:24px;margin-bottom:50px;gap:15px}.contact-grid .form-message{grid-column:auto}.contact-grid form .btn{width:100%}
  .page-hero{padding:68px 0 48px}.page-hero h1,.case-hero h1{font-size:clamp(40px,11vw,56px)}.page-hero p{font-size:16px}.service-line{display:block;padding:45px 0}.service-line>b{display:block;margin-bottom:12px}.service-line h2{font-size:31px}.service-line p{font-size:15px}.service-visual{margin-top:28px;height:235px;padding:18px}
  .about-grid{display:block}.office-scene{margin-bottom:34px}.principle-grid{grid-template-columns:1fr}.contact-page-grid{display:block}.contact-info{margin-bottom:34px}.contact-form{display:grid;grid-template-columns:1fr;padding:24px;gap:15px}.contact-form .wide{grid-column:auto}.contact-form .btn{width:100%}
  .filter-bar{gap:18px}.projects-grid{grid-template-columns:1fr}.case-body-grid{display:block}.case-body aside{margin-bottom:30px}.case-gallery{grid-template-columns:1fr}
  .footer-main{display:block}.footer-brand,.footer-links{margin-bottom:25px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.footer-links a{font-size:13px}.footer-company{font-size:10px;line-height:1.6}
}
@media(max-width:430px){
  .shell{width:calc(100% - 24px)}.site-header .brand img{width:112px}.hero-slide,.hero-grid,.hero-copy{min-height:575px}.hero-copy{padding-top:58px}.hero-copy h1{font-size:39px}.hero-copy p{max-width:100%;font-size:15px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.eyebrow,.page-hero small,.section-intro small,.contact-lead small{font-size:10px;letter-spacing:.2em}.contact-grid form,.contact-form{padding:18px}.page-hero h1,.case-hero h1{font-size:39px}.footer-links{grid-template-columns:1fr 1fr}.case-cover{padding:30px 0}.case-browser img{max-height:560px}
}

/* v5.4 Hakkimizda studio visual */
.office-scene{padding:46px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;background:radial-gradient(circle at 72% 25%,#1a232b 0,#0b0f12 40%,#060708 72%);}
.office-scene:before{display:none!important}
.office-scene>img{display:none!important}
.studio-screen{position:relative;z-index:2;width:100%;max-width:620px;margin:auto;border:1px solid #30363b;background:#080a0c;box-shadow:0 28px 80px rgba(0,0,0,.6)}
.studio-top{height:64px;border-bottom:1px solid #24292e;display:flex;align-items:center;justify-content:space-between;padding:0 24px}
.studio-top img{width:142px!important;height:auto!important;filter:none!important;object-fit:contain}
.studio-top span{font-size:10px;letter-spacing:.2em;color:#737a80}
.studio-main{padding:34px 28px 30px;min-height:260px;position:relative;background:linear-gradient(135deg,#0b0e11,#070809)}
.studio-main small{font-size:10px;letter-spacing:.24em;color:#8f969c;font-weight:700}
.studio-main strong{display:block;font-size:clamp(30px,3vw,46px);line-height:1.02;letter-spacing:-.04em;margin-top:22px;color:#fff}
.studio-status{position:absolute;right:28px;bottom:32px;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.14em;color:#8e959b}
.studio-status i{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 14px rgba(255,255,255,.45)}
.studio-bottom{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #24292e}
.studio-bottom span{padding:14px 10px;text-align:center;border-right:1px solid #24292e;font-size:9px;letter-spacing:.12em;color:#9aa0a5}.studio-bottom span:last-child{border-right:0}
.studio-caption{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-top:24px;padding-top:20px;border-top:1px solid #22272b;position:relative;z-index:2}
.studio-caption b{font-size:11px;letter-spacing:.22em}.studio-caption span{font-size:12px;color:#858b90;text-align:right}
@media(max-width:620px){.office-scene{height:auto;min-height:410px;padding:22px}.studio-top{height:54px;padding:0 16px}.studio-top img{width:120px!important}.studio-top span{display:none}.studio-main{min-height:230px;padding:28px 20px}.studio-status{position:static;margin-top:28px}.studio-bottom{grid-template-columns:1fr 1fr}.studio-bottom span:nth-child(2){border-right:0}.studio-bottom span:nth-child(-n+2){border-bottom:1px solid #24292e}.studio-caption{align-items:flex-start;flex-direction:column}.studio-caption span{text-align:left}}

/* FRONTEND FINAL — readability, brand consistency, responsive polish */
.brand img,.contact-image img,.studio-top img,.map-core img{filter:none!important}
.site-header .brand img{width:142px!important;height:34px!important;object-fit:contain;object-position:left center}
.footer-brand .brand img{width:158px!important;height:auto!important}
body{font-size:16px}.nav-links{font-size:14px}.capabilities small,.project-tile small,.steps b,.eyebrow,.page-hero small,.section-intro small,.contact-lead small,.contact-info>small,.principles small,.page-cta small,.case-hero small,.case-body aside small{font-size:11px}
.section-intro p,.contact-lead p,.project-info p,.principle-grid p,.steps span{font-size:14px;line-height:1.7}.about-copy p,.process-detail article p,.page-hero p{line-height:1.75}
.btn,.nav-cta{transition:background .2s,color .2s,border-color .2s,transform .2s}.btn:hover{transform:translateY(-1px)}
.project-tile,.project-card,.service-line,.principle-grid article{transition:border-color .25s,background .25s}.project-tile:hover{border-color:#555c62}.project-tile:hover img{transform:scale(1.015)}.project-tile>img{transition:transform .45s}
.contact-grid select{width:100%;background:#0d1013;border:1px solid #353b41;color:#fff;padding:14px 16px;font:inherit;border-radius:5px;min-height:52px}
.contact-grid form label{min-width:0}.contact-grid form .form-message{grid-column:1/-1}
.about-capabilities,.about-system{border-bottom:1px solid var(--line)}
.about-capabilities{padding:82px 0}.about-cap-head{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:end;margin-bottom:44px}.about-cap-head small,.system-copy small{font-size:11px;letter-spacing:.24em;color:#9ba1a7;font-weight:700}.about-cap-head h2,.system-copy h2{font-size:clamp(36px,4vw,56px);line-height:1.08;letter-spacing:-.04em;margin:14px 0 0}.about-cap-head>p,.system-copy p{color:#b4b8bc;font-size:16px;line-height:1.8;margin:0}
.about-cap-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.about-cap-grid article{min-height:300px;padding:30px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:linear-gradient(180deg,#0a0c0e,#070809)}.about-cap-grid article:last-child{border-right:0}.about-cap-grid span{font-size:11px;color:#777f86}.about-cap-grid b{font-size:22px;margin:52px 0 12px}.about-cap-grid p{color:#aeb3b7;font-size:14px;line-height:1.75;margin:0}.about-cap-grid i{font-style:normal;font-size:9px;letter-spacing:.16em;color:#747c83;margin-top:auto;padding-top:26px}
.about-system{padding:86px 0}.about-system-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.system-copy a{display:inline-block;margin-top:24px;font-size:13px;color:#e9e9e7;border-bottom:1px solid #4c5257;padding-bottom:4px}.system-map{height:500px;border:1px solid #2a3035;background:radial-gradient(circle at center,#151b20 0,#090b0d 44%,#060708 75%);position:relative;overflow:hidden}.system-map:before,.system-map:after{content:"";position:absolute;background:#2a3035}.system-map:before{height:1px;width:72%;left:14%;top:50%}.system-map:after{width:1px;height:70%;top:15%;left:50%}.map-core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:120px;border:1px solid #3b4248;background:#090b0d;display:grid;place-items:center;padding:22px;box-shadow:0 20px 60px #000}.map-core img{width:125px}.map-core small{font-size:8px;letter-spacing:.2em;color:#747b81}.map-node{position:absolute;z-index:2;width:175px;padding:16px;border:1px solid #2e3439;background:#0a0d0f}.map-node b{display:block;font-size:11px;letter-spacing:.12em}.map-node span{display:block;font-size:11px;color:#858c92;margin-top:4px}.map-node.n1{left:8%;top:12%}.map-node.n2{right:8%;top:12%}.map-node.n3{left:8%;bottom:12%}.map-node.n4{right:8%;bottom:12%}
.menu-btn{width:42px;height:42px;padding:8px;cursor:pointer}.menu-btn span{transition:transform .2s,opacity .2s}.menu-btn.active span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-btn.active span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
@media(max-width:1000px){.about-cap-head,.about-system-grid{grid-template-columns:1fr;gap:30px}.about-cap-grid{grid-template-columns:1fr 1fr}.about-cap-grid article:nth-child(2){border-right:0}.about-cap-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.system-map{height:460px}}
@media(max-width:760px){body{font-size:16px}.site-header .brand img{width:126px!important;height:30px!important}.about-capabilities,.about-system{padding:58px 0}.about-cap-grid{grid-template-columns:1fr}.about-cap-grid article{min-height:230px;border-right:0!important;border-bottom:1px solid var(--line)}.about-cap-grid article:last-child{border-bottom:0}.about-cap-grid b{margin-top:30px}.system-map{height:480px}.map-core{width:155px;height:105px}.map-core img{width:105px}.map-node{width:135px;padding:12px}.map-node.n1,.map-node.n3{left:4%}.map-node.n2,.map-node.n4{right:4%}.footer-company{font-size:11px}.footer-brand p{margin-left:0}.section-intro p,.contact-lead p,.project-info p,.principle-grid p,.steps span{font-size:15px}}
@media(max-width:430px){.site-header .brand img{width:116px!important}.about-cap-head h2,.system-copy h2{font-size:36px}.system-map{height:430px}.map-node{width:116px}.map-node span{font-size:9px}.map-core{width:130px}.map-core img{width:90px}}