/* SINAI Global — company site (home + solutions). Logo direction A: a granite peak and a rising sun.
   Palette: granite night, pale stone, sun rose, dawn. One bold moment: the hero ridge with the rising sun. */
:root{
  --night:#121a24; --night-2:#1b2633; --night-line:#2a3746;
  --stone:#eef0ec; --paper:#f8f9f6; --ink:#16202b; --slate:#56616d; --line:#d7dcd6;
  --sun:#b4483a; --sun-hi:#d4644f; --dawn:#eaa36b; --on-night:#e9ece8; --on-night-2:#a3afba;
  --font:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r-s:8px; --r-m:14px; --r-l:22px;
  --gut:clamp(16px,4.2vw,48px); --max:1200px;
  color-scheme:light;
}
html[lang="he"]{--font:"Rubik",system-ui,"Segoe UI",sans-serif}
html[lang="ar"]{--font:"IBM Plex Sans Arabic",system-ui,"Segoe UI",sans-serif}
html[lang="hi"]{--font:"Mukta",system-ui,"Segoe UI",sans-serif}
@media (prefers-color-scheme:dark){:root{
  --stone:#10161e; --paper:#17202a; --ink:#e8ebe7; --slate:#9ba7b2; --line:#283442; --sun:#d9644f; color-scheme:dark}}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
html,body{overflow-x:clip}
body{margin:0;background:var(--stone);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
html[lang="hi"] body{line-height:1.75}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--dawn);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:200;background:var(--paper);color:var(--ink);padding:10px 16px;border-radius:var(--r-s);text-decoration:none;font-weight:600}
.skip:focus{top:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.025em;line-height:1.08;text-wrap:balance}
html[lang="he"] h1,html[lang="he"] h2,html[lang="ar"] h1,html[lang="ar"] h2,html[lang="hi"] h1,html[lang="hi"] h2{letter-spacing:0;line-height:1.18}
h2{font-size:clamp(32px,4.6vw,56px)}
h3{font-size:clamp(21px,2.1vw,26px);letter-spacing:-.015em}
p{margin:0}
.lead{font-size:clamp(18px,1.6vw,21px);color:var(--slate);max-width:38em;margin-top:18px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;font:inherit;font-weight:600;font-size:16px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn.sun{background:var(--sun);color:#fff}
.btn.sun:hover{background:var(--sun-hi)}
.btn.line{border-color:currentColor;background:transparent}
.btn.line:hover{background:color-mix(in srgb,currentColor 9%,transparent)}
.btn.small{min-height:38px;padding:0 16px;font-size:14px}
.link{font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent)}
.link:hover{text-decoration-color:currentColor}

/* header */
.top{position:absolute;inset-inline:0;top:0;z-index:50;color:var(--on-night)}
.top.solid{position:relative;background:var(--night)}
.top .wrap{display:flex;align-items:center;gap:20px;height:76px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-weight:700;font-size:17px;letter-spacing:.02em;white-space:nowrap}
html[lang="he"] .brand,html[lang="ar"] .brand{direction:ltr}
.brand svg{width:30px;height:30px}
.nav{display:flex;align-items:center;gap:4px;margin-inline-start:auto}
.nav a{padding:8px 12px;border-radius:8px;text-decoration:none;font-size:15px;color:var(--on-night-2)}
.nav a:hover,.nav a[aria-current="page"]{color:#fff}
.lng{position:relative}
.lng summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--night-line);border-radius:999px;font-size:14px;color:var(--on-night)}
.lng summary::-webkit-details-marker{display:none}
.lng summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3}
.lng-list{position:absolute;inset-inline-end:0;top:calc(100% + 8px);background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-m);padding:6px;min-width:180px;display:grid;box-shadow:0 18px 40px -18px rgba(10,16,24,.45);z-index:60}
.lng-list a{padding:9px 12px;border-radius:8px;text-decoration:none;font-size:15px}
.lng-list a:hover{background:var(--stone)}
.lng-list a[aria-current]{font-weight:700;color:var(--sun)}
.menu-btn{display:none;margin-inline-start:auto;background:none;border:1px solid var(--night-line);color:var(--on-night);border-radius:999px;height:42px;padding:0 16px;font:inherit;font-size:15px;cursor:pointer}
@media (max-width:980px){
  .menu-btn{display:inline-flex;align-items:center}
  .nav{display:none;position:fixed;inset:0;background:var(--night);flex-direction:column;align-items:stretch;justify-content:center;padding:90px var(--gut) 40px;gap:2px;z-index:80;margin:0}
  .nav.open{display:flex}
  .nav a{font-size:26px;padding:12px 4px;color:var(--on-night)}
  .nav .lng{margin-top:22px}
  .nav .lng-list{position:static;margin-top:10px;grid-template-columns:1fr 1fr;box-shadow:none}
  .nav-close{position:absolute;top:18px;inset-inline-end:var(--gut)}
}
@media (min-width:981px){.nav-close{display:none}}

