.report-experience{background:#111c1b;color:#edf5ef;padding-block:76px 64px;overflow-wrap:anywhere}.report-experience .report-shell{max-width:1000px;display:grid;gap:56px}.report-experience *{min-width:0}.report-experience h1{font-size:clamp(28px,4vw,44px);line-height:1.65;letter-spacing:-1px;max-width:760px;margin:18px 0}.report-experience h2{font-size:clamp(20px,2.5vw,26px);line-height:1.65;margin:0 0 14px}.report-experience h3{font-size:18px;line-height:1.7;margin:8px 0}.report-experience p{font-size:16px;line-height:2.1;color:#c0d0c8;margin:10px 0 0}.report-experience .report-eyebrow{font-size:13px;line-height:1.9;color:#91d4bc;font-weight:600}.report-experience .report-hero{position:relative;padding-bottom:10px}.report-experience .report-hero>p{max-width:710px}.report-experience .report-trail{display:flex;align-items:center;width:140px;margin-top:24px}.report-experience .report-trail span{width:8px;height:8px;border-radius:50%;background:#79cbb0}.report-experience .report-trail i{height:1px;background:#36594c;flex:1}.report-experience .report-preview{padding:30px;background:#192a25;border:1px solid #31473c;border-radius:22px}.report-experience .report-first{max-width:760px}.report-experience .report-first h2{margin-top:10px}.report-experience .report-preview-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;border-top:1px solid #34483e;padding-top:22px;margin-top:28px}.report-experience .report-preview-notes p{font-size:15px}.report-experience .report-unlock{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 42px;padding:32px;background:#17241f;border:1px solid #3a5547;border-radius:22px}.report-experience .report-unlock header{grid-column:1/-1;max-width:700px}.report-experience .report-unlock h2{margin-top:10px}.report-experience .report-inclusions{list-style:none;margin:0;padding:0;display:grid;align-content:start;gap:0}.report-experience .report-inclusions li{padding:14px 0;border-bottom:1px solid #2d4035;color:#d5e4db;display:flex;gap:14px}.report-experience .report-inclusions span{color:#91d4bc}.report-experience form{align-self:start}.report-experience label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}.report-experience input{display:block;width:100%;max-width:100%;min-height:54px;border:1px solid #597564;border-radius:12px;background:#101d17;color:#f0f7f1;padding:12px 16px;font-size:18px;text-align:right}.report-experience input::placeholder{color:#a6b9ab;opacity:1}.report-experience .hint{color:#b0c3b6!important;font-size:13px!important;line-height:2}.report-experience .hint a{text-decoration:underline;color:#91d4bc}.report-experience .form-feedback{color:#efd2b4;font-size:14px;margin-block:10px;min-height:24px}.report-experience .btn{white-space:normal;max-width:100%;min-height:48px;line-height:1.8;font-size:14px}.report-experience .btn-accent{background:#79cbb0;color:#10211b;border-color:#79cbb0}.report-experience .btn-outline{color:#d2e4d8;border-color:#526f5c;background:transparent}.report-experience form .btn{width:100%}.report-experience .report-full{display:grid;gap:48px;padding-block:12px;scroll-margin-top:110px}.report-experience .report-full:focus{outline:none}.report-experience .report-full:focus-visible{outline:2px solid #91d4bc;outline-offset:8px}.report-experience .report-axes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-block:26px;border-block:1px solid #34473c}.report-experience .report-axes p{font-size:15px}.report-experience .report-suggestion strong{display:block;font-size:13px;color:#91d4bc;margin-bottom:8px}.report-experience .report-reflection{display:grid;gap:30px}.report-experience .report-reflection article{border-inline-start:2px solid #537e66;padding-inline-start:24px}.report-experience .report-content-path ol{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:30px}.report-experience .report-content-path li{border-bottom:1px solid #2e4235;padding-bottom:28px}.report-experience .report-example{background:#1a2a21;border-radius:10px;padding:14px 18px;font-size:14px}.report-experience .report-example strong{color:#91d4bc}.report-experience .report-week{background:#223c2e;border:1px solid #578268;border-radius:22px;padding:36px}.report-experience .report-week h2{margin-top:12px}.report-experience .report-week .btn{margin-top:26px}.report-experience .report-next{padding-block:8px}.report-experience .report-next .card-actions{margin-top:24px}.report-experience .report-basis{font-size:13px;line-height:2;color:#a9bdb0;border-top:1px solid #2e4235;padding-top:24px;margin:0}.report-experience .report-tools{padding-top:0}.report-experience .report-tools .btn{font-size:13px}.report-experience :focus-visible{outline:3px solid #91d4bc;outline-offset:4px}@media(max-width:700px){.report-experience{padding-block:40px}.report-experience .report-shell{gap:36px;padding-inline:20px}.report-experience .report-preview,.report-experience .report-unlock,.report-experience .report-week{padding:24px 20px;border-radius:18px}.report-experience .report-preview-notes,.report-experience .report-unlock,.report-experience .report-axes{grid-template-columns:minmax(0,1fr);gap:24px}.report-experience .report-full{gap:34px}.report-experience .report-axes article+article{padding-top:24px;border-top:1px solid #34473c}.report-experience .card-actions{align-items:stretch}.report-experience .card-actions .btn{flex:1 1 100%}.report-experience .report-week .btn{width:100%}.report-experience p{font-size:15px}}.report-experience .report-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:45px;align-items:center}.report-experience .report-hero h1{margin-bottom:12px}.report-experience .report-hero-art{position:relative;min-height:220px;display:grid;place-items:center}.report-experience .report-orbit{position:absolute;border:1px solid #3a6352;border-radius:50%;transform:rotate(-22deg)}.report-experience .report-orbit--outer{width:210px;height:120px}.report-experience .report-orbit--inner{width:145px;height:82px;border-color:#6a9d7e;transform:rotate(28deg)}.report-experience .report-orbit-core{width:30px;height:30px;border-radius:50%;background:#79cbb0;box-shadow:0 0 0 10px #79cbb01c}.report-experience .report-hero-art i{position:absolute;width:8px;height:8px;border-radius:50%;background:#d7a06b}.report-experience .report-hero-art i:nth-of-type(1){top:30px;right:25px}.report-experience .report-hero-art i:nth-of-type(2){bottom:45px;left:12px}.report-experience .report-hero-art i:nth-of-type(3){top:75px;left:35px}.report-experience .report-hero-art small{position:absolute;bottom:0;color:#a7c8b4;font-size:12px}.report-experience .report-section-heading p{max-width:650px}.report-experience .report-brand-map{padding:4px 0 8px}.report-experience .report-map-nodes{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.report-experience .report-map-nodes:before{content:'';position:absolute;right:15%;left:15%;top:54px;border-top:1px dashed #4b705d;z-index:0}.report-experience .report-map-node{position:relative;z-index:1;text-align:right;color:#edf5ef;background:#172a24;border:1px solid #365449;border-radius:17px;padding:21px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:210px;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.report-experience .report-map-node:hover{transform:translateY(-3px);border-color:#79cbb0;background:#1b332b}.report-experience .report-node-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#223d31;color:#91d4bc}.report-experience .report-node-icon svg{width:22px;height:22px}.report-experience .report-map-node strong{font-size:17px}.report-experience .report-status{font-size:12px;color:#b9d7c2}.report-experience .report-node-copy{font-size:13px;line-height:1.9;color:#aec3b5}.report-experience .report-node-link{margin-top:auto;color:#91d4bc;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:5px}.report-experience .report-node-link svg{width:15px}.report-experience .report-preview{position:relative;overflow:hidden}.report-experience .report-preview:after{content:'';position:absolute;inset:auto -10% -55% 30%;height:180px;border:1px solid #436c58;border-radius:50%;opacity:.45;transform:rotate(-12deg);pointer-events:none}.report-experience .report-preview-notes{position:relative;z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.report-experience .report-preview-notes article{display:flex;align-items:flex-start;gap:14px;padding:4px 24px}.report-experience .report-preview-notes article+article{border-inline-start:1px solid #34483e}.report-experience .report-insight-marker{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;flex:none}.report-experience .report-insight-marker svg{width:19px}.report-experience .report-bright-spot .report-insight-marker{background:#234a3a;color:#8fd2ac}.report-experience .report-growth-spot .report-insight-marker{background:#59452c;color:#e2b77b}.report-experience .report-preview-notes h3{margin:0;font-size:15px}.report-experience .report-preview-notes p{margin-top:3px}.report-experience .report-disclosure{border-top:1px solid #355044;margin-top:18px}.report-experience .report-disclosure summary{list-style:none;min-height:48px;padding:13px 0;display:flex;align-items:center;gap:8px;color:#91d4bc;font-size:13px;font-weight:600;cursor:pointer}.report-experience .report-disclosure summary::-webkit-details-marker{display:none}.report-experience .report-disclosure summary svg{width:17px;transition:transform .2s}.report-experience .report-disclosure[open] summary svg{transform:rotate(180deg)}.report-experience .report-disclosure-open{display:none}.report-experience .report-disclosure[open] .report-disclosure-closed{display:none}.report-experience .report-disclosure[open] .report-disclosure-open{display:inline}.report-experience .report-disclosure-body{padding:0 0 15px}.report-experience .report-unlock{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.report-experience .report-form-context{display:flex;align-items:center;gap:8px;margin-top:22px;color:#91d4bc}.report-experience .report-form-context svg{width:22px}.report-experience .report-form-context span{width:28px;border-top:1px dashed #557765}.report-experience .report-unlocked-note{display:flex;align-items:center;gap:10px;color:#91d4bc;font-size:14px;font-weight:600}.report-experience .report-unlocked-note svg{width:19px}.report-experience .report-axis-modules{display:grid;gap:28px}.report-experience .report-axis-module{display:grid;grid-template-columns:180px minmax(0,1fr);gap:34px;padding:30px;background:#172a24;border:1px solid #324e41;border-radius:21px;scroll-margin-top:100px}.report-experience .report-axis-module:focus{outline:none}.report-experience .report-axis-module:focus-visible{outline:2px solid #91d4bc;outline-offset:6px}.report-experience .report-axis-visual{display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:10px}.report-experience .report-art{position:relative;width:125px;height:125px;display:block}.report-experience .report-art i,.report-experience .report-art b{position:absolute;display:block;border-radius:50%}.report-experience .report-art i{border:1px solid #4f7c65}.report-experience .report-art i:nth-child(1){inset:15px}.report-experience .report-art i:nth-child(2){inset:37px;border-color:#79cbb0}.report-experience .report-art i:nth-child(3){inset:53px;border-color:#d6a16d}.report-experience .report-art b{width:12px;height:12px;background:#79cbb0;top:57px;right:57px}.report-experience .report-art--content i{border-radius:8px;transform:rotate(45deg)}.report-experience .report-art--content i:nth-child(1){inset:20px}.report-experience .report-art--content i:nth-child(2){inset:39px}.report-experience .report-art--content i:nth-child(3){inset:58px}.report-experience .report-art--trust:after{content:'';position:absolute;inset:19px 8px;border-top:1px dashed #79cbb0;border-bottom:1px dashed #4f7c65;border-radius:50%;transform:rotate(-28deg)}.report-experience .report-axis-copy h3{font-size:24px;margin:0 0 4px}.report-experience .report-axis-question{font-size:14px!important;color:#91d4bc!important;margin:0!important}.report-experience .report-axis-glance{font-size:17px!important;color:#e3eee7!important;max-width:680px;margin-top:24px!important}.report-experience .report-practice,.report-experience .report-suggestion{padding:17px 20px;border-radius:12px;background:#1d332a;margin-top:18px}.report-experience .report-suggestion{background:#202f27;border-inline-start:2px solid #d6a16d}.report-experience .report-practice strong,.report-experience .report-suggestion strong{display:block;color:#91d4bc;font-size:13px;margin-bottom:5px}.report-experience .report-axis-module .report-disclosure{margin-top:22px}.report-experience .report-axis-module h4,.report-experience .report-complete-notes h4{font-size:14px;margin:14px 0 0;color:#e0ece3}.report-experience .report-text-list{padding-right:20px;color:#c0d0c8;line-height:2}.report-experience .report-text-list li::marker{color:#79cbb0}.report-experience .report-complete-notes{padding:28px;background:#14231e;border-radius:17px;border:1px solid #2d483b}.report-experience .report-complete-notes>h3{margin:0}.report-experience .report-content-path{padding-top:5px}.report-experience .report-content-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:28px 0 25px;gap:18px}.report-experience .report-content-nodes li{position:relative;padding:20px 18px 23px;background:#182b24;border-bottom:2px solid #527b62;border-radius:14px}.report-experience .report-content-nodes li+li:before{content:'←';position:absolute;right:-17px;top:42%;color:#79cbb0;font-size:23px;z-index:2}.report-experience .report-path-icon{display:grid;place-items:center;width:39px;height:39px;background:#233d31;border-radius:11px;color:#91d4bc}.report-experience .report-path-icon svg{width:20px}.report-experience .report-content-nodes h3{margin:14px 0 2px}.report-experience .report-content-nodes p{font-size:14px}.report-experience .report-action-list{padding-right:21px}.report-experience .report-action-list li{padding:11px 0;border-bottom:1px solid #31473b}.report-experience .report-action-list h4{margin:0;color:#edf5ef;font-size:15px}.report-experience .report-action-list p{margin-top:3px}.report-experience .report-week{position:relative;overflow:hidden}.report-experience .report-week:after{content:'';position:absolute;width:230px;height:230px;border:1px solid #81b9953b;border-radius:50%;left:-85px;bottom:-130px}.report-experience .report-week-heading{display:flex;align-items:center;gap:12px;color:#91d4bc}.report-experience .report-week-heading svg{width:20px}.report-experience .report-step-label{border:1px solid #78b38f;border-radius:6px;padding:3px 8px;font-size:12px}.report-experience .report-week-mission{font-size:20px!important;color:#eef7ef!important;max-width:670px}.report-experience .report-week-checklist{display:grid;gap:7px;margin:23px 0}.report-experience .report-week-checklist label{display:flex;align-items:flex-start;gap:10px;padding:10px 0;color:#d3e4d7;cursor:pointer}.report-experience .report-week-checklist input{width:19px;min-height:19px;margin:3px 0 0;accent-color:#79cbb0}.report-experience .report-week .report-disclosure{max-width:700px}.report-experience .report-week>.btn{position:relative;z-index:1}.report-experience .report-continuation{list-style:none;padding:0;margin:26px 0;display:flex;align-items:center;gap:0;max-width:680px}.report-experience .report-continuation li{display:flex;align-items:center;gap:8px;color:#d7e7da;flex:1;font-size:14px}.report-experience .report-continuation li:not(:last-child):after{content:'←';color:#719a7c;margin-inline:18px;font-size:20px}.report-experience .report-continuation svg{width:20px;color:#91d4bc}.report-experience .report-download{padding-top:12px}.report-experience .report-basis{max-width:760px}.report-experience .report-tools{border-top:1px solid #2e4235;padding-top:24px}@media(max-width:700px){.report-experience .report-hero{grid-template-columns:1fr;gap:14px}.report-experience .report-hero-art{min-height:145px;order:-1}.report-experience .report-map-nodes,.report-experience .report-content-nodes{grid-template-columns:1fr;gap:12px}.report-experience .report-map-nodes:before{right:33px;left:auto;top:55px;bottom:55px;border-top:0;border-right:1px dashed #4b705d}.report-experience .report-map-node{min-height:150px;padding:17px 18px}.report-experience .report-node-icon{width:39px;height:39px}.report-experience .report-map-node strong{font-size:16px}.report-experience .report-node-link{position:absolute;left:18px;bottom:18px}.report-experience .report-preview-notes article{padding:4px 0}.report-experience .report-preview-notes article+article{border-inline-start:0;border-top:1px solid #34483e;padding-top:22px;margin-top:22px}.report-experience .report-axis-module{grid-template-columns:1fr;gap:8px;padding:23px 19px}.report-experience .report-axis-visual{flex-direction:row;justify-content:space-between;padding:0}.report-experience .report-art{width:88px;height:88px}.report-experience .report-art i:nth-child(1){inset:10px}.report-experience .report-art i:nth-child(2){inset:26px}.report-experience .report-art i:nth-child(3){inset:39px}.report-experience .report-art b{top:39px;right:39px;width:10px;height:10px}.report-experience .report-axis-copy h3{font-size:21px}.report-experience .report-axis-glance{font-size:16px!important}.report-experience .report-content-nodes li+li:before{content:'↓';right:calc(50% - 7px);top:-20px}.report-experience .report-week-mission{font-size:18px!important}.report-experience .report-continuation{display:grid;gap:14px}.report-experience .report-continuation li:not(:last-child):after{content:'↓';margin-inline:8px}.report-experience .report-next .card-actions{align-items:stretch}.report-experience .report-next .card-actions .btn{flex:1 1 100%}}

/* ==========================================================================
   نشارو — سیستم تیپوگرافی
   این فایل فقط لایه فونت، اندازه، وزن، فاصله سطر و خوانایی را استاندارد
   می‌کند. چیدمان، رنگ‌بندی، ساختار HTML و منطق جاوااسکریپت تغییر نمی‌کند.
   بعد از styles.css بارگذاری شود تا قواعد پایه و متغیرها در دسترس باشند.
   ========================================================================== */

/* ── ۰) تعریف فونت‌ها — همه به‌صورت محلی (self-host) ────────────────────────
   فایل‌ها در پوشه fonts/ کنار همین فایل قرار دارند. دیگر هیچ وابستگی به
   CDN بیرونی وجود ندارد تا بارگذاری فونت به دسترسی اینترنت کاربر گره نخورد.
   هر فونت فقط با وزن‌های 400 تا 700 و فرمت woff2، با font-display: swap. */

/* وزیرمتن — فونت اصلی فارسی */
@font-face {
  font-family: "Vazirmatn";
  src: url("fonts/Vazirmatn-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vazirmatn";
  src: url("fonts/Vazirmatn-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vazirmatn";
  src: url("fonts/Vazirmatn-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vazirmatn";
  src: url("fonts/Vazirmatn-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* استعداد — اعداد آماری و داشبورد (زیرمجموعه عربی + لاتین) */
@font-face {
  font-family: "Estedad";
  src: url("fonts/estedad-400-arabic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0897, U+08E3-08FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: "Estedad";
  src: url("fonts/estedad-500-arabic.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0897, U+08E3-08FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: "Estedad";
  src: url("fonts/estedad-600-arabic.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0897, U+08E3-08FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: "Estedad";
  src: url("fonts/estedad-700-arabic.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0897, U+08E3-08FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: "Estedad";
  src: url("fonts/estedad-400-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Estedad";
  src: url("fonts/estedad-500-latin.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Estedad";
  src: url("fonts/estedad-600-latin.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Estedad";
  src: url("fonts/estedad-700-latin.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* JetBrains Mono — کد و داده فنی */
@font-face {
  font-family: "JetBrains Mono";
  src: url("fonts/jetbrainsmono-400-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("fonts/jetbrainsmono-500-latin.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("fonts/jetbrainsmono-600-latin.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("fonts/jetbrainsmono-700-latin.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Poppins — لوگوتایپ لاتین */
@font-face {
  font-family: "Poppins";
  src: url("fonts/poppins-400-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Poppins";
  src: url("fonts/poppins-500-latin.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Poppins";
  src: url("fonts/poppins-600-latin.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Poppins";
  src: url("fonts/poppins-700-latin.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+200B, U+2013-2014, U+2018-201A, U+201C-201E, U+2022, U+2026, U+2032-2033, U+2039-203A, U+2044, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ── ۱) متغیرهای تیپوگرافی ─────────────────────────────────────────────── */
:root {
  --font-main: "Vazirmatn", "IRANSansX", "Tahoma", sans-serif;
  --font-number: "Estedad", "Vazirmatn", sans-serif;
  --font-code: "JetBrains Mono", "Courier New", monospace;
  --font-latin: "Poppins", "Manrope", sans-serif;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --fs-display: 44px;
  --fs-h1: 32px;
  --fs-h2: 26px;
  --fs-h3: 21px;
  --fs-h4: 18px;
  --fs-body-lg: 17px;
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-caption: 13px;

  --lh-tight: 1.4;
  --lh-heading: 1.5;
  --lh-body: 1.9;
  --lh-loose: 2.05;

  /* رنگ متن کم‌کنتراست با کنتراست کافی روی پس‌زمینه روشن */
  --tp-muted: #586b64;
  --tp-border: #e4ebe4;
}

/* ── ۲) قواعد پایه ─────────────────────────────────────────────────────── */
body {
  font-family: var(--font-main);
  font-size: var(--fs-body);
  font-weight: var(--fw-regular);
  line-height: var(--lh-body);
  direction: rtl;
  text-align: right;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: auto;
  font-synthesis: none;
  font-kerning: none;
}

/* letter-spacing فارسی همیشه صفر؛ هیچ فاصله حرفی منفی روی متن فارسی */
body,
h1, h2, h3, h4, h5, h6,
p, li, summary, label, blockquote,
.display, .section-title, .lead, .btn, .tag, .pill, .chip,
.site-nav a, .app-sidebar a, .app-bottom a, .text-link {
  letter-spacing: 0;
}

/* متن لاتین فقط در برچسب‌های کوچک اجازه فاصله حرفی دارد */
.demo-badge,
.app-sidebar-label,
.price small,
.dashboard-note-latin {
  text-transform: none;
}

/* متن فارسی هرگز مورب نمی‌شود */
body em, body i,
.display em, .section-title em,
.mini-bars i, .bar-item .track i, .progress-track i {
  font-style: normal;
}

/* ── ۳) تیترها ─────────────────────────────────────────────────────────── */
h1, .display {
  font-size: var(--fs-display);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
  margin-bottom: 16px;
}

h1:not(.display) {
  font-size: var(--fs-h1);
}

h2 {
  font-size: var(--fs-h2);
  font-weight: var(--fw-bold);
  line-height: var(--lh-heading);
  margin-bottom: 14px;
}

h3 {
  font-size: var(--fs-h3);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-heading);
  margin-bottom: 12px;
}

h4 {
  font-size: var(--fs-h4);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-heading);
}

/* تیتر بخش‌ها: Bold، بدون گرادیان و بدون سایه سنگین */
.section-title {
  font-size: var(--fs-h2);
  font-weight: var(--fw-bold);
  line-height: var(--lh-heading);
  background: none;
  text-shadow: none;
}

.page-hero h1 {
  font-size: var(--fs-display);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
}

/* تیترهای داخل پنل که قبلاً اندازه دستی داشتند */
.app-heading h1,
.auth-card h1,
.cta-block h2,
.app-banner h2,
.panel h2,
.legal-copy h2,
.about-grid h2,
.not-found h1,
.app-section-title {
  line-height: var(--lh-heading);
  text-shadow: none;
}

.app-heading h1,
.auth-card h1,
.not-found h1 {
  font-size: var(--fs-h2);
  font-weight: var(--fw-bold);
}

.cta-block h2 {
  font-size: var(--fs-h2);
  font-weight: var(--fw-bold);
}

.app-banner h2,
.panel h2,
.legal-copy h2,
.app-section-title {
  font-size: var(--fs-h3);
  font-weight: var(--fw-semibold);
}

.about-grid h2,
.studio-layout h3,
.idea-detail h3,
.feature-card h3,
.step-card h3,
.price-card h3,
.empty-state h3 {
  font-size: var(--fs-h4);
  font-weight: var(--fw-semibold);
}

.insight-sheet > strong,
.analysis-head strong {
  font-size: var(--fs-small);
  font-weight: var(--fw-semibold);
}

/* ── ۴) متن، پاراگراف و توضیحات ────────────────────────────────────────── */
p, li, blockquote, .draft-text {
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}

.lead,
.hero-copy .lead {
  font-size: var(--fs-body-lg);
  font-weight: var(--fw-medium);
  line-height: var(--lh-body);
}

.page-hero p {
  font-size: var(--fs-body-lg);
  line-height: var(--lh-body);
}

/* رنگ متن‌های کم‌کنتراست تا نسبت 4.5:1 روی همه پس‌زمینه‌های روشن بالا می‌رود */
.section-subtitle,
.feature-card p,
.step-card p,
.price-card p,
.preview-tip,
.faq-list p,
.legal-copy p,
.empty-state p,
.idea-detail p,
.hint,
.notice,
.form-feedback,
.results-count,
.road-step small,
.metric-card .label,
.insight-row,
.bar-item span,
.check-list li {
  color: var(--tp-muted);
}

.footer-bottom,
.footer-main p,
.footer-main a:not(.logo),
.hero-note,
.mini-bars div,
.preview-top,
.app-sidebar-label,
.trust-inner {
  color: #5c6b66;
}

/* متن ثانویه و توضیحات کارت‌ها */
.section-subtitle,
.feature-card p,
.step-card p,
.price-card p,
.preview-tip,
.faq-list p,
.legal-copy p,
.empty-state p,
.idea-detail p,
.calendar-entry small,
.metric-card .label,
.hint,
.notice,
.form-feedback,
.results-count,
.road-step small,
.library-card small,
.action-item small,
.idea-item small,
.library-item small,
.work-item small,
.metric-card small {
  font-size: var(--fs-small);
  line-height: var(--lh-body);
}

/* کپشن، برچسب و زیرنویس */
.eyebrow,
.tag,
.pill,
.chip,
.card-meta,
.app-sidebar-label,
.demo-badge,
.hero-note,
.float-note,
.footer-bottom,
.price small,
.floating-caption,
.calendar-day h2 span,
.calendar-entry button,
.day-add,
.mini-bars div,
.bar-item,
.mini-score-grid,
.filter-row label,
.field small,
.skip {
  font-size: var(--fs-caption);
  line-height: var(--lh-heading);
}

.eyebrow,
.tag,
.pill,
.app-sidebar-label,
.demo-badge,
.card-meta,
.hero-note {
  font-weight: var(--fw-medium);
}

/* نقل‌قول و شهادت مشتری */
blockquote {
  font-weight: var(--fw-medium);
  line-height: var(--lh-loose);
}

/* ── ۵) دکمه، لینک و فرم ───────────────────────────────────────────────── */
.btn,
button,
.tabs button,
.chip,
.save-idea,
.day-add,
.library-card button,
.dashboard-link,
.inline-link {
  font-family: var(--font-main);
  font-weight: var(--fw-semibold);
  font-size: var(--fs-body);
  letter-spacing: 0;
  text-decoration: none;
  font-style: normal;
}

.btn,
.btn-sm,
.tabs button,
.chip {
  line-height: var(--lh-heading);
}

.btn-sm,
.save-idea,
.day-add,
.library-card button,
.dashboard-link,
.inline-link,
.tag,
.pill {
  font-size: var(--fs-small);
}

/* لینک‌های اصلی بدون خط زیر، با وزن مشخص و کنتراست کافی */
a:not(.btn),
.site-nav a,
.footer-main a,
.auth-bottom a,
.inline-link,
.dashboard-link {
  font-weight: var(--fw-medium);
  color: #1d6b58;
}

.site-nav a,
.header-actions .text-link {
  font-size: var(--fs-small);
  font-weight: var(--fw-medium);
}

/* برچسب فیلد فرم */
.field label,
.filter-row label,
.check-control {
  font-weight: var(--fw-medium);
  font-size: var(--fs-small);
}

.field input,
.field select,
.field textarea,
.filter-row select,
.filter-row input,
.work-item select,
.library-card select,
.calendar-entry select {
  font-family: var(--font-main);
  font-size: var(--fs-small);
  font-weight: var(--fw-regular);
  line-height: var(--lh-heading);
}

/* متن راهنما و خطای فرم */
.field small,
.hint {
  font-size: var(--fs-caption);
  font-weight: var(--fw-regular);
}

.form-feedback,
.error,
.danger-link {
  font-size: var(--fs-caption);
  font-weight: var(--fw-medium);
}

.error,
.danger-link,
.library-card .danger-link,
.calendar-entry button {
  color: #a64237;
}

/* منو و آیتم‌های ناوبری */
.site-nav a,
.app-sidebar nav a,
.sidebar-bottom a,
.app-bottom a,
.app-sidebar-label,
.text-link,
.tabs button,
.demo-switch button {
  font-weight: var(--fw-medium);
  font-size: var(--fs-small);
}

.app-bottom a {
  font-size: var(--fs-caption);
}

/* ── ۶) جدول و لیست داده در پنل ────────────────────────────────────────── */
table {
  font-size: var(--fs-small);
  border-collapse: collapse;
}

th {
  font-weight: var(--fw-semibold);
  font-size: var(--fs-small);
}

td {
  font-weight: var(--fw-regular);
  font-size: var(--fs-small);
}

.action-item,
.idea-item,
.library-item,
.library-card,
.work-item,
.insight-row,
.mini-score-grid > div,
.metric-card .label {
  font-size: var(--fs-small);
  line-height: var(--lh-heading);
}

.action-item strong,
.idea-item strong,
.library-item strong,
.library-card strong,
.work-item strong,
.bar-item span,
.filter-row label {
  font-weight: var(--fw-semibold);
}

.action-item small,
.idea-item small,
.library-item small,
.library-card small,
.work-item small,
.road-step small,
.bar-item,
.mini-bars div {
  font-weight: var(--fw-regular);
}

/* ── ۷) اعداد، امتیاز و آمار ───────────────────────────────────────────── */
.metric-value,
.metric-card strong,
.metric-text,
.score,
.score-ring > span,
.stat-number,
.price,
.percentage,
.chart-label,
.step-num,
.preview-top strong,
.mini-score-grid strong,
.analysis-head strong,
.tag,
.pill,
.results-count,
.progress-track,
.bar-item .track,
.road-step strong,
.preview-score,
.price-custom {
  font-family: var(--font-number);
  font-weight: var(--fw-bold);
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}

/* اعداد آماری و داشبورد با ارقام لاتین */
.metric-card strong,
.metric-text,
.score-ring > span,
.step-num,
.price,
.price-custom,
.percentage,
.chart-label,
.mini-score-grid strong,
.stat-number {
  direction: ltr;
  unicode-bidi: isolate;
}

/* متن فارسی و محتوای کاربر با ارقام فارسی */
.section-subtitle,
.feature-card p,
.step-card p,
.price-card p,
.faq-list p,
.legal-copy p,
.notice,
.hint,
.lead,
p,
li,
blockquote,
summary {
  font-variant-numeric: normal;
}

/* واحدها و درصدها داخل همان عنصر عددی */
.price small {
  font-family: var(--font-number);
  font-variant-numeric: tabular-nums;
}

/* ── ۸) کد و داده فنی ──────────────────────────────────────────────────── */
code,
pre,
kbd,
samp,
.api-key,
.token,
.code-block,
.log-line {
  font-family: var(--font-code);
  direction: ltr;
  text-align: left;
  font-size: var(--fs-small);
  line-height: 1.7;
  letter-spacing: 0;
}

/* کلید و توکن: انتخاب و کپی راحت */
.api-key,
.token,
code {
  user-select: all;
  -webkit-user-select: all;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  cursor: text;
}

/* ── ۹) لوگو و برند ────────────────────────────────────────────────────── */
.logo {
  font-family: var(--font-main);
  font-weight: var(--fw-bold);
  letter-spacing: 0;
}

.logo-latin,
.brand-latin {
  font-family: var(--font-latin);
  font-weight: var(--fw-semibold);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

/* ── ۱۰) واکنش‌گرایی اندازه فونت ─────────────────────────────────────────── */
@media (max-width: 768px) {
  :root {
    --fs-display: 32px;
    --fs-h1: 26px;
    --fs-h2: 22px;
    --fs-h3: 19px;
    --fs-body: 15px;
    --fs-body-lg: 16px;
    --fs-small: 13.5px;
  }

  h1, .display,
  .page-hero h1,
  .section-title {
    line-height: var(--lh-tight);
  }

  p, li, blockquote, .lead, .draft-text {
    line-height: 1.8;
  }

  /* هیچ متنی کوچک‌تر از ۱۳ پیکسل نشود */
  .footer-bottom,
  .hero-note,
  .mini-bars div,
  .calendar-entry button,
  .demo-badge {
    font-size: 13px;
  }
}

/* سرفصل‌ها با وزن واقعی فونت، بدون ضخیم‌سازی مصنوعی */
.display, .page-hero h1, .section-title, .cta-block h2,
.app-heading h1, .app-banner h2, .panel h2, .auth-card h1 {
  font-weight: 700;
  font-synthesis: none;
}
.display { font-size: clamp(44px, 5vw, 72px); line-height: 1.4; }
.section-title, .cta-block h2 { font-size: clamp(27px, 2.6vw, 36px); }

.theme-toggle {
  display: inline-grid; place-items: center; flex: none;
  width: 40px; height: 40px; padding: 0;
  border: 1px solid #c9d9d0; border-radius: 12px;
  background: #fff; color: #193e3d; cursor: pointer;
}
.theme-toggle:hover { background: #eaf3ed; }
.theme-toggle svg { width: 20px; height: 20px; }

html[data-theme="dark"] { color-scheme: dark; }
[data-theme="dark"] body { background: #111c1b; color: #eaf2ed; }
[data-theme="dark"] .site-header { background: #172421ed; border-bottom-color: #334843; }
[data-theme="dark"] .site-nav,
[data-theme="dark"] .app-sidebar,
[data-theme="dark"] .app-bottom,
[data-theme="dark"] .trust-bar,
[data-theme="dark"] .footer { background: #172421; border-color: #334843; }
[data-theme="dark"] .site-nav a,
[data-theme="dark"] .logo,
[data-theme="dark"] .header-actions .text-link,
[data-theme="dark"] .app-sidebar a,
[data-theme="dark"] .app-bottom a { color: #d5e5dc; }
[data-theme="dark"] .hero {
  background: radial-gradient(circle at 8% 13%, #1b3b32 0, transparent 32%), #111c1b;
}
[data-theme="dark"] .page-hero { background: radial-gradient(circle at 50% 0, #234036, transparent 60%); }
[data-theme="dark"] .section,
[data-theme="dark"] .section.light,
[data-theme="dark"] .form-page { background: #111c1b; }
[data-theme="dark"] .section.soft { background: #192824; }
[data-theme="dark"] .feature-card,
[data-theme="dark"] .white-card,
[data-theme="dark"] .price-card:not(.featured),
[data-theme="dark"] .preview-card,
[data-theme="dark"] .insight-sheet,
[data-theme="dark"] .metric-card,
[data-theme="dark"] .panel,
[data-theme="dark"] .auth-card,
[data-theme="dark"] .faq-list details,
[data-theme="dark"] .calendar-day,
[data-theme="dark"] .cta-block {
  background: #1d2e2a; border-color: #385148; color: #eaf2ed;
}
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] .display,
[data-theme="dark"] .section-title,
[data-theme="dark"] .preview-heading,
[data-theme="dark"] .preview-top strong,
[data-theme="dark"] .insight-sheet strong,
[data-theme="dark"] .metric-card strong,
[data-theme="dark"] .faq-list summary { color: #f2f7f3; }
[data-theme="dark"] p,
[data-theme="dark"] li,
[data-theme="dark"] .lead,
[data-theme="dark"] .section-subtitle,
[data-theme="dark"] .hero-note,
[data-theme="dark"] .feature-card p,
[data-theme="dark"] .price-card p,
[data-theme="dark"] .preview-tip,
[data-theme="dark"] .panel > p,
[data-theme="dark"] .page-hero p,
[data-theme="dark"] .footer-main p { color: #b9cfc4; }
[data-theme="dark"] a:not(.btn) { color: #91d4bc; }
[data-theme="dark"] .btn-outline,
[data-theme="dark"] .theme-toggle { background: #20332d; border-color: #527264; color: #eaf2ed; }
[data-theme="dark"] .btn-dark { background: #79cbb0; color: #10211b; }
[data-theme="dark"] .score-ring > span { background: #1d2e2a; }
[data-theme="dark"] .preview-tip,
[data-theme="dark"] .notice,
[data-theme="dark"] .tag,
[data-theme="dark"] .pill { background: #264037; color: #d3ece0; }
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea { background: #14221f; border-color: #527264; color: #eaf2ed; }
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder { color: #a8beb2; }
[data-theme="dark"] .app-banner,
[data-theme="dark"] .price-card.featured { background: #28483c; }
[data-theme="dark"] .insight-row,
[data-theme="dark"] .action-item,
[data-theme="dark"] .library-item { border-color: #385148; }

@media (max-width: 800px) {
  .header-actions { gap: 10px; min-width: 0; }
  .header-actions .text-link { display: inline-flex; min-width: 0; overflow-wrap: anywhere; }
  .site-nav.open { background: #fff; }
  [data-theme="dark"] .site-nav.open { background: #172421; }
}
@media (max-width: 600px) {
  .display { font-size: clamp(35px, 9vw, 48px); }
  .section-title, .cta-block h2 { font-size: clamp(25px, 7vw, 32px); }
  .header-inner { gap: 8px; }
  .header-actions .text-link { font-size: 13px; }
  .theme-toggle { width: 36px; height: 36px; }
  .hero-copy, .hero-grid, .preview-wrap { min-width: 0; }
  .hero-cta .btn { max-width: 100%; }
}

.hero .hero-copy { min-width: 0; text-align: start; }
.hero .hero-copy > .eyebrow { margin-block-end: 14px; }
.hero .hero-copy .lead {
  max-inline-size: 52ch;
  margin-block: 18px 24px;
  text-wrap: pretty;
}
.hero .hero-cta { gap: 12px; }
.hero .hero-cta .btn {
  min-block-size: 48px;
  max-inline-size: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
.hero .hero-cta .btn svg { flex-shrink: 0; }
.hero .hero-cta .btn:focus-visible {
  outline: 3px solid #237466;
  outline-offset: 4px;
}
.hero .hero-note {
  max-inline-size: 56ch;
  margin-block-start: 16px;
  align-items: flex-start;
  font-size: 13px;
  line-height: 1.9;
}
.hero .hero-note svg { flex-shrink: 0; margin-block-start: 4px; }
[data-theme="dark"] .hero .hero-cta .btn:focus-visible { outline-color: #8ed7b8; }
[data-theme="dark"] .hero .hero-cta .btn-dark:hover { background: #8ed7b8; color: #10211b; }
[data-theme="dark"] .hero .hero-cta .btn-outline:hover { background: #29443a; border-color: #8ed7b8; }
[data-theme="dark"] .hero .hero-note svg { color: #8ed7b8; }
.hero .display {
  max-width: 680px;
  font-size: clamp(32px, 3vw, 46px);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0;
  overflow-wrap: break-word;
}
.hero-title__line { display: block; white-space: normal; }
.hero .display strong { color: #237466; font-weight: 700; }
[data-theme="dark"] .hero .display strong { color: #8ed7b8; }

.hero .preview-wrap {
  isolation: isolate;
  animation: hero-visual-float 6.5s ease-in-out infinite;
  transition: filter 240ms ease;
}
.hero .preview-wrap::before {
  z-index: -1;
  background: radial-gradient(circle, rgba(36,133,112,.16), rgba(36,133,112,.06) 38%, transparent 72%);
  filter: blur(22px);
  animation: hero-visual-glow 6.5s ease-in-out infinite alternate;
  pointer-events: none;
}
@keyframes hero-visual-float {
  50% { transform: translateY(-8px); }
}
@keyframes hero-visual-glow {
  from { transform: scale(.96); opacity: .45; }
  to { transform: scale(1.04); opacity: .8; }
}
.hero .hero-cta .btn {
  transition: transform 200ms ease, background-color 200ms ease,
    border-color 200ms ease, box-shadow 200ms ease;
}
.hero .hero-cta .btn-dark:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(17,59,52,.16);
}
.hero .hero-cta .btn-dark svg { transition: transform 200ms ease; }
.hero .hero-cta .btn-dark:hover svg { transform: translateX(-3px); }
.hero .hero-cta .btn-outline:hover {
  border-color: rgba(36,133,112,.55);
  background: rgba(36,133,112,.05);
}
@media (max-width: 800px) {
  .hero-title__line { white-space: normal; }
}
@media (max-width: 600px) {
  .hero .display { font-size: clamp(30px, 7.8vw, 40px); }
}
@media (prefers-reduced-motion: reduce) {
  .hero .preview-wrap, .hero .preview-wrap::before { animation: none; transition: none; }
  .hero .hero-cta .btn, .hero .hero-cta .btn-dark svg { transition: none; }
}

/* موشن سبک و مرحله‌ای برای ورود محتوا و اسکرول */
.motion-item {
  opacity: 1;
  transform: none;
  transition: opacity 560ms ease, transform 560ms cubic-bezier(.22,.61,.36,1);
  transition-delay: var(--motion-delay, 0ms);
}
.motion-item.is-visible { opacity: 1; transform: none; }
.motion-hero { transform: translateY(12px); }
.hero .preview-wrap.motion-item { transform: translate3d(0, 18px, 0) scale(.985); }
.hero .preview-wrap.motion-item.is-visible { transform: translate3d(0, 0, 0) scale(1); }
.feature-card:hover, .step-card:hover, .price-card:hover, .panel:hover {
  transform: translateY(-3px);
  transition: transform 220ms ease, box-shadow 220ms ease;
}
.site-header { transition: box-shadow 220ms ease, background-color 220ms ease; }
body.has-scrolled .site-header { box-shadow: 0 8px 24px rgba(20, 57, 48, .08); }
@media (prefers-reduced-motion: reduce) {
  .motion-item, .motion-item.is-visible, .hero .preview-wrap.motion-item,
  .hero .preview-wrap.motion-item.is-visible, .feature-card:hover, .step-card:hover,
  .price-card:hover, .panel:hover, .site-header { transition: none; transform: none; }
}

[data-theme="dark"] .float-note {
  background: #243b35;
  color: #eaf5ef;
  border-color: #5e8c7b;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .34);
}
[data-theme="dark"] .float-note svg { color: #91e0c2; }
[data-theme="dark"] .btn-dark:hover {
  background: #96dfc4;
  color: #10231d;
  box-shadow: 0 12px 26px rgba(121, 203, 176, .28);
}
[data-theme="dark"] .btn-outline:hover {
  background: #2b4b42;
  border-color: #83d5b9;
  color: #f2fff8;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .2);
}
[data-theme="dark"] .site-nav a:hover,
[data-theme="dark"] .site-nav a.active,
[data-theme="dark"] .footer-main a:hover,
[data-theme="dark"] .inline-link:hover,
[data-theme="dark"] .dashboard-link:hover { color: #b4f0d5; }
[data-theme="dark"] .feature-card:hover,
[data-theme="dark"] .step-card:hover,
[data-theme="dark"] .price-card:hover,
[data-theme="dark"] .panel:hover {
  border-color: #5b907d;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .28);
}
[data-theme="dark"] .chip:hover,
[data-theme="dark"] .chip.chosen {
  background: #2b4b42;
  border-color: #83d5b9;
  color: #effff7;
}
[data-theme="dark"] .theme-toggle:hover {
  background: #2b4b42;
  border-color: #83d5b9;
  color: #f2fff8;
}

.hero-visual {
  --glow-x: 50%;
  --glow-y: 45%;
  position: relative;
  opacity: 0;
  transition: opacity 900ms cubic-bezier(.16,1,.3,1);
}
.hero-visual.hero-ready { opacity: 1; }
.hero-visual__float { animation: premiumFloat 8s ease-in-out infinite; }
.hero .hero-visual .preview-wrap { animation: none; }
.hero .hero-visual .preview-wrap::before { display: none; }
.hero .hero-visual .preview-card { transform: none; transition: box-shadow 300ms ease; }
.hero-visual__card-group { position: relative; }
.hero-visual { perspective: 1100px; }
.hero-visual__tilt { transition: transform 260ms cubic-bezier(.22,1,.36,1); }
.hero-visual__surface { position: relative; overflow: visible; border-radius: inherit; }
.hero-visual__glow {
  position: absolute;
  inset: 6% 4%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle at var(--glow-x) var(--glow-y), rgba(48,173,143,.28), rgba(48,173,143,.12) 34%, transparent 72%);
  filter: blur(28px);
  opacity: .75;
  animation: premiumGlow 7s ease-in-out infinite alternate;
  pointer-events: none;
}
.hero-visual__surface::after {
  content: "";
  position: absolute;
  inset: -40% -80%;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 38%, rgba(255,255,255,.13) 48%, transparent 58%);
  transform: translateX(-55%) rotate(8deg);
  animation: softReflection 8s ease-in-out infinite;
  mix-blend-mode: screen;
  border-radius: inherit;
}
@keyframes premiumFloat {
  0%,100% { transform: translate(0, 0); }
  25% { transform: translate(2px, -6px); }
  50% { transform: translate(0, -12px); }
  75% { transform: translate(-2px, -5px); }
}
@keyframes premiumGlow {
  0% { transform: scale(.92); opacity: .48; }
  50% { transform: scale(1.02); opacity: .7; }
  100% { transform: scale(1.1); opacity: .56; }
}
@keyframes softReflection {
  0%,35% { transform: translateX(-60%) rotate(8deg); opacity: 0; }
  48% { opacity: .7; }
  70%,100% { transform: translateX(60%) rotate(8deg); opacity: 0; }
}
@media (min-width: 801px) and (hover:hover) and (pointer:fine) {
  .hero-visual:hover .hero-visual__float { animation-play-state: paused; }
  .hero-visual:hover .hero-visual__tilt {
    transform: translate3d(var(--card-shift-x, 0px), var(--card-shift-y, 0px), 8px) rotateX(var(--card-rotate-x, 0deg)) rotateY(var(--card-rotate-y, 0deg)) scale(1.045);
  }
  .hero .hero-visual:hover .preview-card {
    box-shadow: var(--card-shadow-x, 0px) var(--card-shadow-y, 28px) 65px rgba(16,64,55,.26);
  }
  .hero-visual:hover .hero-visual__surface::after { opacity: .8; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-visual, .hero-visual *, .hero-visual::before, .hero-visual::after {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
  .hero-visual { opacity: 1; }
}

.site-header {
  animation: header-enter 560ms cubic-bezier(.22,1,.36,1) both;
  transition: background-color 240ms ease, border-color 240ms ease, box-shadow 240ms ease, backdrop-filter 240ms ease;
}
body.has-scrolled .site-header {
  background: rgba(247,248,245,.86);
  border-bottom-color: rgba(24,88,74,.13);
  box-shadow: 0 10px 28px rgba(14,62,53,.09);
  backdrop-filter: blur(14px) saturate(125%);
}
[data-theme="dark"] body.has-scrolled .site-header {
  background: rgba(23,36,33,.88);
  border-bottom-color: #426154;
  box-shadow: 0 10px 28px rgba(0,0,0,.24);
}
@keyframes header-enter {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (min-width: 801px) {
  .site-nav a { position: relative; animation: nav-enter 520ms cubic-bezier(.22,1,.36,1) both; }
  .site-nav a:nth-child(1) { animation-delay: 50ms; }
  .site-nav a:nth-child(2) { animation-delay: 100ms; }
  .site-nav a:nth-child(3) { animation-delay: 150ms; }
  .site-nav a:nth-child(4) { animation-delay: 200ms; }
  .site-nav a:nth-child(5) { animation-delay: 250ms; }
  .site-nav a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -7px;
    width: 100%;
    height: 2px;
    border-radius: 99px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 200ms cubic-bezier(.22,1,.36,1);
  }
  .site-nav a:hover::after, .site-nav a:focus-visible::after,
  .site-nav a[aria-current="page"]::after { transform: scaleX(1); }
}
@keyframes nav-enter {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .site-header, .site-nav a, .site-nav a::after { animation: none; transition: none; }
}

.mobile-nav-cta { display: none; }
html { -webkit-text-size-adjust: 100%; }
.field input:focus-visible, .field select:focus-visible, .field textarea:focus-visible,
.filter-row input:focus-visible, .filter-row select:focus-visible { outline: 3px solid #db955b; outline-offset: 2px; }
@media (max-width: 800px) {
  [id] { scroll-margin-top: 84px; }
  .site-nav { top: 100%; max-height: calc(100dvh - 68px); overflow-y: auto; padding-bottom: max(18px, env(safe-area-inset-bottom)); }
  .site-nav.open { animation: mobile-nav-enter 220ms ease-out both; }
  .site-nav a:not(.btn) { display: flex; align-items: center; min-height: 48px; }
  .site-nav .mobile-nav-cta { display: inline-flex; min-height: 48px; margin-top: 12px; align-self: stretch; }
  .menu-toggle.icon-button { width: 48px; height: 48px; flex: none; }
  .header-inner { min-width: 0; }
  .hero-grid, .hero-visual, .hero-visual__float, .preview-score, .mini-bars, .app-grid > *,
  .feature-grid > *, .steps > *, .pricing-grid > *, .settings-grid > * { min-width: 0; }
  .hero-visual__float { animation: mobileFloat 10s ease-in-out infinite; }
  .hero-visual__surface::after { display: none; }
  .hero-visual__glow { animation: none; filter: blur(14px); opacity: .4; }
  .hero .preview-card { box-shadow: 0 14px 35px rgba(29,67,51,.14); }
  .score-panel-body .bar-list { min-width: 0; }
  .bar-item { grid-template-columns: minmax(0,1fr) auto; }
  .app-bottom { padding-inline: max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-left)); }
  .app-bottom a { min-width: 48px; }
}
@keyframes mobile-nav-enter { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@keyframes mobileFloat { 50% { transform: translateY(-4px); } }
@media (max-width: 600px) {
  :root { --fs-body: 16px; }
  .field input, .field select, .field textarea, .filter-row input, .filter-row select,
  .work-item select, .library-card select, .calendar-entry select { font-size: 16px; }
  .container { padding-inline: max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-left)); }
  .site-nav { padding-inline: max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-left)); }
  .header-inner { gap: 8px; }
  .hero { padding-block: 34px 48px; }
  .hero-grid { gap: 18px; }
  .hero-copy .lead { margin-bottom: 20px; }
  .hero .display { font-size: clamp(30px, 8vw, 40px); overflow-wrap: normal; }
  .hero-cta { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; }
  .hero-cta .btn { width: 100%; min-height: 48px; text-align: center; }
  .hero-note { margin-top: 12px; }
  .hero .preview-wrap { padding: 16px 8px 24px; }
  .preview-top { gap: 8px; flex-wrap: wrap; }
  .preview-score { gap: 10px; }
  .preview-tip { margin-top: 14px; }
  .float-note { transform: none; }
  .section { padding-block: 58px; }
  .feature-card .more, .footer-main a:not(.logo), .inline-link, .day-add,
  .chip, .tabs button, .faq-list summary { min-height: 48px; }
  .feature-card .more, .footer-main a:not(.logo) { display: inline-flex; align-items: center; }
  .filter-row label { min-width: min(100%, 135px); }
  .metric-grid, .calendar-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .metric-card strong { overflow-wrap: anywhere; }
}
@media (max-width: 359px) {
  .container { padding-inline: max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-left)); }
  .site-nav { padding-inline: max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-left)); }
  .header-actions { gap: 7px; }
  .header-actions .text-link { font-size: 12px; }
  .site-header .logo { font-size: 20px; }
  .hero .preview-wrap { padding-inline: 4px; }
  .hero .preview-card { padding: 14px; }
  .preview-score .score-ring { width: 94px; }
  .preview-score .score-ring > span { width: 72px; }
  .preview-tip { padding: 10px; }
  .app-bottom a { min-width: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-nav.open, .hero-visual__float { animation: none; }
  .motion-item { opacity: 1; transform: none; }
}

:root {
  --footer-bg: #f0f4ee;
  --footer-surface: #f7f8f5;
  --footer-ink: #193b39;
  --footer-muted: #52675e;
  --footer-link: #3d5c50;
  --footer-link-hover: #1d6b58;
  --footer-line: #dce5dd;
  --footer-focus: #a2522a;
}
[data-theme="dark"] {
  --footer-bg: #172421;
  --footer-surface: #20352e;
  --footer-ink: #eaf2ed;
  --footer-muted: #b7c9bf;
  --footer-link: #c5dbce;
  --footer-link-hover: #b0e8cb;
  --footer-line: #385148;
  --footer-focus: #96ddb8;
}
.site-footer { background: var(--footer-bg); color: var(--footer-ink); border-color: var(--footer-line); }
.site-footer .footer-main {
  display: grid;
  grid-template-columns: minmax(0,1.7fr) repeat(3,minmax(0,1fr));
  gap: clamp(20px,3vw,48px);
  padding-block: 52px 44px;
}
.site-footer .footer-brand, .site-footer .footer-group { min-width: 0; }
.site-footer .footer-brand .logo { color: var(--footer-ink); }
.site-footer .footer-brand p { color: var(--footer-muted); max-width: 30ch; margin-block: 16px 12px; }
.site-footer .footer-main > .footer-group { display: block; }
.site-footer .footer-group strong { display: block; color: var(--footer-ink); font-size: 14px; margin-bottom: 12px; }
.site-footer .footer-group nav { display: grid; justify-items: start; gap: 2px; }
.site-footer .footer-main a:not(.logo) {
  color: var(--footer-link);
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  text-align: start;
  line-height: 1.7;
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease;
}
.site-footer .footer-main a:not(.logo):hover { color: var(--footer-link-hover); }
.site-footer .footer-main a.footer-start {
  padding-inline: 14px;
  border: 1px solid var(--footer-line);
  border-radius: 10px;
  background: var(--footer-surface);
  font-weight: 600;
}
.site-footer .footer-main a.footer-start:hover { border-color: var(--footer-link-hover); }
.site-footer a:focus-visible {
  outline: 3px solid var(--footer-focus);
  outline-offset: 3px;
  border-radius: 6px;
}
.site-footer .footer-bottom {
  color: var(--footer-muted);
  border-color: var(--footer-line);
  gap: 10px 24px;
  flex-wrap: wrap;
  font-size: 13px;
}
@media (max-width: 900px) {
  .site-footer .footer-main { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .site-footer .footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  .site-footer .footer-main { grid-template-columns: minmax(0,1fr); gap: 25px; padding-block: 38px 32px; }
  .site-footer .footer-brand { grid-column: auto; }
  .site-footer .footer-group strong { margin-bottom: 5px; }
  .site-footer .footer-group nav { gap: 0; }
  .site-footer .footer-main a:not(.logo) { min-height: 48px; }
  .site-footer .footer-bottom { padding-block: 20px max(24px,env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  .site-footer .footer-main a:not(.logo) { transition: none; }
}
.logo-icon { background: #fff; overflow: hidden; border: 1px solid #dbe5df; }
.logo-icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
.assessment-layout { max-width: 850px; }
.assessment-question { min-width: 0; margin: 0; }
.assessment-question h2 { font-size: clamp(18px, 2.4vw, 24px); line-height: 1.8; margin-bottom: 22px; }
.assessment-question input[type=text], .assessment-question textarea { display: block; width: 100%; min-height: 48px; border: 1px solid #a4bdb0; border-radius: 10px; padding: 12px; font: inherit; }
.assessment-question textarea { resize: vertical; }
.assessment-choices { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 18px 0; }
.assessment-choices label { display: flex; align-items: center; gap: 9px; padding: 12px 14px; border: 1px solid #a4bdb0; border-radius: 10px; cursor: pointer; min-height: 50px; }
.assessment-choices label:has(input:checked) { border-color: #388969; background: #eaf4ed; color: #193d34; }
.assessment-choices input { accent-color: #2a7967; flex: none; }
.assessment-progress { margin-bottom: 22px; font-weight: 700; }
.assessment-progress progress { display: block; width: 100%; height: 13px; margin-top: 12px; accent-color: #60bd95; }
.assessment-question .card-actions { justify-content: space-between; margin-top: 22px; }
.report-layout > .panel { margin-block: 16px; }
.assessment-layout { min-width: 0; overflow-wrap: anywhere; }
.assessment-layout .btn { min-height: 48px; white-space: normal; max-width: 100%; }
.assessment-layout :is(a,button,input,textarea):focus-visible { outline: 3px solid #237466; outline-offset: 3px; }
.assessment-processing-note { margin-block: 20px 10px; }
.report-priorities > li { padding-block: 12px; border-bottom: 1px solid #a4bdb0; }
.report-priorities h3 { font-size: 18px; line-height: 1.8; }
.report-disclaimer { color: #526b60; font-size: 13px; line-height: 2; }
[data-theme="dark"] .report-disclaimer { color: #bfd4c7; }
[data-theme="dark"] .assessment-layout :is(a,button,input,textarea):focus-visible { outline-color: #8ed7b8; }
@media (prefers-reduced-motion: reduce) { .assessment-layout .skeleton { animation: none; } }
.report-list { padding-inline-start: 28px; line-height: 2.2; }
.report-layout li { margin-bottom: 9px; }
[data-theme="dark"] .assessment-choices label { border-color: #678273; }
[data-theme="dark"] .assessment-choices label:has(input:checked) { border-color: #75c9a0; background: #284a3d; color: #eef5ee; }
[data-theme="dark"] .assessment-question input[type=text], [data-theme="dark"] .assessment-question textarea { background: #14221f; border-color: #678273; color: #eaf2ed; }
@media (max-width: 600px) { .assessment-choices { grid-template-columns: 1fr; } .assessment-question .card-actions > * { flex: 1; } }

.assessment-preview .score-ring{background:#e8f0ea;border:2px solid #8db3a2}
.assessment-preview .score-ring>span{font-size:20px;direction:rtl}
.assessment-preview .mini-bars i{height:2px;background:#d4e2d9}
.assessment-preview .mini-bars b{background:transparent!important}
.assessment-preview .preview-top{gap:12px;flex-wrap:wrap}
.assessment-preview .preview-top span{flex-shrink:0}
.assessment-preview .preview-tip{margin-top:12px;padding:10px 12px}
.assessment-preview .preview-tip p{margin:3px 0 0;line-height:1.9}
.preview-disclaimer{display:block;font-size:10px;line-height:1.9;color:#526b60;margin-top:12px}
.product-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.product-feature-card{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}
.product-feature-card .product-feature-result{margin-top:14px;color:#275c4b;font-weight:600}
.product-feature-card small{display:block;font-size:10px;color:#53685d;margin-top:16px}
.product-feature-card .more{margin-top:auto;padding-top:18px}
.product-feature-card:focus-visible{outline:3px solid #c17a3f;outline-offset:4px}
#features,#how-it-works{scroll-margin-top:110px}
.assessment-output-note{max-width:680px;margin:36px auto 0;text-align:center;border-top:1px solid #cad9d0;padding-top:24px}
.assessment-output-note p{font-size:14px;line-height:2;color:#526b60}
.assessment-output-note small{display:block;color:#526b60;margin-top:12px;font-size:12px}
.assessment-transparency{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;align-items:start}
#site-nav.open{max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}
[data-theme="dark"] .assessment-preview .score-ring{background:#26443b;border-color:#6e9e88}
[data-theme="dark"] .assessment-preview .preview-disclaimer,[data-theme="dark"] .product-feature-card small,[data-theme="dark"] .assessment-output-note p,[data-theme="dark"] .assessment-output-note small{color:#bfd4c7}
[data-theme="dark"] .product-feature-card .product-feature-result{color:#a2dfbd}
@media(max-width:1000px){.product-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.assessment-transparency{grid-template-columns:minmax(0,1fr);gap:12px}.hero-grid>*{min-width:0}.hero-note{align-items:flex-start}.hero-note svg{flex-shrink:0}}
.consultation-invite{margin-top:18px;min-width:0;border-color:#d8e5db;background:#fbfdf9;overflow-wrap:anywhere}.consultation-invite h2{margin-bottom:8px}.consultation-invite>p{max-width:720px}.consultation-slots{border:0;padding:0;margin:18px 0;min-width:0}.consultation-slots legend{font-weight:700;font-size:13px;margin-bottom:8px}.consultation-slots label{display:flex;align-items:center;gap:10px;border:1px solid #d7e4da;border-radius:10px;padding:10px 12px;margin:7px 0;cursor:pointer;min-height:46px}.consultation-slots label:has(input:checked){border-color:#39846b;background:#edf7ef}.consultation-slots label:has(input:disabled){opacity:.6;cursor:not-allowed}.consultation-slots label:focus-within{outline:3px solid #c17a3f;outline-offset:2px}.consultation-slots input{accent-color:#2c8067;flex:none}.consultation-invite .field{max-width:620px}.consultation-invite input,.consultation-invite textarea{min-width:0}.consultation-invite input:focus-visible,.consultation-invite textarea:focus-visible{outline:3px solid #c17a3f;outline-offset:2px}.consultation-invite .form-feedback{margin-top:8px}.consultation-invite .hint{margin-block:12px!important}[data-theme="dark"] .consultation-invite{background:#152827;border-color:#36554c}[data-theme="dark"] .consultation-slots label{border-color:#36554c}[data-theme="dark"] .consultation-slots label:has(input:checked){background:#244c40;border-color:#92cdb0}@media(max-width:600px){.consultation-slots label{align-items:flex-start}.consultation-invite{padding:16px}}

@media(max-width:600px){.product-feature-grid{grid-template-columns:minmax(0,1fr)}.assessment-preview .preview-score{flex-direction:column;align-items:stretch}.assessment-preview .score-ring{align-self:center}.assessment-preview .mini-bars{width:100%;flex:auto}.assessment-preview .mini-bars>div{font-size:12px}.assessment-preview .preview-tip{font-size:12px}.assessment-output-note .btn{width:100%}}

/* Dashboard workspace */
.db-notice{font-size:12px;color:#83958b;background:#183b3a0d;border:1px solid #dce8df;border-radius:12px;padding:11px 14px;margin:0 0 16px}.db-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.db-card{background:#fff;border:1px solid #e3ebe4;border-radius:16px;padding:20px;min-width:0}.db-card h2{font-size:16px;margin:0 0 12px}.db-card p{font-size:13px;color:#64776e;margin:8px 0 14px;overflow-wrap:anywhere}.db-flow{display:grid;gap:16px}.db-field{display:grid;gap:6px;font-size:12px;font-weight:700;margin:0 0 12px}.db-field input,.db-field textarea,.db-field select{width:100%;min-width:0;border:1px solid #d0ded3;border-radius:9px;padding:9px 11px;background:#fff;color:#233d33;line-height:1.8}.db-field textarea{resize:vertical}.db-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.db-actions button{border:1px solid #cfdfd3;background:#f7fbf7;color:#256c59;border-radius:8px;padding:7px 11px;min-height:38px;font-size:11px}.db-actions button:hover{background:#e8f4eb}.db-actions button:disabled{opacity:.5}.db-actions label{display:flex;align-items:center;gap:5px;font-size:11px}.db-actions select{min-height:38px;border:1px solid #d0ded3;border-radius:8px;background:#fff;color:#233d33}.db-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e8efe9;padding:13px 0;min-width:0}.db-row:last-child{border-bottom:0}.db-row>div:first-child{min-width:0;flex:1}.db-row strong,.db-row p{display:block;margin:0 0 3px;overflow-wrap:anywhere}.db-row small{display:block;color:#71847a;font-size:11px}.db-source{color:#84958c!important;font-size:10px!important;margin-top:4px}.db-empty{border:1px dashed #cbdccd;border-radius:11px;padding:18px;text-align:center;color:#71847a!important}.db-consent{font-size:11px;color:#71847a;display:flex;align-items:center;gap:6px}.db-consent input{accent-color:#2a7967}.app-top{position:relative}.app-top>#db-menu{display:none}.db-flow>.db-card{margin:0}.app-bottom a{line-height:1.35;text-align:center;padding-inline:3px}.app-bottom a:not(:has(svg)){display:grid}
[data-theme="dark"] .db-card{background:#152827;border-color:#28413c;box-shadow:0 8px 24px #0003}[data-theme="dark"] .db-notice{background:#8ed7b812;border-color:#31534a;color:#acc5ba}[data-theme="dark"] .db-field input,[data-theme="dark"] .db-field textarea,[data-theme="dark"] .db-field select,[data-theme="dark"] .db-actions select{background:#10201f;color:#d9e8df;border-color:#36554c}[data-theme="dark"] .db-actions button{background:#1b3733;border-color:#385b50;color:#a8ddc0}[data-theme="dark"] .db-row{border-color:#29423c}[data-theme="dark"] .db-empty{border-color:#36564b;color:#9eb8ac!important}
@media(max-width:800px){.db-grid{grid-template-columns:1fr}.app-top>#db-menu{display:block;border:1px solid #dce8df;background:#fff;color:#256c59;border-radius:9px;padding:7px 12px;min-height:38px}.db-consent{margin-right:auto}.app-top{gap:8px}.app-top #db-mobile-menu{position:absolute;top:68px;right:0;left:0;z-index:12;background:#fff;border:1px solid #dce8df;border-radius:0 0 12px 12px;padding:10px;box-shadow:0 12px 25px #193d321b}.app-top #db-mobile-menu a{display:block;padding:9px;border-bottom:1px solid #edf1ed;color:#256c59;font-size:12px}.app-top #db-mobile-menu a:last-child{border:0}}
@media(max-width:600px){.db-card{padding:16px}.db-row{align-items:flex-start;flex-direction:column}.db-row .db-actions{width:100%}.db-row .db-actions button,.db-row .db-actions a{flex:1;justify-content:center}.db-consent{font-size:10px}.db-consent input{width:16px;height:16px}}

.brand-journey-preview{transform:rotate(-1.5deg);padding:22px}.brand-journey-preview .preview-top{padding-bottom:13px}.journey-stage{position:relative;min-height:450px;padding:24px 4px 8px;overflow:hidden}.journey-product-panels{position:absolute;inset:24px 8px auto;display:grid;gap:10px;opacity:.52;pointer-events:none}.journey-product-panels span{display:block;width:44%;padding:9px 11px;border:1px solid #d7e8db;border-radius:10px;background:#f2f8f2;color:#72917f;font-size:10px}.journey-product-panels span:nth-child(2){margin-right:auto;width:39%}.journey-product-panels span:nth-child(3){width:48%;margin-top:210px}.journey-path{position:absolute;inset:95px 18px 105px;pointer-events:none}.journey-path:before{content:'';position:absolute;right:15%;left:15%;top:50%;border-top:1.5px dashed #80b69a;transform:rotate(-8deg)}.journey-path i{position:absolute;width:8px;height:8px;background:#78b393;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #80b69a}.journey-path i:nth-child(1){right:18%;top:45%}.journey-path i:nth-child(2){right:49%;top:40%}.journey-path i:nth-child(3){left:18%;top:35%}.journey-identity{position:relative;z-index:2;display:flex;align-items:center;gap:12px;margin:36px auto 26px;padding:16px;border:1px solid #cfe1d4;border-radius:16px;background:#fff;box-shadow:0 12px 24px #214a3714;max-width:310px}.identity-mark{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;background:#dcefe2;color:#246d58;font-size:22px;font-weight:800}.journey-identity small{display:block;color:#6f887b;font-size:10px}.journey-identity strong{display:block;color:#1b4d40;font-size:13px;margin:2px 0}.journey-identity p{margin:0;color:#355b4d;font-size:11px;line-height:1.7}.journey-identity em{display:block;color:#789086;font-size:9px;font-style:normal;margin-top:3px}.journey-node{position:absolute;z-index:2;width:122px;min-height:66px;padding:9px 10px;border:1px solid #d6e6d9;border-radius:12px;background:#f9fcf8;box-shadow:0 7px 16px #214a370b}.journey-node strong{display:block;color:#286b56;font-size:11px}.journey-node span{display:block;color:#70857a;font-size:9px;line-height:1.65;margin-top:3px}.journey-node--position{right:0;top:160px}.journey-node--content{left:0;top:240px}.journey-node--trust{right:8px;top:326px}.journey-next{position:relative;z-index:2;max-width:278px;margin:30px auto 0;padding:12px 14px;border-radius:12px;background:#eef7ef;border:1px solid #d4e7d8}.journey-next strong{display:block;color:#226850;font-size:11px}.journey-next span{display:block;color:#5d7669;font-size:10px;line-height:1.7;margin-top:3px}.brand-journey-preview .preview-disclaimer{display:block;color:#89988f;font-size:9px;text-align:center;margin-top:12px}.brand-journey-preview + .float-note{bottom:-4px}.journey-product-panels,.journey-path,.journey-node,.journey-next{transition:opacity .3s ease,transform .3s ease}.hero-visual:hover .journey-product-panels{opacity:.7}.hero-visual:hover .journey-path{transform:scale(1.02)}
@media(max-width:600px){.brand-journey-preview{padding:15px}.journey-stage{min-height:420px;padding-top:18px}.journey-identity{margin-top:36px;padding:12px;max-width:245px}.journey-identity p{font-size:10px}.journey-node{width:108px;padding:8px}.journey-node span{font-size:8px}.journey-node--position{top:158px}.journey-node--content{top:235px}.journey-node--trust{top:315px}.journey-next{margin-top:24px}.journey-product-panels span{font-size:8px;padding:7px 8px}}

.hero-visual .brand-journey-preview{background:#102f2b;border-color:#2a5148;color:#ecf7ef;box-shadow:0 25px 65px #102f2b45}.hero-visual .brand-journey-preview .preview-top{border-color:#2b5148;color:#a8c8b9}.hero-visual .brand-journey-preview .preview-top strong{color:#f0faf2}.hero-visual .journey-stage{background:linear-gradient(180deg,#123832,#102f2b);border-radius:15px}.hero-visual .journey-product-panels span{background:#1c433b;border-color:#3d6859;color:#a4c5b3}.hero-visual .journey-identity{border-color:#d6e8d9;background:#fff;color:#203e35;box-shadow:0 12px 24px #071c1745}.hero-visual .journey-node{background:#edf8ef;border-color:#b8d8c0;box-shadow:0 7px 16px #071c1738}.hero-visual .journey-next{background:#dff1e3;border-color:#b4d6bc;box-shadow:0 8px 18px #071c1730}.hero-visual .brand-journey-preview + .float-note{background:#e9f6eb;border-color:#bcdcc4;color:#205543}.hero-visual .brand-journey-preview .preview-disclaimer{display:none}.hero-visual .brand-journey-preview .identity-mark{background:#d9efdf}.hero-visual .journey-identity strong{color:#174d3c}.hero-visual .journey-identity p{color:#31594b}.hero-visual .journey-identity em{color:#668176}
@media(max-width:600px){.hero-visual .brand-journey-preview{box-shadow:0 14px 35px #102f2b38}.hero-visual .journey-stage{overflow:hidden}}