:root{--navy:#071a32;--navy2:#102747;--card:#0d2546;--blue:#008cff;--cyan:#3fc9ff;--pale:#c4ceda;--ink:#10243f;--muted:#aac7e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--pale)}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button,a{transition:background .2s,transform .2s,box-shadow .2s}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #54caff;outline-offset:3px}.container{width:min(1420px,calc(100% - 64px));margin:auto}.site-header{background:linear-gradient(180deg,#06152a,#08213e);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 14px #07152b50}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:82px}.brand{display:inline-flex;flex-direction:column;flex-shrink:0;line-height:1}.brand-name{font-size:33px;letter-spacing:-1.5px;font-style:italic;font-weight:850;color:white;text-shadow:0 1px 3px #0008}.brand-name strong{color:#009cff}.brand-arrow{font-size:20px;color:#19a9ff;vertical-align:top}
.brand-sub {
    font-size: 10px;
    letter-spacing: .45px;
    font-weight: 700;
    color: #49c5ff;
    display: block;
    margin-top: 7px
}.site-nav{display:flex;align-items:center;gap:6px}.site-nav a{padding:25px 12px;font-weight:600;font-size:14px;white-space:nowrap}.site-nav a:first-letter{color:var(--cyan)}.site-nav a:hover,.site-nav a.active{color:#fff;background:#123354;box-shadow:inset 0 -3px #00aeff}.btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid #168ff6;border-radius:9px;padding:13px 24px;color:#fff;font-weight:700;cursor:pointer;text-align:center}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(180deg,#14b7ff 0%,#0877ed 46%,#0455d3 100%);box-shadow:inset 0 1px #9defff,0 0 0 1px #19baff,0 0 16px #008dff8a}.btn-primary:hover{box-shadow:0 0 25px #008dffba}.btn-dark{background:linear-gradient(180deg,#112f53,#071b35);border-color:#3c729e;box-shadow:0 4px 12px #071e3d44}.btn-large{min-height:55px;padding:14px 24px}.menu-toggle{display:none;border:1px solid #2688d4;background:#0b3057;color:#fff;border-radius:8px;font-size:23px;padding:6px 12px}.hero{background:linear-gradient(135deg,#cbd5e0,#b9c8d9 60%,#aebfd3);padding:45px 0 42px}.hero-grid{display:grid;grid-template-columns:.85fr 1.3fr;gap:45px;align-items:center}.eyebrow{display:inline-block;border:1px solid #89a6c3;border-radius:30px;padding:7px 15px;font-size:12px;letter-spacing:.4px;font-weight:800;color:#1b3b62;background:#d6e0eb}.hero h1{font-size:clamp(55px,5.3vw,91px);letter-spacing:-4px;line-height:1.05;font-weight:900;font-style:italic;margin:15px 0 0;text-shadow:1px 3px 1px #fff9}.hero h1 span{color:#09274b}.hero h1 strong{color:#087ee9}.hero-kicker{font-weight:800;color:#0066cc;font-size:clamp(15px,1.4vw,22px);margin:5px 0 24px}.hero-description{font-size:19px;line-height:1.52;max-width:570px;margin:0 0 26px}.hero-actions{display:flex;gap:17px;flex-wrap:wrap}.hero-preview{min-width:0}.preview-frame{background:#0a2545;border:1px solid #157bc5;border-radius:9px;padding:5px;box-shadow:0 15px 26px #10274450;overflow:hidden}.preview-frame img{display:block;width:100%;height:auto;border-radius:4px}.preview-caption{text-align:right;font-size:12px;color:#486582;margin:8px 3px 0}.features{background:#bdcbdc;padding:10px 0 20px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{display:flex;gap:15px;padding:24px 18px;background:linear-gradient(145deg,#14345b,#0b2444);color:#fff;border-radius:10px;min-height:155px;box-shadow:inset 0 1px #3a6a9b}.feature-icon{width:62px;height:62px;flex:0 0 62px;display:grid;place-items:center;border:1px solid #198af4;border-radius:10px;background:linear-gradient(145deg,#1765ad,#082c5a);font-size:35px;color:#a6eaff;text-shadow:0 0 10px #1aaaff;box-shadow:inset 0 0 13px #008dff80}.feature-card h2{font-size:16px;margin:4px 0 9px}.feature-card p{font-size:13px;color:#d1e2f5;line-height:1.5;margin:0 0 8px}.feature-card a{display:inline-grid;place-items:center;border:1px solid #13aeff;border-radius:50%;width:26px;height:26px;color:#fff;background:#00529d}.about{padding:45px 0;background:linear-gradient(180deg,#c7d4e2,#b7c9dc)}.about-grid{display:grid;grid-template-columns:1.3fr .85fr .85fr;align-items:center;gap:36px}.about-showcase{background:linear-gradient(145deg,#102e53,#061b35);border:1px solid #2a649c;padding:15px;border-radius:10px;box-shadow:0 12px 24px #0d284044}.showcase-title{color:#9cdcff;font-weight:800;font-size:12px;margin-bottom:10px;letter-spacing:2px}.about-showcase img{display:block;width:100%;border:1px solid #3a729e;border-radius:4px}.eyebrow-blue{background:#92c5fa;border-color:#4c99ed;color:#0059aa}.about-copy h2,.contact h2{font-size:clamp(27px,2.5vw,38px);line-height:1.15;margin:14px 0}.about-copy p,.contact p{line-height:1.6}.benefits{padding:0 0 0 24px;margin:0;border-left:1px solid #849fba;list-style:none}.benefits li{position:relative;padding:9px 0 9px 34px;font-size:14px}.benefits li:before{content:'✓';position:absolute;left:0;top:7px;border-radius:50%;background:#0073d9;color:#fff;width:22px;height:22px;text-align:center;line-height:22px;font-weight:900}.pricing{background:#0b2647;color:#fff;padding:34px 0}.pricing-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.pricing h2{margin:12px 0}.pricing p{color:#c6dcf5;max-width:760px;line-height:1.5}.contact{padding:58px 0;background:#c7d5e4}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact-note{font-size:13px;color:#47627d}.contact-form{display:grid;gap:14px;background:#0d2849;padding:25px;border-radius:12px;color:#e7f4ff;box-shadow:0 10px 25px #09244025}.contact-form label{display:grid;gap:6px;font-size:14px;font-weight:600}.contact-form input,.contact-form textarea{width:100%;padding:12px 14px;border:1px solid #477ba7;border-radius:7px;background:#061a32;color:#fff;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8da9c6}.contact-form button{justify-self:start}.contact-form #form-status{margin:0;font-size:13px}.site-footer{background:linear-gradient(180deg,#082340,#04172c);color:#d0e1f5;padding:35px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1fr 1fr;gap:50px}.footer-grid h3{color:#fff;font-size:15px;margin:0 0 14px}.footer-grid p{font-size:13px;line-height:1.5;color:#afc7df}.footer-grid>div>a:not(.brand){display:block;font-size:13px;margin:8px 0}.footer-grid>div>a:hover{color:#4ac4ff}.footer-grid .brand-name{font-size:29px}.footer-cta{color:#4bbcff!important}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #244360;margin-top:30px;padding:17px 0;font-size:12px;color:#9cb7d2}@media(max-width:1250px){.header-inner{gap:12px}.site-nav a{padding:22px 7px;font-size:12px}.hero-grid{gap:25px}.feature-card{padding:18px 12px;gap:10px}.feature-icon{width:50px;height:50px;flex-basis:50px;font-size:27px}.about-grid{gap:20px}}@media(max-width:980px){.container{width:min(100% - 36px,760px)}.menu-toggle{display:block;margin-left:auto}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#081d37;padding:10px 18px 20px;flex-direction:column;align-items:stretch;box-shadow:0 15px 20px #0005}.site-nav.open{display:flex}.site-nav a{padding:12px 15px;font-size:15px}.login-btn{display:none}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:72px}.hero-preview{max-width:760px}.feature-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr 1fr}.about-showcase{grid-column:1/-1}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.container{width:calc(100% - 28px)}.header-inner{min-height:70px}.brand-name{font-size:28px}.brand-sub{font-size:8px}.hero{padding:35px 0}.hero h1{font-size:clamp(47px,12vw,70px);letter-spacing:-3px}.hero-description{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.feature-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.about-showcase{grid-column:auto}.benefits{border-left:0;padding-left:0}.pricing-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:22px}.footer-bottom{flex-direction:column}.contact{padding:40px 0}}

/* Sekcja Salony */
.salons{background:linear-gradient(155deg,#b7c9dc,#d0dce9);padding:64px 0 76px;scroll-margin-top:90px}
.salons-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}
.salons-heading h2{font-size:clamp(27px,3vw,40px);color:#0c2748;margin:15px 0 10px}
.salons-heading p{line-height:1.6;max-width:720px;margin:0}
.salons-empty{border:1px solid #427bad;border-radius:14px;background:linear-gradient(140deg,#15385f,#09213f);color:#fff;text-align:center;padding:50px 24px;box-shadow:0 12px 28px #08254532}
.salons-empty-icon{margin:auto auto 18px;display:grid;place-items:center;width:72px;height:72px;border-radius:16px;background:linear-gradient(#198ee9,#064c9b);border:1px solid #5bc9ff;color:#fff;font-size:48px;box-shadow:0 0 20px #008cff6b}
.salons-empty h3{font-size:24px;margin:0 0 12px}
.salons-empty p{color:#c3d9ef;max-width:660px;margin:0 auto 23px;line-height:1.65}
@media(max-width:620px){.salons{padding:42px 0}.salons-heading{flex-direction:column;align-items:stretch}.salons-empty{padding:35px 18px}}

/* Prezentacja Altai w sekcji O produkcie */
.about-video-showcase{min-width:0}
.altaja-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#020b17;border:1px solid #3a729e;border-radius:7px}
.video-caption{color:#b7d9f5;font-size:12px;line-height:1.5;margin:11px 2px 1px}
.about-copy p + p{margin-top:13px}
@media (max-width:980px){.about-video-showcase{grid-column:1/-1}}

/* Mniejszy odtwarzacz prezentacji Altai, bez zmiany pozostałych grafik */
@media (min-width: 981px) {
  .about-grid { grid-template-columns: minmax(0, 390px) minmax(0, 1fr) minmax(0, 1fr); gap: 28px; }
  .about-video-showcase { width: 100%; max-width: 390px; }
}
@media (min-width: 621px) and (max-width: 980px) {
  .about-video-showcase { grid-column: 1 / -1; max-width: 440px; justify-self: center; }
}
@media (max-width: 620px) {
  .about-video-showcase { max-width: 100%; }
}

/* Poprawiony układ prezentacji Altai: kompaktowy film jak wcześniejszy obrazek */
.about .about-grid {
  display: grid;
  grid-template-columns: minmax(0, 390px) minmax(0, 1fr);
  grid-template-areas: "film opis" "film zalety";
  column-gap: clamp(24px, 4vw, 58px);
  row-gap: 10px;
  align-items: start;
}
.about .about-video-showcase {
  grid-area: film;
  width: 100%;
  max-width: 390px;
  min-width: 0;
  justify-self: start;
  padding: 12px;
}
.about .altaja-video {
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 1918 / 1032;
  height: auto;
  object-fit: contain;
  background: #020b17;
  cursor: pointer;
}
.about .about-copy {grid-area: opis; min-width:0;}
.about .benefits {grid-area: zalety; min-width:0; margin-top:0;}
.video-error {color:#ffe4e4;background:#70202b;padding:12px;border-radius:6px;font-size:13px;line-height:1.5;}
.video-error a {color:#fff;text-decoration:underline;}
.video-error[hidden] {display:none;}
@media(max-width:980px) {
  .about .about-grid {grid-template-columns:minmax(0, 1fr);grid-template-areas:"film" "opis" "zalety";gap:22px;}
  .about .about-video-showcase {grid-column:auto;max-width:390px;justify-self:center;}
  .about .benefits {padding-left:0;border-left:0;}
}