/* ════════════════════════════════════════════════════════════════════
   tailwind-static.css
   תחליף סטטי ל-Tailwind Play CDN. מכיל רק את המחלקות שבשימוש בפועל
   באתר (135), במקום סקריפט ~300KB שחוסם רינדור.
   אם מוסיפים מחלקת Tailwind חדשה ב-HTML, צריך להוסיף אותה גם כאן.
   ════════════════════════════════════════════════════════════════════ */

/* ───────── Preflight (תת-קבוצה הכרחית) ───────── */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4}
body{margin:0;line-height:inherit}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}
p,figure,blockquote,dl,dd{margin:0}
ul,ol{list-style:none;margin:0;padding:0}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
img,svg,video,canvas{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,[type=button],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer}
:-moz-focusring{outline:auto}
fieldset{margin:0;padding:0}
legend{padding:0}
summary{display:list-item}
[hidden]{display:none}

/* ───────── Layout / display ───────── */
.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}
.fixed{position:fixed}.relative{position:relative}
.inset-x-0{left:0;right:0}.top-0{top:0}
.z-10{z-index:10}.z-50{z-index:50}
.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}
.min-h-screen{min-height:100vh}.w-full{width:100%}
.h-11{height:2.75rem}.h-16{height:4rem}.w-11{width:2.75rem}
.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}
.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}
.place-items-center{place-items:center}
.mx-auto{margin-left:auto;margin-right:auto}
.text-center{text-align:center}
.break-all{word-break:break-all}

/* ───────── Spacing ───────── */
.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}
.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}
.gap-x-8{column-gap:2rem}.gap-y-4{row-gap:1rem}
.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}
.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}
.mt-9{margin-top:2.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}
.mb-2{margin-bottom:.5rem}
.-mr-2{margin-right:-.5rem}
.p-6{padding:1.5rem}
.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-4{padding-top:1rem;padding-bottom:1rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}
.py-14{padding-top:3.5rem;padding-bottom:3.5rem}
.pt-6{padding-top:1.5rem}.pt-28{padding-top:7rem}.pb-24{padding-bottom:6rem}
.space-y-2\.5>:not([hidden])~:not([hidden]){margin-top:.625rem}

/* ───────── Sizing (max-width) ───────── */
.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}
.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}

/* ───────── Typography ───────── */
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.font-body,.font-display{font-family:Assistant,system-ui,sans-serif}
.font-normal{font-weight:400}.font-bold{font-weight:700}.font-extrabold{font-weight:800}
.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}
.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}
.text-\[clamp\(2\.8rem\2c 7vw\2c 6rem\)\]{font-size:clamp(2.8rem,7vw,6rem)}
.text-\[clamp\(1\.45rem\2c 3\.4vw\2c 2rem\)\]{font-size:clamp(1.45rem,3.4vw,2rem)}
.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-relaxed{line-height:1.625}
.leading-\[1\.02\]{line-height:1.02}

/* ───────── Colours (from the Ember & Graphite tokens) ───────── */
.bg-ink{background-color:#121110}
.bg-ink-1\/95{background-color:rgba(26,25,23,.95)}
.bg-safety{background-color:#C2571F}
.text-white{color:#fff}
.text-\[\#EDEAE6\]{color:#EDEAE6}
.text-white\/40{color:rgba(255,255,255,.4)}.text-white\/50{color:rgba(255,255,255,.5)}
.text-white\/55{color:rgba(255,255,255,.55)}.text-white\/60{color:rgba(255,255,255,.6)}
.text-white\/65{color:rgba(255,255,255,.65)}.text-white\/70{color:rgba(255,255,255,.7)}
.text-white\/80{color:rgba(255,255,255,.8)}.text-white\/95{color:rgba(255,255,255,.95)}
.border-t{border-top-width:1px}.border-y{border-top-width:1px;border-bottom-width:1px}
.border-white\/10{border-color:rgba(255,255,255,.1)}
.rounded-full{border-radius:9999px}
.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}

/* ───────── Transitions ───────── */
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.duration-300{transition-duration:.3s}

/* ───────── Interaction variants ───────── */
.hover\:text-white:hover{color:#fff}
.group:hover .group-hover\:-translate-x-1{transform:translateX(-.25rem)}

/* ───────── Responsive: sm ≥640px ───────── */
@media (min-width:640px){
  .sm\:flex-row{flex-direction:row}
  .sm\:gap-6{gap:1.5rem}
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sm\:items-center{align-items:center}
  .sm\:p-7{padding:1.75rem}
  .sm\:p-8{padding:2rem}
  .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}
  .sm\:text-xl{font-size:1.25rem;line-height:1.75rem}
}
/* ───────── Responsive: md ≥768px ───────── */
@media (min-width:768px){
  .md\:flex{display:flex}
  .md\:hidden{display:none}
  .md\:inline-flex{display:inline-flex}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:h-20{height:5rem}
  .md\:py-32{padding-top:8rem;padding-bottom:8rem}
}
/* ───────── Responsive: lg ≥1024px ───────── */
@media (min-width:1024px){
  .lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
  .lg\:col-span-5{grid-column:span 5/span 5}
  .lg\:col-span-7{grid-column:span 7/span 7}
  .lg\:mt-24{margin-top:6rem}
  .lg\:pt-10{padding-top:2.5rem}
}