/* Power Robotics — frosted glass visual system */
:root {
  --abyss: #070d1b;
  --deep: #0c1529;
  --glass: rgba(151, 185, 229, .075);
  --glass2: rgba(176, 204, 239, .12);
  --glass3: rgba(203, 224, 255, .18);
  --edge: rgba(217, 235, 255, .16);
  --edge2: rgba(229, 241, 255, .29);
  --dim: #b9c7dc;
  --faint: #93a7c3;
  --radius: 28px;
  --glass-surface: linear-gradient(135deg, rgba(220, 239, 255, .14), rgba(163, 194, 236, .055) 42%, rgba(177, 169, 244, .07));
  --glass-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), inset 0 -1px 0 rgba(255, 255, 255, .035), 0 18px 55px rgba(0, 4, 16, .2);
}
html { scroll-padding-top: 122px; }
body { isolation: isolate; }
.aurora { z-index: -1; background: radial-gradient(ellipse at 16% 15%, #12223a, transparent 60%), radial-gradient(ellipse at 94% 65%, #22203b, transparent 56%), #070d1b; }
.aurora i { border-radius: 50%; opacity: .85; filter: blur(85px); }
.aurora i:nth-child(1) { background: radial-gradient(circle, rgba(62, 190, 231, .29), transparent 66%); top: 10vh; }
.aurora i:nth-child(2) { background: radial-gradient(circle, rgba(159, 128, 232, .26), transparent 68%); }
.aurora i:nth-child(3) { background: radial-gradient(circle, rgba(72, 165, 205, .23), transparent 68%); }
.aurora::after { opacity: .16; background-size: 112px 112px; }

.glassy, nav, .acq-toggle, .card, .path, .calc, .tl, .chat-demo, .ind, .pillar, .faq, .c-form, .modal, .hero-eyebrow, .seal {
  background: var(--glass-surface);
  border: 1px solid var(--edge);
  border-radius: var(--radius);
  box-shadow: var(--glass-shadow);
  -webkit-backdrop-filter: blur(28px) saturate(150%);
  backdrop-filter: blur(28px) saturate(150%);
}
nav {
  top: 18px; left: 50%; right: auto; transform: translateX(-50%);
  width: calc(100% - 48px); max-width: 1350px; padding: 14px 24px;
  background: linear-gradient(120deg, rgba(210, 233, 255, .13), rgba(17, 30, 52, .66));
  transition: background .3s, box-shadow .3s;
}
nav.scrolled { background: linear-gradient(120deg, rgba(56, 77, 105, .82), rgba(17, 30, 52, .88)); box-shadow: var(--glass-shadow); }
.nav-links { gap: 24px; }
.nav-links>a { font-size: 14px; letter-spacing: .01em; }
.nav-links>.nav-cta, .nav-links>.nav-cta:hover { color: #071523; }
.lang { padding: 3px; gap: 2px; border-radius: 100px; background: rgba(5, 14, 30, .3); }
.lang button { border-radius: 100px; padding: 7px 12px; font-size: 12px; letter-spacing: .08em; }
.lang button.on { background: linear-gradient(130deg, rgba(190, 236, 255, .28), rgba(144, 195, 224, .09)); color: #e6f9ff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 3px 10px rgba(0, 0, 0, .15); }
.nav-cta, .btn, .c-form button { border-radius: 100px; }
.nav-cta, .btn-primary, .c-form button {
  background: linear-gradient(125deg, #d3f7ff, #91d9ed 65%, #a6cde9);
  border: 1px solid rgba(233, 253, 255, .66);
  box-shadow: inset 0 2px 1px rgba(255, 255, 255, .65), 0 7px 28px rgba(91, 193, 230, .17);
}
.btn-primary:hover, .nav-cta:hover, .c-form button:not(:disabled):hover { box-shadow: inset 0 2px 1px rgba(255, 255, 255, .7), 0 10px 36px rgba(91, 193, 230, .28); transform: translateY(-2px); }
.btn { padding: 16px 28px; font-size: 14px; letter-spacing: .045em; }
.btn-ghost { background: linear-gradient(130deg, rgba(233, 247, 255, .12), rgba(134, 164, 201, .035)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.btn-ghost:hover { background-color: rgba(177, 220, 252, .08); }

.hero { min-height: 100svh; padding: 144px 5vw 64px; align-items: center; }
.hero-bg img { object-position: 68% 30%; }
.hero-shade { background: linear-gradient(90deg, rgba(5, 11, 23, .42), rgba(5, 11, 23, .16) 65%, rgba(5, 11, 23, .1)), linear-gradient(0deg, var(--abyss), transparent 55%); }
.hero-copy {
  max-width: 790px; padding: clamp(26px, 3.7vw, 50px);
  background: linear-gradient(125deg, rgba(155, 199, 231, .13), rgba(15, 26, 46, .54) 58%, rgba(136, 132, 191, .1));
  border: 1px solid rgba(222, 238, 255, .22); border-radius: 36px;
  -webkit-backdrop-filter: blur(24px) saturate(125%); backdrop-filter: blur(24px) saturate(125%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .32), inset 1px 0 0 rgba(255, 255, 255, .045), 0 28px 90px rgba(0, 4, 16, .22);
}
.hero-eyebrow { font-size: 11px; letter-spacing: .16em; line-height: 1.6; border-radius: 100px; padding: 10px 15px; margin-bottom: 28px; background: rgba(149, 209, 239, .075); }
.pulse { border-radius: 50%; flex-shrink: 0; }
.hero h1 { font-size: clamp(42px, 5.25vw, 74px); letter-spacing: -.035em; line-height: 1.05; margin-bottom: 24px; }
.hero-copy>p { color: #cbd8e9; font-size: 16px; line-height: 1.8; margin-bottom: 30px; }
.hero-ctas { gap: 12px; margin-bottom: 34px; }
.hero-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; border: 0; }
.hstat { padding: 17px 13px; margin: 0; border: 1px solid rgba(221, 236, 255, .1); border-radius: 18px; background: linear-gradient(140deg, rgba(199, 225, 252, .095), rgba(147, 175, 214, .025)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08); }
.hstat:last-child { border-right: 1px solid rgba(221, 236, 255, .1); }
.hstat b { font-size: 28px; margin-bottom: 8px; }
.hstat span { display: block; font-size: 10px; letter-spacing: .1em; color: #b3c4da; line-height: 1.5; }
.marquee { background: rgba(142, 182, 222, .035); border-color: rgba(215, 233, 255, .08); padding: 22px 0; }
.mq-track span { font-size: 12px; letter-spacing: .15em; }

section:not(.hero) { padding-top: 110px; padding-bottom: 110px; }
.sec-head p, .path>p, .path li, .ind p, .pillar p, .faq .faq-a, .exclusive>.wrap>p { font-size: 16px; }
.sec-head { margin-bottom: 48px; }
.sec-head h2 { letter-spacing: -.025em; }
.sec-eyebrow { font-size: 12px; letter-spacing: .2em; }
.acq-bar { top: 110px; margin-bottom: 22px; }
.acq-toggle { border-radius: 100px; padding: 6px; background: linear-gradient(130deg, rgba(73, 100, 132, .6), rgba(17, 30, 51, .75)); }
.acq-toggle button { border-radius: 100px; font-size: 14px; letter-spacing: .07em; padding: 12px 34px; }
.acq-toggle button.active { background: linear-gradient(130deg, rgba(217, 248, 255, .97), rgba(148, 216, 235, .97)); box-shadow: inset 0 1px 0 #f0fcff, 0 4px 16px rgba(107, 211, 255, .14); }
.acq-note { font-size: 14px; }
.grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 345px), 1fr)); gap: 26px; }
.card { padding: 8px; }
.card::before { border-radius: inherit; }
.card-visual { height: 310px; border-radius: 21px; }
.card-visual::after { opacity: .25; }
.card-body { padding: 28px 22px 24px; border: 0; }
.card-body h3 { font-size: 25px; letter-spacing: -.015em; }
.card-body .role { font-size: 16px; }
.card-tag, .card-avail { border-radius: 100px; font-size: 10px; letter-spacing: .08em; padding: 8px 11px; background: rgba(11, 24, 41, .63); -webkit-backdrop-filter: blur(18px); }
.card-tag { max-width: 65%; }
.card-avail i { border-radius: 50%; }
.spec { border-radius: 100px; font-size: 12px; letter-spacing: .05em; padding: 6px 11px; background: rgba(193, 221, 247, .055); }
.price span { font-size: 13px; }
.price .mode-label { font-size: 11px; letter-spacing: .16em; }
.card-cta { font-size: 14px; }
.card:hover, .card:focus-visible { border-color: rgba(190, 229, 255, .38); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .32), 0 24px 70px rgba(0, 5, 20, .35), 0 0 38px rgba(103, 190, 230, .08); }
.path::before { top: 0; left: 20%; right: 20%; opacity: .4; }
.path .p-icon { border-radius: 17px; background: linear-gradient(140deg, rgba(196, 238, 255, .16), rgba(110, 163, 211, .05)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2); }
.pfs-badge { border-radius: 12px; font-size: 11px; letter-spacing: .08em; }
.calc { background: radial-gradient(ellipse at 100% 0%, rgba(127, 162, 240, .16), transparent 65%), var(--glass-surface); }
.calc select, .term-btns, .term-btns button { border-radius: 14px; }
.calc select { font-size: 16px; }
.calc-out { border-radius: 22px; background: linear-gradient(135deg, rgba(166, 201, 236, .09), rgba(9, 23, 43, .24)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16); }
.calc-out small { font-size: 12px; letter-spacing: .18em; }
.calc-out p { font-size: 14px; }
.calc label { font-size: 12px; letter-spacing: .14em; }
.calc .fine { font-size: 12px; }
.tl { padding: 30px; }
.tl-step .t-num, .tl-step .t-time { font-size: 12px; letter-spacing: .16em; }
.tl p { font-size: 15px; }
.ind { padding: 32px; }
.ind h4 { font-size: 23px; letter-spacing: -.015em; }
.ind .i-num, .ind .i-models { font-size: 12px; letter-spacing: .12em; }
.ind::after { left: 24px; right: 24px; width: auto; }
.seal { border-radius: 100px; font-size: 12px; letter-spacing: .12em; }
.pillar b { font-size: 18px; }
.faq { border-radius: 20px; }
.faq summary { font-size: 18px; }
.faq[open] { background-color: rgba(143, 183, 224, .045); }
.c-form input, .c-form select { border-radius: 14px; background: rgba(10, 24, 42, .32); font-size: 16px; }
.c-form label { font-size: 12px; letter-spacing: .12em; color: var(--dim); }
.c-form button:disabled:hover { box-shadow: inset 0 2px 1px rgba(255, 255, 255, .65), 0 7px 28px rgba(91, 193, 230, .17); }
.modal-backdrop { background: rgba(3, 8, 19, .58); -webkit-backdrop-filter: blur(18px); }
.modal { background: linear-gradient(140deg, rgba(36, 55, 78, .94), rgba(17, 28, 49, .97)); border-radius: 30px; }
.modal-photo-wrap { margin: 8px 8px 0; border-radius: 23px; }
.modal-close { border-radius: 50%; z-index: 4; color: var(--ice); background: rgba(20, 35, 53, .65); }
.spec-cell, .mp { border-radius: 16px; background: rgba(199, 225, 252, .05); }
.spec-cell small, .mp small, .modal-uses h4, .modal-gallery h4 { font-size: 12px; letter-spacing: .12em; }
.mp span, .use-pills span { font-size: 13px; }
.use-pills span { border-radius: 100px; }
.gal-thumb { border-radius: 12px; }
footer { background: rgba(134, 170, 210, .03); }
.foot p, .foot .fam { font-size: 13px; }
a:focus-visible, button:focus-visible, summary:focus-visible, select:focus-visible { outline: 2px solid #b2ebff; outline-offset: 5px; }

@media (max-width: 1100px) {
  .hero-copy { max-width: 720px; }
  .hero-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  html { scroll-padding-top: 104px; }
  nav { top: 10px; width: calc(100% - 24px); padding: 12px 16px; border-radius: 22px; }
  .logo { gap: 10px; }
  .logo-visor { width: 28px; height: 32px; }
  .lt-power { font-size: 13px; }
  .lt-robotics { font-size: 9px; }
  .nav-links { gap: 0; }
  .lang button { padding: 6px 10px; }
  .hero { padding: 110px 12px 40px; min-height: auto; }
  .hero-copy { width: 100%; padding: 28px 22px; border-radius: 28px; }
  .hero-eyebrow { font-size: 10px; letter-spacing: .11em; padding: 9px 12px; margin-bottom: 25px; }
  .hero h1 { font-size: clamp(38px, 9.5vw, 56px); }
  .hero-copy>p { font-size: 16px; line-height: 1.7; }
  .hero-ctas { flex-direction: column; align-items: stretch; }
  .hero-ctas .btn { text-align: center; padding: 15px 18px; }
  .hero-stats { gap: 10px; }
  .hstat { padding: 16px 12px; }
  .hstat b { font-size: 27px; }
  section:not(.hero) { padding: 80px 18px; }
  .sec-head h2 { font-size: 38px; }
  .acq-bar { top: 90px; }
  .acq-toggle button { padding: 12px 24px; }
  .card-visual { height: 300px; }
  .card-body { padding: 24px 18px; }
  .card-tag, .card-avail { top: 12px; }
  .card-tag { left: 10px; max-width: 61%; }
  .card-avail { right: 10px; }
  .paths .grid3 { grid-template-columns: 1fr; }
  .path, .calc, .c-form { padding: 28px 24px; }
  .calc { gap: 30px; }
  .calc-out { padding: 30px 16px; }
  .calc-out b { font-size: 48px; }
  .tl { padding: 8px; grid-template-columns: 1fr; }
  .tl-step { padding: 28px 22px; }
  .seal { padding: 12px 18px; font-size: 11px; }
  .faq summary { padding: 22px; }
  .faq .faq-a { padding: 0 22px 24px; }
  .contact-inner { gap: 36px; }
  .modal-backdrop { padding: 12px; }
  .modal { max-height: 90svh; border-radius: 26px; }
  .modal-hero, .modal-body { padding: 28px 22px; }
  .spec-table { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .spec-cell { padding: 14px; overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) {
  .aurora i, .mq-track, .scanline { animation: none !important; }
  *, *::before, *::after { transition-duration: 0s !important; scroll-behavior: auto !important; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  nav, .hero-copy, .acq-toggle { background: rgba(19, 33, 54, .96); }
  .card, .path, .calc, .tl, .ind, .pillar, .faq, .c-form { background: #17243a; }
}