:root{
    --cream:#FFFFFF; --cream-2:#F3F1EC; --ink:#26241E; --ink-soft:#514E44;
    --forest:#289A02; --forest-2:#289A02; --gold:#CFB176; --gold-light:#DDC89F;
    --sage:#CFE9C4; --root:#CFB176; --line:#DCD3BE; --white:#FFFDF8;
    /* זהב לכתב גדול בלבד (המחיר): אותו גוון ורוויה של זהב המותג, בהירות 48% במקום 64%, כדי שיהיה קריא.
       החלטת דגן 30.9.2026, אחרי שראה דוגמית צבע, ואחרי שראה את המחיר עצמו בשני הגוונים.
       נמדד על המסך: זהב המותג #CFB176 = ניגודיות 2.06 על לבן, ונכשל גם בסף של כתב גדול (3.0). #B58E40 = 3.04.
       🔴 אל תסמן את זה כחום שצריך להחליף. זה לא #9A7430 ולא #8B6F47, וזאת בחירה ולא שריד.
          הצבע עדיין לא נכנס לכלל הצבעים הכללי בראש CLAUDE.md (הכלל הזה של שלמה), ולכן סריקה עתידית
          עלולה לסמן אותו כחריגה. בדיוק כך קרה ל-#9A7430: הכלל הגלובלי חייב אותו, ולכן כל סבב
          "להעיף את החום" שמר אותו בכוונה, ודגן שאל 3 פעמים למה הוא עוד רואה חום.
       ולכתב קטן זהב אינו קריא בשום גוון. שם אפור כהה #514E44 או שחור, וההוראה מגיעה משקד. */
    --gold-text:#B58E40;
    --s1:#FF0000; --s1-bg:#FFEAEA; --s2:#D4A017; --s2-bg:#FBF2DC; --s3:#289A02; --s3-bg:#E5F3E1;
    --header-h:88px;
    --brand-green:#289A02; --brand-green-dark:#289A02; --brand-green-deep:#289A02;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html,body{min-height:100%; overflow-x:hidden;}
  body{font-family:'Assistant', sans-serif; background:var(--cream); color:var(--ink); min-height:100vh; display:flex; flex-direction:column; align-items:center; line-height:1.6;}
  .wrap{width:100%; max-width:1080px; padding:20px 40px 64px; flex:1; display:flex; flex-direction:column;}
  .util-btn{font-size:12.5px; font-weight:700; padding:7px 18px; border-radius:20px; cursor:pointer; transition:transform .15s ease, opacity .15s ease;}
  .util-btn:hover{transform:translateY(-1px);}
  .util-btn-ghost{background:var(--gold); border:1.5px solid var(--gold); color:#fff;}
  .util-btn-ghost:hover{opacity:0.88;}
  .util-btn-primary{background:var(--brand-green); border:1.5px solid var(--brand-green); color:#fff; box-shadow:0 3px 10px rgba(40,154,2,0.25);}
  .brand{display:flex; align-items:center; justify-content:space-between; padding:6px 0 10px; margin-bottom:10px; gap:16px; position:relative;}
  .brand-eyebrow{font-size:13px; letter-spacing:.02em; color:#000; font-weight:700; margin-bottom:6px; text-align:center; width:100%;}
  .brand-divider{width:100%; max-width:200px; height:14px; margin:0 auto; display:block;}
  .brand-name{font-family:'Assistant', sans-serif; font-size:20px; font-weight:700; color:var(--ink);}
  .brand-tag{font-size:12px; color:var(--ink-soft);}
  .brand-logo-right{height:56px; width:auto;}
  .brand-logo-left{height:56px; width:auto;}
  .brand-mid{display:flex; align-items:center; justify-content:center; gap:10px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:min(90%,520px); pointer-events:none;}
  .brand-mid *{pointer-events:auto;}
  .brand-mid .brand-tag{margin-top:2px;}
  .screen{display:none; flex-direction:column; animation:fade .4s ease; overflow-anchor:none;}
  #screen-stage{border-radius:28px; padding:32px 24px; margin:8px 0;}
  #screen-quiz, #screen-diagnostic, #screen-attachment-step, #screen-senses-step, #screen-chakras-step, #screen-hd-step, #screen-tie, #screen-result, #screen-diagnostic-result, #screen-consciousness-step{text-align:center; background:linear-gradient(180deg, var(--sage) 0%, var(--cream-2) 45%, var(--cream) 100%); border-radius:28px; padding:26px 0; margin:8px 0;}
  #screen-quiz .btn-row, #screen-diagnostic .btn-row, #screen-attachment-step .btn-row, #screen-senses-step .btn-row, #screen-chakras-step .btn-row, #screen-hd-step .btn-row, #screen-tie .btn-row, #screen-result .btn-row, #screen-diagnostic-result .btn-row{justify-content:center;}
  #screen-quiz .lede, #screen-diagnostic .lede, #screen-attachment-step .lede, #screen-senses-step .lede, #screen-chakras-step .lede, #screen-hd-step .lede, #screen-tie .lede{margin-left:auto; margin-right:auto;}
  #screen-quiz .field, #screen-diagnostic .field, #screen-attachment-step .field, #screen-senses-step .field, #screen-chakras-step .field, #screen-hd-step .field{text-align:right;}
  #screen-quiz .diag-section-sub, #screen-attachment-step .diag-section-sub, #screen-senses-step .diag-section-sub, #screen-chakras-step .diag-section-sub, #screen-hd-step .hd-divider-sub{text-align:center;}
  .screen.active{display:flex;}
  @keyframes fade{from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:translateY(0);}}

  .eyebrow{font-size:13px; letter-spacing:.04em; color:var(--gold); font-weight:600; margin-bottom:8px;}
  .top-eyebrow{text-align:center; font-size:26px; letter-spacing:.02em; color:var(--gold); font-weight:800; margin:8px 0 18px;}
  .compare-table-wrap{overflow-x:auto; margin-bottom:10px; border-radius:16px; border:1px solid var(--line); box-shadow:0 4px 16px rgba(38,36,30,0.06);}
  .compare-table{width:100%; border-collapse:collapse; min-width:640px;}
  .mini-compare-wrap{max-width:480px; margin:20px auto 0; overflow-x:auto;}
  .mini-compare{width:100%; border-collapse:collapse; font-size:11.5px;}
  .mini-compare th{padding:8px 4px; text-align:center; background:var(--brand-green); color:#fff; font-weight:700; font-size:12px;}
  .mini-compare th:first-child{background:transparent;}
  .mini-compare td{padding:8px 4px; text-align:center; border-bottom:1px solid var(--line); line-height:1.35;}
  .mini-compare .mc-cat{text-align:right; font-weight:700; color:var(--ink); font-size:11px;}
  .mini-compare tbody tr:nth-child(even){background:var(--sage);}
  .compare-table th, .compare-table td{padding:10px 12px; text-align:right; font-size:12px; border-bottom:1px solid var(--line); line-height:1.45;}
  .compare-table thead th{background:var(--gold); color:#fff; font-weight:700; font-size:13.5px;}
  .compare-table thead th:first-child{background:#fff; color:var(--ink);}
  .compare-table thead th.highlight{background:var(--gold-light); color:#1A1A1A;}
  .compare-table tbody td.cat{font-weight:700; color:#fff; background:var(--s3);}
  .compare-table tbody td.highlight{background:#fff; color:var(--ink);}
  .compare-table tbody td.val{background:var(--gold-light); color:#1A1A1A; font-weight:600; font-size:11.5px;}
  .compare-table thead th.val-head{background:var(--gold-light); color:#1A1A1A;}
  .sub-compare-table{min-width:0 !important; width:100%; table-layout:fixed;}
  .sub-compare-table th, .sub-compare-table td{font-size:12px; padding:10px 4px; text-align:center;}
  .sub-compare-table thead th{vertical-align:bottom; line-height:1.5; padding-bottom:10px;}
  .sub-compare-table thead th > span.th-badge{margin-bottom:4px;}
  .sub-compare-table .cat{width:26%; text-align:right; padding-right:8px; padding-left:2px; font-size:11px; line-height:1.25; font-weight:700;}
  .sub-compare-table th:not(:first-child), .sub-compare-table td:not(.cat){width:24.66%;}
  .sub-compare-table td.highlight{background:rgba(207,177,118,0.12);}
  .sub-compare-table .th-badge{display:block; font-size:9px; font-weight:700; background:#fff; color:var(--gold); padding:2px 6px; border-radius:10px; margin:0 auto 4px; width:fit-content;}
  .sub-compare-table .price-cell{font-size:15px; font-weight:800; color:var(--ink);}
  .sub-compare-table .price-cell span{display:block; font-size:9px; font-weight:500; color:var(--ink-soft);}
  .sub-compare-table td:not(.cat):not(.price-cell){font-size:17px; font-weight:800; color:var(--brand-green);}
  .sub-compare-table .sub-btn{font-size:11px; padding:7px 6px; white-space:nowrap; width:100%;}
  @media (min-width:481px){ .sub-compare-table{font-size:14px;} .sub-compare-table .cat{font-size:13px;} .sub-compare-table .price-cell{font-size:20px;} .sub-compare-table td:not(.cat):not(.price-cell){font-size:20px;} .sub-compare-table .sub-btn{font-size:13px; padding:9px 14px;} }
  .compare-table tbody tr.summary td{font-weight:700; border-top:2px solid var(--ink);}
  .compare-table tbody tr.summary td.cat{background:var(--ink);}
  .compare-table tbody tr:last-child td{border-bottom:none;}
  .story-block{display:flex; gap:20px; align-items:center; background:var(--white); border:1px solid var(--line); border-radius:14px; padding:20px; margin-bottom:16px;}
  .story-photo{width:130px; height:190px; object-fit:contain; background:#F3F1EC; border-radius:10px; flex-shrink:0;}
  .story-photo.cert-photo{background:#fff; border:1px solid var(--line);}
  .story-text h3{font-size:16px; color:var(--ink); font-weight:700; margin-bottom:6px;}
  .story-text p{font-size:13.5px; color:var(--ink-soft); line-height:1.6;}
  @media (max-width:520px){ .story-block{flex-direction:column; text-align:center;} }
  h1{font-family:'Assistant', sans-serif; font-size:37px; line-height:1.25; color:#000; font-weight:700; margin-bottom:18px; text-shadow:0 1px 3px rgba(0,0,0,0.12);}
  .hero-center{text-align:center; width:100vw; position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; margin-top:0; margin-bottom:24px; padding:32px 32px; display:flex; flex-direction:column; align-items:center; border-radius:0; background-size:cover; background-position:center 22%; background-repeat:no-repeat; background-image:linear-gradient(rgba(20,18,14,0.68),rgba(20,18,14,0.76)), url(images/img-01.jpg);}
  .hero-center .eyebrow{color:var(--gold-light);}
  .hero-center .mission-statement{border-right:none; border-bottom:3px solid var(--gold-light); padding-right:0; padding-bottom:14px; margin-bottom:18px; max-width:60ch; color:#fff;}
  .reassure-card{background:var(--cream-2); border-radius:18px; padding:26px 28px; margin:24px 0; text-align:center;}
  .hero-core-msg{font-size:15.5px; color:var(--ink); max-width:64ch; margin:0 auto 12px; line-height:1.65;}
  .hero-core-msg-dark{color:rgba(255,255,255,0.88); max-width:92ch; margin:0 auto 17px; font-size:13px; line-height:1.5;}
  .hero-reassure-line{color:rgba(255,255,255,0.7); font-size:13px;}
  @media (max-width:720px){ .hero-core-msg-dark{font-size:12px;} }
  .hero-core-msg:last-child{margin-bottom:0;}
  .reassure-extra{color:var(--ink-soft); font-size:14px; padding-top:12px; border-top:1px solid var(--line);}
  h2.section-title{font-family:'Assistant', sans-serif; font-size:41px; color:#000; font-weight:800; margin:84px 0 42px; text-align:center; line-height:1.2; text-shadow:0 1px 3px rgba(0,0,0,0.12);}
  .lede{font-size:16px; color:var(--ink); max-width:58ch; margin-bottom:24px;}
  .mission-statement{font-family:'Assistant', sans-serif; font-size:19px; font-weight:600; color:var(--ink); border-right:3px solid var(--gold); padding-right:16px; margin-bottom:26px; max-width:60ch;}
  .mission-badge{display:inline-block; font-size:11.5px; font-weight:600; color:var(--ink); background:var(--sage); padding:5px 12px; border-radius:20px; margin-bottom:16px;}
  .btn{appearance:none; border:none; cursor:pointer; font-family:'Assistant', sans-serif; font-weight:600; font-size:15px; border-radius:6px; padding:15px 28px; transition:transform .15s ease, background .15s ease;}
  .btn-primary{background:var(--brand-green); color:var(--white);}
  .btn-primary:hover{background:var(--brand-green-dark);}
  .btn-primary:hover{background:var(--forest-2); transform:translateY(-1px);}
  .btn-ghost{background:transparent; color:var(--ink); border:1.5px solid var(--forest);}
  .step-nav-row{display:flex; gap:10px; margin-top:8px;}
  .step-nav-row .btn-ghost, .step-nav-row .btn-primary{flex:1;}
  .btn-quiz-back{display:block; width:100%; text-align:center; margin-top:14px; background:var(--sage); color:var(--brand-green-dark); border:1.5px solid var(--brand-green); font-weight:700;}
  .btn-ghost:hover{background:var(--sage);}
  .btn-sm{padding:10px 18px; font-size:13px;}
  .btn-track-cta{width:100%; padding:18px 24px; font-size:16px; font-weight:800; border-radius:10px; margin-top:auto;}
  .btn-row{display:flex; gap:14px; flex-wrap:wrap;}
  .fine{font-size:12px; color:var(--ink-soft); margin-top:14px;}

  /* how it works */
  .steps{display:flex; flex-direction:column; gap:14px; margin-bottom:8px;}
  .step{display:flex; gap:16px; align-items:flex-start; background:var(--white); border:1px solid var(--line); border-radius:12px; padding:18px 20px;}
  .step-num{font-family:'Assistant', sans-serif; font-weight:700; color:var(--gold); font-size:18px; flex-shrink:0; width:26px;}
  .step-body b{display:block; font-size:15px; color:var(--ink); margin-bottom:3px;}
  .step-body span{font-size:13px; color:var(--ink-soft);}

  /* pricing */
  .pricing-grid{display:flex; flex-direction:column; gap:14px; margin-bottom:8px;}
  .price-card{background:var(--white); border:1.5px solid var(--line); border-radius:14px; padding:22px 24px;}
  .price-card.reco{border-color:var(--gold);}
  .price-top{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:6px;}
  .price-name{font-family:'Assistant', sans-serif; font-size:19px; color:var(--ink); font-weight:700;}
  .price-amount{font-family:'Assistant', sans-serif; font-size:22px; color:var(--gold-text); font-weight:700;}
  .price-sub{font-size:12px; color:var(--ink-soft); margin-bottom:14px;}
  .price-feats{list-style:none; font-size:13.5px; color:var(--ink); margin-bottom:16px;}
  .price-feats li{padding:5px 0 5px 0; border-bottom:1px dashed var(--line); display:flex; justify-content:space-between; gap:12px;}
  .price-feats li:last-child{border-bottom:none;}
  .price-feats li span:first-child{color:var(--ink-soft);}

  /* quiz */
  .progress-wrap{margin-bottom:32px;}
  #screen-quiz .progress-wrap{margin-bottom:16px;}
  #screen-quiz .q-card{padding:16px 18px; margin-bottom:10px;}
  .progress-meta{display:flex; justify-content:space-between; font-size:12px; color:var(--ink-soft); margin-bottom:8px;}
  .progress-track{position:relative; height:6px; background:var(--cream-2); border-radius:4px; overflow:hidden;}
  .progress-fill{position:absolute; top:0; right:0; height:100%; background:linear-gradient(to left, var(--gold), var(--gold-light)); border-radius:4px; transition:width .35s ease;}
  .q-card{background:var(--white); border:1px solid var(--line); border-radius:14px; padding:38px 30px; margin-bottom:22px;}
  .q-label{font-size:12px; color:var(--gold); font-weight:600; letter-spacing:.03em; margin-bottom:12px;}
  .q-text{font-family:'Assistant', sans-serif; font-size:22px; line-height:1.5; color:var(--ink); font-weight:500; margin-bottom:28px;}
  .scale{display:flex; gap:8px; justify-content:space-between;}
  .q-tip{margin-top:18px; font-size:12px; color:var(--ink-soft); background:var(--sage); border-radius:10px; padding:10px 14px; text-align:center;}
  .scale-opt{flex:1; text-align:center; background:var(--cream); border:1.5px solid var(--line); border-radius:8px; padding:14px 6px; font-size:12.5px; color:var(--ink); cursor:pointer; transition:border-color .15s ease, background .15s ease;}
  .scale-opt:hover{border-color:var(--gold); background:var(--cream-2);}
  .tie-row{display:flex; flex-direction:column; gap:12px;}
  .tie-opt{text-align:right; background:var(--cream); border:1.5px solid var(--line); border-radius:10px; padding:18px 20px; font-size:15px; cursor:pointer; transition:border-color .15s ease, background .15s ease;}
  .match-vs{display:flex; flex-direction:row; gap:10px; align-items:stretch;}
  .match-opt{flex:1; min-height:220px; display:flex; flex-direction:column; justify-content:flex-start; text-align:center; background:var(--cream); border:1.5px solid var(--line); border-radius:14px; padding:64px 12px 16px; font-size:13.5px; font-weight:600; color:var(--ink); line-height:1.45; cursor:pointer; transition:border-color .15s ease, background .15s ease, transform .1s ease;}
  .match-opt-icon{display:flex; justify-content:center; text-align:center; width:100%; margin-bottom:10px;}
  .match-opt-type{display:block; font-size:11px; font-weight:800; color:var(--gold); margin:12px 0 8px; text-transform:uppercase; letter-spacing:.03em;}
  .match-opt:hover{border-color:var(--gold); background:var(--cream-2); transform:scale(1.01);}
  .match-opt:active{transform:scale(0.98);}
  .match-vs-divider{align-self:flex-start; margin-top:127px; font-size:12px; font-weight:800; color:var(--gold); flex-shrink:0;}
  .match-skip-btn{display:block; width:100%; text-align:center; margin:16px 0 14px; font-size:13.5px;}
  .tie-opt:hover{border-color:var(--gold); background:var(--cream-2);}
  .back-link{font-size:13px; color:var(--ink-soft); cursor:pointer; align-self:flex-start; text-decoration:underline;}

  /* result */
  .result-hero{background:var(--brand-green-deep); color:var(--white); border-radius:16px; padding:18px 20px; margin-bottom:8px;}
  .value-label{font-size:10.5px; font-weight:800; text-transform:uppercase; letter-spacing:.03em; color:var(--gold-light); margin:8px 0 3px;}
  .types-gallery{display:flex; flex-direction:column; gap:6px; margin-bottom:24px;}
  .types-gallery-row{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:14px;}
  .result-gallery-group-title{font-size:12.5px; font-weight:800; color:var(--brand-green-dark); text-align:right; margin:6px 2px 4px;}
  @media (min-width:560px){ .types-gallery-row{grid-template-columns:repeat(4,1fr);} }
  @media (min-width:760px){ .types-gallery-row{grid-template-columns:repeat(6,1fr);} }
  .type-gallery-item{display:flex; flex-direction:column; align-items:center; gap:4px; padding:8px 4px; border-radius:10px; background:var(--white); border:1.5px solid var(--line); text-align:center; cursor:pointer; transition:transform .12s ease, border-color .12s ease;}
  .type-gallery-item:hover{transform:translateY(-2px); border-color:var(--gold);}
  .result-validate-box{background:var(--sage); border-radius:14px; padding:8px 16px; margin:2px 0; text-align:center;}
  .result-validate-title{font-weight:800; font-size:14px; color:var(--brand-green-dark); margin-bottom:4px;}
  .result-validate-text{font-size:12px; color:var(--ink); line-height:1.4; margin:0;}
  .type-gallery-item .g-icon{font-size:16px; width:46px; height:46px; border-radius:50%; display:flex; align-items:center; justify-content:center;}
  .type-gallery-item .g-name{font-size:9.5px; font-weight:600; color:var(--ink-soft); line-height:1.2;}
  .type-gallery-item .g-word{font-size:8px; color:var(--gold); font-weight:700; margin-top:1px;}
  .type-gallery-item.is-you{border-color:var(--gold); background:var(--cream-2); transform:scale(1.06);}
  .type-gallery-item.is-you .g-name{color:var(--ink); font-weight:800;}
  .result-hero .eyebrow2{font-size:12px; color:var(--gold-light); font-weight:600; margin-bottom:10px;}
  .result-hero h2{font-family:'Assistant', sans-serif; font-size:30px; font-weight:800; margin-bottom:4px; color:var(--gold-light); text-shadow:0 1px 0 var(--gold), 0 3px 10px rgba(0,0,0,0.35);}
  .result-hero .word{font-size:12px; color:var(--sage); margin-bottom:8px;}
  .result-hero p{font-size:12px; line-height:1.4; color:#EDE9DC; max-width:56ch;}
  .result-hero p + p{margin-top:6px;}
  .bars{background:var(--white); border:1px solid var(--line); border-radius:14px; padding:24px 26px; margin-bottom:24px;}
  .bars h3{font-family:'Assistant', sans-serif; font-size:16px; color:var(--ink); margin-bottom:16px; font-weight:700;}
  .bar-row{display:flex; align-items:center; gap:12px; margin-bottom:9px; font-size:13px;}
  .bar-name{width:110px; flex-shrink:0; color:var(--ink-soft);}
  .bar-name.top{color:var(--ink); font-weight:600;}
  .bar-track{flex:1; height:8px; background:var(--cream-2); border-radius:4px; overflow:hidden;}
  .bar-fill{height:100%; background:var(--root); border-radius:4px;}
  .bar-fill.top{background:var(--gold);}

  /* form */
  .form-card{background:var(--white); border:1px solid var(--line); border-radius:14px; padding:30px; margin-bottom:20px;}
  .hd-divider{background:var(--sage); border-radius:12px; padding:12px 16px; margin:8px 0 12px;}
  .diag-step-row{display:flex; align-items:center; justify-content:center; gap:10px; margin-bottom:28px; flex-wrap:wrap;}
  .diag-section-card{background:var(--white); border:1px solid var(--line); border-radius:16px; padding:12px 14px; margin-bottom:10px; box-shadow:0 4px 16px rgba(38,36,30,0.04);}
  .diag-section-head{display:flex; flex-direction:column; align-items:center; text-align:center; gap:3px; margin-bottom:8px;}
  #screen-attachment-step h1, #screen-senses-step h1, #screen-chakras-step h1, #screen-consciousness-step h1, #screen-hd-step h1{font-size:22px; margin-bottom:8px;}
  #screen-attachment-step .lede, #screen-senses-step .lede, #screen-chakras-step .lede, #screen-consciousness-step .lede, #screen-hd-step .lede{font-size:13px; margin-bottom:10px;}
  #screen-attachment-step .step-progress, #screen-senses-step .step-progress, #screen-chakras-step .step-progress, #screen-consciousness-step .step-progress, #screen-hd-step .step-progress, #screen-quiz .step-progress{margin-bottom:8px;}
  #screen-attachment-step .eyebrow, #screen-senses-step .eyebrow, #screen-chakras-step .eyebrow, #screen-consciousness-step .eyebrow, #screen-hd-step .eyebrow, #screen-quiz .eyebrow{margin-bottom:4px;}
  #screen-hd-step .field{margin-bottom:10px;}
  #screen-hd-step .diag-section-card{padding-bottom:6px;}
  .diag-section-icon{font-size:24px; width:48px; height:48px; flex-shrink:0; background:var(--sage); border-radius:12px; display:flex; align-items:center; justify-content:center;}
  .diag-section-title{font-size:17px; font-weight:800; color:var(--ink);}
  .consciousness-q-title{font-size:16px; font-weight:800; color:var(--ink); text-align:center; margin:12px 0 8px;}
  .consciousness-q:first-of-type .consciousness-q-title{margin-top:6px;}
  .consciousness-q .pattern-opts{display:grid; grid-template-columns:repeat(3, 1fr); gap:6px;}
  .consciousness-q .pattern-opt{padding:7px 5px; min-height:auto; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:2px;}
  .consciousness-q .pattern-opt b{font-size:12px; line-height:1.3;}
  .consciousness-q .pattern-opt span{font-size:10.5px; line-height:1.3; color:var(--ink-soft);}
  .diag-section-sub{font-size:12.5px; color:var(--ink-soft); margin-top:2px;}
  .chakras-list{display:flex; flex-direction:column; gap:8px;}
  .chakra-row{display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; padding:10px 12px; border-radius:10px; background:var(--cream-2);}
  .chakra-info{width:100%;}
  .chakra-name{display:block; font-size:16px; font-weight:700; color:var(--ink); margin-bottom:4px; text-align:center;}
  .chakra-desc{display:block; font-size:13px; color:var(--ink-soft); line-height:1.5; text-align:center;}
  .pattern-opts{display:grid; grid-template-columns:repeat(2, 1fr); gap:8px;}
  .pattern-opt{border:1.5px solid var(--line); border-radius:12px; padding:10px 10px; cursor:pointer; text-align:center; transition:border-color .15s ease, background .15s ease;}
  .pattern-opt b{display:block; font-size:16px; color:var(--ink); margin-bottom:4px;}
  .pattern-opt span{font-size:13.5px; line-height:1.35; color:var(--ink-soft); display:block;}
  .pattern-opt.selected{border-color:var(--gold); background:var(--cream-2);}
  .senses-grid{display:flex; flex-direction:column; gap:10px;}
  .sense-row{display:flex; flex-direction:column; align-items:center; text-align:center; gap:5px; padding:8px 8px; border-radius:10px; background:var(--cream-2); margin-bottom:6px;}
  .sense-info{width:100%;}
  .sense-name{display:block; font-size:16px; font-weight:700; color:var(--ink); margin-bottom:4px;}
  .sense-desc{display:block; font-size:13px; color:var(--ink-soft); line-height:1.5;}
  .sense-picks{display:flex; gap:10px;}
  .sense-pick{font-size:26px; cursor:pointer; opacity:0.35; transition:opacity .15s ease, transform .15s ease; padding:4px;}
  .step-progress{display:flex; justify-content:center; gap:8px; margin-bottom:16px;}
  .step-dot{width:10px; height:10px; border-radius:50%; background:var(--line);}
  .step-dot.done{background:var(--gold);}
  .step-dot.active{background:var(--brand-green); transform:scale(1.3);}
  .pick-legend{display:flex; justify-content:center; gap:18px; margin-bottom:14px; font-size:12px; font-weight:700; color:var(--ink-soft);}
  .pick-legend span{display:flex; align-items:center; gap:5px;}
  .pick-dot{width:10px; height:10px; border-radius:50%; display:inline-block;}
  .pick-dot.red{background:var(--s1);} .pick-dot.yellow{background:var(--s2);} .pick-dot.green{background:var(--s3);}
  .sense-pick.active{opacity:1; transform:scale(1.25);}
  .result-section{margin-bottom:24px;}
  .result-card-pro{background:var(--white); border:1px solid var(--line); border-radius:18px; padding:24px 22px; margin-bottom:18px; box-shadow:0 4px 16px rgba(38,36,30,0.04); text-align:center;}
  .result-card-pro-head{display:flex; align-items:center; justify-content:center; gap:10px; font-size:13px; font-weight:800; color:var(--ink); text-transform:uppercase; letter-spacing:.02em; margin-bottom:16px;}
  .result-card-pro-icon{font-size:18px;}
  .result-next-note{display:flex; flex-direction:column; align-items:center; gap:8px; background:var(--sage); border-radius:14px; padding:16px 18px; margin:8px 0 24px; text-align:center; font-size:13px; color:var(--ink); line-height:1.6;}
  .result-next-note-icon{font-size:18px;}
  .result-section-label{font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.03em; color:var(--ink-soft); margin-bottom:10px;}
  .type-result-box{display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; background:var(--white); border:1.5px solid var(--line); border-radius:14px; padding:20px;}
  .type-result-icon{font-size:44px; width:64px; height:64px; display:flex; align-items:center; justify-content:center; background:var(--cream-2); border-radius:50%; flex-shrink:0;}
  .senses-summary{display:flex; flex-wrap:wrap; gap:8px;}
  .senses-summary span{font-size:12px; background:var(--cream-2); border-radius:20px; padding:5px 12px;}
  .hd-chart-row{display:flex; align-items:center; gap:20px; flex-wrap:wrap;}
  .why-stage-box{background:var(--brand-green-deep); border-radius:18px; padding:26px 24px;}
  .diag-step{display:flex; flex-direction:column; align-items:center; gap:6px;}
  .diag-step-num{width:34px; height:34px; border-radius:50%; background:var(--sage); color:var(--forest); font-weight:800; display:flex; align-items:center; justify-content:center; font-size:15px;}
  .diag-step-label{font-size:11.5px; color:var(--ink-soft); font-weight:600;}
  .diag-step-arrow{color:var(--line); font-size:16px;}
  .once-note{display:flex; align-items:flex-start; gap:10px; background:var(--sage); border-radius:12px; padding:14px 16px; margin-bottom:20px; text-align:right; font-size:12.5px; color:var(--ink); line-height:1.6;}
  .trait-legend{display:flex; flex-direction:column; gap:10px; max-width:520px; margin:0 auto 24px;}
  .trait-legend-compact{max-width:480px; margin:0 auto 16px; display:flex; flex-direction:column; gap:6px;}
  .trait-legend-row{display:flex; align-items:center; gap:8px; font-size:12px; color:var(--ink-soft); text-align:right;}
  .group-select-list{display:flex; flex-direction:column; gap:5px; max-width:560px; margin:0 auto 8px;}
  .group-select-card{position:relative; display:flex; align-items:flex-start; gap:8px; background:var(--white); border:1.5px solid var(--line); border-radius:10px; padding:7px 10px; text-align:right; cursor:pointer; transition:border-color .15s ease, background .15s ease;}
  .group-select-card:hover{border-color:var(--gold);}
  .group-select-card.selected{border-color:var(--brand-green); background:var(--sage);}
  .group-select-check{position:absolute; top:10px; left:10px; width:18px; height:18px; border-radius:5px; border:1.5px solid var(--line); background:#fff; color:transparent; font-size:12px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
  .group-select-card.selected .group-select-check{background:var(--brand-green); border-color:var(--brand-green); color:#fff;}
  .group-select-icon{font-size:22px; flex-shrink:0;}
  .group-select-body{flex:1;}
  .group-select-name{font-weight:800; font-size:13px; color:var(--ink); margin-bottom:1px;}
  .group-select-desc{font-size:11px; color:var(--ink-soft); line-height:1.3; margin-bottom:4px;}
  .group-select-types-label{font-size:10.5px; color:var(--ink-soft); margin-bottom:5px;}
  .group-select-chips{display:flex; flex-wrap:wrap; gap:5px;}
  .group-type-chip{font-size:10.5px; font-weight:700; color:var(--brand-green-dark); background:var(--sage); border:1px solid var(--brand-green); border-radius:12px; padding:3px 10px;}
  .trait-legend-item{display:flex; align-items:center; gap:10px; text-align:right; font-size:12.5px; color:var(--ink); line-height:1.5;}
  .trait-badge{flex-shrink:0; display:inline-block; font-size:11px; font-weight:800; padding:4px 10px; border-radius:20px; white-space:nowrap;}
  .trait-badge-fixed{background:var(--sage); color:var(--brand-green-dark);}
  .trait-badge-release{background:var(--s2-bg, #FBF2DC); color:var(--s2, #D4A017);}
  .step-trait-tag{display:inline-block; font-size:10.5px; font-weight:700; padding:2px 9px; border-radius:12px; margin-inline-start:8px; vertical-align:middle;}
  .once-note-icon{font-size:18px; flex-shrink:0;}
  .diag-slider-label{display:block; font-size:14.5px; font-weight:700; color:var(--ink); margin-bottom:8px;}
  .diag-slider-ends{display:flex; justify-content:space-between; font-size:11.5px; color:var(--ink-soft); margin-bottom:6px;}
  .diag-slider{width:100%; accent-color:var(--gold); height:6px; cursor:pointer;}
  .hd-divider-title{font-size:14.5px; font-weight:800; color:var(--ink); margin-bottom:6px;}
  .hd-divider-sub{font-size:12.5px; color:var(--ink-soft); line-height:1.5;}
  .field{margin-bottom:16px;}
  .field label{display:block; font-size:13px; color:var(--ink-soft); margin-bottom:6px;}
  .field input{width:100%; padding:13px 14px; border:1.5px solid var(--line); border-radius:8px; font-family:'Assistant'; font-size:15px; background:var(--cream);}
  .field input:focus{outline:none; border-color:var(--gold);}
  .plan-chip{display:inline-block; background:var(--sage); color:var(--ink); font-size:12px; font-weight:600; padding:6px 14px; border-radius:20px; margin-bottom:18px;}
  .signup-includes{background:var(--sage); border-radius:14px; padding:16px 20px; margin-bottom:20px; text-align:right; max-width:420px; margin-left:auto; margin-right:auto;}
  .signup-includes-title{font-weight:800; color:var(--brand-green-dark); font-size:13.5px; margin-bottom:8px;}
  .signup-includes-list{list-style:none; margin:0; padding:0;}
  .signup-includes-list li{font-size:13px; color:var(--ink); padding:4px 0 4px 0; position:relative; padding-right:18px;}
  .signup-includes-list li::before{content:'✓'; position:absolute; right:0; color:var(--gold); font-weight:800;}
  .auth-switch-link{text-align:center; font-size:13px; color:var(--ink-soft); margin-top:16px;}
  .auth-switch-link span{color:var(--brand-green); font-weight:700; cursor:pointer; text-decoration:underline;}

  /* dashboard */
  .dash-head{display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:28px; flex-wrap:wrap; gap:10px;}
  .dash-hello{font-family:'Assistant', sans-serif; font-size:26px; color:var(--ink); font-weight:700;}
  .dash-sub{font-size:13px; color:var(--ink-soft); margin-top:4px;}
  .dash-expiry-widget{margin-top:14px; border-radius:12px; padding:12px 16px; font-size:13px; line-height:1.5;}
  .dash-expiry-widget p{margin:0;}
  .dash-expiry-widget.expiry-ok{background:var(--sage); color:var(--brand-green-dark);}
  .dash-expiry-widget.expiry-expired{background:var(--s1-bg); color:#7a1010;}
  .dash-grid{display:flex; flex-direction:column; gap:16px;}
  .card{background:var(--white); border:1px solid var(--line); border-radius:14px; padding:22px 24px;}
  .hd-card{background:var(--brand-green-deep); border-color:var(--brand-green-deep); color:#fff;}
  .hd-card .card-title{color:#fff;}
  .hd-type-row{margin-bottom:6px;}
  .hd-type-name{font-size:22px; font-weight:800; color:var(--gold-light);}
  .hd-authority{font-size:13px; color:rgba(255,255,255,0.75); margin-bottom:10px;}
  .hd-desc{font-size:13.5px; line-height:1.6; color:rgba(255,255,255,0.9);}
  .hd-card .fine{color:rgba(255,255,255,0.6);}
  .tools-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:10px;}
  .tool-tile{display:flex; flex-direction:column; align-items:center; text-align:center; gap:5px; background:var(--cream-2); border:1px solid var(--line); border-radius:12px; padding:14px 8px; cursor:pointer; font-family:'Assistant', sans-serif; transition:transform .15s ease, border-color .15s ease;}
  .tool-tile:hover{transform:translateY(-2px); border-color:var(--gold);}
  .tool-tile-icon{font-size:22px;}
  .tool-tile-name{font-size:11.5px; font-weight:700; color:var(--ink); line-height:1.3;}
  @media (min-width:560px){ .tools-grid{grid-template-columns:repeat(4,1fr);} }
  .tool-modal-overlay{display:none; position:fixed; inset:0; background:rgba(38,36,30,0.6); z-index:200; align-items:center; justify-content:center; padding:20px;}
  .tool-modal-overlay.active{display:flex;}
  .tool-modal{background:var(--white); border-radius:18px; padding:30px; max-width:480px; width:100%; max-height:85vh; overflow-y:auto; position:relative;}
  .tool-modal-close{position:absolute; top:16px; left:16px; background:var(--cream-2); border:none; border-radius:50%; width:32px; height:32px; font-size:18px; cursor:pointer; color:var(--ink-soft);}
  .tool-modal-icon{font-size:36px; margin-bottom:8px;}
  .tool-modal h3{font-size:20px; font-weight:800; color:var(--ink);}
  .tool-modal-text{font-size:14px; color:var(--ink); line-height:1.7; margin-bottom:14px;}
  .tool-modal-return{background:var(--sage); border-radius:10px; padding:12px 14px; font-size:12.5px; color:var(--ink); line-height:1.5;}
  .card-title{font-family:'Assistant', sans-serif; font-size:16px; color:var(--ink); font-weight:700; margin-bottom:14px; display:flex; justify-content:space-between; align-items:center;}
  .card-title span.tag{font-size:11px; font-weight:600; color:var(--ink-soft); background:var(--cream-2); padding:3px 10px; border-radius:12px;}
  .checkin-txt{width:100%; min-height:70px; border:1.5px solid var(--line); border-radius:8px; padding:12px; font-family:'Assistant'; font-size:14px; background:var(--cream); resize:vertical; margin-bottom:12px;}
  .checkin-txt:focus{outline:none; border-color:var(--gold);}
  .track-list{list-style:none; display:flex; flex-direction:column; gap:10px;}
  .track-item{display:flex; align-items:center; gap:12px; font-size:14px;}
  .track-dot{width:10px; height:10px; border-radius:50%; flex-shrink:0; background:var(--cream-2); border:1.5px solid var(--line);}
  .track-item.current .track-dot{background:var(--gold); border-color:var(--gold);}
  .track-item.current span{color:var(--ink); font-weight:600;}
  .track-item span{color:var(--ink-soft);}
  .course-list{list-style:none; display:flex; flex-direction:column; gap:2px;}
  .course-item{display:flex; justify-content:space-between; align-items:center; padding:11px 4px; border-bottom:1px dashed var(--line); font-size:14px;}
  .course-item:last-child{border-bottom:none;}
  .course-status{font-size:11px; padding:3px 9px; border-radius:10px; font-weight:600;}
  .course-status.open{background:var(--gold-light); color:#1A1A1A;}
  .course-status.locked{background:var(--cream-2); color:var(--ink-soft);}
  .chat-box{display:flex; flex-direction:column; gap:10px; margin-bottom:14px; background:#E5F3E1; border-radius:10px; padding:14px;}
  .whatsapp-header{display:flex; align-items:center; gap:10px; margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid var(--line);}
  .whatsapp-badge{width:34px; height:34px; border-radius:50%; background:#25D366; display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:16px;}
  .bubble.bot{background:#fff; color:var(--ink); align-self:flex-start; border-bottom-left-radius:4px; box-shadow:0 1px 1px rgba(0,0,0,0.08);}
  .bubble.me{background:#D9FDD3; color:var(--ink); align-self:flex-end; border-bottom-right-radius:4px; box-shadow:0 1px 1px rgba(0,0,0,0.08);}
  .bubble{max-width:80%; padding:11px 15px; border-radius:14px; font-size:13.5px; line-height:1.5;}
  .chat-input{display:flex; gap:8px;}
  .chat-input input{flex:1; padding:11px 14px; border:1.5px solid var(--line); border-radius:20px; background:var(--cream); font-family:'Assistant'; font-size:13.5px;}
  .mock-note{background:var(--cream-2); border:1px dashed var(--line); border-radius:10px; padding:12px 16px; font-size:12.5px; color:var(--ink-soft); margin-top:6px;}

  /* companion intro */
  .companion-intro{display:flex; gap:18px; align-items:flex-start; background:var(--sage); border-radius:14px; padding:22px 24px; margin:28px 0;}
  .companion-icon{width:52px; height:52px; flex-shrink:0; margin-top:2px;}
  .companion-title{font-family:'Assistant', sans-serif; font-size:16px; font-weight:700; color:var(--ink); margin-bottom:6px;}
  .companion-text{font-size:13.5px; color:var(--ink); max-width:60ch;}
  .companion-detail-grid{display:flex; flex-direction:column; gap:14px; margin-bottom:8px;}
  .companion-block{background:var(--white); border:1px solid var(--line); border-radius:12px; padding:20px 22px;}
  .companion-faq{display:flex; flex-direction:column; gap:10px; max-width:640px; margin:0 auto;}
  .faq-item{background:var(--white); border:1px solid var(--line); border-radius:12px; padding:4px 22px; transition:border-color .2s ease;}
  .faq-item[open]{border-color:var(--gold);}
  .faq-item summary{list-style:none; cursor:pointer; padding:16px 0; font-weight:800; font-size:15.5px; color:var(--ink); display:flex; align-items:center; justify-content:space-between; gap:12px;}
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary::after{content:'+'; flex-shrink:0; font-size:22px; font-weight:400; color:var(--gold); transition:transform .25s ease;}
  .faq-item[open] summary::after{transform:rotate(45deg);}
  .faq-item p{font-size:14px; line-height:1.6; color:var(--ink-soft); padding-bottom:18px; margin:0;}
  .companion-stage-progress{display:flex; flex-direction:column; gap:12px; margin-top:14px;}
  .companion-stage-item{background:var(--white); border-radius:12px; padding:16px 18px; border-right:4px solid var(--line);}
  .companion-stage-item.stage-p1{border-color:var(--s1);}
  .companion-stage-item.stage-p2{border-color:var(--s2);}
  .companion-stage-item.stage-p3{border-color:var(--s3);}
  .companion-stage-tag{font-size:12px; font-weight:800; color:var(--ink); margin-bottom:5px;}
  .companion-stage-item p{font-size:13px; color:var(--ink-soft); line-height:1.55; margin:0;}
  @media (min-width:720px){ .companion-stage-progress{flex-direction:row;} .companion-stage-item{flex:1;} }
  .continue-teaser{display:flex; align-items:center; gap:16px; background:var(--sage); border-radius:14px; padding:20px 24px; margin:24px 0;}
  .continue-teaser svg{flex-shrink:0;}
  .continue-teaser p{font-size:13.5px; color:var(--ink); line-height:1.6;}
  .subscription-section{background:var(--brand-green-deep); border-radius:24px; padding:48px 24px; margin:36px 0; color:#fff;}
  .agent-showcase{text-align:center; background:#fff; border:2px solid var(--gold); border-radius:24px; padding:36px 24px; margin:36px 0;}
  .agent-showcase-compact{padding:22px 20px; margin:24px 0;}
  .agent-showcase-compact .agent-showcase-avatar{margin-bottom:8px; transform:scale(0.8);}
  .agent-showcase-compact h3{margin-bottom:6px;}
  .agent-showcase-compact p{margin-bottom:8px;}
  .agent-showcase-avatar{display:flex; justify-content:center; margin-bottom:14px;}
  .diag-agent-intro{display:flex; flex-direction:column; align-items:center; margin-bottom:6px;}
  .diag-agent-name{font-size:13px; font-weight:800; color:var(--gold); margin-top:6px;}
  .diag-agent-bubble{background:var(--sage); border-radius:16px; padding:14px 20px; margin-top:8px; font-size:13px; line-height:1.6; color:var(--brand-green-dark); text-align:right; max-width:360px;}
  .pc-choices{display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; margin-bottom:16px;}
  .pc-choice-btn{display:block; width:100%; text-align:right; padding:12px 16px; border-radius:12px; border:1.5px solid var(--line); background:var(--cream); font-size:14px; font-weight:600; color:var(--ink); cursor:pointer; transition:border-color .15s ease, background .15s ease;}
  .pc-choice-btn:hover{border-color:var(--brand-green);}
  .pc-choice-btn.selected{border-color:var(--brand-green); background:var(--sage); color:var(--brand-green-dark);}
  #personal-context-section{padding-top:6px;}
  #personal-context-section > .back-link{display:block; margin-bottom:18px;}
  #personal-context-section .step-progress{margin-bottom:18px;}
  #personal-context-section .eyebrow{margin-bottom:10px; text-align:center;}
  #personal-context-section h2.section-title{text-align:center;}
  .pc-elaborate-wrap{margin-top:4px;}
  .pc-elaborate-input{width:100%; min-height:70px; max-height:120px; padding:12px 14px; border-radius:12px; border:1.5px solid var(--brand-green); font-size:14px; font-family:inherit; color:var(--ink); resize:vertical; box-sizing:border-box;}
  .agent-showcase h3{font-weight:800; margin-bottom:10px;}
  .agent-name-big{display:inline-block; font-size:26px; color:var(--ink); margin-bottom:6px;}
  .agent-included-tag{font-size:12px; font-weight:700; color:var(--gold); letter-spacing:.02em; margin-bottom:4px;}
  .agent-name-desc{display:inline-block; font-size:14px; font-weight:600; color:var(--ink); max-width:44ch; line-height:1.5;}
  .agent-showcase p{font-size:13.5px; color:var(--ink-soft); max-width:40ch; margin:0 auto 14px;}
  .agent-showcase-note{display:inline-block; background:var(--white); border:1px solid var(--gold); border-radius:20px; padding:8px 18px; font-size:12.5px; font-weight:700; color:var(--ink); max-width:34ch; margin:0 auto;}
  #screen-agent-plans{text-align:center;}
  #screen-agent-plans .btn-row{justify-content:center;}
  .agent-plans-hero{display:flex; flex-direction:column; align-items:center; margin-bottom:8px; margin-top:32px;}
  .agent-plans-hero > div:first-child{margin-bottom:16px;}
  .sub-eyebrow{text-align:center; font-size:12px; letter-spacing:.1em; color:var(--gold-light); font-weight:800; text-transform:uppercase; margin-bottom:8px;}
  .subscription-section .section-title{color:#fff;}
  .subscription-section .lede{color:rgba(255,255,255,0.75);}
  .sub-grid{display:flex; flex-direction:column; gap:16px;}
  .sub-card{background:rgba(255,255,255,0.06); border:1.5px solid rgba(255,255,255,0.15); border-radius:16px; padding:26px 24px; position:relative;}
  .sub-card.featured{background:#fff; color:var(--ink); border-color:var(--gold-light);}
  .sub-badge{position:absolute; top:-13px; right:24px; background:var(--gold); color:#fff; font-size:11px; font-weight:800; padding:4px 14px; border-radius:12px;}
  .sub-name{font-size:20px; font-weight:800; margin-bottom:6px;}
  .sub-price{font-size:32px; font-weight:800; margin-bottom:6px;}
  .sub-price span{font-size:14px; font-weight:500; opacity:0.7;}
  .sub-desc{font-size:13px; opacity:0.8; margin-bottom:16px;}
  .sub-card.featured .sub-desc{opacity:0.65;}
  .sub-feats{list-style:none; margin-bottom:20px;}
  .sub-feats li{font-size:13.5px; padding:7px 0 7px 0; border-bottom:1px solid rgba(255,255,255,0.12); position:relative; padding-right:20px;}
  .sub-card.featured .sub-feats li{border-bottom-color:var(--line);}
  .sub-feats li::before{content:'✓'; position:absolute; right:0; color:var(--gold-light); font-weight:800;}
  .sub-card.featured .sub-feats li::before{color:var(--gold);}
  .sub-feats li:last-child{border-bottom:none;}
  .sub-btn{width:100%; padding:14px; background:var(--gold); color:#fff; border:none; border-radius:8px; font-family:'Assistant', sans-serif; font-weight:700; font-size:15px; cursor:pointer;}
  .sub-card.featured .sub-btn{background:var(--brand-green);}
  @media (min-width:720px){ .sub-grid{flex-direction:row;} .sub-card{flex:1;} .sub-card.featured{transform:scale(1.04);} }
  .companion-block.accent{background:var(--sage); border-color:var(--sage);}
  .companion-block h3{font-size:15px; color:var(--ink); font-weight:700; margin-bottom:8px;}
  .companion-block p{font-size:13.5px; color:var(--ink-soft); line-height:1.6;}
  .type-tags{display:flex; flex-wrap:wrap; gap:8px; margin-top:12px;}
  .type-tags span{background:var(--cream-2); color:var(--ink); font-size:12px; font-weight:600; padding:5px 12px; border-radius:14px;}
  @media (min-width:720px){ .companion-detail-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px;} .companion-block.accent{grid-column:1 / -1;} }
  .card-link{font-size:12.5px; color:var(--ink); text-decoration:underline; cursor:pointer; display:inline-block; margin-bottom:14px;}

  /* stage detail screen */
  .stage-hero{width:100%; height:150px; margin-bottom:22px;}
  .stage-media-card{background:var(--white); border:1px solid var(--line); border-radius:20px; padding:22px 20px 8px; margin-bottom:24px;}
  .stage-media-card .video-slot{margin-bottom:16px;}
  .stage-media-caption{text-align:center; font-size:11.5px; font-weight:700; color:var(--ink-soft); text-transform:uppercase; letter-spacing:.03em; margin-bottom:4px;}
  .stage-hero svg{display:none; width:100%; height:100%;}
  .stage-hero svg.active{display:block;}
  .stage-tagline{font-size:15px; color:var(--gold); font-weight:600; margin-bottom:18px;}
  .stage-how{background:var(--white); border:1px solid var(--line); border-radius:12px; padding:20px 22px; font-size:14.5px; color:var(--ink); margin-bottom:22px;}
  .stage-how b{color:var(--ink);}
  .stage-companion{background:var(--brand-green-deep); color:var(--white); border-radius:20px; padding:56px 24px 32px; font-size:13.5px; margin-top:24px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px;}
  .stage-companion #stage-companion-avatar{margin-bottom:12px;}
  .stage-companion b{display:block; font-size:17px; margin-bottom:8px;}
  .stage-companion span{color:rgba(255,255,255,0.88); max-width:48ch; line-height:1.6;}
  .community-grid{display:flex; flex-direction:column; gap:14px; margin-bottom:8px;}
  .community-item{display:flex; align-items:flex-start; gap:16px; background:var(--white); border:1px solid var(--line); border-radius:14px; padding:20px 22px;}
  .community-icon{font-size:26px; width:50px; height:50px; flex-shrink:0; background:var(--sage); border-radius:12px; display:flex; align-items:center; justify-content:center;}
  .community-title{font-size:15px; font-weight:800; color:var(--ink); margin-bottom:4px;}
  .community-desc{font-size:13px; color:var(--ink-soft); line-height:1.6;}
  @media (min-width:720px){ .community-grid{flex-direction:row;} .community-item{flex:1; flex-direction:column; text-align:center; align-items:center;} }
  .stage-companion #stage-companion-avatar svg{width:96px; height:96px;}
  .stage-personal{background:var(--gold-light); border-radius:12px; padding:16px 20px; font-size:13.5px; color:#1A1A1A; margin-bottom:20px; display:none;}
  .stage-personal b{display:block; font-size:12px; margin-bottom:4px; opacity:0.85;}
  .video-slot{background:var(--ink); border-radius:14px; aspect-ratio:16/9; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; margin-bottom:22px; color:#fff; position:relative; overflow:hidden;}
  .video-slot .play-circle{width:52px; height:52px; border-radius:50%; border:2px solid #fff; display:flex; align-items:center; justify-content:center;}
  .video-slot .play-circle::after{content:''; width:0; height:0; border-top:9px solid transparent; border-bottom:9px solid transparent; border-right:14px solid #fff; margin-right:-4px;}
  .video-slot span{font-size:12.5px; opacity:0.75;}
  .stage-explain{display:flex; flex-direction:column; gap:16px; margin-bottom:22px;}
  .stage-photo{width:100%; border-radius:14px; aspect-ratio:16/9; display:none;}
  .stage-photo.active{display:flex; align-items:center; justify-content:center;}
  @media (min-width:720px){
    .stage-explain{flex-direction:row-reverse; align-items:stretch;}
    .stage-explain .stage-how{flex:1; margin-bottom:0;}
    .stage-explain .stage-photo-wrap{flex:1;}
    .stage-photo{height:100%;}
  }
  .course-desc{font-size:12.5px; color:var(--ink-soft); padding:0 4px 10px; display:none;}
  .course-item.expanded .course-desc{display:block;}
  .course-item{cursor:pointer;}
  .course-table{display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; margin-bottom:8px;}
  @media (max-width:640px){ .course-table{grid-template-columns:repeat(3, 1fr); gap:8px;} .course-row-num{height:56px; font-size:22px;} .course-row-body{padding:8px 6px 12px;} .course-body-title{font-size:11px; margin-bottom:4px;} .course-num-badge{font-size:8px !important; padding:1px 5px !important;} }
  .course-row{scroll-snap-align:start;}
  @media (min-width:900px){ .course-table{overflow-x:visible;} .course-row{flex:1;} }
  .course-row{display:flex; flex-direction:column; align-items:center; text-align:center; background:var(--white); border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:0 4px 14px rgba(38,36,30,0.05); transition:transform .15s ease, box-shadow .15s ease;}
  .course-row:hover{transform:translateY(-3px); box-shadow:0 10px 24px rgba(38,36,30,0.09);}
  .course-row-num{width:100%; height:88px; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:36px; position:relative;}
  .course-row-body{flex:1; width:100%; padding:14px 12px 18px;}
  .course-body-title{font-size:15px; font-weight:800; color:#000; margin-bottom:7px; line-height:1.35;}
  .course-body-desc{font-size:12.5px; color:var(--ink-soft); line-height:1.55;}
  .course-num-badge{font-size:11px; font-weight:700; padding:2px 8px; border-radius:10px; margin-right:6px;}
  .stage-header-center{text-align:center;}
  .stage-symbol{display:flex; justify-content:center; margin-bottom:10px;}
  .stage-symbol span{display:block; width:14px; height:14px; border-radius:50%;}
  .video-slot-sm{max-width:360px; margin-left:auto; margin-right:auto; aspect-ratio:16/9;}
  .price-recap{background:var(--white); border:1.5px solid var(--line); border-radius:14px; padding:24px 26px; margin-bottom:8px;}
  .price-recap .price-top{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:10px;}
  .price-recap .price-name{font-family:'Assistant', sans-serif; font-size:19px; color:var(--ink); font-weight:700;}
  .price-recap .price-amount{font-family:'Assistant', sans-serif; font-size:24px; font-weight:700;}
  .testimonial-strip{display:flex; gap:10px; overflow-x:auto; margin:20px 0 8px; padding-bottom:6px;}
  .testimonial-strip img{height:90px; width:auto; border-radius:8px; flex-shrink:0;}
  .testimonial-carousel{overflow-x:auto; overflow-y:hidden; margin:20px 0 8px; border-radius:14px; -webkit-overflow-scrolling:touch; scrollbar-width:none;}
  .testimonial-carousel::-webkit-scrollbar{display:none;}
  .testimonial-track{display:flex; gap:16px; width:7536px; align-items:center;}
  .testimonial-section{background:linear-gradient(180deg, var(--cream-2), transparent); border-radius:24px; padding:40px 24px 32px; margin:20px 0;}
  .testimonial-eyebrow{text-align:center; font-size:12px; letter-spacing:.08em; color:var(--gold); font-weight:700; text-transform:uppercase; margin-bottom:8px;}
  .testimonial-track img{width:220px; height:auto; max-height:340px; object-fit:contain; border-radius:14px; flex-shrink:0; box-shadow:0 2px 10px rgba(0,0,0,0.08); background:#fff;}
  .testimonial-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; margin:20px 0 8px;}
  .testimonial-grid img{width:100%; height:150px; object-fit:cover; border-radius:10px;}
  .track-grid{display:flex; flex-direction:column; gap:16px; margin-bottom:8px;}
  .track-card{border-radius:16px; padding:0 0 26px; border:2px solid var(--line); position:relative; overflow:hidden; display:flex; flex-direction:column;}
  .roadmap-group{border-radius:18px; padding:20px; margin-bottom:16px; border:2px solid var(--line);}
  .roadmap-group.s1{background:var(--s1-bg); border-color:var(--s1);} .roadmap-group.s2{background:var(--s2-bg); border-color:var(--s2);} .roadmap-group.s3{background:var(--s3-bg); border-color:var(--s3);}
  .roadmap-group-header{display:flex; align-items:center; justify-content:space-between; margin-bottom:14px;}
  .roadmap-group-title{font-size:20px; font-weight:800;}
  .roadmap-group-title.s1{color:var(--s1);} .roadmap-group-title.s2{color:var(--s2);} .roadmap-group-title.s3{color:var(--s3);}
  .roadmap-group-sub{font-size:12px; color:var(--ink-soft); font-weight:600;}
  .roadmap-chips{display:grid; grid-template-columns:1fr; gap:10px;}
  @media (min-width:720px){ .roadmap-chips{grid-template-columns:repeat(2, 1fr);} }
  .roadmap-chip{background:#fff; border-radius:12px; padding:14px 16px; box-shadow:0 1px 3px rgba(0,0,0,0.08);}
  .roadmap-chip-title{font-size:14px; font-weight:800; color:var(--ink); margin-bottom:6px;}
  .roadmap-chip-list{margin:0; padding-right:18px; font-size:12.5px; line-height:1.55; color:var(--ink-soft);}
  .roadmap-chip-list li{margin-bottom:2px;}
  .track-card-photo{width:100%; height:120px; display:flex; align-items:center; justify-content:center; position:relative;}
  .track-card-agent-badge{background:#fff; border-radius:50%; padding:5px; box-shadow:0 6px 16px rgba(0,0,0,0.22); display:flex; align-items:center; justify-content:center;}
  .track-card-symbol-mini{position:absolute; bottom:10px; left:14px; font-size:16px; color:rgba(255,255,255,0.55); font-weight:700;}
  .track-agent-note{display:flex; align-items:center; gap:8px; font-size:12px; font-weight:700; color:var(--brand-green); background:var(--sage); border-radius:10px; padding:9px 12px; margin:4px 0 4px; line-height:1.4;}
  .track-agent-note::before{content:''; flex-shrink:0; width:7px; height:7px; border-radius:50%; background:var(--gold);}
  .track-card-symbol{font-size:32px; color:rgba(255,255,255,0.35);}
  .track-card-body{padding:20px 24px 0; display:flex; flex-direction:column; flex:1;}
  .track-card.s1{background:#fff; border-color:var(--s1);} .track-card.s2{background:#fff; border-color:var(--s2);} .track-card.s3{background:#fff; border-color:var(--s3);}
  .track-num{font-size:11px; font-weight:700; letter-spacing:.04em; margin-bottom:6px; text-align:center;}
  .track-num.s1{color:var(--s1);} .track-num.s2{color:var(--s2);} .track-num.s3{color:var(--s3);}
  .track-name{font-family:'Assistant', sans-serif; font-size:31px; font-weight:800; color:#000; margin-bottom:10px; text-align:center; text-shadow:0 1px 3px rgba(0,0,0,0.12);}
  .track-consciousness{display:block; font-size:19px; font-weight:800; text-align:center; margin-bottom:16px; line-height:1.45;}
  .track-phrase{font-size:19px; font-weight:600; font-style:normal; opacity:1;}
  .track-who{font-size:13.5px; line-height:1.5; color:#000; margin-bottom:10px; max-width:56ch;}
  .track-prev-badge{font-size:11.5px; font-weight:700; color:var(--gold); margin-bottom:6px; position:relative; padding-right:20px;}
  .track-prev-badge:not(:empty)::before{content:'✓'; position:absolute; right:0; top:-2px; color:var(--gold); font-weight:800; font-size:16px; line-height:1;}
  .track-prev-badge:empty{display:none;}
  .section-tag{text-align:center; font-size:13px; font-weight:800; color:var(--gold); text-transform:uppercase; letter-spacing:.04em; margin-top:44px;}
  .track-includes-label{font-size:17px; font-weight:800; text-transform:uppercase; letter-spacing:.03em; color:#000; margin:26px 0 10px; text-align:center;}
  .track-includes-list{list-style:none; margin:0 0 16px; padding:0;}
  .track-includes-list li{font-size:12px; font-weight:700; color:var(--ink); padding:6px 0 6px 0; position:relative; padding-right:24px;}
  .track-includes-list li::before{content:'✓'; position:absolute; right:0; color:var(--gold); font-weight:800; font-size:20px; line-height:1;}
  .track-divider{height:1px; background:var(--line); margin:14px 0;}
  .track-get-label{font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.03em; color:var(--ink-soft); margin-bottom:8px;}
  .track-get-text{font-size:13.5px; color:var(--ink); line-height:1.65; margin-bottom:20px;}
  .fit-section{display:flex; flex-direction:column; gap:20px; margin-bottom:8px;}
  .fit-col{border-radius:16px; padding:26px 24px;}
  .fit-col.fit-good{background:var(--s3-bg); border:1.5px solid var(--s3);}
  .fit-col.fit-bad{background:var(--s1-bg); border:1.5px solid var(--s1);}
  .fit-col-head{display:flex; align-items:center; gap:12px; font-size:28px; font-weight:800; color:var(--ink); margin-bottom:18px;}
  .fit-item{display:flex; align-items:flex-start; gap:12px; font-size:16px; color:var(--ink); line-height:1.5; padding:10px 0;}
  .fit-item svg{flex-shrink:0; margin-top:1px;}
  .fit-item.sm{font-size:12.5px; padding:5px 0; gap:8px;}
  @media (min-width:760px){ .fit-section{flex-direction:row;} .fit-col{flex:1;} }
  .track-fit{margin-bottom:14px;}
  .fit-label{font-size:11.5px; font-weight:800; text-transform:uppercase; letter-spacing:.03em; margin-bottom:5px;}
  .fit-label.good{color:var(--s3);}
  .fit-label.bad{color:var(--s1);}
  .notfor-list{list-style:none; margin:0; padding:0;}
  .notfor-list li{font-size:13px; color:var(--ink-soft); padding:3px 0 3px 0; position:relative; padding-right:16px;}
  .notfor-list li::before{content:'–'; position:absolute; right:0; color:var(--s1);}
  .hero-photo{width:100%; margin:0 auto 24px; border-radius:16px; overflow:hidden; position:relative;}
  .hero-photo img{width:100%; height:auto; display:block;}
  .hero-photo-dim{filter:brightness(0.62);}
  .hero-photo .hero-cap{position:absolute; bottom:0; right:0; left:0; background:linear-gradient(to top, rgba(38,36,32,0.75), transparent); color:#fff; padding:16px 18px 12px; font-size:13px;}
  .hero-opener{font-size:52px; font-weight:800; margin:0 auto 18px; text-align:center; line-height:1.25;}
  .hero-announce{text-align:center; font-size:13px; font-weight:700; color:#fff; opacity:0.9; margin-bottom:14px; letter-spacing:.02em;}
  .hero-opener-red{color:var(--s1);}
  .hero-opener-green{position:relative; color:var(--s3); display:inline-block; padding-bottom:6px;}
  .hero-underline{position:absolute; left:0; bottom:-6px; width:100%; height:14px; overflow:visible;}
  @media (max-width:720px){ .hero-opener{font-size:32px;} }
  .hero-wow{font-size:25px; font-weight:800; color:var(--gold-light); max-width:56ch; margin:8px auto 16px; line-height:1.35; text-shadow:0 1px 0 var(--gold), 0 3px 6px rgba(40,154,2,0.5), 0 8px 20px rgba(0,0,0,0.35);}
  @media (min-width:721px){ .hero-wow{font-size:32px; max-width:75ch;} }
  .hero-wow-highlight{display:inline-block; color:#fff; animation:heroGlow 2.6s ease-in-out infinite;}
  @keyframes heroGlow{
    0%, 100%{ text-shadow:0 1px 0 var(--gold), 0 3px 6px rgba(40,154,2,0.5), 0 8px 20px rgba(0,0,0,0.35), 0 0 0 rgba(40,154,2,0); }
    50%{ text-shadow:0 1px 0 var(--gold), 0 3px 6px rgba(40,154,2,0.5), 0 8px 20px rgba(0,0,0,0.35), 0 0 26px rgba(40,154,2,0.9); }
  }
  @media (max-width:720px){ .hero-wow{font-size:21px; max-width:30ch; margin-top:12px;} .hero-center{padding:36px 22px;} }
  .hero-subline{font-size:18px; font-weight:500; color:rgba(255,255,255,0.78); max-width:95ch; margin:0 auto 26px; line-height:1.5;}
  .hero-subline-big{display:inline-block; font-size:22px; font-weight:800; color:#fff; margin-top:6px; margin-bottom:10px; line-height:1.4;}
  .hero-subline-white{display:block; color:#fff; margin:30px auto 0; font-size:16px; line-height:1.65; max-width:85ch;}
  .hero-powerads{font-size:15px; color:rgba(255,255,255,0.82); max-width:56ch; margin:0 auto 14px; line-height:1.65;}
  .hero-method-note{display:inline-block; font-size:12px; color:var(--gold-light); max-width:60ch; margin:0 auto; padding:6px 16px; border:1px solid rgba(228,200,120,0.35); border-radius:20px; font-style:normal;}
  @media (max-width:720px){ .hero-subline{font-size:12px; margin-bottom:8px;} .hero-subline-big{font-size:15px; margin-bottom:6px;} }
  @media (max-width:720px){
    .hero-center{padding:24px 18px 26px; margin-bottom:16px;}
    .hero-announce{font-size:10px; margin-bottom:14px;}
    .hero-opener{font-size:40px; margin-bottom:14px;}
    .hero-underline{height:9px;}
    .hero-wow{margin-bottom:20px;}
    .hero-core-msg-dark{margin-bottom:12px;}
    .hero-method-note{font-size:9px; padding:5px 12px; margin-top:4px;}
  }
  .hero-cta-btn{margin-top:14px; padding:18px 48px; font-size:17px; font-weight:700; font-family:'Assistant', sans-serif; background:var(--gold); color:#fff; border:none; border-radius:8px; cursor:pointer; box-shadow:0 6px 20px rgba(185,146,46,0.4); transition:transform .15s ease;}
  .hero-cta-btn:hover{transform:translateY(-2px);}
  .choice-featured{position:relative; background:linear-gradient(160deg, var(--white) 0%, var(--cream-2) 100%); border:1.5px solid var(--gold); border-radius:28px; padding:44px 28px 32px; margin:48px 0; box-shadow:0 12px 32px rgba(185,146,46,0.12);}
  .choice-featured-badge{position:absolute; top:-19px; right:50%; transform:translateX(50%); background:var(--gold); color:#fff; font-size:15px; font-weight:800; padding:9px 36px; border-radius:24px; box-shadow:0 4px 10px rgba(185,146,46,0.3); white-space:nowrap;}
  .choice-featured .pillars-section{margin:16px 0 8px;}
  .pillars-section{display:flex; flex-direction:column; gap:20px; margin:56px 0 28px;}
  .pillar-card{background:var(--white); border:1.5px solid var(--line); border-radius:20px; padding:36px 30px; text-align:center; display:flex; flex-direction:column; align-items:center;}
  .pillar-icon{font-size:44px; margin-bottom:10px;}
  .pillar-logo{display:block; height:120px; width:auto; max-width:100%; object-fit:contain; margin:4px auto 16px;}
  .pillar-card-featured{border:2px solid var(--gold);}
  .pillar-price{font-size:40px; font-weight:800; color:var(--gold-text); line-height:1.1; margin:-4px 0 18px; font-variant-numeric:tabular-nums;}
  .pillar-includes{list-style:none; width:100%; display:flex; flex-direction:column; gap:10px; margin-bottom:22px;}
  .pillar-includes li{background:var(--cream-2); border-radius:14px; padding:14px 18px; display:flex; flex-direction:column; gap:2px;}
  .pillar-includes li b{font-size:17px; font-weight:800; color:var(--ink);}
  .pillar-includes li span{font-size:14.5px; color:var(--ink-soft);}
  .pillar-includes-plus li{background:var(--gold); }
  .pillar-includes-plus li b{color:var(--ink);}
  .pillar-included-box{width:100%; border:1.5px dashed var(--line); border-radius:14px; padding:12px 14px 14px; margin-bottom:10px;}
  .pillar-included-label{font-size:13px; font-weight:700; color:var(--ink-soft); margin-bottom:8px;}
  .pillar-chips{display:flex; flex-wrap:wrap; justify-content:center; gap:8px;}
  .pillar-chips span{font-size:14px; font-weight:700; background:var(--cream-2); border-radius:999px; padding:6px 14px;}
  .pillar-title{font-size:27px; font-weight:800; color:var(--ink); margin-bottom:14px; line-height:1.35;}
  .pillar-desc{font-size:16px; color:var(--ink); line-height:1.75; margin-bottom:18px; max-width:44ch; margin-inline:auto;}
  .pillar-why{display:block; font-size:13px; font-weight:600; color:var(--ink); background:var(--cream-2); border:1px solid rgba(185,146,46,0.35); border-radius:12px; padding:11px 18px; margin-bottom:20px; line-height:1.6;}
  .pillar-link{display:inline-block; font-size:15px; font-weight:800; color:#fff; background:var(--brand-green); cursor:pointer; padding:13px 26px; border-radius:10px; box-shadow:0 6px 16px rgba(40,154,2,0.25); transition:transform .15s ease; margin-top:auto;}
  .pillar-link:hover{transform:translateY(-2px);}
  @media (min-width:720px){ .pillars-section{flex-direction:row;} .pillar-card{flex:1;} }
  @media (min-width:720px){ .track-grid{flex-direction:row; align-items:stretch;} .track-card{flex:1;} .track-card-photo{height:170px;} .track-card-agent-badge{transform:scale(1.4);} }
  @media (min-width:720px){ .senses-grid{display:grid; grid-template-columns:repeat(2, 1fr); gap:12px;} .chakras-list{display:grid; grid-template-columns:repeat(2, 1fr); gap:10px;} }
  .connector-wrap{position:relative;}
  .story-blocks-wrap{display:flex; flex-direction:column; gap:16px;}
  @media (min-width:720px){ .story-blocks-wrap{flex-direction:row; align-items:stretch;} .story-blocks-wrap .story-block{flex:1; flex-direction:column; text-align:center;} .story-blocks-wrap .story-photo{width:100%; height:220px;} }
  .connector-svg{display:none;}
  @media (min-width:720px){ .connector-svg{display:block; position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:0;} .connector-wrap .agent-showcase, .connector-wrap .track-grid{position:relative; z-index:1;} }
  @media (min-width:720px){ .agent-showcase-compact{max-width:480px; margin:24px auto; padding:28px 32px;} }
  .diagnostic-section{background:linear-gradient(180deg, var(--sage), transparent); border-radius:24px; padding:44px 28px; margin:24px 0 56px; text-align:center;}
  .section-band{border-radius:28px; padding:8px 24px 40px; margin:32px 0;}
  .section-band.band-sage{background:linear-gradient(180deg, var(--sage) 0%, rgba(207,233,196,0.3) 60%, transparent 100%);}
  .section-band.band-cream{background:var(--cream-2);}
  .section-band h2.section-title{margin-top:44px;}
  .diagnostic-icon{font-size:40px; margin-bottom:8px;}
  .or-divider{display:flex; align-items:center; text-align:center; margin:32px 0; color:var(--ink-soft); font-size:13px; font-weight:700;}
  .or-divider::before, .or-divider::after{content:''; flex:1; height:1px; background:var(--line);}
  .or-divider span{padding:0 16px;}
  .need-grid{display:grid; grid-template-columns:1fr; gap:14px; margin-bottom:8px;}
  .need-tile{display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; background:var(--white); border:1.5px solid var(--line); border-radius:16px; padding:24px 16px; cursor:pointer; font-family:'Assistant', sans-serif; transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease;}
  .need-tile:hover{transform:translateY(-3px); border-color:var(--gold); box-shadow:0 8px 22px rgba(185,146,46,0.15);}
  .need-icon{font-size:30px; margin-bottom:4px;}
  .need-title{font-size:15px; font-weight:800; color:var(--ink);}
  .need-desc{font-size:12.5px; color:var(--ink-soft); line-height:1.4;}
  @media (min-width:560px){ .need-grid{grid-template-columns:1fr 1fr;} }
  @media (min-width:900px){ .need-grid{grid-template-columns:repeat(4, 1fr);} }
  .benefits-grid{display:flex; flex-direction:column; gap:16px; margin-bottom:8px;}
  .benefit-card{background:var(--white); border:1px solid var(--line); border-radius:14px; overflow:hidden;}
  .benefit-icon-box{width:100%; height:180px; display:flex; align-items:center; justify-content:center;}
  .benefit-icon-box span{font-size:54px;}
  .benefit-card h3{padding:16px 20px 4px; font-size:17px; color:var(--ink); font-weight:700;}
  .benefit-card p{padding:0 20px 18px; font-size:14px; color:var(--ink-soft); line-height:1.6;}
  @media (min-width:720px){ .benefits-grid{flex-direction:row; flex-wrap:wrap;} .benefit-card{flex:1 1 calc(50% - 8px);} }

  footer{text-align:center; font-size:12px; color:var(--ink-soft); padding:28px 24px;}

  @media (min-width:720px){
    .track-grid{flex-direction:row; align-items:stretch;}
    .track-card{flex:1;}
    .companion-intro{align-items:center;}
  }
  @media (max-width:520px){
    h1{font-size:28px;} .q-text{font-size:19px;} .q-card{padding:26px 18px;}
    .scale{flex-wrap:wrap;} .scale-opt{flex:1 1 30%;}
    .testimonial-grid{grid-auto-columns:65%;}
    h2.section-title{font-size:26px; margin:44px 0 22px;}
    .diagnostic-section{padding:26px 18px; margin:16px 0 32px;}
    .section-band{padding:6px 0 24px; margin:20px 0; border-radius:20px;}
    #screen-quiz, #screen-diagnostic, #screen-attachment-step, #screen-senses-step, #screen-chakras-step, #screen-hd-step, #screen-tie, #screen-result, #screen-diagnostic-result, #screen-consciousness-step{padding:24px 0; border-radius:20px;}
    #screen-result{padding-top:6px;}
    #screen-stage{padding:20px 14px; border-radius:20px;}
    .pillar-card{padding:22px 18px;}
    .pillars-section{margin:32px 0 16px; gap:16px;}
    .choice-featured{padding:32px 0 22px; margin:36px 0;}
    .subscription-section{padding:28px 16px; margin:24px 0;}
    .community-item{padding:16px 18px;}
    .testimonial-section{padding:26px 14px;}
    .wrap{padding:16px 12px 40px;}
    .form-card{padding:20px;}
    .reassure-card{padding:18px 16px;}
    .track-card-body{padding:20px 18px;}
    .brand{padding:4px 24px 6px; margin-bottom:4px; gap:8px;}
    .brand-logo-right{height:26px;}
    .util-btn{font-size:10.5px; padding:5px 11px;}
    .brand-mid{gap:6px;}
    .brand-logo-left{height:26px;}
    .brand-eyebrow{font-size:11px; text-align:center;}
    .brand-divider{max-width:140px;}
  }

  /* ===== עיצוב מחדש - דף הבית (2026-09-15) =====
     כל חלק בדף הבית (.lp-screen) בגובה של מסך אחד, והגלילה נעצרת בתחילת כל חלק.
     הצבעים הם צבעי המותג המקוריים מ-:root. */
  html:has(#screen-landing.active){scroll-snap-type:y proximity;}
  body{background:#fff;}
  .wrap{max-width:1120px; padding:0 32px 32px;}
  .brand{height:var(--header-h); padding:0; margin:0;}
  .brand-logo-right{height:60px;} .brand-logo-left{height:52px;}
  .util-btn{font-size:14px; padding:9px 22px; border-radius:999px;}
  h1, h2.section-title, .track-name{text-shadow:none;}

  h2.section-title{font-size:clamp(28px, min(3.4vw, 5.6vh), 44px); font-weight:800; color:#000; line-height:1.2; margin:0 auto 10px; max-width:30ch; text-wrap:balance;}
  #screen-landing .lede{font-size:clamp(15px, 2.3vh, 18px); line-height:1.6; color:var(--ink); text-align:center; max-width:64ch; margin:0 auto clamp(18px, 3.4vh, 36px);}
  .section-tag{margin:0 0 6px; font-size:14px; letter-spacing:.06em; color:var(--gold);}

  /* screens */
  .lp-screen{min-height:calc(100svh - 32px); margin:16px 0; display:flex; flex-direction:column; justify-content:center; padding:clamp(24px, 4.5vh, 56px) 0; scroll-snap-align:start; scroll-margin-top:16px;}
  .lp-band{border-radius:32px; padding-inline:40px;}
  h2.section-title + :is(.benefits-grid,.compare-table-wrap,.steps,.testimonial-carousel,.story-blocks-wrap){margin-top:clamp(18px, 3.4vh, 36px);}

  /* hero */
  .brand{scroll-snap-align:start;}
  .hero-center{height:calc(100svh - var(--header-h)); min-height:560px; justify-content:center; margin-bottom:0; padding:clamp(20px,3.5vh,48px) 24px; background-position:center 25%;}
  .hero-inner{max-width:1000px; margin:0 auto; display:flex; flex-direction:column; align-items:center;}
  .hero-announce{display:inline-block; font-size:clamp(12px,1.9vh,15px); font-weight:700; color:#fff; opacity:.95; letter-spacing:.02em; padding:6px 20px; border:1px solid rgba(221,200,159,.5); border-radius:999px; margin:0 0 clamp(12px,2.6vh,28px);}
  .hero-opener{font-size:clamp(38px, min(7.6vw, 10vh), 100px); font-weight:800; line-height:1.04; letter-spacing:-.015em; margin:0 0 clamp(14px,3vh,30px);}
  .hero-opener-red{display:block; color:var(--s1);}
  .hero-opener-green{display:inline-block; position:relative; color:var(--s3); padding-bottom:.06em;}
  .hero-underline{position:absolute; left:0; bottom:-.14em; width:100%; height:.16em; color:var(--s3);}
  .hero-wow{font-size:clamp(19px, min(2.6vw, 4vh), 32px); font-weight:800; line-height:1.35; color:var(--gold-light); max-width:40ch; margin:0 0 clamp(10px,2vh,20px); text-shadow:none;}
  .hero-wow-highlight{color:#fff; animation:none;}
  .hero-lead{font-size:clamp(15px, 2.5vh, 20px); font-weight:600; line-height:1.55; color:#fff; max-width:66ch; margin:0 0 clamp(6px,1.4vh,14px);}
  .hero-core-msg-dark{font-size:clamp(13px, 2vh, 15px); line-height:1.55; color:rgba(255,255,255,.75); max-width:86ch; margin:0 0 clamp(14px,3vh,32px);}
  .hero-cta-btn{font-size:clamp(16px,2.5vh,19px); font-weight:800; padding:clamp(12px,2.2vh,18px) 60px; border-radius:999px; margin:0 0 clamp(8px,1.8vh,18px);}
  .hero-method-note{font-size:clamp(12px,1.8vh,14px); color:var(--gold-light); border:1px solid rgba(228,200,120,.35); padding:5px 16px;}

  /* diagnostic */
  #screen-landing .diagnostic-section{margin-top:16px; text-align:center; border-radius:32px;}
  .diagnostic-section .btn{display:inline-block; font-size:17px; font-weight:800; padding:15px 44px; border-radius:999px; align-self:center;}
  .diagnostic-section .fine{max-width:62ch; margin:18px auto 0; font-size:14px; line-height:1.6;}

  /* two ways */
  .choice-featured{background:none; border:0; box-shadow:none; padding-inline:0; text-align:center;}
  .choice-featured .pillars-section{margin:0; gap:24px; align-items:stretch;}
  .pillar-card{border:1.5px solid var(--line); border-radius:24px; padding:clamp(18px,3.4vh,36px) 28px; box-shadow:0 1px 2px rgba(38,36,30,.04);}
  .pillar-card-featured{border:2px solid var(--gold); box-shadow:0 18px 40px rgba(185,146,46,.14);}
  .pillar-why{background:none; border:0; padding:0; margin-bottom:clamp(8px,1.6vh,16px); font-size:15px; font-weight:500;}
  .pillar-logo{height:clamp(52px, 10vh, 104px); margin:0 auto clamp(8px,1.6vh,16px);}
  .pillar-title{font-size:clamp(20px,3.2vh,26px); margin-bottom:2px;}
  .pillar-price{font-size:clamp(32px,5.6vh,46px); color:var(--gold-text); margin:0 0 clamp(10px,2.2vh,22px);}
  .pillar-includes{gap:8px; margin-bottom:clamp(12px,2.2vh,22px);}
  .pillar-includes li{padding:clamp(8px,1.4vh,14px) 18px; text-align:center;}
  .pillar-included-box{padding:10px 14px 12px; margin-bottom:8px;}
  .pillar-link{border-radius:999px; padding:13px 34px; font-size:16px;}

  /* tracks */
  .agent-showcase{border:2px solid var(--gold); border-radius:22px;}
  .tracks-section .agent-showcase-compact{display:grid; grid-template-columns:auto 1fr; align-items:center; gap:2px 18px; text-align:right; max-width:780px; padding:12px 24px; margin:0 auto clamp(14px,2.8vh,28px);}
  .tracks-section .agent-showcase-avatar{grid-row:1 / span 4; margin:0; transform:none;}
  .tracks-section .agent-showcase-avatar svg{width:64px; height:64px;}
  .tracks-section .agent-showcase-compact h3, .tracks-section .agent-showcase-compact p{margin:0; max-width:none;}
  .tracks-section .agent-name-big{font-size:22px; margin:0;}
  .tracks-section .agent-showcase-note{margin:6px 0 0; max-width:none; padding:5px 14px; justify-self:start;}
  .track-grid{gap:18px;}
  .track-card{border-radius:22px; padding:0 0 clamp(14px,2.6vh,26px);}
  .track-card-photo, .track-card-photo[style]{height:clamp(64px,11vh,110px) !important;}
  .track-card-agent-badge{transform:scale(.8) !important;}
  .track-card-body{padding:clamp(10px,2vh,20px) 22px 0;}
  .track-num{margin-bottom:0;}
  .track-name{font-size:clamp(24px,4.4vh,32px); margin-bottom:2px;}
  .track-consciousness, .track-phrase{font-size:clamp(14px,2.3vh,17px); margin-bottom:clamp(4px,1vh,10px);}
  .track-who{font-size:clamp(12.5px,1.9vh,14px); line-height:1.5; text-align:center; margin-bottom:0;}
  .track-includes-label{font-size:14px; margin:clamp(8px,1.8vh,18px) 0 4px;}
  .track-includes-list{margin-bottom:clamp(8px,1.6vh,14px);}
  .track-includes-list li{font-size:clamp(12px,1.8vh,13.5px); padding:clamp(3px,.7vh,6px) 24px clamp(3px,.7vh,6px) 0;}
  .btn-track-cta{border-radius:999px; font-size:16px; padding:clamp(10px,1.8vh,15px);}

  /* roadmap */
  .roadmap-wrap{display:flex; flex-direction:column; gap:14px; width:100%; max-width:880px; margin:0 auto;}
  .roadmap-group{padding:0; margin:0; overflow:hidden;}
  .roadmap-group-header{list-style:none; cursor:pointer; display:flex; align-items:center; gap:14px; padding:clamp(14px,2.6vh,22px) 26px; margin:0;}
  .roadmap-group-header::-webkit-details-marker{display:none;}
  .roadmap-group-header::after{content:'+'; font-size:28px; line-height:1; color:var(--ink); transition:transform .25s ease;}
  .roadmap-group[open] .roadmap-group-header::after{transform:rotate(45deg);}
  .roadmap-group-title{font-size:24px;}
  .roadmap-group-sub{font-size:15px;}
  .roadmap-group-count{margin-inline-start:auto; font-size:14px; font-weight:700; color:var(--ink-soft);}
  .roadmap-chips{padding:0 20px 20px;}
  .roadmap-chip-title{display:flex; align-items:center; gap:10px; font-size:15px;}
  .roadmap-chip-num{width:26px; height:26px; flex-shrink:0; border-radius:50%; background:var(--cream-2); display:inline-flex; align-items:center; justify-content:center; font-size:13px; color:var(--ink-soft);}

  /* benefits */
  .benefits-grid{display:grid; grid-template-columns:1fr; gap:16px;}
  .benefit-card{display:grid; grid-template-columns:auto 1fr; gap:4px 18px; align-items:start; border-radius:20px; padding:clamp(16px,2.8vh,26px) 24px;}
  .benefit-icon-box{grid-row:1 / span 2; width:clamp(48px,8vh,64px); height:clamp(48px,8vh,64px); border-radius:16px;}
  .benefit-icon-box span{font-size:clamp(24px,4vh,30px);}
  .benefit-card h3{padding:0; font-size:19px; font-weight:800;}
  .benefit-card p{padding:0; font-size:clamp(13px,2vh,15px); line-height:1.6;}
  @media (min-width:720px){ .benefits-grid{grid-template-columns:1fr 1fr;} .benefit-card{flex:none;} }

  /* story */
  .story-blocks-wrap{gap:20px;}
  .story-block{border-radius:22px; padding:clamp(16px,3vh,28px); margin:0;}
  .story-text h3{font-size:20px; font-weight:800; margin:6px 0 6px;}
  .story-text p{font-size:clamp(13.5px,2vh,15.5px); line-height:1.65;}
  @media (min-width:720px){ .story-blocks-wrap .story-photo{height:clamp(140px,30vh,260px);} }

  /* compare */
  .compare-table-wrap{border-radius:18px; background:#fff;}
  .compare-table th, .compare-table td{padding:clamp(7px,1.3vh,12px) 14px; font-size:13.5px; vertical-align:top;}
  .compare-section:not(.compare-open) .compare-table tbody tr:nth-child(n+6){display:none;}
  .compare-toggle{align-self:center; margin-top:14px; font-family:inherit; font-size:15px; font-weight:800; color:var(--brand-green); background:#fff; border:1.5px solid var(--brand-green); border-radius:999px; padding:10px 28px; cursor:pointer;}
  .compare-toggle:hover{background:var(--sage);}

  /* steps */
  .steps{display:grid; grid-template-columns:1fr; gap:14px;}
  .step{border-radius:18px; padding:clamp(14px,2.6vh,24px); gap:16px;}
  .step-num{width:40px; height:40px; border-radius:50%; background:var(--gold); color:#fff; display:flex; align-items:center; justify-content:center; font-size:17px; font-weight:800;}
  .step-body b{font-size:17px; font-weight:800; margin-bottom:4px;}
  .step-body span{font-size:clamp(13.5px,2vh,15px); line-height:1.6;}
  .steps-section .continue-teaser{margin:clamp(14px,2.6vh,24px) 0 0;}
  @media (min-width:720px){ .steps{grid-template-columns:1fr 1fr;} }

  /* testimonials */
  .testimonial-section{border-radius:32px; padding-inline:24px; margin:16px 0;}
  .testimonial-track{width:max-content;}
  .testimonial-track img{width:auto; height:clamp(320px, 62vh, 480px); max-height:none; object-fit:initial; background:none; border-radius:18px; box-shadow:0 6px 22px rgba(0,0,0,.12);}
  @media (max-width:720px){ .testimonial-track img{height:420px;} }
  .testimonial-track img[src$="img-17.jpg"]{height:auto; width:280px;} /* התמונה היחידה לרוחב - מוצגת בגודל הטבעי שלה כדי שתישאר חדה */

  /* התאמות לגובה מסך: כל חלק נכנס למסך אחד */
  .hero-center{height:auto; min-height:calc(100svh - var(--header-h));}
  .hero-opener{font-size:clamp(36px, min(7.6vw, 8.4vh), 100px);}
  .lp-screen{padding-block:clamp(16px,3vh,48px);}
  .pillar-card{padding-block:clamp(14px,2.4vh,36px);}
  .pillar-logo{height:clamp(46px,7.5vh,104px);}
  .pillar-includes li{padding-block:clamp(6px,1vh,14px);}
  .pillar-included-box{padding-block:6px 8px;}
  .pillar-chips span{padding:4px 12px;}
  .tracks-section .lede{margin-bottom:clamp(10px,2vh,28px) !important;}
  .tracks-section .agent-showcase-compact{grid-template-columns:auto 1fr auto; grid-template-areas:"av tag note" "av name note" "av desc note"; padding:8px 22px; gap:0 18px; max-width:980px;}
  .tracks-section .agent-showcase-avatar{grid-area:av;}
  .tracks-section .agent-included-tag{grid-area:tag;}
  .tracks-section .agent-showcase-compact h3{grid-area:name; line-height:1.2;}
  .tracks-section .agent-showcase-compact p:not(.agent-showcase-note){grid-area:desc; font-size:13.5px;}
  .tracks-section .agent-showcase-note{grid-area:note; margin:0; max-width:32ch; align-self:center; justify-self:end; text-align:center;}
  .track-card-photo, .track-card-photo[style]{height:clamp(52px,8vh,110px) !important;}
  .track-card-agent-badge{transform:scale(.62) !important;}
  .track-name{font-size:clamp(22px,3.8vh,32px); line-height:1.2;}
  .track-consciousness, .track-phrase{font-size:clamp(13px,2vh,17px); line-height:1.4;}
  .track-includes-label{margin:clamp(4px,1.2vh,18px) 0 2px; font-size:13px;}
  .track-includes-list li{padding-block:clamp(2px,.45vh,6px);}
  .btn-track-cta{padding:clamp(9px,1.5vh,15px);}

  .hero-opener{font-size:clamp(34px, min(7.6vw, 7.4vh), 100px);}
  .hero-wow{font-size:clamp(18px, min(2.6vw, 3.6vh), 32px);}
  .hero-announce{margin-bottom:clamp(10px,2vh,28px);}
  .tracks-section{padding-block:clamp(12px,2vh,48px);}
  .tracks-section .lede{max-width:none; font-size:clamp(14px,2.1vh,18px);}
  .tracks-section .agent-showcase-compact{grid-template-columns:auto auto 1fr auto; grid-template-areas:"av tag name note" "av desc desc note";}
  .tracks-section .agent-included-tag{margin:0; align-self:center;}
  .tracks-section .agent-showcase-avatar svg{width:52px; height:52px;}
  .tracks-section .agent-name-big{font-size:20px;}
  .track-num{display:none;}
  .track-card-body{padding-top:clamp(8px,1.4vh,20px);}

  .hero-core-msg-dark{margin-bottom:clamp(12px,2.2vh,32px);}
  .hero-center{padding-block:clamp(14px,2.4vh,48px);}
  .tracks-section{padding-block:clamp(8px,1.2vh,48px);}
  .track-card-photo, .track-card-photo[style]{height:clamp(44px,6.4vh,110px) !important;}
  .track-card-agent-badge{transform:scale(.5) !important;}
  .track-grid{gap:14px;}
  .track-card-body{padding-inline:18px;}

  .hero-method-note{max-width:100ch;}
  .tracks-section .agent-showcase-compact{margin-bottom:clamp(8px,1.6vh,28px);}
  .tracks-section h2.section-title{margin-bottom:6px;}
  .track-includes-list{margin-bottom:clamp(6px,1.2vh,14px);}

  .hero-center{padding-block:clamp(8px,1.6vh,48px);}

  /* ראש הדף - בלי פסקת "לחיות באמת", רווחים מפוזרים ושורות רחבות */
  .hero-inner{max-width:1080px;}
  .hero-announce{margin-bottom:clamp(20px,5.4vh,52px);}
  .hero-opener{margin-bottom:clamp(24px,6.4vh,60px);}
  .hero-wow{max-width:60ch; margin-bottom:clamp(18px,4.8vh,44px);}
  .hero-lead{max-width:92ch; margin-bottom:clamp(26px,6.8vh,64px);}
  .hero-cta-btn{margin-bottom:clamp(16px,4.2vh,40px);}

  /* בית הספר הדיגיטלי + תכנית הליווי אני מול עצמי */
  .school-section .lede, .ani-section .lede{margin-bottom:clamp(14px,2.6vh,30px) !important;}
  .stage-grid .track-card{padding-bottom:clamp(12px,2vh,22px);}
  .stage-grid .track-card-photo, .stage-grid .track-card-photo[style]{position:relative; height:clamp(64px,10vh,96px) !important; overflow:visible;}
  .stage-grid .track-card-agent-badge{transform:scale(.72) !important; margin-top:12px;}
  .stage-card-num{position:absolute; top:10px; right:14px; font-size:13px; font-weight:800; color:#fff; background:rgba(0,0,0,.18); padding:2px 10px; border-radius:999px;}
  .stage-grid .track-who{margin-top:2px;}
  .offer-bar{display:flex; align-items:center; gap:clamp(14px,2.4vw,32px); background:#fff; border:1.5px solid var(--line); border-radius:22px; padding:clamp(12px,2vh,20px) clamp(16px,2vw,28px); margin-top:clamp(14px,2.6vh,28px);}
  .offer-bar-gold{border:2px solid var(--gold); box-shadow:0 14px 34px rgba(185,146,46,.14);}
  .offer-agent{display:flex; align-items:center; gap:14px; flex:1; min-width:0;}
  .offer-agent-avatar svg{width:56px; height:56px;}
  .offer-agent-text{display:flex; flex-direction:column; text-align:right;}
  .offer-agent-text b{font-size:17px; color:var(--ink);}
  .offer-agent-text span{font-size:14px; color:var(--ink-soft); line-height:1.5;}
  .offer-note{flex:1; text-align:right; font-size:15px; font-weight:600; color:var(--ink); line-height:1.5;}
  .offer-price{display:flex; flex-direction:column; align-items:center; flex-shrink:0;}
  .offer-price-num{font-size:clamp(30px,5vh,40px); font-weight:800; color:var(--gold-text); line-height:1.1;}
  .offer-price-sub{font-size:13px; color:var(--ink-soft);}
  .offer-btn{flex-shrink:0; border-radius:999px; font-size:16px; font-weight:800; padding:14px 30px; text-decoration:none; display:inline-block;}

  .ani-section{background:linear-gradient(160deg, var(--white) 0%, var(--cream-2) 100%); border:1.5px solid var(--gold);}
  .ani-logo{height:clamp(56px,10vh,96px); width:auto; margin:0 auto clamp(8px,1.6vh,16px); display:block;}
  .ani-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
  .ani-card{background:#fff; border:1.5px solid var(--line); border-radius:20px; padding:clamp(14px,2.4vh,22px) 16px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:4px;}
  .ani-card-plus{background:var(--gold); border-color:var(--gold);}
  .ani-card-icon{font-size:clamp(24px,4vh,32px); line-height:1.2;}
  .ani-card b{font-size:16.5px; color:var(--ink);}
  .ani-card span{font-size:14px; color:var(--ink-soft); line-height:1.5;}
  .ani-card-plus span{color:var(--ink);}

  /* עמודי הרחבה */
  .detail-screen{padding:24px 0 64px;}
  .detail-screen .back-link{margin-bottom:12px;}
  .detail-hero{display:flex; flex-direction:column; align-items:center; text-align:center; padding:clamp(24px,5vh,48px) 20px; background:var(--cream-2); border-radius:32px; margin-bottom:24px;}
  .detail-logo{height:96px; width:auto; margin-bottom:14px;}
  .detail-title{font-size:clamp(34px,5vw,56px); font-weight:800; margin:4px 0 12px;}
  .detail-lede{font-size:18px; line-height:1.65; max-width:64ch; color:var(--ink); margin-bottom:16px;}
  .detail-price{font-size:40px; font-weight:800; color:var(--gold-text);}
  .detail-price span{display:block; font-size:14px; font-weight:600; color:var(--ink-soft);}
  .detail-placeholder{text-align:center; font-size:15px; font-weight:600; color:var(--ink-soft); background:#fff; border:1.5px dashed var(--gold); border-radius:18px; padding:16px 20px; margin-bottom:48px;}
  .detail-screen h2.section-title{margin-bottom:24px;}
  .detail-stages{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
  .detail-stage{background:#fff; border:1.5px solid var(--line); border-top:6px solid var(--line); border-radius:20px; padding:22px; display:flex; flex-direction:column; gap:8px;}
  .detail-stage-eyebrow{font-size:13px; font-weight:800;}
  .detail-stage h3{font-size:28px; font-weight:800;}
  .detail-stage-tagline{font-size:15px; font-weight:700; color:var(--ink);}
  .detail-stage p{font-size:14.5px; line-height:1.6; color:var(--ink-soft);}
  .detail-stage ul{list-style:none; display:flex; flex-direction:column; gap:6px; margin:6px 0 12px;}
  .detail-stage li{font-size:14px; background:var(--cream-2); border-radius:10px; padding:7px 10px;}
  .detail-stage .btn{margin-top:auto; border-radius:999px;}
  .detail-actions{text-align:center; margin-top:28px;}

  .ani-grid-6{grid-template-columns:repeat(3,1fr); gap:12px;}
  .ani-section .ani-grid-6 .ani-card{padding:clamp(10px,1.6vh,18px) 14px; gap:2px;}
  .ani-section .ani-grid-6 .ani-card-icon{font-size:clamp(20px,3.2vh,28px);}
  .ani-section .ani-grid-6 .ani-card b{font-size:15.5px;}
  .ani-section .ani-grid-6 .ani-card span{font-size:13.5px;}
  .ani-section .ani-logo{height:clamp(44px,7.5vh,96px);}
  .detail-subtitle{margin-top:56px !important;}
  .detail-facts{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
  .detail-fact{background:#fff; border:1.5px solid var(--line); border-top:5px solid var(--gold); border-radius:18px; padding:18px; display:flex; flex-direction:column; gap:6px; text-align:center;}
  .detail-fact b{font-size:16.5px;}
  .detail-fact span{font-size:14px; line-height:1.55; color:var(--ink-soft);}
  .agent-sub-card{max-width:420px; margin:0 auto; background:#fff; border:2px solid var(--gold); border-radius:24px; padding:28px 26px; text-align:center; box-shadow:0 14px 34px rgba(185,146,46,.14);}
  .agent-sub-name{font-size:22px; font-weight:800;}
  .agent-sub-price{font-size:44px; font-weight:800; color:var(--gold-text); line-height:1.1; margin-top:4px;}
  .agent-sub-price span{font-size:16px; font-weight:600; color:var(--ink-soft);}
  .agent-sub-note{font-size:14px; font-weight:700; color:var(--ink-soft); margin:6px 0 16px;}
  .agent-sub-card .sub-feats{text-align:right;}
  .agent-sub-card .sub-feats li{border-bottom-color:var(--line);}
  .agent-sub-card .sub-feats li::before{color:var(--gold);}
  .agent-sub-card .sub-btn{background:var(--brand-green);}

  /* טבלת ההשוואה בדף הבית - כותרות באמצע וצבעי המותג */
  .compare-section .compare-table-wrap{border:1.5px solid var(--line); box-shadow:0 10px 30px rgba(38,36,30,.06);}
  .compare-section .compare-table thead th{text-align:center; vertical-align:middle; font-size:15px; font-weight:800; padding:14px 12px; border-bottom:0; line-height:1.3;}
  .compare-section .compare-table thead th:first-child{background:var(--cream-2); color:var(--ink);}
  .compare-section .compare-table thead th:nth-child(2){background:var(--cream-2); color:var(--ink-soft);}
  .compare-section .compare-table thead th.highlight{background:var(--brand-green); color:#fff;}
  .compare-section .compare-table thead th.val-head{background:var(--gold); color:#fff;}
  .compare-section .th-sub{display:block; font-size:12.5px; font-weight:600; color:var(--gold-light); margin-top:2px;}
  .compare-section .compare-table tbody td{border-bottom:1px solid var(--line);}
  .compare-section .compare-table tbody td.cat{background:#fff; color:var(--ink); font-weight:800; border-inline-start:4px solid var(--brand-green);}
  .compare-section .compare-table tbody td:nth-child(2){background:#fff; color:var(--ink-soft);}
  .compare-section .compare-table tbody td.highlight{background:#fff; color:var(--ink); font-weight:600;}
  .compare-section .compare-table tbody td.val{background:var(--s2-bg); color:#1A1A1A; font-weight:800; text-align:center; vertical-align:middle;}
  .compare-section .compare-table tbody tr.summary td{border-top:2px solid var(--brand-green);}
  .compare-section .compare-table tbody tr.summary td.cat{background:#fff; color:var(--ink);}

  /* קישור לפלטפורמה בתפריט העליון */
  a.util-btn{display:inline-block; text-decoration:none; line-height:1.5;}
  .auth-switch-link a{color:var(--brand-green); font-weight:700; text-decoration:underline;}

  /* לוגו בראש החלקים של בית הספר ואני מול עצמי - אותו גובה בשניהם */
  .school-section .section-logo{height:clamp(72px, 13vh, 130px) !important;}
  .section-logo{display:block; height:clamp(56px, 10vh, 100px); width:auto; max-width:80%; margin:0 auto clamp(6px,1.4vh,14px); object-fit:contain;}

  .step-link{display:inline-block; margin-top:8px; font-size:15px; font-weight:800; color:var(--brand-green); text-decoration:underline; text-underline-offset:3px;}

  @media (max-width:900px){
    .offer-bar{flex-direction:column; text-align:center;}
    .offer-agent{flex-direction:column; text-align:center;}
    .offer-agent-text, .offer-note{text-align:center;}
    .ani-grid{grid-template-columns:1fr 1fr;}
    .detail-stages{grid-template-columns:1fr;}
    .ani-grid-6, .detail-facts{grid-template-columns:1fr 1fr;}
  }

  @media (max-width:720px){
    .wrap{padding:0 12px 24px;}
    :root{--header-h:64px;}
    .tracks-section .agent-showcase-compact{grid-template-columns:1fr; grid-template-areas:"av" "tag" "name" "desc" "note"; padding:16px;}
    .tracks-section .agent-showcase-note{justify-self:center; margin-top:8px;}
    .brand-logo-right, .brand-logo-left{height:36px;}
    .lp-screen{min-height:auto; margin:10px 0; padding:40px 0; scroll-snap-align:none;}
    .lp-band{padding-inline:16px; border-radius:24px;}
    .hero-center{height:auto; min-height:calc(100svh - var(--header-h)); padding:36px 18px;}
    .hero-cta-btn{width:100%; max-width:340px; padding:16px 24px;}
    .tracks-section .agent-showcase-compact{grid-template-columns:1fr; text-align:center; justify-items:center;}
    .tracks-section .agent-showcase-avatar{grid-row:auto;}
    .tracks-section .agent-showcase-note{justify-self:center;}
    .roadmap-group-header{padding:16px; gap:10px;}
    .roadmap-group-title{font-size:20px;}
    .roadmap-group-sub{font-size:13px;}
    .roadmap-chips{padding:0 12px 14px;}
    .benefit-card{grid-template-columns:1fr;}
    .benefit-icon-box{grid-row:auto;}
  }

/* מקומות ב"אני מול עצמי" - מוצג רק כשיש מספר אמיתי (ANI_COHORT ב-script.js) */
.ani-seats{max-width:560px; margin:24px auto 0; background:#fff; border:1.5px solid var(--line); border-radius:18px; padding:16px 18px; display:flex; flex-direction:column; gap:10px; text-align:center; align-items:center;}
.ani-seats b{font-size:16.5px;}
.ani-seats span{font-size:14px; color:var(--ink-soft); line-height:1.55;}
.ani-seats-bar{width:100%; height:8px; border-radius:99px; background:var(--s3-bg); overflow:hidden;}
.ani-seats-bar i{display:block; height:100%; background:var(--gold); border-radius:99px;}

/* מחיר השקה - תווית קטנה ליד המחיר, בלי לחץ */
.pillar-price-note{display:block; font-size:13px; font-weight:700; color:var(--gold); letter-spacing:.02em;}

/* טבלת ההבדל בין בית הספר לתכנית האישית (עמוד ״אני מול עצמי״) */
.diff-wrap{overflow-x:auto; max-width:900px; margin:0 auto;}
.diff-table{width:100%; border-collapse:collapse; background:#fff; border:1.5px solid var(--line); border-radius:16px; overflow:hidden; font-size:14.5px;}
.diff-table th{background:var(--cream-2); color:#1A1A1A; font-weight:800; padding:12px 14px; text-align:center; font-size:15px;}
.diff-table th.diff-ani{background:var(--gold-light); color:#1A1A1A;}
.diff-table td{padding:11px 14px; border-top:1px solid var(--line); text-align:center; line-height:1.5;}
.diff-table td.cat{font-weight:700; text-align:right; background:#FBFAF7;}
.diff-table td.diff-ani{background:#FDFAF2;}
.diff-note{max-width:760px; margin:14px auto 0; text-align:center; font-size:14.5px; color:var(--ink-soft); line-height:1.6;}
@media (max-width:640px){ .diff-table{font-size:13px;} .diff-table th, .diff-table td{padding:8px 10px;} }

/* הקומה, השם המלא והמשפט של כל שכבה בכרטיסי השלבים (זהה לפלטפורמה) */
.track-floor{font-size:13px; font-weight:700; color:var(--gold); background:#FBF2DC; border-radius:999px; padding:2px 10px; vertical-align:middle; margin-inline-start:6px;}
.track-full{font-size:13.5px; font-weight:600; color:var(--ink-soft); margin:2px 0 4px;}
.track-out{font-size:13px; color:var(--ink-soft); line-height:1.5; margin-top:6px;}
.track-out b{color:#1A1A1A; font-weight:800;}

/* כיתוב התעודות: כיתוב קצר + ההבהרה שחייבת להישאר (החלטת דגן ודן 26.9.2026) */
.cert-caption{font-size:16px; font-weight:800; color:#1A1A1A;}
.cert-note{font-size:14px; color:var(--ink-soft); margin-top:6px; line-height:1.55;}

/* שלוש התעודות באתר (החלטת דגן 26.9.2026) */
.story-certs{flex-direction:column; align-items:stretch;}
.cert-row{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:12px;}
.cert-item{margin:0; display:flex; flex-direction:column; align-items:center; gap:8px;}
.cert-item img{width:100%; max-width:190px; height:150px; object-fit:contain; background:#fff; border:1px solid var(--line); border-radius:10px; padding:6px;}
.cert-item figcaption{font-size:12.5px; line-height:1.45; color:var(--ink-soft); text-align:center; font-weight:600;}
@media (max-width:640px){ .cert-row{grid-template-columns:1fr; gap:10px;} .cert-item img{height:170px;} }

/* ===== הפתיחה: שלושה גדלים בלבד - כותרת, כותרת משנה, תיאור (בקשת דגן 26.9.2026) ===== */
.hero-center .hero-wow{font-size:clamp(19px, min(2.6vw, 3.6vh), 30px); font-weight:800; color:var(--gold-light); line-height:1.35; max-width:44ch; margin:0 0 clamp(12px,2.4vh,24px); text-wrap:balance;}
.hero-center .hero-lead{font-size:clamp(14.5px, 2vh, 18px); font-weight:500; color:rgba(255,255,255,.92); line-height:1.65; max-width:78ch; margin:0 0 clamp(14px,2.8vh,28px); text-wrap:pretty;}
.hero-center .hero-opener{margin-bottom:clamp(12px,2.2vh,24px) !important;}

/* הפתיחה משתמשת בכל הרוחב (בקשת דגן 26.9.2026) */
.hero-center{padding-inline:clamp(20px,5vw,72px);}
.hero-center .hero-inner{max-width:1320px;}
.hero-center .hero-opener{font-size:clamp(38px, min(6.6vw, 9vh), 96px);}
.hero-center .hero-wow{font-size:clamp(20px, min(3vw, 4vh), 36px); max-width:62ch;}
.hero-center .hero-lead{font-size:clamp(15px, 2.3vh, 21px); max-width:104ch; line-height:1.7;}
@media (max-width:640px){
  .hero-center .hero-wow{font-size:20px; max-width:34ch;}
  .hero-center .hero-lead{font-size:15.5px; max-width:42ch; line-height:1.6;}
}

/* הפתיחה באותם גדלים ומרווחים של "מפת הדרכים" (בקשת דגן 26.9.2026):
   כותרת קטע 40px/1.2 עם 10px מתחת · תיאור 16.5px/1.6 · 24px לפני הכפתור · רוחב קטע 1056px */
.hero-center .hero-inner{max-width:1056px;}
.hero-center .hero-opener{font-size:clamp(43px, min(6.2vw, 8.4vh), 80px); margin-bottom:clamp(14px,2.6vh,26px) !important;}
.hero-center .hero-wow{font-size:clamp(26px, min(3.4vw, 5.6vh), 40px); font-weight:800; line-height:1.2; max-width:36ch; margin:0 auto 10px; color:var(--gold-light);}
.hero-center .hero-lead{font-size:clamp(15px, 1.95vh, 16.5px); font-weight:400; line-height:1.6; max-width:72ch; margin:0 auto clamp(20px,4.4vh,44px); color:rgba(255,255,255,.92);}
.hero-center .hero-cta-btn{margin-bottom:clamp(10px,1.8vh,18px);}
@media (max-width:640px){
  .hero-center .hero-wow{font-size:22px; max-width:30ch;}
  .hero-center .hero-lead{font-size:14.5px; max-width:none; line-height:1.62; letter-spacing:.005em;}
}

/* התיאור הלבן נמתח לרוחב המסך, שתי שורות במחשב (בקשת דגן 26.9.2026) */
@media (min-width:900px){
  .hero-center .hero-inner{max-width:none; width:100%;}
  .hero-center .hero-wow{max-width:52ch;}
  .hero-center .hero-lead{max-width:none; width:min(1640px, 96vw); font-size:clamp(12.5px, 1.02vw, 17px); line-height:1.75;}
}

@media (min-width:900px){
  .hero-center{padding-inline:clamp(16px,2.4vw,40px);}
  .hero-center .hero-lead{width:100%; max-width:none; font-size:clamp(12.5px, 0.98vw, 16px); line-height:1.7; text-wrap:auto;}
}

/* פתיחה: בלי גלולות חוץ מהכפתור, רווחים שווים, טקסט לבן גדול יותר ומעט פחות מתוח (26.9.2026) */
.hero-center .hero-announce{border:0 !important; background:transparent !important; padding:0 !important; border-radius:0 !important; font-size:clamp(12.5px,1.8vh,15px); color:var(--gold-light); letter-spacing:.04em; margin:0 0 clamp(20px,4.4vh,44px) !important;}
.hero-center .hero-method-note{border:0 !important; background:transparent !important; padding:0 !important; border-radius:0 !important; color:var(--gold-light); font-size:clamp(12px,1.7vh,14px); margin:0 !important;}
.hero-center{justify-content:center; padding-block:clamp(22px,4vh,52px);}
.hero-center .hero-opener{margin-bottom:clamp(20px,4.4vh,44px) !important;}
.hero-center .hero-wow{margin-bottom:clamp(20px,4.4vh,44px) !important;}
.hero-center .hero-cta-btn{margin:0 0 clamp(20px,4.4vh,44px) !important;}
@media (min-width:900px){
  .hero-center .hero-lead{width:min(1420px,94vw); font-size:clamp(14px,1.08vw,17.5px); line-height:1.7; margin:0 auto clamp(20px,4.4vh,44px);}
}

/* כפתור באותו זהב של השורה העליונה, והשורה העליונה בלבן; הטקסט הלבן גדול וצר יותר (26.9.2026) */
.hero-center .hero-cta-btn{background:#fff !important; color:var(--brand-green) !important; box-shadow:0 10px 26px rgba(0,0,0,.22) !important;}
.hero-center .hero-announce{color:#fff !important;}
@media (min-width:900px){
  .hero-center .hero-lead{width:min(1420px,92vw); font-size:clamp(14px,1.08vw,17px); line-height:1.65;}
}

/* תמונת מפת הדרכים בקטע שמדבר עליה (בקשת דגן 29.9.2026). נוצרה מהמקור שב-`גרפיקה/`
   (4000 פיקסל, 1.1 מגה) לגרסת אתר של 1599 פיקסל ו-346 קילובייט, כדי לא לתקוע טעינה בטלפון.
   לחיצה פותחת את התמונה המלאה, כי 15 תחנות בתמונה אחת קטנות מדי במסך טלפון. */
.roadmap-row{display:flex; flex-direction:column; align-items:center; gap:clamp(14px,2.6vh,26px);}
.roadmap-pic{position:relative; display:block; width:min(238px,62%,26vh); margin:0; border-radius:16px; overflow:hidden; border:1px solid var(--line); background:#fff; box-shadow:0 6px 20px rgba(38,36,30,.08); text-decoration:none; flex-shrink:0;}
@media (min-width:900px){
  .roadmap-row{flex-direction:row-reverse; align-items:flex-start; justify-content:center; gap:clamp(20px,2.4vw,40px);}
  .roadmap-pic{width:min(320px,30%);}
  .roadmap-row .roadmap-wrap{flex:1; min-width:0; max-width:820px; margin:0;}
}
.roadmap-pic img{display:block; width:100%; height:auto;}
.roadmap-pic-zoom{position:absolute; bottom:10px; inset-inline-start:10px; background:rgba(255,255,255,.94); color:var(--ink); font-size:13px; font-weight:800; padding:5px 12px; border-radius:999px; border:1px solid var(--line);}
@media (max-width:640px){ .roadmap-pic{width:min(232px,62%,24vh);} }

/* הכפתור יוצא מתוך נשמה טובה ונשאר באותו קטע (בקשת דגן 28.9.2026: "שהכפתור לא יהיה
   בתוך נשמה טובה בכל אחד, אלא מחוץ אבל שיבינו שהכל באותו קטע"). הבעיה שהייתה: הכרטיס הלבן
   נפתח בדמות ובכותרת "נשמה טובה", ולכן המחיר והכפתור נראו כאילו הם שלו ולא של המסלול.
   הפתרון: נשמה טובה מקבל תיבה משלו בתוך הכרטיס, והמחיר והכפתור יושבים על הכרטיס עצמו.
   חל על שני המסלולים, כי שניהם משתמשים באותן מחלקות. */
.offer-agent{background:var(--cream-2); border:1px solid var(--line); border-radius:16px; padding:12px 14px;}
.offer-agent-text b{font-weight:700;}
@media (max-width:640px){
  .offer-agent{width:100%; padding:14px 16px;}
  .offer-bar{gap:16px;}
  .offer-price{margin-top:2px;}
}

/* כרטיסי השלבים: הקומה מעל השם, והשמות מיושרים באותו גובה בשלושת הכרטיסים (26.9.2026) */
.track-card .track-floor{display:inline-block; font-size:12.5px; font-weight:800; color:#1A1A1A; background:#FBF2DC; border:1px solid var(--gold); border-radius:999px; padding:2px 12px; margin:0 auto 6px;}
.track-card .track-name{margin:0 0 2px;}
.track-card .track-full{margin:0 0 6px;}
.track-card .track-card-body{display:flex; flex-direction:column; align-items:center; text-align:center;}

/* שורת הזהב מחזיקה עכשיו את השילוב (בקשת דגן 30.9.2026), ולכן היא 6 שורות בטלפון במקום 2
   והפתיחה חרגה ב-67 פיקסל ב-664 וב-18 ב-740. דגן: "להקטין את הזהב ולעשות גלילה אחת בכל סקשן".
   הצבע לא נגע, והמילים לא נגעו. רק הגודל והרוחב. */
.hero-center .hero-wow{font-size:clamp(17px, min(2.1vw, 2.9vh), 27px); line-height:1.3; max-width:60ch; margin:0 auto clamp(12px,2.4vh,22px) !important;}
@media (max-width:640px){
  .hero-center .hero-wow{font-size:16.5px; max-width:none; line-height:1.34;}
}
@media (max-width:640px) and (max-height:700px){
  .hero-center .hero-wow{font-size:16px; line-height:1.32; margin-bottom:10px !important;}
}

/* "בית הספר לחיים משוגעים" הוא הסקשן היחיד שחרג במחשב (762 מול 719, 43 פיקסל), והכלל
   בפרויקט נבדק דווקא ב-1440x719. מהדק רק אותו ורק במחשב: הריפוד, הלוגו ושני מרווחים.
   שאר הסקשנים במחשב 687 ולא נגעתי בהם. */
@media (min-width:900px){
  #school-section{padding-top:10px; padding-bottom:10px;}
  #school-section .section-logo{max-height:80px;}
  #school-section .lede{margin-bottom:12px;}
  #school-section .offer-bar{margin-top:12px;}
}

/* "הוא לא גזירה ואפילו מצפן לחיים" (דגן 30.9.2026, מתחרז עם "מבפנים") ארוך מהקודם,
   ולכן הכותרת היא 3 שורות בטלפון במקום 2 והפתיחה חרגה ב-39 פיקסל ב-664.
   מהדק רק את הזהב ואת הריפוד בטלפון נמוך, כמו שדגן אישר. הכותרת נשארת 43 והמסר 14.5. */
@media (max-width:640px) and (max-height:700px){
  .hero-center{padding-top:22px; padding-bottom:22px;}
  .hero-center .hero-wow{font-size:14.5px; line-height:1.3; margin-bottom:8px !important;}
  .hero-center .hero-opener{margin-bottom:10px !important;}
}


  /* ====== אוויר בפתיחה (החלטת דגן 6.10.2026, בחר "א, רק אוויר" אחרי שראה 3 צילומים) ======
     הבקשה שלו: "בסקריפט למעלה זה צפוף מדי הכיתוב... רציתי את העיצוב לשנות לא את הכיתוב".
     🔴 ואף מילה לא השתנתה כאן: רק רווח השורה והאוויר בין הבלוקים.
     🔴 ולמה הבלוק יושב בסוף הקובץ ולא בכלל המקורי: לפתיחה יש 8 שכבות של כללים,
     והאחרונה שבהן (.hero-center .hero-wow בשורה ~1152) דורסת כל שינוי שנעשה למעלה.
     שיניתי קודם את הכלל המקורי, ונמדד על המסך שהוא לא חל בכלל.
     ⚠️ ובטלפון נמוך (עד 700 גובה) לא נוגעים: שם ההידוק מכוון, והוא מה שמכניס את הפתיחה במסך אחד. */
  @media (min-width:641px){
    .hero-center .hero-wow{line-height:1.7;}
    .hero-center .hero-lead{line-height:1.9;}
  }
  @media (max-width:640px) and (min-height:811px){
    .hero-center .hero-wow{line-height:1.7; margin-bottom:clamp(18px,3.4vh,30px);}
    .hero-center .hero-lead{line-height:1.9;}
  }
  /* 🔴 ומכאן למטה האוויר מתכווץ לפי גובה המסך, ולא יורד לאפס:
     בטלפון של 740 הפתיחה הייתה בדיוק 740 לפני השינוי, כלומר אפס מרווח (נמדד 30.9),
     ולכן אוויר מלא שם מוציא אותה מהמסך. כל מדרגה נמדדה על המסך בנפרד. */
  @media (max-width:640px) and (max-height:810px) and (min-height:761px){
    .hero-center .hero-wow{line-height:1.5; margin-bottom:clamp(12px,2.4vh,20px);}
    .hero-center .hero-lead{line-height:1.74;}
  }
  /* 🔴 ומתחת ל-760 גובה אין כאן שום כלל, בכוונה: שם ההידוק מ-30.9 נשאר בדיוק כמו שהיה,
     והוא מה שמכניס את הפתיחה במסך אחד (נמדד אז: 740 בדיוק, אפס מרווח). */


  /* ====== סולם התשובות בשאלת הסינון (9.10.2026, בקשת דגן: "שיבינו את ההבדל בין הכל",
     "שהאופציה האחרונה זה זעקה לעזרה קשה"). עיצוב בלבד, אף מילה לא השתנתה.
     🔴 ותשובת החירום מופרדת בכוונה: היא לא עוד פריט ברשימה. */
  .pc-choice-btn small{display:block; font-size:12px; font-weight:400; color:#6B675E; margin-top:3px;}
  .pc-crisis-sep{margin:14px 0 8px; font-size:12.5px; color:#6B675E; text-align:right; padding-top:12px; border-top:1px dashed var(--line);}
  .pc-choice-crisis{border-color:#D9534F; border-width:2px;}
  .pc-choice-crisis:hover{border-color:#C9302C; background:#FFF6F5;}

  /* שורת המשחק בכרטיסי 3 השלבים (הקונספט של דגן, 5.10.2026). עיצוב בלבד. */
  .stage-game{font-size:13.5px; font-weight:600; color:var(--brand-green-deep); background:var(--s3-bg); border-radius:10px; padding:9px 12px; margin:0 0 10px;}

  /* "יש משחק:" בראש הכותרת (החלטת דגן 9.10.2026, במילים שלו: "לרשום בכותרת בזהב למעלה - יש משחק:").
     🔴 הוא יושב בתוך ה-h1 ולא כשורה נפרדת מעליה, וזה לא סגנון: כשורה נפרדת הוא עלה מרווח שלם,
     והפתיחה חרגה. בתוך הכותרת הוא עולה 4 פיקסל בלבד, ולכן "דגן פרץ גאה להשיק" יכול להישאר.
     🔴 והוא בזהב ולא לבן, כי הוא פתיח ולא תווית: "ממנו" ו"בו" שבכותרת מתייחסים אליו. */
  .hero-game-intro{display:block; color:var(--gold-light); font-size:.45em; font-weight:800; margin-bottom:.1em; line-height:1.2;}
  @media (max-width:640px){ .hero-center .hero-announce{margin-bottom:14px !important;} }
  /* 🔴 ובטלפון נמוך המרווחים קטנים, כי הכותרת החדשה ארוכה יותר. כל מדרגה נמדדה בנפרד. */
  @media (max-width:640px) and (max-height:760px) and (min-height:681px){
    .hero-center .hero-announce{margin-bottom:8px !important;}
    .hero-opener .hero-game-intro{font-size:.42em; margin-bottom:.05em;}
  }
  @media (max-width:640px) and (max-height:680px){
    .hero-center .hero-announce{margin-bottom:4px !important; font-size:11.5px;}
    .hero-opener .hero-game-intro{font-size:.38em; margin-bottom:0;}
  }

  /* התפקיד בשולחן המשחק במסך תוצאת הסוג (הקונספט של דגן, 5.10.2026). עיצוב בלבד. */
  /* 🔴 רקע לבן ולא ירוק בהיר: כרטיס התוצאה עצמו ירוק, ו"ירוק על ירוק" נבלע.
     נבדק על המסך ותוקן. */
  .type-role{font-size:14px; font-weight:600; color:var(--ink); background:#fff; border-radius:12px; padding:11px 14px; margin:12px auto 14px; max-width:46ch; text-align:center; line-height:1.6; box-shadow:0 2px 10px rgba(0,0,0,.08);}

  /* שורת המשחק בעיצוב האנושי (הקונספט של דגן, 5.10.2026). עיצוב בלבד. */
  .hd-game-line{font-size:13.5px; font-weight:600; color:var(--brand-green-deep); background:var(--s3-bg); border-radius:10px; padding:9px 13px; margin:10px 0 2px; text-align:center; line-height:1.55;}

  /* ====== הפתיחה: היררכיה ואוויר (בקשת דגן 9.10.2026: "תעצב עם יותר רווח ועיצוב יפה את הדף הראשון")
     🔑 מה שנמדד על המסך והסביר למה זה לא נראה טוב: הזהב 16.5 והמסר 14.5, כלומר כמעט אותו גודל,
     ולכן אין היררכיה והעין לא יודעת מה ראשי. והמרווחים היו 37 · 20 · 37, כלומר לא עקביים,
     והקטן מביניהם דווקא הפריד בין שני הבלוקים החשובים.
     🔴 ואף מילה לא השתנתה כאן: רק גדלים, שקיפות ומרווחים. */
  @media (min-width:641px){
    .hero-center .hero-wow{margin-bottom:clamp(24px,4vh,38px);}
    .hero-center .hero-lead{font-size:clamp(14px,2.2vh,18px); opacity:.88;}
  }
  @media (max-width:640px) and (min-height:811px){
    .hero-center .hero-wow{font-size:17.5px; margin-bottom:16px !important;}
    .hero-center .hero-lead{font-size:13.5px; opacity:.86;}
  }

  /* הדלת למסך המצוקה (9.10.2026). קטנה ולא בולטת, כלל 5יג. 12.5 פיקסל, מעל רצפת 11.5. */
  .crisis-door-row{text-align:center; margin:26px 0 6px;}
  /* 🔴 הדלת והפוטר יושבים מחוץ למסכים, ולכן הם נשארו גלויים מעל מסך המצוקה עצמו,
     עם רווח ריק ענק באמצע. נתפס בצילום ולא בקוד. כשהמסך פעיל, שניהם מוסתרים. */
  body:has(#screen-crisis.active) .crisis-door-row,
  body:has(#screen-crisis.active) footer{display:none;}
  #screen-crisis{padding-top:24px;}
  .crisis-door{font-size:12.5px; color:var(--ink-soft); text-decoration:underline; cursor:pointer; padding:6px 10px;}
  .crisis-door:hover{color:var(--ink);}

/* 10.10.2026 - החלטת דגן ("תעביר את כל הפתיחה לזהב של המותג"): כל הכיתובים
   בזהב בפתיחה עוברים מ--gold-light (#DDC89F, רוויה 28%) ל--gold (#CFB176, 43%).
   נמדד על המסך: 3 הזהבים של המותג הם אותו גוון בדיוק (40°) ונבדלים רק ברוויה,
   והפתיחה היה המקום היחיד באתר שצבוע בבהיר - וזה מה שדגן ראה.
   🔴 הבלוק הזה חל על הפתיחה בלבד. --gold-light עצמו לא נגעתי בו, כי הוא משמש
   ב-24 מקומות נוספים (טבלת ההשוואה, כרטיסי המנוי, העיצוב האנושי) שלא בבקשה.
   ⚠️ ולמי שישנה כאן בעתיד: הפתיחה בנויה ב-8 שכבות של כללים, ולכן עריכה
   במקום שבו הכלל מוגדר במקור לא תשפיע. חייב לשבת בסוף הקובץ עם !important. */
.hero-center .hero-announce,
.hero-center .hero-wow,
.hero-center .hero-method-note,
.hero-center .eyebrow,
.hero-center .hero-game-intro,
.hero-game-intro{ color:var(--gold) !important; }

/* 10.10.2026 - החלטת דגן ("כן תעביר גם את ה-2 שנשארו"): 2 המקומות האחרונים
   באתר שהיו ב--gold-light עוברים לזהב המותג. אחרי זה אין יותר טקסט
   ב-#DDC89F באתר, והמשתנה --gold-light נשאר בשימוש לרקעים בלבד
   (טבלת ההשוואה, כרטיסי מנוי, פס ההתקדמות) ולא לטקסט. */
.compare-section .th-sub,
.sub-eyebrow{ color:var(--gold) !important; }

/* 10.10.2026 - שעת לידה: 3 כפתורים במקום שדה חובה (הכרעת דגן). הגודל נמדד על המסך, 44 פיקסלים לנגיעה. */
.bt-pills{display:flex; flex-wrap:wrap; gap:8px; margin:6px 0 10px;}
.bt-pill{flex:1 1 0; min-width:96px; min-height:44px; padding:8px 12px; border:1.5px solid var(--line); border-radius:12px; background:#fff; color:var(--ink); font:inherit; font-size:15px; font-weight:700; cursor:pointer;}
.bt-pill[aria-checked="true"]{border-color:var(--brand-green); background:var(--s3-bg); box-shadow:inset 0 0 0 1px var(--brand-green);}
.bt-pill:focus-visible{outline:3px solid var(--brand-green); outline-offset:2px;}
.bt-hint{margin-top:6px;}

/* 10.10.2026 - "מקום לידה" הוא עכשיו בחירה (select) ולא שדה טקסט, כמו בטופס. אותו מראה כמו .field input. */
.field select{width:100%; padding:13px 14px; border:1.5px solid var(--line); border-radius:8px; font-family:'Assistant'; font-size:15px; background:var(--cream); color:var(--ink);}
.field select:focus{outline:none; border-color:var(--gold);}

/* 11.10.2026 - בקשת דגן: "לעצב בנייד את דף הבית למעלה בכותרת יותר רווחים".
   איפה: הכותרת בפתיחה, בנייד בלבד (רוחב עד 600). עכשיו (נמדד ב-390): הכותרת צפופה, line-height 1.04, 1.9 פיקסל בין "החיים זה משחק משוגע:" לבין "הכלא מבפנים", ו-0 בין החצי האדום לירוק.
   🔴 הפתיחה בנויה ב-8 שכבות של כללים, ולכן הבלוק הזה בסוף הקובץ עם !important. ובמחשב לא משתנה כלום (media query). */
@media (max-width:600px){
  .hero-center h1.hero-opener,
  .hero-center .hero-opener-red,
  .hero-center .hero-opener-green{ line-height:1.22 !important; }
  .hero-center .hero-game-intro{ margin-bottom:.75em !important; }
  .hero-center .hero-opener-green{ display:block !important; margin-top:.32em !important; }
}

/* 11.10.2026 - בקשת דגן, בנייד בלבד: הזהב ("יש פער מטורף") גדול יותר, והפסקה הלבנה ("הכל בסדר גמור איתך...")
   יורדת מתחת לכפתור "מתחילים עכשיו", כך שהכותרת, הזהב והכפתור נכנסים במסך הראשון בלי גלילה.
   איפה: הפתיחה, `.hero-inner`. עכשיו: הפסקה הלבנה בין הזהב לכפתור (7 שורות, כ-215 פיקסל). צריך: הכפתור ישר אחרי הזהב, והלבן מתחתיו.
   ומה לא משתנה: הטקסט, הצבעים, המחשב, וכל מה שמתחת לפתיחה. הסדר הוא ויזואלי בלבד (order), ה-HTML לא הוזז.
   🔴 הפתיחה בנויה ב-8 שכבות, ולכן !important, והבלוק הזה בסוף הקובץ. */
@media (max-width:600px){
  .hero-center .hero-inner{ display:flex !important; flex-direction:column !important; align-items:center !important; }
  .hero-center .hero-announce{ order:1 !important; margin-bottom:clamp(16px,2.6vh,26px) !important; }
  .hero-center h1.hero-opener{ order:2 !important; }
  .hero-center .hero-wow{ order:3 !important; font-size:clamp(18px, 2.7vh, 22px) !important; line-height:1.38 !important; margin:clamp(20px,3.6vh,34px) auto clamp(22px,3.4vh,34px) !important; }
  .hero-center .hero-cta-btn{ order:4 !important; margin:0 auto clamp(14px,2.6vh,26px) !important; }
  .hero-center .hero-lead{ order:5 !important; margin:0 auto 12px !important; }
  .hero-center .hero-method-note{ order:6 !important; }
}

/* 11.10.2026 (בקשת דגן, אחרי העלאה 1791720428): "טיפה להקטין את הזהב, יותר רווח בהכל, ו'טיפה צל על הכותרות כמו במקומות האחרים'".
   הצל באתר בכותרות הוא `0 1px 3px rgba(0,0,0,.12)` (h1, section-title, track-name), והוא נועד לרקע בהיר. כאן הרקע תמונה כהה,
   ולכן אותו מבנה בכהה יותר: `0 2px 6px rgba(0,0,0,.45)`. נבדק על המסך. בנייד בלבד. */
@media (max-width:600px){
  .hero-center .hero-game-intro,
  .hero-center .hero-opener-red,
  .hero-center .hero-opener-green,
  .hero-center .hero-wow{ text-shadow:0 2px 6px rgba(0,0,0,.45) !important; }
}

/* 11.10.2026 (בקשת דגן: "טיפה תוריד למטה את הכותרת המרכזית"): בנייד בלבד, הכותרת (כולל "החיים זה משחק משוגע:") יורדת
   `clamp(8px,1.6vh,16px)` ביחס לשורת ההכרזה. כל מה שמתחתיה יורד איתה. */
@media (max-width:600px){
  .hero-center h1.hero-opener{ margin-top:clamp(8px,1.6vh,16px) !important; }
}

/* 11.10.2026 (בקשת דגן: "החיים זה משחק משוגע בלבן"): השורה "החיים זה משחק משוגע:" בראש הכותרת בלבן, במקום זהב המותג.
   איפה: `.hero-game-intro`. עכשיו: `#CFB176` (הכרעת דגן 10.10, "כל הפתיחה בזהב המותג"). צריך: לבן. ומה לא משתנה: האדום והירוק, והזהב של "יש פער מטורף".
   🔴 זה מוציא את השורה מהכרעת 10.10 (הפתיחה כולה בזהב), בהוראה ישירה ומאוחרת יותר של דגן. בכל הגדלים, לא רק בנייד. */
.hero-center .hero-game-intro,
.hero-game-intro{ color:#fff !important; }

/* 11.10.2026 (בקשת דגן: "לכתוב את יש פער מטורף והכל בסדר גמור איתך בהפוך בצבעים, לראות איך אפשר לעצב ככה שהכל באותו דף בלי גלילה").
   איפה: הפתיחה בנייד. עכשיו: "יש פער מטורף" זהב ו"הכל בסדר גמור איתך" לבן, והלבן והכפתור חורגים מהמסך הראשון בטלפון קטן.
   צריך: הצבעים מתהפכים (הראשון לבן, השני זהב), וכל טקסט הפתיחה כולל "מבוסס על שיטת..." נכנס במסך הראשון בלי גלילה.
   איך: כל הגדלים והרווחים מתכווצים לפי גובה המסך (vh) עם רצפה. ומה לא משתנה: הטקסט, האדום והירוק, והמחשב.
   🔴 8 שכבות בפתיחה, ולכן !important והבלוק בסוף. */
@media (max-width:600px){
  .hero-center .hero-wow{ color:#fff !important; }
  .hero-center .hero-lead{ color:var(--gold) !important; font-size:clamp(12px, 1.7vh, 14px) !important; line-height:1.38 !important; margin:0 auto clamp(6px,1.2vh,12px) !important; }
  .hero-center .hero-method-note{ font-size:clamp(11.5px,1.5vh,13px) !important; }
  .hero-center h1.hero-opener{ font-size:clamp(28px, 4.9vh, 43px) !important; margin-top:clamp(4px,.9vh,14px) !important; margin-bottom:clamp(6px,1.4vh,16px) !important; }
  .hero-center .hero-opener-red,.hero-center .hero-opener-green{ line-height:1.1 !important; text-wrap:balance; }
  .hero-center .hero-wow,.hero-center .hero-lead{ text-wrap:pretty; }
  .hero-center .hero-announce{ font-size:clamp(12px,1.7vh,15px) !important; margin-bottom:clamp(6px,1.4vh,14px) !important; }
  .hero-center .hero-game-intro{ font-size:clamp(13px,2.1vh,19px) !important; margin-bottom:clamp(2px,.6vh,8px) !important; }
  .hero-center .hero-wow{ font-size:clamp(15.5px, 2.35vh, 21px) !important; line-height:1.3 !important; margin:clamp(6px,1.4vh,18px) auto clamp(8px,1.6vh,18px) !important; }
  .hero-center .hero-cta-btn{ margin:0 auto clamp(8px,1.5vh,18px) !important; }
}

/* 11.10.2026 (בקשת דגן: "המסך לא מלא ורואים את הסקשן המשך, לעשות שהכל באותו מסך על ידי הגדלת רווחים ביחס שווה בהכל").
   איפה: הפתיחה בנייד. עכשיו: התוכן ממורכז בתוך הפתיחה עם ריק מעליו ומתחתיו, והפתיחה נמדדת ב-svh (קו המסך כשסרגל הכתובת פתוח),
   ולכן כשהוא נעלם מציץ הסקשן הבא. צריך: הפתיחה ממלאת את המסך (dvh, עם svh כגיבוי), והרווחים בין כל החלקים שווים (space-evenly).
   ומה לא משתנה: הטקסט, הצבעים, הגדלים, והמחשב. אם התוכן גבוה יותר מהמסך, הפתיחה גדלה ולא נחתכת (min-height ולא height). */
@media (max-width:600px){
  .hero-center{ height:auto !important; min-height:calc(100svh - var(--header-h)) !important; }
  @supports (height:100dvh){ .hero-center{ min-height:calc(100dvh - var(--header-h)) !important; } }
  .hero-center{ box-sizing:border-box !important; padding-block:clamp(10px,2vh,22px) !important; margin-bottom:0 !important; }
  .hero-center .hero-inner{ flex:1 1 auto !important; justify-content:space-evenly !important; }
  .hero-center .hero-inner > *{ margin-top:0 !important; margin-bottom:0 !important; }
}

/* 11.10.2026 (בקשת דגן: "לרשום את הכותרת האדומה והירוקה 2 משפטים במקום 4"): בנייד בלבד, כל חצי של הכותרת בשורה אחת.
   איפה: `.hero-opener-red` ("הכלא מבפנים זה הניתוק ממנו") ו-`.hero-opener-green` ("והחופש שלך זה הניצחון בו"), הפתיחה, רוחב עד 600.
   עכשיו (נמדד ב-390x844): כל חצי נשבר לשתי שורות, כלומר 4 שורות, בגודל 41.4 פיקסל; ב-375x667 וב-360x640: 3 שורות.
   צריך: 2 שורות, אחת לכל חצי. איך: ה"אדום" רחב ב-11.45 פעמים הגודל, ולכן הגודל נגזר מרוחב המסך (פחות 44 לשוליים) ולא מהגובה, ו-nowrap מבטיח שלא ישבר.
   ומה לא משתנה: הטקסט, הצבעים, הצל, הקו הירוק, "החיים זה משחק משוגע:", כל מה שמתחת לכותרת, והמחשב. הרווחים מתחלקים מחדש מעצמם (space-evenly).
   🔴 8 שכבות בפתיחה, ולכן !important והבלוק בסוף. */
@media (max-width:600px){
  .hero-center h1.hero-opener{ font-size:min(clamp(28px, 4.9vh, 43px), calc((100vw - 44px) / 11.6)) !important; }
  .hero-center .hero-opener-red,
  .hero-center .hero-opener-green{ white-space:nowrap !important; }
}