/* hero */
.hero{position:relative;background:var(--night);color:var(--on-night);overflow:hidden;isolation:isolate;min-height:min(100svh,920px);display:flex;align-items:center;padding:120px 0 0}
.hero .wrap{width:100%;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center;position:relative;z-index:2;padding-bottom:clamp(120px,16vw,200px)}
.hero h1{font-size:clamp(44px,7.2vw,96px);font-weight:800;letter-spacing:-.04em;line-height:.98;max-width:11ch}
html[lang="he"] .hero h1,html[lang="ar"] .hero h1,html[lang="hi"] .hero h1{letter-spacing:-.01em;line-height:1.1}
html[lang="de"] .hero h1,html[lang="ru"] .hero h1,html[lang="fr"] .hero h1,html[lang="pt"] .hero h1,html[lang="es"] .hero h1,html[lang="it"] .hero h1{font-size:clamp(40px,6.2vw,84px);max-width:13ch}
.hero p.sub{font-size:clamp(18px,1.7vw,22px);color:var(--on-night-2);max-width:31em;margin-top:26px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.hero .btn.line{color:var(--on-night)}
.sky{position:absolute;inset:0;z-index:0;pointer-events:none}
.sky .sun{position:absolute;width:clamp(260px,34vw,520px);aspect-ratio:1;border-radius:50%;inset-inline-end:8%;bottom:calc(clamp(90px,12vw,150px) - 6%);background:radial-gradient(circle at 50% 42%,var(--dawn) 0,var(--sun) 58%,#7d2d27 100%);box-shadow:0 0 140px 30px rgba(212,100,79,.28)}
.sky .glow{position:absolute;inset:auto 0 0 0;height:70%;background:radial-gradient(60% 70% at 72% 100%,rgba(234,163,107,.18),transparent 70%)}
html[dir="rtl"] .sky .glow{background:radial-gradient(60% 70% at 28% 100%,rgba(234,163,107,.18),transparent 70%)}
.ridge{position:absolute;inset-inline:0;bottom:-1px;width:100%;height:clamp(140px,19vw,260px);z-index:1}
.ridge .back{fill:var(--night-2)}
.ridge .front{fill:var(--stone)}
html[dir="rtl"] .ridge{transform:scaleX(-1)}

/* product stage inside hero: real screens */
.stage{position:relative;height:clamp(420px,44vw,580px)}
.stage .cine{position:absolute;inset-inline:0;top:0;width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--night-line);box-shadow:0 30px 70px -30px #000;background:#000}
.stage .cine img{width:100%;aspect-ratio:1240/420;object-fit:cover;opacity:.9}
.device{position:absolute;width:clamp(140px,13vw,186px);aspect-ratio:420/909;border-radius:30px;padding:7px;background:#0a0f15;border:1px solid #2c3846;box-shadow:0 40px 80px -30px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.03) inset}
.device .screen{position:relative;width:100%;height:100%;border-radius:23px;overflow:hidden;background:#0d1218}
.device .screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}
.device .screen img.on{opacity:1}
.stage .d1{inset-inline-end:48%;top:30%;transform:rotate(-3deg)}
.stage .d2{inset-inline-end:12%;top:24%;transform:rotate(3deg)}
html[dir="rtl"] .stage .d1{transform:rotate(3deg)}
html[dir="rtl"] .stage .d2{transform:rotate(-3deg)}
@media (prefers-reduced-motion:no-preference){
  .stage .d1{animation:float 9s ease-in-out infinite}
  .stage .d2{animation:float 11s ease-in-out -4s infinite}
  @keyframes float{50%{translate:0 -10px}}
}
@media (max-width:860px){
  .hero{padding-top:96px;min-height:0}
  .hero .wrap{grid-template-columns:1fr;gap:28px;padding-bottom:110px}
  .stage{height:min(122vw,520px)}
  .device{width:min(38vw,170px)}
  .stage .d1{inset-inline-end:50%;top:24%}
  .stage .d2{inset-inline-end:8%;top:19%}
  .sky .sun{width:78vw;inset-inline-end:-10vw;bottom:40px}
}

/* divisions strip */
.divs{background:var(--stone);padding:28px 0 0}
.divs ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:2fr 1fr 1fr;gap:0;border-block:1px solid var(--line)}
.divs li{padding:22px 24px 22px 0;display:grid;gap:4px;align-content:start}
html[dir="rtl"] .divs li{padding:22px 0 22px 24px}
.divs li+li{border-inline-start:1px solid var(--line);padding-inline-start:24px}
.divs b{font-size:18px}
.divs li:first-child b{font-size:22px}
.divs span{color:var(--slate);font-size:15px;line-height:1.5}
.divs a{text-decoration:none}
.divs a:hover b{text-decoration:underline;text-underline-offset:4px}
@media (max-width:760px){.divs ul{grid-template-columns:1fr}.divs li+li{border-inline-start:0;border-top:1px solid var(--line);padding-inline-start:0}.divs li{padding-inline:0}}

/* sections */
section{scroll-margin-top:20px}
.sec{padding:clamp(72px,9vw,128px) 0 0}
.sec-head{display:grid;gap:0;max-width:820px;margin-bottom:clamp(36px,5vw,60px)}

/* products */
.prod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(24px,4vw,56px);overflow:hidden}
.prod+.prod{margin-top:20px}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;color:var(--slate);font-size:15px}
.plogo{width:52px;height:52px;border-radius:12px}
.status{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600}
.status::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.status.live{color:#2f7a52}
.status.dev{color:#97701a}
@media (prefers-color-scheme:dark){.status.live{color:#6cc496}.status.dev{color:#d9b45e}}
.prod h3{font-size:clamp(34px,4.2vw,52px);letter-spacing:-.035em}
html[lang="he"] .prod h3,html[lang="ar"] .prod h3,html[lang="hi"] .prod h3{letter-spacing:-.01em}
.prod p.line{font-size:clamp(18px,1.6vw,21px);margin-top:14px;max-width:30em}
.prod .acts{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:28px}
.prod .shot{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:420px;background:var(--stone);border-radius:var(--r-m);padding-top:36px;overflow:hidden}
.prod .shot .device{position:relative;width:min(230px,58%);margin-bottom:-90px}
.prod.club .shot{background:color-mix(in srgb,#2f7a52 10%,var(--stone))}
.prod.jasale .shot{background:color-mix(in srgb,#577794 14%,var(--stone))}
.prod.flip .shot{order:-1}
@media (max-width:860px){.prod{grid-template-columns:1fr}.prod .shot{min-height:340px}.prod.flip .shot{order:2}}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.tile{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(24px,3.4vw,44px);display:flex;flex-direction:column;gap:14px}
.tile h3{font-size:clamp(28px,3vw,38px);letter-spacing:-.03em}
.tile p{color:var(--slate)}
.tile .acts{margin-top:auto;padding-top:14px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.tile.dl{background:#0d1114;color:#efe9dc;border-color:#2a2620}
.tile.dl p{color:#b7ad9b}
.tile.dl .btn.line{color:#c9a96a}
.tile.custom{background:var(--night);color:var(--on-night);border-color:var(--night)}
.tile.custom p{color:var(--on-night-2)}
.price-chip{display:flex;align-items:baseline;justify-content:space-between;gap:14px;border-top:1px solid var(--night-line);padding-top:16px;margin-top:4px}
.price-chip span{color:var(--on-night-2);font-size:15px}
.price-chip b{font-size:26px;font-weight:700;color:#fff;white-space:nowrap}
@media (max-width:760px){.pair{grid-template-columns:1fr}}

/* how */
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px)}
.how div{border-top:2px solid var(--ink);padding-top:22px}
.how p{color:var(--slate);margin-top:12px}
.how.four{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.how.four{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.how,.how.four{grid-template-columns:1fr}}
.tile.custom ul.ex{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tile.custom ul.ex li{position:relative;padding-inline-start:20px;color:var(--on-night)}
.tile.custom ul.ex li::before{content:"";position:absolute;inset-inline-start:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--sun)}

/* trust */
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0;border-top:1px solid var(--line)}
.trust div{padding:26px 26px 26px 0;border-bottom:1px solid var(--line)}
html[dir="rtl"] .trust div{padding:26px 0 26px 26px}
.trust h3{font-size:20px;display:flex;align-items:center;gap:12px}
.trust h3 svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--sun);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.trust p{color:var(--slate);margin-top:8px;max-width:30em}
.trust a{display:inline-block;margin-top:10px}

/* numbers */
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-block:1px solid var(--line)}
.nums div{padding:30px 22px 30px 0}
html[dir="rtl"] .nums div{padding:30px 0 30px 22px}
.nums div+div{border-inline-start:1px solid var(--line);padding-inline-start:22px}
.nums b{display:block;font-size:clamp(48px,6vw,80px);font-weight:800;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.nums span{display:block;color:var(--slate);margin-top:10px;font-size:16px;max-width:15em}
@media (max-width:760px){.nums{grid-template-columns:1fr 1fr}.nums div:nth-child(3){border-inline-start:0;padding-inline-start:0}.nums div:nth-child(n+3){border-top:1px solid var(--line)}}

/* cinema + lifestyle */
.duo{display:grid;grid-template-columns:1fr 1.25fr;gap:20px}
@media (max-width:900px){.duo{grid-template-columns:1fr}}
.cine-card{position:relative;background:#1b1c25;color:#ece5d6;border-radius:var(--r-l);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.cine-card .pic{position:relative;flex:1;min-height:180px}
.cine-card .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}

.cine-card .body{padding:0 clamp(24px,3vw,40px) clamp(24px,3vw,40px);position:relative;display:grid;gap:12px}
.cine-card .body img{width:56px;height:56px}
.cine-card h2{font-size:clamp(28px,3vw,40px)}
.cine-card p{color:#b5ab98}
.cine-card .btn.line{color:#d6b46a;justify-self:start}
.life-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(24px,3vw,40px);display:grid;gap:14px}
.life-card h2{font-size:clamp(28px,3vw,40px)}
.life-card>p{color:var(--slate)}
.life-card .disc{font-size:14px;color:var(--slate);border-inline-start:3px solid var(--line);padding-inline-start:12px}
.prods{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.prods li{display:flex;flex-direction:column;gap:8px}
.prods .box{position:relative;background:var(--stone);border-radius:var(--r-m);aspect-ratio:1}
.prods .box img{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain}
.prods b{font-size:17px}
.prods p{font-size:14px;color:var(--slate);line-height:1.5}
.prods .acts{margin-top:auto;display:flex;flex-direction:column;gap:6px;font-size:14px}
@media (max-width:620px){.prods{grid-template-columns:1fr}.prods li{display:grid;grid-template-columns:110px 1fr;gap:4px 14px}.prods .box{grid-row:span 4}}

/* call to action */
.cta-band{margin-top:clamp(80px,11vw,150px);background:var(--night);color:var(--on-night);position:relative;overflow:hidden}
.cta-band .wrap{padding-block:clamp(70px,9vw,120px);position:relative;z-index:1;display:grid;gap:22px;justify-items:start}
.cta-band h2{font-size:clamp(36px,5.4vw,72px);max-width:14ch;letter-spacing:-.035em}
.cta-band p{color:var(--on-night-2);font-size:19px;max-width:32em}
.cta-band .btn.line{color:var(--on-night)}
.cta-band .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.cta-band .halo{position:absolute;width:420px;aspect-ratio:1;border-radius:50%;inset-inline-end:-120px;bottom:-220px;background:radial-gradient(circle,var(--dawn),var(--sun) 60%,transparent 72%);opacity:.55}

/* about + contact */
.about{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(30px,5vw,80px);align-items:start}
.about .who{display:flex;gap:18px;align-items:center;margin-top:30px}
.about .who img{width:72px;height:72px;border-radius:50%;object-fit:cover}
.about .who b{display:block}
.about .who p{color:var(--slate);font-size:15px;margin-top:4px;max-width:34em}
.about>div>p{font-size:clamp(19px,1.7vw,22px);margin-top:18px;max-width:30em}
.contact{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(24px,3vw,36px);display:grid;gap:14px}
.contact h2{font-size:28px}
.contact .acts{display:flex;flex-wrap:wrap;gap:10px}
.contact .row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:12px}
.contact .row span{direction:ltr;unicode-bidi:isolate}
@media (max-width:860px){.about{grid-template-columns:1fr}}

/* footer */
.foot{background:var(--night);color:var(--on-night-2);margin-top:clamp(80px,11vw,150px);font-size:15px}
.foot.flush{margin-top:0}
.foot .wrap{padding-block:56px 34px}
.foot .grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
.foot h2{font-size:14px;font-weight:600;color:var(--on-night);letter-spacing:0;margin-bottom:12px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot a{text-decoration:none}
.foot a:hover{color:#fff;text-decoration:underline}
.foot .brand{color:var(--on-night)}
.foot .tag{margin-top:12px;max-width:22em}
.foot .settings{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;border-top:1px solid var(--night-line);margin-top:40px;padding-top:24px}
.foot .langs{display:flex;flex-wrap:wrap;gap:4px 14px}
.foot .langs [aria-current]{color:#fff;font-weight:600}
.foot label{display:inline-flex;align-items:center;gap:10px}
.foot .legal{margin-inline-start:auto;display:flex;gap:16px}
@media (max-width:860px){.foot .grid{grid-template-columns:1fr 1fr}.foot .grid>div:first-child{grid-column:1/-1}.foot .legal{margin-inline-start:0}}
select.cur{font:inherit;color:var(--on-night);background:var(--night-2);border:1px solid var(--night-line);border-radius:999px;padding:8px 14px;min-height:40px}

/* brand intro (logo A), max 1.5s, skippable, once per session, never with reduced motion */
.sg-intro{display:none}
html.intro-on .sg-intro{display:grid;place-items:center;position:fixed;inset:0;z-index:999;background:var(--night);color:var(--on-night);animation:intro-out .35s ease 1.15s forwards;cursor:pointer}
.sg-intro .mk{display:grid;justify-items:center;gap:18px}
.sg-intro svg{width:132px;height:132px;overflow:visible}
.sg-intro .peak{fill:none;stroke:var(--on-night);stroke-width:1.6;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:80;animation:intro-draw .6s cubic-bezier(.6,0,.3,1) .05s forwards}
.sg-intro .disc{fill:var(--sun-hi);transform:translateY(7px);opacity:0;animation:intro-rise .55s cubic-bezier(.2,.8,.2,1) .35s forwards}
.sg-intro .word{font-weight:700;letter-spacing:.32em;font-size:15px;opacity:0;animation:intro-fade .35s ease .65s forwards;direction:ltr;font-family:"Onest",system-ui,sans-serif}
.sg-intro button{position:absolute;bottom:28px;inset-inline-end:28px;background:none;border:1px solid var(--night-line);color:var(--on-night-2);border-radius:999px;padding:8px 16px;font:inherit;font-size:14px;cursor:pointer}
@keyframes intro-draw{to{stroke-dashoffset:0}}
@keyframes intro-rise{to{transform:none;opacity:1}}
@keyframes intro-fade{to{opacity:1}}
@keyframes intro-out{to{opacity:0;visibility:hidden}}

/* solutions page */
.sol-hero{background:var(--night);color:var(--on-night);position:relative;overflow:hidden}
.sol-hero .wrap{padding-block:clamp(60px,9vw,120px) clamp(120px,14vw,190px);position:relative;z-index:2}
.sol-hero h1{font-size:clamp(42px,6.4vw,84px);font-weight:800;letter-spacing:-.04em;max-width:12ch;line-height:1}
html[lang="he"] .sol-hero h1,html[lang="ar"] .sol-hero h1,html[lang="hi"] .sol-hero h1{letter-spacing:-.01em;line-height:1.12}
.sol-hero p{color:var(--on-night-2);font-size:clamp(18px,1.7vw,22px);max-width:32em;margin-top:24px}
.sol-hero .btn{margin-top:34px}
.sol-hero .sky .sun{width:clamp(200px,26vw,380px);bottom:40px;inset-inline-end:10%}
.price-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:4px;background:var(--paper)}
.seg button{font:inherit;font-size:15px;border:0;background:none;color:var(--slate);min-width:46px;height:38px;border-radius:999px;cursor:pointer;padding:0 12px}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper);font-weight:600}
.note{color:var(--slate);font-size:14px;margin-top:8px}
.plist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.plist li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 40px;padding:26px 0;border-bottom:1px solid var(--line);align-items:baseline}
.plist h3{font-size:clamp(20px,2vw,24px)}
.plist p{color:var(--slate);grid-column:1;max-width:40em}
.plist .pr{grid-row:1/3;grid-column:2;font-size:clamp(20px,2.2vw,28px);font-weight:700;text-align:end;white-space:nowrap;font-variant-numeric:tabular-nums}
.plist li.lead-item h3{font-size:clamp(24px,2.6vw,32px)}
@media (max-width:640px){.plist li{grid-template-columns:1fr}.plist .pr{grid-row:auto;grid-column:1;text-align:start;white-space:normal}}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px);counter-reset:s}
.steps div{border-top:2px solid var(--ink);padding-top:22px;counter-increment:s}
.steps h3::before{content:counter(s);display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--sun);color:#fff;font-size:15px;margin-inline-end:12px;vertical-align:3px}
.steps p{color:var(--slate);margin-top:10px}
@media (max-width:760px){.steps{grid-template-columns:1fr}}
.form-wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(30px,5vw,80px);align-items:start}
@media (max-width:860px){.form-wrap{grid-template-columns:1fr}}
form.biz{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(22px,3vw,36px);display:grid;gap:16px}
.fld{display:grid;gap:6px}
.fld label{font-weight:600;font-size:15px}
.fld input,.fld textarea{font:inherit;font-size:16px;color:var(--ink);background:var(--stone);border:1px solid var(--line);border-radius:var(--r-s);padding:12px 14px;width:100%}
.fld textarea{min-height:120px;resize:vertical}
.fld input:focus,.fld textarea:focus{outline:2px solid var(--sun);outline-offset:1px;border-color:transparent}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:560px){.two{grid-template-columns:1fr}}
.form-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.form-msg{font-size:15px;min-height:1.4em}
.form-msg.err{color:var(--sun)}
.tile.dl .meta{color:#b7ad9b}.tile.dl .status.dev{color:#d9b45e}


/* Signature background (the sinai-global method): topographic contours of the summit as a CSS mask,
   a pulsing summit dot with its altitude, a warm glow, a slow drift in two depths, page-wide film grain. */
:root{--ridge-h:clamp(140px,19vw,260px);--contour:rgba(233,236,232,.11);--contour-far:rgba(234,163,107,.07)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.05;mix-blend-mode:overlay;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.field{position:absolute;width:12px;height:12px;left:75%;bottom:calc(var(--ridge-h)*.77 + 6px);pointer-events:none}
html[dir="rtl"] .field{left:25%}
.field .layer{position:absolute;left:50%;top:50%;width:1800px;height:1415px;transform:translate(-50%,-50%);
  background:var(--contour);-webkit-mask:url(/assets/topo.svg) center/contain no-repeat;mask:url(/assets/topo.svg) center/contain no-repeat}
.field .layer.far{width:2600px;height:2045px;background:var(--contour-far)}
.summit-dot{position:absolute;inset:0;border-radius:50%;background:#f4efe6;box-shadow:0 0 0 5px rgba(234,163,107,.35)}
.field .alt{position:absolute;left:22px;top:-7px;font:500 12px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;color:var(--on-night-2);white-space:nowrap}
html[dir="rtl"] .field .alt{left:auto;right:22px}
.sky .glow{background:radial-gradient(38% 55% at 75% 78%,rgba(234,163,107,.20),transparent 70%)}
html[dir="rtl"] .sky .glow{background:radial-gradient(38% 55% at 25% 78%,rgba(234,163,107,.20),transparent 70%)}
.cta-field{left:auto;inset-inline-end:14%;bottom:-40px;z-index:0}
.cta-field .layer{width:1500px;height:1180px}
.cta-band .halo{z-index:0}
@media (max-width:860px){.field .alt{display:none}.field .layer{width:1300px;height:1022px}.field .layer.far{width:1900px;height:1494px}}
@media (prefers-reduced-motion:no-preference){
  .field .layer{animation:sg-drift 36s ease-in-out infinite alternate}
  .field .layer.far{animation:sg-drift-far 54s ease-in-out -12s infinite alternate}
  .summit-dot{animation:sg-ping 3s ease-out infinite}
  .sky .sun{animation:sg-breathe 14s ease-in-out infinite alternate}
  @keyframes sg-drift{from{transform:translate(-50%,-50%) scale(1) rotate(0)}to{transform:translate(-50%,-50%) scale(1.07) rotate(4deg)}}
  @keyframes sg-drift-far{from{transform:translate(-50%,-50%) scale(1.04) rotate(2deg)}to{transform:translate(-50%,-50%) scale(.98) rotate(-3deg)}}
  @keyframes sg-ping{0%{box-shadow:0 0 0 0 rgba(234,163,107,.55),0 0 0 5px rgba(234,163,107,.35)}100%{box-shadow:0 0 0 28px rgba(234,163,107,0),0 0 0 5px rgba(234,163,107,.35)}}
  @keyframes sg-breathe{to{box-shadow:0 0 180px 46px rgba(212,100,79,.34)}}
}

/* Flow: light streaks travel along the contour lines, so the map is visibly alive */
.field .flow{position:absolute;left:50%;top:50%;width:1800px;height:1415px;transform:translate(-50%,-50%)}
.cta-field .flow{width:1500px;height:1180px}
@media (max-width:860px){.field .flow{width:1300px;height:1022px}}
@media (prefers-reduced-motion:no-preference){.field .flow{animation:sg-drift 36s ease-in-out infinite alternate}}
@media (prefers-reduced-motion:reduce){.field .flow{display:none}}