/* ===================== רגע החתימה: הפריים שגדל ===================== */
.gf{position:relative;background:#000;color:#fff}
.gf-stage{position:relative;height:100vh;height:100svh;overflow:clip}
.gf-o,.gf-i{position:absolute;top:0;left:0;width:100%;height:100%;will-change:clip-path}
.gf-o{background:#fff;clip-path:inset(50% 50% 50% 50%)}
.gf-i{background:#000;clip-path:inset(50% 50% 50% 50%)}
.gf-c{position:absolute;top:0;left:0;width:10px;height:10px;opacity:0;pointer-events:none;will-change:transform,opacity}
.gf-c .w,.gf-c .f,.gf-c .k{position:absolute;border-radius:6px}
.gf-c .w{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.42)}
.gf-c .f{background:rgba(255,255,255,.2)}
.gf-c .k{background:#fff;border-radius:999px}
.gf-c .r{aspect-ratio:1;height:auto!important;border-radius:50%}
.gf-c svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}
.gf-c line,.gf-c path{fill:none;stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke}
.gf-c .dash{stroke:rgba(255,255,255,.55);stroke-dasharray:5 6}
.gf-bp{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1.4px);background-size:22px 22px}
.gf-seal{position:absolute;top:0;left:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:#000;box-shadow:inset 0 0 0 2px #fff;display:grid;place-items:center}
.gf-seal svg{position:static;width:24px;height:24px}
.gf-seal path,.gf-seal rect{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;vector-effect:none}
.gf-ring{position:absolute;top:4%;left:3%;width:94%;height:92%;border-radius:20px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.7)}
.gf-clk line{stroke-linecap:round;vector-effect:none}
.gf-clk .tk{stroke:rgba(255,255,255,.6);stroke-width:2}
.gf-clk .tk.b{stroke:#fff;stroke-width:3.5}
.gf-clk .hh{stroke:#fff;stroke-width:6}
.gf-clk .mh{stroke:#fff;stroke-width:3.5}
.gf-clk circle{fill:#fff}
.gf-lab{position:absolute;left:0;width:100%;bottom:max(7svh,44px);height:1.2em;font-weight:900;font-size:clamp(34px,3.6vw,72px);line-height:1;text-align:center}
.gf-lab .ln{position:absolute;left:0;bottom:0;width:100%}
.gf-lab .in{opacity:0}
.gf-n{position:absolute;top:128px;right:var(--gut);display:flex;align-items:center;gap:14px;font-size:18px;font-weight:700;color:rgba(255,255,255,.72);font-variant-numeric:tabular-nums}
.gf-n b{display:block;width:120px;height:2px;background:rgba(255,255,255,.24);position:relative;overflow:hidden}
.gf-n b i{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:100% 50%}
.gf-hint{position:absolute;top:128px;left:var(--gut);font-size:18px;font-weight:700;color:rgba(255,255,255,.72)}
.gf-end{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 var(--gut);visibility:hidden}
.gf-end p{margin:0;font-weight:900;font-size:clamp(40px,4.6vw,92px);line-height:1.02;max-width:17ch;text-wrap:balance}
.gf-pills{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:52px 0 0;padding:0;max-width:1100px}
.gf-pills a{display:inline-flex;align-items:center;min-height:52px;padding:0 24px;border-radius:999px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5);font-size:18px;font-weight:700;transition:background-color .35s var(--ease),color .35s var(--ease),box-shadow .35s}
@media (hover:hover){.gf-pills a:hover{background:#fff;color:#000;box-shadow:inset 0 0 0 1.5px #fff}}
.gf-pills a:focus-visible,.gf-pills a:active{background:#fff;color:#000}

/* ===================== הרשימה: שבעה שירותים ===================== */
.svl-l{list-style:none;margin:80px 0 0;padding:0;border-top:1px solid var(--fg-24)}
.svl-l li{border-bottom:1px solid var(--fg-24)}
.svl-row{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1.2fr) auto;align-items:center;gap:40px;padding:40px 24px;isolation:isolate;overflow:hidden;border-radius:2px}
.svl-row::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:var(--fg);clip-path:inset(100% 0 0 0);transition:clip-path .6s var(--soft)}
.svl-t{margin:0;font-size:clamp(32px,2.9vw,56px);font-weight:900;line-height:1;transition:color .4s var(--ease),translate .6s var(--soft)}
.svl-d{margin:0;font-size:20px;line-height:1.55;color:var(--fg-72);transition:color .4s var(--ease);text-wrap:pretty}
.svl-cta{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 8px 0 0;font-size:18px;font-weight:700;white-space:nowrap;transition:color .4s var(--ease)}
.svl-cta i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--fg-50);transition:background-color .4s,box-shadow .4s,color .4s,rotate .6s var(--soft)}
.svl-cta svg{width:18px;height:18px}
.svl-row:focus-visible{outline-offset:-3px}
@media (hover:hover){
  .svl-row:hover::before{clip-path:inset(0 0 0 0)}
  .svl-row:hover .svl-t{color:var(--bg);translate:-12px 0}
  .svl-row:hover .svl-d,.svl-row:hover .svl-cta,.svl-row:hover .mini{color:var(--bg)}
  .svl-row:hover .svl-cta i{background:var(--bg);color:var(--fg);box-shadow:none;rotate:-45deg}
}
.svl-row:focus-visible::before{clip-path:inset(0 0 0 0)}
.svl-row:focus-visible .svl-t,.svl-row:focus-visible .svl-d,.svl-row:focus-visible .svl-cta,.svl-row:focus-visible .mini{color:var(--bg)}
.svl-row:focus-visible .svl-cta i{background:var(--bg);color:var(--fg);box-shadow:none}
.svl-host{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;margin-top:56px;padding:34px 36px;border-radius:26px;background:var(--fg-06);box-shadow:inset 0 0 0 1px var(--fg-12)}
.svl-host p{margin:0;font-size:clamp(22px,1.6vw,30px);font-weight:700;line-height:1.35;max-width:40ch}
.svl-host+.svl-host{margin-top:20px}

/* המיניאטורות: אותן צורות כמו בפריים, בקטן */
.mini{position:relative;display:block;width:64px;height:64px;color:var(--fg);transition:color .4s var(--ease)}
.mini::before,.mini::after{content:"";position:absolute;border-radius:4px}
.mn-card::before{top:5px;left:21px;width:22px;height:54px;border-radius:7px;box-shadow:inset 0 0 0 2px currentColor}
.mn-card::after{top:44px;left:26px;width:12px;height:5px;background:currentColor;border-radius:3px}
.mn-land::before{top:3px;left:17px;width:30px;height:58px;box-shadow:inset 0 0 0 2px currentColor}
.mn-land::after{top:46px;left:22px;width:20px;height:7px;background:currentColor;border-radius:4px}
.mn-site::before{top:12px;left:3px;width:58px;height:40px;box-shadow:inset 0 0 0 2px currentColor}
.mn-site::after{top:12px;left:3px;width:58px;height:9px;background:currentColor;border-radius:4px 4px 0 0}
.mn-shop::before{top:10px;left:3px;width:58px;height:44px;box-shadow:inset 0 0 0 2px currentColor}
.mn-shop::after{top:24px;left:10px;width:44px;height:20px;border-radius:2px;background:linear-gradient(90deg,currentColor 0 12px,transparent 12px 16px,currentColor 16px 28px,transparent 28px 32px,currentColor 32px 44px)}
.mn-ai::before{top:6px;left:6px;width:52px;height:52px;border-radius:8px;box-shadow:inset 0 0 0 2px currentColor}
.mn-ai::after{top:16px;left:16px;width:32px;height:32px;border-radius:4px;box-shadow:inset 0 0 0 3px currentColor}
.mn-dev{background:linear-gradient(currentColor,currentColor) no-repeat 22px 15px/22px 2px,linear-gradient(currentColor,currentColor) no-repeat 42px 15px/2px 26px}
.mn-dev::before{top:6px;left:3px;width:20px;height:20px;box-shadow:inset 0 0 0 2px currentColor}
.mn-dev::after{top:40px;left:33px;width:20px;height:20px;background:currentColor}
.mn-time{background:linear-gradient(currentColor,currentColor) no-repeat 31px 15px/2px 18px,linear-gradient(currentColor,currentColor) no-repeat 31px 31px/14px 2px}
.mn-time::before{top:5px;left:5px;width:54px;height:54px;border-radius:50%;box-shadow:inset 0 0 0 2px currentColor}

/* ===================== ואם לא בטוחים ===================== */
.qa-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:96px;align-items:start}
.qa-l{list-style:none;margin:0;padding:0}
.qa-l li{padding:20px 0;border-bottom:1px solid var(--fg-12);font-size:clamp(22px,1.75vw,32px);line-height:1.3}
.qa-q{font-weight:300;color:var(--fg-72)}
.qa-a{display:inline-block;margin-inline-start:8px;font-weight:900;color:var(--fg);background:linear-gradient(currentColor,currentColor) no-repeat 100% 100%/100% 2px;padding-bottom:2px;transition:background-size .6s var(--soft),opacity .3s}
@media (hover:hover){.qa-a:hover{background-size:0% 2px}}
.qa-end{margin:40px 0 0;font-size:clamp(24px,2vw,38px);font-weight:900;line-height:1.2}
.qa-end a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}

/* ===================== רק פיתוח ===================== */
.no-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:end}
.no-big{margin:0;font-weight:900;font-size:clamp(80px,11vw,230px);line-height:.86;letter-spacing:-.02em}
.no .lead{max-width:52ch;margin-top:0}
.no .btns{margin-top:40px}

