.family-page{--fp-ink:var(--ink,#18353f);--fp-muted:var(--muted,#596d72);--fp-brand:var(--brand,#075b63);--fp-accent:var(--accent,#e47b30);--fp-green:var(--green,#17794d);--fp-line:var(--line,#dce6e3);margin:0;background:var(--paper,#f6f8f6);color:var(--fp-ink);font-family:Vazirmatn,sans-serif;font-size:16px;line-height:1.9;overflow-wrap:anywhere}
.family-page *,.family-page *::before,.family-page *::after{box-sizing:border-box}
.family-page [hidden]{display:none!important}
.family-page button,.family-page select{font:inherit}
.family-page button,.family-page a,.family-page select{-webkit-tap-highlight-color:transparent}
.family-page a{color:inherit;text-decoration:none}
.family-page button{cursor:pointer}
.family-page h1,.family-page h2,.family-page h3,.family-page h4,.family-page p{margin:0}
.family-page h1,.family-page h2,.family-page h3,.family-page h4{line-height:1.55}
.family-page img,.family-page svg{display:block;max-width:100%;flex-shrink:0}
.family-page :focus-visible{outline:3px solid var(--fp-accent);outline-offset:4px}
.family-page .fp-skip{position:absolute;top:8px;right:16px;z-index:100;padding:12px 16px;background:white;border:2px solid var(--fp-brand);border-radius:12px;transform:translateY(-180%)}
.family-page .fp-skip:focus{transform:none}
.family-page .fp-header{max-width:1120px;margin:0 auto;min-height:64px;padding:9px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--fp-line)}
.family-page .fp-brand{display:flex;align-items:center;gap:8px;min-height:44px;font-weight:800;font-size:.96rem;white-space:nowrap}
.family-page .fp-brand img{width:34px;height:34px}
.family-page .fp-nav{display:flex;align-items:center;gap:3px;font-size:.85rem}
.family-page .fp-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 9px;border-radius:10px}
.family-page .fp-nav a:hover{background:#e7eeeb}
.family-page .fp-main{width:min(100% - 36px,1084px);margin:0 auto}
.family-page .fp-intro{padding:20px 0 16px;display:grid;gap:10px}
.family-page .fp-eyebrow{color:var(--fp-brand);font-size:.79rem;font-weight:700;display:flex;align-items:center;gap:7px;line-height:1.8}
.family-page .fp-dot{width:7px;height:7px;border-radius:50%;background:var(--fp-accent);display:inline-block}
.family-page .fp-intro h1{font-size:clamp(1.45rem,6.1vw,2.55rem);font-weight:850;letter-spacing:-.04em}
.family-page .fp-intro h1 span{color:var(--fp-brand);white-space:nowrap}
.family-page .fp-lead{margin-top:4px;color:var(--fp-muted);font-size:.84rem;max-width:38em}
.family-page .fp-demo-notice{display:block;padding:8px 11px;background:#eaf0e9;border:1px solid #d6e2d2;border-radius:11px;line-height:1.65}
.family-page .fp-demo-notice svg{margin-top:4px;color:var(--fp-brand)}
.family-page .fp-demo-notice strong{font-size:.76rem;font-weight:650;line-height:1.65}
.family-page .fp-demo-notice p{font-size:.78rem;color:var(--fp-muted);margin-top:6px}
.family-page .fp-dashboard{padding:16px 12px;background:white;border:1px solid var(--fp-line);border-radius:20px;box-shadow:0 12px 40px #18353f05}
.family-page .fp-dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 3px}
.family-page .fp-dashboard-head h2{font-size:1.17rem;font-weight:800}
.family-page .fp-sample-tag{color:var(--fp-muted);font-size:.68rem;white-space:nowrap;align-self:flex-start;padding:4px 8px;background:#f3f6f3;border-radius:7px;border:1px solid var(--fp-line)}
.family-page .fp-controls{display:grid;gap:4px;margin-top:12px;margin-bottom:10px}
.family-page .fp-sample-controls{margin:0;border:0;background:transparent;border-radius:0;min-width:0;padding:0}
.family-page .fp-sample-controls summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:7px 4px;color:var(--fp-muted);font-size:.76rem}
.family-page .fp-sample-controls summary::-webkit-details-marker{display:none}
.family-page .fp-sample-controls summary::after{content:'+';font-size:1.05rem;line-height:1}
.family-page .fp-sample-controls[open] summary::after{content:'−'}
.family-page .fp-sample-body{padding:9px 0 4px;border-top:1px solid var(--fp-line)}
.family-page .fp-week-tabs{display:flex;gap:4px;background:#f1f5f2;border-radius:13px;padding:4px}
.family-page .fp-week-tabs a{min-height:44px;display:flex;align-items:center;justify-content:center;flex:1;padding:8px 11px;font-size:.84rem;color:var(--fp-muted);border-radius:10px;white-space:nowrap}
.family-page .fp-week-tabs a[aria-current="page"]{background:white;box-shadow:0 2px 8px #18353f0a;color:var(--fp-brand);font-weight:750}
.family-page .fp-scenario-label{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--fp-muted);font-size:.79rem}
.family-page .fp-scenario-label select{min-height:44px;width:164px;max-width:65%;border:1px solid var(--fp-line);border-radius:11px;padding:7px 10px;background:white;color:var(--fp-ink);font-size:.85rem;cursor:pointer}
.family-page .fp-scenario-description{font-size:.74rem;color:var(--fp-muted);margin:10px 3px 5px}
.family-page .fp-empty-notice{padding:13px;background:#f3f6f3;border:1px dashed #baccc3;border-radius:14px;margin-top:14px}
.family-page .fp-empty-notice strong{font-size:.94rem;font-weight:750}
.family-page .fp-empty-notice p{font-size:.81rem;margin-top:5px;color:var(--fp-muted)}
.family-page .fp-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.family-page .fp-metric{min-width:0;min-height:146px;padding:11px 10px;border:1px solid var(--fp-line);border-radius:14px;background:#fbfcfa;display:flex;flex-direction:column;align-items:stretch}
.family-page .fp-metric-top{display:flex;justify-content:space-between;align-items:center;gap:4px}
.family-page .fp-metric-top h3{font-weight:650;font-size:.77rem}
.family-page .fp-metric-icon{font-size:1.1rem;color:var(--fp-brand);line-height:1}
.family-page .fp-metric-value{font-size:2.2rem;line-height:1.2;font-weight:800;letter-spacing:-.04em;margin-top:6px;font-variant-numeric:tabular-nums;color:var(--fp-ink)}
.family-page .fp-metric-unit{font-size:.68rem;color:var(--fp-muted);margin-top:0;min-height:20px}
.family-page .fp-meter{height:3px;border-radius:8px;background:#e4ece6;margin:8px 0 6px;overflow:hidden}
.family-page .fp-meter span{display:block;width:0;height:100%;border-radius:inherit;background:#408b72;transition:width .25s ease}
.family-page .fp-metric-note{font-size:.66rem;line-height:1.7;color:var(--fp-muted)}
.family-page .fp-time-note{font-size:.66rem;line-height:1.7;margin-top:auto;padding-top:8px;color:var(--fp-muted)}
.family-page .fp-reading-note{display:flex;align-items:flex-start;gap:7px;font-size:.72rem;color:var(--fp-muted);margin:12px 2px}
.family-page .fp-reading-note>span{font-size:1.4rem;line-height:1.2;color:var(--fp-brand)}
.family-page .fp-reading-note strong{font-weight:700;color:var(--fp-ink)}
.family-page .fp-details-toggle{width:100%;min-height:52px;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #c5d9d1;border-radius:13px;padding:11px 15px;background:#edf4ef;color:var(--fp-brand);font-size:.9rem;font-weight:750}
.family-page .fp-details-toggle:hover{background:#e4efe8}
.family-page .fp-details-toggle svg{transition:transform .2s}
.family-page .fp-details-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.family-page .fp-details-panel{border-top:1px solid var(--fp-line);margin-top:23px;padding-top:23px}
.family-page .fp-detail-title{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.family-page .fp-detail-title h3{font-size:1.05rem}
.family-page .fp-detail-title>span{font-size:.71rem;color:var(--fp-muted)}
.family-page .fp-detail-grid{display:grid;gap:23px}
.family-page .fp-detail-block{min-width:0}
.family-page .fp-detail-block h4{font-size:.87rem;font-weight:750}
.family-page .fp-days{list-style:none;margin:13px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.family-page .fp-days li{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.64rem;white-space:nowrap}
.family-page .fp-days i{width:27px;height:27px;border:1px solid #d3dfd7;border-radius:50%;background:#f1f5f2;display:grid;place-items:center;font-size:.81rem;font-style:normal;color:var(--fp-muted)}
.family-page .fp-days .is-active i{border-color:#bad4c7;background:#dcece2;color:var(--fp-green);font-weight:800}
.family-page .fp-detail-caption{font-size:.73rem;color:var(--fp-muted);margin-top:15px}
.family-page .fp-task-breakdown{list-style:none;margin:11px 0 0;padding:0;display:grid;gap:7px}
.family-page .fp-task-breakdown li{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;padding:7px 0;border-bottom:1px solid #edf1ec}
.family-page .fp-task-breakdown strong{font-weight:750;font-variant-numeric:tabular-nums}
.family-page .fp-task-breakdown .fp-overdue{color:#9b6028}
.family-page .fp-analysis{border:1px solid #d3e3da;border-radius:18px;background:#f5f8f3;padding:20px 16px;margin-top:26px}
.family-page .fp-analysis h3{font-size:1.1rem;margin-top:6px}
.family-page .fp-analysis-disclaimer{font-size:.75rem;color:var(--fp-muted);margin-top:7px}
.family-page .fp-analysis dl{margin:22px 0 0;display:grid;gap:21px}
.family-page .fp-analysis dt{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:750;color:var(--fp-brand)}
.family-page .fp-analysis dt>span{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:8px;background:#e1ece3;font-size:.75rem}
.family-page .fp-analysis dd{margin:7px 0 0;font-size:.81rem;color:var(--fp-muted);line-height:2}
.family-page .fp-detail-empty{padding:24px 0;font-size:.87rem;color:var(--fp-muted)}
.family-page .fp-encourage{position:relative;display:flex;align-items:flex-start;gap:17px;padding:31px 5px;margin:12px 0 22px;border-bottom:1px solid var(--fp-line)}
.family-page .fp-encourage-mark{font-size:5rem;font-weight:300;line-height:1;color:#b3c9b8}
.family-page .fp-encourage h2{font-size:1.2rem;margin-top:6px}
.family-page .fp-encourage blockquote{margin:12px 0;font-size:1.1rem;font-weight:650;line-height:1.9;color:var(--fp-brand)}
.family-page .fp-encourage div>p:last-child{font-size:.76rem;color:var(--fp-muted)}
.family-page .fp-next{display:grid;gap:25px;margin-bottom:40px;padding:27px 22px;background:#eaf0eb;border:1px solid #d7e3d8;border-radius:24px}
.family-page .fp-next h2{font-size:1.35rem;margin-top:8px}
.family-page .fp-next>div>p:not(.fp-eyebrow){font-size:.85rem;color:var(--fp-muted);margin-top:11px;max-width:36em}
.family-page .fp-main-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--fp-brand);font-size:.82rem;font-weight:750;margin-top:9px;text-decoration:underline;text-underline-offset:5px}
.family-page .fp-course{padding-top:23px;border-top:1px solid #cddbd0;display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}
.family-page .fp-course>span{font-size:.82rem;color:var(--fp-muted)}
.family-page .fp-course .fp-course-price{font-size:1.3rem;font-weight:800;line-height:1.6;max-width:100%;color:var(--fp-ink)}
.family-page .fp-buy{display:flex;align-items:center;justify-content:center;min-height:50px;max-width:100%;width:100%;border:0;border-radius:12px;padding:11px 18px;background:var(--fp-brand);color:white;font-size:.89rem;font-weight:750;margin-top:8px}
.family-page .fp-buy:hover{background:#064d54}
.family-page .fp-course small{font-size:.71rem;color:var(--fp-muted);margin-top:4px}
.family-page .fp-footer{max-width:1084px;margin:0 auto;padding:0 18px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 20px;color:var(--fp-muted);font-size:.73rem}
.family-page .fp-footer a{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.family-page .fp-noscript{padding:20px;border:1px solid var(--fp-line);margin-bottom:25px;border-radius:15px;font-size:.9rem;background:white}
@media(min-width:640px){
  .family-page .fp-header{padding-inline:24px}
  .family-page .fp-main{width:min(100% - 48px,1084px)}
  .family-page .fp-intro{padding:48px 0 32px}
  .family-page .fp-dashboard{padding:30px}
  .family-page .fp-dashboard-head h2{font-size:1.65rem}
  .family-page .fp-controls{grid-template-columns:minmax(220px,1fr) minmax(230px,1fr);align-items:center;gap:30px}
  .family-page .fp-metrics{gap:14px}
  .family-page .fp-metric{padding:21px}
  .family-page .fp-metric-top h3{font-size:.94rem}
  .family-page .fp-metric-unit{font-size:.8rem}
  .family-page .fp-metric-note,.family-page .fp-time-note{font-size:.78rem}
  .family-page .fp-detail-grid{grid-template-columns:1fr 1fr;gap:36px}
  .family-page .fp-analysis{padding:24px}
  .family-page .fp-days li{font-size:.75rem}
  .family-page .fp-next{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:36px;padding:32px}
  .family-page .fp-course{border-top:0;border-right:1px solid #cddbd0;padding-top:0;padding-right:30px;justify-content:center}
}
@media(min-width:980px){
  .family-page .fp-intro{grid-template-columns:1.3fr 1fr;gap:46px;align-items:center;padding-top:55px}
  .family-page .fp-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
  .family-page .fp-metric{min-height:245px;padding:20px}
  .family-page .fp-metric-value{font-size:3rem}
  .family-page .fp-analysis dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
  .family-page .fp-analysis dd{margin-top:12px}
  .family-page .fp-encourage{padding:38px 20px}
}
@media(prefers-reduced-motion:reduce){.family-page *,.family-page *::before,.family-page *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}