@font-face{font-family:Discovery;src:url('/assets/fonts/discovery-light.woff2') format('woff2');font-weight:300 400;font-display:swap}
@font-face{font-family:Discovery;src:url('/assets/fonts/discovery-medium.woff2') format('woff2');font-weight:500 900;font-display:swap}
@font-face{font-family:Pompei;src:url('/assets/fonts/pompei-bold.otf') format('opentype');font-weight:700;font-display:swap}
:root{--bg:#0b0e12;--ink:#f7f0e6;--muted:#c6bdb4;--accent:#ffc47f;--brand:#ffaa50;--edge:#554039;--paper:#f3e9dc;--dark:#302521;--gutter:clamp(18px,7.3vw,140px);--header:68px;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 12px)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 clamp(16px,1.2vw,22px)/1.5 Discovery,Arial,sans-serif;overflow-x:clip}
main{overflow:clip}
img{max-inline-size:100%;height:auto;display:block}
h1,h2,h3,h4,p,ul,dl,dd,figure{margin:0}
ul{list-style:none;padding:0}
h1,h2{font-family:Pompei,Discovery,Arial,sans-serif;font-weight:700;line-height:1.08}
h2{font-size:clamp(34px,4.1vw,78px)}
h3{line-height:1.17}
em{color:var(--accent);font-style:normal}
button,input,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
:focus-visible{outline:2px solid #f2a65f;outline-offset:4px}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.wide{width:min(calc(100% - 2 * var(--gutter)),1640px);margin-inline:auto}
.section-intro{color:var(--muted);margin-block-start:clamp(10px,1.2vw,24px)}

/* ── כפתורים: הצבע מתמלא במעבר עכבר ── */
.button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;width:max-content;max-width:100%;padding:.48em 1.15em;border:1px solid var(--accent);border-radius:99px;background:#12151a99;color:var(--accent);font-size:clamp(15px,1.1vw,21px);text-align:center;transition:color .35s ease}
.button::before{content:'';position:absolute;inset:-1px;z-index:-1;background:var(--brand);border-radius:inherit;transform:scaleX(0);transform-origin:right center;transition:transform .5s cubic-bezier(.7,0,.2,1)}
.button:is(:hover,:focus-visible){color:#1b120b}
.button:is(:hover,:focus-visible)::before{transform:scaleX(1)}
.button:is(:hover,:focus-visible) .arrow{filter:brightness(0)}
.button--solid{background:var(--accent);color:#21140d}
.button--solid::before{background:#fff1de}
.arrow{width:18px;flex:none;transition:transform .35s ease,filter .35s}
.button:hover .arrow{transform:translateX(-4px)}
.subtle-link{display:inline-block;color:var(--accent);background:linear-gradient(currentColor,currentColor) 100% 100%/0 1px no-repeat;transition:background-size .4s ease;padding-bottom:2px}
.subtle-link:hover{background-size:100% 1px}
.skip-link{position:fixed;inset-block-start:10px;inset-inline-start:10px;z-index:100;padding:.5em 1em;background:var(--accent);color:var(--dark);transform:translateY(-200%)}
.skip-link:focus{transform:none}

/* ── עיגול כתום מתחת לעכבר ── */
.cursor{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:0;transition:opacity .3s}
.cursor.is-on{opacity:1}
.cursor__dot,.cursor__ring{position:fixed;left:0;top:0;border-radius:50%;will-change:transform}
.cursor__dot{width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--brand)}
.cursor__ring{width:38px;height:38px;margin:-19px 0 0 -19px;border:1.5px solid var(--brand);background:#ffaa501c;transition:width .3s,height .3s,margin .3s,background-color .3s,border-color .3s}
.cursor.is-hover .cursor__ring{width:66px;height:66px;margin:-33px 0 0 -33px;background:#ffaa5033;border-color:#ffaa50aa}
.cursor.is-down .cursor__ring{width:28px;height:28px;margin:-14px 0 0 -14px}
@media (hover:none),(pointer:coarse){.cursor{display:none}}

/* ── כותרת עליונה דביקה ── */
.top{position:sticky;top:0;z-index:40;background:#0b0e12cc;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid #e3c3a61f}
.top__row{min-height:var(--header);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(12px,2vw,45px)}
.brand{display:flex;align-items:center;width:clamp(108px,8.6vw,150px)}
.brand img{width:100%;height:auto}
.top nav{display:flex;gap:clamp(12px,2.1vw,42px);font-size:clamp(15px,1vw,18px);white-space:nowrap}
.top nav a{position:relative;padding-block:6px}
.top nav a::after{content:'';position:absolute;inset:auto 0 0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .35s}
.top nav a:hover::after{transform:scaleX(1)}
.top__cta{justify-self:end;min-height:42px;font-size:clamp(14px,1vw,18px)}
.nav-toggle{display:none}

/* ── הירו ── */
.hero{position:relative;isolation:isolate;padding-block:clamp(26px,3vw,56px) 0;text-align:center}
.hero__texture{position:absolute;inset:calc(-1 * var(--header)) 0 0;pointer-events:none;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 57% 40%,#6544299c 0,transparent 54%)}
.hero__texture img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:.6}
.hero__waves{position:absolute;left:-6%;top:12%;width:112%;height:72%;overflow:visible}
.hero__waves path{fill:none;stroke:#caa58c;stroke-width:.9;vector-effect:non-scaling-stroke}
.hero__copy{display:grid;justify-items:center;padding-inline:20px;gap:clamp(14px,1.4vw,26px)}
.hero h1{font-size:clamp(46px,6.25vw,120px);line-height:1.13;letter-spacing:-.018em}
.hero__copy p{color:#fff;font-size:clamp(17px,1.42vw,27px)}
.hero__copy .button{min-height:clamp(47px,3.3vw,64px)}
.hero-envelope{position:relative;isolation:isolate;direction:ltr;clip-path:inset(-400% -40% 0 -40%);width:min(74%,1240px);aspect-ratio:1240/409;margin:clamp(22px,2.2vw,44px) auto 0;perspective:1600px}
.envelope-back,.envelope-front{position:absolute;pointer-events:none}
.hero-envelope .envelope-back,.hero-envelope .envelope-front{left:2.74%;width:94.52%}
.hero-envelope .envelope-back{top:3.42%}
.hero-envelope .envelope-front{top:60.15%;z-index:4}
.hero-envelope::after{content:'';position:absolute;inset:auto 10% -6% 10%;height:30%;background:radial-gradient(ellipse at center,#ff9a3a40,transparent 70%);filter:blur(18px);z-index:-1;opacity:var(--glow,.6)}
.hero-slot{position:absolute;transform-origin:top left}
.hero-slot__float{will-change:transform}
.hero-slot--studio{left:8.87%;top:27.87%;width:36.13%;transform:rotate(-10deg);z-index:1}
.hero-slot--nature{left:52.58%;top:13.69%;width:38.55%;transform:rotate(10deg);z-index:2}
.hero-slot--shade{left:27.18%;top:25.18%;width:45.81%;z-index:3}
.laptop{width:100%;direction:ltr;isolation:isolate;perspective:900px}
.laptop__lid{position:relative;width:95%;margin:auto;padding:1.6%;aspect-ratio:1.9;background:#18171b;border:1px solid #736155;border-radius:clamp(4px,1vw,13px);box-shadow:0 9px 23px #0007;transform-origin:50% 100%;backface-visibility:hidden}
.laptop__lid::after{content:'';position:absolute;top:1%;left:49.6%;width:.8%;aspect-ratio:1;background:#a28e7b99;border-radius:50%}
.laptop__viewport{position:relative;width:100%;height:100%;border-radius:clamp(2px,.45vw,6px);overflow:hidden;background:#211b1a}
.laptop__viewport img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.laptop__power{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,#ffcf96,#ff8a2a 45%,#2a1408 100%);opacity:0;mix-blend-mode:screen;pointer-events:none}
.laptop__base{width:100%;height:clamp(3px,.7vw,13px);border-radius:2px 2px 6px 6px;background:linear-gradient(#b7ac9e,#776a61 28%,#241f23);position:relative}
.laptop__base::after{content:'';position:absolute;top:0;left:44.5%;width:11%;height:32%;border-radius:0 0 5px 5px;background:#272026d9}

/* דש המעטפה: סגור מכסה את התוכן, פתוח מתהפך לאחור */
.flap{position:absolute;pointer-events:none;perspective:1400px}
.flap>span{position:absolute;inset-inline:0;transform-origin:50% 0;transform:rotateX(180deg);transform-style:preserve-3d;filter:drop-shadow(0 6px 10px #0008)}
.flap>span::before,.flap>span::after{content:'';position:absolute;inset:0;clip-path:polygon(0 0,100% 0,52% 100%,48% 100%)}
.flap>span::before{background:#a46b43a8}
.flap>span::after{inset:1px 2px 2px;background:linear-gradient(#3b2a21,#251b18)}
.flap--hero{left:2.74%;width:94.52%;top:3.42%;aspect-ratio:1172/355;z-index:0}
.flap--hero>span{top:53.2%;height:72%}
.flap.is-closed{z-index:6}

/* ── פרויקטים ── */
.projects>h2,.projects>.section-intro{position:relative;z-index:6}
.projects{max-width:1560px;padding-block:clamp(64px,6vw,125px) clamp(45px,5vw,96px)}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,4.2vw,80px) clamp(18px,2.6vw,50px);margin-block-start:clamp(30px,3.7vw,70px)}
.project:nth-child(even){transform:translateY(clamp(28px,5.35vw,103px))}
.project{min-width:0}
.project:not(.is-unlanded){position:relative;z-index:5}
.project__art{position:relative;aspect-ratio:755/467;border-radius:clamp(12px,1.25vw,24px);overflow:hidden;isolation:isolate;direction:ltr;box-shadow:0 22px 50px #0006}
.art__back{position:absolute;inset:0;text-align:center;background:var(--art-img) center/cover,linear-gradient(var(--art-dark),var(--art-light));transition:opacity .25s,transform .9s cubic-bezier(.2,.7,.2,1),filter .5s}
.art__back span{position:absolute;inset:5% 0 auto;font:900 clamp(32px,6vw,114px)/1.1 Arial,sans-serif;letter-spacing:-.04em;color:#fff;opacity:.34;mix-blend-mode:soft-light}
.art--moms{--art-img:url('/campaign-preview/media/bg/moms.webp');--art-dark:#b7807b;--art-light:#f6dad0}
.art--shade{--art-img:url('/campaign-preview/media/bg/shade.webp');--art-dark:#abba98;--art-light:#dfe6ce}
.art--nature{--art-img:url('/campaign-preview/media/bg/nature.webp');--art-dark:#7da5a2;--art-light:#d9e7e0}
.art--studio{--art-img:url('/campaign-preview/media/bg/studio.webp');--art-dark:#d0a650;--art-light:#f7e4a6}
.art__device{position:absolute;top:27%;left:10%;width:80%;transition:opacity .16s,transform .9s cubic-bezier(.2,.7,.2,1),filter .5s}
.art__device .laptop__lid{box-shadow:0 14px 30px #21140d80}
.art--moms .art__device{top:14%;width:71%;left:14.5%}
.phone-screens{width:100%;height:auto}
.project__info{position:absolute;inset:0;z-index:3;direction:rtl;display:grid;align-content:center;gap:clamp(12px,1.4vw,24px);padding:clamp(18px,2.6vw,46px);background:linear-gradient(160deg,#0b0e12e6,#1a120cd9);opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1),visibility .4s}
.project__info dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.2vw,22px) clamp(14px,1.8vw,32px)}
.project__info dt{color:var(--brand);font-weight:700;font-size:clamp(13px,.9vw,16px);margin-bottom:3px}
.project__info dd{color:#f4ece2;font-size:clamp(13px,.95vw,17px);line-height:1.4}
.project__info .button{justify-self:start;min-height:42px}
.project__info dl>div{opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}
@media (hover:hover){
  .project__art:is(:hover,:focus-within) .project__info{opacity:1;visibility:visible;transform:none}
  .project__art:is(:hover,:focus-within) .project__info dl>div{opacity:1;transform:none}
  .project__art:is(:hover,:focus-within) .project__info dl>div:nth-child(2){transition-delay:.06s}
  .project__art:is(:hover,:focus-within) .project__info dl>div:nth-child(3){transition-delay:.12s}
  .project__art:is(:hover,:focus-within) .project__info dl>div:nth-child(4){transition-delay:.18s}
  .project__art:is(:hover,:focus-within) .art__back{transform:scale(1.06);filter:brightness(.6)}
  .project__art:is(:hover,:focus-within) .art__device{transform:scale(.96);filter:brightness(.5) blur(1px)}
}
@media (hover:none){.project__info{display:none}}
.project__caption{display:flex;align-items:start;justify-content:space-between;gap:12px;padding-block-start:clamp(10px,1vw,18px);min-height:100px;transition:opacity .25s}
.project__caption h3{font-size:clamp(23px,2.2vw,42px);font-weight:700}
.project__caption p{font-size:clamp(15px,1.15vw,22px);color:#beb5ac;margin-block-start:7px}
.project__caption small{font-size:clamp(13px,.85vw,16px);color:var(--accent)}
.project__link{display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--accent);font-size:16px;min-height:44px}
.project__link span,.project__caption p{transition:opacity .18s}
@media (min-width:821px) and (hover:hover) and (pointer:fine){.project__link span,.project__caption p{opacity:0}.project:is(:hover,:focus-within) .project__link span,.project:is(:hover,:focus-within) .project__caption p{opacity:1}}
.project.is-unlanded .art__device{opacity:0}
.project.is-unlanded .art__back,.project.is-unlanded .project__caption{opacity:.03}
.projects__end{border-top:1px solid #393132;margin-block-start:clamp(64px,8vw,152px);padding-block-start:32px;text-align:center}
.flight-layer{position:fixed;inset:0;z-index:4;pointer-events:none}
.flight-laptop{position:absolute;left:0;top:0;transform-origin:top left;will-change:transform;filter:drop-shadow(0 24px 30px #0009)}
.flight-laptop .laptop{position:relative}

/* ── הכאב: פתקים אמיתיים ── */
.pain-story{position:relative;isolation:isolate;overflow:hidden;padding-block-start:clamp(42px,6.1vw,118px)}
.pain-decor{position:absolute;inset:0;z-index:-1;pointer-events:none}
.pain-decor img{position:absolute;max-width:none}
.pain-decor img:nth-child(1){right:-19%;top:-9%;width:62%;opacity:.75}
.pain-decor img:nth-child(2),.pain-decor img:nth-child(3){left:-31%;top:33%;width:131%;opacity:.65}
.pain-decor img:nth-child(3){top:24%}
.pain-decor img:nth-child(4){left:-28%;top:40%;width:64%;opacity:.66}
.pain,.system{max-width:1560px}
.pain__heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.pain__tag{flex:none;font-size:clamp(15px,1.25vw,25px);color:var(--accent);background:#211817;border:1px solid #63422e;border-radius:18px;padding:.63em 1.8em}
.pain__hint{margin-top:18px;color:#a99d92;font-size:clamp(14px,.95vw,17px)}
.pain__board{position:relative;margin-block:clamp(20px,3vw,60px) 0;min-height:clamp(470px,40vw,700px);direction:ltr}
.pain__board>ul{position:absolute;inset:0}
.scrap{position:absolute;direction:rtl;z-index:2;width:var(--w,24%);transform:rotate(var(--angle));font-size:clamp(13px,.98vw,17px);line-height:1.35;color:#111;border-radius:14px;box-shadow:0 18px 34px #0008,0 2px 0 #0003;user-select:none;touch-action:pan-y;transition:box-shadow .3s;will-change:transform}
@media (hover:hover) and (pointer:fine){.scrap{cursor:grab;touch-action:none}.scrap:hover{box-shadow:0 26px 44px #000a,0 0 0 1px #ffaa5066}}
.scrap.is-dragging{cursor:grabbing;z-index:20;box-shadow:0 34px 60px #000c,0 0 0 2px #ffaa50}
.scrap--wa{left:1%;top:4%;--angle:-5deg;--w:25%}
.scrap--xl{left:28%;top:22%;--angle:3deg;--w:27%}
.scrap--note{left:58%;top:2%;--angle:-4deg;--w:20%}
.scrap--team{left:79%;top:30%;--angle:5deg;--w:21%}
.scrap--mail{left:5%;top:58%;--angle:3deg;--w:26%}
.scrap--cal{left:55%;top:58%;--angle:-5deg;--w:19%}
/* WhatsApp */
.wa{border-radius:14px;overflow:hidden;background:#0b141a;color:#e9edef}
.wa__bar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#202c33}
.wa__bar b{display:block;font-size:1.02em}
.wa__bar small{color:#8696a0;font-size:.82em}
.wa__avatar{width:30px;height:30px;border-radius:50%;flex:none;background:linear-gradient(135deg,#d58b6a,#8d4f3d)}
.wa__avatar--group{background:linear-gradient(135deg,#6a7fd5,#3d4f8d)}
.wa__badge{margin-inline-start:auto;min-width:20px;height:20px;border-radius:10px;background:#25d366;color:#0b141a;font-weight:700;font-size:.8em;display:grid;place-items:center}
.wa__chat{display:grid;gap:5px;padding:9px 10px 11px;background:#0b141a radial-gradient(#ffffff08 1px,transparent 1px) 0 0/12px 12px}
.wa__msg{justify-self:start;max-width:92%;background:#202c33;border-radius:2px 9px 9px 9px;padding:5px 8px}
.wa__msg time{display:inline-block;margin-inline-start:6px;color:#8696a0;font-size:.74em}
.wa__msg i{display:block;font-style:normal;font-size:.8em;color:#53bdeb;font-weight:700}
.wa__msg--in:nth-child(2) i{color:#f5a623}
.wa__msg--out{justify-self:end;background:#005c4b;border-radius:9px 2px 9px 9px}
/* Excel */
.xl{border-radius:10px;overflow:hidden;background:#fff}
.xl__bar{display:flex;align-items:center;gap:7px;padding:6px 9px;background:#217346;color:#fff;font-size:.9em;direction:ltr;justify-content:flex-end}
.xl__logo{width:18px;height:18px;border-radius:3px;background:#fff;color:#217346;font:700 12px/18px Arial;text-align:center}
.xl table{width:100%;border-collapse:collapse;font-size:.92em}
.xl th,.xl td{border:1px solid #d4d4d4;padding:3px 6px;text-align:right;white-space:nowrap}
.xl thead th,.xl tbody th{background:#f3f3f3;color:#666;font-weight:400;text-align:center;font-size:.85em}
.xl tbody tr:first-child td{font-weight:700;background:#e2efda}
.xl__bad{background:#fde2e1;color:#b42318;font-weight:700}
/* iPhone Notes */
.inote{border-radius:14px;background:#fffdf7;padding:9px 12px 12px}
.inote__bar{color:#d9a400;font-weight:600;font-size:.95em;margin-bottom:4px}
.inote b{display:block;font-size:1.25em;margin-bottom:6px}
.inote ul{display:grid;gap:4px}
.inote li{position:relative;padding-inline-start:20px}
.inote li::before{content:'';position:absolute;inset-inline-start:0;top:.2em;width:13px;height:13px;border:1.5px solid #c7c7cc;border-radius:50%}
.inote li.is-done{color:#8e8e93;text-decoration:line-through}
.inote li.is-done::before{background:#e0a800;border-color:#e0a800}
/* Mail */
.mail{border-radius:12px;overflow:hidden;background:#fff}
.mail__bar{display:flex;justify-content:space-between;padding:7px 11px;background:#f2f6fc;font-weight:700;color:#1f1f1f}
.mail__bar span{color:#c5221f;font-weight:700}
.mail__row{display:grid;padding:7px 11px;border-top:1px solid #e8eaed;color:#5f6368}
.mail__row b{color:#3c4043;font-weight:500}
.mail__row.is-unread{border-inline-start:3px solid #c5221f}
.mail__row.is-unread b{color:#1f1f1f;font-weight:800}
.mail__row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9em}
/* Calendar */
.cal{border-radius:14px;overflow:hidden;background:#fff;padding-bottom:6px}
.cal__bar{display:flex;align-items:baseline;gap:7px;padding:8px 11px;color:#1c1c1e}
.cal__bar span{color:#ff3b30;font-weight:800;font-size:1.4em}
.cal__event{margin:0 9px;padding:6px 9px;border-inline-start:3px solid #ff9500;background:#fff1e0;border-radius:5px;display:grid}
.cal__event span{color:#8e8e93;font-size:.88em}
.cal__event i{justify-self:start;margin-top:3px;font-style:normal;font-size:.78em;color:#fff;background:#ff3b30;border-radius:10px;padding:0 7px}
.cal__slot{margin:6px 11px 0;padding-top:4px;border-top:1px solid #e5e5ea;color:#8e8e93;font-size:.85em}
.pain__rail{position:absolute;bottom:2%;left:13%;width:74%;height:30%;border-bottom:1px solid #704d39;display:flex;justify-content:center;align-items:end;z-index:0;background:linear-gradient(#573d31,#573d31) 0 0/1px 100% no-repeat,linear-gradient(#573d31,#573d31) 33% 0/1px 100% no-repeat,linear-gradient(#573d31,#573d31) 69% 0/1px 100% no-repeat,linear-gradient(#573d31,#573d31) 100% 0/1px 100% no-repeat}
.pain__rail img{width:14px;transform:translateY(50%)}
.pain__actions{display:flex;justify-content:center;margin-top:clamp(18px,2vw,34px)}
.is-unified .pain__rail{opacity:.25}

/* ── המערכת ── */
.system{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);align-items:center;gap:clamp(24px,4vw,80px);padding-block:clamp(60px,7vw,140px) clamp(40px,5vw,95px);position:relative}
.system::before{content:'';position:absolute;top:0;left:50%;width:1px;height:clamp(30px,5vw,85px);background:#805337}
.system__steps{margin-block-start:clamp(22px,3.4vw,66px);color:var(--accent);font-weight:600;font-size:clamp(15px,1.24vw,23px)}
.app{min-width:0;border:1px solid #5b4436;border-radius:clamp(14px,1.3vw,22px);background:#121318;box-shadow:0 40px 80px #000a,0 0 0 1px #ffaa5014,0 0 120px #ff8a2a1f;overflow:hidden;transform-origin:50% 0;font-size:clamp(12.5px,.88vw,16px)}
.app__chrome{display:flex;align-items:center;gap:6px;padding:9px 14px;background:#1b1a20;border-bottom:1px solid #2c2629;direction:ltr}
.app__chrome i{width:10px;height:10px;border-radius:50%;background:#ff5f57}
.app__chrome i:nth-child(2){background:#febc2e}.app__chrome i:nth-child(3){background:#28c840}
.app__chrome span{margin-inline:auto;color:#8f8580;font-size:.85em;background:#121318;border-radius:6px;padding:2px 14px}
.app__body{display:grid;grid-template-columns:clamp(150px,13vw,215px) minmax(0,1fr);min-height:clamp(380px,30vw,520px)}
.app__side{display:flex;flex-direction:column;gap:14px;padding:16px 12px;background:linear-gradient(#18161c,#141217);border-inline-end:1px solid #2c2629}
.app__client{display:flex;align-items:center;gap:9px;padding:4px 6px 12px;border-bottom:1px solid #2c2629}
.app__logo{width:34px;height:34px;color:var(--brand);flex:none}
.app__client b{display:block;letter-spacing:.18em;font-size:1.05em}
.app__client small{color:#9a8f88;font-size:.78em}
.app__tabs{display:grid;gap:3px}
.app__tabs button{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:0;border-radius:9px;background:none;color:#c9bfb7;text-align:start;position:relative;transition:background-color .2s,color .2s}
.app__tabs svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;flex:none}
.app__tabs button:hover{background:#ffffff0d;color:#fff}
.app__tabs button[aria-selected=true]{background:#ffaa501f;color:var(--brand)}
.app__tabs button[aria-selected=true]::before{content:'';position:absolute;inset-inline-start:-12px;top:20%;bottom:20%;width:3px;border-radius:3px;background:var(--brand)}
.app__demo{margin-top:auto;color:#7f756f;font-size:.78em;padding-inline:8px}
.app__main{min-width:0;padding:clamp(14px,1.5vw,26px)}
.app__panel{display:grid;gap:12px;align-content:start;outline-offset:-2px}
.app__head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.app__head h3{font-size:1.5em}
.app__live{color:var(--brand);font-size:.85em;border:1px solid #ffaa5055;border-radius:99px;padding:1px 10px}
.app h4{font-size:.95em;color:#bdb3ab;font-weight:600}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.metrics div{padding:.7em .8em;background:#1d1c22;border:1px solid #2a2529;border-radius:10px;line-height:1.25}
.metrics dt{color:#a99f98;font-size:.85em}
.metrics dd{font-weight:700;font-size:1.9em;color:var(--brand);margin-top:3px}
.inbox{display:grid;gap:6px}
.inbox li{display:grid;grid-template-columns:auto minmax(0,1.3fr) minmax(0,1fr) auto;align-items:center;gap:10px;padding:.55em .7em;background:#1b1a20;border:1px solid #29242a;border-radius:9px;transition:background-color .6s}
.inbox li span:not(.src){color:#a99f98;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inbox li b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inbox em{font-size:.8em;color:#1b120b;background:var(--accent);border-radius:99px;padding:0 8px}
.src{font-size:.75em;font-weight:700;border-radius:6px;padding:1px 7px;color:#fff}
.src--wa{background:#1fa855}.src--xl{background:#217346}.src--note{background:#c99700}.src--team{background:#5b6ee1}.src--mail{background:#d93025}.src--cal{background:#ff7a3d}
.inbox li.is-pending{opacity:0}
.inbox li.is-new{background:#ffaa5033}
.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.kanban>div{background:#1a191f;border-radius:10px;padding:8px;display:grid;gap:6px;align-content:start;min-height:180px}
.kanban h4 i{font-style:normal;color:var(--brand);margin-inline-start:4px}
.kanban p{background:#24222a;border:1px solid #302a2f;border-radius:8px;padding:6px 8px;line-height:1.3}
.kanban small{display:block;color:#9a8f88;font-size:.8em}
.kanban .is-won{border-color:#3d8b57}
.checks{display:grid;gap:6px}
.checks li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:.6em .8em;background:#1b1a20;border:1px solid #29242a;border-radius:9px}
.checks label{display:flex;align-items:center;gap:9px;cursor:pointer}
.checks input{accent-color:var(--brand);width:17px;height:17px}
.checks input:checked+*,.checks label:has(input:checked){color:#8f8580;text-decoration:line-through}
.checks small{color:#9a8f88}
.week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.week>div{background:#1a191f;border-radius:10px;padding:8px;min-height:170px;display:grid;align-content:start;gap:6px}
.week b{color:#bdb3ab}
.week .is-today{outline:1px solid var(--brand)}
.week p{background:#ffaa5024;border-inline-start:3px solid var(--brand);border-radius:6px;padding:4px 6px;line-height:1.3}
.week small{display:block;color:#bfae9f;font-size:.8em}
.quotes{width:100%;border-collapse:collapse}
.quotes th,.quotes td{text-align:start;padding:.6em .7em;border-bottom:1px solid #2a2529}
.quotes th{color:#a99f98;font-weight:500}
.quotes em{font-size:.85em;border:1px solid #ffaa5066;border-radius:99px;padding:0 8px}
.quotes em.ok{border-color:#3d8b57;color:#7fd39a}
.team{display:grid;gap:12px}
.team li{display:grid;grid-template-columns:90px 1fr 90px;align-items:center;gap:10px}
.team span{height:8px;border-radius:9px;background:#26232a;position:relative;overflow:hidden}
.team span::after{content:'';position:absolute;inset:0 auto 0 0;width:var(--load);background:linear-gradient(90deg,#ff8a2a,var(--brand));border-radius:inherit}
.team small{color:#9a8f88}
.task{display:flex;justify-content:center;align-items:center;gap:clamp(26px,4vw,76px);padding-block:clamp(20px,3vw,60px) clamp(75px,7vw,135px);position:relative}
.task h3{font-size:clamp(24px,2.1vw,40px)}
.task p{margin-top:.55em;color:var(--muted)}
.task__envelope{position:relative;width:min(36%,349px);aspect-ratio:349/248;isolation:isolate;overflow:hidden}
.task__envelope .envelope-back{top:9.68%;width:100%}
.task__envelope .envelope-front{top:43.95%;width:100%;z-index:2}
.task__note{position:absolute;top:19.4%;left:11.5%;width:77%;height:48%;padding:4% 7%;border:1px solid #684734;border-radius:12px;background:#262026;font-size:clamp(14px,1.2vw,23px)}
.task__note span{display:block;color:var(--accent);font-size:.78em}
.task__rail{position:absolute;bottom:0;left:50%;height:clamp(28px,4vw,76px);width:1px;background:#805337}
.task__rail img{width:10px;max-width:none;position:absolute;top:0;left:-4.5px}

/* ── נעים להכיר + מכונת כתיבה ── */
.about{background:linear-gradient(180deg,#0b0e12,#131218)}
.about__grid{display:grid;grid-template-columns:.9fr 1fr;align-items:center;gap:clamp(28px,6vw,112px);padding-block:clamp(50px,4.6vw,88px)}
.about__copy{border-inline-end:1px solid #422f2a;padding-inline-end:clamp(18px,3vw,58px)}
.about__copy h3{margin-block:clamp(18px,2vw,38px) .7em;font-size:clamp(20px,1.58vw,30px)}
.about__copy p{color:var(--muted);margin-block:0 1.15em}
.tw{position:relative}
.tw__ghost{visibility:hidden}
.tw__live{position:absolute;inset:0}
.tw__caret{display:inline-block;width:2px;height:1.05em;margin-inline-start:2px;vertical-align:-.15em;background:var(--brand);animation:blink .8s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.about__portrait{position:relative;isolation:isolate;min-width:0}
.about__portrait img:not(.portrait-halo){width:76%;margin-inline:auto;mask-image:linear-gradient(#000 79%,transparent 100%)}
.portrait-halo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1}

/* ── המלצות ── */
.proof{position:relative;isolation:isolate;text-align:center;padding-block:clamp(49px,5vw,96px) clamp(40px,4.5vw,86px);border-top:1px solid #41332f}
.proof h2{font-size:clamp(36px,3.8vw,72px)}
.proof__glow{position:absolute;z-index:-1;top:1%;left:50%;transform:translateX(-50%);width:min(110%,930px);height:100%;object-fit:contain;opacity:.62;pointer-events:none}
.review{width:min(100%,740px);margin:clamp(20px,2.3vw,44px) auto 0;touch-action:pan-y}
.review__envelope{position:relative;aspect-ratio:740/414;isolation:isolate;overflow:hidden;text-align:right}
.review__envelope .envelope-back{top:23%;width:100%}
.review__envelope .envelope-front{bottom:0;width:100%;z-index:3}
.review-stack,.review__letters{position:absolute;top:10%;left:10.2%;width:79.5%;height:80%;border-radius:clamp(8px,1vw,17px)}
.review-stack{background:#dfae85;transform:rotate(-5deg)}
.review__letters{z-index:2}
.review-letter{position:absolute;inset:0;padding:10% 9% 6%;border-radius:inherit;color:#30241f;background:#f7f0e6;box-shadow:0 14px 20px #0004}
.review-letter p{font-size:clamp(16px,1.48vw,29px);font-weight:700;margin:7% 0 4%}
.review-letter small{display:block;font-size:clamp(13px,1vw,20px);color:#735e51}
.review-mark{position:absolute;left:6%;top:6%;font:bold clamp(34px,5vw,86px)/1 Arial,sans-serif;color:#b66d43}
.review__controls{display:flex;justify-content:center;align-items:center;gap:13px;margin:18px auto 9px}
.review__controls>button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #70513d;border-radius:50%;background:#1d1a20;color:var(--accent);transition:background-color .3s,border-color .3s}
.review__controls>button:hover{background:var(--brand);border-color:var(--brand)}
.review__controls>button:hover img{filter:brightness(0)}
.review__controls button img{width:21px}
.review__dots{display:flex;gap:1px}
.review__dots button{width:29px;height:29px;border:0;background:none;display:grid;place-items:center}
.review__dots button::after{content:'';width:8px;height:8px;border-radius:50%;background:#95745a}
.review__dots button[aria-current=true]::after{background:#ffac58}
.proof>.subtle-link{font-size:16px}

/* ── צ׳אט מצטבר ── */
.faq{text-align:center;padding-block:clamp(30px,3.5vw,66px) clamp(50px,4.5vw,85px)}
.chat{margin-top:clamp(20px,3.2vw,61px);background:#18161d;border:1px solid #6d4936;border-radius:clamp(13px,1.6vw,30px);overflow:hidden;text-align:right}
.chat__head{display:flex;align-items:center;gap:12px;padding:clamp(12px,1.2vw,23px) clamp(16px,2.1vw,40px);border-bottom:1px solid #43333a;line-height:1.22}
.chat__head img{width:clamp(39px,3.1vw,59px);border-radius:50%;border:1px solid #a96d47}
.chat__head b,.chat__head small{display:block}
.chat__head small{font-size:clamp(12px,.85vw,16px);color:var(--muted)}
.chat__messages{display:grid;gap:22px;max-height:min(62vh,620px);overflow-y:auto;overscroll-behavior:contain;padding:clamp(16px,1.8vw,35px) clamp(14px,3vw,58px);scrollbar-width:thin;scrollbar-color:#6d4936 transparent}
.conversation{display:grid;gap:14px}
.chat__question{justify-self:start;background:#f1dec8;color:#2c2121;font-weight:700;padding:.55em .9em;border-radius:19px 19px 5px 19px;font-size:clamp(16px,1.4vw,26px);max-width:min(92%,755px)}
.chat__answer{justify-self:end;width:min(85%,1040px);max-width:100%}
.chat__answer small{font-size:15px;color:#ffac58;margin-inline-start:8px}
.chat__answer p{margin-top:4px;border:1px solid #55403b;border-radius:19px 19px 19px 5px;background:#262027;padding:.75em 1em;font-size:clamp(15px,1.25vw,24px)}
.typing{justify-self:end;display:flex;align-items:center;gap:6px;border:1px solid #55403b;border-radius:19px 19px 19px 5px;background:#262027;padding:.85em 1.1em}
.typing i{width:8px;height:8px;border-radius:50%;background:#ffac58;animation:typing 1s ease-in-out infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes typing{0%,80%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-5px);opacity:1}}
.is-entering{animation:pop .45s cubic-bezier(.2,.8,.2,1.2)}
@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.chat__choices{padding:clamp(11px,1.2vw,23px) clamp(14px,3vw,58px);border-top:1px solid #43333a}
.chat__choices p{font-size:17px;color:#ffac58;margin-bottom:9px}
.chat__choices>div{display:flex;flex-wrap:wrap;gap:8px 12px}
.chat__choices button{position:relative;overflow:hidden;isolation:isolate;background:#1d1920;color:var(--ink);border:1px solid #765542;border-radius:99px;padding:.36em .9em;min-height:44px;font-size:clamp(14px,1vw,19px);transition:color .35s}
.chat__choices button::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--brand);transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.7,0,.2,1)}
.chat__choices button:hover{color:#1b120b}
.chat__choices button:hover::before{transform:scaleX(1)}
.chat__choices button:disabled{opacity:.5;cursor:wait}
.chat__done{font-size:16px;color:var(--muted)}

/* ── טופס במעטפה ── */
.contact{display:grid;grid-template-columns:.61fr 1fr;align-items:center;gap:clamp(24px,4vw,76px);padding-block:clamp(50px,6vw,115px);border-top:1px solid #40322e}
.contact__copy .subtle-link{margin-block-start:clamp(20px,3vw,57px);font-size:clamp(16px,1.18vw,22px)}
.contact__envelope{position:relative;isolation:isolate;clip-path:inset(-60% -20% 0 -20%);padding:clamp(20px,3vw,50px) 6.4% clamp(37px,3.15vw,60px);min-width:0;perspective:1600px}
.contact__envelope .envelope-back,.contact__envelope .envelope-front{width:100%;inset-inline:0;bottom:0}
.contact__envelope .envelope-front{z-index:3}
.flap--contact{inset-inline:0;bottom:0;aspect-ratio:972/430;z-index:1}
.flap--contact>span{top:34.2%;height:56%}
.seal{position:absolute;left:50%;bottom:6%;z-index:7;width:clamp(40px,4.5vw,70px);aspect-ratio:1;margin-left:calc(clamp(40px,4.5vw,70px) / -2);display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffbe78,#d76a1c 70%);border:2px solid #ffd7a8;color:#2a1305;font-style:normal;font-weight:800;box-shadow:0 6px 16px #0008;transform:scale(0)}
.is-sealed .seal{transform:scale(1);transition:transform .45s cubic-bezier(.2,1.5,.4,1) .35s}
.contact-form{position:relative;z-index:2;border:1px solid #c6a384;border-radius:clamp(13px,1.3vw,24px);padding:clamp(20px,2.75vw,52px) clamp(15px,2.7vw,52px) clamp(63px,6vw,115px);background:var(--paper);color:var(--dark);box-shadow:0 24px 40px #0007;min-width:0;will-change:transform}
.contact-form h3{font-size:clamp(23px,1.85vw,35px);margin-bottom:.65em}
.contact-form__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px clamp(10px,1.35vw,25px)}
.contact-form__fields label{display:grid;gap:4px;font-size:clamp(14px,.95vw,18px);font-weight:600}
.field-full{grid-column:1/-1}
.contact-form input,.contact-form textarea{width:100%;min-width:0;min-height:43px;border:1px solid #b19a88;border-radius:9px;background:#fbf5ec;color:#302521;padding:.45em .55em;line-height:1.3;transition:border-color .2s,box-shadow .2s}
.contact-form input:focus,.contact-form textarea:focus{border-color:#d9822b;box-shadow:0 0 0 3px #ffaa5040;outline:0}
.contact-form textarea{resize:vertical}
.contact-form .honeypot{position:absolute;inset:auto auto auto 0;clip-path:inset(50%);width:1px;min-height:0;height:1px;padding:0}
.contact-form__note,.contact-form__status{font-size:clamp(13px,.87vw,16px);margin-block:10px;color:#654e43}
.contact-form__note a{text-decoration:underline}
.contact-form__status:empty{display:none}
.contact-form__status.is-error{color:#8a2821;font-weight:600}
.button--submit{border:0;background:var(--brand);color:#1b120b;border-radius:50px;font-weight:700;padding:.6em 1.6em}
.button--submit::before{background:#ff8f2a}
.button--submit:is(:hover,:focus-visible){color:#1b120b}
.button--submit:disabled{cursor:wait;opacity:.7}
.contact__confirmation{position:absolute;z-index:8;top:4%;inset-inline:5%;text-align:center}
.contact__confirmation h3{font-size:clamp(24px,2.5vw,50px)}
.contact__confirmation p{color:var(--muted)}
.contact__confirmation .button{margin-block-start:14px}

/* ── פוטר ── */
.footer{text-align:center;border-top:1px solid #40322e;background:#0b0d11;padding:clamp(30px,3.2vw,62px) 0 30px}
.footer .brand{margin-inline:auto;width:clamp(120px,10vw,170px)}
.footer__tag{color:var(--muted);font-size:clamp(15px,1.12vw,22px);margin-top:10px}
.footer__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1340px;margin:24px auto 0;padding:26px clamp(0px,5vw,95px);border-block:1px solid #382e2d;text-align:right}
.footer__grid nav{display:grid;justify-items:start;align-content:start;gap:9px;font-size:clamp(15px,1.05vw,20px);overflow-wrap:anywhere}
.footer__grid h3{color:var(--accent);font-size:1em;margin-bottom:5px}
.footer__end{max-width:1140px;margin:20px auto 0;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:15px}

/* ── עמודי פרויקט ── */
.case__main{max-width:1220px;padding-block:clamp(38px,5vw,96px)}
.case__kind{color:var(--accent);margin-block-start:30px}
.case h1{font-size:clamp(44px,5.5vw,105px);margin:.1em 0}
.case__lead{color:var(--muted);margin-bottom:18px}
.case__main .project__art{max-width:900px;margin:clamp(25px,4vw,70px) auto}
.case__story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(15px,2vw,40px)}
.case__story section{border:1px solid #483630;background:#17161b;border-radius:15px;padding:clamp(18px,2.2vw,42px)}
.case__story h2{font-size:clamp(27px,2.6vw,47px);color:var(--accent);margin-bottom:10px}
.case__story p{color:var(--muted)}

/* ── מסך טעינה (רק בכניסה לאתר): לוגו, מספר ענק, בר התקדמות וזוהר כתום ── */
.loader{position:fixed;inset:0;z-index:60;display:none;place-content:center;justify-items:center;gap:clamp(14px,2vw,26px);background:#0b0e12;pointer-events:none;transition:opacity .5s;overflow:hidden;isolation:isolate}
.loader::before{content:'';position:absolute;left:50%;top:50%;width:min(80vmin,760px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,#ff8a2a 0,#ff8a2a80 30%,transparent 68%);filter:blur(70px);opacity:.55;z-index:-1;animation:glow 2.6s ease-in-out infinite alternate}
@keyframes glow{to{opacity:.85;scale:1.12}}
.is-loading .loader,.loader.is-done{display:grid}
.loader img{width:clamp(130px,12vw,190px)}
.loader__num{font:700 clamp(120px,20vw,340px)/.9 Pompei,Discovery,sans-serif;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;direction:ltr;text-shadow:0 0 60px #ff8a2a55}
.loader__num::after{content:'%';font-size:.3em;color:var(--brand);margin-inline-start:.08em;vertical-align:.9em}
.loader__bar{width:min(70vw,520px);height:4px;border-radius:9px;background:#ffffff1a;overflow:hidden}
.loader__line{display:block;height:100%;background:linear-gradient(90deg,#ff8a2a,var(--brand),#ffd3a6);border-radius:inherit;transform-origin:right center;transform:scaleX(.02);box-shadow:0 0 18px #ffaa50}
.loader.is-done{opacity:0}
.is-loading body{overflow:hidden}
.flight-laptop.is-lifted{filter:drop-shadow(0 30px 36px #000b) drop-shadow(0 0 28px #ff8a2a55)}

/* ── המערכת ננעלת וממלאת את המסך ── */
.system.is-pinned{display:block;height:calc(100vh - var(--header));min-height:560px;padding:0;margin-block:clamp(30px,4vw,70px) 0}
.system.is-pinned::before{display:none}
.system.is-pinned .system__copy{position:absolute;inset:4% 0 auto;z-index:2;text-align:center;max-width:820px;margin-inline:auto}
.system.is-pinned .app{position:absolute;inset:18px 0;display:flex;flex-direction:column;transform-origin:50% 50%}
.system.is-pinned .app__body{flex:1;min-height:0}
.system.is-pinned .app__main{overflow:auto}
.app{position:relative}
.app__tip{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#0b0e1270;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.app__tip-card{max-width:440px;padding:clamp(20px,2vw,30px);border:1px solid #ffaa5080;border-radius:20px;background:#1b1a20e6;box-shadow:0 30px 60px #000a;display:grid;gap:12px;text-align:right}
.app__tip-card b{font:700 clamp(20px,1.6vw,28px)/1.2 Pompei,Discovery,sans-serif;color:var(--ink)}
.app__tip-card p{color:var(--muted);font-size:clamp(14px,1vw,17px)}
.app__tip-card div{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}

/* ── תוכן שעולה בגלילה ── */
[data-reveal]{transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
[data-reveal].is-hidden{opacity:0;transform:translateY(28px)}

/* ── עמוד פרויקט ── */
.case__main{width:min(calc(100% - 2 * var(--gutter)),1640px);max-width:none;padding-block:clamp(30px,4vw,80px)}
.case__head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-top:22px}
.case__head h1 em{color:var(--accent)}
.showcase{position:relative;margin:clamp(26px,3.5vw,60px) 0;aspect-ratio:16/8;border-radius:clamp(16px,1.6vw,30px);overflow:hidden;isolation:isolate;direction:ltr;box-shadow:0 40px 80px #0009}
.showcase__bg,.frame::before{position:absolute;inset:0;z-index:-1;background:var(--art-img) center/cover,linear-gradient(var(--art-dark),var(--art-light))}
.showcase__bg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 120%,#0b0e1299,transparent 60%)}
.showcase__main{position:absolute;left:22%;top:13%;width:56%;z-index:2}
.showcase__back{position:absolute;left:3%;top:9%;width:36%;z-index:1;transform:rotate(-7deg);filter:brightness(.75)}
.showcase__phone{position:absolute;right:7%;top:20%;width:15%;z-index:3;transform:rotate(5deg)}
.showcase .laptop__lid{box-shadow:0 30px 60px #0009}
.phone{aspect-ratio:390/844;border-radius:clamp(14px,1.8vw,34px);border:clamp(4px,.5vw,9px) solid #121114;box-shadow:0 26px 50px #000a,inset 0 0 0 1px #ffffff22;overflow:hidden;background:#000}
.phone img{width:100%;height:100%;object-fit:cover;object-position:top}
.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.5vw,26px);margin:0}
.story-grid>div{border:1px solid #483630;background:#17161b;border-radius:16px;padding:clamp(16px,1.6vw,28px)}
.story-grid dt{font:700 clamp(22px,1.7vw,32px)/1.1 Pompei,Discovery,sans-serif;color:var(--accent);margin-bottom:8px}
.story-grid dd{color:var(--muted);font-size:clamp(15px,1vw,19px)}
.case__gallery{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,32px);margin-top:clamp(26px,3.5vw,60px)}
.frame{position:relative;aspect-ratio:4/3;margin:0;border-radius:clamp(16px,1.4vw,26px);overflow:hidden;isolation:isolate;display:grid;place-items:center;padding:7%;direction:ltr}
.frame::before{content:'';filter:saturate(.9) brightness(.85)}
.frame>.laptop{width:100%}
.frame .phone{position:absolute;right:9%;bottom:8%;width:22%;z-index:2;transform:rotate(4deg)}
.frame .laptop--small{width:80%;margin-left:-14%}
.frame--plain img,.frame.art--moms>img{width:100%;border-radius:12px}
.case__next{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid #3a2f2d;margin-top:clamp(40px,5vw,90px);padding-top:28px}
.case__nextlink{display:grid}
.case__nextlink small{color:var(--muted)}
.case__nextlink b{font:700 clamp(28px,3vw,52px)/1.1 Pompei,Discovery,sans-serif}
/* כל הפרויקטים */
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,34px);margin-top:clamp(26px,3.5vw,60px)}
.pcard{display:flex;flex-direction:column;border:1px solid #3d302b;border-radius:22px;overflow:hidden;background:#141318;transition:border-color .3s,transform .5s cubic-bezier(.2,.7,.2,1)}
.pcard:hover{border-color:#ffaa5088;transform:translateY(-4px)}
.pcard__art{position:relative;aspect-ratio:16/10;isolation:isolate;overflow:hidden;direction:ltr}
.pcard__device{position:absolute;left:12%;right:12%;top:15%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.pcard:hover .pcard__device{transform:translateY(-4%) scale(1.03)}
.pcard__body{display:flex;flex-direction:column;gap:12px;padding:clamp(16px,1.5vw,26px);flex:1}
.pcard h2{font-size:clamp(24px,1.8vw,34px)}
.pcard .case__kind{margin:0;font-size:15px}
.pcard .story-grid{grid-template-columns:1fr 1fr;gap:8px}
.pcard .story-grid>div{padding:10px 12px;border-radius:12px}
.pcard .story-grid dt{font-size:17px;margin-bottom:3px}
.pcard .story-grid dd{font-size:14px;line-height:1.45}
.pcard__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:6px}
.pcard__links .button{min-height:42px;font-size:15px}
/* אודות */
.ab-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(24px,5vw,100px);padding-block:clamp(30px,4vw,70px)}
.ab-hero h1{font-size:clamp(44px,5.6vw,108px);margin:.15em 0 .3em}
.ab-hero__copy>p:not(.case__kind){color:var(--muted);margin-bottom:1em;max-width:60ch}
.ab-hero__copy .case__lead{color:var(--ink)}
.ab-hero__portrait{position:relative;isolation:isolate;margin:0}
.ab-hero__portrait img:not(.portrait-halo){width:80%;margin-inline:auto;mask-image:linear-gradient(#000 80%,transparent)}
.ab-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,40px);border-block:1px solid #3a2f2d;padding-block:clamp(30px,4vw,70px)}
.stat{display:grid;gap:8px;text-align:center}
.stat b{font:700 clamp(60px,8vw,150px)/1 Pompei,Discovery,sans-serif;color:var(--accent);text-shadow:0 0 40px #ff8a2a55}
.stat>span{color:var(--muted);font-size:clamp(15px,1.1vw,20px)}
.ab-steps,.ab-services{padding-block:clamp(40px,5vw,90px) 0}
.ab-steps ol{list-style:none;padding:0;margin:clamp(20px,3vw,50px) 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,28px)}
.ab-steps li{border:1px solid #483630;background:#17161b;border-radius:18px;padding:clamp(18px,1.8vw,32px);display:grid;gap:8px;align-content:start}
.ab-steps li span{font:700 clamp(30px,3vw,56px)/1 Pompei,Discovery,sans-serif;color:var(--brand)}
.ab-steps h3{font-size:clamp(20px,1.5vw,28px)}
.ab-steps p{color:var(--muted)}
.ab-services ul{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(20px,3vw,46px)}
.ab-services li{border:1px solid #765542;border-radius:99px;padding:.5em 1.2em;font-size:clamp(16px,1.25vw,24px);background:#17141a}
.ab-cta{display:flex;flex-wrap:wrap;gap:14px;margin:clamp(30px,4vw,60px) 0 clamp(40px,5vw,90px)}

/* ── רספונסיבי ── */
@media(max-width:1100px){
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .story-grid{grid-template-columns:1fr 1fr}
  .ab-steps ol{grid-template-columns:1fr 1fr}
  .system{grid-template-columns:1fr}
  .system::before{display:none}
  .scrap{font-size:12px}
}
@media(max-width:820px){
  :root{--gutter:clamp(16px,5vw,38px);--header:58px}
  .top__row{grid-template-columns:1fr auto auto;gap:10px}
  .has-js .nav-toggle{display:block;border:1px solid #805337;border-radius:24px;background:#161318;color:var(--ink);padding:.38em .8em;font-size:15px;min-height:40px}
  .top nav{grid-column:1/-1;grid-row:2;flex-wrap:wrap;white-space:normal;padding:4px 2px 15px;justify-content:center;gap:6px 16px}
  .has-js .top nav:not(.is-open){display:none}
  .top__cta{grid-column:3;grid-row:1;min-height:40px;padding:.34em .8em;gap:7px}
  .top__cta .arrow{width:14px}
  .hero-envelope{width:min(97%,720px);margin-top:30px}
  .desktop-break{display:none}
  .project-grid{gap:30px 18px}
  .project:nth-child(even){transform:none}
  .projects__end{margin-block-start:33px}
  .pain__heading{display:grid}
  .pain__tag{justify-self:start}
  .pain__board{min-height:0;direction:rtl}
  .pain__board>ul{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-bottom:10px}
  .scrap{position:relative;inset:auto;width:auto;transform:rotate(calc(var(--angle) / 3));font-size:13px}
  .pain__rail{display:none}
  .app__body{grid-template-columns:1fr}
  .app__side{flex-direction:row;align-items:center;gap:10px;padding:10px;border-inline-end:0;border-bottom:1px solid #2c2629;overflow-x:auto}
  .app__client{border:0;padding:0;flex:none}
  .app__client small{display:none}
  .app__tabs{display:flex;gap:4px}
  .app__tabs button{white-space:nowrap;padding:7px 10px}
  .app__tabs button[aria-selected=true]::before{display:none}
  .app__demo{display:none}
  .task{padding-bottom:60px}
  .about__grid{gap:18px}
  .about__copy{border:0;padding:0}
  .contact{grid-template-columns:1fr;gap:27px}
  .contact__copy .subtle-link{margin-top:14px}
  .contact__envelope{width:min(100%,650px);margin-inline:auto}
}
@media(max-width:560px){
  .pgrid,.case__gallery,.story-grid,.ab-steps ol,.ab-stats,.ab-hero{grid-template-columns:1fr}
  .showcase{aspect-ratio:4/3}
  .showcase__main{left:6%;width:74%;top:18%}
  .showcase__back{display:none}
  .showcase__phone{width:26%;right:5%;top:30%}
  .hero h1{font-size:clamp(42px,12vw,62px)}
  .project-grid,.about__grid,.case__story{grid-template-columns:1fr}
  .project-grid{gap:27px}
  .project__caption{min-height:0}
  .art__back span{font-size:clamp(40px,14vw,76px)}
  .pain__board>ul{grid-template-columns:1fr}
  .scrap{max-width:360px;justify-self:center;width:100%}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inbox li{grid-template-columns:auto minmax(0,1fr) auto}
  .inbox li span:not(.src){display:none}
  .kanban,.week{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team li{grid-template-columns:70px 1fr}
  .team small{grid-column:2}
  .task{display:grid;justify-items:center;text-align:center;gap:13px}
  .task__envelope{width:min(73vw,270px)}
  .about__portrait{width:min(100%,340px);margin-inline:auto}
  .about__portrait img:not(.portrait-halo){width:83%}
  .chat__question,.chat__answer{width:auto;max-width:96%}
  .contact-form__fields{grid-template-columns:1fr}
  .contact-form{padding-bottom:62px}
  .footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
  .footer__end{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .tw__caret{display:none}
}

/* ── הירו: המסכים הם קישורים לפרויקטים ── */
a.hero-slot{display:block;color:inherit;cursor:pointer;border-radius:12px}
.hero-slot .laptop{transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .4s}
.hero-slot:is(:hover,:focus-visible) .laptop{transform:translateY(-10px) scale(1.02);filter:drop-shadow(0 0 24px #ff8a2a66)}
.hero-slot:focus-visible{outline-offset:6px}

/* ── כותרת קטנה מעל המערכת ── */
.app__label{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--accent);font-size:clamp(14px,1vw,17px)}
.app__label::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 10px var(--brand)}
.system.is-pinned .app__label{position:absolute;top:10px;inset-inline:0;justify-content:center;z-index:3;margin:0}
.system.is-pinned .app{inset:46px 0 14px}

/* ── כל הפרויקטים: מוקאפ, שם, סוג, מילים ספורות ── */
.pcard__short{color:var(--muted);font-size:clamp(15px,1vw,18px)}
.pcard__body .button{align-self:start;margin-top:auto}
.pcard__image{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;filter:drop-shadow(0 20px 30px #0008)}
.showcase--single .showcase__main{left:20%;width:60%;top:14%}
.showcase--plain{display:grid;place-items:center}
.showcase__image{max-width:78%;max-height:86%;border-radius:16px;box-shadow:0 30px 60px #0009}

/* ── עמודי תוכן: מאמרים, ייעוץ AI, פרטיות ונגישות ── */
.content-page{--orange:var(--brand);--white:#f8f7fa;--line:#3d302b;--radius:20px;--u:calc(100vw / 1920)}
.content-page .page-main{width:min(calc(100% - 2 * var(--gutter)),1640px);margin-inline:auto;padding:0 0 40px}
.content-page .glass{border:1px solid #3d302b;border-radius:20px;background:#141318}
.content-page .kicker{color:var(--accent);font-size:clamp(14px,1vw,17px)}
.content-page .kicker span{display:inline}
.page-hero{position:relative;isolation:isolate;padding-block:clamp(30px,4vw,70px) clamp(20px,2.5vw,40px)!important}
.page-hero .hero__texture{inset:calc(-1 * var(--header) - 40px) calc(50% - 50vw) -20%;mask-image:linear-gradient(#000 60%,transparent)}
.page-hero h1{font-size:clamp(36px,4vw,76px)!important}
.content-page .article-card{transition:border-color .3s,transform .5s cubic-bezier(.2,.7,.2,1)}
.content-page .article-card:hover{border-color:#ffaa5088;transform:translateY(-4px)}
.content-page .article-card .card-body{gap:8px}
.content-page .breadcrumbs{padding-top:22px}

/* ── שאלות ותשובות בכל עמוד (גם בתוך טקסט מאמר) ── */
.faq--page{margin-block:clamp(40px,5vw,90px) 0;text-align:center}
.prose .faq--page h2{margin-top:0}
.chat .chat__answer p{font-size:clamp(15px,1.15vw,22px);line-height:1.55;color:var(--ink)}
.chat .chat__question{font-size:clamp(16px,1.25vw,24px);line-height:1.4;color:#2c2121}
.chat .section-intro,.faq--page .section-intro{color:var(--muted)}

/* ── פרויקטים בעמוד הבית: גלריה אופקית בגלילה (דסקטופ) ── */
section.projects.is-horizontal{width:100%;max-width:none;height:calc(100vh - var(--header));display:flex;flex-direction:column;justify-content:center;padding-block:clamp(16px,2.5vh,40px);overflow:hidden;position:relative}
.projects.is-horizontal>h2,.projects.is-horizontal>.section-intro{width:min(calc(100% - 2 * var(--gutter)),1560px);margin-inline:auto}
.projects.is-horizontal .project-grid{display:flex;flex-wrap:nowrap;gap:clamp(24px,4vw,80px);width:max-content;margin-block-start:clamp(16px,3vh,40px);padding-inline:var(--gutter);will-change:transform}
.projects.is-horizontal .project{flex:none;width:min(40vw,680px);transform-origin:50% 50%}
.projects.is-horizontal .project:nth-child(even){transform:none}
.projects.is-horizontal .project__art{max-height:calc(100vh - var(--header) - 300px);aspect-ratio:755/467;width:100%}
.projects.is-horizontal .projects__end{position:absolute;inset-block-end:clamp(12px,2.5vh,30px);inset-inline:0;border:0;margin:0;padding:0}
.project.is-center .project__art{box-shadow:0 30px 90px #ff8a2a40,0 0 0 1px #ffaa5055}
.project.is-center .project__link span,.project.is-center .project__caption p{opacity:1}

/* ── אודות: תהליך עבודה גדול, שלב אחרי שלב, עם חץ לשלב הבא ── */
.process{list-style:none;padding:0;margin:clamp(30px,4vw,70px) 0 0;display:grid}
.process__step{position:relative;width:min(100%,62%);padding-top:clamp(50px,6vw,110px)}
.process__step:nth-child(4n+3){margin-inline-start:auto}
.process__num{position:absolute;top:0;inset-inline-start:-.08em;z-index:0;font:700 clamp(120px,15vw,280px)/.8 Pompei,Discovery,sans-serif;color:var(--brand);opacity:.5;pointer-events:none}
.process__card{position:relative;z-index:1;border:1px solid #483630;background:#17161bf2;border-radius:24px;padding:clamp(24px,3vw,56px);box-shadow:0 30px 60px #0007}
.process__card h3{font:700 clamp(32px,3.6vw,68px)/1.05 Pompei,Discovery,sans-serif;margin-bottom:.35em}
.process__card p{color:var(--muted);font-size:clamp(17px,1.4vw,26px);line-height:1.5}
.process__arrow{display:block;width:100%;height:auto;margin-block:clamp(-10px,-.5vw,0px)}
.process__arrow path{fill:none;stroke:var(--brand);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.process__arrow--flip{transform:scaleX(-1)}
@media(max-width:820px){.process__step{width:100%}.process__arrow{height:90px}}
.ab-steps ol.process{display:block}
.ab-steps .process>li{border:0;background:none;padding:0;display:block;border-radius:0}
.ab-steps .process>li.process__step{padding-top:clamp(50px,6vw,110px)}
.ab-steps .process .process__num{font:700 clamp(120px,15vw,280px)/.8 Pompei,Discovery,sans-serif;color:var(--brand);opacity:.5}

/* תהליך העבודה: קטן יותר, שני שלבים במסך */
.ab-steps .process>li.process__step{width:min(100%,50%);padding-top:clamp(36px,4vw,70px)}
.ab-steps .process .process__num{font-size:clamp(72px,8vw,150px)}
.process__card{padding:clamp(20px,2.2vw,40px)}
.process__card h3{font-size:clamp(24px,2.2vw,40px)}
.process__card p{font-size:clamp(16px,1.15vw,20px)}
.process__card p+p{margin-top:.6em}
.process__arrow{max-height:120px}
@media(max-width:820px){.ab-steps .process>li.process__step{width:100%}}