/* Revision 6. Existing Ural AI Hub tokens, typography and theme controller. */
.uah-service-page{--uah-surface:var(--bg);--uah-panel:var(--ux-surface);--uah-text:var(--fg);--uah-muted:var(--ux-text);--uah-accent:var(--fg);--uah-border:var(--ln2);padding-top:110px;background:transparent}
.uah-service-page .uah-service-hero{margin-top:32px;min-height:580px;gap:64px;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr)}
.uah-service-page h1{font-weight:700;letter-spacing:-.045em;font-size:clamp(34px,4.1vw,60px);max-width:19ch}
.uah-service-page .uah-lead{font-size:19px;line-height:1.65;margin-top:24px}
.uah-service-page .uah-eyebrow{display:block;margin-bottom:20px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.uah-service-page .uah-actions a{min-height:44px;display:inline-flex;align-items:center}
.uah-service-page .uah-actions .bf,.uah-service-page .uah-section-heading .bf{color:var(--bg);font-size:13px}
.uah-service-page .uah-benefits li{border-image:linear-gradient(90deg,var(--gold),var(--pink)) 1;line-height:1.5;font-size:21px}
.uah-service-page .uah-hero-media .uah-phone{width:300px;max-width:100%;--uah-phone-scale:.700934}
.uah-service-page .uah-hero-media figcaption{max-width:42ch;text-align:center;line-height:1.5}
.uah-service-page .uah-section-heading{align-items:center}
.uah-service-page .uah-section-heading .bf{flex-shrink:0}
.uah-service-page .uah-explanation{border:1px solid var(--ln);background:var(--ux-surface)}
.uah-service-page .uah-explanation p{max-width:70ch;line-height:1.6}
.uah-service-page .uah-example-switch [aria-selected=true]{background:var(--fg);color:var(--bg)}
.uah-service-page .uah-gallery{overscroll-behavior-x:contain;scroll-margin-top:100px}
.uah-service-page .uah-scope{display:grid;gap:18px;padding-left:24px;margin:24px 0;font-size:18px}
.uah-service-page .uah-contact{background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 6%,var(--bg)),color-mix(in srgb,var(--pink) 5%,var(--bg)))}
.uah-service-page .uah-steps li::marker{color:var(--ux-text)}
.uah-service-page .demo-screen{height:830px;overflow:hidden;background:var(--bg);color:var(--fg);font-family:inherit}
.uah-service-page .device-screen{overflow:hidden}
.demo-system{display:flex;justify-content:space-between;padding:24px 32px 22px;font-size:18px;font-weight:600}
.demo-system span{letter-spacing:3px}
.demo-platform{padding:14px 24px;border-bottom:1px solid var(--ln);font-size:18px;color:var(--ux-text)}
.demo-app{padding:30px 24px}.demo-app-name{font-size:20px;font-weight:600;margin-bottom:38px}.demo-app-name span{font-weight:400;color:var(--ux-text)}
.demo-app h4,.demo-workspace h4{font-size:34px;line-height:1.2;letter-spacing:-.025em;margin:0 0 30px}
.demo-item{display:flex;align-items:center;gap:18px;padding:22px 16px;border:1px solid var(--ln2);background:var(--ux-surface);border-radius:16px;margin:16px 0}
.demo-item strong,.demo-product strong{display:block;font-size:23px;line-height:1.4}.demo-item small,.demo-product small{display:block;font-size:18px;line-height:1.5;color:var(--ux-text);margin-top:7px}
.demo-icon{font-size:32px;color:var(--pink)}.demo-section-label{display:block;font-size:16px;line-height:1.5;color:var(--ux-text);margin-bottom:20px}
.demo-slots{display:grid;grid-template-columns:1fr 1fr;gap:14px}.demo-slots span{display:block;padding:18px;text-align:center;border:1px solid var(--ln2);border-radius:12px;font-size:23px}.demo-slots .chosen{background:var(--fg);color:var(--bg)}
.demo-subtext{font-size:19px;line-height:1.6;color:var(--ux-text);margin:24px 0}
.demo-progress{display:flex;justify-content:space-between;margin-top:36px;padding-top:20px;border-top:1px solid var(--ln);font-size:16px;color:var(--ux-text)}
.demo-product{padding:24px;background:var(--ux-surface);border-radius:20px}.product-shape{display:block;text-align:center;font-size:110px;line-height:1.3;color:var(--gold);margin-bottom:20px}
.demo-membership{padding:28px;border:1px solid var(--gold);border-radius:22px;background:var(--ux-surface);display:grid;gap:24px}.demo-membership strong{font-size:32px}
.demo-bubble{border:1px solid var(--ln2);background:var(--ux-surface);border-radius:18px 18px 18px 4px;padding:20px;font-size:21px;line-height:1.5;margin:16px 0;max-width:92%}
.demo-bubble.client{margin-left:auto;border-radius:18px 18px 4px 18px;background:var(--bg)}
.demo-workspace{padding:28px;min-height:360px}.demo-workspace h4{font-size:28px}.demo-workspace .demo-bubble{font-size:17px;padding:16px}.demo-workspace .demo-section-label{font-size:13px}.demo-workspace .demo-subtext{font-size:15px}
.demo-work-grid{display:grid;gap:16px}.demo-work-row{display:grid;grid-template-columns:24px 1fr;gap:10px 16px;padding:18px 14px;border:1px solid var(--ln2);border-radius:12px}.demo-work-row strong{font-size:17px;line-height:1.4}.demo-work-row span{color:var(--ux-text);font-size:12px}.demo-work-row span:last-child{grid-column:2}
.uah-service-page .uah-browser-bar{display:flex;align-items:center;gap:14px;padding:14px 18px;line-height:1.4}.uah-browser-bar>span{letter-spacing:3px;color:var(--ux-text)}
.uah-service-directory .catalogue-visual{height:260px;overflow:hidden;position:relative;background:var(--bg);border-radius:16px;display:grid;justify-items:center;padding:20px 20px 0;pointer-events:none}
.uah-service-directory .catalogue-visual .uah-phone{width:200px;--uah-phone-scale:.46729;flex-shrink:0}
.uah-service-directory .catalogue-visual .uah-browser{max-width:420px}.uah-service-directory .catalogue-visual .demo-workspace{padding:20px}.uah-service-directory .catalogue-visual .demo-workspace h4{font-size:24px}
.uah-service-directory .uah-service-card{padding:24px;gap:16px}.uah-service-directory .uah-service-card h2{font-size:28px}.uah-service-directory .uah-service-card p{line-height:1.6;color:var(--ux-text)}.uah-service-directory .uah-service-card .uah-eyebrow{margin:0}.uah-service-directory .uah-service-card .service-link{margin-top:auto}
.sec>.uah-service-page{padding:0}.home-directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.home-directions article{border-top:1px solid var(--ln2);padding-top:24px;display:flex;flex-direction:column;gap:24px}.home-directions article>span{font-size:12px;color:var(--ux-text)}.home-directions h3{font-size:32px;line-height:1.2;letter-spacing:-.025em}.home-directions p{font-size:17px;line-height:1.65;color:var(--ux-text)}.home-directions a{margin-top:auto}
.radar-showcase{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}.radar-live{border:1px solid var(--ln2);border-radius:16px;overflow:hidden;background:var(--bg);min-width:0}.radar-live>.uah-browser-bar{padding:16px;font-size:12px;border-bottom:1px solid var(--ln)}.radar-live iframe{display:block;width:100%;height:520px;border:0;background:#fff}.radar-live>.note{padding:16px;margin:0;line-height:1.5}
@media(min-width:1050px){.uah-service-page .uah-gallery-track{justify-content:space-between}.uah-service-page[data-media-frame=browser] .uah-gallery-track{justify-content:flex-start}.uah-service-page[data-media-frame=browser] .uah-slide{flex-basis:calc(50% - 8px);width:calc(50% - 8px)}}
@media(max-width:800px){.uah-service-page .uah-service-hero{grid-template-columns:minmax(0,1fr);gap:32px;min-height:0}.uah-service-page .uah-hero-media{margin-top:8px}.uah-service-page .uah-service-hero h1{max-width:22ch}.uah-service-page .uah-benefits{grid-template-columns:1fr}.uah-service-page .uah-section-heading{align-items:flex-start}.home-directions{grid-template-columns:1fr}.radar-showcase{grid-template-columns:1fr}.home-directions article{gap:18px}.home-directions h3 br{display:none}}
@media(max-width:430px){.uah-service-page{padding:94px 20px 40px}.uah-service-page .uah-service-hero{margin-top:24px}.uah-service-page .uah-service-hero h1{font-size:36px}.uah-service-page .uah-hero-media .uah-phone{width:268px;--uah-phone-scale:.626168}.uah-service-page .uah-actions{gap:18px}.uah-service-page .uah-lead{font-size:17px}.uah-service-page .uah-service-card{padding:18px}.demo-workspace{padding:20px}.demo-workspace h4{font-size:24px}.demo-workspace .demo-bubble{font-size:15px}.radar-live iframe{height:440px}.radar-showcase{padding:20px;gap:24px}}
@media(max-width:359px){.uah-service-page .uah-service-hero h1{font-size:32px}.uah-service-page .uah-hero-media .uah-phone{width:248px;--uah-phone-scale:.579439}.uah-service-page .uah-section-heading .bf{max-width:100%;white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){.uah-service-page *,.home-directions *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
