*{box-sizing:border-box}body{margin:0;background:var(--surface-page);color:var(--text-body);font-size:18px;line-height:1.6}.wrap{width:min(100%,1120px);padding-inline:24px;margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px;border-bottom:1px solid var(--border-subtle)}.logo{display:flex;align-items:center;gap:16px;color:var(--text-brand);text-decoration:none;min-height:80px}.logo img{width:80px;height:80px;flex:none}.logo strong{display:block;font-size:36px;line-height:1.15}.logo bdi{display:block;font-size:16px}.building,.kicker{font-size:16px;color:var(--text-muted)}.building{margin:0}.kicker{font-weight:600}.hero{max-width:840px;padding-block:64px 40px}h1{font-size:clamp(42px,7vw,78px);line-height:1.12;letter-spacing:-.04em;color:var(--text-brand);font-weight:700;margin:16px 0 28px}h2{font-size:30px;line-height:1.25;font-weight:600;margin:0 0 16px}.lead{font-size:24px;margin:0 0 12px}.intro{max-width:620px;margin-top:28px}.invitation{max-width:760px;background:var(--surface-card);border-radius:28px;padding:36px;margin-block:8px 40px}.invitation p{font-size:22px;max-width:620px;margin:0 0 28px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:56px;padding:12px 28px;border-radius:999px;background:var(--action-bg);color:var(--text-on-action);text-decoration:none;font-weight:600}.primary:hover{background:var(--action-bg-hover)}.primary:active{background:var(--action-bg-press)}.about{max-width:680px;padding-block:8px 40px}.about p{margin:12px 0}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--border-subtle);padding-block:24px;font-size:16px;color:var(--text-muted)}nav{display:flex;flex-wrap:wrap;gap:24px}nav a{display:inline-flex;align-items:center;min-height:56px}a{color:var(--text-action);text-underline-offset:4px}a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}.skip{position:absolute;top:-120px}.skip:focus{top:8px;background:var(--surface-raised);padding:16px;z-index:5}.pt-mark{background:linear-gradient(176deg,transparent 12%,var(--marker) 12%);box-decoration-break:clone;-webkit-box-decoration-break:clone}.legal{max-width:760px;padding-block:40px}.legal h1{font-size:42px}.legal h2{margin-top:32px}.legal p,.legal li{overflow-wrap:anywhere}.legal address{font-style:normal}.legal ul{padding-inline-start:24px}@media(max-width:600px){.wrap{padding-inline:20px}header{padding-block:20px;gap:16px}.logo{gap:12px}.logo strong{font-size:30px}.building{max-width:90px}.hero{padding-block:40px 24px}h1{font-size:44px}.lead{font-size:22px}.invitation{padding:24px;margin-bottom:32px}.invitation p{font-size:20px}.primary{width:100%}footer{align-items:flex-start;flex-direction:column;gap:8px}nav{gap:20px}.about{padding-bottom:28px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.text-action{display:inline-flex;align-items:center;min-height:56px;font:inherit;color:var(--text-action);background:transparent;border:0;padding:12px 0;text-decoration:underline;cursor:pointer}button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}

[hidden]{display:none!important}
/* Portfolio: existing Pashut landing system, with real media and work examples. */
.hero-grid{max-width:none;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.75fr);gap:64px;align-items:center;padding-block:64px}.hero-grid h1{font-size:clamp(42px,5.4vw,72px)}.hero-grid .primary{margin-top:16px}.secondary-link{display:block;width:fit-content;min-height:56px;padding-block:14px}.portrait{margin:0;align-self:center}.portrait img{display:block;width:100%;height:auto;border-radius:28px}.portrait figcaption{font-size:16px;color:var(--text-muted);margin-top:12px}.section{padding-block:64px;border-top:1px solid var(--border-subtle)}.section h2{font-size:clamp(32px,4.2vw,48px);letter-spacing:-.025em;line-height:1.15;max-width:800px;text-wrap:balance}.section h3{font-size:26px;line-height:1.3;margin:0 0 12px;font-weight:600}.section p{max-width:740px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.section-heading>a{flex:none;min-height:56px;padding-block:14px}.tool-row{display:grid;grid-template-columns:80px 1fr;gap:24px;border-top:1px solid var(--border-subtle);padding-block:32px}.ordinal{font-size:40px;color:var(--text-muted);font-variant-numeric:tabular-nums}.tool-row p{margin-block:8px 16px}.tool-row .kicker{margin-top:0}.example-line{color:var(--text-brand);font-weight:600}.text-link{display:inline-flex;align-items:center;gap:16px;min-height:56px}.small-note{font-size:16px;color:var(--text-muted)}.invitation .small-note{font-size:16px;margin:16px 0 0}.invitation{max-width:none;margin-block:24px 64px;padding:48px}.invitation h2{font-size:40px}.motion-section{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:48px;align-items:start}.motion-demo video{display:block;width:100%;height:auto;aspect-ratio:8/5;border-radius:12px;background:var(--surface-card)}.motion-demo details{font-size:16px}.motion-demo summary{min-height:56px;display:list-item;padding-block:14px;color:var(--text-action);cursor:pointer}.motion-demo summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}.motion-demo details p{margin-top:0}.about-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:64px}.about-grid nav{gap:16px}.about-grid .lead{font-size:24px}.process{list-style:none;counter-reset:process;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-block:32px 0}.process li{counter-increment:process}.process li:before{content:'0' counter(process);display:block;font-size:32px;color:var(--text-muted);margin-bottom:20px;font-variant-numeric:tabular-nums}.timeline{list-style:none;padding:0;margin-block:40px}.timeline li{display:grid;grid-template-columns:150px 1fr;gap:32px;padding-block:28px;border-top:1px solid var(--border-subtle)}.date{color:var(--text-muted);font-variant-numeric:tabular-nums}.timeline p{margin:0}.stock-demo{padding:28px;background:var(--surface-card);border-radius:28px;margin-block:28px}.stock-labels,.stock-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;align-items:center}.stock-labels{font-size:16px;color:var(--text-muted);padding-bottom:16px}.stock-row{padding-block:16px;border-top:1px solid var(--border-subtle)}.stock-row input{width:100%;min-width:0;min-height:56px;font:inherit;color:var(--text-body);background:var(--surface-page);border:1.5px solid var(--border-field);border-radius:12px;padding:12px;text-align:center;font-variant-numeric:tabular-nums}.stock-row input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.stock-row input[aria-invalid=true]{border-color:var(--text-body)}.stock-row output{font-size:26px;font-variant-numeric:tabular-nums;text-align:center}.mobile-label{display:none}footer .building{max-width:360px;margin-top:8px}header nav{gap:24px}h1{text-wrap:balance}
@media(max-width:800px){.hero-grid{gap:32px;grid-template-columns:minmax(0,1.3fr) minmax(220px,.8fr)}.motion-section,.about-grid{grid-template-columns:1fr;gap:24px}.process{gap:24px}.stock-labels,.stock-row{gap:12px}.section-heading{align-items:flex-start;flex-direction:column;gap:0}}
@media(max-width:600px){header{align-items:flex-start;flex-wrap:wrap}header nav{width:100%;justify-content:space-between;gap:8px}header nav a{font-size:16px}.hero-grid{grid-template-columns:1fr;padding-block:32px;gap:24px}.hero-grid h1{font-size:44px}.portrait{max-width:360px}.hero-grid .primary{width:100%}.section{padding-block:36px}.section h2{font-size:34px}.section h3{font-size:24px}.tool-row{grid-template-columns:40px 1fr;gap:12px;padding-block:24px}.ordinal{font-size:26px}.invitation{padding:24px;margin-block:12px 36px}.invitation h2{font-size:32px}.process{grid-template-columns:1fr;gap:20px}.process li:before{margin-bottom:8px;font-size:26px}.timeline li{grid-template-columns:1fr;gap:8px}.stock-demo{padding:20px}.stock-labels{display:none}.stock-row{grid-template-columns:1fr 1fr 1fr}.stock-row>strong{grid-column:1/-1}.mobile-label{display:block;font-size:16px;margin-bottom:8px}.stock-row output:before{content:'להזמין';display:block;font-size:16px;margin-bottom:16px}.small-note{overflow-wrap:anywhere}footer nav{gap:16px}}

