:root { --paper:#f5f0e7; --ink:#171713; --muted:#756e63; --line:#cec5b7; --hot:#ee5b3a; --cream:#fffdf8; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"Yossi",Arial,sans-serif; }
a { color:inherit; }
button, input, select { font:inherit; }
button, a { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid var(--hot); outline-offset:3px; }
.shell { width:min(1180px,calc(100% - 40px)); margin:auto; }
.site-header { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:88px; border-bottom:1px solid var(--line); }
.point-wordmark { display:inline-flex; align-items:flex-end; direction:rtl; color:var(--ink); font:400 clamp(36px,4vw,58px)/.72 "Lehava Display",Arial,sans-serif; letter-spacing:-.09em; text-decoration:none; }
.point-wordmark > span { display:block; }
.point-wordmark .vav { position:relative; z-index:0; }
.point-wordmark .holam { position:absolute; z-index:1; width:.35em; height:.35em; top:-.22em; left:50%; transform:translateX(-50%); border:.06em solid var(--ink); border-radius:50%; background:var(--hot); }
.nav { display:flex; align-items:center; gap:20px; font-size:14px; }
.nav a { text-decoration:none; }
.nav a:hover, .nav a[aria-current="page"] { color:var(--hot); }
.cart-link { display:inline-flex; align-items:center; gap:6px; padding:8px 11px; border:1px solid var(--ink); border-radius:999px; }
.cart-link span { min-width:18px; height:18px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--hot); font-size:11px; }
.page-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,.62fr); gap:60px; align-items:end; padding:100px 0 70px; border-bottom:1px solid var(--ink); }
.page-hero h1 { max-width:760px; margin:0; font:400 clamp(60px,9vw,128px)/.8 "Lehava Display",Arial,sans-serif; letter-spacing:-.085em; }
.page-hero h1 span { color:var(--hot); }
.page-hero p { max-width:430px; margin:0 0 10px; color:var(--muted); font-size:20px; line-height:1.45; }
.eyebrow { margin:0 0 16px; color:var(--hot); font-size:12px; font-weight:800; letter-spacing:.16em; }
.page-content { padding:90px 0 110px; }
.page-content h2 { margin:0; font:400 clamp(42px,6vw,76px)/.86 "Lehava Display",Arial,sans-serif; letter-spacing:-.07em; }
.page-copy { max-width:720px; font-size:20px; line-height:1.6; }
.page-copy p { margin:0 0 22px; }
.steps { margin:38px 0 0; padding:0; list-style:none; border-top:1px solid var(--line); }
.steps li { display:grid; grid-template-columns:52px 1fr; gap:12px; padding:18px 0; border-bottom:1px solid var(--line); font-size:17px; line-height:1.4; }
.steps b { color:var(--hot); font-size:13px; }
.info-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:0; margin-top:52px; border-top:1px solid var(--ink); border-right:1px solid var(--ink); }
.info-grid article { min-height:230px; padding:25px; border-bottom:1px solid var(--ink); border-left:1px solid var(--ink); background:var(--cream); }
.info-grid h3 { margin:0 0 12px; font:400 34px/.9 "Lehava Display",Arial,sans-serif; letter-spacing:-.05em; }
.info-grid p { margin:0; color:var(--muted); line-height:1.5; }
.tester { padding:84px 0 110px; }
.tester-layout { display:grid; grid-template-columns:285px minmax(0,1fr); direction:ltr; border-top:1px solid var(--ink); border-right:1px solid var(--ink); }
.tester-controls { direction:rtl; padding:23px; border-bottom:1px solid var(--ink); border-left:1px solid var(--ink); background:var(--cream); }
.tester-controls h2 { margin:0 0 22px; font:400 34px/.9 "Lehava Display",Arial,sans-serif; letter-spacing:-.05em; }
.tester-controls label { display:grid; gap:7px; margin:0 0 17px; font-size:14px; font-weight:700; }
.tester-controls select, .tester-controls input[type="color"] { width:100%; height:42px; padding:0 10px; color:var(--ink); border:1px solid var(--line); border-radius:8px; background:#fff; }
.tester-controls input[type="range"] { width:100%; margin:2px 0 0; accent-color:var(--hot); }
.tester-range { display:flex; justify-content:space-between; gap:12px; color:var(--muted); font-size:12px; font-weight:400; }
.tester-presets { display:flex; flex-wrap:wrap; gap:8px; padding-top:3px; }
.tester-presets button, .cart-action { padding:8px 11px; border:1px solid var(--line); border-radius:999px; color:var(--ink); background:#fff; cursor:pointer; }
.tester-presets button:hover, .cart-action:hover { color:var(--hot); border-color:var(--hot); }
.tester-stage { min-height:545px; padding:25px; direction:rtl; border-bottom:1px solid var(--ink); background:#fff; }
.tester-stage-bar { display:flex; justify-content:space-between; gap:15px; padding-bottom:18px; border-bottom:1px solid var(--line); color:var(--muted); font-size:13px; font-weight:700; }
.tester-stage-bar output { color:var(--ink); }
.tester-preview { min-height:420px; padding:30px 0 10px; outline:none; overflow-wrap:anywhere; white-space:pre-wrap; font-family:"Yossi",Arial,sans-serif; font-size:62px; line-height:1.28; letter-spacing:0; color:var(--ink); }
.tester-preview:focus { box-shadow:inset 0 0 0 2px var(--hot); border-radius:4px; }
.tester-hint { margin:10px 0 0; color:var(--muted); font-size:13px; }
.cart-page { padding:84px 0 110px; }
.cart-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:0; border-top:1px solid var(--ink); border-right:1px solid var(--ink); }
.cart-items { min-height:320px; background:var(--cream); }
.cart-item, .cart-empty { padding:24px; border-bottom:1px solid var(--ink); border-left:1px solid var(--ink); }
.cart-item { display:grid; grid-template-columns:1fr auto; gap:20px; align-items:start; }
.cart-item h2 { margin:0; font:400 40px/.88 var(--font-family),Arial,sans-serif; letter-spacing:-.055em; }
.cart-item p { margin:8px 0 0; color:var(--muted); }
.cart-item button { border:0; color:var(--hot); background:none; cursor:pointer; text-decoration:underline; }
.cart-empty { color:var(--muted); font-size:18px; line-height:1.5; }
.cart-summary { padding:25px; border-bottom:1px solid var(--ink); border-left:1px solid var(--ink); background:#fff; }
.cart-summary h2 { margin:0 0 28px; font:400 40px/.88 "Lehava Display",Arial,sans-serif; letter-spacing:-.055em; }
.summary-row { display:flex; justify-content:space-between; gap:16px; padding:13px 0; border-top:1px solid var(--line); }
.summary-row.total { font-size:19px; font-weight:800; }
.checkout-note { margin:25px 0 0; color:var(--muted); font-size:14px; line-height:1.45; }
.checkout-link { display:inline-flex; align-items:center; justify-content:center; min-height:48px; width:100%; margin-top:22px; padding:11px; border:1px solid var(--hot); color:#fff; background:var(--hot); text-decoration:none; }
.checkout-link[aria-disabled="true"] { cursor:not-allowed; color:var(--muted); border-color:var(--line); background:var(--paper); }
.site-footer { color:var(--paper); background:var(--ink); }
.footer-inner { display:flex; justify-content:space-between; align-items:end; gap:30px; padding:54px 0 30px; }
.footer-logo { font:400 clamp(66px,10vw,124px)/.72 "Lehava Display",Arial,sans-serif; letter-spacing:-.1em; }
.footer-copy { max-width:360px; margin:18px 0 0; color:#cfc6b8; line-height:1.45; }
.footer-links { display:flex; flex-wrap:wrap; gap:20px; font-size:13px; }
.footer-links a { color:#fff; }
.footer-base { display:flex; justify-content:space-between; gap:18px; padding-top:18px; border-top:1px solid #4b4842; color:#aaa297; font-size:12px; }
@media (max-width:800px) {
  .shell { width:min(100% - 28px,1180px); }
  .site-header { min-height:72px; align-items:center; }
  .nav { justify-content:flex-end; gap:11px; flex-wrap:wrap; font-size:12px; }
  .page-hero { grid-template-columns:1fr; gap:28px; padding:70px 0 48px; }
  .page-hero p { font-size:18px; }
  .page-content, .tester, .cart-page { padding:66px 0 76px; }
  .info-grid, .tester-layout, .cart-layout { grid-template-columns:1fr; }
  .tester-controls, .cart-item, .cart-empty, .cart-summary { border-left:0; }
  .tester-stage { min-height:440px; padding:20px; }
  .tester-preview { min-height:300px; padding-top:24px; font-size:44px; }
  .footer-inner { display:block; padding-top:45px; }
  .footer-links { margin-top:30px; }
}