/* ya-home.css · run YAV-20261029-0025-GOV (G2, Claude, 29/10/2026; Yaakov 23:45–23:49). The two home pages only, after
   ya-skin.css. Layout of the new home sections: the hero copy, «מה מקבלים», five services, the AiN split, selected
   projects, the audiences, four certifications, the closing call to action, and the parts folded in <details>.
   Colours come from the site variables, so the page also reads in the dark theme; html.ya-gov (the light, institutional
   theme of ya-skin.css) refines them with the gov tokens. a11y-contrast keeps the accessibility panel's colours. */

/* ---------- 1. layout (any theme) ---------- */
.yh-sec{padding:72px 0}
@media(max-width:760px){.yh-sec{padding:52px 0}}
.yh-hero{padding:30px 0 70px}
.yh-hero .container{position:relative;z-index:2}
.yh-hero .hero-art{z-index:1;width:min(34vw,450px)}
.yh-hero-copy{max-width:700px;display:flex;flex-direction:column;align-items:flex-start}
.yh-hero-copy > *{max-width:100%}
.yh-hero h1{font-size:clamp(1.75rem,3.1vw,2.45rem)!important;line-height:1.22;max-width:21ch;margin:0}
html[lang^="en"] .yh-hero h1{font-size:clamp(1.6rem,2.8vw,2.25rem)!important;max-width:31ch}
.yh-hero .tag{margin-bottom:12px}
.yh-hero .yh-hero-sub{margin:10px 0 0;max-width:none;font-size:1.06rem;font-weight:700;color:var(--cyan)}
.yh-hero .yh-hero-p{margin:10px 0 0;max-width:64ch;font-size:1.02rem;line-height:1.7}
.yh-hero .hero-edge{margin:12px 0 0;max-width:none;font-size:1rem}
.yh-hero .hero-actions{margin-top:18px;gap:12px}
.yh-hero .hero-actions .btn{padding:13px 22px}
.yh-hero .hero-creds{margin:16px 0 0}
.yh-hero .hero-creds li{font-size:.86rem;padding:5px 11px}
@media(max-width:980px){.yh-hero{padding:28px 0 60px}.yh-hero .hero-art{width:min(100%,420px)}}
/* phones: the two buttons right under the headline, the rest of the copy after them */
@media(max-width:760px){
 .yh-hero .hero-art{display:none}
 .yh-hero{padding:16px 0 48px}
 .yh-hero .tag{order:1;font-size:.8rem;padding:4px 12px;margin-bottom:10px}
 .yh-hero h1,html[lang^="en"] .yh-hero h1{order:2;font-size:1.62rem!important;max-width:none}
 .yh-hero .yh-hero-sub{order:3;font-size:.98rem}
 .yh-hero .hero-actions{order:4;align-self:stretch;margin-top:16px}
 .yh-hero .yh-hero-p{order:5;margin-top:16px;font-size:.98rem}
 .yh-hero .hero-edge{order:6}
 .yh-hero .hero-creds{order:7}
 .yh-hero .hero-creds li{font-size:.82rem;padding:5px 10px}
}
@media(max-width:560px){.yh-hero .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.yh-hero .hero-actions .btn{text-align:center;padding:12px 16px}}
.yh-cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.yh-cards-5{grid-template-columns:repeat(6,minmax(0,1fr))}
.yh-cards-5 > .card{grid-column:span 2}
.yh-cards-5 > .card:nth-child(n+4){grid-column:span 3}
@media(max-width:1100px){.yh-cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}.yh-cards-5{grid-template-columns:repeat(2,minmax(0,1fr))}.yh-cards-5 > .card,.yh-cards-5 > .card:nth-child(n+4){grid-column:auto}.yh-cards-5 > .card:last-child{grid-column:1 / -1}}
@media(max-width:600px){.yh-cards-4,.yh-cards-5{grid-template-columns:minmax(0,1fr)}.yh-cards-5 > .card:last-child{grid-column:auto}}
.yh-sec .card h3 + p,.yh-sec .card p + p{margin-top:0}
.yh-links{margin-top:12px!important;font-size:.9rem!important}
.yh-links a{font-weight:700}
.yh-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:34px;align-items:start;margin-top:30px}
.yh-split .sw-shot{margin:0}
.yh-split-text > p{margin:0 0 14px}
.yh-split-text .tools{margin-top:14px}
.yh-strong{font-weight:700;color:var(--head)}
.yh-note{color:var(--muted);font-size:.93rem;border-inline-start:3px solid var(--edge);padding-inline-start:12px;margin-top:18px!important}
@media(max-width:900px){.yh-split{grid-template-columns:minmax(0,1fr)}}
.yh-proj{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:32px}
@media(max-width:1100px){.yh-proj{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.yh-proj{grid-template-columns:minmax(0,1fr)}}
.yh-pc{display:flex;flex-direction:column;gap:8px;background:var(--card);border:1px solid var(--edge);border-radius:14px;padding:22px 20px;min-width:0}
.yh-pc-type{font-size:.8rem;font-weight:700;letter-spacing:.02em;color:var(--amber)}
.yh-pc h3{margin:0;font-size:1.08rem;line-height:1.35;color:var(--head)}
.yh-pc-meta{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:0}
.yh-pc-meta li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--edge);font-size:.92rem;color:var(--ink)}
.yh-pc-meta li span{color:var(--muted);flex:none}
.yh-pc > p{margin:6px 0 0;color:var(--muted);font-size:.93rem}
.yh-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}
@media(max-width:1100px){.yh-cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.yh-cats{grid-template-columns:minmax(0,1fr)}}
.yh-cat{border-top:3px solid var(--amber);padding:14px 2px 0}
.yh-cat h4{margin:0 0 6px;font-size:1.02rem;color:var(--head)}
.yh-cat p{margin:0;color:var(--muted);font-size:.93rem}
.yh-aud{grid-template-columns:repeat(2,minmax(0,1fr))}
.yh-aud > .card{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:20px;align-content:start;align-items:start}
.yh-aud > .card > .ico{grid-row:1 / span 3;margin:0}
.yh-aud > .card > :not(.ico){grid-column:2}
.yh-aud > .yh-aud-main{grid-column:1 / -1}
.yh-aud > .yh-aud-main h3{font-size:1.3rem}
@media(max-width:600px){.yh-aud{grid-template-columns:minmax(0,1fr)}.yh-aud > .card{display:block}.yh-aud > .card > .ico{margin-bottom:18px}}
.yh-act{margin-top:28px}
.yh-sec.about .about-grid > div > p + p{margin-top:10px}
.yh-about-sub{margin:-4px 0 14px!important;font-weight:700;color:var(--cyan)}
.yh-cert4{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.yh-cert4 li{display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--edge);border-top:3px solid var(--amber);border-radius:10px;padding:14px 16px}
.yh-cert4 strong{color:var(--head);font-size:1rem}
.yh-cert4 span{color:var(--muted);font-size:.9rem;line-height:1.55}
@media(max-width:600px){.yh-cert4{grid-template-columns:minmax(0,1fr)}}
/* the folded parts: experience by year, all certificates, the full glossary, all guides */
.yh-more{margin-top:24px;border:1px solid var(--edge);border-radius:12px;background:var(--card);overflow:clip}
.yh-more > summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;cursor:pointer;font-weight:700;color:var(--head);-webkit-user-select:none;user-select:none}
.yh-more > summary::-webkit-details-marker{display:none}
.yh-more > summary::marker{content:''}
.yh-more > summary::after{content:'';flex:none;width:9px;height:9px;border-right:2px solid var(--amber);border-bottom:2px solid var(--amber);transform:translateY(-2px) rotate(45deg);transition:transform .3s ease}
.yh-more[open] > summary::after{transform:translateY(2px) rotate(225deg)}
.yh-more > summary:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px}
.yh-more[open] > summary{border-bottom:1px solid var(--edge)}
.yh-more-body{padding:6px 20px 22px}
.yh-more-body > .certs,.yh-more-body > .timeline{margin-top:20px}
.yh-more-body > .gloss,.yh-more-body > .guides-list{margin-top:16px}
@media(prefers-reduced-motion:reduce){.yh-more > summary::after{transition:none}}
/* the closing call to action */
.yh-start{padding:56px 0;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);background:linear-gradient(160deg,rgba(18,58,92,.55),rgba(11,27,45,.75))}
.yh-start-in{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:30px;align-items:center}
.yh-start h2{margin:0 0 10px}
.yh-start p{margin:0;max-width:60ch;color:var(--ink)}
.yh-start-act{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-end}
.yh-tel{font-weight:700;font-size:1.05rem;text-decoration:none;direction:ltr;unicode-bidi:isolate}
@media(max-width:860px){.yh-start-in{grid-template-columns:minmax(0,1fr)}.yh-start-act{justify-content:flex-start}}
@media(max-width:560px){.yh-start-act{display:grid;grid-template-columns:minmax(0,1fr)}.yh-start-act .btn{text-align:center}}
/* the updates box: the three latest, the rest behind a button (ya-home.js; without JS the whole list shows) */
html.yh-js #updates:not(.yh-all) .upd-list > li:nth-child(n+4){display:none}
html.yh-js #updates:not(.yh-all) .upd-list{max-height:none!important;height:auto!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important}
html.yh-js #updates:not(.yh-all) .upd-pause{display:none!important}
.yh-upd-row{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:16px}
.yh-upd-more{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 16px;border-radius:999px;border:1px solid var(--edge);background:var(--card);color:var(--head);font:700 .92rem/1.2 var(--font);cursor:pointer}
.yh-upd-more::after{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.yh-upd-more[aria-expanded="true"]::after{transform:translateY(2px) rotate(225deg)}
.yh-upd-row a{font-weight:700}

/* ---------- 2. the light, institutional theme (html.ya-gov) ---------- */
html.ya-gov:not(.a11y-contrast) main :is(h1,h2,h3,h4,p,li,summary,.lead,.tag,.kicker,.yh-hero-sub){text-shadow:none!important}
html.ya-gov:not(.a11y-contrast) .yh-hero .yh-hero-copy{background:rgba(255,255,255,.84);-webkit-backdrop-filter:blur(8px) saturate(1.1);backdrop-filter:blur(8px) saturate(1.1);border:1px solid rgba(213,222,231,.95);border-radius:18px;padding:24px 28px 26px;box-shadow:0 12px 34px rgba(20,38,61,.09)}
html.ya-gov:not(.a11y-contrast) .yh-hero h1{color:var(--g-head)}
html.ya-gov:not(.a11y-contrast) .yh-hero .yh-hero-sub{color:var(--g-blue-d)}
html.ya-gov:not(.a11y-contrast) .yh-hero .yh-hero-p{color:var(--g-ink)}
html.ya-gov:not(.a11y-contrast) .yh-hero .tag{background:rgba(193,139,67,.08);border:1px solid rgba(193,139,67,.55);color:var(--g-gold-t)}
html.ya-gov:not(.a11y-contrast) .yh-hero .hero-creds li{background:#FFFFFF;border:1px solid var(--g-line);color:var(--g-head)}
html.ya-gov:not(.a11y-contrast) .yh-hero .hero-edge{color:var(--g-head);border-inline-start:3px solid var(--g-gold);padding-inline-start:10px}
@media(max-width:760px){html.ya-gov:not(.a11y-contrast) .yh-hero .yh-hero-copy{padding:22px 18px 22px;border-radius:14px}}
/* the drawing beside the hero: navy lines, a gold selection, a white BOQ card */
html.ya-gov:not(.a11y-contrast) .yh-hero .bim .g-grid{stroke:var(--g-blue);stroke-opacity:.28}
html.ya-gov:not(.a11y-contrast) .yh-hero .bim .g-bub circle{fill:#FFFFFF;stroke:var(--g-blue);stroke-opacity:.6}
html.ya-gov:not(.a11y-contrast) .yh-hero .bim .g-bub text{fill:var(--g-blue-d);fill-opacity:1}
html.ya-gov:not(.a11y-contrast) .yh-hero .bim :is(.g-pod,.g-tow){stroke:var(--g-head);stroke-opacity:.5}
html.ya-gov:not(.a11y-contrast) .yh-hero .bim .g-tow{stroke-opacity:.38}
html.ya-gov:not(.a11y-contrast) .yh-hero .bim .g-col{stroke:var(--g-head);stroke-opacity:.3}
html.ya-gov:not(.a11y-contrast) .yh-hero .bim .g-sel{fill:rgba(193,139,67,.2);stroke:var(--g-gold)}
html.ya-gov:not(.a11y-contrast) .yh-hero .bim :is(.g-lead,.g-pin){stroke:var(--g-gold)}
html.ya-gov:not(.a11y-contrast) .yh-hero .bim .g-pin{fill:var(--g-gold);stroke:#FFFFFF}
html.ya-gov:not(.a11y-contrast) .yh-hero .bim .g-boq{filter:drop-shadow(0 10px 20px rgba(20,38,61,.14))}
html.ya-gov:not(.a11y-contrast) .yh-hero .bim .b-frame{fill:#FFFFFF;stroke:var(--g-line)}
html.ya-gov:not(.a11y-contrast) .yh-hero .bim .b-head{fill:var(--g-navy)}
html.ya-gov:not(.a11y-contrast) .yh-hero .bim .b-th{fill:#FFFFFF}
html.ya-gov:not(.a11y-contrast) .yh-hero .bim :is(.b-col,.b-row){stroke:var(--g-line-soft)}
html.ya-gov:not(.a11y-contrast) .yh-hero .bim .b-bar{fill:rgba(40,113,141,.22)}
html.ya-gov:not(.a11y-contrast) .yh-hero .bim .b-hi > rect:first-child{fill:rgba(193,139,67,.14);stroke:var(--g-gold)}
html.ya-gov:not(.a11y-contrast) .yh-hero .bim .b-td{fill:var(--g-head)}
html.ya-gov:not(.a11y-contrast) .yh-hero .bim .b-q{fill:var(--g-gold)}
/* sections and the new components */
html.ya-gov:not(.a11y-contrast) .yh-sec:not(.tint):not(.about){background:transparent}
html.ya-gov:not(.a11y-contrast) #services.yh-sec{background:rgba(248,250,252,.92)!important;border-top:1px solid var(--g-line);border-bottom:1px solid var(--g-line)}
html.ya-gov:not(.a11y-contrast) .yh-sec :is(h2,h3,h4,.sub){color:var(--g-head)}
html.ya-gov:not(.a11y-contrast) .yh-sec .lead{color:var(--g-muted)}
html.ya-gov:not(.a11y-contrast) .yh-sec .card h3 a{color:var(--g-head);border-bottom-color:rgba(40,113,141,.45)}
html.ya-gov:not(.a11y-contrast) .yh-sec .card h3 a:hover{color:var(--g-blue-d);border-bottom-color:var(--g-blue-d)}
html.ya-gov:not(.a11y-contrast) .yh-sec .card .ico{background:#EEF4F7;border-color:var(--g-line);color:var(--g-blue)}
html.ya-gov:not(.a11y-contrast) .yh-sec .card::before{border-color:var(--g-gold)}
html.ya-gov:not(.a11y-contrast) .yh-sec .card p{color:var(--g-muted)}
html.ya-gov:not(.a11y-contrast) .yh-aud > .yh-aud-main{border-inline-start:4px solid var(--g-gold);background:linear-gradient(90deg,#FFFFFF,#F8FAFC)}
html[dir="rtl"].ya-gov:not(.a11y-contrast) .yh-aud > .yh-aud-main{background:linear-gradient(270deg,#FFFFFF,#F8FAFC)}
html.ya-gov:not(.a11y-contrast) .yh-pc{background:#FFFFFF;border-color:var(--g-line);box-shadow:var(--g-shadow)}
html.ya-gov:not(.a11y-contrast) .yh-pc-type{color:var(--g-gold-t)}
html.ya-gov:not(.a11y-contrast) .yh-pc h3{color:var(--g-head)}
html.ya-gov:not(.a11y-contrast) .yh-pc-meta li{color:var(--g-ink);border-bottom-color:var(--g-line-soft)}
html.ya-gov:not(.a11y-contrast) .yh-pc-meta li span,html.ya-gov:not(.a11y-contrast) .yh-pc > p{color:var(--g-muted)}
html.ya-gov:not(.a11y-contrast) .yh-cat{border-top-color:var(--g-gold)}
html.ya-gov:not(.a11y-contrast) .yh-cat p{color:var(--g-muted)}
html.ya-gov:not(.a11y-contrast) .yh-strong{color:var(--g-head)}
html.ya-gov:not(.a11y-contrast) .yh-note{color:var(--g-muted);border-inline-start-color:var(--g-gold)}
html.ya-gov:not(.a11y-contrast) .yh-about-sub{color:var(--g-blue-d)}
html.ya-gov:not(.a11y-contrast) .yh-cert4 li{background:#FFFFFF;border-color:var(--g-line);border-top-color:var(--g-gold);box-shadow:0 1px 2px rgba(20,38,61,.05)}
html.ya-gov:not(.a11y-contrast) .yh-cert4 strong{color:var(--g-head)}
html.ya-gov:not(.a11y-contrast) .yh-cert4 span{color:var(--g-muted)}
html.ya-gov:not(.a11y-contrast) .yh-sec .steps li::before{background:var(--g-navy);color:#FFFFFF}
html.ya-gov:not(.a11y-contrast) .yh-more{background:#FFFFFF;border-color:var(--g-line);box-shadow:0 1px 2px rgba(20,38,61,.05)}
html.ya-gov:not(.a11y-contrast) .yh-more > summary{color:var(--g-head)}
html.ya-gov:not(.a11y-contrast) .yh-more > summary:hover{background:#F6F9FB}
html.ya-gov:not(.a11y-contrast) .yh-more > summary::after{border-color:var(--g-gold-t)}
html.ya-gov:not(.a11y-contrast) .yh-more[open] > summary{border-bottom-color:var(--g-line-soft)}
html.ya-gov:not(.a11y-contrast) .yh-more > summary:focus-visible{outline-color:var(--g-blue)}
/* the closing band: navy, the one dark strip of the page */
html.ya-gov:not(.a11y-contrast) .yh-start{background:linear-gradient(160deg,#14263D,#1F3A5A);border-color:#14263D;color:#FFFFFF}
html.ya-gov:not(.a11y-contrast) .yh-start h2{color:#FFFFFF}
html.ya-gov:not(.a11y-contrast) .yh-start p{color:#DCE5EE}
html.ya-gov:not(.a11y-contrast) .yh-start .btn-amber{background:#FFFFFF!important;border-color:#FFFFFF!important;color:var(--g-head)!important}
html.ya-gov:not(.a11y-contrast) .yh-start .btn-amber:hover{background:#EEF3F7!important;border-color:#EEF3F7!important;color:var(--g-head)!important}
html.ya-gov:not(.a11y-contrast) .yh-start .btn-ghost{background:transparent;border-color:rgba(255,255,255,.8);color:#FFFFFF}
html.ya-gov:not(.a11y-contrast) .yh-start .btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#FFFFFF;color:#FFFFFF}
html.ya-gov:not(.a11y-contrast) .yh-start .yh-tel{color:#FFFFFF}
html.ya-gov:not(.a11y-contrast) .yh-start :focus-visible{outline-color:#FFFFFF!important}
html.ya-gov:not(.a11y-contrast) .yh-upd-more{background:#FFFFFF;border-color:var(--g-line);color:var(--g-head)}
html.ya-gov:not(.a11y-contrast) .yh-upd-more:hover{background:#EEF3F7}
/* the accessibility panel's high contrast: plain, readable blocks */
html.a11y-contrast .yh-hero-copy,html.a11y-contrast .yh-pc,html.a11y-contrast .yh-more,html.a11y-contrast .yh-cert4 li{background:#000!important;border-color:#ff0!important;color:#fff!important}
@media print{.yh-more > :not(summary){display:block}.yh-start{background:none!important;color:#000}}

/* ---------- 3. ROTATE (29/10, Yaakov 02:16–02:17): the hero and closing-band texts of the four variants.
   ya-skin.js sets html[data-ya-v] before the first paint; without it (no JS) the t0 texts show. ---------- */
.ya-t{display:none}
html:not([data-ya-v]) .ya-t.ya-t0,html[data-ya-v="0"] .ya-t.ya-t0,html[data-ya-v="1"] .ya-t.ya-t1,html[data-ya-v="2"] .ya-t.ya-t2,html[data-ya-v="3"] .ya-t.ya-t3{display:inline}

/* ---------- 4. ROTATE · the young visit (html.ya-young): the dark site, the vivid AiN pictures, the same layout ---------- */
html.ya-young:not(.a11y-contrast) .yh-hero .yh-hero-copy{background:linear-gradient(160deg,rgba(11,30,49,.74),rgba(7,17,29,.66));-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2);border:1px solid rgba(98,198,242,.26);border-radius:18px;padding:24px 28px 26px;box-shadow:0 18px 44px rgba(0,0,0,.34)}
html.ya-young:not(.a11y-contrast) .yh-hero .tag{border-color:rgba(240,180,41,.62);color:#ffd77a}
html.ya-young:not(.a11y-contrast) .yh-hero .hero-edge{color:#fff;border-inline-start:3px solid var(--amber);padding-inline-start:10px}
@media(max-width:760px){html.ya-young:not(.a11y-contrast) .yh-hero .yh-hero-copy{padding:22px 18px 22px;border-radius:14px}}