.intro-call{margin-top:36px;background:var(--surface-card);border-radius:20px;padding:20px 18px 22px}.intro-call p{margin:0 0 16px}.intro-call a{display:flex;align-items:center;justify-content:center;min-height:56px;padding:12px 18px;border-radius:999px;background:var(--action-bg);color:var(--text-on-action);font-weight:600;text-decoration:none}.intro-call a:hover{background:var(--action-bg-hover)}

/* FAQ uses the canonical Conversation bubbles; only layout and native disclosure here. */
.faq-list{max-width:800px;margin-block:32px}.faq-item{margin-block:24px}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;min-height:56px;list-style:none;font-weight:600}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}.faq-toggle{flex:none;width:12px;height:12px;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(45deg);margin:0 4px 6px}.faq-item[open] .faq-toggle{transform:rotate(225deg);margin-bottom:0}.faq-answer{padding-block:16px 8px}.faq-answer p{margin:0}.faq-answer .pt-bubble{font-size:18px;line-height:1.6}.faq-price-link{align-self:flex-end}.faq-question{max-width:800px;border-top:1px solid var(--border-subtle);padding-block:32px 0}.faq-question label{display:block;font-weight:600;margin-bottom:12px}.faq-question textarea{display:block;width:100%;min-height:140px;padding:16px;font:inherit;font-size:18px;line-height:1.6;color:var(--text-body);background:var(--surface-page);border:1.5px solid var(--border-field);border-radius:12px;resize:vertical}.faq-question textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.faq-contact-actions{display:flex;flex-wrap:wrap;gap:16px}.faq-instagram{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:12px 28px;border:1.5px solid var(--text-action);border-radius:999px;text-decoration:none;font-weight:600}#faq-contact-status:empty{display:none}#faq,#faq-question{scroll-margin-top:24px}@media(max-width:600px){.faq-item .pt-bubble{max-width:94%;padding:16px 18px}.faq-item summary{font-size:18px}.faq-instagram{width:100%}.faq-contact-actions{gap:12px}header nav{justify-content:flex-start;gap:4px 20px}}
.practice{max-width:800px}.practice ol{padding-inline-start:1.5em;max-width:740px}.practice li{padding-inline-start:.4em;margin-block:10px}.error-links{display:flex;flex-wrap:wrap;gap:8px 24px}.error-links a{min-height:56px;display:inline-flex;align-items:center}
/* Guide hub: grouped by the work that repeats. */
.guides-hub{padding-block:48px 72px}.guide-group{padding-block:32px;border-top:1px solid var(--border-subtle)}.guide-group h2{font-size:clamp(28px,4vw,40px);margin:0 0 20px}.guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.guide-card{padding:24px;background:var(--surface-card);border-radius:28px}.guide-card h3{font-size:24px;line-height:1.3;margin:0 0 10px}.guide-card h3 a{text-decoration:none;color:var(--text-brand)}.guide-card p{margin:8px 0 14px}.guide-card .text-link{min-height:56px}.guide-empty{padding:24px;background:var(--surface-card);border-radius:28px}@media(max-width:600px){.guides-hub{padding-block:32px 48px}.guide-list{grid-template-columns:1fr}.guide-card{padding:20px}}

