.identity-page{font-family:"Vazirmatn",Tahoma,sans-serif}
.identity-page h1,.identity-page h2,.identity-page h3{letter-spacing:0;line-height:1.55}
.identity-page .container{width:min(1200px,calc(100% - 56px))}
.identity-hero{padding:26px 0 64px;background:var(--paper)}
.identity-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:38px}
.identity-breadcrumb a:hover{color:var(--accent)}
.identity-hero-grid{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:64px}
.identity-kicker{display:block;font-size:13px;font-weight:650;color:var(--accent);margin-bottom:12px}
.identity-hero h1{font-size:46px;line-height:1.25;margin:0 0 22px;font-weight:750;white-space:normal}
.identity-hero h1 span{display:block;font-size:27px;font-weight:600;line-height:1.65;margin-top:14px}
.identity-hero-copy>p{font-size:16px;line-height:2.1;margin:0;color:var(--muted)}
.identity-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 12px}
.identity-page .btn{border-radius:8px;padding:11px 20px;font-size:14px;text-align:center}
.identity-primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.identity-primary:hover{background:#235342;border-color:#235342}
.identity-secondary{background:var(--white);color:var(--ink)}
.identity-hero-copy>small{font-size:12px;color:var(--muted)}
.identity-overview{padding:30px;background:#e7efea;border:1px solid #d9e5dc;border-radius:0;box-shadow:0 18px 44px rgba(32,65,50,.06)}
.identity-overview-top{display:flex;align-items:center;gap:16px;padding-bottom:24px;border-bottom:1px solid #ceddd2}
.identity-overview-top img{width:48px;height:48px}
.identity-overview-top strong{display:block;font-size:20px;font-weight:700;color:#20382d}
.identity-overview-top span{display:block;margin-top:3px;font-size:12px;color:#5e7166}
.identity-overview ol{list-style:none;margin:24px 0;padding:0;display:grid;gap:12px}
.identity-overview li{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid #dde7df;border-radius:0}
.identity-step-number{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;font-size:16px;font-weight:650;color:#315b46;background:#e7efe8}
.identity-overview li h2{margin:0;font-size:16px;color:#24372d}
.identity-overview li p{margin:2px 0 0;font-size:12px;color:#5e7166}
.identity-overview-foot{font-size:11px;color:#5e7166}
.identity-page-nav{position:sticky;top:72px;z-index:25;background:var(--white);border-block:1px solid var(--line)}
.identity-page-nav .container{display:flex;gap:30px;overflow:auto;scrollbar-width:none}
.identity-page-nav a{white-space:nowrap;padding:17px 0;font-size:13px;font-weight:600;color:var(--muted)}
.identity-page-nav a:hover,.identity-page-nav a:focus-visible{color:var(--accent)}
.identity-section{padding:72px 0;scroll-margin-top:145px}
.identity-section-heading{max-width:760px;margin-bottom:30px}
.identity-section-heading h2{font-size:29px;margin:0 0 12px;font-weight:700}
.identity-section-heading p{color:var(--muted);font-size:15px;line-height:2;margin:0}
.identity-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:20px}
.identity-card{display:flex;flex-direction:column;padding:28px;background:var(--white);border:1px solid var(--line);border-radius:0;min-width:0}
.identity-card-index{font-size:13px;color:var(--accent);font-weight:600;margin-bottom:20px}
.identity-card h3{margin:0 0 12px;font-size:19px;font-weight:700}
.identity-card p{margin:0;color:var(--muted);font-size:14px;line-height:2.05;text-align:justify;text-align-last:start}
.identity-card small{margin-top:auto;padding-top:22px;font-size:12px;font-weight:500;color:var(--accent)}
.identity-tinted{background:#eaf0eb;border-block:1px solid #dde5de}
.identity-use-card{background:rgba(255,255,255,.7)}
.identity-demo-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:start}
.identity-demo-steps{list-style:none;padding:0;margin:0;display:grid;gap:26px}
.identity-demo-steps li{display:flex;gap:18px;align-items:flex-start}
.identity-demo-steps h3{font-size:18px;margin:0 0 7px}
.identity-demo-steps p{font-size:14px;line-height:2;margin:0;color:var(--muted)}
.identity-checklist{padding:28px;border:1px solid var(--line);border-radius:0;background:var(--white)}
.identity-checklist h3{margin:0 0 18px;font-size:18px}
.identity-checklist ul{list-style:none;margin:0 0 25px;padding:0;display:grid;gap:12px}
.identity-checklist li{position:relative;padding-inline-start:20px;font-size:14px;color:var(--muted)}
.identity-checklist li::before{content:"";position:absolute;inset-inline-start:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.identity-faq-section{padding-top:20px}
.identity-faq-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:64px;align-items:start}
.identity-faq-grid>h2{font-size:29px;margin:0;font-weight:700}
.identity-faq details{border-bottom:1px solid var(--line)}
.identity-faq details:first-child{border-top:1px solid var(--line)}
.identity-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;font-size:15px;font-weight:650}
.identity-faq summary::-webkit-details-marker{display:none}
.identity-faq summary span{font-size:23px;color:var(--accent);line-height:1;transition:transform .2s}
.identity-faq details[open] summary span{transform:rotate(45deg)}
.identity-faq details p{font-size:14px;line-height:2.05;color:var(--muted);margin:0 0 20px;text-align:justify;text-align-last:start}
.identity-cta{background:#203d30;color:#fff;padding:48px 0}
.identity-cta .container{display:flex;align-items:center;justify-content:space-between;gap:36px}
.identity-cta h2{margin:0 0 12px;font-size:28px;font-weight:650}
.identity-cta p{margin:0;font-size:14px;color:#d1dfd5;max-width:720px;line-height:2}
.identity-cta .btn{background:#edf4ef;border-color:#edf4ef;color:#203d30;white-space:nowrap;flex:none}
.identity-footer{background:#172a21;color:#d1dfd5;padding:24px 0;font-size:12px}
.identity-footer .container{display:flex;justify-content:space-between;gap:20px}
.identity-page a:focus-visible,.identity-faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
body[data-theme=dark].identity-page .identity-tinted{background:#203529;border-color:#38503f}
body[data-theme=dark].identity-page .identity-use-card{background:var(--white)}
@media(max-width:1000px){.identity-hero-grid{gap:32px}.identity-hero h1{font-size:40px}.identity-hero h1 span{font-size:23px}.identity-overview{padding:22px}.identity-card{padding:23px}.identity-demo-grid,.identity-faq-grid{gap:32px}}
@media(max-width:720px){.identity-page .container{width:calc(100% - 36px)}.identity-hero{padding:20px 0 36px}.identity-breadcrumb{margin-bottom:24px;font-size:11px}.identity-hero-grid,.identity-demo-grid,.identity-faq-grid{grid-template-columns:1fr;gap:30px}.identity-hero h1{font-size:36px}.identity-hero h1 span{font-size:23px}.identity-hero-copy>p{font-size:15px}.identity-card-grid{grid-template-columns:1fr;gap:16px}.identity-section{padding:44px 0}.identity-section-heading h2,.identity-faq-grid>h2{font-size:24px}.identity-page-nav .container{gap:24px}.identity-page-nav a{font-size:12px;padding:14px 0}.identity-card{padding:25px}.identity-card-index{margin-bottom:12px}.identity-faq-section{padding-top:8px}.identity-cta .container{flex-direction:column;align-items:flex-start;gap:22px}.identity-cta h2{font-size:24px}.identity-footer .container{flex-wrap:wrap}}

/* Keep the catalog's identity color as a restrained accent in two sections. */
.identity-page{--product-identity:#b9b3dc}
.identity-page main{--accent:#374842}
.identity-page .identity-overview{background:var(--white);border:1px solid var(--line);border-top:4px solid var(--product-identity);box-shadow:none}
.identity-page .identity-overview-top{border-color:var(--line)}
.identity-page .identity-overview-top strong,.identity-page .identity-overview li h2{color:var(--ink)}
.identity-page .identity-overview-top span,.identity-page .identity-overview li p,.identity-page .identity-overview-foot{color:var(--muted)}
.identity-page .identity-overview li{background:var(--paper);border-color:var(--line)}
.identity-page .identity-step-number{background:var(--paper);color:var(--ink);border:1px solid var(--line)}
.identity-overview li+li{position:relative}
.identity-overview li+li::before{content:"";position:absolute;top:-13px;inset-inline-start:34px;width:2px;height:12px;background:var(--line)}
.identity-page #capabilities .identity-card{border-top:4px solid var(--product-identity)}
.identity-page .identity-tinted{background:var(--surface-greige,#eae9e3);border-color:var(--line)}
.identity-page .identity-use-card{background:var(--white)}
.identity-page .identity-primary:hover{background:#24352e;border-color:#24352e}
.identity-page .identity-cta{background:#27332e}
.identity-page .identity-cta p{color:#dce2de;margin-inline:auto}
.identity-page .identity-cta .btn{background:#f6f5f1;border-color:#f6f5f1;color:#27332e}
.identity-page .identity-cta .container{flex-direction:column;align-items:center;text-align:center;gap:24px}
.identity-page .identity-footer{background:#1e2823;color:#dce2de}
.identity-page .identity-card p,.identity-page .identity-faq details p{text-align:start}
.identity-page .identity-card{min-height:240px}
.identity-page .identity-hero h1{font-size:clamp(32px,3.2vw,44px);line-height:1.5}
.identity-page .identity-hero h1 span{font-size:clamp(21px,2vw,26px);line-height:1.7}
.identity-page .identity-hero-grid{gap:48px}
.identity-page .identity-overview li h2{line-height:1.6}
body[data-theme=dark].identity-page main{--accent:#b7c8be}
body[data-theme=dark].identity-page .identity-overview-top img{filter:brightness(0) invert(1);opacity:.85}
body[data-theme=dark].identity-page .identity-tinted{background:var(--paper);border-color:var(--line)}
body[data-theme=dark].identity-page .identity-primary{background:#40574b;border-color:#40574b;color:#fff}
body[data-theme=dark].identity-page .identity-primary:hover{background:#33483d;border-color:#33483d}
@media(max-width:720px){.identity-page .identity-hero-grid{gap:28px}.identity-page .identity-card{min-height:0}}

.identity-page main .reveal{opacity:0;transform:translateY(36px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.3,1)}
.identity-page main .reveal.visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.identity-page main .reveal{opacity:1;transform:none;transition:none}}