@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-mono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Hebrew';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-hebrew-400-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'IBM Plex Sans Hebrew';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-hebrew-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Hebrew';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-hebrew-600-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'IBM Plex Sans Hebrew';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-hebrew-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Hebrew';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/ibm-plex-sans-hebrew-700-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'IBM Plex Sans Hebrew';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/ibm-plex-sans-hebrew-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Karantina';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/karantina-700-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Karantina';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/karantina-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--y:#FFD100;--k:#121212;--r:#B3121A;--w:#FFFFFF;--line:2px solid var(--k);--pad:28px}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{background:var(--y);color:var(--k);font:400 17px/1.55 "IBM Plex Sans Hebrew",system-ui,sans-serif;overflow-x:hidden}
a{color:inherit}
img{display:block;max-width:100%}
.mono{font-family:"IBM Plex Mono","IBM Plex Sans Hebrew",monospace;font-weight:500;font-size:13px;letter-spacing:.02em}
.disp{font-family:"Karantina","IBM Plex Sans Hebrew",sans-serif;font-weight:700}
.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip:focus{width:auto;height:auto;clip:auto;right:8px;top:8px;background:var(--w);padding:10px;z-index:9}
:focus-visible{outline:3px solid var(--r);outline-offset:2px}

/* top bar */
.bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:12px var(--pad);border-bottom:var(--line);position:sticky;top:0;background:var(--y);z-index:5}
.logo{display:flex;align-items:baseline;gap:10px;text-decoration:none;padding:10px 0}
.logo b{font:700 22px/1 "IBM Plex Sans Hebrew"}
.logo span{font-size:12px}
.bar nav{display:flex;align-items:center;gap:24px;justify-self:end}
.bar nav a{text-decoration:none;font-size:15px;padding:10px 0}
.bar nav a:hover{text-decoration:underline;text-underline-offset:4px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;background:var(--r);color:var(--w)!important;font:700 17px/1 "IBM Plex Sans Hebrew";text-decoration:none!important;border:0;cursor:pointer}
.btn:hover{background:var(--k)}
.btn.k{background:var(--k)}.btn.k:hover{background:var(--r)}
.bar .btn{min-height:44px;font-size:16px;padding:0 16px}

/* headline */
h1{font-family:"Karantina",sans-serif;font-weight:700;line-height:.8;font-size:calc(clamp(104px,19.6vw,296px)*var(--hs,1));letter-spacing:-.005em;padding:26px var(--pad) 0}
h1 span{display:block}
h1 .r{color:var(--r)}

