/* PULSAR PRO v4 */
:root{--bg:#f3f4f6;--ink:#09111a;--dark:#06101a;--dark2:#0a1a2a;--gold:#c89435;--gold2:#f0c76e;--blue:#2a91ff;--muted:#6c7888;--line:#dfe4ea}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Heebo",Arial,sans-serif;color:var(--ink);background:var(--bg);overflow-x:hidden}a{text-decoration:none;color:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.08);transition:.3s}.topbar.scrolled{background:rgba(4,12,20,.88);backdrop-filter:blur(18px)}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;direction:ltr}.brand img{width:155px;display:block}.nav-links{display:flex;align-items:center;gap:32px;direction:rtl;color:#e7ebef;font-size:15px}.nav-links a{transition:.2s}.nav-links a:hover{color:var(--gold2)}.contact-pill{padding:10px 18px;border:1px solid rgba(255,255,255,.24);border-radius:999px}.menu-btn{display:none;background:none;border:0}.menu-btn span{display:block;width:27px;height:2px;background:#fff;margin:5px}
.hero{min-height:800px;padding-top:86px;color:#fff;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 35%,rgba(28,111,192,.22),transparent 28%),radial-gradient(circle at 18% 12%,rgba(189,136,42,.12),transparent 24%),linear-gradient(135deg,#03090f,#071522 55%,#0a1d30)}.hero:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-170px;height:260px;border-radius:50%;background:var(--bg)}.hero-stars{position:absolute;inset:0;opacity:.28;background-image:radial-gradient(circle,#fff 1px,transparent 1px);background-size:53px 53px;mask-image:linear-gradient(to bottom,black,transparent 76%)}.hero-grid{min-height:680px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;position:relative;z-index:2}.micro{font-size:11px;letter-spacing:2.5px;font-weight:800;color:#8edcff;margin:0}.micro.gold{color:var(--gold)}.hero h1{font-size:clamp(48px,5.8vw,82px);line-height:1.01;letter-spacing:-2.7px;margin:14px 0 21px}.hero h1 span,.heading h2 span,.contact h2 span{color:var(--gold2)}.lead{font-size:18px;line-height:1.85;color:#b7c0ca;max-width:610px}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.btn{min-height:52px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:700;border:1px solid transparent;transition:.25s}.primary{background:linear-gradient(135deg,#b77f26,#e8b757);color:#0b0e12;box-shadow:0 12px 35px rgba(192,137,42,.22)}.primary:hover{transform:translateY(-2px);box-shadow:0 17px 42px rgba(192,137,42,.32)}.glass{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.04);color:#fff}.hero-points{display:flex;gap:36px;margin-top:42px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);max-width:620px}.hero-points div{display:flex;flex-direction:column}.hero-points b{font-size:20px}.hero-points span{font-size:11px;color:#7f90a2;margin-top:4px}.hero-stage{height:610px;display:grid;place-items:center;position:relative;direction:ltr}.halo{position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(30,134,224,.24),transparent 65%);box-shadow:0 0 0 1px rgba(255,255,255,.06)}.platform{position:absolute;width:430px;height:82px;border-radius:50%;bottom:78px;background:linear-gradient(#14293c,#07111b);border:1px solid rgba(237,193,106,.38);box-shadow:0 25px 38px rgba(0,0,0,.45),0 -5px 35px rgba(49,145,222,.15)}.hero-player{margin:0;position:relative;z-index:2;width:430px;height:590px;display:grid;place-items:center;overflow:visible}.hero-player img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 35px 30px rgba(0,0,0,.5));mask-image:radial-gradient(ellipse 78% 78% at 52% 50%,#000 62%,transparent 96%)}.float-card{position:absolute;z-index:4;padding:11px 14px;border:1px solid rgba(255,255,255,.12);background:rgba(6,18,30,.65);backdrop-filter:blur(12px);border-radius:12px;display:flex;flex-direction:column}.float-card span{font-size:11px;letter-spacing:2px;color:var(--gold2);font-weight:800}.float-card small{font-size:9px;color:#91a1b1;margin-top:3px}.fc1{left:3%;top:27%}.fc2{right:1%;bottom:28%}.supervised-stamp{position:absolute;top:18px;left:-52px;z-index:120;width:250px;height:84px;transform:rotate(-38deg);display:grid;place-items:center;border-top:1px solid rgba(255,255,255,.42);border-bottom:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.035);backdrop-filter:blur(5px)}.supervised-stamp img{width:170px;max-height:64px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.feature-bar{position:relative;z-index:5;margin-top:-15px}.feature-bar-grid{background:#071421;color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 45px rgba(6,16,27,.18);border-radius:22px;display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden}.feature-bar-grid div{padding:24px 18px;text-align:center;border-left:1px solid rgba(255,255,255,.09)}.feature-bar-grid div:last-child{border-left:0}.feature-bar-grid strong{display:block;color:var(--gold2);font-size:14px}.feature-bar-grid span{display:block;color:#8898a9;font-size:11px;margin-top:4px}.section{padding:105px 0}.heading{max-width:760px}.heading.center{text-align:center;margin:auto}.heading h2{font-size:clamp(39px,4.8vw,64px);line-height:1.04;letter-spacing:-2px;margin:12px 0 18px}.heading>p:last-child{font-size:17px;line-height:1.8;color:var(--muted)}.product{margin-top:58px;background:#fff;border:1px solid var(--line);border-radius:32px;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;box-shadow:0 18px 55px rgba(9,25,41,.065);overflow:hidden}.product.reverse .product-visual{order:2}.product.reverse .product-content{order:1}.product-visual{height:540px;border-radius:24px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 38%,#1a3751,#07111a 70%)}.photo-blend img{width:96%;height:100%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 30px 28px rgba(0,0,0,.38));mask-image:radial-gradient(ellipse 75% 80% at 50% 50%,#000 60%,transparent 96%)}.transparent-visual img{max-width:82%;max-height:86%;object-fit:contain;position:relative;z-index:3;filter:drop-shadow(0 28px 24px rgba(0,0,0,.34))}.classic img{max-width:68%;max-height:86%}.visual-ring{position:absolute;width:350px;height:350px;border-radius:50%;border:1px solid rgba(226,183,94,.18);box-shadow:0 0 80px rgba(20,121,201,.1)}.floor-glow{position:absolute;bottom:55px;width:63%;height:46px;border-radius:50%;background:rgba(30,134,224,.22);filter:blur(18px)}.model-watermark{position:absolute;left:22px;bottom:-10px;font-size:120px;font-weight:900;color:rgba(255,255,255,.035);letter-spacing:-8px}.product-content h3{font-size:49px;line-height:1;margin:8px 0 16px}.desc{font-size:17px;line-height:1.78;color:var(--muted)}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:27px 0}.spec-grid div{background:#f4f6f8;border:1px solid #e5e9ee;border-radius:15px;padding:13px 12px}.spec-grid b{display:block;font-size:17px}.spec-grid span{display:block;font-size:10px;color:#778493;margin-top:2px}.clean-list{list-style:none;margin:22px 0;padding:0;display:grid;gap:9px}.clean-list li{font-size:14px;color:#4f5c6a}.clean-list li:before{content:"✓";color:var(--gold);font-weight:900;margin-left:9px}.price-line{display:flex;align-items:baseline;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.price-line span{font-size:11px;color:#8a95a1}.price-line strong{font-size:35px;color:#9c671c}.price-line del{font-size:13px;color:#9aa3ad}.note{font-size:11px;color:#89939f;background:#f5f6f7;border-radius:12px;padding:12px 14px}.why{background:linear-gradient(135deg,#06101a,#0a1d2f);color:#fff}.why .heading h2{color:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:55px}.benefit{min-height:230px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:23px;padding:27px}.benefit i{font-style:normal;color:var(--gold);font-size:11px}.benefit h3{font-size:20px;margin:52px 0 8px}.benefit p{font-size:13px;line-height:1.7;color:#8e9cac}.brand-break{background:#fff;padding:70px 0;border-bottom:1px solid var(--line)}.brand-break-inner{display:flex;align-items:center;justify-content:center;gap:45px}.brand-break img{width:245px;max-height:180px;object-fit:contain}.brand-break-inner div{display:flex;flex-direction:column}.brand-break small{letter-spacing:4px;color:#9a7a40}.brand-break strong{font-size:22px;letter-spacing:1px}.contact{background:#eef1f4}.contact-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;background:linear-gradient(135deg,#07131f,#0b2944);border-radius:34px;color:#fff;padding:58px;box-shadow:0 20px 60px rgba(5,18,31,.18)}.contact h2{font-size:clamp(40px,5vw,62px);line-height:1.04;margin:10px 0 17px}.contact-main>p:last-of-type{color:#9aaabb;line-height:1.7}.contact-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.light{background:#fff;color:#07131f}.outline{border-color:rgba(255,255,255,.2);color:#fff}.contact-side{display:flex;flex-direction:column;justify-content:center;gap:17px}.contact-row{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:14px}.contact-row span{display:block;font-size:10px;color:#71869a;margin-bottom:4px}.contact-row strong{font-size:15px}.waze-btn{margin-top:5px;display:grid;grid-template-columns:46px 1fr 28px;gap:12px;align-items:center;padding:15px 17px;border-radius:17px;background:linear-gradient(135deg,#fff,#e8f5ff);color:#07131f;transition:.25s}.waze-btn:hover{transform:translateY(-2px)}.waze-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#53c7ff;color:#fff;font-weight:900}.waze-btn small{display:block;color:#75808a;font-size:9px}.waze-btn b{font-size:16px}.waze-btn i{font-style:normal;font-size:22px}.footer{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#788492;font-size:11px}footer{background:#040b12}.footer img{width:125px}.footer a{color:#a89467}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.in{opacity:1;transform:none}.d1{transition-delay:.12s}.d2{transition-delay:.22s}.d3{transition-delay:.32s}
@media(max-width:900px){.menu-btn{display:block;z-index:5}.nav-links{display:none;position:absolute;top:74px;right:14px;left:14px;background:#071522;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.hero-grid{grid-template-columns:1fr;padding-top:60px}.hero-copy{text-align:center}.lead{margin:auto}.actions,.hero-points{justify-content:center;margin-left:auto;margin-right:auto}.hero-stage{height:520px}.feature-bar-grid{grid-template-columns:1fr 1fr}.feature-bar-grid div:last-child{grid-column:1/-1}.product,.product.reverse{grid-template-columns:1fr;gap:35px}.product.reverse .product-visual,.product.reverse .product-content{order:initial}.product-visual{height:450px}.benefit-grid{grid-template-columns:1fr 1fr}.contact-wrap{grid-template-columns:1fr}.brand-break-inner{flex-direction:column;text-align:center}.supervised-stamp{top:11px;left:-65px}}
@media(max-width:620px){.shell{width:min(100% - 26px,1180px)}.nav{height:72px}.brand img{width:125px}.hero{padding-top:72px;min-height:auto;padding-bottom:115px}.hero h1{font-size:43px;letter-spacing:-1.7px}.lead{font-size:16px}.hero-points{gap:18px}.hero-points b{font-size:16px}.hero-points span{font-size:9px}.hero-stage{height:410px}.hero-player{width:300px;height:405px}.platform{width:300px;height:60px;bottom:50px}.halo{width:300px;height:300px}.float-card{padding:8px 10px}.feature-bar{margin-top:0}.feature-bar-grid{border-radius:0}.section{padding:75px 0}.heading h2{font-size:39px}.product{padding:18px;border-radius:23px;margin-top:34px}.product-visual{height:340px}.photo-blend img{width:100%}.product-content h3{font-size:38px}.spec-grid{grid-template-columns:1fr 1fr}.classic img{max-width:58%}.benefit-grid{grid-template-columns:1fr}.contact-wrap{padding:34px 22px;border-radius:24px}.contact-buttons .btn{width:100%}.brand-break img{width:200px}.footer{flex-direction:column;justify-content:center;padding:22px 0}.supervised-stamp{width:215px;height:68px;left:-65px}.supervised-stamp img{width:145px}}
.full-spec{
  grid-template-columns:1fr 1fr;
  column-gap:24px;
  row-gap:8px;
  margin-top:24px;
}
.full-spec li{
  background:#f7f8fa;
  border:1px solid #eceff3;
  border-radius:10px;
  padding:9px 11px;
  line-height:1.45;
}
@media(max-width:620px){
  .full-spec{grid-template-columns:1fr}
}


/* v6 image refinements */
.hero-player img.hero-c1-img{
  object-fit:contain;
  width:92%;
  height:92%;
  mask-image:none;
  -webkit-mask-image:none;
  filter:
    drop-shadow(0 34px 28px rgba(0,0,0,.55))
    drop-shadow(0 0 24px rgba(33,125,199,.10));
}
.product-c1 .product-visual{
  background:
    radial-gradient(circle at 50% 44%, rgba(37,135,211,.22), transparent 38%),
    radial-gradient(circle at 50% 55%, #17324a 0%, #08121c 62%, #050c12 100%);
}
.product-c1 .product-visual img{
  width:78%;
  height:90%;
  object-fit:contain;
  mask-image:none;
  -webkit-mask-image:none;
  filter:
    drop-shadow(0 30px 28px rgba(0,0,0,.48))
    drop-shadow(0 0 18px rgba(48,145,215,.09));
}
.product-m1 .product-visual img{
  max-width:70%;
  max-height:88%;
  image-rendering:auto;
  filter:
    drop-shadow(0 28px 24px rgba(0,0,0,.38))
    drop-shadow(0 0 10px rgba(255,255,255,.035));
}
.product-m1 .product-visual{
  background:
    radial-gradient(circle at 50% 38%, rgba(58,124,175,.16), transparent 35%),
    radial-gradient(circle at 50% 50%, #1c3144 0%, #08121c 68%);
}
@media(max-width:620px){
  .product-c1 .product-visual img{width:82%;height:92%}
  .product-m1 .product-visual img{max-width:62%}
}

html{scroll-padding-top:90px}
#top{scroll-margin-top:0}

/* ===== PL-C1 interactive content gallery ===== */
.content-gallery-btn{
  margin-top:14px;width:100%;border:1px solid #d7b05e;background:linear-gradient(135deg,#fffaf0,#f5e8c9);
  color:#15110a;border-radius:16px;padding:13px 15px;display:grid;grid-template-columns:42px 1fr 28px;
  align-items:center;gap:12px;text-align:right;font-family:inherit;cursor:pointer;transition:.25s
}
.content-gallery-btn:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(147,101,25,.14)}
.gallery-btn-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#0a1724;color:#f0c76e;font-size:19px}
.content-gallery-btn small{display:block;font-size:9px;color:#8b7751}.content-gallery-btn b{display:block;font-size:15px}.content-gallery-btn i{font-style:normal;font-size:21px;color:#a16d1d}
body.gallery-open{overflow:hidden}
.player-gallery{position:fixed;inset:0;z-index:500;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}
.player-gallery.open{visibility:visible;opacity:1}
.gallery-backdrop{position:absolute;inset:0;background:rgba(1,6,11,.82);backdrop-filter:blur(14px)}
.gallery-panel{
  position:absolute;inset:4vh 4vw;background:linear-gradient(145deg,#07121e,#0b2237);border:1px solid rgba(255,255,255,.11);
  border-radius:30px;color:#fff;box-shadow:0 40px 120px rgba(0,0,0,.6);overflow:hidden;display:flex;flex-direction:column
}
.gallery-panel:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:#1a79c7;filter:blur(150px);opacity:.12;right:-180px;top:-220px;pointer-events:none}
.gallery-top{min-height:88px;padding:18px 26px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}
.gallery-kicker{display:block;color:#d6a84d;font-size:9px;letter-spacing:2px;font-weight:800}.gallery-top h3{font-size:24px;margin:2px 0 0}
.gallery-close{width:45px;height:45px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;font-size:30px;line-height:1;cursor:pointer}
.gallery-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:0;min-height:0;flex:1;direction:ltr}
.gallery-stage-wrap{position:relative;min-height:0;display:grid;place-items:center;padding:28px 58px;overflow:hidden}
.gallery-stage{width:100%;height:100%;min-height:430px;overflow:hidden;touch-action:pan-y;cursor:grab}
.gallery-stage.dragging{cursor:grabbing}
.gallery-track{height:100%;display:flex;transition:transform .45s cubic-bezier(.22,.72,.2,1);will-change:transform}
.gallery-slide{margin:0;min-width:100%;height:100%;display:grid;place-items:center;direction:rtl}
.device-display{width:100%;height:100%;display:grid;place-items:center;position:relative}
.device-display:after{content:"";position:absolute;bottom:4%;width:42%;height:5%;border-radius:50%;background:rgba(0,0,0,.42);filter:blur(18px);z-index:0}
.device-display img{position:relative;z-index:2;max-width:90%;max-height:88%;object-fit:contain;filter:drop-shadow(0 25px 30px rgba(0,0,0,.42));user-select:none;-webkit-user-drag:none}
.full-device img{max-height:92%}
.screen-view:before,.detail-view:before{content:"";position:absolute;width:min(540px,74%);height:86%;border-radius:38px;background:linear-gradient(145deg,#222d36,#080d12);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 0 7px #090d11,0 32px 65px rgba(0,0,0,.42)}
.screen-view img{max-width:63%;max-height:72%;border-radius:8px}
.detail-view img{max-width:68%;max-height:66%;border-radius:9px}
.gallery-arrow{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:46px;height:58px;border-radius:15px;border:1px solid rgba(255,255,255,.13);background:rgba(4,13,22,.62);backdrop-filter:blur(8px);color:#fff;font-size:36px;cursor:pointer;transition:.2s}
.gallery-arrow:hover{background:#c69035;color:#08101a}.gallery-arrow.prev{left:14px}.gallery-arrow.next{right:14px}
.gallery-info{border-left:1px solid rgba(255,255,255,.08);padding:35px 24px;direction:rtl;display:flex;flex-direction:column;justify-content:center;background:rgba(0,0,0,.08)}
.gallery-counter{font-size:10px;letter-spacing:2px;color:#d5aa5a}.gallery-info h4{font-size:25px;margin:12px 0 8px}.gallery-info>p{font-size:12px;line-height:1.7;color:#899bae;margin:0 0 24px}
.gallery-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:9px}.thumb{height:78px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#091522;padding:5px;cursor:pointer;overflow:hidden;opacity:.58;transition:.2s}.thumb.active{opacity:1;border-color:#d4a64e;box-shadow:0 0 0 1px #d4a64e inset}.thumb img{width:100%;height:100%;object-fit:contain}
.gallery-dots{display:flex;justify-content:center;gap:7px;margin-top:22px;direction:ltr}.gallery-dot{width:7px;height:7px;border:0;border-radius:999px;background:#405164;padding:0;cursor:pointer;transition:.25s}.gallery-dot.active{width:24px;background:#d2a44c}
@media(max-width:900px){
  .gallery-panel{inset:2vh 2vw;border-radius:23px}.gallery-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}
  .gallery-info{border-left:0;border-top:1px solid rgba(255,255,255,.08);padding:16px 20px}.gallery-info>p{display:none}.gallery-info h4{font-size:18px;margin:3px 0 9px}
  .gallery-thumbs{display:flex;justify-content:center}.thumb{width:68px;height:55px}.gallery-stage-wrap{padding:15px 48px}.gallery-stage{min-height:360px}.gallery-top{min-height:72px;padding:12px 18px}
}
@media(max-width:620px){
  .gallery-panel{inset:0;border-radius:0}.gallery-top h3{font-size:18px}.gallery-close{width:39px;height:39px}
  .gallery-stage-wrap{padding:8px 34px}.gallery-stage{min-height:310px}.gallery-arrow{width:35px;height:48px;font-size:28px;border-radius:11px}.gallery-arrow.prev{left:4px}.gallery-arrow.next{right:4px}
  .screen-view:before,.detail-view:before{width:82%;height:88%;border-radius:26px}.screen-view img{max-width:72%;max-height:71%}.detail-view img{max-width:76%}
  .gallery-info{padding:11px 14px}.gallery-thumbs{gap:6px}.thumb{width:58px;height:46px}.gallery-dots{margin-top:10px}
}

/* v10 — 12 reasons */
.benefits-12{
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.benefits-12 .benefit{
  min-height:245px;
  position:relative;
  overflow:hidden;
  transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease;
}
.benefits-12 .benefit:after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  border-radius:50%;
  left:-75px;
  top:-75px;
  background:rgba(210,164,76,.08);
  filter:blur(4px);
}
.benefits-12 .benefit:hover{
  transform:translateY(-6px);
  border-color:rgba(224,181,96,.30);
  background:rgba(255,255,255,.055);
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}
.benefit-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  margin-top:24px;
  border-radius:13px;
  border:1px solid rgba(226,183,94,.22);
  background:linear-gradient(145deg,rgba(217,168,76,.13),rgba(255,255,255,.02));
  color:#e5b75c;
  font-size:18px;
  font-style:normal;
}
.benefits-12 .benefit h3{
  margin:18px 0 8px;
}
@media(max-width:1000px){
  .benefits-12{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .benefits-12{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .benefits-12{grid-template-columns:1fr}
  .benefits-12 .benefit{min-height:auto}
}

/* ===== v11: screenshots rendered INSIDE a PL-C1 style player shell ===== */
.gallery-stage-wrap{
  background:
    radial-gradient(circle at 50% 48%, rgba(37,132,206,.16), transparent 31%),
    linear-gradient(180deg,rgba(255,255,255,.018),transparent);
}
.gallery-slide{
  overflow:visible;
}
.real-player-shell{
  position:relative;
  width:min(365px,72%);
  aspect-ratio:480/900;
  padding:32px 17px 58px;
  border-radius:34px 34px 31px 31px;
  background:
    linear-gradient(105deg,#11161c 0%,#3c454e 7%,#0b0e12 14%,#252c33 50%,#080b0e 88%,#3b444d 96%,#11151a 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.22),
    inset 7px 0 9px rgba(255,255,255,.035),
    inset -7px 0 9px rgba(0,0,0,.5),
    0 42px 55px rgba(0,0,0,.56),
    0 0 0 1px rgba(0,0,0,.8);
  transform:perspective(1200px) rotateY(-1.5deg);
}
.real-player-shell:before{
  content:"";
  position:absolute;
  inset:8px 8px 42px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.09);
  pointer-events:none;
  z-index:4;
}
.real-player-shell:after{
  content:"PULSAR";
  position:absolute;
  bottom:17px;
  left:50%;
  transform:translateX(-50%);
  color:#777f87;
  font-size:9px;
  letter-spacing:3px;
  font-weight:700;
}
.player-screen-window{
  position:relative;
  width:100%;
  height:100%;
  border-radius:9px 9px 12px 12px;
  overflow:hidden;
  background:#000;
  box-shadow:
    inset 0 0 0 2px #050607,
    0 0 0 1px rgba(255,255,255,.1),
    0 8px 20px rgba(0,0,0,.3);
}
.player-screen-window img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  user-select:none;
  -webkit-user-drag:none;
  filter:none;
}
.player-screen-window:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(115deg,rgba(255,255,255,.11),transparent 16%,transparent 68%,rgba(255,255,255,.025));
  mix-blend-mode:screen;
}
.player-speaker{
  position:absolute;
  top:15px;
  left:50%;
  transform:translateX(-50%);
  width:52px;
  height:5px;
  border-radius:5px;
  background:#050709;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.12);
}
.player-bottom-glass{
  position:absolute;
  left:28px;
  right:28px;
  bottom:36px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
}
.player-side{
  position:absolute;
  width:4px;
  border-radius:3px;
  background:linear-gradient(#3d464e,#12161a);
  box-shadow:0 0 0 1px rgba(0,0,0,.6);
}
.player-side-left{left:-3px;top:145px;height:66px}
.player-side-right{right:-3px;top:112px;height:44px}
.gallery-info{
  min-width:0;
}
.gallery-thumbs{
  grid-template-columns:repeat(3,1fr);
  max-height:310px;
  overflow:auto;
  padding-left:3px;
}
.gallery-thumbs::-webkit-scrollbar{width:5px}
.gallery-thumbs::-webkit-scrollbar-thumb{background:#394a5c;border-radius:10px}
.thumb{
  height:92px;
}
.thumb img{
  object-fit:cover;
  object-position:top center;
}
@media(max-width:900px){
  .real-player-shell{
    width:min(300px,60vw);
  }
  .gallery-thumbs{
    max-height:none;
    overflow:visible;
    display:flex;
    overflow-x:auto;
    justify-content:flex-start;
    padding-bottom:4px;
  }
  .thumb{
    flex:0 0 58px;
    width:58px;
    height:78px;
  }
}
@media(max-width:620px){
  .real-player-shell{
    width:min(270px,72vw);
    padding:28px 13px 50px;
    border-radius:28px;
  }
  .gallery-stage{
    min-height:420px;
  }
  .gallery-layout{
    grid-template-rows:minmax(0,1fr) auto;
  }
  .gallery-info h4{
    margin-bottom:5px;
  }
}

/* ===== v12 fixed PL-C1 frame: device never slides, only screen content changes ===== */
.fixed-device-gallery .gallery-top{flex:0 0 auto}
.fixed-gallery-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 285px;
  min-height:0;
  flex:1;
  direction:ltr;
}
.fixed-stage-wrap{
  position:relative;
  min-height:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:20px 70px 28px;
  background:
    radial-gradient(circle at 50% 48%,rgba(43,134,206,.17),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.018),transparent);
}
.fixed-player-stage{
  position:relative;
  width:min(520px,84%);
  height:100%;
  min-height:500px;
  display:grid;
  place-items:center;
}
.fixed-player-stack{
  position:relative;
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
}
.content-layer{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  opacity:0;
  transform:scale(.998);
  transition:opacity .18s ease;
  filter:drop-shadow(0 34px 32px rgba(0,0,0,.5));
  user-select:none;
  pointer-events:none;
}
.content-layer.active{
  opacity:1;
  transform:scale(1);
}
.screen-change-hint{
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:5;
  font-size:9px;
  letter-spacing:1px;
  color:#8da0b2;
  background:rgba(4,13,22,.58);
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  padding:6px 10px;
  backdrop-filter:blur(7px);
}
.fixed-device-gallery .gallery-info{
  direction:rtl;
  border-left:1px solid rgba(255,255,255,.08);
}
.fixed-device-gallery .gallery-thumbs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  max-height:310px;
  overflow:auto;
}
.fixed-device-gallery .thumb{
  height:100px;
  background:#07121e;
}
.fixed-device-gallery .thumb img{
  object-fit:contain;
  object-position:center;
}
.fixed-device-gallery .gallery-arrow{
  top:50%;
}
@media(max-width:900px){
  .fixed-gallery-layout{
    grid-template-columns:1fr;
    grid-template-rows:minmax(0,1fr) auto;
  }
  .fixed-stage-wrap{
    padding:10px 48px;
  }
  .fixed-player-stage{
    width:min(430px,74vw);
    min-height:430px;
  }
  .fixed-device-gallery .gallery-info{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.08);
  }
  .fixed-device-gallery .gallery-thumbs{
    display:flex;
    max-height:none;
    overflow-x:auto;
    gap:7px;
  }
  .fixed-device-gallery .thumb{
    flex:0 0 62px;
    height:82px;
  }
}
@media(max-width:620px){
  .fixed-stage-wrap{padding:4px 34px}
  .fixed-player-stage{
    width:min(330px,78vw);
    min-height:390px;
  }
  .screen-change-hint{display:none}
  .fixed-device-gallery .thumb{
    flex-basis:52px;
    height:70px;
  }
}

/* ===== v13: corrected PL-C1 screen fit + swipe that changes screen only ===== */
.fixed-player-stage{
  touch-action:pan-y;
  cursor:grab;
}
.fixed-player-stage.swiping{
  cursor:grabbing;
}
.fixed-player-stack{
  position:relative;
}
.content-layer{
  transition:opacity .16s ease-in-out !important;
  transform:none !important;
}
.content-layer.active{
  transform:none !important;
}
.fixed-player-stack:after{
  content:"";
  position:absolute;
  left:21%;
  right:14%;
  top:9%;
  bottom:12%;
  pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,.06),transparent 22%,transparent 75%);
  opacity:.25;
  mix-blend-mode:screen;
}

/* ===== v14: instant gallery — no dim/fade between screens ===== */
.content-layer{
  opacity:1 !important;
  transition:none !important;
  animation:none !important;
  transform:none !important;
}
.content-layer:not(.active){
  display:none !important;
}
.content-layer.active{
  display:block !important;
  opacity:1 !important;
}
.fixed-player-stack:after{
  /* Static glass highlight only; does not change during navigation */
  opacity:.14;
}

/* ===== v15: stronger glossy glass effect on PL-C1 screen ===== */
.fixed-player-stack{
  position:relative;
  isolation:isolate;
}
.fixed-player-stack::before{
  content:"";
  position:absolute;
  z-index:20;
  pointer-events:none;
  left:20%;
  right:12.5%;
  top:8.2%;
  bottom:10.7%;
  border-radius:10px;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.12),
    inset 0 10px 24px rgba(255,255,255,.045),
    inset 0 -10px 22px rgba(0,0,0,.13);
}
.fixed-player-stack::after{
  content:"";
  position:absolute;
  z-index:21;
  pointer-events:none;
  left:19.5%;
  right:12%;
  top:7.8%;
  bottom:10.5%;
  border-radius:10px;
  background:
    linear-gradient(
      122deg,
      transparent 0%,
      transparent 18%,
      rgba(255,255,255,.06) 24%,
      rgba(255,255,255,.20) 31%,
      rgba(255,255,255,.08) 39%,
      transparent 49%,
      transparent 100%
    );
  mix-blend-mode:screen;
  opacity:.95 !important;
}
.fixed-player-stage::after{
  content:"";
  position:absolute;
  z-index:22;
  pointer-events:none;
  width:32%;
  height:74%;
  top:12%;
  left:39%;
  transform:skewX(-14deg) rotate(-5deg);
  background:linear-gradient(
    to right,
    transparent,
    rgba(255,255,255,.035),
    rgba(255,255,255,.10),
    rgba(255,255,255,.03),
    transparent
  );
  mix-blend-mode:screen;
}
.fixed-player-stage::before{
  content:"";
  position:absolute;
  z-index:23;
  pointer-events:none;
  width:46%;
  height:10px;
  top:9.5%;
  left:31%;
  border-radius:50%;
  background:rgba(255,255,255,.16);
  filter:blur(6px);
  transform:rotate(5deg);
}


/* ===== v16: glass clipped to the actual PL-C1 display perspective ===== */

/* Disable old rectangular stage reflections */
.fixed-player-stage::before,
.fixed-player-stage::after{
  content:none !important;
  display:none !important;
}

/*
  The displayed PL-C1 composite itself already contains the perspective-correct
  device and screen. The glass is therefore drawn as an SVG-like polygon using
  clip-path coordinates matched to the actual screen quadrilateral:
  TL 11.5% 5.9%, TR 59.0% 10.4%, BR 93.5% 82.7%, BL 45.3% 87.8%.
*/
.fixed-player-stack{
  position:relative;
  isolation:isolate;
}

/* Screen depth, exactly clipped to the slanted display */
.fixed-player-stack::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:0;
  z-index:30;
  pointer-events:none;
  clip-path:polygon(
    11.5% 5.9%,
    59.0% 10.4%,
    93.5% 82.7%,
    45.3% 87.8%
  );
  -webkit-clip-path:polygon(
    11.5% 5.9%,
    59.0% 10.4%,
    93.5% 82.7%,
    45.3% 87.8%
  );
  background:
    linear-gradient(115deg,
      rgba(255,255,255,.055) 0%,
      rgba(255,255,255,.012) 18%,
      transparent 42%,
      rgba(0,0,0,.025) 100%);
  box-shadow:none !important;
}

/* Main polished-glass reflection, clipped to the same four screen corners */
.fixed-player-stack::after{
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:0;
  z-index:31;
  pointer-events:none;
  clip-path:polygon(
    11.5% 5.9%,
    59.0% 10.4%,
    93.5% 82.7%,
    45.3% 87.8%
  );
  -webkit-clip-path:polygon(
    11.5% 5.9%,
    59.0% 10.4%,
    93.5% 82.7%,
    45.3% 87.8%
  );
  background:
    linear-gradient(
      126deg,
      transparent 0%,
      transparent 15%,
      rgba(255,255,255,.025) 20%,
      rgba(255,255,255,.12) 27%,
      rgba(255,255,255,.19) 31%,
      rgba(255,255,255,.075) 36%,
      transparent 43%,
      transparent 68%,
      rgba(255,255,255,.035) 72%,
      transparent 78%
    );
  mix-blend-mode:screen;
  opacity:.82 !important;
  box-shadow:
    inset 0 0 18px rgba(255,255,255,.025) !important;
}

/* Keep the instant screen switching from v14 */
.content-layer{
  transition:none !important;
  animation:none !important;
  transform:none !important;
}
.content-layer:not(.active){
  display:none !important;
}
.content-layer.active{
  display:block !important;
  opacity:1 !important;
}

/* ===== v17: force glass reflection ABOVE the screen image ===== */

.fixed-player-stack{
  position:relative !important;
  isolation:isolate !important;
  z-index:1;
}

/* Screen images stay below the glass */
.fixed-player-stack .content-layer{
  position:absolute !important;
  z-index:10 !important;
}

/* Glass depth layer above image */
.fixed-player-stack::before{
  z-index:100 !important;
  pointer-events:none !important;
  opacity:1 !important;
}

/* Main glossy reflection above everything inside the player */
.fixed-player-stack::after{
  z-index:101 !important;
  pointer-events:none !important;
  opacity:1 !important;
  mix-blend-mode:screen !important;
  background:
    linear-gradient(
      126deg,
      transparent 0%,
      transparent 13%,
      rgba(255,255,255,.035) 19%,
      rgba(255,255,255,.13) 25%,
      rgba(255,255,255,.24) 30%,
      rgba(255,255,255,.10) 35%,
      transparent 43%,
      transparent 66%,
      rgba(255,255,255,.045) 72%,
      transparent 79%
    ) !important;
}

/* Make sure surrounding gallery UI doesn't cover the glass */
.fixed-player-stage{
  position:relative;
  z-index:1;
}
.screen-change-hint{
  z-index:150 !important;
}
.seo-copy{background:#07111b;color:#fff;border-top:1px solid rgba(255,255,255,.07);padding:34px 0 10px}.seo-copy-inner{text-align:center;max-width:900px}.seo-copy h2{font-size:18px;margin:0 0 8px;color:#d7ad5a}.seo-copy p{margin:0 auto;color:#8f9cab;line-height:1.8;font-size:12px}.seo-copy strong{color:#b9c4cf;font-weight:600}

/* ===== v20: PL-C1 glass precisely locked to the visible screen =====
   The reflection is clipped to the same perspective quadrilateral as the
   screen artwork and sits above the changing screen image. */
.fixed-player-stack{
  position:relative !important;
  isolation:isolate !important;
  overflow:visible !important;
}
.fixed-player-stack::before,
.fixed-player-stack::after{
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  transform:none !important;
  transform-origin:center !important;
  border-radius:0 !important;
  pointer-events:none !important;
  -webkit-clip-path:polygon(12.8% 6.9%,58.3% 11.2%,91.9% 81.5%,46.0% 86.7%) !important;
  clip-path:polygon(12.8% 6.9%,58.3% 11.2%,91.9% 81.5%,46.0% 86.7%) !important;
}
.fixed-player-stack::before{
  z-index:100 !important;
  opacity:1 !important;
  background:
    linear-gradient(112deg,
      rgba(255,255,255,.075) 0%,
      rgba(255,255,255,.018) 23%,
      transparent 48%,
      rgba(0,0,0,.035) 100%) !important;
  box-shadow:inset 0 0 20px rgba(255,255,255,.035) !important;
}
.fixed-player-stack::after{
  z-index:101 !important;
  opacity:.94 !important;
  mix-blend-mode:screen !important;
  background:
    linear-gradient(127deg,
      transparent 0%,
      transparent 11%,
      rgba(255,255,255,.025) 17%,
      rgba(255,255,255,.11) 23%,
      rgba(255,255,255,.25) 28%,
      rgba(255,255,255,.13) 33%,
      rgba(255,255,255,.035) 38%,
      transparent 44%,
      transparent 69%,
      rgba(255,255,255,.055) 74%,
      transparent 80%) !important;
  filter:none !important;
}
.fixed-player-stack .content-layer{
  z-index:10 !important;
}

.model-seo-link{display:inline-block;margin:5px 0 8px;color:#d7ad5a;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.model-seo-link:hover{color:#f1c86f}
.product-page{min-height:100vh;background:linear-gradient(135deg,#03090f,#071522 55%,#0a1d30);color:#fff;padding:110px 20px 70px;direction:rtl}
.product-page .pp-shell{max-width:1120px;margin:auto}
.product-page .pp-top{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.product-page .pp-image{min-height:520px;display:grid;place-items:center;position:relative}
.product-page .pp-image:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(34,139,230,.20),transparent 67%)}
.product-page .pp-image img{position:relative;max-width:100%;max-height:560px;object-fit:contain;filter:drop-shadow(0 30px 30px rgba(0,0,0,.48))}
.product-page h1{font-size:clamp(42px,6vw,76px);margin:8px 0 14px}
.product-page .gold{color:#d7ad5a}.product-page .sub{color:#aab7c4;font-size:18px;line-height:1.8}
.product-page .price{font-size:32px;font-weight:900;color:#e8b757;margin:20px 0}
.product-page .specs{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:28px 0;padding:0;list-style:none}
.product-page .specs li{padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.035);color:#d9e0e7}
.product-page .specs li:before{content:"✓";color:#e8b757;font-weight:900;margin-left:8px}
.product-page .pp-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.product-page .pp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;background:linear-gradient(135deg,#b77f26,#e8b757);color:#07111b;font-weight:800}
.product-page .pp-btn.alt{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.18)}
.product-page .seo-text{margin-top:55px;padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025);color:#aab7c4;line-height:1.9}
.product-page .seo-text h2{color:#fff;margin-top:0}
@media(max-width:800px){.product-page .pp-top{grid-template-columns:1fr}.product-page .pp-image{min-height:380px}.product-page .specs{grid-template-columns:1fr}}


/* ===== v21: screen glass corrected ===== */
.fixed-player-stack::before,
.fixed-player-stack::after{
  content:"" !important;
  position:absolute !important;
  pointer-events:none !important;
  /* Exact screen face, not the whole player */
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:100% !important;
  inset:0 !important;
  transform:none !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-clip-path:polygon(15.2% 8.1%,59.0% 12.5%,88.2% 79.4%,47.2% 85.0%) !important;
  clip-path:polygon(15.2% 8.1%,59.0% 12.5%,88.2% 79.4%,47.2% 85.0%) !important;
}
.fixed-player-stack::before{
  z-index:80 !important;
  opacity:.72 !important;
  mix-blend-mode:screen !important;
  background:
    linear-gradient(118deg,
      transparent 0 15%,
      rgba(255,255,255,.025) 20%,
      rgba(255,255,255,.11) 26%,
      rgba(255,255,255,.22) 30%,
      rgba(255,255,255,.08) 35%,
      transparent 42% 100%) !important;
}
.fixed-player-stack::after{
  z-index:81 !important;
  opacity:.55 !important;
  mix-blend-mode:screen !important;
  background:
    linear-gradient(101deg,
      rgba(255,255,255,.035) 0 10%,
      transparent 22% 58%,
      rgba(255,255,255,.055) 67%,
      transparent 76% 100%) !important;
}
/* Never allow an old glass rectangle/polygon to show outside the screen */
.fixed-player-stack .glass,
.fixed-player-stack .glass-effect,
.fixed-player-stack .screen-glass{
  display:none !important;
}

/* ===== v21: resilient slow-connection loading ===== */
#connection-loader{
  position:fixed; inset:0; z-index:99999;
  display:none; place-items:center;
  background:#061421;
  color:#fff; direction:rtl;
  font-family:Arial,sans-serif;
}
html.critical-loading #connection-loader{display:grid}
#connection-loader .loadbox{text-align:center;padding:28px}
#connection-loader .spinner{
  width:44px;height:44px;margin:0 auto 16px;border-radius:50%;
  border:3px solid rgba(255,255,255,.18);
  border-top-color:#d9ad57;
  animation:pulsarspin .8s linear infinite
}
#connection-loader small{display:block;color:#9eacb9;margin-top:8px}
@keyframes pulsarspin{to{transform:rotate(360deg)}}


/* ===== v22: keep already-loaded site visible while remaining assets load ===== */
#connection-loader{
  position:fixed !important;
  inset:auto 18px 18px auto !important;
  z-index:99999 !important;
  display:none !important;
  width:auto !important;
  height:auto !important;
  place-items:initial !important;
  background:rgba(6,20,33,.78) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:16px !important;
  box-shadow:0 12px 35px rgba(0,0,0,.24) !important;
}
html.critical-loading #connection-loader{
  display:block !important;
}
#connection-loader .loadbox{
  display:grid !important;
  grid-template-columns:28px auto !important;
  grid-template-areas:
    "spinner title"
    "spinner subtitle";
  column-gap:11px !important;
  align-items:center !important;
  text-align:right !important;
  padding:11px 14px !important;
  min-width:250px !important;
}
#connection-loader .spinner{
  grid-area:spinner;
  width:26px !important;
  height:26px !important;
  margin:0 !important;
  border-width:2px !important;
}
#connection-loader strong{
  grid-area:title;
  font-size:13px !important;
  line-height:1.25 !important;
}
#connection-loader small{
  grid-area:subtitle;
  display:block !important;
  margin-top:2px !important;
  font-size:10px !important;
  color:#aeb9c4 !important;
}

/* Never hide, blur, fade or block the already-rendered page */
html.critical-loading body > *:not(#connection-loader){
  visibility:visible !important;
  opacity:1 !important;
  filter:none !important;
  pointer-events:auto !important;
}

/* On phones, keep the loader compact and above the bottom edge */
@media(max-width:620px){
  #connection-loader{
    right:10px !important;
    left:10px !important;
    bottom:10px !important;
  }
  #connection-loader .loadbox{
    min-width:0 !important;
    width:100% !important;
  }
}


/* ===== v23: progressive rendering — site is NEVER hidden waiting for JS ===== */

/*
  Previous versions used .reveal { opacity:0 } and waited for JavaScript /
  IntersectionObserver to reveal sections. On a weak connection that meant the
  HTML was present but the visitor only saw the dark blue background.
  From v23 all content is visible immediately.
*/
.reveal,
.reveal.in,
.d1,
.d2,
.d3{
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
  transition-delay:0s !important;
  animation:none !important;
  visibility:visible !important;
}

/* Hero/product content must paint immediately even if JS has not loaded yet */
.hero-copy,
.hero-stage,
.heading,
.product,
.benefit,
.contact-wrap,
.brand-break-inner{
  opacity:1 !important;
  visibility:visible !important;
}

/* The page remains fully usable during asset retries */
html.critical-loading,
html.critical-loading body{
  overflow-x:hidden !important;
}
html.critical-loading body{
  visibility:visible !important;
  opacity:1 !important;
}

/* Loader is only a small status badge; never a page backdrop */
#connection-loader{
  inset:auto 16px 16px auto !important;
  max-width:min(340px,calc(100vw - 24px)) !important;
  background:rgba(5,17,29,.72) !important;
}
#connection-loader::before,
#connection-loader::after{
  content:none !important;
  display:none !important;
}

