
:root{--sp-ink:#1b2745;--sp-muted:#71809b;--sp-line:#e4e9f5;--sp-primary:#5b63df;--sp-bg:#f5f7fc}
body.ox-public-page{background:radial-gradient(circle at 4% 3%,#e5eaff 0,transparent 25%),radial-gradient(circle at 96% 24%,#e5f6f4 0,transparent 23%),#f7f8fc}
.pc-header{position:sticky;top:0;z-index:60;padding:12px max(4vw,18px);box-shadow:0 7px 24px #263a6608}
.pc-header nav{gap:clamp(10px,2vw,25px)}
.pc-header nav a{white-space:nowrap}
.sp-hero{padding:clamp(30px,6vw,70px);border-radius:30px;background:radial-gradient(circle at 90% 8%,#c8d1ff88,transparent 32%),linear-gradient(125deg,#fff,#f0f2ff);border:1px solid #e2e7fa;box-shadow:0 25px 70px #273b750c;margin-bottom:28px}
.sp-kicker{display:inline-flex;padding:6px 12px;border-radius:99px;background:#eeefff;color:#595ed2;font:800 11px Shabnam,Vazirmatn}
.sp-hero h1{font:800 clamp(27px,4vw,45px)/1.6 Shabnam,Vazirmatn;color:#202b4a;margin:13px 0}
.sp-hero p{font:14px/2.25 Vazirmatn;color:#71809b;max-width:800px;margin:0}
.sp-hero-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.sp-hero-stats span{padding:8px 13px;border:1px solid #e1e6f4;background:#ffffffc9;border-radius:12px;font:700 11px Vazirmatn;color:#53617e}
.sp-hero-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.sp-hero-links .sp-primary-link{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border:1px solid #dce2f5;border-radius:11px;background:#fff}
.sp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.sp-guide-card{background:#fff;border:1px solid var(--sp-line);border-radius:22px;overflow:hidden;box-shadow:0 12px 34px #1d31510b;transition:transform .22s,box-shadow .22s}
.sp-guide-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px #24365b18}
.sp-guide-card>a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.sp-guide-body{display:flex;flex:1;flex-direction:column;padding:20px 22px 23px}
.sp-guide-body>span{font:800 10px Vazirmatn;color:#6967d9}
.sp-guide-body h2{font:800 17px/1.7 Shabnam,Vazirmatn;color:#24304f;margin:9px 0}
.sp-guide-body p{font:12px/2.1 Vazirmatn;color:#77839a;margin:0 0 20px}
.sp-guide-body>b{display:flex;justify-content:space-between;margin-top:auto;padding-top:13px;border-top:1px solid #edf0f7;color:#5c62d9;font:800 11px Vazirmatn}
.sp-article{max-width:980px;margin:0 auto;background:#fff;border:1px solid var(--sp-line);border-radius:28px;padding:clamp(20px,5vw,56px);box-shadow:0 20px 60px #1d31510b}
.sp-breadcrumb{font:11px Vazirmatn;color:#8792a8;margin-bottom:20px}
.sp-breadcrumb a{color:#6267d7;text-decoration:none}
.sp-cover{width:100%;height:auto;max-height:380px;object-fit:cover;border-radius:20px;margin-bottom:25px;background:#f0f2fb}
.sp-article h1{font:800 clamp(27px,4vw,42px)/1.6 Shabnam,Vazirmatn;color:#202b4a;margin:10px 0}
.sp-lead{font:15px/2.3 Vazirmatn;color:#65738e;border-bottom:1px solid #edf0f7;padding-bottom:25px}
.sp-content{font:14px/2.35 Vazirmatn;color:#4e5c78}
.sp-content>p{margin:24px 0}
.sp-content section{padding:18px 21px;margin:18px 0;border:1px solid #e9edf6;border-radius:17px;background:linear-gradient(130deg,#fff,#fafbff)}
.sp-content h2,.sp-static h2{font:800 19px/1.8 Shabnam,Vazirmatn;color:#303d61;margin:0 0 8px}
.sp-content p,.sp-static p{font:13px/2.3 Vazirmatn;color:#6d7a93;margin:0}
.sp-guide-pagination{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #edf0f7;padding-top:25px;margin-top:35px}
.sp-guide-pagination a{display:grid;gap:8px;padding:18px;border:1px solid #e4e8f6;border-radius:17px;background:linear-gradient(130deg,#fff,#f7f8ff);text-decoration:none;transition:.2s}
.sp-guide-pagination a:hover{border-color:#c7cdf5;transform:translateY(-3px);box-shadow:0 12px 28px #26365c10}
.sp-guide-pagination small{font:700 10px Vazirmatn;color:#9099ad}
.sp-guide-pagination b{font:800 12px Vazirmatn;color:#515fd2}
.sp-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sp-use-grid article{padding:25px;background:#fff;border:1px solid var(--sp-line);border-radius:21px;box-shadow:0 12px 30px #1d315109}
.sp-use-grid article>span{font:800 10px Vazirmatn;color:#6865d8}
.sp-use-grid h2{font:800 17px Shabnam;color:#273451;margin:10px 0}
.sp-use-grid p{font:12px/2.2 Vazirmatn;color:#77839a;min-height:84px}
.sp-use-grid a,.sp-primary-link{font:800 11px Vazirmatn;color:#5b63d7;text-decoration:none}
.sp-static{display:grid;gap:15px}
.sp-contact-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:22px;align-items:start}
.sp-contact-card{background:#fff;border:1px solid var(--sp-line);border-radius:23px;padding:clamp(20px,3vw,32px);box-shadow:0 14px 40px #1d31510a}
.sp-contact-card h2{font:800 20px Shabnam;color:#263351;margin:0 0 9px}
.sp-contact-card>p{font:12px/2.1 Vazirmatn;color:#78849a}
.sp-contact-form{display:grid;gap:14px;margin-top:20px}
.sp-contact-form label{display:grid;gap:7px;font:700 12px Shabnam;color:#384664}
.sp-contact-form input,.sp-contact-form textarea{width:100%;border:1px solid #dfe5f1;border-radius:12px;background:#fafbff;padding:12px 14px;color:#25324f;font:13px Vazirmatn;outline:none}
.sp-contact-form input{height:48px}
.sp-contact-form textarea{resize:vertical;min-height:130px}
.sp-contact-form input:focus,.sp-contact-form textarea:focus{border-color:#7379e5;box-shadow:0 0 0 4px #777ce51c;background:#fff}
.sp-captcha{padding:15px;border:1px dashed #c9d0ee;border-radius:14px;background:#f7f8ff}
.sp-captcha label{font:800 13px Shabnam;color:#525dce}
.sp-captcha input{max-width:250px;margin-top:8px}
.sp-submit{height:50px;border:0;border-radius:13px;background:linear-gradient(110deg,#535fdf,#8057d8);color:#fff;font:800 13px Shabnam;cursor:pointer;box-shadow:0 10px 22px #5a62d42b}
.sp-notice{padding:12px 14px;background:#fff3f3;color:#a13f45;border:1px solid #f1d1d3;border-radius:12px;font:12px/1.9 Vazirmatn}
.sp-notice.is-ok{background:#effaf5;color:#16744e;border-color:#ccebdd}
.sp-support-item{display:grid;gap:5px;padding:16px 0;border-bottom:1px solid #edf0f7}
.sp-support-item b{font:800 12px Shabnam;color:#34415e}
.sp-support-item span{font:11px/2 Vazirmatn;color:#77839a}
.sp-support-item a{color:#5d64d7}
.sp-footer{display:flex;flex-direction:column;gap:15px;background:#fff;border-top:1px solid #e7ebf5;padding:30px 18px;text-align:center}
.sp-footer nav{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.sp-footer nav a{font:700 11px Vazirmatn;color:#586681;text-decoration:none}
.sp-footer>span{font:10px Vazirmatn;color:#99a2b4}
.sp-feature-preview{border:1px solid #e3e8f5;border-radius:20px;overflow:hidden;margin-bottom:28px;background:#f8f9fd}
.sp-preview-top{display:flex;justify-content:space-between;gap:10px;padding:14px 18px;background:#fff;border-bottom:1px solid #e9edf5;font:700 11px Vazirmatn;color:#33415e}
.sp-preview-top span{color:#929bb0;font-size:10px}
.sp-preview-layout{display:grid;grid-template-columns:65px 1fr;min-height:225px}
.sp-preview-layout aside{display:grid;align-content:start;gap:13px;padding:18px 20px;background:#242d5b}
.sp-preview-layout aside i{width:24px;height:24px;border-radius:8px;background:#ffffff28}
.sp-preview-main{padding:20px}
.sp-preview-head{display:flex;justify-content:space-between;font:700 12px Vazirmatn;color:#35415e}
.sp-preview-head span{font-size:10px;color:#8b95a9}
.sp-preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.sp-preview-cards i{height:58px;border-radius:12px;background:linear-gradient(120deg,#e5e9ff,#f2eaff)}
.sp-preview-table{display:grid;gap:8px}
.sp-preview-table i{height:12px;border-radius:5px;background:#e8ecf5}
.sp-preview-table i:nth-child(2){width:82%}.sp-preview-table i:nth-child(3){width:66%}
@media(max-width:850px){.sp-grid,.sp-use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-contact-grid{grid-template-columns:1fr}}
@media(max-width:560px){.sp-grid,.sp-use-grid{grid-template-columns:1fr}.sp-guide-pagination{grid-template-columns:1fr}.sp-preview-layout{grid-template-columns:48px 1fr}.sp-preview-layout aside{padding:15px 12px}.pc-header{gap:12px}.pc-header nav{flex-wrap:wrap}}

html{scrollbar-width:thin;scrollbar-color:#858ce0 #edf0f8}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#edf0f8;border-radius:20px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#999ee8,#5c67d9);border:2px solid #edf0f8;border-radius:20px}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#858ce0,#4b57c7)}

.sp-feature-detail-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:24px 0}.sp-feature-detail-copy section{padding:18px 20px;border:1px solid #e6eaf5;border-radius:16px;background:linear-gradient(130deg,#fff,#fafbff)}.sp-feature-detail-copy h3{font:800 14px Shabnam,Vazirmatn;color:#35415f;margin:0 0 8px}.sp-feature-detail-copy p{font:12px/2.2 Vazirmatn;color:#72809a;margin:0}@media(max-width:620px){.sp-feature-detail-copy{grid-template-columns:1fr}}

.pc-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.pc-brand img{width:42px;height:42px;object-fit:contain}.pc-brand span{font:800 18px Shabnam,Vazirmatn;color:#5663dc}.sp-footer-brand{display:flex;align-items:center;justify-content:center;gap:9px;font:800 14px Shabnam;color:#5a63d6}.sp-footer-brand img{width:35px;height:35px;object-fit:contain}

.site-footer{background:#fff;border-top:1px solid #e8ecf7;margin-top:70px}.site-footer .shell{width:min(1160px,92vw);margin:0 auto}.site-footer .footer-top{padding:38px 0;display:flex;align-items:center;gap:30px}.site-footer .identity{display:flex;align-items:center;gap:10px;min-width:170px;color:#273451;text-decoration:none}.site-footer .identity img{object-fit:contain}.site-footer .identity span{display:grid;gap:3px}.site-footer .identity b{font:800 17px Shabnam,Vazirmatn}.site-footer .identity small{font:9px Vazirmatn;color:#8792a8}.site-footer .footer-top>p{flex:1;max-width:340px;font:11px/2 Vazirmatn;color:#7e89a0}.site-footer .footer-top nav{display:flex;gap:13px;flex-wrap:wrap}.site-footer .footer-top nav a{font:700 11px Vazirmatn;color:#62708f;text-decoration:none}.site-footer .footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #edf0f7;padding:18px 0;color:#9aa3b3;font:10px Vazirmatn}
@media(max-width:850px){.site-footer .footer-top{align-items:flex-start;flex-direction:column;gap:16px}.site-footer .footer-top>p{max-width:100%}}
@media(max-width:560px){.site-footer .footer-bottom{flex-direction:column}}

.pc-header nav{display:flex;align-items:center;gap:clamp(10px,1.8vw,24px);flex-wrap:wrap}.pc-header nav>a,.pc-nav-dropdown>summary{font:700 12px Vazirmatn;color:#273451;text-decoration:none;white-space:nowrap}.pc-nav-dropdown{position:relative;list-style:none}.pc-nav-dropdown>summary{cursor:pointer;list-style:none;padding:8px 0}.pc-nav-dropdown>summary::-webkit-details-marker{display:none}.pc-nav-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:100;width:280px;max-height:65vh;overflow:auto;overscroll-behavior:contain;display:grid;gap:4px;padding:10px;background:#fff;border:1px solid #e4e9f5;border-radius:16px;box-shadow:0 20px 50px #26365b22;opacity:0;visibility:hidden;transform:translateY(7px);transition:.18s}.pc-nav-dropdown:hover .pc-nav-menu,.pc-nav-dropdown:focus-within .pc-nav-menu,.pc-nav-dropdown[open] .pc-nav-menu{opacity:1;visibility:visible;transform:translateY(0)}.pc-nav-menu a{padding:8px 10px;border-radius:9px;text-decoration:none;font:600 11px Vazirmatn;color:#4b5876}.pc-nav-menu a:hover{background:#f1f3ff;color:#555fd2}.pc-nav-menu::-webkit-scrollbar{width:8px}.pc-nav-menu::-webkit-scrollbar-thumb{background:#858ce0;border:2px solid #f0f2fa;border-radius:10px}
@media(max-width:800px){.pc-nav-menu{position:static;display:none;opacity:1;visibility:visible;transform:none;width:100%;max-height:38vh;box-shadow:none;margin-top:5px}.pc-nav-dropdown[open] .pc-nav-menu{display:grid}.pc-header nav{width:100%;gap:10px 15px}}

.sp-admin-inbox{margin-top:22px}.sp-admin-message{padding:16px 0;border-bottom:1px solid #edf0f7}.sp-admin-message>div{display:flex;justify-content:space-between;gap:10px}.sp-admin-message b{font:800 12px Shabnam;color:#35415f}.sp-admin-message small{font:10px Vazirmatn;color:#929bb0}.sp-admin-message p{font:12px/2 Vazirmatn;color:#687690;margin:7px 0}.sp-admin-message a{color:#5964d7}

/* Expanded guide simulations and detailed use-case/about sections. */
.sp-captcha-expression{display:inline-flex;align-items:center;gap:9px;margin-inline-start:7px;padding:5px 11px;border:1px solid #dfe4fa;border-radius:9px;background:#fff;color:#253454;font:800 17px/1.4 Vazirmatn,Shabnam,sans-serif;unicode-bidi:isolate;direction:ltr}
.sp-captcha-expression bdi{font-family:Vazirmatn,Shabnam,sans-serif;color:#28375b}
.sp-captcha-operation{display:inline-grid;place-items:center;min-width:23px;height:25px;border-radius:7px;background:#eff1ff;color:#4f5dd2;font:900 19px/1 Shabnam,Vazirmatn,sans-serif}
.sp-captcha input{font-family:Vazirmatn,Shabnam,sans-serif;font-variant-numeric:tabular-nums}
.sp-guide-article{max-width:1040px}
.sp-guide-simulation{margin:34px 0 24px;padding:clamp(17px,3vw,28px);border:1px solid #e2e7f4;border-radius:24px;background:linear-gradient(145deg,#fbfcff,#f2f5ff);box-shadow:0 18px 48px #24365c0c}
.sp-sim-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:19px}
.sp-sim-heading h2{font:800 20px/1.7 Shabnam,Vazirmatn;color:#293654;margin:7px 0}
.sp-sim-heading p{font:12px/2 Vazirmatn;color:#7b879d;margin:0}
.sp-sim-badge{flex:0 0 auto;padding:8px 12px;border:1px solid #dfe4f6;border-radius:99px;background:#fff;color:#636bd0;font:700 10px Vazirmatn}
.sp-sim-window{overflow:hidden;border:1px solid #e0e5f1;border-radius:17px;background:#fff;box-shadow:0 12px 30px #1e31500c}
.sp-sim-topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#222d55;color:#fff;font:800 12px Shabnam,Vazirmatn}
.sp-sim-topbar b small{margin-inline-start:6px;color:#adb8e7;font:700 8px Arial,sans-serif;letter-spacing:.12em}
.sp-sim-topbar>span{display:flex;align-items:center;gap:8px;color:#d0d7f1;font:10px Vazirmatn}
.sp-sim-topbar>span i{width:7px;height:7px;border-radius:50%;background:#7ed3ae}
.sp-sim-layout{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:280px}
.sp-sim-sidebar{display:flex;flex-direction:column;gap:6px;padding:17px 12px;background:#f7f8fc;border-left:1px solid #e9edf5}
.sp-sim-sidebar>b{padding:0 9px 9px;font:800 11px Shabnam;color:#8993a7}
.sp-sim-sidebar>span{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:9px;color:#69758c;font:10px Vazirmatn}
.sp-sim-sidebar>span.is-current{background:#e9edff;color:#4e5dcb;font-weight:800}
.sp-sim-sidebar i{font:700 9px Shabnam,Vazirmatn,sans-serif;color:#9ba5bb;font-style:normal}
.sp-sim-main{min-width:0;padding:18px}
.sp-sim-main-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}
.sp-sim-main-head>div{display:grid;gap:4px}
.sp-sim-main-head b{font:800 12px Shabnam;color:#293654}
.sp-sim-main-head small{font:9px Vazirmatn;color:#98a1b2}
.sp-sim-main-head>span{padding:5px 8px;border-radius:8px;background:#effaf5;color:#25825c;font:700 9px Vazirmatn;white-space:nowrap}
.sp-sim-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sp-sim-stats>div{display:grid;gap:8px;padding:13px;border:1px solid #e9edf5;border-radius:12px;background:linear-gradient(145deg,#fff,#fafbff)}
.sp-sim-stats small{font:10px Vazirmatn;color:#8792a8}
.sp-sim-stats b{font:800 12px Shabnam;color:#354366}
.sp-sim-list{margin-top:15px;border:1px solid #e9edf5;border-radius:12px;overflow:hidden}
.sp-sim-list-head{display:flex;justify-content:space-between;gap:10px;padding:11px 13px;background:#fafbfe;border-bottom:1px solid #edf0f6}
.sp-sim-list-head b{font:800 10px Shabnam;color:#3e4b68}
.sp-sim-list-head small{font:9px Vazirmatn;color:#a0a8b8}
.sp-sim-row{display:grid;grid-template-columns:30px minmax(0,1fr) 80px;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid #f0f2f7}
.sp-sim-row:last-child{border-bottom:0}
.sp-sim-row i{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f0f2ff;color:#5c67d7;font:800 9px Shabnam,Vazirmatn,sans-serif;font-style:normal}
.sp-sim-row b{font:700 10px Vazirmatn;color:#4b5875}
.sp-sim-row>span{justify-self:end;padding:4px 7px;border-radius:7px;background:#f2f4f9;color:#828da2;font:9px Vazirmatn}
.sp-sim-footnote{margin-top:12px;color:#8b95a9;font:10px/1.9 Vazirmatn}
.sp-guide-checklist{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;margin:28px 0;padding:clamp(18px,3vw,28px);border:1px solid #e5eaf5;border-radius:20px;background:#fff}
.sp-guide-checklist h2{font:800 18px/1.7 Shabnam;color:#303d5b;margin:8px 0}
.sp-guide-checklist ul{display:grid;gap:12px;list-style:none;padding:0;margin:0}
.sp-guide-checklist li{display:flex;align-items:flex-start;gap:10px;color:#65728b;font:11px/2 Vazirmatn}
.sp-guide-checklist li span{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:7px;background:#eaf8f1;color:#23845d;font:800 12px Arial}
.sp-guide-warning{grid-column:1/-1;margin:0;padding:13px 15px;border-radius:12px;background:#fff9e9;color:#76633d;font:11px/2 Vazirmatn}
.sp-guide-related{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}
.sp-guide-related a{display:flex;justify-content:space-between;align-items:center;gap:15px;flex:1 1 230px;padding:14px 16px;border:1px solid #e5e9f5;border-radius:13px;background:#fafbff;color:#5663c9;text-decoration:none;font:700 11px Vazirmatn;transition:.2s}
.sp-guide-related a:hover{border-color:#c8cff4;background:#f3f5ff;transform:translateY(-2px)}
.sp-guide-pagination a{min-height:92px;align-content:center}
.sp-guide-pagination a span{font:10px/1.8 Vazirmatn;color:#8a95aa}
.sp-use-hero{background:radial-gradient(circle at 92% 9%,#d7dcff 0,transparent 34%),linear-gradient(120deg,#fff,#f1f3ff)}
.sp-use-intro{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:34px 0 20px}
.sp-use-intro h2,.sp-use-flow h2,.sp-use-matrix h2,.sp-about-section-heading h2{font:800 clamp(20px,2.7vw,28px)/1.7 Shabnam;color:#273451;margin:7px 0}
.sp-use-intro p,.sp-use-flow-copy p,.sp-about-section-heading p{max-width:700px;font:12px/2.15 Vazirmatn;color:#75829a;margin:0}
.sp-use-legend{display:flex;gap:13px;flex-wrap:wrap;padding:10px 13px;border:1px solid #e7eaf4;border-radius:12px;background:#fff;color:#8590a5;font:10px Vazirmatn;white-space:nowrap}
.sp-use-legend span{display:flex;align-items:center;gap:6px}.sp-use-legend i{width:7px;height:7px;border-radius:50%;background:#757de0}
.sp-use-grid--expanded{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.sp-use-card{display:flex;flex-direction:column;min-height:100%;padding:21px!important;border:1px solid #e4e9f5!important;border-radius:21px!important;background:linear-gradient(155deg,#fff,#fbfcff)!important;box-shadow:0 14px 35px #2032540a!important;transition:transform .2s,box-shadow .2s,border-color .2s}
.sp-use-card:hover{transform:translateY(-5px);border-color:#cbd2f2!important;box-shadow:0 24px 48px #20325413!important}
.sp-use-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.sp-use-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(140deg,#edf0ff,#f7efff);font-size:23px}
.sp-use-card-head small{color:#a0a9bb;font:800 10px Shabnam,Vazirmatn,sans-serif;letter-spacing:.08em}
.sp-use-category{color:#666dd4;font:800 10px Vazirmatn}
.sp-use-card h2{font:800 16px/1.7 Shabnam,Vazirmatn;color:#273451;margin:7px 0}
.sp-use-card>p{font:11px/2.1 Vazirmatn;color:#76839b;margin:0 0 14px;min-height:92px}
.sp-use-steps{margin-top:auto;padding:13px 14px;border-radius:13px;background:#f7f8fc;border:1px solid #edf0f6}
.sp-use-steps>b{font:800 10px Shabnam;color:#4c5a78}
.sp-use-steps ol{display:grid;gap:6px;margin:9px 0 0;padding:0 17px 0 0;color:#7b879b;font:10px/1.9 Vazirmatn}
.sp-use-card>a{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid #edf0f6;color:#5d66d2;text-decoration:none;font:800 10px Vazirmatn}
.sp-use-flow{margin:42px 0;padding:clamp(22px,4vw,38px);border-radius:24px;background:linear-gradient(120deg,#222f59,#344477);color:#fff;box-shadow:0 20px 48px #22335b24}
.sp-use-flow .sp-kicker{background:#ffffff18;color:#cbd4ff}
.sp-use-flow h2{color:#fff}
.sp-use-flow-copy p{color:#d2d8eb}
.sp-use-flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:24px}
.sp-use-flow-steps article{padding:16px;border:1px solid #ffffff25;border-radius:15px;background:#ffffff0b}
.sp-use-flow-steps i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#ffffff1a;color:#e4e8ff;font:800 12px Shabnam;font-style:normal}
.sp-use-flow-steps b{display:block;margin:11px 0 5px;font:800 12px Shabnam;color:#fff}
.sp-use-flow-steps p{font:10px/2 Vazirmatn;color:#d3daeb;margin:0}
.sp-use-matrix{padding:27px;border:1px solid #e5eaf4;border-radius:22px;background:#fff}
.sp-use-matrix-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px}
.sp-use-matrix-grid a{display:grid;gap:7px;padding:13px;border:1px solid #edf0f6;border-radius:12px;color:#354365;text-decoration:none;transition:.2s}
.sp-use-matrix-grid a:hover{border-color:#c8cff3;background:#f8f9ff}
.sp-use-matrix-grid b{font:800 11px Shabnam}
.sp-use-matrix-grid span{font:9px Vazirmatn;color:#6872d4}
.sp-use-disclaimer{margin:20px 0;padding:18px 22px;border:1px solid #f0e8cf;border-radius:16px;background:#fffaf0}
.sp-use-disclaimer b{font:800 12px Shabnam;color:#77633c}
.sp-use-disclaimer p{font:11px/2.15 Vazirmatn;color:#887a5a}
.sp-use-disclaimer>a{font:800 10px Vazirmatn;color:#6b67c9;text-decoration:none}
.sp-about-hero{background:radial-gradient(circle at 92% 7%,#d8e6ff 0,transparent 31%),linear-gradient(120deg,#fff,#f2f8ff)}
.sp-about-story{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr);gap:22px;margin:30px 0}
.sp-about-story-main{padding:clamp(22px,4vw,38px);border:1px solid #e4e9f3;border-radius:22px;background:#fff}
.sp-about-story-main h2{font:800 23px/1.7 Shabnam;color:#293654;margin:8px 0 13px}
.sp-about-story-main p{font:12px/2.25 Vazirmatn;color:#697790;margin:10px 0}
.sp-about-side{display:grid;gap:10px;align-content:stretch}
.sp-about-side>div{display:grid;grid-template-columns:40px 1fr;align-content:center;gap:3px 12px;padding:17px;border:1px solid #e4e9f4;border-radius:16px;background:linear-gradient(135deg,#fff,#f9faff)}
.sp-about-side>div>span{grid-row:span 2;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eff1ff;color:#5c67d3;font:800 11px Arial}
.sp-about-side b{font:800 12px Shabnam;color:#3b4866}
.sp-about-side small{font:10px Vazirmatn;color:#8994a9}
.sp-about-principles{margin:42px 0}
.sp-about-section-heading{margin-bottom:20px}
.sp-about-principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sp-about-principle-grid article{padding:22px;border:1px solid #e5eaf4;border-radius:18px;background:#fff;box-shadow:0 11px 30px #1d315108}
.sp-about-principle-grid article>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eef0ff;color:#5e69d5;font:800 20px Arial}
.sp-about-principle-grid h3{font:800 14px Shabnam;color:#34415f;margin:12px 0 6px}
.sp-about-principle-grid p{font:11px/2 Vazirmatn;color:#7b879c;margin:0}
.sp-about-capabilities{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:24px;margin:40px 0;padding:clamp(22px,4vw,36px);border-radius:22px;background:#f1f4fc;border:1px solid #e4e9f5}
.sp-about-capabilities h2,.sp-about-trust h2,.sp-about-next h2{font:800 21px/1.7 Shabnam;color:#2a3755;margin:8px 0}
.sp-about-capabilities>div:first-child p{font:11px/2.2 Vazirmatn;color:#78849b}
.sp-about-capability-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.sp-about-capability-list a{display:grid;gap:6px;padding:14px 15px;border:1px solid #e0e6f2;border-radius:13px;background:#fff;color:#364463;text-decoration:none;transition:.2s}
.sp-about-capability-list a:hover{transform:translateY(-2px);border-color:#c6cdf0}
.sp-about-capability-list b{font:800 11px Shabnam}
.sp-about-capability-list span{font:9px/1.8 Vazirmatn;color:#8994a9}
.sp-about-trust{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:25px;margin:40px 0;padding:clamp(22px,4vw,36px);border:1px solid #e3e9f4;border-radius:22px;background:#fff}
.sp-about-trust-copy p{font:11px/2.2 Vazirmatn;color:#718099}
.sp-about-trust-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:center}
.sp-about-trust-cards>div{display:grid;gap:6px;padding:15px;border-radius:13px;background:#f7f8fc;border:1px solid #edf0f5}
.sp-about-trust-cards b{font:800 11px Shabnam;color:#465371}
.sp-about-trust-cards span{font:9px/1.8 Vazirmatn;color:#8a95a8}
.sp-capability-cards>div{background:#f6f4fd;border-color:#e4dcf6}
.sp-capability-cards b{color:#4b3370}
.sp-cap-state{display:inline-block;margin-inline-end:7px;padding:2px 9px;border-radius:20px;background:#efe6fb;color:#5a3d8a;font:800 8.5px Vazirmatn,Shabnam;font-style:normal}
.sp-about-next{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:38px 0;padding:clamp(22px,4vw,34px);border-radius:22px;background:linear-gradient(125deg,#eef0ff,#f8f9ff);border:1px solid #e2e7fa}
.sp-about-next>div:first-child{max-width:650px}
.sp-about-next p{font:11px/2.2 Vazirmatn;color:#718099}
.sp-about-next>div:last-child{display:grid;gap:10px;min-width:210px}
.sp-about-next .sp-primary-link{padding:8px 12px;border:1px solid #dce2f5;border-radius:10px;background:#fff}
@media(max-width:900px){.sp-use-grid--expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-use-flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-about-story,.sp-about-capabilities,.sp-about-trust{grid-template-columns:1fr}.sp-about-side{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-use-matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.sp-sim-heading{flex-direction:column}.sp-sim-layout{grid-template-columns:1fr}.sp-sim-sidebar{display:none}.sp-sim-main{padding:12px}.sp-sim-stats{gap:6px}.sp-sim-stats>div{padding:9px}.sp-sim-stats b{font-size:10px}.sp-sim-row{grid-template-columns:25px minmax(0,1fr) 60px;gap:6px;padding:9px}.sp-sim-row b{font-size:9px}.sp-guide-checklist{grid-template-columns:1fr}.sp-guide-warning{grid-column:auto}.sp-use-intro{align-items:flex-start;flex-direction:column}.sp-use-legend{white-space:normal}.sp-use-grid--expanded{grid-template-columns:1fr}.sp-use-card>p{min-height:0}.sp-use-flow-steps{grid-template-columns:1fr}.sp-use-matrix{padding:18px}.sp-use-matrix-grid{grid-template-columns:1fr 1fr}.sp-about-side{grid-template-columns:1fr}.sp-about-principle-grid{grid-template-columns:1fr}.sp-about-capability-list,.sp-about-trust-cards{grid-template-columns:1fr}.sp-about-next{align-items:flex-start;flex-direction:column}.sp-about-next>div:last-child{width:100%}.sp-about-next .sp-primary-link{display:block}}

/* Use-case cards: consistent vector icons and readable Persian copy. */
.sp-use-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:linear-gradient(140deg,#edf0ff,#f5efff);color:#5868d9;box-shadow:inset 0 0 0 1px #e2e6ff}
.sp-use-icon svg{display:block;width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sp-use-card>p{font-size:13px!important;line-height:2.2!important;min-height:112px!important}
.sp-use-steps>b{font-size:12px!important}
.sp-use-steps ol{font-size:12px!important;line-height:2!important}
.sp-use-flow-steps b{font-size:14px!important}
.sp-use-flow-steps p{font-size:12px!important;line-height:2.1!important}
.sp-use-matrix-grid b{font-size:13px!important}
.sp-use-matrix-grid span{font-size:11px!important}

/* Expanded guide library and atomic, page-level tutorials. */
.sp-guide-library{margin:24px 0 44px}
.sp-guide-library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px;padding:22px 24px;border:1px solid #e4e9f5;border-radius:20px;background:linear-gradient(125deg,#fff,#f4f7ff);box-shadow:0 12px 34px rgba(36,55,102,.055)}
.sp-guide-library-head h2{margin:6px 0;font:800 20px/1.7 Shabnam;color:#293654}
.sp-guide-library-head p{margin:0;font:12px/2 Vazirmatn;color:#73809a}
.sp-guide-count{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:9px 14px;border:1px solid #d8def8;border-radius:999px;background:#eef0ff;color:#5964ca;font:800 11px Vazirmatn;box-shadow:0 5px 14px #5865d510}
.sp-guide-card{overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.sp-guide-number-panel{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:14px;min-height:112px;padding:20px 24px;border-bottom:1px solid #e7ebf5;background:linear-gradient(125deg,#f2f5ff 0%,#e9edff 52%,#f8faff 100%);color:#5967c8}
.sp-guide-number-panel>span{font:800 12px/1.8 Vazirmatn,sans-serif;letter-spacing:0}
.sp-guide-number-panel>strong{display:inline-flex;align-items:center;justify-content:center;min-width:82px;height:70px;padding:0 13px;border:1px solid #cfd7fa;border-radius:19px;background:#fff;color:#34447b;box-shadow:0 10px 25px rgba(47,66,130,.10);font:900 32px/1 Vazirmatn,Shabnam,sans-serif;font-variant-numeric:tabular-nums;direction:ltr}
.sp-guide-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(42,58,105,.13);border-color:#cfd7f1}
.sp-guide-card>a{height:100%;display:flex;flex-direction:column}
.sp-guide-body{display:flex;flex:1;flex-direction:column}
.sp-guide-category{display:inline-flex;align-self:flex-start;padding:5px 9px;border-radius:999px;background:#eef1ff;color:#5964c7;font:800 10px Vazirmatn}
.sp-guide-card h2{font-size:15px!important;line-height:1.8!important}
.sp-guide-card p{font-size:12px!important;line-height:2.05!important;min-height:70px}
.sp-guide-card-meta{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;color:#7a879f;font:700 10px Vazirmatn}
.sp-guide-card-meta span{display:inline-flex;align-items:center;gap:5px}
/* Guide cards use the sequential number panel as their sole visual marker; legacy empty dots removed. */
.sp-guide-article .sp-cover{margin-bottom:16px}
.sp-guide-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 24px}
.sp-guide-overview>div{display:grid;gap:4px;padding:14px 16px;border:1px solid #e4e9f5;border-radius:14px;background:linear-gradient(145deg,#fff,#f8faff);box-shadow:0 8px 22px rgba(37,54,100,.045)}
.sp-guide-overview b{font:800 12px Shabnam;color:#43527a}
.sp-guide-overview span{font:10px Vazirmatn;color:#8994a9}
.sp-guide-layout{display:grid;grid-template-columns:minmax(205px,.28fr) minmax(0,1fr);gap:22px;align-items:start}
.sp-guide-toc{position:sticky;top:104px;display:grid;gap:6px;max-height:calc(100vh - 125px);overflow:auto;padding:16px;border:1px solid #e1e7f3;border-radius:17px;background:#f9faff;box-shadow:0 10px 26px rgba(36,55,100,.05)}
.sp-guide-toc>b{padding:0 4px 8px;color:#354467;font:800 12px Shabnam}
.sp-guide-toc a{padding:7px 9px;border-radius:9px;color:#687692;text-decoration:none;font:600 10px/1.9 Vazirmatn;transition:background .18s ease,color .18s ease}
.sp-guide-toc a:hover,.sp-guide-toc a:focus-visible{background:#edf0ff;color:#515dc2;outline:none}
.sp-guide-article .sp-content{min-width:0}
.sp-guide-intro-card,.sp-guide-topic{margin:0 0 14px;padding:20px 22px;border:1px solid #e5eaf4;border-radius:17px;background:#fff;box-shadow:0 10px 26px rgba(32,49,89,.045);scroll-margin-top:110px}
.sp-guide-intro-card{background:linear-gradient(135deg,#f0f3ff,#fff 74%)}
.sp-guide-step-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;border:1px solid #dce2f8;background:#f1f3ff;color:#5b65c5;font:800 9px Vazirmatn}
.sp-guide-intro-card p,.sp-guide-topic p{font:12px/2.2 Vazirmatn;color:#687691;margin:12px 0 0}
.sp-guide-topic h2{font:800 16px/1.8 Shabnam;color:#34415f;margin:10px 0 0}
.sp-guide-topic-foot{display:flex;align-items:center;gap:9px;margin-top:14px;padding-top:11px;border-top:1px solid #edf0f6;color:#8792a8;font:10px/1.9 Vazirmatn}
.sp-guide-topic-foot span:first-child{flex:0 0 auto;padding:3px 8px;border-radius:7px;background:#eef8f6;color:#16816b;font-weight:800}
.sp-guide-simulation{scroll-margin-top:110px}
.sp-guide-checklist{scroll-margin-top:110px}
.sp-use-evaluation{display:grid;gap:8px;margin-top:14px}
.sp-use-evaluation>div{display:grid;gap:4px;padding:10px 12px;border:1px solid #edf0f6;border-radius:11px;background:linear-gradient(120deg,#fafbff,#fff)}
.sp-use-evaluation small{font:800 9px Vazirmatn;color:#6975cb}
.sp-use-evaluation b{font:600 10px/1.85 Vazirmatn;color:#64718b}
.sp-use-card>p{min-height:92px!important}
@media(max-width:900px){.sp-guide-layout{grid-template-columns:1fr}.sp-guide-toc{position:static;max-height:none;grid-template-columns:repeat(2,minmax(0,1fr))}.sp-guide-toc>b{grid-column:1/-1}.sp-guide-overview{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:620px){.sp-guide-library-head{align-items:flex-start;flex-direction:column;padding:18px}.sp-guide-count{align-self:flex-start}.sp-guide-number-panel{min-height:92px;padding:15px 18px}.sp-guide-number-panel>strong{min-width:70px;height:58px;font-size:27px}.sp-guide-overview{grid-template-columns:1fr}.sp-guide-layout{gap:12px}.sp-guide-toc{grid-template-columns:1fr 1fr;padding:12px}.sp-guide-intro-card,.sp-guide-topic{padding:16px}.sp-guide-topic-foot{align-items:flex-start;flex-direction:column;gap:5px}.sp-use-evaluation b{font-size:10px}}
html[data-theme=dark] .sp-guide-library-head,html[data-theme=dark] .sp-guide-overview>div,html[data-theme=dark] .sp-guide-intro-card,html[data-theme=dark] .sp-guide-topic{background:#10213d;border-color:#28446c;box-shadow:0 10px 26px rgba(0,0,0,.16)}
html[data-theme=dark] .sp-guide-library-head h2,html[data-theme=dark] .sp-guide-overview b,html[data-theme=dark] .sp-guide-topic h2{color:#e0e9fb}
html[data-theme=dark] .sp-guide-library-head p,html[data-theme=dark] .sp-guide-overview span,html[data-theme=dark] .sp-guide-intro-card p,html[data-theme=dark] .sp-guide-topic p,html[data-theme=dark] .sp-guide-topic-foot{color:#aabbd4}
html[data-theme=dark] .sp-guide-count,html[data-theme=dark] .sp-guide-category,html[data-theme=dark] .sp-guide-step-badge{background:#1d3357;border-color:#375780;color:#c4d4ff}
html[data-theme=dark] .sp-guide-number-panel{background:linear-gradient(125deg,#14284a,#192f55 52%,#10213d);border-color:#28446c;color:#c4d4ff}
html[data-theme=dark] .sp-guide-number-panel>strong{background:#10213d;border-color:#375780;color:#e8f0ff;box-shadow:0 10px 25px rgba(0,0,0,.20)}
html[data-theme=dark] .sp-guide-toc{background:#10213d;border-color:#28446c}
html[data-theme=dark] .sp-guide-toc>b{color:#e0e9fb}
html[data-theme=dark] .sp-guide-toc a{color:#b0c0dc}
html[data-theme=dark] .sp-guide-toc a:hover{background:#1d3357;color:#d4ddff}
html[data-theme=dark] .sp-use-evaluation>div{background:#122744;border-color:#28446c}
html[data-theme=dark] .sp-use-evaluation small{color:#aeb9ff}
html[data-theme=dark] .sp-use-evaluation b{color:#bdcbe2}
@media(prefers-reduced-motion:reduce){.sp-guide-card,.sp-guide-toc a{transition:none!important}.sp-guide-card:hover{transform:none}}

/* Step-by-step feature runbooks: tab-level guidance cards. */
.pc-feature-runbook{margin:34px 0 28px;padding:clamp(18px,3vw,30px);border:1px solid #e2e8f4;border-radius:24px;background:linear-gradient(145deg,#f7f9ff 0%,#fff 64%);box-shadow:0 18px 46px rgba(38,55,103,.075)}
.pc-feature-runbook-head{max-width:780px;margin:0 auto 22px;text-align:center}
.pc-feature-runbook-head h2{margin:8px 0;color:#293a60;font:800 clamp(19px,2.2vw,25px)/1.8 Shabnam}
.pc-feature-runbook-head p{margin:0;color:#78849d;font:11px/2.1 Vazirmatn}
.pc-feature-runbook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.pc-feature-runbook-card{position:relative;display:flex;min-width:0;flex-direction:column;gap:12px;padding:18px;border:1px solid #e3e9f5;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 9px 25px rgba(39,56,104,.055);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.pc-feature-runbook-card:hover{transform:translateY(-3px);border-color:#c9d3f2;box-shadow:0 17px 34px rgba(53,68,133,.12)}
.pc-feature-runbook-card-head{display:flex;align-items:center;gap:9px;min-width:0}
.pc-feature-runbook-card-head>span{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:11px;background:linear-gradient(135deg,#5c6be0,#8b68d5);color:#fff;font:800 10px Vazirmatn;box-shadow:0 5px 13px rgba(94,103,213,.2)}
.pc-feature-runbook-card-head>b{min-width:0;color:#344363;font:800 13px/1.8 Shabnam}
.pc-feature-runbook-card-head>i{margin-inline-start:auto;padding:4px 8px;border-radius:999px;background:#eff2ff;color:#626dca;font:700 9px Vazirmatn;font-style:normal;white-space:nowrap}
.pc-feature-runbook-purpose{margin:0;color:#66758f;font:11px/2.05 Vazirmatn}
.pc-feature-runbook-block{padding:11px 12px;border:1px solid #edf0f6;border-radius:12px;background:#fafbff}
.pc-feature-runbook-block>b{display:inline-flex;align-items:center;gap:6px;color:#5664bb;font:800 10px Vazirmatn}
.pc-feature-runbook-block>b:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.pc-feature-runbook-block p{margin:6px 0 0;color:#68758e;font:10px/2.05 Vazirmatn}
.pc-feature-runbook-block.is-check{background:linear-gradient(120deg,#fffaf0,#fff);border-color:#f1e8d6}
.pc-feature-runbook-block.is-check>b{color:#a87928}
.pc-feature-runbook-outcome{display:grid;gap:5px;margin-top:auto;padding:11px 12px;border-radius:12px;background:linear-gradient(110deg,#edf9f6,#f7fcfa);border:1px solid #dcefe8}
.pc-feature-runbook-outcome>span{color:#28816d;font:800 9px Vazirmatn}
.pc-feature-runbook-outcome>b{color:#496c69;font:700 10px/1.9 Vazirmatn}
@media(max-width:720px){.pc-feature-runbook{padding:16px;border-radius:18px}.pc-feature-runbook-grid{grid-template-columns:1fr}.pc-feature-runbook-card{padding:15px}}
html[data-theme=dark] .pc-feature-runbook{background:linear-gradient(145deg,#101f39,#10213d 70%);border-color:#28446c;box-shadow:0 18px 46px rgba(0,0,0,.2)}
html[data-theme=dark] .pc-feature-runbook-head h2,html[data-theme=dark] .pc-feature-runbook-card-head>b{color:#e0e9fb}
html[data-theme=dark] .pc-feature-runbook-head p,html[data-theme=dark] .pc-feature-runbook-purpose,html[data-theme=dark] .pc-feature-runbook-block p{color:#aabbd4}
html[data-theme=dark] .pc-feature-runbook-card{background:#132846;border-color:#2b496f;box-shadow:0 9px 25px rgba(0,0,0,.16)}
html[data-theme=dark] .pc-feature-runbook-card-head>i{background:#1f365b;color:#c4d4ff}
html[data-theme=dark] .pc-feature-runbook-block{background:#10213d;border-color:#29476d}
html[data-theme=dark] .pc-feature-runbook-block.is-check{background:#302b20;border-color:#57492e}
html[data-theme=dark] .pc-feature-runbook-block.is-check>b{color:#e3bd70}
html[data-theme=dark] .pc-feature-runbook-outcome{background:#143b38;border-color:#27615a}
html[data-theme=dark] .pc-feature-runbook-outcome>span{color:#8fe0c9}
html[data-theme=dark] .pc-feature-runbook-outcome>b{color:#c1e1d9}
@media(prefers-reduced-motion:reduce){.pc-feature-runbook-card{transition:none}.pc-feature-runbook-card:hover{transform:none}}

/* Payment feature pages: focused, responsive links to detailed workflows. */
.pc-feature-payment-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0;padding:18px;border:1px solid var(--pc-border,#e2e8f0);border-radius:18px;background:var(--pc-soft,#f8fafc)}.pc-feature-payment-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:13px 16px;border:1px solid var(--pc-border,#e2e8f0);border-radius:12px;background:var(--pc-card,#fff);color:var(--pc-ink,#172033);font-weight:700;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.pc-feature-payment-links a:hover{transform:translateY(-2px);border-color:var(--pc-accent,#6474e8);box-shadow:0 8px 22px #22335512}@media(max-width:640px){.pc-feature-payment-links{grid-template-columns:1fr;padding:12px}}


.sp-payment-guide-links{display:flex;flex-wrap:wrap;align-items:center;gap:7px;width:100%;margin-top:12px;padding:13px;border:1px solid #dce6f3;border-radius:14px;background:#f8fbff}
.sp-payment-guide-links b{flex:1 0 100%;color:#425779;font:800 11px/1.8 Vazirmatn,Shabnam}
.sp-payment-guide-links a{display:inline-flex;max-width:100%;padding:6px 10px;border:1px solid #dce5f2;border-radius:999px;background:#fff;color:#53688e;font:600 10px/1.8 Vazirmatn,Shabnam;text-decoration:none;overflow-wrap:anywhere}
.sp-payment-guide-links a:hover{border-color:#a9bce0;color:#334d80}
@media(max-width:640px){.sp-payment-guide-links a{flex:1 1 100%;justify-content:center}}


/* Subject-specific editorial artwork for the public guide and use-case library. */
.sp-featured-cover{position:relative;display:block;width:100%;aspect-ratio:16/9;min-width:0;overflow:hidden;margin:0;border-radius:19px;background:linear-gradient(135deg,#253d79,#4678cb 55%,#26345e);isolation:isolate;box-shadow:0 12px 30px rgba(30,48,94,.12)}
.sp-featured-cover::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(12,24,55,.02) 40%,rgba(12,24,55,.16));pointer-events:none}
.sp-featured-cover>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1);}
.sp-guide-card:hover .sp-featured-cover>img,.sp-use-card:hover .sp-featured-cover>img{transform:scale(1.045)}
.sp-featured-cover-number{position:absolute;z-index:2;inset:15px 15px auto auto;display:grid;place-items:center;gap:1px;min-width:78px;min-height:76px;padding:9px 12px;border:1px solid rgba(255,255,255,.86);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,248,255,.82));box-shadow:0 10px 26px rgba(14,29,67,.23),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#233b76;text-align:center}
.sp-featured-cover-number::before{content:"";position:absolute;inset:5px;border:1px solid rgba(89,112,189,.20);border-radius:17px;pointer-events:none}
.sp-featured-cover-number small{position:relative;z-index:1;font:800 9px/1.5 Vazirmatn,Shabnam,sans-serif;color:#687aa8;white-space:nowrap}
.sp-featured-cover-number strong{position:relative;z-index:1;font:900 28px/.95 Outfit,Montserrat,Arial,sans-serif;letter-spacing:-1px;direction:ltr;color:#233b76;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 #fff}
.sp-guide-cover{border-radius:0;aspect-ratio:16/9;box-shadow:none}
.sp-guide-detail-cover{max-height:380px;margin:16px 0 25px;border-radius:23px}
.sp-use-cover{flex:0 0 auto;margin:0 0 16px;border-radius:17px;aspect-ratio:16/9}
.sp-use-module-link{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:14px;margin-top:17px!important;padding:13px 15px!important;border:1px solid #dce4fb!important;border-radius:15px!important;background:linear-gradient(115deg,#f1f4ff 0%,#fff 68%,#f4fbff 100%)!important;color:#344b94!important;text-decoration:none!important;box-shadow:0 8px 22px rgba(49,76,151,.07);transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}
.sp-use-module-link>span{display:grid;gap:3px;min-width:0}
.sp-use-module-link small{font:700 9px/1.6 Vazirmatn;color:#8390ae}
.sp-use-module-link b{font:900 12px/1.8 Shabnam,Vazirmatn;color:#3e54a2}
.sp-use-module-link>i{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border:1px solid #d7def9;border-radius:50%;background:#fff;color:#5268c5;font:900 18px/1 Vazirmatn;font-style:normal;transition:transform .2s,background .2s,color .2s}
.sp-use-module-link:hover,.sp-use-module-link:focus-visible{transform:translateY(-2px);border-color:#aebcf2!important;box-shadow:0 13px 28px rgba(49,76,151,.13);outline:none}
.sp-use-module-link:hover>i,.sp-use-module-link:focus-visible>i{background:#5268c5;color:#fff;transform:translateX(-3px)}
html[data-theme=dark] .sp-featured-cover{box-shadow:0 14px 32px rgba(0,0,0,.24)}
html[data-theme=dark] .sp-featured-cover-number{background:linear-gradient(145deg,rgba(20,39,71,.96),rgba(26,49,86,.88));border-color:rgba(160,182,235,.52);color:#e9f0ff;box-shadow:0 10px 26px rgba(0,0,0,.35)}
html[data-theme=dark] .sp-featured-cover-number::before{border-color:rgba(177,197,246,.20)}
html[data-theme=dark] .sp-featured-cover-number small{color:#aebfe3}
html[data-theme=dark] .sp-featured-cover-number strong{color:#f2f5ff;text-shadow:none}
html[data-theme=dark] .sp-use-module-link{background:linear-gradient(115deg,#172b4c,#12213b 68%,#142b3c)!important;border-color:#314b77!important;color:#dbe6ff!important}
html[data-theme=dark] .sp-use-module-link small{color:#9aaccb}
html[data-theme=dark] .sp-use-module-link b{color:#dce5ff}
html[data-theme=dark] .sp-use-module-link>i{background:#1d355c;border-color:#3c5784;color:#cbd9ff}
@media(max-width:620px){.sp-featured-cover-number{inset:10px 10px auto auto;min-width:66px;min-height:65px;padding:7px 9px;border-radius:18px}.sp-featured-cover-number strong{font-size:24px}.sp-guide-detail-cover{margin:12px 0 20px;border-radius:17px}.sp-use-cover{margin-bottom:13px}}
@media(prefers-reduced-motion:reduce){.sp-featured-cover>img,.sp-use-module-link,.sp-use-module-link>i{transition:none!important}.sp-guide-card:hover .sp-featured-cover>img,.sp-use-card:hover .sp-featured-cover>img{transform:none}}