@media (max-width:1023px){
  .svl-row{grid-template-columns:64px minmax(0,1fr) auto;gap:16px 24px}
  .svl-d{grid-column:2/-1;grid-row:2}
  .qa-grid,.no-grid{grid-template-columns:1fr;gap:48px}
}
@media (max-width:899px){
  .gf-lab{font-size:clamp(30px,8.4vw,44px);bottom:max(9svh,52px)}
  .gf-n{top:94px;right:16px}
  .gf-n b{width:72px}
  .gf-hint{display:none}
  .gf-end{padding:0 16px}
  .gf-end p{font-size:clamp(34px,9.6vw,52px)}
  .gf-pills{margin-top:32px;gap:8px}
  .gf-pills a{min-height:46px;padding:0 16px;font-size:16px}
  .gf-seal{width:44px;height:44px;margin:-22px 0 0 -22px}
  .gf-seal svg{width:18px;height:18px}
  .svl-head,.qa-head,.no-head{text-align:center}
  .svl-l{margin-top:48px}
  .svl-row{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:14px;padding:36px 8px}
  .svl-d{grid-column:auto;grid-row:auto;font-size:18px}
  .svl-t{font-size:32px}
  .svl-cta{padding:0}
  .svl-host{flex-direction:column;text-align:center;padding:28px 20px}
  .svl-host p{font-size:22px}
  .qa-l li{text-align:center;font-size:21px}
  .qa-a{margin-inline-start:4px}
  .qa-end{text-align:center;font-size:24px}
  .no-big{font-size:clamp(80px,26vw,130px);text-align:center}
  .no .lead{text-align:center}
}
/* תנועה מופחתת: בלי נעילה. השורה והקישורים במקומם */
.rm .gf-o,.rm .gf-i,.rm .gf-c,.rm .gf-lab,.rm .gf-n,.rm .gf-hint{display:none}
.rm .gf-stage{height:auto}
.rm .gf-end{position:relative;visibility:visible;padding:130px var(--gut)}