/* ============ YourZon Branding — מדריך מיתוג דיגיטלי (הדגמה חד-מסכית) ============
   שפת המותג של יורזון (Heebo, גרדיאנט לוגו) לכרום העמוד; פלטת AURA (הלקוח הפיקטיבי
   בדוגמה) עצמאית ומוצגת בתוך הכרטיסים כדי להדגים תוצר מיתוג אמיתי, לא ערבוב מותגים. */
:root{
  --navy:#1A2340; --red:#9E0E26; --red-light:#D11430; --gold:#D9A441; --gold-soft:#B9852B;
  --ink:#1A1F2E; --ink-soft:#4B5265; --muted:#8890A3; --line:#E7E4DF;
  --bg:#F6F4F2; --card:#FFFFFF;
  --ok:#1F8A4C;
  --grad-word:linear-gradient(100deg,#D11430 0%,#C0112C 16%,#7A1E46 33%,#1A2340 50%,#7A1E46 67%,#C0112C 84%,#D11430 100%);
  --grad-btn:linear-gradient(110deg,#D11430,#9E0E26 55%,#1A2340);
  /* פלטת הלקוח לדוגמה — AURA, סטודיו יוגה ובריאות */
  --aura-sage:#7C8F6E; --aura-terracotta:#C4744A; --aura-cream:#F3ECE1; --aura-ink:#2E332B; --aura-gold:#C9A24B;
}
*{box-sizing:border-box;}
html,body{margin:0; padding:0;}
body{background:var(--bg); color:var(--ink); font-family:'Heebo',sans-serif; direction:rtl; line-height:1.5;}
.icon{display:inline-block; vertical-align:middle;}
a{color:inherit;}

.topbar{display:flex; align-items:center; justify-content:space-between; padding:18px 5vw; border-bottom:1px solid var(--line); background:var(--card);}
.word-mark{font-family:'Heebo',sans-serif; font-weight:900; letter-spacing:-.75px; background:var(--grad-word); -webkit-background-clip:text; background-clip:text; color:transparent; font-size:20px;}
.topbar-tag{font-size:12px; color:var(--gold-soft); font-weight:700; letter-spacing:1px; margin-inline-start:10px;}
.topbar-back{font-size:12.5px; font-weight:700; color:var(--ink-soft); text-decoration:none; border:1px solid var(--line); border-radius:20px; padding:8px 16px; display:inline-flex; align-items:center; gap:6px;}
.topbar-back:hover{border-color:var(--gold);}

.hero{padding:56px 5vw 40px; text-align:center; max-width:760px; margin:0 auto;}
.hero h1{font-size:clamp(26px,4vw,38px); font-weight:800; margin:0 0 14px; color:var(--navy);}
.hero p{font-size:15px; color:var(--ink-soft); margin:0;}
.hero .kicker{display:inline-block; font-size:12px; font-weight:700; letter-spacing:1.5px; color:var(--gold-soft); background:rgba(217,164,65,.12); border-radius:20px; padding:6px 16px; margin-bottom:18px;}

.wrap{max-width:1080px; margin:0 auto; padding:0 5vw 80px;}
.case-strip{display:flex; align-items:center; gap:14px; background:var(--card); border:1px solid var(--line); border-radius:16px; padding:18px 22px; margin-bottom:36px;}
.case-strip b{color:var(--navy);}
.case-strip span{color:var(--muted); font-size:13px;}

.section{margin-bottom:48px;}
.section-head{display:flex; align-items:baseline; gap:10px; margin-bottom:18px;}
.section-head h2{font-size:19px; margin:0; color:var(--navy);}
.section-head span{font-size:12.5px; color:var(--muted);}

.card{background:var(--card); border:1px solid var(--line); border-radius:16px; padding:24px;}
.grid{display:grid; gap:18px;}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}

/* לוגו */
.logo-card{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; min-height:160px; text-align:center;}
.logo-card span{font-size:12px; color:var(--muted); font-weight:700;}
.aura-mark{width:64px; height:64px; border-radius:20px; background:linear-gradient(135deg,var(--aura-sage),var(--aura-terracotta)); display:flex; align-items:center; justify-content:center; color:#fff; font-weight:800; font-size:24px;}
.aura-word{font-size:22px; font-weight:800; letter-spacing:2px; color:var(--aura-ink);}
.aura-stack{display:flex; flex-direction:column; align-items:center; gap:6px;}

/* פלטה */
.swatch-row{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; min-width:0;}
.swatch{min-width:0;}
.swatch{border-radius:12px; overflow:hidden; border:1px solid var(--line);}
.swatch-color{height:70px;}
.swatch-info{padding:9px 10px; background:var(--card);}
.swatch-info b{display:block; font-size:12px;}
.swatch-info span{font-size:11px; color:var(--muted); font-family:monospace;}

/* טיפוגרפיה */
.type-row{display:flex; align-items:baseline; justify-content:space-between; padding:14px 0; border-bottom:1px solid var(--line); gap:12px;}
.type-row:last-child{border-bottom:none;}
.type-row span{font-size:11.5px; color:var(--muted); flex:0 0 auto;}

/* טון דיבור */
.tone-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px;}
.tone-box{border-radius:14px; padding:18px; border:1px solid var(--line);}
.tone-box.good{background:rgba(31,138,76,.06); border-color:rgba(31,138,76,.25);}
.tone-box.bad{background:rgba(198,39,59,.05); border-color:rgba(198,39,59,.2);}
.tone-box b{display:flex; align-items:center; gap:6px; font-size:12.5px; margin-bottom:8px;}
.tone-box.good b{color:var(--ok);}
.tone-box.bad b{color:#C6273B;}
.tone-box p{margin:0; font-size:13.5px; color:var(--ink-soft);}

/* יישומים */
.app-mock{border-radius:14px; overflow:hidden; border:1px solid var(--line);}
.app-mock-post{aspect-ratio:1/1; background:linear-gradient(160deg,var(--aura-cream),var(--aura-sage)); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:20px; text-align:center;}
.app-mock-post .aura-word{font-size:17px; color:var(--aura-ink);}
.app-mock-post p{font-size:11.5px; color:var(--aura-ink); margin:0; max-width:200px;}
.app-mock-card{aspect-ratio:1.6/1; background:var(--aura-ink); color:var(--aura-cream); display:flex; flex-direction:column; justify-content:space-between; padding:18px;}
.app-mock-card .aura-word{color:var(--aura-cream); font-size:15px;}
.app-mock-card small{font-size:10.5px; opacity:.7;}
.app-mock-sig{padding:18px; background:var(--card); font-size:12px;}
.app-mock-sig b{display:block; color:var(--aura-ink); font-size:13.5px;}
.app-mock-sig span{color:var(--muted); display:block; margin-top:2px;}
.app-mock-label{padding:9px 12px; font-size:11.5px; color:var(--muted); border-top:1px solid var(--line); background:var(--card);}

/* מסירה */
.deliver-list{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;}
.deliver-list li{display:flex; align-items:center; gap:10px; font-size:13.5px; color:var(--ink-soft); background:var(--card); border:1px solid var(--line); border-radius:10px; padding:12px 14px;}
.deliver-list .icon{color:var(--ok); flex:0 0 auto;}

.cta{text-align:center; padding:40px 20px; border-radius:20px; background:linear-gradient(135deg,rgba(26,35,64,.04),rgba(217,164,65,.08)); border:1px solid var(--line);}
.cta h3{margin:0 0 10px; font-size:18px; color:var(--navy);}
.cta p{margin:0 0 18px; font-size:13.5px; color:var(--ink-soft);}
.cta a{display:inline-flex; align-items:center; gap:8px; background:var(--grad-btn); color:#fff; font-weight:700; font-size:14px; padding:12px 26px; border-radius:30px; text-decoration:none;}

.foot{text-align:center; padding:24px; font-size:11.5px; color:var(--muted); border-top:1px solid var(--line);}

@media(max-width:760px){
  .grid-3, .grid-2, .tone-grid, .deliver-list{grid-template-columns:1fr;}
  .swatch-row{grid-template-columns:repeat(2,minmax(0,1fr));}
  .topbar{padding:14px 4vw;}
  .topbar-tag{display:none;}
  .hero{padding:40px 6vw 30px;}
  .wrap{padding:0 6vw 60px;}
}