/* Footer links keep a full brand-sized touch target, including short legal labels. */
footer nav :is(a,button){min-width:56px;min-height:56px;justify-content:center}

/* 390px review: preserve readable text and 56px targets. */
.faq-whatsapp{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:12px 28px;border:1.5px solid var(--text-action);border-radius:999px;color:var(--text-action);background:transparent;text-decoration:none;font-weight:600}
.small-note,.invitation .small-note{font-size:18px}
.building{font-size:18px}
header nav a{min-width:56px;min-height:56px;padding-inline:8px;justify-content:center}
.guide-card{display:block;min-height:56px;color:inherit;text-decoration:none}
.guide-card h3{color:var(--text-brand)}
.section .tool-group{margin:48px 0 0;padding-top:8px;font-size:30px;font-weight:700;color:var(--text-brand)}

/* First screen (Eran 4.11): photo floats beside the story, menu stays one line, the main action fits the first phone screen. */
.hero-grid{display:flow-root}.hero-grid>div{max-width:none}.hero-grid{padding-block:40px 48px}.hero-grid .portrait{float:left;width:min(32%,340px);margin:8px 0 24px;margin-inline-start:56px}.hero-grid .portrait img{aspect-ratio:3/4;object-fit:cover;object-position:50% 20%}.hero-grid .primary{clear:both}.nav-long{display:inline}
@media(max-width:600px){
body{font-size:17px;line-height:1.55}
.wrap{padding-inline:16px}
header,header.wrap{flex-wrap:nowrap;align-items:center;gap:8px;padding-block:4px}
.logo{min-height:64px;gap:0;flex:none}.logo img{width:64px;height:64px}.logo span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
header nav{flex:1 1 auto;min-width:0;width:auto;flex-wrap:nowrap;justify-content:space-between;gap:0;overflow-x:auto;scrollbar-width:none;white-space:nowrap}header nav::-webkit-scrollbar{display:none}
header nav a{font-size:16px;min-width:0;min-height:56px;padding-inline:4px;flex:none;letter-spacing:-.01em}
.nav-long,.nav-extra{display:none!important}
.hero,.hero-grid{padding-block:12px 20px}
.hero .kicker{margin:0 0 2px;font-size:16px}
h1,.hero-grid h1,.legal h1{font-size:32px;line-height:1.18;letter-spacing:-.02em;margin:0 0 12px}
.hero p{margin:0 0 8px}.lead,.hero .lead{font-size:19px;line-height:1.45;margin:0 0 8px}.intro{margin-top:0}
.hero-grid .portrait{width:132px;max-width:none;margin:4px 0 8px;margin-inline-start:14px}
.hero-grid .portrait img{border-radius:18px}.hero-grid .portrait figcaption{font-size:16px;margin-top:4px;line-height:1.3}
.hero-grid .primary{margin-top:8px}.secondary-link{min-height:48px;padding-block:10px}
.guides-hub{padding-block:12px 40px}
.section{padding-block:32px}
}
@media(max-width:380px){header nav a{font-size:16px;padding-inline:2px;letter-spacing:-.02em}.logo img{width:64px;height:64px}}@media(max-width:360px){.hero-grid .portrait{width:116px}}
@media(min-width:601px) and (max-width:960px){header{flex-wrap:nowrap}header nav{flex-wrap:nowrap;gap:4px 12px;white-space:nowrap}header nav a{font-size:17px}.nav-long,.nav-extra{display:none!important}}