/* hero row */
.row{display:grid;grid-template-columns:1.05fr 1fr;border-top:var(--line);margin-top:28px}
.left{padding:var(--pad);border-left:var(--line);display:flex;flex-direction:column;gap:22px}
.lead{font-size:23px;line-height:1.45;max-width:31ch}
.lead b{font-weight:700}
.try{display:grid;gap:10px}
.try label{display:block}
.field{display:flex;border:var(--line);background:var(--w)}
.field input,.field select{flex:1;min-width:0;width:100%;border:0;background:var(--w);padding:14px 16px;font:600 20px "IBM Plex Sans Hebrew";color:var(--k);border-radius:0;-webkit-appearance:none;appearance:none}
.field select{background:var(--w) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23121212' stroke-width='2.5' fill='none'/%3E%3C/svg%3E") no-repeat left 16px center;padding-left:44px;cursor:pointer}
.field input:focus,.field select:focus{outline:none;box-shadow:inset 0 0 0 3px var(--r)}
.field button{background:var(--r);color:var(--w);border:0;padding:0 22px;font:700 19px "IBM Plex Sans Hebrew";cursor:pointer;min-height:54px;white-space:nowrap}
.field button:hover{background:var(--k)}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.facts{display:flex;flex-wrap:wrap;gap:6px 18px}
.facts li{list-style:none}
.facts li::before{content:"■ ";color:var(--r)}

/* preview */
.prev{position:relative;min-height:470px;background:var(--k);overflow:hidden;display:flex;flex-direction:column}
.prev picture,.prev .ph{position:absolute;inset:0}
.prev .ph img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
.prev .tag{position:absolute;top:16px;right:16px;background:var(--w);padding:6px 10px;z-index:2}
.styles{position:absolute;top:16px;left:16px;display:flex;z-index:2;border:var(--line);background:var(--w)}
.styles button{border:0;background:var(--w);font:600 14px "IBM Plex Sans Hebrew";padding:0 12px;min-height:44px;cursor:pointer;color:var(--k)}
.styles button+button{border-right:var(--line)}
.styles button[aria-pressed=true]{background:var(--k);color:var(--y)}
.mini{position:absolute;inset:auto 16px 16px 16px;background:var(--w);color:var(--k);padding:18px 20px;display:flex;justify-content:space-between;align-items:flex-end;gap:14px;z-index:1}
.mini .n{font-family:"Karantina",sans-serif;font-weight:700;font-size:68px;line-height:.85;overflow-wrap:anywhere}
.mini .s{font-size:15px;margin-top:6px}
.mini .w{background:var(--k);color:var(--w);padding:10px 14px;font-weight:700;white-space:nowrap;font-size:15px}
/* style 2: night */
.prev.s2 .ph img{filter:grayscale(1) brightness(.55)}
.prev.s2 .mini{inset:auto 0 0 0;background:transparent;color:var(--w);padding:28px 24px}
.prev.s2 .mini .n{font-size:84px;color:var(--y)}
.prev.s2 .mini .w{background:#1FAF5A;color:var(--k)}
/* style 3: sign */
.prev.s3 .mini{inset:76px 0 auto 0;background:var(--r);color:var(--w);padding:20px 24px 18px}
.prev.s3 .mini .w{background:var(--w);color:var(--k)}
.prev.s3 .ph img{object-position:center 60%}
.afterdemo{padding:14px 18px;border-top:var(--line);display:none}
.afterdemo.on{display:block}

/* section heads */
.sh{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px var(--pad);border-top:var(--line);border-bottom:var(--line)}
.sh h2{font-size:16px;font-weight:700}

/* samples index */
.it{display:grid;grid-template-columns:70px 1.25fr 1fr .7fr 170px;align-items:center;gap:18px;padding:16px var(--pad);border-bottom:1px solid rgba(18,18,18,.45);text-decoration:none;color:var(--k)}
.it .t{font-family:"Karantina",sans-serif;font-weight:700;font-size:76px;line-height:.9}
.it .go{display:block;font-size:14px;font-weight:600;margin-top:2px}
.it img{width:170px;height:106px;object-fit:cover;filter:grayscale(1);border:var(--line)}
.it:hover,.it:focus-visible{background:var(--r);color:var(--w)}
.it:hover img,.it:focus-visible img{filter:none;border-color:var(--w)}
.note{padding:12px var(--pad);border-bottom:var(--line)}

/* how */
.how{display:grid;grid-template-columns:repeat(3,1fr)}
.how li{list-style:none;padding:22px var(--pad) 30px;border-left:var(--line)}
.how li:last-child{border-left:0}
.how .num{font-family:"Karantina",sans-serif;font-weight:700;font-size:150px;line-height:.8;display:block;margin-bottom:12px}
.how li:nth-child(3) .num{color:var(--r)}
.how h3{font-size:24px;line-height:1.25;margin-bottom:8px}
.how p{max-width:34ch}

/* included + price: newspaper split */
.split{display:grid;grid-template-columns:1fr 1fr;border-top:var(--line)}
.incl{padding:24px var(--pad) 30px;border-left:var(--line)}
.incl ul{list-style:none;columns:1}
.incl li{padding:12px 0;border-bottom:1px solid rgba(18,18,18,.45);display:grid;grid-template-columns:34px 1fr;font-size:18px}
.incl li:last-child{border-bottom:0}
.incl li span{font-family:"IBM Plex Mono",monospace;font-size:13px;padding-top:4px}
.price{padding:24px var(--pad) 30px;background:var(--k);color:var(--y);display:flex;flex-direction:column;gap:14px}
.price .big{font-family:"Karantina",sans-serif;font-weight:700;font-size:clamp(130px,15vw,230px);line-height:.8;direction:ltr;text-align:right;unicode-bidi:isolate}
.price .big small{font-size:.45em}
.price p{font-size:19px;max-width:36ch;color:var(--w)}
.price .monthly{font:700 22px/1.3 "IBM Plex Sans Hebrew";color:var(--y)}
.price .btn{align-self:flex-start}

/* faq */
.faq details{border-bottom:1px solid rgba(18,18,18,.45)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 40px;align-items:center;gap:12px;padding:18px var(--pad);font-size:21px;font-weight:600;min-height:56px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:500 30px/1 "IBM Plex Mono",monospace;justify-self:end}
.faq details[open] summary::after{content:"−";color:var(--r)}
.faq details p{padding:0 var(--pad) 22px;max-width:62ch;font-size:18px}

/* final */
.final{border-top:var(--line);display:grid;grid-template-columns:1.05fr 1fr}
.final h2{font-family:"Karantina",sans-serif;font-weight:700;font-size:clamp(84px,9.5vw,150px);line-height:.82;padding:28px var(--pad);border-left:var(--line)}
.final h2 span{color:var(--r);display:block}
.order{padding:28px var(--pad);display:grid;gap:12px;align-content:start;background:var(--w)}
.order label{display:grid;gap:6px;font-weight:600}
.order input,.order select{border:var(--line);background:var(--w);padding:12px 14px;font:500 18px "IBM Plex Sans Hebrew";color:var(--k);border-radius:0;-webkit-appearance:none;appearance:none;min-height:50px;width:100%}
.order input:focus,.order select:focus{outline:3px solid var(--r);outline-offset:0}
.order .btn{min-height:56px;font-size:19px;margin-top:6px}
.order small{font-size:14px}

footer{border-top:var(--line);padding:22px var(--pad) 90px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 28px;font-size:15px}
footer a{text-underline-offset:3px;display:inline-block;padding:11px 0;margin:-11px 0}

/* mobile WhatsApp bar */
.wabar{display:none}
.ic{width:20px;height:20px;flex:none}

@media (max-width:1100px){
 .it{grid-template-columns:56px 1.3fr 1fr 150px}.it .d{display:none}.it img{width:150px;height:94px}
}
@media (max-width:760px){
 :root{--pad:16px}
 body{font-size:17px}
 .bar{grid-template-columns:1fr auto;padding:10px var(--pad)}
 .bar .mid,.bar nav a:not(.btn){display:none}
 h1{font-size:calc(30.5vw*var(--hs,1)*var(--hm,1));padding:18px 12px 0}
 .row{grid-template-columns:1fr;margin-top:20px}
 .left{border-left:0;padding:20px var(--pad)}
 .lead{font-size:20px}
 .pair{grid-template-columns:1fr}
 .field input,.field select{font-size:18px}
 .field button{padding:0 16px;font-size:17px}
 .prev{min-height:400px;border-top:var(--line)}
 .styles{top:auto;bottom:auto;left:12px;top:12px}.prev .tag{top:auto;bottom:auto;right:12px;top:12px;display:none}
 .styles button{padding:0 10px}
 .mini{inset:auto 12px 12px 12px;flex-wrap:wrap;padding:14px 16px}
 .mini .n{font-size:54px}
 .prev.s2 .mini .n{font-size:64px}
 .prev.s3 .mini{inset:68px 0 auto 0}
 .it{grid-template-columns:34px 1fr 104px;gap:12px;padding:14px var(--pad)}.it .c{display:none}
 .it .t{font-size:44px}.it .go{font-size:13px}.it img{width:104px;height:72px}
 .how{grid-template-columns:1fr}
 .how li{border-left:0;border-bottom:var(--line);display:grid;grid-template-columns:76px 1fr;column-gap:14px;padding:18px var(--pad)}
 .how li:last-child{border-bottom:0}
 .how .num{font-size:110px;grid-row:span 2;margin:0}
 .how h3{font-size:21px;align-self:end}
 .split,.final{grid-template-columns:1fr}
 .incl{border-left:0}
 .price .big{font-size:42vw}
 .faq summary{font-size:19px}
 .final h2{border-left:0;border-bottom:var(--line);font-size:25vw}
 .wabar{display:flex;position:fixed;inset:auto 0 0 0;z-index:6;background:var(--r);color:var(--w);min-height:58px;align-items:center;justify-content:center;gap:10px;font:700 18px "IBM Plex Sans Hebrew";text-decoration:none;border-top:2px solid var(--k);transform:translateY(110%);transition:transform .2s}
 .wabar.on{transform:none}
}
@media (max-width:380px){.mini .n{font-size:46px}.field button{padding:0 12px}}