/* Balance real content; no global type reduction or invented filler. */
.hero{align-items:start;padding-top:68px;padding-bottom:52px;gap:42px}.section{padding-top:78px}.service-intro{justify-content:flex-start}.service-intro .motif{display:none}.service-intro h4{font:500 16.5px/1.5 var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--accent);margin:26px 0 12px}.service-intro .build{font-size:21px;line-height:1.6;margin:0}.service-content>h4:first-child{margin-top:0}.project-showcase{padding-top:28px}.telegram-card{grid-template-columns:minmax(210px,240px) minmax(0,1fr);gap:36px;padding:28px;align-items:center}.telegram-preview{max-width:240px}.telegram-copy{max-width:620px}.telegram-copy p{margin-bottom:18px}.telegram-copy h5{margin-bottom:18px}.telegram-features{display:grid;gap:12px;margin:22px 0 26px}.telegram-features>div{padding-left:14px;border-left:2px solid #7de7ee55}.telegram-features dt{font-size:18px;line-height:1.4;color:var(--cyan);margin-bottom:3px}.telegram-features dd{font-size:19.5px;line-height:1.5;color:var(--muted);margin:0}.contact{margin-top:80px;padding-top:48px;padding-bottom:48px}@media(min-width:761px){.project-grid:not(.project-grid-single){grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){.hero{gap:34px}.service-intro h4{margin-top:22px}.service-content{padding-top:28px}.section{padding-top:66px}}@media(max-width:900px){.hero{padding-top:48px;padding-bottom:40px}}@media(max-width:800px){.telegram-card{grid-template-columns:1fr;padding:24px;gap:26px}.telegram-preview{max-width:280px}.telegram-copy{max-width:none}.telegram-features{margin-top:20px}}@media(max-width:650px){.hero{padding-top:36px;gap:30px}.section{padding-top:58px}.contact{margin-top:60px;padding:30px 24px}.telegram-card{padding:18px}.service-intro .build{font-size:21px}.telegram-preview{max-width:260px}}

/* Targeted visual-QA fixes; preserve all real portfolio content. */
.telegram-copy>a.btn.primary{color:#0a1820;-webkit-text-fill-color:#0a1820;background:var(--cyan);font:600 19.5px/1.4 'Geist',system-ui,sans-serif;text-decoration:none;opacity:1;visibility:visible;position:relative}.telegram-copy>a.btn.primary::before,.telegram-copy>a.btn.primary::after{content:none}
.s0>.project-showcase,.s1>.project-showcase,.s4>.video-showcase{grid-column:1 / -1;width:100%;min-width:0}
@media(min-width:1001px){.s0,.s1,.s4{grid-template-columns:1.15fr 1fr;grid-template-areas:"intro benefits" "portfolio portfolio"}.s0>.service-intro,.s1>.service-intro,.s4>.service-intro{grid-area:intro}.s0>.service-content,.s1>.service-content,.s4>.service-content{grid-area:benefits}.s0>.project-showcase,.s1>.project-showcase,.s4>.video-showcase{grid-area:portfolio}}
.project-grid-single .project-card{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:stretch}.project-grid-single .project-media{width:100%;height:100%;min-height:0;max-height:none;padding:28px;aspect-ratio:auto}.project-grid-single .project-copy{justify-content:center;gap:12px;padding:22px}.project-grid-single .project-copy h5,.project-grid-single .project-copy p{margin:0}.project-grid-single .project-open{margin-top:0}
@media(max-width:650px){.project-grid-single .project-card{display:block}.project-grid-single .project-media{width:88px;height:88px;padding:16px;min-height:0;border-radius:12px;margin:22px 0 0 22px}}

/* Web apps only: put the existing real project in the benefits column, not a new row. */
.s0 .service-content>.project-showcase{grid-column:auto;margin-top:28px;padding:22px 0 0;border-top:1px solid var(--line);min-width:0}.s0 .project-showcase .project-heading{font:500 14px/1.5 var(--mono);letter-spacing:1px;text-transform:uppercase;margin:0 0 12px}.s0 .project-grid-single .project-card{display:grid;grid-template-columns:80px minmax(0,1fr)}.s0 .project-grid-single .project-media{width:100%;height:100%;min-height:0;margin:0;padding:16px;border-radius:0;aspect-ratio:auto}.s0 .project-grid-single .project-copy{padding:16px;gap:8px}.s0 .project-grid-single .project-copy h5{font-size:23px;line-height:1.3}.s0 .project-grid-single .project-copy p{font-size:18px;line-height:1.45}.s0 .project-grid-single .project-open{font-size:18px;line-height:1.45;margin-top:0}@media(max-width:420px){.s0 .project-grid-single .project-card{grid-template-columns:64px minmax(0,1fr)}.s0 .project-grid-single .project-copy{padding:14px}.s0 .project-grid-single .project-media{padding:12px}}

/* Telegram only: authentic mini-app preview fills the benefits column. */
.s3 .service-content>.project-showcase{grid-column:auto;margin-top:28px;padding:22px 0 0;min-width:0}.s3 .project-showcase .project-heading{font:500 14px/1.5 var(--mono);letter-spacing:1px;text-transform:uppercase;margin:0 0 12px}.s3 .telegram-card{grid-template-columns:90px minmax(0,1fr);padding:16px;gap:14px;align-items:start}.s3 .telegram-preview{width:90px;max-width:90px;border-radius:8px}.s3 .telegram-screen{width:100%;height:auto;object-fit:contain}.s3 .telegram-copy h5{font-size:23px;line-height:1.3;margin:0 0 8px}.s3 .telegram-copy p{font-size:18px;line-height:1.45;margin:0 0 10px}.s3 .telegram-copy .telegram-caption{font-size:17px;margin-bottom:10px}.s3 .telegram-copy>a.btn.primary{font-size:18px;line-height:1.4;min-height:44px;padding:9px 12px;gap:6px}.s3 .telegram-features{grid-column:1/-1;display:block;margin:0}.s3 .telegram-features>div{padding:0;border:0;margin:0 0 6px}.s3 .telegram-features>div:last-child{margin-bottom:0}.s3 .telegram-features dt,.s3 .telegram-features dd{display:inline;font-size:17px;line-height:1.45;margin:0}.s3 .telegram-features dt::after{content:': '}
@media(max-width:420px){.s3 .telegram-card{grid-template-columns:72px minmax(0,1fr);padding:14px;gap:12px}.s3 .telegram-preview{width:72px;max-width:72px}.s3 .telegram-copy h5{font-size:21px}.s3 .telegram-copy p{font-size:17px}.s3 .telegram-copy>a.btn.primary{font-size:17px;padding:8px}}

/* Explicit real right-column boxes; nested showcases cannot become article grid items. */
.s3>.service-content{display:block;min-width:0;grid-column:2;grid-row:1}.s3>.service-intro{grid-column:1;grid-row:1}.s3>.service-content>.project-showcase{display:block;position:static;float:none;grid-area:auto;width:100%;max-width:100%;box-sizing:border-box}
@media(max-width:650px){.s3>.service-content,.s3>.service-intro{grid-column:1;grid-row:auto}}

/* Native, no-JS service navigation. Existing html scroll-padding-top is 110px. */
nav.service-shortcuts{display:flex;width:100%;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:12px 0;font:15px/1.5 var(--mono);letter-spacing:0;color:var(--muted)}.service-shortcuts a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 4px;max-width:100%;cursor:pointer;text-decoration:none;text-underline-offset:5px}.service-shortcuts span::before{content:none}.service-shortcuts a>span{color:var(--purple);flex-shrink:0}.service-shortcuts a:hover,.service-shortcuts a:focus-visible{color:var(--cyan);text-decoration:underline}.service-shortcuts a:focus-visible{outline:3px solid var(--cyan);outline-offset:2px;border-radius:4px}.service[id]{scroll-margin-top:12px}@media(max-width:650px){nav.service-shortcuts{gap:4px 12px;padding:12px 0}.service-shortcuts a{white-space:normal}}