/* P2 optical glass: extends the approved Ural AI Hub palette, header and hero. */
.liquid-site{
  --glass-surface:rgba(27,29,38,.88);--glass-raised:rgba(39,41,53,.94);
  --glass-edge:rgba(205,214,241,.24);--glass-top:rgba(255,255,255,.25);
  --glass-text:#f1f2f6;--glass-muted:#c0c4d0;--glass-dark:rgba(0,0,0,.35);
  --glass-tint:rgba(201,131,168,.12);--glass-field:#14161e;
  background-color:var(--bg);
  background-image:radial-gradient(ellipse 65% 700px at 90% 480px,rgba(106,79,147,.13),transparent 75%),radial-gradient(ellipse 70% 1100px at -20% 1500px,rgba(196,120,73,.09),transparent 75%);
  color:var(--fg);
}
[data-theme=light] .liquid-site{
  --glass-surface:rgba(250,251,255,.86);--glass-raised:rgba(255,255,255,.94);
  --glass-edge:rgba(67,75,98,.23);--glass-top:rgba(255,255,255,.95);
  --glass-text:#191b25;--glass-muted:#505668;--glass-dark:rgba(43,42,75,.13);
  --glass-tint:rgba(177,134,183,.1);--glass-field:#fff;
  background-image:radial-gradient(ellipse 70% 700px at 95% 300px,rgba(166,144,204,.16),transparent 75%),radial-gradient(ellipse 60% 1000px at -10% 1600px,rgba(221,169,126,.11),transparent 80%);
}
.liquid-site .nav{
  background:linear-gradient(118deg,rgba(255,255,255,.075),transparent 38%,rgba(255,255,255,.035)),var(--glass-surface);
  border-color:var(--glass-edge);border-top-color:var(--glass-top);
  box-shadow:inset 0 1px 1px var(--glass-top),inset 0 -1px 0 rgba(169,147,220,.14),0 14px 34px var(--glass-dark);
  backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);
}
.liquid-site .nav-highlight{background:linear-gradient(130deg,rgba(212,196,237,.18),rgba(228,176,184,.08));box-shadow:inset 0 1px 0 var(--glass-top),inset 0 -1px 0 var(--glass-edge)}
.liquid-site .nav-highlight::before{height:1px;left:10%;right:10%;opacity:.8}
.liquid-site .hero-copy{position:relative;z-index:1}
.liquid-site .hero-description{color:var(--glass-muted);font-size:clamp(18px,1.4vw,21px);line-height:1.65;max-width:54ch}
.liquid-site .hero-copy .h-tag{font-size:12px;line-height:1.6;letter-spacing:.07em;color:var(--glass-muted)}
.liquid-site .hero-copy .h1-copy{font-size:clamp(34px,4.6vw,68px);line-height:1.05;letter-spacing:-.035em;max-width:15ch;text-wrap:balance}
.liquid-site .hero-copy .note{font-size:14px;line-height:1.65;color:var(--glass-muted);max-width:53ch}
.liquid-site .hero-actions{gap:12px;align-items:center}
.liquid-site :is(.bf,.bo,.ncta){border-radius:14px;text-transform:none;letter-spacing:0;min-height:48px;font-size:16px;line-height:1.35;transition:box-shadow 180ms ease,background 180ms ease,transform 180ms ease}
.liquid-site .bf,.liquid-site .ncta{box-shadow:inset 0 2px 1px #ffffff65,inset 0 -2px 1px #00000018,0 3px 0 #ffffff12,0 8px 20px #00000018}
.liquid-site .bo{background:linear-gradient(130deg,rgba(255,255,255,.05),transparent),var(--glass-surface);border:1px solid var(--glass-edge);color:var(--glass-text);box-shadow:inset 0 1px 0 var(--glass-top),0 3px 8px var(--glass-dark)}
.liquid-site .bo:hover{background:var(--glass-raised);color:var(--glass-text);border-color:var(--glass-top)}
.liquid-site .nav .ncta{font-size:14px;min-height:46px;border-radius:12px}
.liquid-site .obsidian-window{--panel-border:var(--glass-edge);--obs-border:var(--glass-edge);--obs-surface:var(--glass-surface);background:linear-gradient(140deg,rgba(255,255,255,.085),transparent 35%,rgba(154,128,197,.04)),var(--glass-surface);border-top-color:var(--glass-top);box-shadow:inset 0 1px 1px var(--glass-top),inset 0 -1px 0 rgba(180,166,211,.2),0 25px 60px var(--glass-dark),0 2px 4px #00000015}
.liquid-site .obsidian-window :is(input,textarea){background:var(--glass-field);color:var(--glass-text);border-color:var(--glass-edge)}
.liquid-site .obsidian-window #guide-input::placeholder{color:var(--glass-muted);opacity:1}
.liquid-site main :is(.uah-motion-card,.public-panel,.text-columns>div,.faq-list>.faqi,.price-action,.uah-explanation,.radar-showcase){background:linear-gradient(125deg,rgba(255,255,255,.055),transparent 36%,var(--glass-tint)),var(--glass-surface);border:1px solid var(--glass-edge);border-top-color:var(--glass-top);box-shadow:inset 0 1px 0 var(--glass-top),inset 0 -1px 0 #00000012,0 14px 32px var(--glass-dark);color:var(--glass-text)}
.liquid-site main .uah-motion-card{padding:30px;overflow:visible}
.liquid-site main .uah-motion-card::before{display:none}
.liquid-site main .uah-motion-card:hover{transform:translateY(-3px);border-color:var(--glass-edge);border-top-color:var(--glass-top);box-shadow:inset 0 1px 1px var(--glass-top),0 20px 36px var(--glass-dark)}
.liquid-site .uah-service-icon{border-radius:18px;background:radial-gradient(ellipse at 28% 10%,rgba(255,255,255,.3),transparent 60%),linear-gradient(145deg,color-mix(in srgb,var(--uv-accent) 27%,var(--glass-raised)),var(--glass-surface));box-shadow:inset 1px 1px 1px #ffffff55,inset -1px -2px 2px #00000040,0 3px 0 #ffffff0c,0 7px 15px var(--glass-dark);border:1px solid color-mix(in srgb,var(--uv-accent) 35%,var(--glass-edge))}
.liquid-site .uah-service-icon svg{filter:drop-shadow(0 2px 1px #0003)}
.liquid-site main :is(.uah-motion-card p,.text-columns p,.process-grid p,.faq-list>.faqi p,.uah-explanation p,.price-description p,.radar-story>p){color:var(--glass-muted);font-size:17px;line-height:1.7;max-width:65ch}
.liquid-site main :is(.home-directions h3,.uah-motion-card h3){font-size:25px;line-height:1.2;letter-spacing:-.025em}
.liquid-site main :is(h2,h3){text-wrap:balance}
.liquid-site .page-intro>p{font-size:19px;line-height:1.7;max-width:65ch;color:var(--glass-muted)}
.liquid-site .page-intro h1{max-width:21ch;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.liquid-site main .service-link{font-size:16px;line-height:1.5;min-height:44px}
.liquid-site main .price-row{padding-block:32px;border-color:var(--glass-edge)}
.liquid-site main .price-description li{font-size:16px;line-height:1.65;color:var(--glass-muted)}
.liquid-site main .price-row .price-action{padding:25px;min-width:0}
.liquid-site main .price-row .price-action strong{font-size:30px;line-height:1.2}
.liquid-site main .price-details{font-size:15px;color:var(--glass-muted)}
.liquid-site .contact-section .form{background:linear-gradient(135deg,rgba(255,255,255,.065),transparent 40%),var(--glass-surface);padding:32px;border:1px solid var(--glass-edge);border-top-color:var(--glass-top);border-radius:22px;box-shadow:inset 0 1px 0 var(--glass-top),0 20px 42px var(--glass-dark)}
.liquid-site :is(.fi,.fsel){background:var(--glass-field);border:1px solid var(--glass-edge);border-radius:10px;color:var(--glass-text);font-size:16px;min-height:48px;padding:12px 14px}
.liquid-site :is(.fi,.fsel)::placeholder{color:var(--glass-muted);opacity:1}
.liquid-site .field>label{font-size:14px;line-height:1.5;text-transform:none;letter-spacing:0;color:var(--glass-text)}
.liquid-site .field :is(.field-hint,.optional){color:var(--glass-muted);font-size:13px;line-height:1.6}
.liquid-site .consent{font-size:14px;line-height:1.7;color:var(--glass-muted)}
.liquid-site .consent input{min-width:19px;min-height:19px}
.liquid-site .form :is(.field-error,[role=alert]){font-size:14px;line-height:1.5}
.liquid-site .fsub{width:100%;min-height:52px;border-radius:14px;border:1px solid transparent;font-size:16px;line-height:1.4;padding:14px 20px;text-transform:none;letter-spacing:0;box-shadow:inset 0 2px 1px #ffffff55,inset 0 -2px 1px #00000018,0 8px 20px var(--glass-dark)}
.liquid-site .fsub:focus-visible{outline:3px solid var(--fg);outline-offset:5px}
.liquid-site main :is(.prose,.custom-lead){font-size:18px;line-height:1.7;color:var(--glass-muted)}
.liquid-site .portfolio-card{background:var(--glass-surface);border:1px solid var(--glass-edge);border-top-color:var(--glass-top);border-radius:22px;padding:10px 10px 24px;box-shadow:inset 0 1px 0 var(--glass-top),0 20px 35px var(--glass-dark)}
.liquid-site .portfolio-card-body{padding:24px 18px 0}
.liquid-site .portfolio-card-body>p{color:var(--glass-muted);font-size:16px;line-height:1.65}
.liquid-site .portfolio-card-body small{color:var(--glass-muted);opacity:1;font-size:12px}
.liquid-site .portfolio-card-body h3{font-size:28px;line-height:1.2;letter-spacing:-.025em}
.liquid-site .portfolio-actions{gap:12px 20px}
.liquid-site .portfolio-actions a{font-size:14px}
.liquid-site .portfolio-cover{border-radius:14px;box-shadow:inset 0 1px 0 #ffffff40}
.liquid-site .portfolio-cover-arrow{background:rgba(25,28,36,.5);border-color:#ffffff60;box-shadow:inset 0 1px 1px #ffffff60,0 4px 10px #0002;backdrop-filter:blur(10px)}
.liquid-site .portfolio-note{border-left:0;border:1px solid var(--glass-edge);border-radius:14px;background:var(--glass-surface);padding:20px;color:var(--glass-muted);opacity:1;font-size:14px}
.liquid-site .portfolio-intro>p:last-child{font-size:18px;color:var(--glass-muted)}
.liquid-site .portfolio-filters button{background:var(--glass-surface);border-color:var(--glass-edge);font-size:14px}
.liquid-site .portfolio-filters button[aria-pressed=true]{background:var(--fg);color:var(--bg)}
.liquid-site .portfolio-contact-note{border-color:var(--glass-edge);background:var(--glass-raised);color:var(--glass-text)}
.liquid-site footer .depth-toggle{margin:12px 0;color:var(--glass-muted);border-color:var(--glass-edge)}
.liquid-site :is(.bf,.bo,.fi,.fsel,.portfolio-card a):focus-visible{outline:3px solid var(--fg);outline-offset:5px}
@supports not (backdrop-filter:blur(1px)){.liquid-site .nav{background:var(--glass-raised)}}
@media(max-width:1023px){.liquid-site .hero-copy .h1-copy{font-size:clamp(35px,6vw,58px)}.liquid-site .contact-section .form{padding:24px}.liquid-site main .uah-motion-card{padding:25px}}
@media(max-width:767px){.liquid-site .hero-copy .h1-copy{font-size:clamp(32px,8vw,48px)}.liquid-site .hero-copy .h-tag{font-size:11px}.liquid-site :is(.bf,.bo){font-size:15px;padding:14px 18px}.liquid-site .hero-description{font-size:18px}.liquid-site .contact-section .form{padding:22px 18px;border-radius:18px}.liquid-site .page-intro>p{font-size:17px}.liquid-site .portfolio-card-body{padding-inline:10px}.liquid-site .portfolio-card-body h3{font-size:25px}.liquid-site .portfolio-card-body>p{font-size:16px}.liquid-site .portfolio-intro>p:last-child{font-size:17px}.liquid-site .portfolio-filters button{font-size:12px;padding:10px 14px}.liquid-site .portfolio-note{font-size:13px}.liquid-site main .price-row .price-action strong{font-size:27px}.liquid-site .nav{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}
@media(prefers-reduced-motion:reduce){.liquid-site :is(.uah-motion-card,.bf,.bo,.ncta){transition:none}.liquid-site .uah-motion-card:hover{transform:none}}
@media(forced-colors:active){.liquid-site :is(.nav,.obsidian-window,.uah-motion-card,.form,.portfolio-card){background:Canvas;border:1px solid CanvasText;box-shadow:none}.liquid-site .grad{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}