/* LayerBuilt v6b — "warm technology": sand palette, editorial serif headlines, precise product UI */
:root{
  --paper:#FBF8F3; --paper2:#F3E7D6; --card:#FFFFFF; --line:#E6D5BD; --ink:#211A13; --muted:#6B5A47; --soft:#8C7A64;
  --marker:#FFD84D; --teal:#12C9A0; --teal-d:#0E8F72; --blue:#5BA3E8; --violet:#6D5BFF; --clay:#D8693F;
  --serif:'Prompt','Assistant',system-ui,sans-serif; --head:'Prompt','Assistant',system-ui,sans-serif; --body:'Prompt','Assistant',system-ui,sans-serif;
  --r:18px; --sec:84px; --shadow:0 18px 44px rgba(80,55,20,.10); --shadow-s:0 6px 18px rgba(80,55,20,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{background:var(--paper);color:var(--ink);font:400 17px/1.7 var(--body);overflow-x:hidden;-webkit-font-smoothing:antialiased}
html[lang=en] [data-l=he],html[lang=he] [data-l=en]{display:none!important}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
section{padding:var(--sec) 0}
.tint{background:var(--paper2)}
.dark{background:var(--ink);color:#F3E9DA}
h1,h2{font-family:var(--head);font-weight:800;letter-spacing:-.01em;color:inherit}
html[lang=he] h1,html[lang=he] h2{letter-spacing:0}
h3{font-family:var(--head);font-weight:600}
h2.big{font-size:clamp(2.1rem,4.2vw,3.3rem);line-height:1.1}
.lead{font-size:1.15rem;color:var(--muted);max-width:640px;margin-top:14px}
.dark .lead{color:#CDBFA9}
.kick{display:inline-flex;align-items:center;gap:8px;font:600 .85rem var(--head);color:#4B3FA8;background:#EEEBFF;border:1px solid #DCD6FF;padding:6px 14px;border-radius:999px;margin-bottom:16px}

.dark .kick{color:#3EE6BC;background:rgba(62,230,188,.1);border-color:rgba(62,230,188,.25)}
.sh{max-width:760px;margin-bottom:44px}
.sh.c{margin-inline:auto;text-align:center}.sh.c .lead{margin-inline:auto}

/* marker highlight (one confident accent) */
.mk{position:relative;white-space:nowrap;z-index:0}
.mk::before{content:"";position:absolute;inset-inline:-.18em;bottom:-.02em;height:.62em;z-index:-1;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 40' preserveAspectRatio='none'><path d='M4 22 C40 10 90 14 150 12 C210 10 260 8 296 16 L294 34 C240 30 190 36 140 34 C90 32 44 38 6 34 Z' fill='%23FFD84D'/></svg>") no-repeat center/100% 100%;transform:scaleX(0) rotate(-1.5deg);transform-origin:right center;transition:transform .9s cubic-bezier(.65,.05,.2,1) .3s}
html[dir=ltr] .mk::before{transform-origin:left center}
.mk.on::before{transform:scaleX(1) rotate(-1.5deg)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:14px 26px;font:600 1rem var(--head);border:1px solid var(--ink);cursor:pointer;transition:transform .15s,box-shadow .2s;background:var(--ink);color:#FAF1E4}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(33,26,19,.22)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.wa{background:#1FA855;border-color:#1FA855;color:#fff}
.btn svg{width:19px;height:19px}
.btn.light{background:#FAF1E4;color:var(--ink);border-color:#FAF1E4}

/* nav */
nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:70px;gap:14px}
.logo{display:flex;align-items:center;gap:9px;font:700 1.15rem var(--head)}
.logo small{font-weight:500;color:var(--soft);font-size:.85rem}
.nl{display:flex;gap:26px;font:500 .97rem var(--head);color:var(--muted)}
.nl a:hover,.nl a.cur{color:var(--ink)}
.nl a.cur{box-shadow:inset 0 -2px 0 var(--ink)}
.nr{display:flex;gap:10px;align-items:center}
.lang{font:600 .85rem var(--head);border:1px solid var(--line);border-radius:999px;padding:7px 13px;background:var(--card)}
.nav-cta{padding:10px 18px;font-size:.92rem}

/* cards */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-s)}
.shot{border-radius:14px;border:1px solid var(--line);overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.shot img{width:100%;height:100%;object-fit:cover;object-position:top}
.tag{display:inline-flex;align-items:center;gap:6px;font:600 .78rem var(--head);padding:4px 11px;border-radius:999px;background:var(--paper2);border:1px solid var(--line)}
.tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--soft)}
.tag.live::before{background:#1FA855;box-shadow:0 0 0 3px #D3F2DF}.tag.dev::before{background:#E0A23A}.tag.cpt::before{background:var(--violet)}
.more{font:600 1rem var(--head);color:var(--ink);display:inline-flex;gap:6px;align-items:center;border-bottom:2px solid var(--marker);padding-bottom:1px}

/* reveal */
.rv{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease}
.rv.on{opacity:1;transform:none}

/* footer */
footer{background:var(--ink);color:#E9DCC8;padding:56px 0 30px}
footer a:hover{color:#fff}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
.fgrid h4{font:600 1rem var(--head);color:#fff;margin-bottom:10px}
.fgrid ul{list-style:none;display:flex;flex-direction:column;gap:6px;color:#CDBFA9}
.fbot{margin-top:34px;padding-top:18px;border-top:1px solid #3d3227;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.9rem;color:#B8A88F}
.wa-float{position:fixed;bottom:20px;inset-inline-end:20px;z-index:60;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#1FA855;box-shadow:0 10px 26px rgba(31,168,85,.4)}
.wa-float svg{width:28px;height:28px;fill:#fff}

@media (max-width:960px){.nl{display:none}.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){:root{--sec:60px}.wrap{padding:0 16px}body{font-size:17px}.nav-cta{display:none}.fgrid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.mk::before{transform:scaleX(1) rotate(-1.5deg)}}

/* the Layers (brand characters, used sparingly) */
.layers .eye{transform-box:fill-box;transform-origin:center;animation:blink 5.5s infinite}
.layers .eye.b{animation-delay:1.7s}
@keyframes blink{0%,94%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}
.layers .bob{animation:bob 4s ease-in-out infinite}.layers .bob.d2{animation-delay:.6s}.layers .bob.d3{animation-delay:1.2s}
@keyframes bob{50%{transform:translateY(-4px)}}
.layers .wave{transform-box:fill-box;transform-origin:bottom left;animation:wave 2.8s ease-in-out infinite}
@keyframes wave{0%,60%,100%{transform:rotate(0)}70%{transform:rotate(-16deg)}80%{transform:rotate(10deg)}90%{transform:rotate(-8deg)}}