/* AKISOQA — Hebrew RTL, tokens per SPEC §3 */
:root{
  --black:#080808; --white:#FFFFFF; --cta:#D50000; --neon:#00C853;
  --card-dark:#141414; --border-dark:#2A2A2A; --border-light:#E7E7E5;
  --ink:#080808; --muted-light:#5C5C5C; --muted-dark:#B9B9B9; --accent-ink:#A30000;
  --radius-card:10px; --radius-pill:8px; --radius-input:8px; --radius-chip:6px;
  --maxw:1240px; --header-h:64px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; font-family:"Heebo","Assistant",system-ui,Arial,sans-serif;
  line-height:1.6; background:var(--black); color:#fff;
  -webkit-text-size-adjust:100%;
}
h1,h2,h3{line-height:1.35; margin:0 0 .6em}
p{margin:0 0 1em}
a{color:inherit}
img{max-width:100%}
.wrap{max-width:var(--maxw); margin-inline:auto; padding-inline:24px}
section{scroll-margin-top:calc(var(--header-h) + 12px)}
.skip{position:absolute; inset-inline-start:12px; top:-60px; background:var(--cta); color:#fff; padding:8px 14px; border-radius:var(--radius-pill); z-index:200; font-weight:700; text-decoration:none; transition:top .2s}
.skip:focus{top:10px}
:focus-visible{outline:3px solid var(--cta); outline-offset:3px; border-radius:8px}
.on-dark :focus-visible{outline-color:var(--neon)}

/* Header */
.site-header{position:sticky; top:0; z-index:100; background:rgba(8,8,8,.92); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid var(--border-dark); min-height:var(--header-h); box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.header-inner{display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:var(--header-h); direction:ltr}
.logo{order:1; font-weight:800; font-size:1.22rem; color:#fff; text-decoration:none; white-space:nowrap; display:inline-flex; align-items:center; gap:10px; letter-spacing:.02em; line-height:1.2}
.logo svg,.logo img{flex:none; display:block; width:46px; height:46px; object-fit:contain}
.logo span{display:flex; flex-direction:column; line-height:1.15}
.logo small{font-size:.6em; font-weight:400; color:#b9b9b9; letter-spacing:.05em}
.main-nav{order:3; display:flex; gap:2px; align-items:center; direction:rtl}
.header-actions{order:2}
.main-nav a{color:#fff; text-decoration:none; padding:6px 11px; border-radius:var(--radius-pill); font-weight:400; font-size:.98rem; letter-spacing:.015em; min-height:44px; display:inline-flex; align-items:center; border:1px solid transparent; transition:background .18s ease,color .18s ease,border-color .18s ease}
.main-nav a:hover{background:#1c1c1c; border-color:var(--border-dark)}
.header-actions{display:flex; align-items:center; gap:10px}
.phone-link{display:inline-flex; align-items:center; gap:8px; color:#fff; text-decoration:none; min-height:44px; padding:6px 8px; border-radius:var(--radius-pill); border-inline-end:1px solid var(--border-dark); padding-inline-end:14px; margin-inline-end:2px}
.phone-link .digits{direction:ltr; unicode-bidi:embed; font-weight:700; letter-spacing:.03em; font-variant-numeric:tabular-nums}
.phone-link:hover{color:var(--neon)}
.header-contact{display:flex; flex-direction:row; align-items:center; justify-content:center; gap:10px; line-height:1.25}
.header-static{color:var(--cta); font-weight:700; font-size:.78rem; line-height:1.3; text-align:center}
.header-static .hs-l1,.header-static .hs-l2{display:inline-block; animation:k-float .8s ease-out both}
.header-static .hs-l1{animation-delay:.3s}
.header-static .hs-l2{animation-delay:.55s}
.header-divider{color:var(--border-dark); font-weight:700; font-size:1.1rem; line-height:1}
.wa-btn{width:36px; height:36px; border-radius:50%; background:#25D366; display:inline-flex; align-items:center; justify-content:center; flex:none; text-decoration:none}
.wa-btn:hover{filter:brightness(1.08)}
.header-contact>.wa-btn{order:-1}
.header-actions>.wa-btn{display:none}
.header-contact .phone-link{min-height:0; padding:0 8px; border-inline-end:none; padding-inline-end:8px; margin-inline-end:0}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:var(--radius-pill); font-weight:700; text-decoration:none; min-height:44px; padding:8px 16px; border:2px solid transparent; cursor:pointer; font-size:1rem}
.btn-primary{background:var(--cta); color:#fff}
.btn-primary:hover{filter:brightness(1.06)}
.btn-outline{background:transparent; color:#fff; border-color:#fff}
.btn-outline:hover{border-color:var(--neon); color:var(--neon)}
.btn svg{flex:none}
.menu-toggle{display:none; background:none; border:1px solid var(--border-dark); border-radius:50%; width:44px; height:44px; color:#fff; cursor:pointer; align-items:center; justify-content:center}
.icon-phone-btn{display:none; width:44px; height:44px; border:none; border-radius:50%; background:var(--cta); color:#fff; align-items:center; justify-content:center; text-decoration:none; box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.icon-phone-btn:hover{filter:brightness(1.08)}

/* Sections rhythm */
.sec-dark{background:var(--black); color:#fff}
.sec-dark .muted{color:var(--muted-dark)}
.sec-light{background:var(--white); color:var(--ink)}
.sec-light .muted{color:var(--muted-light)}
.sec-pad{padding-block:48px}
.sec-title{font-size:clamp(1.6rem,3.4vw,2.4rem); font-weight:700}
.sec-head{margin-bottom:20px}

/* Hero — 1:1 original slider (500px stage, 3 dots + chevrons), SPEC tokens only */
.hero{padding-block:0; position:relative; border-bottom:1px solid var(--border-dark); overflow:hidden}
.hero-grid{display:grid; grid-template-columns:1.08fr .92fr; gap:32px; align-items:center}
.hero-copy{min-height:500px; display:block; position:relative}
.slide{display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; gap:0; position:absolute; inset:0; isolation:isolate; padding:64px 104px; border-radius:0; opacity:0; visibility:hidden; transition:opacity .7s ease, visibility 0s linear .7s; pointer-events:none}
.hero-ctas{justify-content:center}
.slide.active{opacity:1; visibility:visible; transition:opacity .7s ease; pointer-events:auto}
.slide-bg{position:absolute; inset:0; z-index:-1; overflow:hidden; border-radius:0}
.slide-bg img{width:100%; height:100%; object-fit:cover; display:block}
.slide-bg::after{content:""; position:absolute; inset:0; background:rgba(8,8,8,.82)}
.hero h1,.slide-title{font-size:clamp(2.2rem,5.4vw,3.6rem); font-weight:800; color:#fff; margin:0 0 10px; letter-spacing:.01em; text-wrap:balance}
.hero-sub{font-size:clamp(1.2rem,2.6vw,1.6rem); color:var(--muted-dark); margin:0 0 6px; line-height:1.6}
.hero-eyebrow{font-size:1.1rem; color:#fff; margin:0 0 6px}
.note-band{background:var(--black)}
.note-strip{padding:16px 16px 20px}
.note-strip:hover{text-decoration:underline}
.hero-note{font-size:1.1rem; line-height:1.7; color:#fff; background:var(--card-dark); border:1px solid var(--border-dark); border-radius:var(--radius-card); padding:14px 16px; box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.hero-note a{color:var(--cta); font-weight:700}
.hero-ctas{display:flex; gap:12px; flex-wrap:wrap; margin-top:20px}
.hero-ctas .btn-primary{box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 8px 20px rgba(213,0,0,.26)}
.hero-ctas .btn-outline{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.trust-line{font-size:1.08rem; line-height:1.7; color:#fff; font-weight:700; margin:0 0 12px}
.pill-row{display:flex; flex-wrap:wrap; gap:10px; list-style:none; padding:0; margin:0}
.pill-row li{border:1px solid var(--border-dark); background:var(--card-dark); color:#fff; border-radius:var(--radius-chip); padding:6px 12px; font-weight:700; direction:ltr; box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.carousel-ctrl{display:flex; align-items:center; gap:14px; margin-top:14px}
.hero-ctrl{position:absolute; inset:0; margin:0; padding:0; min-height:0; border-top:none; pointer-events:none; display:block}
#prevSlide,#nextSlide{position:absolute; top:42%; z-index:2; pointer-events:auto}
#prevSlide{left:22px}
#nextSlide{right:22px}
.hero-ctrl .dots{position:absolute; bottom:22px; left:50%; transform:translateX(-50%); z-index:2; pointer-events:auto}
.dots{display:flex; gap:2px; align-items:center; min-height:44px}
.dot{width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; background:none; border:none; cursor:pointer}
.dot span{width:6px; height:6px; border-radius:50%; background:#3a3a3a; display:block; transition:background .18s ease, box-shadow .18s ease, transform .18s ease}
.dot:hover span{background:#6a6a6a}
.dot[aria-selected="true"] span{background:var(--neon); box-shadow:0 0 0 3px rgba(0,200,83,.22)}
.arrow{width:44px; height:44px; border-radius:50%; border:1px solid var(--border-dark); background:var(--card-dark); color:#fff; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; box-shadow:inset 0 1px 0 rgba(255,255,255,.05); transition:border-color .18s ease,color .18s ease}
.arrow:hover{border-color:var(--neon); color:var(--neon)}
.badge-card{background:var(--card-dark); border:1px solid var(--border-dark); border-radius:var(--radius-card); padding:20px 22px; display:flex; flex-direction:column; gap:14px; justify-content:center; align-self:center; width:100%; box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 18px 40px rgba(0,0,0,.55)}
.status-row{display:flex; align-items:center; gap:10px; color:var(--muted-dark); font-weight:700; font-size:.95rem; letter-spacing:.01em; padding-bottom:14px; border-bottom:1px solid var(--border-dark)}
.status-dot{width:8px; height:8px; border-radius:50%; background:var(--neon); flex:none; box-shadow:0 0 0 5px rgba(217,255,61,.13)}
.badge-pills{display:flex; flex-wrap:wrap; gap:10px; list-style:none; padding:14px 0 2px; margin:0}
.badge-pills li{background:#1e1e1e; border:1px solid var(--border-dark); border-radius:var(--radius-chip); padding:8px 14px; font-weight:700; font-size:.95rem; direction:ltr; box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.badge-pills li.featured{border-color:var(--cta); box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(213,0,0,.35); color:#fff}

/* Bento grids */
.grid-4{display:grid; grid-template-columns:repeat(4,1fr); gap:14px}
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
.card{background:#fff; border:1px solid var(--border-light); border-radius:var(--radius-card); padding:16px; display:flex; flex-direction:column; gap:10px; box-shadow:0 8px 24px rgba(8,8,8,.06)}
.card h3{font-size:1.15rem; margin:0}
.card p{color:var(--muted-light); margin:0; flex:1}
.card .icon{width:40px; height:40px; border-radius:10px; background:transparent; color:var(--accent-ink); border:1px solid var(--border-light); display:flex; align-items:center; justify-content:center}
.card-link{color:var(--accent-ink); font-weight:700; text-decoration:none; display:inline-flex; align-items:center; gap:6px; min-height:44px}
.card-link:hover{text-decoration:underline}
.tags{display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:0}
.tags li{border:1px solid var(--border-light); border-radius:var(--radius-chip); padding:3px 10px; font-size:.85rem; color:var(--muted-light)}
.dark-card{background:var(--card-dark); border:1px solid var(--border-dark); border-radius:var(--radius-card); padding:16px; display:flex; flex-direction:column; gap:10px}
.dark-card:hover{border-color:var(--neon)}
.dark-card h3{color:#fff; margin:0; font-size:1.2rem}
.dark-card p, .dark-card li{color:var(--muted-dark)}
.dark-card ul{margin:0; padding-inline-start:1.1em; display:flex; flex-direction:column; gap:8px}
.check-pills{list-style:none !important; padding:0 !important; display:flex; flex-direction:column; gap:8px}
.check-pills li{background:#1e1e1e; border:1px solid var(--border-dark); border-radius:var(--radius-chip); padding:8px 12px}
.check-pills code{direction:ltr; unicode-bidi:embed; color:var(--cta); font-weight:700}
.dark-card code{direction:ltr; unicode-bidi:embed}
.flag-dot{display:inline-block; width:10px; height:10px; border-radius:50%; background:var(--neon); margin-inline-end:8px}
.sec-link{color:var(--cta); font-weight:700; text-decoration:none; display:inline-flex; align-items:center; gap:6px; min-height:44px}
.sec-link:hover{text-decoration:underline}

/* Practice — editorial two-column rows mirroring original positioning, refined red chips */
.practice-head{position:relative; padding-right:44px}
.practice-title-row{position:relative; display:flex; align-items:center; justify-content:flex-start; gap:12px}
.practice-title-row .sec-title{margin:0}
.practice-node{position:absolute; right:-40px; top:50%; transform:translateY(-50%); display:flex; flex-direction:row; align-items:center; gap:8px; padding:0; flex:none}
.practice-star{width:8px; height:8px; border-radius:50%; background:#D50000; display:block}
.practice-bar{width:2px; height:22px; background:#fff; display:block}
.practice-point{width:16px; height:16px; border-radius:50%; border:1px solid #fff; background:transparent; display:flex; align-items:center; justify-content:center}
.practice-point-core{width:6px; height:6px; border-radius:50%; background:#D50000; display:block}
.practice-head .sec-title{margin-bottom:8px}
.practice-sub{margin:0 0 20px; color:var(--muted-dark); font-size:1.02rem; line-height:1.7; max-width:none}
.practice-editorial{display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start; padding-right:44px}
.practice-col{display:flex; flex-direction:column; gap:0}
.practice-row{padding:16px 0; border-bottom:1px solid var(--border-dark)}
.practice-row:first-child{padding-top:0}
.practice-row:last-child{border-bottom:none; padding-bottom:0}
.practice-row h3{margin:0 0 8px; font-size:1.05rem; line-height:1.5}
.label-chip{display:inline-block; color:#fff; font-weight:700; font-size:.88rem; line-height:1.5; background:rgba(213,0,0,.12); border:1px solid rgba(213,0,0,.55); border-inline-start:2px solid var(--cta); border-radius:6px; padding:3px 10px; box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 4px 12px rgba(213,0,0,.14)}
.practice-row p{margin:0; color:var(--muted-dark); font-size:.99rem; line-height:1.75}
.practice-row p span[dir="ltr"]{unicode-bidi:embed}
.iso-note{margin:0 0 6px; padding:10px 12px; color:#fff; font-size:.95rem; line-height:1.7; border:1px solid var(--border-dark); border-inline-start:2px solid var(--cta); border-radius:8px; background:rgba(255,255,255,.02)}
.row-link{margin-top:8px; font-size:.92rem}

/* About */
.about-row{display:grid; grid-template-columns:1fr 212px; gap:28px; align-items:center; margin-bottom:28px}
.about-row--flip{grid-template-columns:212px 1fr}
.about-copy{padding-right:44px}
.about-head{position:relative; margin-bottom:14px}
.about-row:last-child{margin-bottom:0}
.about-copy p{color:var(--muted-light)}
.about-head .sec-title{margin:0}
.about-node{position:absolute; right:-40px; top:50%; transform:translateY(-50%); display:flex; flex-direction:row; align-items:center; gap:8px; padding:0}
.about-bar{width:2px; height:22px; background:#080808; display:block}
.about-dot{width:8px; height:8px; border-radius:50%; background:#D50000; display:block}
.about-photo{width:100%; border-radius:6px; display:block}
.photo-tape{position:relative; margin:0; max-width:212px; width:100%}
#about .wrap{max-width:1080px}
.about-row:first-child .about-copy{max-width:600px}
.about-row:last-child .about-copy{max-width:780px}
.about-row:first-child .about-photo{filter:grayscale(1)}
.photo-tape::before,.photo-tape::after{content:""; position:absolute; top:-10px; width:72px; height:22px; background:rgba(255,255,255,.6); box-shadow:0 1px 3px rgba(0,0,0,.14); z-index:1; clip-path:polygon(8px 0, calc(100% - 8px) 0, 100% 33%, calc(100% - 8px) 66%, 100% 100%, 8px 100%, 0 66%, 8px 33%)}
.photo-tape::before{left:-20px; transform:rotate(-45deg)}
.photo-tape::after{right:-20px; transform:rotate(45deg)}
.hl{background:rgba(213,0,0,.9); color:#fff; border-radius:3px; padding:0 4px; box-decoration-break:clone; -webkit-box-decoration-break:clone}
.facts{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:14px}
.fact{border:1px solid var(--border-light); border-radius:var(--radius-card); padding:14px; text-align:center; font-weight:700}
.team-slot{border:1.5px dashed var(--border-light); border-radius:var(--radius-card); padding:18px; color:var(--muted-light); text-align:center; min-height:320px; display:flex; align-items:center; justify-content:center}

/* Method — smoke video band, labels + hollow stars only (SPEC §9) */
.method-band{position:relative; overflow:hidden; isolation:isolate; background:var(--black); min-height:474px; display:flex; align-items:center}
.method-band>.method-inner{width:100%}
.method-bg-video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0}
.method-overlay{position:absolute; inset:0; z-index:1; background:rgba(8,8,8,.74)}
.method-inner{position:relative; z-index:2}
.method-steps{display:grid; grid-template-columns:repeat(5,1fr); gap:12px; list-style:none; padding:0 0 40px; margin:0; position:relative}
.method-step{position:relative; z-index:1}
.method-step{display:flex; flex-direction:column; align-items:center; gap:30px; padding:10px 4px; min-width:0}
.method-label{display:inline-block; color:#fff; font-weight:700; font-size:.88rem; line-height:1.5; white-space:nowrap; background:rgba(213,0,0,.8); border:none; border-radius:6px; padding:4px 12px}
.method-star{position:relative; width:88px; height:88px; display:flex; align-items:center; justify-content:center; flex:none}
.method-star::before{content:""; position:absolute; top:calc(var(--wh,22px) * -1 - 6px); left:50%; width:2px; height:var(--wh,22px); background:rgba(255,255,255,.5); transform:translateX(-50%)}
.method-step:nth-child(odd){--wh:22px}
.method-step:nth-child(even){--wh:64px}
.method-step:nth-child(even) .method-star{transform:translateY(42px)}
.ring-svg{position:absolute; inset:0; width:100%; height:100%; display:block}
.method-icon{position:relative; width:26px; height:26px; display:block}
@media (prefers-reduced-motion:reduce){
  .method-bg-video{display:none}
  html{scroll-behavior:auto}
}

/* Clients */
.clients-band{padding-block:34px 30px}
.clients-head{text-align:center; margin-bottom:18px}
.clients-title-wrap{position:relative; display:inline-block}
#clients .sec-title{margin:0}
.clients-node{position:absolute; right:-36px; top:50%; transform:translateY(-50%); display:flex; align-items:center; gap:8px}
.clients-node-line{width:2px; height:22px; background:#fff; display:block}
.clients-node-dot{width:8px; height:8px; border-radius:50%; background:var(--cta); display:block}
.clients-logo{margin:0 auto; display:flex; justify-content:center; max-width:820px}
.clients-logo img{display:block; width:100%; height:auto; max-height:190px; object-fit:contain}

/* Standards — editorial rows mirroring original: big Latin code 40% opposite 1:1 body 60%, alternating sides, hairlines */
.std-head{position:relative; display:inline-block; margin-bottom:16px}
#standards .wrap{padding-inline:64px}
.std-head .sec-title{margin:0}
.std-node{position:absolute; right:-36px; top:50%; transform:translateY(-50%); display:flex; align-items:center; gap:8px}
.std-node-line{width:2px; height:22px; background:var(--ink); display:block}
.std-node-dot{width:8px; height:8px; border-radius:50%; background:var(--cta); display:block}
.std-rows{border-top:1px solid var(--border-light)}
.std-row{display:grid; grid-template-columns:minmax(0,2fr) minmax(0,3fr); gap:10px 48px; align-items:baseline; padding-block:28px; border-bottom:1px solid var(--border-light)}
.std-code-cell{grid-column:1}
.std-body{grid-column:2; margin:0; color:var(--muted-light); font-size:1.02rem; line-height:1.8}
.std-row--rev .std-code-cell{grid-column:2; text-align:end}
.std-row--rev .std-body{grid-column:1}
.std-code{display:inline-block; position:relative; direction:ltr; unicode-bidi:embed; text-align:start; font-weight:800; font-size:clamp(1.45rem,2.6vw,2rem); letter-spacing:.01em; line-height:1.25; color:var(--ink); padding-bottom:12px; text-decoration:none}
.std-code::after{content:""; position:absolute; inset-inline-start:0; bottom:0; width:36px; height:3px; border-radius:2px; background:var(--cta)}
a.std-code:hover{color:var(--accent-ink)}

/* Contact — white cards on dark section, send left, square map */
#contact .info-card,#contact .form-card{border-color:var(--border-light); background:#fff; color:var(--ink)}
#contact .info-card a.tappable{color:var(--ink)}
#contact .contact-link{align-self:flex-start}
#contact .contact-icon{color:var(--ink); flex:none}
#contact .contact-chip{display:inline-flex; align-items:center; background:rgba(213,0,0,.07); border:1px solid rgba(213,0,0,.35); border-radius:8px; padding:4px 10px; box-shadow:inset 0 1px 0 rgba(255,255,255,.7); color:var(--accent-ink)}
#contact .info-card a.tappable:hover .contact-chip{border-color:var(--cta); background:rgba(213,0,0,.13)}
#contact input,#contact select,#contact textarea{background:#fff; border-color:var(--border-light); color:var(--ink)}
#contact .field label{color:var(--ink)}
#contact .error{color:var(--accent-ink)}
#contact .success{background:#fff; border-color:var(--border-light); color:var(--ink)}
#contact .info-card h3{color:var(--ink)}
#contactForm{display:flex; flex-direction:column}
#contactForm .btn-primary{align-self:flex-end; margin-top:14px}
.map-wrap{position:relative; overflow:hidden; width:min(220px,100%); aspect-ratio:1 / 1; margin-top:6px; border-radius:10px; border:1px solid var(--border-light); align-self:center; pointer-events:none}
.map-square{width:100%; height:calc(100% + 58px); margin-top:-58px; border:0; display:block; filter:grayscale(.45); pointer-events:none}
.contact-grid{display:grid; grid-template-columns:380px 1fr; gap:16px; align-items:stretch}
.info-card{border:1px solid var(--border-light); border-radius:var(--radius-card); padding:18px 16px; display:flex; flex-direction:column; gap:10px; height:100%}
.info-card a.tappable{color:var(--ink); font-weight:700; text-decoration:none; min-height:44px; display:inline-flex; align-items:center; gap:8px}
.info-card a.tappable:hover{color:var(--accent-ink)}
.form-card{border:1px solid var(--border-light); border-radius:var(--radius-card); padding:18px 16px; height:100%}
.form-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.field{display:flex; flex-direction:column; gap:6px}
.field.full{grid-column:1 / -1}
label{font-weight:700}
input,select,textarea{border:1px solid var(--border-light); border-radius:var(--radius-input); min-height:48px; padding:10px 12px; font:inherit; background:#fff; color:var(--ink); width:100%}
textarea{min-height:120px; resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--cta)}
.error{color:var(--accent-ink); font-size:.9rem; min-height:1.2em}
.success{background:#fff; border:1px solid var(--border-light); border-radius:var(--radius-card); padding:16px; font-weight:700}
.hp{position:absolute; inset-inline-start:-9999px; opacity:0; height:0; width:0}

/* Reveal motion — mirrors the original Wix system (fadeIn/floatIn/revealIn, 1.2s, cascaded delays) */
@keyframes k-fade{from{opacity:0}to{opacity:1}}
@keyframes k-float{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes k-draw{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes k-pop{0%{transform:scale(0)}70%{transform:scale(1.35)}100%{transform:scale(1)}}
[data-rv]{opacity:0}
[data-rv].rv-in{animation:k-float .9s ease-out both;animation-delay:var(--rv-d,0s)}
.practice-bar,.about-bar,.clients-node-line,.std-node-line{transform:scaleY(0);transform-origin:top center}
.practice-star,.about-dot,.clients-node-dot,.std-node-dot{transform:scale(0)}
.rv-in .practice-bar,.rv-in .about-bar,.rv-in .clients-node-line,.rv-in .std-node-line{animation:k-draw .5s ease-out .2s both}
.rv-in .practice-star,.rv-in .about-dot,.rv-in .clients-node-dot,.rv-in .std-node-dot{animation:k-pop .35s cubic-bezier(.34,1.56,.64,1) .7s both}
.slide.active>*:not(.slide-bg){animation:k-float .7s ease-out both}
.slide.active>:nth-child(2){animation-delay:.2s}
.slide.active>:nth-child(3){animation-delay:.4s}
@media (prefers-reduced-motion:reduce){
  [data-rv]{opacity:1}
  [data-rv].rv-in{animation:none}
  .practice-bar,.about-bar,.clients-node-line,.std-node-line{transform:scaleY(1)}
  .practice-star,.about-dot,.clients-node-dot,.std-node-dot{transform:scale(1)}
  .slide.active>*:not(.slide-bg){animation:none}
  .header-static .hs-l1,.header-static .hs-l2{animation:none}
}
.site-footer{background:var(--black); border-top:1px solid var(--border-dark); color:var(--muted-dark); padding-block:12px}
.footer-row{display:flex; align-items:center; justify-content:center; gap:18px; flex-wrap:wrap; text-align:center; font-size:.95rem}
.footer-row a{color:var(--muted-dark); text-decoration:none; min-height:44px; display:inline-flex; align-items:center}
.footer-row a:hover{color:var(--neon)}
.footer-row .digits{direction:ltr; unicode-bidi:embed}

/* Detail page */
.page-hero{padding-block:40px}
.principles{display:grid; grid-template-columns:repeat(2,1fr); gap:10px; list-style:none; padding:0; margin:0}
.principles li{background:var(--card-dark); border:1px solid var(--border-dark); border-radius:10px; padding:12px 14px; color:#fff}
.two-col{display:grid; grid-template-columns:1fr 1fr; gap:14px}
.contact-band{border:1px solid var(--border-dark); background:var(--card-dark); border-radius:var(--radius-card); padding:18px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:20px}

/* Responsive */
@media (max-width:1024px){
  .main-nav{display:none; position:absolute; top:var(--header-h); inset-inline:0; background:#0d0d0d; border-bottom:1px solid var(--border-dark); flex-direction:column; padding:10px 12px 16px; direction:rtl}
  .main-nav.open{display:flex}
  .main-nav a{padding:10px 12px; font-size:1.05rem}
  .menu-toggle{display:inline-flex}
  .icon-phone-btn{display:inline-flex}
  .header-actions>.wa-btn{display:inline-flex; width:44px; height:44px}
  .phone-link{display:none}
  .header-contact{display:none}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .grid-3 > :last-child{grid-column:1 / -1}
  .hero-grid{grid-template-columns:1fr}
  .method-steps{grid-template-columns:repeat(3,1fr); row-gap:32px}
  .method-step:nth-child(odd),.method-step:nth-child(even){--wh:22px}
  .method-step:nth-child(even) .method-star{transform:none}
  .about-row,.contact-grid,.two-col{grid-template-columns:1fr}
  .photo-tape{justify-self:center; margin-top:8px}
}
@media (max-width:640px){
  :root{--header-h:56px}
  .logo svg,.logo img{width:40px; height:40px}
  .wrap{padding-inline:16px}
  .sec-pad{padding-block:32px}
  .grid-4,.grid-3,.principles,.practice-editorial{grid-template-columns:1fr}
  #standards .wrap{padding-inline:20px}
  .std-row,.std-row--rev{grid-template-columns:1fr; gap:8px; padding-block:22px}
  .std-code-cell,.std-body,.std-row--rev .std-code-cell,.std-row--rev .std-body{grid-column:1}
  .std-row--rev .std-code-cell{text-align:inherit}
  .about-row{gap:20px}
  .practice-editorial{gap:20px}
  .practice-spine{height:22px}
  .grid-3 > :last-child{grid-column:auto}
  .method-band{min-height:0; padding-block:28px}
  .method-steps{grid-template-columns:repeat(2,1fr); gap:28px 12px; padding-bottom:0}
  .method-step{gap:32px; padding:0}
  .method-star{width:76px; height:76px}
  .method-label{font-size:.82rem; white-space:normal; text-align:center; max-width:100%}
  .method-steps>li:last-child{grid-column:1 / -1; width:50%; justify-self:center}
  .facts{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .hero-ctas .btn{flex:1 1 100%}
  .hero-copy{min-height:460px}
  .slide{padding:48px 60px}
  #prevSlide{left:10px}
  #nextSlide{right:10px}
  .facts{margin-top:14px}
}
@media (min-width:1025px){
}