/* Studio palette: graphite, electric violet, signal yellow. */
:root{--ink:#f1f0fa;--muted:#b5b3c8;--line:#353246;--paper:#15141d;--dark:#0d0c12;--accent:#e4ff65;--white:#191821;--violet:#ad92ff}
body{background:var(--paper);color:var(--ink)}header{border-color:var(--line)}.brand{letter-spacing:-1px}.nav{min-height:80px}.navlinks{gap:22px}.hero{padding:80px 0 42px;background:radial-gradient(ellipse at 90% 30%,#32224d66,transparent 60%),var(--dark)}.hero-grid{grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}h1{font-family:Impact,"Arial Narrow",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:800;font-size:clamp(45px,5.6vw,76px);letter-spacing:-1.8px;line-height:1.03}body[lang=ru] h1{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:800;font-size:clamp(38px,4.5vw,62px);letter-spacing:-2px}.hero .eyebrow{color:var(--violet);letter-spacing:1.1px}.intro{color:#c4c0d4}.hero .small{color:#aaa6bb}.btn,.languages,.languages button,.offer,.contact input,.contact textarea,.contact select{border-radius:3px}.btn{box-shadow:4px 4px 0 #08080c}.btn:hover{filter:brightness(1.08)}.btn.secondary{border-color:#625e75;color:var(--ink)}.btn.dark{background:var(--accent);color:var(--dark)}.languages{border-color:#555068}.languages button{color:#c4c0d4}.proof{border-color:var(--line);gap:48px;margin-top:55px}.proof strong{font-size:28px;color:var(--accent)}.proof span{color:#aaa6bb}.section{padding:78px 0}.eyebrow{color:var(--violet)}.section h2{font-weight:780}.offer{background:#1d1b28;border-color:#39354a;box-shadow:0 5px 0 #0f0e16}.offer.first{border-top-color:var(--accent)}.offer h3{color:var(--ink)}.tag{color:var(--violet);font-size:14px}.offer a{color:var(--ink)}.band{background:#111017;border-color:var(--line)}.steps li{border-color:var(--line)}.steps .num{color:var(--accent)}.privacy-note{border-color:var(--violet)}details{border-color:var(--line)}.contact{background:#0d0c12}.contact input,.contact textarea,.contact select,.contact option{background:#201d2d;border-color:#645e7c}.contact label{color:#d8d3e5}.contact .section-intro{color:#c4c0d4}.footer{border-color:var(--line)}.skip{color:var(--dark)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--accent)}
.lab-console{border:1px solid #68587d;background:#1b1624;box-shadow:10px 10px 0 #ad92ff20;transform:rotate(1.2deg);position:relative}.console-top{display:flex;justify-content:space-between;gap:18px;padding:15px 22px;border-bottom:1px solid #655672;font:14px/1.5 ui-monospace,monospace;color:#cbbadd}.console-version{color:var(--accent)}.console-center{padding:28px 24px 18px}.console-kicker{color:var(--violet);font-size:16px}.pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:26px 0}.pipeline>div{border:1px solid #5c4c70;background:#2b203a;padding:18px 12px}.pipeline-index{display:block;font:13px ui-monospace,monospace;color:#c1abc9}.pipeline strong{display:block;margin-top:14px;color:var(--accent);font-size:clamp(17px,2vw,23px);font-weight:800}.console-center p{font-size:16px;color:#c4bbce;line-height:1.65}.console-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 24px;background:var(--accent);color:#141017;font-size:16px;font-weight:700}.console-icon{font-size:23px}.lab-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#191721}.lab-heading{display:flex;align-items:center;justify-content:space-between;gap:32px}.lab-heading h2{max-width:740px}.platform-label{border:1px solid #61516f;white-space:nowrap;padding:10px 14px;font:14px ui-monospace,monospace;color:var(--violet)}.lab-filters{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.lab-filters:empty{display:none}.lab-filters button{border:1px solid #524964;background:transparent;color:#cac2d7;padding:9px 17px;font-size:15px}.lab-filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#17111b}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.lab-empty{grid-column:1/-1;border:1px dashed #726184;padding:35px 40px;display:grid;grid-template-columns:1fr 1.6fr;column-gap:50px;align-items:center;background:#211c2a}.empty-code{grid-row:1/4;font:clamp(25px,3.5vw,45px)/1.2 ui-monospace,monospace;color:#9880b3;letter-spacing:-2px}.lab-empty h3{font-size:23px;margin:0 0 10px}.lab-empty p{font-size:16px;color:var(--muted);margin:0 0 15px}.lab-empty a{font-size:16px;color:var(--accent);text-decoration:underline;text-underline-offset:4px}.project-card{border:1px solid #534464;background:#221b2d;display:flex;flex-direction:column}.project-cover{aspect-ratio:16/10;overflow:hidden;background:#30223f;display:flex;align-items:center;justify-content:center;color:#b3a2c7}.project-cover img{width:100%;height:100%;object-fit:cover}.no-cover{font:18px ui-monospace,monospace;letter-spacing:3px}.project-body{padding:22px;display:flex;flex-direction:column;flex:1}.project-meta{display:flex;justify-content:space-between;gap:10px;font:13px ui-monospace,monospace;color:var(--violet)}.project-body h3{font-size:23px;line-height:1.25;margin:15px 0 13px;overflow-wrap:anywhere}.project-body p{font-size:16px;color:var(--muted);margin:0 0 22px;flex:1;overflow-wrap:anywhere}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.project-tags span{font-size:13px;border:1px solid #594868;padding:3px 8px;color:#c8b3da}.project-body button{border:1px solid #8d76a9;background:#2d223a;color:var(--ink);padding:11px 16px;text-align:left;font-size:16px;font-weight:600}.project-body button:hover{border-color:var(--accent);color:var(--accent)}.gallery-error{border:1px solid #c5987e;padding:24px;color:#e6d0bb;grid-column:1/-1}.gallery-error button{display:block;margin-top:12px}.project-dialog{padding:28px;background:#191421;color:var(--ink);border:1px solid #76618e;max-width:1050px;width:calc(100% - 36px);max-height:90dvh;overflow-y:auto}.project-dialog::backdrop{background:#08060ce6}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.close-dialog{border:1px solid #78628e;background:transparent;color:white;font-size:16px;padding:9px 16px}.project-dialog h2{font-size:clamp(27px,4vw,42px);line-height:1.15;margin:12px 0 20px;overflow-wrap:anywhere}.project-dialog h3{font-size:18px;color:var(--violet);margin:20px 0 7px}.project-dialog p{color:#c7bdd5;white-space:pre-wrap;overflow-wrap:anywhere}.project-dialog .actions{margin-top:24px}.project-dialog .project-meta{font-size:14px}.detail-cover{max-height:280px;width:100%;object-fit:cover}.player-stage{margin-top:25px;border:1px solid #78628e;background:#08060c}.player-stage iframe{width:100%;height:min(65vh,620px);border:0;display:block}.player-stage p{padding:14px 20px;font-size:14px;margin:0}.player-stage a{color:var(--accent);text-decoration:underline}.player-stage .player-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px 15px;background:#30223f}.player-toolbar button{background:transparent;border:1px solid #78628e;color:white;padding:7px 12px;font-size:14px}.play-unavailable{font-size:15px;color:var(--muted)}
@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{gap:35px}.navlinks{gap:17px}}@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:48px}.lab-console{max-width:650px;transform:none}.navlinks>a[href="#lab"]{display:block;color:var(--accent)}.proof{gap:30px}.section{padding:55px 0}.lab-heading{align-items:flex-start;flex-direction:column;gap:0}.platform-label{margin-bottom:20px}.lab-empty{grid-template-columns:1fr;gap:15px}.empty-code{grid-row:auto}}@media(max-width:550px){.navlinks>a[href="#lab"]{display:none}.project-grid{grid-template-columns:1fr}.hero{padding-top:35px}.lab-console{box-shadow:6px 6px 0 #ad92ff20}.lab-empty{padding:28px}.pipeline{gap:7px}.pipeline>div{padding:15px 9px}.pipeline strong{font-size:17px}.project-dialog{padding:20px;width:calc(100% - 20px)}.player-stage iframe{height:55vh}.player-stage .player-toolbar{flex-wrap:wrap}.hero .eyebrow{font-size:13px}.proof strong{font-size:23px}body[lang=ru] h1{font-size:38px;letter-spacing:-1.5px}.hero h1{font-size:48px}.section h2{font-size:33px}.platform-label{font-size:13px}}

/* Pair the four problem-led services; stack on narrow screens. */
.offers{grid-template-columns:repeat(2,minmax(0,1fr))}
.offer-outcome{padding:16px 18px;margin-bottom:18px;background:#252134;border-left:2px solid var(--accent)}
.offer-outcome>strong{font-size:14px;color:var(--accent)}
.offer-outcome p{margin:5px 0 0;font-size:16px;color:var(--ink)}
.offer p.offer-scope{font-size:14px;line-height:1.55;margin-bottom:22px}
@media(max-width:700px){.offers{grid-template-columns:1fr}}

.offer a[data-service]{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);align-self:stretch;color:var(--accent)}