/* If CSS arrives before images, keep image areas stable instead of blank page */
img{
  opacity:1;
}


/* ===== v24: useful SEO content hub ===== */
.seo-hub{padding:80px 20px;background:linear-gradient(180deg,#071522,#05111c);direction:rtl;color:#fff}
.seo-hub-inner{max-width:1120px;margin:auto}
.seo-hub h2{font-size:clamp(32px,5vw,54px);margin:8px 0 18px}
.seo-lead{max-width:900px;color:#b7c1cb;line-height:1.95;font-size:17px}
.seo-lead a,.seo-hub a{color:inherit}
.seo-model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0 45px}
.seo-model-card{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(255,255,255,.035);text-decoration:none;transition:.2s ease}
.seo-model-card:hover{transform:translateY(-3px);border-color:rgba(215,173,90,.45)}
.seo-model-card b{color:#e0b45d;font-size:18px}
.seo-model-card span{color:#aeb9c4;line-height:1.65}
.seo-faq{max-width:900px}
.seo-faq h3{font-size:28px;margin-bottom:18px}
.seo-faq details{border-bottom:1px solid rgba(255,255,255,.09);padding:15px 0}
.seo-faq summary{cursor:pointer;font-weight:800;font-size:16px}
.seo-faq details p{color:#aeb9c4;line-height:1.8;margin:12px 0 2px}
@media(max-width:800px){.seo-model-grid{grid-template-columns:1fr}.seo-hub{padding:58px 18px}}

/* v25 premium SEO section */
.seo-hub{position:relative;overflow:hidden;padding:96px 22px;background:radial-gradient(circle at 80% 10%,rgba(211,158,61,.12),transparent 28%),linear-gradient(180deg,#081724,#04101a)!important;color:#fff!important}
.seo-hub:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 55%,rgba(255,255,255,.025) 55% 56%,transparent 56%);pointer-events:none}
.seo-hub-inner{position:relative;max-width:1180px;margin:auto}
.seo-eyebrow{font-size:11px;letter-spacing:5px;color:#d7a54a;font-weight:900;margin-bottom:22px}
.seo-title-row{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:30px}
.seo-title-row h2{font-size:clamp(40px,6vw,72px)!important;line-height:1;margin:0 0 12px!important;color:#fff!important}
.seo-title-row h2 span{font-weight:300;color:#d8a94e}
.seo-title-row p{color:#93a4b4;margin:0;font-size:17px}
.seo-mark{width:88px;height:88px;border:1px solid rgba(215,169,78,.45);border-radius:50%;display:grid;place-items:center;color:#d8a94e;font:300 42px Georgia,serif}
.seo-lead{max-width:920px!important;color:#b5c0ca!important;line-height:2!important;font-size:17px!important;margin:32px 0!important}
.seo-model-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important;margin:35px 0 70px!important}
.seo-model-card{position:relative;min-height:170px;padding:26px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;text-decoration:none!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;transition:.25s ease!important;box-shadow:0 18px 50px rgba(0,0,0,.16)}
.seo-model-card:hover{transform:translateY(-6px)!important;border-color:rgba(215,169,78,.45)!important;background:rgba(255,255,255,.065)!important}
.seo-model-card small{letter-spacing:2px;color:#738596;font-size:10px}
.seo-model-card b{font-size:31px!important;color:#e2b65d!important;margin:7px 0}
.seo-model-card span{color:#aebbc6!important;line-height:1.6}
.seo-model-card em{margin-top:auto;color:#fff;font-style:normal;font-size:13px;opacity:.8}
.seo-faq-wrap{display:grid;grid-template-columns:260px 1fr;gap:60px;align-items:start}
.seo-faq-heading small{color:#d7a54a;letter-spacing:4px;font-weight:900}
.seo-faq-heading h3{font-size:36px!important;margin:8px 0!important;color:#fff}
.seo-faq{max-width:none!important}
.seo-faq details{border:0!important;border-top:1px solid rgba(255,255,255,.1)!important;padding:0!important}
.seo-faq details:last-child{border-bottom:1px solid rgba(255,255,255,.1)!important}
.seo-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:22px 0;cursor:pointer;color:#fff;font-size:17px!important;font-weight:700!important}
.seo-faq summary::-webkit-details-marker{display:none}
.seo-faq summary i{font-style:normal;color:#d8a94e;font-size:24px;font-weight:300;transition:.2s}
.seo-faq details[open] summary i{transform:rotate(45deg)}
.seo-faq details p{margin:0 0 22px!important;color:#9dabb7!important;line-height:1.9!important}
@media(max-width:800px){.seo-hub{padding:65px 18px}.seo-mark{display:none}.seo-model-grid{grid-template-columns:1fr!important}.seo-faq-wrap{grid-template-columns:1fr;gap:18px}.seo-title-row{display:block}}

.interface-cta{display:inline-flex;align-items:center;gap:14px;margin:20px 0;padding:14px 24px;border-radius:999px;background:linear-gradient(135deg,#d9aa4f,#f0c978);color:#07131e!important;text-decoration:none!important;font-weight:900;box-shadow:0 12px 35px rgba(211,158,61,.2);transition:.2s}
.interface-cta:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(211,158,61,.28)}
\n\n/* v26 hard override - premium SEO must render even with inherited rules */
#pulsar-seo.seo-hub{display:block!important;width:100%!important;background:radial-gradient(circle at 82% 8%,rgba(202,145,45,.16),transparent 30%),linear-gradient(145deg,#071521,#030b12)!important;color:#fff!important;padding:88px 20px!important;direction:rtl!important}
#pulsar-seo .seo-hub-inner{display:block!important;width:min(1180px,calc(100% - 20px))!important;max-width:1180px!important;margin:0 auto!important}
#pulsar-seo .seo-title-row{display:flex!important;justify-content:space-between!important;align-items:center!important;padding-bottom:28px!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
#pulsar-seo h2,#pulsar-seo h3,#pulsar-seo p,#pulsar-seo span,#pulsar-seo small,#pulsar-seo b,#pulsar-seo em{color:inherit}
#pulsar-seo .seo-title-row h2{color:#fff!important;font-size:clamp(42px,6vw,72px)!important;margin:0 0 10px!important}
#pulsar-seo .seo-title-row h2 span{color:#e2b45c!important}
#pulsar-seo .seo-title-row p,#pulsar-seo .seo-lead{color:#a9b7c4!important}
#pulsar-seo .seo-mark{display:grid!important;color:#e2b45c!important}
#pulsar-seo .seo-model-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin:34px 0 68px!important}
#pulsar-seo .seo-model-card{display:flex!important;flex-direction:column!important;min-height:180px!important;padding:26px!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.11)!important;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;color:#fff!important;box-shadow:0 20px 45px rgba(0,0,0,.2)!important}
#pulsar-seo .seo-model-card b{display:block!important;color:#e3b65e!important;font-size:31px!important;margin:8px 0!important}
#pulsar-seo .seo-model-card span{color:#aebbc6!important;line-height:1.7!important}
#pulsar-seo .seo-model-card em{margin-top:auto!important;color:#fff!important}
#pulsar-seo .seo-faq-wrap{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;gap:55px!important}
#pulsar-seo .seo-faq details{display:block!important;border-top:1px solid rgba(255,255,255,.11)!important;background:transparent!important}
#pulsar-seo .seo-faq summary{display:flex!important;justify-content:space-between!important;color:#fff!important;padding:20px 0!important}
#pulsar-seo .seo-faq details p{color:#9fadb9!important}
.seo-copy{background:#07131f!important;color:#fff!important;padding:30px 20px!important;border-top:1px solid rgba(255,255,255,.08)!important}
.seo-copy .seo-copy-inner{text-align:center!important}
.seo-copy h2{color:#e0ad51!important;margin:0 0 10px!important;font-size:22px!important}
.seo-copy p{color:#9eb0c2!important;margin:0 auto!important;max-width:1000px!important;line-height:1.8!important}
@media(max-width:800px){#pulsar-seo .seo-model-grid{grid-template-columns:1fr!important}#pulsar-seo .seo-faq-wrap{grid-template-columns:1fr!important;gap:20px!important}#pulsar-seo .seo-mark{display:none!important}}


/* ==========================================================
   v27 — unified premium dark-blue PULSAR design
   ========================================================== */
:root{
  --v27-bg:#04111d;
  --v27-bg2:#071a2a;
  --v27-panel:#0a2032;
  --v27-panel2:#0d2940;
  --v27-line:rgba(255,255,255,.09);
  --v27-text:#f7f9fb;
  --v27-muted:#9fb0bf;
  --v27-gold:#e2b45c;
}
html,body{background:var(--v27-bg)!important;color:var(--v27-text)!important}
body,main,.section,.intro,.products,.product-section,.benefits,.contact,.seo-copy,.seo-hub,.product-page{background-color:var(--v27-bg)!important}
.intro,.section,.products,.product-section,.models,.why,.contact,.seo-hub{
  background-image:radial-gradient(circle at 82% 15%,rgba(34,122,190,.12),transparent 28%),linear-gradient(180deg,var(--v27-bg2),var(--v27-bg))!important;
}
.product,.product-card,.product-copy,.product-info,.product-visual,.card,.benefit,.contact-wrap,.seo-model-card{
  background:linear-gradient(145deg,rgba(14,43,66,.96),rgba(6,24,39,.96))!important;
  color:var(--v27-text)!important;border-color:var(--v27-line)!important;
}
.product h1,.product h2,.product h3,.section h1,.section h2,.section h3,.product-page h1,.product-page h2,.product-page h3{color:var(--v27-text)!important}
.product p,.product li,.section p,.product-page p,.product-page li{color:var(--v27-muted)!important}
.product.product-c1,.product.product-a1,.product.product-m1,.product-c1,.product-a1,.product-m1{
  background:linear-gradient(145deg,#0a2236,#061623)!important;
}
.product .product-visual,.product-c1 .product-visual,.product-m1 .product-visual{
  background:radial-gradient(circle at 50% 44%,rgba(43,139,207,.19),transparent 38%),linear-gradient(160deg,#0b263c,#05131f)!important;
}

/* Product pages */
.product-page{
  min-height:100vh!important;
  background:radial-gradient(circle at 75% 10%,rgba(28,113,178,.17),transparent 31%),linear-gradient(135deg,#03101b,#081e30 58%,#04111d)!important;
  color:#fff!important;
}
.product-page .pp-shell{max-width:1180px!important;margin:auto!important}
.product-page .pp-top{
  padding:28px!important;border:1px solid var(--v27-line)!important;border-radius:28px!important;
  background:linear-gradient(145deg,rgba(11,35,55,.93),rgba(5,20,33,.92))!important;
  box-shadow:0 30px 80px rgba(0,0,0,.28)!important;
}
.product-page .specs li{background:rgba(255,255,255,.035)!important;border-color:var(--v27-line)!important;color:#d9e3eb!important}
.product-page .seo-text{background:linear-gradient(145deg,#092138,#061722)!important;border-color:var(--v27-line)!important;color:var(--v27-muted)!important}

/* Replace decorative P with the actual supplied PULSAR logo */
.seo-mark{
  width:138px!important;height:138px!important;border:0!important;border-radius:0!important;
  background:url('/assets/pulsar-brand-v27.png') center/contain no-repeat!important;
  font-size:0!important;flex:0 0 138px!important;opacity:.98!important;
}

/* Working interface button */
.interface-cta{
  border:0!important;cursor:pointer!important;font-family:inherit!important;display:inline-flex!important;
  align-items:center!important;gap:14px!important;padding:15px 25px!important;margin:18px 0 8px!important;
  border-radius:999px!important;background:linear-gradient(135deg,#c38a31,#edc56d)!important;
  color:#07131e!important;font-weight:900!important;box-shadow:0 14px 38px rgba(215,169,78,.18)!important;
}
.interface-cta:hover{transform:translateY(-2px)!important;box-shadow:0 18px 44px rgba(215,169,78,.28)!important}

.player-gallery{z-index:999999!important}
body.gallery-open{overflow:hidden!important}
@media(max-width:800px){
  .seo-mark{width:92px!important;height:92px!important;flex-basis:92px!important}
  .product-page .pp-top{padding:18px!important}
}


/* ==========================================================
   v28 — layered gradients, premium contrast, no flat blue
   ========================================================== */
:root{
  --p28-navy:#04111d;
  --p28-navy2:#071827;
  --p28-slate:#0d2233;
  --p28-charcoal:#081018;
  --p28-blue:#0a2a42;
  --p28-gold:#e2b45c;
  --p28-text:#f6f8fb;
  --p28-muted:#9fb1c0;
  --p28-line:rgba(255,255,255,.09);
}

/* Global background: layered, not uniform */
html,body{
  background:
    radial-gradient(circle at 15% 20%,rgba(33,109,163,.15),transparent 30%),
    radial-gradient(circle at 82% 8%,rgba(203,151,61,.08),transparent 23%),
    linear-gradient(135deg,#020910 0%,#071827 42%,#0b2031 72%,#050c13 100%) !important;
  color:var(--p28-text)!important;
}

/* Alternate tones section-by-section */
.hero,.intro,.brand-break{
  background:
    radial-gradient(circle at 75% 22%,rgba(45,130,190,.15),transparent 30%),
    linear-gradient(145deg,#030b12,#081a2a 55%,#0b2336)!important;
}
.models,.products,.product-section{
  background:
    radial-gradient(circle at 20% 30%,rgba(48,100,139,.10),transparent 28%),
    linear-gradient(160deg,#0a1620,#101d27 48%,#07131e)!important;
}
.why,.benefits,.seo-hub{
  background:
    radial-gradient(circle at 82% 10%,rgba(204,154,66,.09),transparent 24%),
    linear-gradient(145deg,#06111a,#0b1f30 58%,#06121c)!important;
}
.contact,.seo-copy{
  background:
    linear-gradient(145deg,#02080d,#0a1722 50%,#0b2130)!important;
}

/* Main product cards: dark layered surfaces, not white */
.product,.product-card,.product-copy,.product-info,.product-visual,
.card,.benefit,.contact-wrap,.seo-model-card{
  background:
    linear-gradient(145deg,rgba(14,35,50,.96),rgba(8,21,31,.96))!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.22)!important;
}

/* Individual model sections each get a slightly different tone */
.product-c1,.product.product-c1{
  background:
    radial-gradient(circle at 20% 25%,rgba(37,123,182,.16),transparent 34%),
    linear-gradient(145deg,#071724,#0c2437)!important;
}
.product-a1,.product.product-a1{
  background:
    radial-gradient(circle at 75% 20%,rgba(72,106,129,.15),transparent 35%),
    linear-gradient(145deg,#0c1720,#102735)!important;
}
.product-m1,.product.product-m1{
  background:
    radial-gradient(circle at 35% 20%,rgba(187,137,48,.08),transparent 30%),
    linear-gradient(145deg,#08121a,#15202a)!important;
}

/* Spec summary tiles inside model cards: replace white tiles */
.spec-grid > *,
.stats > *,
.product-stats > *,
.quick-specs > *,
.stat,
.spec-card,
.mini-stat{
  background:linear-gradient(145deg,#10283b,#0a1a27)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.085)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.spec-grid strong,.stats strong,.product-stats strong,.quick-specs strong,
.stat strong,.spec-card strong,.mini-stat strong{
  color:#f0c46d!important;
}
.spec-grid span,.stats span,.product-stats span,.quick-specs span,
.stat span,.spec-card span,.mini-stat span{
  color:#aab8c5!important;
}

/* Full spec list: dark cards with gold checks */
.spec-list li,.specs-list li,.features-list li,.feature-list li{
  background:linear-gradient(145deg,#102333,#0a1925)!important;
  color:#d7e0e8!important;
  border-color:rgba(255,255,255,.075)!important;
}

/* Product pages get a richer mixed palette */
.product-page{
  background:
    radial-gradient(circle at 13% 18%,rgba(38,115,166,.16),transparent 28%),
    radial-gradient(circle at 85% 12%,rgba(196,146,56,.07),transparent 22%),
    linear-gradient(135deg,#020a11,#091a28 48%,#0c2334 74%,#050c12)!important;
}
.product-page .pp-top{
  background:
    radial-gradient(circle at 20% 10%,rgba(45,118,171,.13),transparent 35%),
    linear-gradient(145deg,#0a1e2d,#0b2538 58%,#081722)!important;
}
.product-page .specs li{
  background:linear-gradient(145deg,#102a3e,#0b1c2a)!important;
  color:#dce5ec!important;
  border-color:rgba(255,255,255,.08)!important;
}
.product-page .seo-text{
  background:linear-gradient(145deg,#0a1c29,#0e2638)!important;
}

/* Gallery itself gets subtle depth */
.gallery-panel,.fixed-device-gallery{
  background:
    radial-gradient(circle at 45% 30%,rgba(29,99,147,.11),transparent 30%),
    linear-gradient(145deg,#06131e,#0a2133)!important;
}
.gallery-info{
  background:linear-gradient(180deg,rgba(10,31,47,.96),rgba(6,20,31,.96))!important;
}
.thumb{
  background:#07141e!important;
}

/* Keep all text readable */
.product p,.product li,.section p,.product-page p,.product-page li{
  color:#aab9c6!important;
}
.product h1,.product h2,.product h3,
.section h1,.section h2,.section h3,
.product-page h1,.product-page h2,.product-page h3{
  color:#f7f9fb!important;
}


/* ==========================================================
   v29 — remove remaining white cards + stray white separators
   ========================================================== */

/* Catch every remaining white/light tile used for specs/features */
.product [class*="spec"] > div,
.product [class*="spec"] > li,
.product [class*="feature"] > div,
.product [class*="feature"] > li,
.product [class*="stat"] > div,
.product [class*="stat"] > li,
.product .spec-item,
.product .feature-item,
.product .stat-item,
.product .info-pill,
.product .pill,
.product .detail-card,
.product .feature-card,
.product .spec-row,
.product .feature-row,
.product .product-feature,
.product .product-spec,
.product .specs li,
.product .features li{
  background:
    linear-gradient(145deg,#102a3d 0%,#0b1d2b 55%,#081723 100%) !important;
  color:#dce5ed !important;
  border:1px solid rgba(255,255,255,.075) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 8px 20px rgba(0,0,0,.10) !important;
}

/* Text inside those cards */
.product [class*="spec"] strong,
.product [class*="feature"] strong,
.product [class*="stat"] strong,
.product .spec-item strong,
.product .feature-item strong,
.product .stat-item strong,
.product .detail-card strong,
.product .feature-card strong{
  color:#f1c46a !important;
}
.product [class*="spec"] span,
.product [class*="feature"] span,
.product [class*="stat"] span,
.product .spec-item span,
.product .feature-item span,
.product .stat-item span,
.product .detail-card span,
.product .feature-card span{
  color:#aebdca !important;
}

/* Generic fallback: any light cards left from early versions */
.product div[style*="background:#fff"],
.product div[style*="background: #fff"],
.product div[style*="background:white"],
.product li[style*="background:#fff"],
.product li[style*="background: #fff"],
.product li[style*="background:white"]{
  background:linear-gradient(145deg,#102a3d,#0a1a27) !important;
  color:#dce5ed !important;
}

/* Remove light/white separator lines between major sections */
section,
footer,
.brand-break,
.contact,
.contact-section,
.seo-hub,
.seo-copy,
.models,
.products,
.why,
.benefits{
  border-top-color:transparent !important;
  border-bottom-color:transparent !important;
}

/* Specifically kill pseudo-elements that create thin white separators */
section::before,
section::after,
footer::before,
footer::after,
.contact::before,
.contact::after,
.brand-break::before,
.brand-break::after{
  border-color:transparent !important;
}

/* Remove horizontal rules or full-width divider elements */
hr,
.divider,
.section-divider,
.separator,
.line,
.footer-line{
  border:0 !important;
  background:transparent !important;
  height:0 !important;
  min-height:0 !important;
  box-shadow:none !important;
}

/* Preserve spacing without a visible white line */
.contact,
.contact-section{
  margin-top:0 !important;
  border-top:0 !important;
}

/* If a previous section used a 1px white background separator */
body > div[style*="height:1px"],
body > div[style*="height: 1px"],
main > div[style*="height:1px"],
main > div[style*="height: 1px"]{
  display:none !important;
}

/* Make the transition to contact feel intentional */
.contact,
.contact-section{
  background:
    radial-gradient(circle at 70% 15%,rgba(39,103,147,.10),transparent 28%),
    linear-gradient(160deg,#071722,#0b2030 52%,#050d14) !important;
}

/* Ensure page never shows a white page edge */
html,body,main{
  background-color:#040b11 !important;
}


/* ==========================================================
   v30 — stronger product specs + FAQ nav
   ========================================================== */

/* Make the quick stats clearly stand out from the section background */
.product [class*="stat"] > div,
.product [class*="spec"] > div,
.product .stat,
.product .mini-stat,
.product .spec-card,
.product .product-stat,
.product .quick-spec{
  background:
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.055),transparent 34%),
    linear-gradient(145deg,#17364b 0%,#102b3e 50%,#0b2131 100%) !important;
  border:1px solid rgba(226,180,92,.22) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
  color:#fff !important;
}

/* Full feature/spec list cards */
.product [class*="feature"] > li,
.product [class*="spec"] > li,
.product .spec-item,
.product .feature-item,
.product .spec-row,
.product .feature-row,
.product .product-feature,
.product .product-spec,
.product .specs li,
.product .features li{
  background:
    linear-gradient(145deg,#153348 0%,#0f2a3c 56%,#0a1f2e 100%) !important;
  border:1px solid rgba(226,180,92,.18) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.17),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
  color:#edf3f7 !important;
}

/* More contrast for text inside spec cards */
.product [class*="feature"] > li,
.product [class*="spec"] > li,
.product .spec-item,
.product .feature-item,
.product .spec-row,
.product .feature-row{
  font-weight:600 !important;
}
.product [class*="feature"] > li::before,
.product [class*="spec"] > li::before{
  color:#f0bc55 !important;
}

/* Hover depth on desktop */
@media(hover:hover){
  .product [class*="feature"] > li:hover,
  .product [class*="spec"] > li:hover,
  .product .spec-item:hover,
  .product .feature-item:hover,
  .product [class*="stat"] > div:hover,
  .product [class*="spec"] > div:hover{
    transform:translateY(-2px);
    border-color:rgba(226,180,92,.38) !important;
    box-shadow:0 16px 34px rgba(0,0,0,.24) !important;
  }
}

/* FAQ anchor offset so fixed header doesn't cover it */
#faq,
#pulsar-seo .seo-faq-wrap,
.seo-faq-wrap{
  scroll-margin-top:100px;
}

/* Top nav FAQ item */
.nav-links a[href="#faq"],
.nav-links a[href="/#faq"]{
  position:relative;
}
.nav-links a[href="#faq"]::after,
.nav-links a[href="/#faq"]::after{
  content:"";
  position:absolute;
  left:20%;
  right:20%;
  bottom:-6px;
  height:1px;
  background:linear-gradient(90deg,transparent,#e2b45c,transparent);
  opacity:.65;
}


/* ==========================================================
   v31 — PULSAR chatbot
   ========================================================== */
#pulsar-chat-launcher{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:99990;
  width:62px;
  height:62px;
  border:1px solid rgba(226,180,92,.35);
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 30%,rgba(255,255,255,.12),transparent 30%),
    linear-gradient(145deg,#17364b,#071722);
  box-shadow:0 16px 40px rgba(0,0,0,.35);
  color:#f1c46a;
  font-size:28px;
  cursor:pointer;
  display:grid;
  place-items:center;
  transition:.2s ease;
}
#pulsar-chat-launcher:hover{
  transform:translateY(-3px) scale(1.03);
  border-color:rgba(226,180,92,.6);
}
#pulsar-chat-launcher .chat-badge{
  position:absolute;
  top:-2px;
  left:-2px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#e2b45c;
  color:#07131e;
  font-size:10px;
  font-weight:900;
  display:grid;
  place-items:center;
}

#pulsar-chat{
  position:fixed;
  right:22px;
  bottom:96px;
  z-index:99991;
  width:min(380px,calc(100vw - 28px));
  height:min(610px,calc(100vh - 130px));
  display:none;
  flex-direction:column;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(226,180,92,.23);
  background:
    radial-gradient(circle at 90% 0%,rgba(226,180,92,.08),transparent 28%),
    linear-gradient(160deg,#0e293d,#071722 58%,#040d14);
  box-shadow:0 24px 70px rgba(0,0,0,.45);
  direction:rtl;
}
#pulsar-chat.open{display:flex}

.chat-head{
  padding:17px 18px;
  display:flex;
  align-items:center;
  gap:12px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
}
.chat-head-logo{
  width:42px;
  height:42px;
  flex:0 0 42px;
  background:url('/assets/pulsar-brand-v27.png') center/contain no-repeat;
}
.chat-head-text{flex:1}
.chat-head-text strong{
  display:block;
  color:#fff;
  font-size:15px;
}
.chat-head-text span{
  display:block;
  margin-top:2px;
  color:#91a5b6;
  font-size:11px;
}
.chat-close{
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.055);
  color:#fff;
  font-size:20px;
  cursor:pointer;
}

.chat-messages{
  flex:1;
  overflow:auto;
  padding:18px;
  scroll-behavior:smooth;
}
.chat-msg{
  max-width:86%;
  margin:0 0 12px;
  padding:11px 13px;
  border-radius:15px;
  line-height:1.65;
  font-size:13px;
  white-space:pre-line;
}
.chat-msg.bot{
  margin-left:auto;
  background:linear-gradient(145deg,#15354b,#0f293c);
  color:#e9f0f5;
  border:1px solid rgba(255,255,255,.07);
  border-bottom-right-radius:5px;
}
.chat-msg.user{
  margin-right:auto;
  background:linear-gradient(145deg,#d2a54e,#edc974);
  color:#07131e;
  font-weight:650;
  border-bottom-left-radius:5px;
}

.chat-quick{
  display:flex;
  gap:7px;
  overflow-x:auto;
  padding:0 14px 10px;
  scrollbar-width:none;
}
.chat-quick::-webkit-scrollbar{display:none}
.chat-quick button{
  flex:0 0 auto;
  border:1px solid rgba(226,180,92,.24);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#d7e1e9;
  padding:8px 11px;
  font-size:11px;
  cursor:pointer;
}
.chat-quick button:hover{
  border-color:rgba(226,180,92,.48);
  color:#f1c46a;
}

.chat-form{
  display:flex;
  gap:8px;
  padding:12px;
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.12);
}
.chat-input{
  flex:1;
  min-width:0;
  height:44px;
  padding:0 13px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.10);
  outline:none;
  background:#081926;
  color:#fff;
  font-family:inherit;
}
.chat-input::placeholder{color:#738797}
.chat-input:focus{border-color:rgba(226,180,92,.45)}
.chat-send{
  width:46px;
  height:44px;
  border:0;
  border-radius:13px;
  background:linear-gradient(145deg,#d3a64f,#edc76f);
  color:#07131e;
  font-weight:900;
  font-size:18px;
  cursor:pointer;
}

@media(max-width:620px){
  #pulsar-chat-launcher{
    right:14px;
    bottom:14px;
  }
  #pulsar-chat{
    right:10px;
    left:10px;
    bottom:86px;
    width:auto;
    height:min(620px,calc(100vh - 105px));
  }
}

.chat-local-status{
  display:block;
  margin-top:3px;
  color:#7fd7a0;
  font-size:9px;
  letter-spacing:.2px;
}


/* ==========================================================
   v34 — force chatbot launcher visible on every page
   ========================================================== */
#pulsar-chat-launcher{
  position:fixed !important;
  right:22px !important;
  bottom:22px !important;
  left:auto !important;
  top:auto !important;
  z-index:2147483000 !important;
  width:64px !important;
  height:64px !important;
  min-width:64px !important;
  min-height:64px !important;
  display:grid !important;
  place-items:center !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:none !important;
  overflow:visible !important;
  border:1px solid rgba(226,180,92,.55) !important;
  border-radius:50% !important;
  background:
    radial-gradient(circle at 35% 30%,rgba(255,255,255,.12),transparent 30%),
    linear-gradient(145deg,#1a3d55,#071723) !important;
  box-shadow:
    0 16px 42px rgba(0,0,0,.42),
    0 0 0 4px rgba(226,180,92,.05) !important;
  color:#f0bf61 !important;
  font-size:27px !important;
  cursor:pointer !important;
}
#pulsar-chat-launcher:hover{
  transform:translateY(-3px) scale(1.04) !important;
}
#pulsar-chat-launcher .chat-badge{
  position:absolute !important;
  top:-3px !important;
  left:-3px !important;
  width:20px !important;
  height:20px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#e2b45c !important;
  color:#06121d !important;
  font-size:10px !important;
  font-weight:900 !important;
  box-shadow:0 4px 12px rgba(0,0,0,.25) !important;
}

#pulsar-chat{
  z-index:2147483001 !important;
}

@media(max-width:620px){
  #pulsar-chat-launcher{
    right:14px !important;
    bottom:14px !important;
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
  }
}


/* ==========================================================
   v35 — premium motion & professional polish
   ========================================================== */

html{scroll-behavior:smooth}

/* subtle animated ambient background */
body::before{
  content:"";
  position:fixed;
  inset:-20%;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 22%,rgba(39,124,185,.13),transparent 24%),
    radial-gradient(circle at 78% 16%,rgba(226,180,92,.07),transparent 20%),
    radial-gradient(circle at 72% 76%,rgba(51,93,128,.10),transparent 25%);
  animation:pulsarAmbient 18s ease-in-out infinite alternate;
}
@keyframes pulsarAmbient{
  0%{transform:translate3d(-1%,0,0) scale(1)}
  50%{transform:translate3d(1.5%,-1%,0) scale(1.025)}
  100%{transform:translate3d(0,1%,0) scale(1.01)}
}

/* premium header behavior */
.topbar,header{
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transition:background .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.topbar.scrolled,header.scrolled{
  box-shadow:0 10px 32px rgba(0,0,0,.22);
}

/* nav micro interaction */
.nav-links a{
  transition:color .2s ease,transform .2s ease,opacity .2s ease;
}
.nav-links a:hover{
  transform:translateY(-1px);
  color:#f0c46d!important;
}

/* hero entrance */
.hero-copy > *,
.intro-copy > *{
  animation:heroIn .8s cubic-bezier(.2,.7,.2,1) both;
}
.hero-copy > *:nth-child(2),.intro-copy > *:nth-child(2){animation-delay:.08s}
.hero-copy > *:nth-child(3),.intro-copy > *:nth-child(3){animation-delay:.16s}
.hero-copy > *:nth-child(4),.intro-copy > *:nth-child(4){animation-delay:.24s}
@keyframes heroIn{
  from{opacity:0;transform:translateY(22px)}
  to{opacity:1;transform:translateY(0)}
}

/* floating product/device effect */
.hero-stage img,
.product-visual img,
.pp-image img{
  animation:deviceFloat 5.5s ease-in-out infinite;
  transform-origin:center center;
  will-change:transform;
}
@keyframes deviceFloat{
  0%,100%{transform:translateY(0) rotate(.01deg)}
  50%{transform:translateY(-9px) rotate(.01deg)}
}

/* soft light below devices */
.hero-stage::after,
.product-visual::after,
.pp-image::after{
  content:"";
  position:absolute;
  left:25%;
  right:25%;
  bottom:4%;
  height:18px;
  border-radius:50%;
  background:rgba(0,0,0,.32);
  filter:blur(12px);
  animation:shadowPulse 5.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes shadowPulse{
  0%,100%{transform:scaleX(1);opacity:.32}
  50%{transform:scaleX(.86);opacity:.22}
}

/* cards with premium depth */
.product,
.product-card,
.benefit,
.seo-model-card,
.spec-card,
.stat,
.feature-card,
.quick-spec{
  transition:
    transform .28s cubic-bezier(.2,.7,.2,1),
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease!important;
}
@media(hover:hover){
  .product:hover,
  .product-card:hover,
  .benefit:hover,
  .seo-model-card:hover{
    transform:translateY(-6px)!important;
    box-shadow:0 24px 65px rgba(0,0,0,.30)!important;
    border-color:rgba(226,180,92,.28)!important;
  }
}

/* gold shine on primary buttons */
.btn,
.pp-btn,
.interface-cta,
.content-gallery-btn{
  position:relative;
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
.btn::after,
.pp-btn::after,
.interface-cta::after,
.content-gallery-btn::after{
  content:"";
  position:absolute;
  top:-40%;
  bottom:-40%;
  width:34px;
  left:-60px;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  transition:left .55s ease;
  pointer-events:none;
}
@media(hover:hover){
  .btn:hover::after,
  .pp-btn:hover::after,
  .interface-cta:hover::after,
  .content-gallery-btn:hover::after{
    left:calc(100% + 40px);
  }
  .btn:hover,
  .pp-btn:hover,
  .interface-cta:hover,
  .content-gallery-btn:hover{
    transform:translateY(-2px)!important;
    filter:brightness(1.04);
  }
}

/* headings with refined underline accent */
.section-heading h2,
.heading h2,
.seo-hub h2,
.product-page h1{
  position:relative;
}
.section-heading h2::after,
.heading h2::after{
  content:"";
  display:block;
  width:56px;
  height:2px;
  margin:13px auto 0;
  background:linear-gradient(90deg,transparent,#e2b45c,transparent);
  transform-origin:center;
  animation:accentGrow .8s ease both;
}
@keyframes accentGrow{
  from{transform:scaleX(0);opacity:0}
  to{transform:scaleX(1);opacity:1}
}

/* logo breathing effect, very subtle */
.logo img,
.brand img,
.seo-mark,
.chat-head-logo{
  animation:logoGlow 6s ease-in-out infinite;
}
@keyframes logoGlow{
  0%,100%{filter:drop-shadow(0 0 0 rgba(226,180,92,0))}
  50%{filter:drop-shadow(0 0 10px rgba(226,180,92,.12))}
}

/* FAQ open/close polish */
.seo-faq details{
  transition:background .25s ease,border-color .25s ease;
}
.seo-faq details[open]{
  background:rgba(255,255,255,.025);
}
.seo-faq details p{
  animation:faqOpen .25s ease both;
}
@keyframes faqOpen{
  from{opacity:0;transform:translateY(-5px)}
  to{opacity:1;transform:translateY(0)}
}

/* chat launcher pulse */
#pulsar-chat-launcher::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:50%;
  border:1px solid rgba(226,180,92,.24);
  animation:chatPulse 2.6s ease-out infinite;
  pointer-events:none;
}
@keyframes chatPulse{
  0%{transform:scale(.92);opacity:.6}
  70%,100%{transform:scale(1.18);opacity:0}
}

/* gallery arrows/thumbs */
.gallery-arrow,.thumb,.gallery-dot{
  transition:transform .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease!important;
}
@media(hover:hover){
  .gallery-arrow:hover{transform:translateY(-50%) scale(1.07)!important}
  .thumb:hover{transform:translateY(-2px)}
}

/* Intersection-based professional reveal; default visible if JS unavailable */
.motion-ready .motion-item{
  opacity:0;
  transform:translateY(26px);
}
.motion-ready .motion-item.motion-in{
  opacity:1;
  transform:translateY(0);
  transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1);
}
.motion-ready .motion-item.motion-in:nth-child(2){transition-delay:.05s}
.motion-ready .motion-item.motion-in:nth-child(3){transition-delay:.10s}
.motion-ready .motion-item.motion-in:nth-child(4){transition-delay:.15s}

/* top progress bar */
#scroll-progress{
  position:fixed;
  top:0;
  left:0;
  z-index:2147482000;
  height:2px;
  width:0;
  background:linear-gradient(90deg,#a9782b,#efc86e);
  box-shadow:0 0 10px rgba(226,180,92,.26);
  pointer-events:none;
}

/* premium active-page/anchor feedback */
:target{
  scroll-margin-top:100px;
}

/* accessibility / performance */
@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }
}


/* ==========================================================
   v36 — full section reveal on scroll
   ========================================================== */

/*
  Default state stays visible if JavaScript does not run.
  JS adds .section-motion-ready only after page init.
*/
.section-motion-ready .scroll-section{
  opacity:0;
  transform:translateY(48px) scale(.985);
  filter:blur(2px);
  transition:
    opacity .82s cubic-bezier(.2,.7,.2,1),
    transform .82s cubic-bezier(.2,.7,.2,1),
    filter .82s ease;
  will-change:opacity,transform,filter;
}

.section-motion-ready .scroll-section.reveal-left{
  transform:translateX(-42px) scale(.99);
}
.section-motion-ready .scroll-section.reveal-right{
  transform:translateX(42px) scale(.99);
}
.section-motion-ready .scroll-section.reveal-up{
  transform:translateY(52px) scale(.985);
}

.section-motion-ready .scroll-section.section-visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
}

/* Internal stagger: children come in after their section appears */
.section-motion-ready .scroll-section .section-stagger{
  opacity:0;
  transform:translateY(22px);
  transition:
    opacity .58s ease,
    transform .58s cubic-bezier(.2,.7,.2,1);
}

.section-motion-ready .scroll-section.section-visible .section-stagger{
  opacity:1;
  transform:translateY(0);
}

.section-motion-ready .scroll-section.section-visible .section-stagger:nth-child(1){transition-delay:.08s}
.section-motion-ready .scroll-section.section-visible .section-stagger:nth-child(2){transition-delay:.14s}
.section-motion-ready .scroll-section.section-visible .section-stagger:nth-child(3){transition-delay:.20s}
.section-motion-ready .scroll-section.section-visible .section-stagger:nth-child(4){transition-delay:.26s}
.section-motion-ready .scroll-section.section-visible .section-stagger:nth-child(5){transition-delay:.32s}
.section-motion-ready .scroll-section.section-visible .section-stagger:nth-child(6){transition-delay:.38s}

/* subtle separator glow when a section becomes active */
.scroll-section{
  position:relative;
}
.section-motion-ready .scroll-section::after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:0;
  height:1px;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(226,180,92,.16),transparent);
  transform:scaleX(.6);
  transition:opacity .7s ease .12s,transform .7s ease .12s;
  pointer-events:none;
}
.section-motion-ready .scroll-section.section-visible::after{
  opacity:1;
  transform:scaleX(1);
}

/* Hero should be available immediately, not wait for scroll */
.section-motion-ready .hero.scroll-section,
.section-motion-ready .intro.scroll-section{
  opacity:1;
  transform:none;
  filter:none;
}

/* Avoid duplicate old reveal rules fighting the new section system */
.section-motion-ready .scroll-section.motion-item{
  opacity:0;
}
.section-motion-ready .scroll-section.motion-item.section-visible{
  opacity:1;
}

/* mobile: slightly lighter motion */
@media(max-width:700px){
  .section-motion-ready .scroll-section{
    transform:translateY(30px) scale(.992);
    filter:blur(1px);
    transition-duration:.68s;
  }
  .section-motion-ready .scroll-section.reveal-left,
  .section-motion-ready .scroll-section.reveal-right{
    transform:translateY(30px) scale(.992);
  }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  .section-motion-ready .scroll-section,
  .section-motion-ready .scroll-section .section-stagger{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
}


/* ==========================================================
   v37 — professional polish + supervised logo layering fix
   ========================================================== */

/* ---------- HERO / "המושגח" LOGO FIX ---------- */
/* Keep hero clipping under control without cutting overlay badges/logos */
.hero,
.intro{
  position:relative !important;
  overflow:visible !important;
  isolation:isolate !important;
}

/* Device/art/background stay lower */
.hero-stage,
.hero-visual,
.intro-visual,
.hero-stage img,
.hero-visual img{
  position:relative;
  z-index:2 !important;
}

/* Common likely classes for the supervised logo / diagonal badge */
.mushgach,
.mushgach-logo,
.supervised-logo,
.kosher-logo,
.hero-badge,
.hero-stamp,
.approval-logo,
.logo-mushgach,
[class*="mushgach"],
[class*="supervised"]{
  position:absolute !important;
  z-index:60 !important;
  pointer-events:none !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.26)) !important;
}

/* If the logo is near top-left, guarantee safe spacing below sticky header */
.hero .mushgach,
.hero .mushgach-logo,
.hero .supervised-logo,
.hero .kosher-logo,
.hero .hero-stamp,
.hero .approval-logo,
.hero [class*="mushgach"],
.hero [class*="supervised"]{
  top:88px !important;
  left:20px !important;
  right:auto !important;
  max-width:150px !important;
  transform:rotate(-14deg) !important;
  transform-origin:center !important;
}

/* Prevent overlays/pseudo elements from covering it */
.hero::before,
.hero::after,
.intro::before,
.intro::after{
  z-index:0 !important;
  pointer-events:none !important;
}

/* Header should remain above all normal content, but below modal/chat */
header,.topbar{
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
}

/* ---------- PROFESSIONAL GLOBAL SPACING ---------- */
:root{
  --pro-radius:24px;
  --pro-radius-sm:16px;
  --pro-shadow:0 24px 70px rgba(0,0,0,.22);
  --pro-border:rgba(255,255,255,.075);
}

section{
  padding-top:clamp(64px,7vw,104px) !important;
  padding-bottom:clamp(64px,7vw,104px) !important;
}

.shell,.container,.seo-hub-inner,.pp-shell{
  width:min(1180px,calc(100% - 36px)) !important;
  margin-inline:auto !important;
}

/* ---------- HEADER ---------- */
header,.topbar{
  background:linear-gradient(180deg,rgba(4,15,24,.92),rgba(4,15,24,.76)) !important;
  border-bottom:1px solid rgba(255,255,255,.055) !important;
  backdrop-filter:blur(18px) saturate(120%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(120%) !important;
}

.nav-links{
  gap:clamp(14px,2vw,28px) !important;
}

.nav-links a{
  font-weight:650 !important;
  letter-spacing:.1px !important;
  position:relative !important;
}

.nav-links a::before{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:-8px;
  height:2px;
  background:linear-gradient(90deg,#a87b2d,#e9c46a);
  transition:left .22s ease,right .22s ease;
  border-radius:2px;
}

.nav-links a:hover::before{
  left:12%;
  right:12%;
}

/* ---------- HERO TYPOGRAPHY ---------- */
.hero h1,.intro h1{
  font-size:clamp(44px,7vw,88px) !important;
  line-height:.96 !important;
  letter-spacing:-1.5px !important;
}

.hero p,.intro p{
  max-width:720px !important;
  font-size:clamp(16px,1.7vw,20px) !important;
  line-height:1.9 !important;
}

/* ---------- PRODUCT CARDS ---------- */
.product,.product-card,.benefit,.seo-model-card,.contact-wrap,.pp-top{
  border-radius:var(--pro-radius) !important;
  border:1px solid var(--pro-border) !important;
  box-shadow:var(--pro-shadow) !important;
}

.product{
  overflow:hidden !important;
}

.product::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 35%,transparent 70%,rgba(226,180,92,.018));
  pointer-events:none;
}

/* ---------- MODEL VISUAL PANELS ---------- */
.product-visual,.hero-stage,.pp-image{
  border-radius:20px !important;
}

.product-visual{
  border:1px solid rgba(255,255,255,.055) !important;
}

/* ---------- SPEC TILES ---------- */
.product [class*="stat"] > div,
.product [class*="spec"] > div,
.product .stat,
.product .mini-stat,
.product .spec-card,
.product .quick-spec{
  border-radius:16px !important;
  padding:18px 20px !important;
}

.product [class*="feature"] > li,
.product [class*="spec"] > li,
.product .spec-item,
.product .feature-item,
.product .spec-row,
.product .feature-row{
  border-radius:14px !important;
  padding:15px 18px !important;
  line-height:1.55 !important;
}

/* ---------- BUTTON SYSTEM ---------- */
.btn,.pp-btn,.interface-cta,.content-gallery-btn{
  min-height:48px !important;
  border-radius:999px !important;
  padding-inline:22px !important;
  font-weight:800 !important;
  letter-spacing:.1px !important;
}

/* ---------- FAQ ---------- */
.seo-faq details{
  border-radius:14px !important;
  padding-inline:18px !important;
  margin-bottom:8px !important;
  background:rgba(255,255,255,.018) !important;
}

.seo-faq details[open]{
  background:rgba(255,255,255,.035) !important;
  border-color:rgba(226,180,92,.15) !important;
}

/* ---------- CONTACT ---------- */
.contact-wrap{
  background:
    radial-gradient(circle at 80% 12%,rgba(226,180,92,.06),transparent 24%),
    linear-gradient(145deg,#0a2334,#071824) !important;
}

/* ---------- CHATBOT ---------- */
#pulsar-chat-launcher{
  box-shadow:
    0 20px 46px rgba(0,0,0,.40),
    0 0 0 1px rgba(226,180,92,.18),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

/* ---------- MOBILE ---------- */
@media(max-width:700px){
  section{
    padding-top:54px !important;
    padding-bottom:54px !important;
  }

  .shell,.container,.seo-hub-inner,.pp-shell{
    width:min(100% - 22px,1180px) !important;
  }

  .hero .mushgach,
  .hero .mushgach-logo,
  .hero .supervised-logo,
  .hero .kosher-logo,
  .hero .hero-stamp,
  .hero .approval-logo,
  .hero [class*="mushgach"],
  .hero [class*="supervised"]{
    top:78px !important;
    left:10px !important;
    max-width:105px !important;
    transform:rotate(-12deg) !important;
  }

  .hero h1,.intro h1{
    font-size:clamp(38px,12vw,58px) !important;
  }
}


/* ==========================================================
   v39 — MOBILE ONLY PROFESSIONAL LAYOUT
   IMPORTANT: everything below applies only to phones/tablets.
   Desktop layout is intentionally untouched.
   ========================================================== */

@media (max-width: 760px){

  html, body{
    max-width:100%;
    overflow-x:hidden!important;
  }

  body{
    -webkit-text-size-adjust:100%;
  }

  /* ---------- HEADER / MOBILE MENU ---------- */
  .topbar,
  header.topbar{
    height:68px!important;
    min-height:68px!important;
    background:rgba(4,15,24,.94)!important;
    backdrop-filter:blur(18px) saturate(125%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
  }

  .nav{
    height:68px!important;
    padding:0 2px!important;
  }

  .brand img{
    width:118px!important;
    max-height:54px!important;
    object-fit:contain!important;
  }

  .menu-btn{
    width:44px!important;
    height:44px!important;
    padding:8px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.04)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .menu-btn span{
    width:23px!important;
    height:2px!important;
    margin:3px 0!important;
    border-radius:999px!important;
  }

  .nav-links{
    position:fixed!important;
    top:76px!important;
    right:12px!important;
    left:12px!important;
    width:auto!important;
    max-height:calc(100dvh - 92px)!important;
    overflow:auto!important;
    padding:12px!important;
    gap:4px!important;
    border-radius:20px!important;
    background:rgba(5,20,33,.97)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.45)!important;
    backdrop-filter:blur(20px)!important;
    -webkit-backdrop-filter:blur(20px)!important;
  }

  .nav-links a{
    min-height:48px!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    padding:10px 14px!important;
    font-size:15px!important;
    background:rgba(255,255,255,.025)!important;
  }

  .nav-links .contact-pill{
    margin-top:4px!important;
    background:linear-gradient(135deg,#b77f26,#e8b757)!important;
    color:#07131f!important;
    border:0!important;
  }

  /* ---------- HERO ---------- */
  .hero{
    padding-top:68px!important;
    padding-bottom:58px!important;
    min-height:auto!important;
    overflow:hidden!important;
  }

  .hero-grid{
    min-height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
    padding-top:42px!important;
  }

  .hero-copy{
    order:1!important;
    text-align:right!important;
    width:100%!important;
    padding-inline:4px!important;
  }

  .hero-copy .micro{
    font-size:10px!important;
    letter-spacing:1.8px!important;
  }

  .hero h1{
    font-size:clamp(39px,11.5vw,53px)!important;
    line-height:1.04!important;
    letter-spacing:-1.5px!important;
    margin:10px 0 15px!important;
  }

  .lead{
    max-width:none!important;
    font-size:15.5px!important;
    line-height:1.8!important;
  }

  .actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin-top:22px!important;
  }

  .actions .btn{
    width:100%!important;
    min-height:50px!important;
    font-size:15px!important;
  }

  .hero-points{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:7px!important;
    width:100%!important;
    margin-top:22px!important;
    padding-top:17px!important;
  }

  .hero-points div{
    min-width:0!important;
    text-align:center!important;
  }

  .hero-points b{
    font-size:15px!important;
  }

  .hero-points span{
    font-size:9px!important;
    line-height:1.3!important;
  }

  .hero-stage{
    order:2!important;
    width:100%!important;
    height:390px!important;
    margin-top:0!important;
  }

  .hero-player{
    width:min(82vw,320px)!important;
    height:385px!important;
  }

  .hero-player img{
    max-width:100%!important;
    max-height:100%!important;
  }

  .halo{
    width:300px!important;
    height:300px!important;
  }

  .platform{
    width:280px!important;
    height:54px!important;
    bottom:35px!important;
  }

  .float-card{
    padding:7px 9px!important;
    border-radius:10px!important;
  }

  .float-card span{
    font-size:9px!important;
  }

  .float-card small{
    font-size:8px!important;
  }

  .fc1{left:1%!important;top:25%!important}
  .fc2{right:0!important;bottom:23%!important}

  .supervised-stamp{
    top:8px!important;
    left:-70px!important;
    width:205px!important;
    height:62px!important;
  }

  .supervised-stamp img{
    width:135px!important;
    max-height:52px!important;
  }

  /* ---------- FEATURE BAR ---------- */
  .feature-bar{
    margin-top:0!important;
    padding-inline:12px!important;
  }

  .feature-bar-grid{
    grid-template-columns:repeat(2,1fr)!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }

  .feature-bar-grid div{
    padding:16px 8px!important;
    min-height:74px!important;
  }

  .feature-bar-grid strong{
    font-size:13px!important;
  }

  .feature-bar-grid span{
    font-size:10px!important;
  }

  /* ---------- GENERAL SECTIONS ---------- */
  section,
  .section{
    padding-top:58px!important;
    padding-bottom:58px!important;
  }

  .shell,
  .container,
  .seo-hub-inner,
  .pp-shell{
    width:calc(100% - 22px)!important;
    max-width:none!important;
  }

  .heading{
    width:100%!important;
  }

  .heading h2,
  .section-heading h2{
    font-size:clamp(34px,9.5vw,45px)!important;
    line-height:1.08!important;
    letter-spacing:-1px!important;
  }

  .heading>p:last-child{
    font-size:15px!important;
    line-height:1.75!important;
  }

  /* ---------- MODEL CARDS ---------- */
  .product,
  .product.reverse{
    display:flex!important;
    flex-direction:column!important;
    gap:20px!important;
    margin-top:28px!important;
    padding:13px!important;
    border-radius:24px!important;
  }

  .product .product-visual,
  .product.reverse .product-visual{
    order:1!important;
    width:100%!important;
    height:330px!important;
    border-radius:19px!important;
  }

  .product .product-content,
  .product.reverse .product-content{
    order:2!important;
    width:100%!important;
    padding:2px 4px 8px!important;
  }

  .product-content h3{
    font-size:37px!important;
    margin:7px 0 12px!important;
  }

  .desc{
    font-size:15px!important;
    line-height:1.72!important;
  }

  .spec-grid,
  .m1-specs{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:20px 0!important;
  }

  .spec-grid div{
    min-width:0!important;
    padding:12px 10px!important;
    border-radius:13px!important;
  }

  .spec-grid b{
    font-size:16px!important;
    overflow-wrap:anywhere!important;
  }

  .spec-grid span{
    font-size:10px!important;
  }

  .clean-list,
  .full-spec{
    gap:7px!important;
    margin:17px 0!important;
  }

  .clean-list li,
  .full-spec li{
    font-size:13.5px!important;
    line-height:1.55!important;
  }

  .price-line{
    flex-wrap:wrap!important;
    gap:6px 10px!important;
    margin-top:17px!important;
    padding-top:16px!important;
  }

  .price-line strong{
    font-size:32px!important;
  }

  .note{
    font-size:11.5px!important;
    line-height:1.55!important;
  }

  .photo-blend img{
    width:96%!important;
    height:100%!important;
  }

  .transparent-visual img{
    max-width:82%!important;
    max-height:88%!important;
  }

  .classic img{
    max-width:62%!important;
  }

  /* ---------- BENEFITS ---------- */
  .benefit-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:30px!important;
  }

  .benefit{
    min-height:auto!important;
    padding:20px!important;
    border-radius:18px!important;
  }

  .benefit h3{
    margin:22px 0 6px!important;
    font-size:19px!important;
  }

  .benefit p{
    font-size:13px!important;
  }

  /* ---------- CONTACT ---------- */
  .contact-wrap{
    display:flex!important;
    flex-direction:column!important;
    gap:28px!important;
    padding:27px 18px!important;
    border-radius:22px!important;
  }

  .contact h2{
    font-size:39px!important;
  }

  .contact-buttons{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .contact-buttons .btn{
    width:100%!important;
  }

  .contact-side{
    gap:13px!important;
  }

  .contact-row{
    padding-bottom:11px!important;
  }

  .contact-row strong{
    font-size:14px!important;
    overflow-wrap:anywhere!important;
  }

  .waze-btn{
    grid-template-columns:42px 1fr 24px!important;
    padding:13px!important;
  }

  /* ---------- SEO / FAQ ---------- */
  .seo-hub{
    padding-inline:0!important;
  }

  .seo-model-grid,
  #pulsar-seo .seo-model-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .seo-model-card{
    padding:18px!important;
  }

  .seo-faq-wrap,
  #pulsar-seo .seo-faq-wrap{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .seo-faq details{
    padding:0 13px!important;
  }

  .seo-faq summary{
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    font-size:14px!important;
  }

  /* ---------- CHATBOT ---------- */
  #pulsar-chat-launcher{
    right:13px!important;
    bottom:13px!important;
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
    font-size:23px!important;
  }

  #pulsar-chat{
    position:fixed!important;
    inset:auto 8px 78px 8px!important;
    width:auto!important;
    height:min(72dvh,590px)!important;
    max-height:calc(100dvh - 92px)!important;
    border-radius:20px!important;
  }

  .chat-head{
    padding:12px 13px!important;
  }

  .chat-head-logo{
    width:37px!important;
    height:37px!important;
    flex-basis:37px!important;
  }

  .chat-head-text strong{
    font-size:14px!important;
  }

  .chat-messages{
    padding:13px!important;
  }

  .chat-msg{
    max-width:91%!important;
    padding:10px 11px!important;
    font-size:13.5px!important;
    line-height:1.6!important;
  }

  .chat-quick{
    padding:0 10px 8px!important;
  }

  .chat-quick button{
    min-height:36px!important;
    font-size:11px!important;
    padding:7px 10px!important;
  }

  .chat-form{
    padding:9px!important;
    gap:6px!important;
  }

  .chat-input{
    height:43px!important;
    font-size:16px!important; /* prevents iPhone zoom */
  }

  .chat-send{
    width:43px!important;
    height:43px!important;
  }

  /* ---------- PRODUCT DETAIL PAGES ---------- */
  body.product-page{
    overflow-x:hidden!important;
  }

  .product-page .pp-shell{
    padding-top:14px!important;
    padding-bottom:30px!important;
  }

  .product-page .pp-top{
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
    padding:16px!important;
    border-radius:22px!important;
  }

  .product-page .pp-image{
    order:1!important;
    width:100%!important;
    min-height:320px!important;
    height:340px!important;
    border-radius:18px!important;
  }

  .product-page .pp-copy,
  .product-page .pp-info{
    order:2!important;
    width:100%!important;
  }

  .product-page h1{
    font-size:42px!important;
    line-height:1.05!important;
  }

  .product-page .specs{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }

  .product-page .specs li{
    font-size:13.5px!important;
    line-height:1.5!important;
  }

  .product-page .pp-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .product-page .pp-btn{
    width:100%!important;
    text-align:center!important;
    justify-content:center!important;
  }

  /* ---------- FOOTER ---------- */
  .footer{
    flex-direction:column!important;
    gap:10px!important;
    text-align:center!important;
    padding:24px 0!important;
  }
}

@media (max-width: 430px){

  .hero h1{
    font-size:38px!important;
  }

  .hero-stage{
    height:355px!important;
  }

  .hero-player{
    width:285px!important;
    height:355px!important;
  }

  .hero-points{
    grid-template-columns:1fr 1fr 1fr!important;
  }

  .feature-bar-grid{
    grid-template-columns:1fr 1fr!important;
  }

  .product .product-visual,
  .product.reverse .product-visual{
    height:300px!important;
  }

  .spec-grid,
  .m1-specs{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .spec-grid b{
    font-size:15px!important;
  }

  #pulsar-chat{
    inset:auto 6px 72px 6px!important;
    height:min(76dvh,610px)!important;
  }

  .product-page .pp-image{
    min-height:285px!important;
    height:300px!important;
  }
}


/* ==========================================================
   v39.1 — supervised logo: remove rectangular badge/frame only
   Keep the original logo, diagonal placement and all other design.
   ========================================================== */
.supervised-stamp{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.supervised-stamp::before,
.supervised-stamp::after{
  content:none!important;
  display:none!important;
}

.supervised-stamp img{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}