:root{--ink:#121d37;--ink-soft:#4f5a77;--muted:#7c879e;--line:#e6eaf5;--blue:#407bff;--violet:#7155e9;--cyan:#19bdb4;--bg:#f8faff;--shadow:0 18px 50px rgba(39,57,116,.085);--shade:0 28px 80px rgba(52,66,131,.17);--radius:22px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--bg);font-family:Vazirmatn,Shabnam;line-height:1.9;overflow-x:clip}h1,h2,h3,h4,label,summary,.button,.eyebrow,.section-kicker,.identity b,.nav-shell a,.feature-tag{font-family:Shabnam,Vazirmatn}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}img{max-width:100%}.icon{display:inline-block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.shell{width:min(1220px,calc(100% - 68px));margin-inline:auto}.skip-link{position:absolute;z-index:100;top:-80px;right:20px;background:#162754;color:white;padding:8px 18px;border-radius:10px}.skip-link:focus{top:20px}*:focus-visible{outline:3px solid #51a1ff;outline-offset:4px}.ambient{pointer-events:none;position:absolute;z-index:-1;border-radius:50%;filter:blur(70px)}.ambient--one{width:620px;height:470px;top:100px;left:-210px;background:#e7e5ff}.ambient--two{width:450px;height:350px;right:-140px;top:50px;background:#e2f2ff}
.site-header{position:sticky;top:0;z-index:50;transition:box-shadow .2s,background .2s;border-bottom:1px solid rgba(219,228,245,.48);background:rgba(250,252,255,.78);backdrop-filter:blur(18px)}.site-header.is-scrolled{box-shadow:0 10px 30px rgba(35,55,114,.065);background:rgba(255,255,255,.92)}.nav-shell{min-height:90px;display:flex;align-items:center;gap:24px;justify-content:space-between}.identity{display:flex;align-items:center;gap:11px;flex:none}.identity img{border-radius:17px;box-shadow:0 8px 24px rgba(105,119,238,.12)}.identity span{display:flex;flex-direction:column;line-height:1.42}.identity b{font-size:22px;white-space:nowrap;letter-spacing:-.7px}.identity small{font-size:10px;color:#74829c;white-space:nowrap}.brand-accent{color:#6468e5}.primary-nav{display:flex;align-items:center;gap:4px}.primary-nav a{padding:11px 12px;font-size:13px;font-weight:600;color:#4b5777;transition:background .2s,color .2s;border-radius:13px;white-space:nowrap}.primary-nav a:hover,.primary-nav a.nav-active{color:#3e5fe1;background:#ecf0ff}.nav-actions{display:flex;align-items:center;gap:10px}.nav-login{display:flex;align-items:center;gap:7px;padding:10px;color:#203458;font-size:13px;font-weight:700;white-space:nowrap}.nav-login .icon{width:17px;height:17px}.button{border:0;display:inline-flex;gap:10px;align-items:center;justify-content:center;border-radius:14px;padding:12px 22px;font-weight:700;font-size:14px;transition:transform .22s,box-shadow .22s,background .22s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button--gradient{color:#fff;background:linear-gradient(110deg,#5367eb,#7656ec 58%,#9058ee);box-shadow:0 9px 28px rgba(100,92,232,.26)}.button--gradient:hover{box-shadow:0 15px 30px rgba(100,92,232,.35)}.button--small{font-size:12px;padding:11px 17px}.button--small .icon{width:16px}.button--large{padding:15px 24px;font-size:15px;border-radius:16px}.button--outline{background:white;color:#4e5edc;border:1.5px solid #b9c5fb;box-shadow:0 5px 22px rgba(75,91,164,.055)}.button--outline:hover{border-color:#697de9;background:#f8f9ff}.menu-toggle{display:none;border:0;background:white;padding:10px;border-radius:12px;box-shadow:0 3px 15px rgba(20,35,91,.08)}.menu-toggle span{display:block;background:#394b72;width:22px;height:2px;margin:5px 0;border-radius:2px}
.hero{min-height:690px;padding-top:82px;padding-bottom:65px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:24px;position:relative}.hero-copy{position:relative;z-index:3}.eyebrow{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(90deg,#e5faf1,#edfbf7);border:1px solid #d5f4e6;color:#168a65;border-radius:50px;font-size:12px;padding:8px 14px;font-weight:700}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#14c784;box-shadow:0 0 0 5px #14c78422;animation:pulse 2s infinite}.hero h1{font-size:clamp(35px,3.45vw,55px);line-height:1.65;margin:25px 0 17px;letter-spacing:-1.3px;font-weight:800;color:#111c37}.hero h1 em{font-style:normal;background:linear-gradient(106deg,#365eec,#7653e9 65%,#b24edd);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-subtitle{color:#5e6c84;font-size:16px;line-height:2.1;margin:0 0 28px;max-width:560px}.hero-cta{display:flex;flex-wrap:wrap;gap:12px}.hero-cta .icon,.closing-card .icon{height:18px;width:18px}.play-symbol{font-size:11px;display:grid;place-items:center;width:22px;height:22px;border:1px solid #6e80ea;border-radius:50%}.hero-trust{display:flex;flex-wrap:wrap;gap:10px 21px;margin-top:25px;font-size:11px;color:#68758e}.hero-trust span{display:inline-flex;align-items:center;gap:5px}.hero-trust .icon{color:#19b57b;width:16px;height:16px;stroke-width:3}.hero-scene{position:relative;min-height:550px;display:flex;align-items:center;justify-content:center;perspective:1150px}.hero-halo{width:560px;height:430px;position:absolute;border-radius:50%;background:radial-gradient(ellipse,#dcd7ff 0%,#dcefff 42%,transparent 72%);filter:blur(12px);transform:rotate(-20deg)}.demo-window{width:min(100%,580px);position:relative;z-index:2;min-height:447px;background:#fff;border:1px solid #dae4f9;border-radius:24px;display:grid;grid-template-columns:62px 1fr;overflow:hidden;box-shadow:0 44px 90px rgba(57,72,141,.16),0 8px 28px rgba(80,90,157,.1);transform:rotate(-2deg);transition:transform .45s}.hero-scene:hover .demo-window{transform:rotate(0deg) translateY(-5px)}.demo-sidebar{background:linear-gradient(180deg,#202f5d,#152344);padding:14px 9px;display:flex;flex-direction:column;align-items:center;gap:16px;color:#9eaedb}.demo-sidebar>img{border-radius:13px;margin-bottom:14px}.demo-sidebar>div{width:36px;height:36px;display:grid;place-items:center;border-radius:10px}.demo-sidebar .demo-side-active{background:#5369d3;color:white}.demo-sidebar .icon{width:18px;height:18px}.demo-main{background:linear-gradient(125deg,#fcfdff,#f6f8fd);padding:24px 20px 21px;min-width:0}.demo-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.demo-top span:first-child{display:flex;flex-direction:column;line-height:1.7}.demo-top strong{font-family:Shabnam,Vazirmatn;font-size:18px}.demo-top small{font-size:10px;color:#8692ac}.demo-avatar{display:grid;place-items:center;width:35px;height:35px;background:#e5e8ff;color:#4a59bd;border-radius:50%;font-weight:800;font-size:11px}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.demo-metrics>div{border:1px solid #e9edf7;border-radius:13px;min-height:91px;background:white;padding:10px;display:flex;align-items:flex-start;flex-direction:column;gap:3px}.demo-metrics small{font-size:9px;color:#818ba4}.demo-metrics b{font-size:11px;color:#1f2a49}.metric-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;margin-bottom:3px}.metric-icon .icon{width:15px;height:15px}.metric-icon.blue{background:#e8f5ff;color:#2587dd}.metric-icon.purple{background:#efeaff;color:#7454df}.metric-icon.green{background:#e3fbef;color:#19a76d}.demo-grid{display:grid;grid-template-columns:1.35fr .95fr;gap:12px}.demo-graph,.demo-task{background:white;border:1px solid #e9edf7;padding:12px;border-radius:15px;min-width:0}.mini-header{display:flex;justify-content:space-between;align-items:center;gap:7px}.mini-header b{font-size:10px}.mini-tag{font-size:8px;background:#f0eeff;color:#7263c8;padding:3px 8px;border-radius:20px}.mini-tag.green-tag{background:#e7f9f0;color:#25a674}.demo-graph svg{width:100%;height:135px;margin-top:12px;display:block}.graph-legend{display:flex;justify-content:space-between;align-items:center;color:#8d99af;font-size:9px}.graph-legend span{display:flex;align-items:center;gap:5px}.graph-legend i{display:inline-block;width:8px;height:8px;background:#6576ed;border-radius:50%}.graph-legend small{font-size:8px}.task-line{display:flex;align-items:center;gap:5px;margin-top:17px;font-size:9px;color:#67738d}.task-check{display:grid;place-items:center;font-weight:bold;width:15px;height:15px;background:#dbf8e6;color:#0aa366;border-radius:5px}.demo-inbox{display:flex;gap:8px;align-items:center;margin-top:12px;border-radius:13px;border:1px solid #e9edf7;background:#fff;padding:10px}.avatar-bubble{background:#e9eeff;color:#7461ec;width:30px;height:30px;display:grid;place-items:center;border-radius:10px}.demo-inbox>span:nth-child(2){display:flex;flex-direction:column;flex:1}.demo-inbox b{font-size:10px}.demo-inbox small{font-size:9px;color:#8d97ae}.demo-inbox-action{font-size:8px;background:#eff3ff;color:#5569c3;border-radius:7px;padding:4px 7px}.float-note{position:absolute;z-index:4;background:rgba(255,255,255,.96);display:flex;gap:10px;align-items:center;border:1px solid #e9ecf9;padding:12px 15px;border-radius:16px;box-shadow:0 15px 50px rgba(76,95,160,.15);animation:float 5s ease-in-out infinite}.float-note>span:last-child{display:flex;flex-direction:column;line-height:1.6}.float-note b{font-size:11px}.float-note small{font-size:10px;color:#8290a8}.float-note--top{top:38px;right:-10px}.float-note--bottom{bottom:29px;left:-18px;animation-delay:1s}.round-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:13px}.round-icon.mint{background:#e5faf2;color:#1eb77c}.round-icon.lilac{background:#eeeaff;color:#745ee3}
.trust-strip{margin-top:-6px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.95);border:1px solid #e7ebf6;border-radius:23px;box-shadow:var(--shadow);padding:22px 18px;position:relative;z-index:4}.trust-strip>div{display:grid;grid-template-columns:48px 1fr;column-gap:12px;align-items:center;padding:8px 20px;border-left:1px solid #e8ecf5}.trust-strip>div:last-child{border-left:0}.trust-icon{grid-row:span 2;width:45px;height:45px;border-radius:15px;display:grid;place-items:center;background:#f0eaff;color:#825cde}.trust-icon.blue{background:#e5f2ff;color:#247fe8}.trust-icon.mint{background:#e3f9ee;color:#1ca971}.trust-icon.rose{background:#ffebf3;color:#d9699c}.trust-strip b{font-size:13px}.trust-strip small{font-size:11px;color:#8692a6}
.section{padding-block:100px}.section-heading{max-width:720px;margin-bottom:43px}.section-heading.center{text-align:center;margin-inline:auto}.section-kicker{display:inline-flex;align-items:center;gap:7px;color:#6d57d5;background:#f0ecff;border-radius:30px;font-size:12px;font-weight:700;padding:6px 15px}.section-heading h2,.showcase-copy h2,.automation-content h2,.closing-card h2{font-size:clamp(23px,2.5vw,34px);line-height:1.65;letter-spacing:-.6px;margin:16px 0 10px}.section-heading p{color:#77829a;font-size:14px;line-height:2;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.feature-card{background:#fff;border:1px solid #e9edf5;border-radius:21px;min-height:270px;padding:28px;position:relative;overflow:hidden;box-shadow:0 6px 16px rgba(23,49,115,.025);transition:transform .3s,border .3s,box-shadow .3s}.feature-card::after{content:'';position:absolute;left:-30px;top:-45px;width:130px;height:130px;background:radial-gradient(circle,rgba(120,125,230,.07),transparent 68%)}.feature-card:hover{transform:translateY(-8px);border-color:#cfd6fa;box-shadow:var(--shadow)}.feature-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;margin-bottom:20px}.feature-icon .icon{width:27px;height:27px}.feature-icon.sky{background:#e4f2ff;color:#2486ee}.feature-icon.violet{background:#efe9ff;color:#8056df}.feature-icon.mint{background:#e3faef;color:#10b982}.feature-icon.gold{background:#fff3e4;color:#df982b}.feature-icon.pink{background:#ffeaf3;color:#d865a0}.feature-icon.indigo{background:#ecedff;color:#6061e6}.feature-card h3{font-size:18px;margin:0 0 9px}.feature-card p{font-size:13px;line-height:2.05;color:#78839b;margin:0 0 13px}.feature-tag{display:inline-flex;color:#6978d6;font-weight:700;font-size:10px;background:#f2f4ff;padding:4px 10px;border-radius:10px}
.showcase-section{background:linear-gradient(120deg,#f1f5ff 5%,#f8fbff 60%,#f3f4ff);padding-block:105px;overflow:hidden}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.showcase-copy>p{color:#748199;line-height:2.1;font-size:14px;max-width:515px}.steps{display:grid;gap:20px;margin-block:30px}.steps>div{display:flex;gap:16px}.steps>div>span{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;border-radius:14px;background:white;color:#6b61e2;font-family:Shabnam;font-weight:bold;box-shadow:0 6px 20px #43549c16}.steps h3{font-size:15px;margin:0}.steps p{font-size:12px;color:#7f8aa0;margin:2px 0 0}.text-link{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:#6262de;font-family:Shabnam;font-weight:700}.text-link .icon{width:16px;height:16px;transition:transform .2s}.text-link:hover .icon{transform:translateX(-5px)}.workflow-art{min-height:475px;display:grid;place-items:center;position:relative}.workflow-glow{position:absolute;inset:0;border-radius:50%;filter:blur(30px);background:radial-gradient(ellipse,#d6ddff 0%,transparent 65%)}.flow-board{z-index:2;width:85%;background:white;box-shadow:var(--shade);border:1px solid #e3e9fb;border-radius:24px;padding:30px 28px;transform:rotate(3deg)}.flow-title{display:flex;align-items:center;justify-content:space-between;font-family:Shabnam;font-size:17px;font-weight:700;padding-bottom:20px;border-bottom:1px solid #e9edf7}.tiny-dots{color:#aab3c8;letter-spacing:3px}.flow-row{display:flex;align-items:center;gap:14px;padding:15px 8px;border-radius:14px}.flow-row.active{background:#f5f6ff}.flow-num{background:#f1f4ff;color:#6a6be4;font-family:Shabnam;font-weight:bold;display:grid;place-items:center;border-radius:13px;width:42px;height:42px}.flow-row.active .flow-num{background:#6d65e6;color:#fff}.flow-row>div{flex:1;display:flex;flex-direction:column;line-height:1.8}.flow-row b{font-size:14px}.flow-row small{font-size:10px;color:#7e8aa3}.flow-status{font-size:10px;background:#e6f9f0;color:#19a774;padding:4px 9px;border-radius:10px}.flow-connector{height:14px;margin-right:28px;border-right:2px dashed #cad2ee}.floating-chip{position:absolute;z-index:4;background:white;border:1px solid #e7e9fb;border-radius:12px;box-shadow:0 12px 35px rgba(55,73,140,.12);font-size:12px;font-weight:700;padding:12px 15px}.floating-chip-a{top:24px;left:5px;transform:rotate(-8deg)}.floating-chip-b{bottom:22px;right:10px;display:flex;align-items:center;gap:7px;transform:rotate(-4deg)}.floating-chip-b .icon{color:#18b783}.chip-star{color:#9e65f0}
.platform-list{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.platform-pill{display:inline-flex;align-items:center;gap:10px;border-radius:15px;padding:12px 18px;background:#fff;border:1px solid #e6ebf6;box-shadow:0 5px 25px #364b840b;font-weight:700;font-family:Shabnam;font-size:13px;transition:transform .25s,border-color .25s}.platform-pill:hover{transform:translateY(-5px);border-color:#c8d3f8}.social-dot{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;color:white;font-size:15px;font-family:Shabnam,Vazirmatn;font-weight:800;font-style:normal}.instagram{background:linear-gradient(40deg,#ffc04f,#e62c86,#8d4be2)}.telegram{background:#28a6e4}.youtube{background:#f42b47}.linkedin{background:#1677bd}.facebook{background:#3973d5}.whatsapp{background:#23bf76}.bale{background:#1bbca7}.eitaa{background:#ff9b3d}.rubika{background:linear-gradient(40deg,#20a5db,#804ed8)}
.automation-card{background:linear-gradient(116deg,#222f67,#4a47b7 72%,#6348be);color:#fff;border-radius:30px;display:grid;grid-template-columns:1fr .85fr;position:relative;overflow:hidden;padding:58px 70px;min-height:430px}.automation-card::after{content:'';position:absolute;width:600px;height:600px;left:-240px;top:-240px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 150px rgba(255,255,255,.018)}.automation-content{position:relative;z-index:4}.section-kicker.on-dark{background:rgba(255,255,255,.12);color:#e0dcff}.automation-content h2{max-width:450px}.automation-content p{font-size:13px;color:#d2d8fa;line-height:2.1;max-width:495px}.automation-benefits{display:flex;flex-wrap:wrap;gap:12px 20px;margin:22px 0 30px}.automation-benefits span{font-size:11px;display:flex;align-items:center;gap:5px;color:#edeeff}.automation-benefits .icon{width:15px;height:15px;color:#7ff0c8}.button--white{background:#fff;color:#403dba;box-shadow:0 9px 30px rgba(3,9,46,.16)}.automation-art{display:grid;place-items:center;position:relative}.schedule-card{position:relative;z-index:2;background:#fff;color:#1d2b53;border:1px solid #e4e9fc;width:300px;transform:rotate(-7deg);padding:24px;border-radius:20px;box-shadow:0 35px 60px rgba(12,18,65,.3)}.schedule-card>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#9199b1}.schedule-card>div:first-child b{font-size:14px;color:#223151}.schedule-days,.schedule-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:20px}.schedule-days span{font-size:10px;color:#929cb1;text-align:center}.schedule-grid{margin-top:12px}.schedule-grid i{width:22px;height:22px;border-radius:7px;background:#edf0f9}.schedule-grid i.selected{background:#7070f5;box-shadow:0 6px 12px #6e7afb50}.schedule-foot{display:flex;flex-direction:column;gap:10px;margin-top:21px}.schedule-foot span{height:9px;width:80%;border-radius:10px;background:#edf0f8}.schedule-foot span:last-child{width:56%}
.faq-section{padding-top:95px}.faq-list{max-width:850px;margin-inline:auto;display:grid;gap:12px}.faq-list details{background:white;border:1px solid #e6eaf5;border-radius:16px;padding:2px 23px;transition:border-color .2s,box-shadow .2s}.faq-list details[open]{border-color:#cdd5f8;box-shadow:0 12px 25px rgba(57,70,139,.06)}.faq-list summary{font-weight:700;font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:17px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{width:18px;height:18px;color:#7d84a0;transition:transform .2s}.faq-list details[open] summary .icon{transform:rotate(180deg)}.faq-list p{color:#727f99;font-size:13px;line-height:2.1;margin:0;padding:0 0 22px}
.closing-section{padding-top:20px;padding-bottom:100px}.closing-card{display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:27px;padding:55px 70px;background:radial-gradient(circle at left bottom,#e9e6ff 0%,transparent 38%),linear-gradient(116deg,#fff,#f0f4ff);border:1px solid #e2e6f8;box-shadow:var(--shadow)}.closing-card>div:first-child{max-width:740px}.closing-card h2{margin:10px 0;font-size:28px}.closing-card p{font-size:13px;color:#707c95;margin-bottom:22px}.closing-ornament{position:relative;width:170px;min-width:170px}.closing-ornament img{width:145px;height:145px;filter:drop-shadow(0 20px 24px #7076d82c);animation:float 6s ease-in-out infinite}.closing-ornament span{position:absolute;top:-20px;left:-15px;color:#ab70ed;font-size:44px}
.site-footer{background:#fff;border-top:1px solid #e8ecf7}.footer-top{padding:46px 0;display:flex;align-items:center;gap:42px}.footer-top .identity b{font-size:18px}.footer-top p{flex:1;max-width:360px;font-size:12px;color:#7e89a0;line-height:2.1}.footer-top nav{display:flex;gap:16px;flex-wrap:wrap}.footer-top nav a{font-size:12px;font-weight:700;color:#62708f}.footer-top nav a:hover{color:#655ae0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #edf0f7;padding:21px 0;color:#9aa3b3;font-size:11px}.to-top{position:fixed;z-index:20;left:25px;bottom:25px;width:44px;height:44px;border:1px solid #dfe5fa;border-radius:14px;background:#fff;color:#5867d9;display:grid;place-items:center;box-shadow:0 8px 25px #2838671f;opacity:0;transform:translateY(20px);pointer-events:none;transition:.25s}.to-top.visible{opacity:1;transform:none;pointer-events:auto}.to-top .icon{transform:rotate(90deg)}
[data-reveal]{transition:opacity .6s,transform .6s}[data-reveal].will-reveal{opacity:0;transform:translateY(18px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes pulse{50%{box-shadow:0 0 0 10px #14c78408}}
@media(max-width:1180px){.shell{width:min(1100px,calc(100% - 44px))}.nav-shell{gap:12px}.primary-nav a{padding:10px 7px;font-size:12px}.nav-login{display:none}.identity b{font-size:19px}.hero{gap:5px}.demo-window{transform:rotate(-1deg)}.hero h1{font-size:clamp(32px,3.25vw,46px)}.trust-strip>div{padding:8px 12px}.showcase-grid{gap:35px}}
@media(max-width:940px){.nav-shell{min-height:75px}.primary-nav{display:none;position:absolute;right:22px;left:22px;top:80px;background:#fff;box-shadow:var(--shade);border:1px solid #e6ebfa;border-radius:20px;padding:14px;flex-direction:column;align-items:stretch;z-index:80}.primary-nav.is-open{display:flex}.primary-nav a{font-size:14px;padding:11px 14px}.menu-toggle{display:block}.nav-actions{margin-right:auto}.hero{grid-template-columns:1fr;padding-top:65px;gap:8px}.hero-copy{text-align:center}.hero-subtitle{max-width:710px;margin-inline:auto}.hero-cta,.hero-trust{justify-content:center}.hero-scene{min-height:500px}.demo-window{width:620px;max-width:91%}.trust-strip{grid-template-columns:repeat(2,1fr)}.trust-strip>div:nth-child(2){border-left:none}.trust-strip>div:nth-child(-n+2){border-bottom:1px solid #e8ecf5}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-grid{grid-template-columns:1fr}.showcase-copy{text-align:center}.showcase-copy>p{margin-inline:auto}.steps{max-width:550px;margin-inline:auto;text-align:right}.workflow-art{min-height:430px;max-width:600px;width:100%;margin-inline:auto}.automation-card{padding:45px;grid-template-columns:1fr 320px}.automation-art{min-width:0}.schedule-card{width:245px}.footer-top{gap:18px;flex-wrap:wrap}.footer-top p{min-width:260px}}
@media(max-width:630px){html{scroll-padding-top:80px}.shell{width:calc(100% - 32px)}.nav-shell{min-height:69px}.identity img{width:43px;height:43px;border-radius:13px}.identity b{font-size:18px}.identity small{font-size:8px}.nav-actions .button{padding:10px 12px;font-size:10px}.nav-actions .button .icon{display:none}.menu-toggle{padding:8px}.hero{padding-top:44px;min-height:0}.eyebrow{font-size:10px}.hero h1{font-size:34px;line-height:1.7;margin:17px 0}.hero-subtitle{font-size:13px;line-height:2.15}.hero-cta{gap:10px}.hero-cta .button{font-size:11px;padding:12px 13px}.hero-trust{font-size:10px}.hero-scene{min-height:365px;margin-top:15px}.demo-window{width:100%;max-width:100%;min-height:306px;grid-template-columns:42px 1fr;border-radius:15px;transform:none}.demo-sidebar{padding:10px 4px;gap:12px}.demo-sidebar>img{width:31px;height:31px;margin-bottom:7px}.demo-sidebar>div{width:30px;height:30px}.demo-main{padding:12px 9px}.demo-top{margin-bottom:11px}.demo-top strong{font-size:12px}.demo-top small{font-size:8px}.demo-avatar{width:29px;height:29px;font-size:8px}.demo-metrics{gap:5px;margin-bottom:7px}.demo-metrics>div{min-height:65px;border-radius:8px;padding:5px}.demo-metrics small{font-size:7px}.demo-metrics b{font-size:8px}.metric-icon{width:20px;height:20px;border-radius:6px}.metric-icon .icon{width:12px;height:12px}.demo-grid{gap:5px}.demo-graph,.demo-task{border-radius:9px;padding:7px}.mini-header b{font-size:8px}.mini-tag{font-size:6px;padding:2px 4px}.demo-graph svg{height:81px;margin-top:3px}.graph-legend{font-size:6px}.graph-legend small{font-size:6px}.task-line{font-size:6px;margin-top:9px;gap:3px}.task-check{width:11px;height:11px}.demo-inbox{margin-top:7px;padding:6px}.demo-inbox b{font-size:8px}.demo-inbox small{font-size:6px}.avatar-bubble{width:24px;height:24px}.demo-inbox-action{font-size:6px}.float-note{padding:7px 10px;border-radius:9px}.float-note b{font-size:9px}.float-note small{font-size:7px}.float-note--top{top:-15px;right:0}.float-note--bottom{bottom:-11px;left:0}.round-icon{width:25px;height:25px;border-radius:8px}.round-icon .icon{width:14px;height:14px}.trust-strip{margin-top:15px;padding:8px;gap:0;border-radius:17px}.trust-strip>div{grid-template-columns:34px 1fr;gap:4px 8px;padding:10px 6px}.trust-icon{width:32px;height:32px;border-radius:10px}.trust-icon .icon{width:17px;height:17px}.trust-strip b{font-size:10px}.trust-strip small{font-size:8px}.section{padding-block:64px}.section-heading{margin-bottom:24px}.section-heading h2,.showcase-copy h2,.automation-content h2,.closing-card h2{font-size:22px}.section-heading p{font-size:12px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card{min-height:0;padding:23px}.feature-card h3{font-size:16px}.feature-card p{font-size:12px}.showcase-section{padding-block:65px}.showcase-copy>p{font-size:12px}.workflow-art{min-height:365px}.flow-board{padding:20px 15px;width:95%}.flow-title{font-size:14px}.flow-row{gap:8px}.flow-row b{font-size:11px}.flow-row small{font-size:8px}.flow-status{font-size:8px}.flow-num{width:34px;height:34px}.floating-chip-a{left:-5px;top:5px}.floating-chip-b{right:0;bottom:7px}.floating-chip{font-size:9px;padding:8px}.platform-list{gap:9px}.platform-pill{padding:9px 12px;font-size:11px}.social-dot{width:25px;height:25px}.automation-card{padding:28px 23px;grid-template-columns:1fr;gap:35px}.automation-content h2{font-size:25px}.automation-content p{font-size:12px}.automation-art{height:250px}.schedule-card{width:230px;padding:18px}.faq-list details{padding:0 15px}.faq-list summary{font-size:12px}.faq-list p{font-size:12px}.closing-section{padding-bottom:70px}.closing-card{padding:30px 24px}.closing-card h2{font-size:22px}.closing-ornament{display:none}.footer-top{display:grid;gap:12px;padding:32px 0}.footer-top p{min-width:0}.footer-bottom{flex-direction:column;gap:7px}.to-top{left:13px;bottom:13px;width:37px;height:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal].will-reveal{opacity:1;transform:none}}

/* Accessible hover and keyboard-focus tooltips for supported network labels */
.has-tooltip{position:relative;cursor:help}
.has-tooltip::after{content:attr(data-tooltip);position:absolute;z-index:8;bottom:calc(100% + 11px);right:50%;transform:translateX(50%) translateY(4px);background:#1f2b4e;color:#fff;border-radius:10px;padding:8px 12px;box-shadow:0 8px 18px #0e1a3b30;min-width:195px;max-width:245px;width:max-content;white-space:normal;font:11px/1.8 Vazirmatn,Shabnam;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;text-align:center}
.has-tooltip:hover::after,.has-tooltip:focus-visible::after{opacity:1;transform:translateX(50%) translateY(0)}
/* In RTL browsers, large decorative halos must not shift the initial horizontal viewport. */
html{overflow-x:clip}
.ambient--one{left:0;width:min(620px,100vw)}.ambient--two{right:0;width:min(450px,100vw)}
.hero-scene{overflow:clip}

/* Keep the inline accent inside the brand name rather than a separate flex line. */
.identity > span{display:flex;flex-direction:column}
.identity b .brand-accent{display:inline;white-space:nowrap}
.float-note--bottom{left:5px}.float-note--top{right:5px}

.details-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px;border:1px solid #e9edfa;background:linear-gradient(90deg,#fbfcff,#f4f6ff);padding:15px;border-radius:20px}
.details-ribbon>div{display:grid;grid-template-columns:34px 1fr;column-gap:9px;align-items:center;padding:8px 10px}
.details-ribbon .icon{grid-row:span 2;width:29px;height:29px;color:#6b70e5;padding:5px;border-radius:10px;background:#ecedff}
.details-ribbon b{font:700 12px Shabnam,Vazirmatn}.details-ribbon small{font:10px Vazirmatn,Shabnam;color:#8992a8}
@media(max-width:940px){.details-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.details-ribbon{grid-template-columns:1fr}}

/* Editorial typographic system: Shabnam headings/labels/buttons, Vazirmatn body. */
:root{--type-heading:Shabnam,Vazirmatn;--type-body:Vazirmatn,Shabnam}
body,p,li,small,.feature-card p,.capability-copy p,.connection-card p,.faq-list p,.hero-subtitle{font-family:var(--type-body)}
h1,h2,h3,h4,h5,h6,label,summary,.button,.section-kicker,.eyebrow,.feature-tag,.cap-tab,.connection-label,.connection-points,.capability-num,.capability-art b{font-family:var(--type-heading)}
h1,h2,h3{letter-spacing:-.025em}p{line-height:2.05}
.capability-section{position:relative}.capability-browser{background:linear-gradient(150deg,#fff 20%,#f8faff);border:1px solid #e4e9f7;box-shadow:0 30px 90px #343f8614;border-radius:30px;padding:18px;overflow:hidden}
.capability-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:7px;background:#f3f5ff;border-radius:21px}
.cap-tab{display:flex;justify-content:center;align-items:center;gap:9px;min-width:0;border:1px solid transparent;background:transparent;color:#6b7593;border-radius:15px;cursor:pointer;padding:16px 10px;font-size:13px;font-weight:700;transition:.25s}
.cap-tab .icon{width:19px;height:19px}.cap-tab.is-selected,.cap-tab[aria-selected="true"]{background:#fff;color:#6153dc;border-color:#e5e9fa;box-shadow:0 8px 20px #4656a618}.cap-tab:hover{color:#5851c6}.cap-tab:focus-visible{outline:3px solid #91a4ff;outline-offset:2px}
.capability-pane{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center;padding:50px 48px;min-height:380px}.capability-pane[hidden]{display:none!important}
.capability-num{color:#6956cf;font-size:12px;background:#f0edff;padding:6px 14px;border-radius:40px;display:inline-block}.capability-copy h3{font-size:clamp(20px,2.1vw,28px);line-height:1.75;margin:17px 0 9px}.capability-copy p{color:#748199;font-size:13px}.capability-copy ul{padding:0;margin:22px 0 0;list-style:none;display:grid;gap:12px}.capability-copy li{font-size:12px;color:#344361;padding-right:28px;position:relative}.capability-copy li:before{content:'✓';position:absolute;right:0;top:0;color:#169e72;font-weight:900}
.capability-art{position:relative;background:radial-gradient(circle at 10% 10%,#e4ecff,transparent 60%),radial-gradient(circle at 90% 90%,#efebff,transparent 65%),#f5f8ff;border:1px solid #dfe7fb;padding:28px;border-radius:26px;box-shadow:inset 0 0 25px #ffffffa9;min-height:290px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.cap-art-pill{align-self:flex-start;background:#fff;color:#6255d8;padding:9px 15px;border-radius:13px;display:flex;align-items:center;gap:8px;font:700 12px var(--type-heading);box-shadow:0 10px 18px #4b60b619}.cap-art-pill .icon{width:18px;height:18px}.cap-art-row{display:flex;align-items:center;gap:12px;border:1px solid #e4e9f8;border-radius:17px;background:#fff;padding:12px;box-shadow:0 12px 28px #4d5eac14}.cap-art-avatar{flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:#e3f9f2;color:#11996c;display:grid;place-items:center;font-weight:800}.cap-art-avatar.violet-bg{background:#eeebff;color:#7057db}.cap-art-row>span:nth-child(2){flex:1;display:flex;flex-direction:column}.cap-art-row b{font-size:12px}.cap-art-row small{font-size:10px;color:#8e9bb0}.cap-art-check{color:#16a578;font-size:20px}.cap-art-footer{text-align:center;color:#7f8ba4;font-size:11px}.cap-art-message{background:#fff;padding:19px 22px;border:1px solid #e8ecf8;border-radius:15px;font-size:13px;color:#4e5c77;line-height:2}.cap-tone-row{display:flex;gap:8px;flex-wrap:wrap}.cap-tone-row span{background:#fff;border:1px solid #e0e6fa;border-radius:9px;padding:5px 12px;font-size:11px;color:#6857d2}
.connection-section{padding-top:55px}.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.connection-card{position:relative;padding:36px;border-radius:26px;background:#fff;border:1px solid #e5eafb;box-shadow:0 20px 65px #3e54a714;overflow:hidden;transition:transform .25s,box-shadow .25s}.connection-card:hover{transform:translateY(-5px);box-shadow:0 25px 70px #3e54a723}.connection-card--api{background:linear-gradient(150deg,#fff,#f4f6ff)}.connection-card--browser{background:linear-gradient(150deg,#fff,#f2fbff)}.connection-symbol{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#e5eafa;color:#615bdb}.connection-symbol .icon{width:28px;height:28px}.connection-label{display:inline-block;color:#6b5cce;font-size:12px;margin-top:22px}.connection-card h3{font-size:24px;margin:6px 0 12px}.connection-card p{font-size:13px;color:#74809a;line-height:2.15;min-height:90px}.connection-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.connection-points span{background:#fff;border:1px solid #e4eaf8;border-radius:10px;padding:8px 12px;font-size:11px;color:#60718c}
@media(max-width:940px){.capability-pane{gap:25px;padding:30px 20px}}
@media(max-width:720px){.capability-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.cap-tab{font-size:11px;padding:13px 7px}.capability-pane{grid-template-columns:1fr;padding:24px 12px;gap:24px}.capability-art{min-height:260px;padding:18px}.connection-grid{grid-template-columns:1fr}.connection-card{padding:28px}.connection-card p{min-height:0}.capability-browser{padding:10px;border-radius:20px}}
@media(prefers-reduced-motion:reduce){.connection-card:hover{transform:none}}

/* 1.18.0: twelve-card capabilities + accessible scenario section. */
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.feature-card{min-width:0;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.feature-card:hover{transform:translateY(-6px);box-shadow:0 22px 45px rgba(68,76,150,.12);border-color:#d8dcf9}
.usecase-section{padding-top:22px}.usecase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.usecase-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e5eafa;border-radius:25px;background:linear-gradient(150deg,#fff 10%,#f8faff 100%);padding:31px;box-shadow:0 16px 50px rgba(41,58,115,.065);transition:transform .25s,box-shadow .25s}
.usecase-card:before{content:'';position:absolute;width:155px;height:155px;border-radius:50%;background:radial-gradient(circle,#dce5ff99,transparent 72%);left:-40px;top:-40px;pointer-events:none;z-index:-1}
.usecase-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px #5367aa1a}
.usecase-number{position:absolute;top:22px;left:23px;font:800 27px Shabnam,Vazirmatn;color:#e2e6f6}
.usecase-symbol{display:grid;place-items:center;width:55px;height:55px;border-radius:17px;background:#eaefff;color:#5b61da;box-shadow:0 7px 14px #5161be13}
.usecase-symbol .icon{width:26px;height:26px}.usecase-card:nth-child(2) .usecase-symbol{background:#f2ebff;color:#8957db}.usecase-card:nth-child(3) .usecase-symbol{background:#e7faf2;color:#1f9b74}
.usecase-card h3{font:700 19px/1.8 Shabnam,Vazirmatn;margin:19px 0 11px}.usecase-card p{font:400 13px/2.15 Vazirmatn,Shabnam;color:#72809a;margin:0;min-height:118px}
.usecase-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.usecase-tags span{font:700 10.5px/1.6 Shabnam,Vazirmatn;color:#5c69a2;padding:7px 10px;background:#f0f3ff;border-radius:9px}
/* Explicit font contract: headline-like labels vs readable text. */
body, p, li, blockquote, small, input, textarea, select, .cap-art-message, .flow-row small, .feature-card p, .usecase-card p{font-family:Vazirmatn,Shabnam}
h1,h2,h3,h4,h5,h6,label,legend,summary,button,.button,.primary-nav a,.section-kicker,.feature-tag,.feature-card h3,.usecase-card h3,.usecase-tags span,.faq-list summary,.cap-tab,.connection-label,.connection-points span,.eyebrow{font-family:Shabnam,Vazirmatn}
@media(max-width:940px){.feature-grid,.usecase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usecase-card p{min-height:0}}
@media(max-width:630px){.feature-grid,.usecase-grid{grid-template-columns:1fr}.usecase-card{padding:25px}.usecase-card h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.feature-card:hover,.usecase-card:hover{transform:none}}
/* Branded heading-like labels not expressed as h-tags. */
.identity b,.demo-top strong,.demo-metrics strong,.flow-title,.flow-row b,.platform-pill,.nav-login,.footer-top nav a,.hero-trust span,.automation-benefits span{font-family:Shabnam,Vazirmatn}

/* SAA 1.19.1 — refined public navigation, typography and subscription cards. */
.site-header{position:sticky;top:0;isolation:isolate}.nav-dropdown{position:relative}.nav-dropdown>summary{list-style:none;display:flex;align-items:center;gap:5px;padding:10px 12px;border-radius:12px;color:#4b5777;font:700 12px Shabnam,Vazirmatn;cursor:pointer;white-space:nowrap}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary:hover,.nav-dropdown[open]>summary{background:#edf0ff;color:#4b55d5}.nav-dropdown .icon{width:16px;height:16px}.nav-dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;width:310px;padding:9px;background:#fff;border:1px solid #e5eafa;border-radius:19px;box-shadow:0 22px 60px #263a791f;display:grid;grid-template-columns:1fr;gap:3px}.nav-dropdown-menu:before{content:"";position:absolute;right:26px;top:-6px;width:11px;height:11px;transform:rotate(45deg);background:#fff;border-left:1px solid #e5eafa;border-top:1px solid #e5eafa}.nav-dropdown-menu a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;white-space:normal}.nav-dropdown-menu a:hover{background:#f4f6ff}.nav-dropdown-menu a>.icon{width:20px;height:20px;color:#625ee0;background:#eeefff;border-radius:7px;padding:3px;box-sizing:content-box}.nav-dropdown-menu a span{display:grid;gap:1px}.nav-dropdown-menu b{font:700 11px Shabnam,Vazirmatn;color:#293653}.nav-dropdown-menu small{font:10px Vazirmatn,Shabnam;color:#8290a8}.nav-chevron{transition:transform .2s}.nav-dropdown[open] .nav-chevron{transform:rotate(180deg)}
.hero h1{font-size:clamp(30px,2.75vw,43px);line-height:1.72;max-width:600px}.hero-subtitle{font-size:14px}.public-plan-grid{align-items:stretch}.public-plan-card{position:relative;display:flex;flex-direction:column;min-height:100%;padding:27px 23px 22px;border:1px solid #e2e8fa;border-radius:25px;background:linear-gradient(155deg,#fff 0%,#fbfcff 62%,#f3f5ff 100%);box-shadow:0 17px 48px #344a8910;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.public-plan-card:hover{transform:translateY(-7px);border-color:#c9d2ff;box-shadow:0 26px 60px #344a891b}.public-plan-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#4c82f5,#7859e8,#ba68d8)}.public-plan-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.public-plan-card-top>span{font:700 16px Shabnam,Vazirmatn;color:#273553}.public-plan-card-top small{padding:5px 9px;border-radius:30px;background:#eef1ff;color:#6268c9;font:600 10px Vazirmatn,Shabnam}.public-plan-price{margin:18px 0 7px;font:800 clamp(23px,2vw,30px) Shabnam,Vazirmatn;color:#4c56c9;letter-spacing:-.5px}.public-plan-description{font-size:11px;color:#78859d;min-height:46px;margin:0 0 16px}.public-plan-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:12px 7px;background:#f3f5ff;border:1px solid #e8ebfa;border-radius:15px}.public-plan-facts>div{display:grid;text-align:center;gap:2px}.public-plan-facts b{font:800 16px Shabnam,Vazirmatn;color:#33436d}.public-plan-facts small{font-size:9px;color:#8591a8}.public-plan-networks{display:grid;gap:5px;padding:15px 0;border-bottom:1px solid #e9edf7}.public-plan-networks b{font:700 10px Shabnam,Vazirmatn;color:#4b5877}.public-plan-networks span{font-size:10px;line-height:1.9;color:#7a879f}.public-plan-features{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:13px 0 18px}.public-plan-features span{font-size:9px;padding:7px 8px;border-radius:9px;background:#f3f4f8;color:#8b94a6}.public-plan-features span.on{background:#e9f8f1;color:#168a65}.public-plan-cta{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:auto;padding:12px 15px;border-radius:13px;color:white;background:linear-gradient(110deg,#5367eb,#7656ec 58%,#9058ee);font:700 11px Shabnam,Vazirmatn;box-shadow:0 9px 20px #625ee52b}.public-plan-cta:hover{filter:brightness(1.04);transform:translateY(-2px)}.public-plan-cta .icon{width:16px;height:16px}.subscription-plans-section{scroll-margin-top:100px}.plans-guide{margin-top:24px}
@media(max-width:940px){.nav-dropdown{width:100%}.nav-dropdown>summary{justify-content:center}.nav-dropdown-menu{position:static;width:100%;box-shadow:none;margin-top:5px;background:#f8f9ff}.nav-dropdown-menu:before{display:none}.hero h1{font-size:clamp(30px,5vw,40px);margin-top:20px}.nav-dropdown-menu a{padding:9px 12px}}
@media(max-width:630px){.hero h1{font-size:29px;line-height:1.8}.public-plan-card{padding:24px 18px 18px}.public-plan-price{font-size:25px}.nav-dropdown-menu{grid-template-columns:1fr 1fr}.nav-dropdown-menu a{gap:7px;padding:8px 7px}.nav-dropdown-menu a small{font-size:9px}}

/* SAA 1.19.3 — seven visible primary links and a compact, named guide menu. */
.site-header{position:sticky;top:0;z-index:120;isolation:isolate;background:rgba(250,252,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.primary-nav{gap:2px;flex:1;justify-content:center;min-width:0}
.primary-nav>a{display:inline-flex;align-items:center;gap:6px;padding:10px 8px;font-size:11.5px;font-weight:500}
.primary-nav>a>.icon{width:15px;height:15px;color:#6874bb;transition:transform .2s,color .2s}
.primary-nav>a:hover>.icon,.primary-nav>a.nav-active>.icon{color:#5965dc;transform:translateY(-1px)}
.nav-dropdown>summary{font-weight:500;padding:10px 9px}
.nav-dropdown>summary>.icon:first-child{color:#6874bb}
.nav-dropdown-menu{z-index:125}
.nav-dropdown-menu a:focus-visible,.primary-nav>a:focus-visible{outline:2px solid #6672e8;outline-offset:2px}
.hero h1{font-size:clamp(25px,2.2vw,35px);line-height:1.78;max-width:570px;letter-spacing:-.35px}
.hero-subtitle{font-size:13.5px;line-height:2.2}
.trust-strip b{font-family:var(--type-heading);font-size:13px;font-weight:700}
.public-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;align-items:stretch}
.public-plan-card{isolation:isolate;min-height:100%;padding:25px 22px 20px;border:1px solid #e1e7f5;border-radius:23px;background:radial-gradient(ellipse at 100% 0,rgba(104,119,239,.10),transparent 42%),linear-gradient(155deg,#fff 0%,#fcfdff 60%,#f5f7ff 100%);box-shadow:0 14px 38px rgba(41,57,112,.075);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.public-plan-card:before{height:4px;background:linear-gradient(90deg,#4d73df 0%,#6c63df 52%,#43b7aa 100%)}
.public-plan-card:hover{transform:translateY(-5px);border-color:#b9c5f0;box-shadow:0 24px 54px rgba(53,70,137,.15)}
.public-plan-card-top{justify-content:space-between;align-items:center;min-height:49px}
.public-plan-identity{display:flex;align-items:center;gap:11px;min-width:0}
.public-plan-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid #e4e8fb;border-radius:14px;background:linear-gradient(145deg,#edf1ff,#f7f5ff);color:#5f68d8;box-shadow:0 7px 16px rgba(83,94,184,.09)}
.public-plan-icon .icon{width:23px;height:23px;stroke-width:1.7}
.public-plan-card:nth-child(3n) .public-plan-icon{color:#168b78;background:linear-gradient(145deg,#e5f8f3,#f3fffb);border-color:#d5f0e8}
.public-plan-title{display:block;min-width:0;color:#253452;font:700 15px/1.8 var(--type-heading);overflow-wrap:anywhere}
.public-plan-card-top>small{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:6px 9px;border:1px solid #e7eaf7;border-radius:30px;background:rgba(255,255,255,.85);color:#66728e;font:400 10px var(--type-body)}
.public-plan-card-top>small .icon{width:13px;height:13px;color:#7379cf}
.public-plan-price{margin:17px 0 7px;padding-bottom:13px;border-bottom:1px solid #e9edf7;font:700 clamp(22px,1.8vw,28px)/1.5 var(--type-heading);color:#4f5cc7;letter-spacing:0}
.public-plan-description{font:400 11.5px/2.05 var(--type-body);color:#78859c;min-height:48px;margin:0 0 14px}
.public-plan-facts{gap:5px;padding:12px 7px;background:linear-gradient(120deg,#f4f6ff,#f8f9ff);border:1px solid #e8ecf8;border-radius:14px}
.public-plan-facts>div{gap:3px;padding-inline:2px}
.public-plan-facts>div+div{border-right:1px solid #e2e7f4}
.public-plan-facts b{font:700 16px/1.4 var(--type-heading);color:#34436c}
.public-plan-facts small{font:400 9px/1.7 var(--type-body);color:#7d8aa2}
.public-plan-networks{gap:7px;padding:14px 0 13px;border-bottom:1px solid #e9edf7}
.public-plan-networks b{display:flex;align-items:center;gap:7px;font:700 11px var(--type-heading);color:#4b5878}
.public-plan-networks b .icon{width:15px;height:15px;color:#6571d9}
.public-plan-networks span{font:400 10.5px/2 var(--type-body);color:#78869e}
.public-plan-features{grid-template-columns:1fr 1fr;gap:7px;margin:13px 0 18px}
.public-plan-features span{display:flex;align-items:center;gap:6px;min-width:0;padding:7px 8px;border:1px solid #eceef5;border-radius:9px;background:#f6f7fa;color:#8791a4;font:400 9.5px/1.65 var(--type-body)}
.public-plan-features span:before{content:'×';display:grid;place-items:center;flex:0 0 15px;width:15px;height:15px;border-radius:50%;background:#eceef3;color:#8992a2;font:700 11px/1 var(--type-heading)}
.public-plan-features span.on{border-color:#d9f0e5;background:#effaf5;color:#267b5d}
.public-plan-features span.on:before{content:'✓';background:#d9f3e7;color:#16875f}
.public-plan-cta{min-height:44px;margin-top:auto;padding:11px 15px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:linear-gradient(110deg,#4d66d8 0%,#6e5cda 58%,#7455d0 100%);box-shadow:0 8px 18px rgba(87,89,198,.2);font:700 11px var(--type-heading);transition:transform .2s,box-shadow .2s,filter .2s}
.public-plan-cta:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 12px 23px rgba(87,89,198,.28)}
.public-plan-cta:focus-visible{outline:3px solid #8d98fa;outline-offset:3px}
.subscription-plans-section{scroll-margin-top:112px}
@media(max-width:1180px){.nav-shell{gap:8px}.primary-nav{gap:0}.primary-nav>a{padding:9px 5px;font-size:10.5px}.primary-nav>a>.icon{width:13px;height:13px}.nav-dropdown>summary{padding:9px 6px;font-size:10.5px}.identity small{font-size:9px}.nav-actions .button{padding:10px 12px}}
@media(max-width:940px){.primary-nav{position:absolute;right:16px;left:16px;top:calc(100% - 1px);display:none;max-height:min(74vh,680px);overflow-y:auto;overscroll-behavior:contain;padding:12px;background:#fff;border:1px solid #e3e8f5;border-radius:0 0 18px 18px;box-shadow:0 22px 44px rgba(29,44,91,.14);align-items:stretch;justify-content:flex-start;gap:3px}.primary-nav.is-open{display:flex}.primary-nav>a{justify-content:flex-start;padding:11px 13px;font-size:13px}.primary-nav>a>.icon{width:17px;height:17px}.nav-dropdown{width:100%}.nav-dropdown>summary{justify-content:flex-start;padding:11px 13px;font-size:13px}.nav-dropdown-menu{position:static;width:100%;margin-top:4px;padding:7px;box-shadow:none;background:#f8f9ff;border-radius:13px}.nav-dropdown-menu:before{display:none}.hero h1{font-size:clamp(26px,4.2vw,34px);margin-top:20px}}
@media(max-width:630px){.hero h1{font-size:27px;line-height:1.82}.public-plan-card{padding:23px 18px 18px}.public-plan-title{font-size:14px}.public-plan-price{font-size:24px}.nav-dropdown-menu{grid-template-columns:1fr 1fr}.nav-dropdown-menu a{gap:7px;padding:8px 7px}.nav-dropdown-menu a small{font-size:9px}.public-plan-facts small{font-size:8.5px}.public-plan-features span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.public-plan-card,.public-plan-cta,.primary-nav>a>.icon{transition:none}.public-plan-card:hover,.public-plan-cta:hover{transform:none}}


/* SAA 1.19.3 — final typographic scale and refined subscription-card finish. */
:root{--type-heading:'Shabnam','Vazirmatn';--type-body:'Vazirmatn','Shabnam'}
.hero h1{font-size:clamp(23px,1.95vw,30px);line-height:1.85;max-width:555px;letter-spacing:-.25px}
.trust-strip b{font-family:'Shabnam','Vazirmatn';font-weight:700}
.public-plan-card{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;padding:26px 23px 21px;background:linear-gradient(150deg,#fff 0%,#fcfdff 56%,#f4f6ff 100%);box-shadow:0 15px 38px rgba(37,55,111,.085);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.public-plan-card:after{pointer-events:none}
.public-plan-card:focus-within{border-color:#9ba8ef;box-shadow:0 0 0 3px rgba(96,112,222,.12),0 20px 46px rgba(37,55,111,.13)}
.public-plan-card-top{position:relative;z-index:1;gap:10px}
.public-plan-identity{gap:12px}
.public-plan-icon{width:48px;height:48px;flex-basis:48px;border-radius:16px;box-shadow:0 8px 20px rgba(83,94,184,.11)}
.public-plan-icon .icon{width:24px;height:24px;stroke-width:1.8}
.public-plan-title{font-size:16px;font-weight:700;letter-spacing:0}
.public-plan-price{padding:2px 0 14px;margin:19px 0 10px;font-size:clamp(22px,1.7vw,27px);font-weight:700}
.public-plan-description{font-size:12px;line-height:2.05;min-height:50px}
.public-plan-facts{padding:14px 8px;border-radius:15px;background:linear-gradient(125deg,#f1f4ff,#f8f8ff);border-color:#e5e9fb}
.public-plan-facts b{font-size:17px}
.public-plan-facts small{font-size:10px;line-height:1.7}
.public-plan-networks{padding:16px 0 14px}
.public-plan-networks b{font-size:12px}
.public-plan-networks span{font-size:11px}
.public-plan-features{gap:8px;margin:15px 0 20px}
.public-plan-features span{font-size:10.5px;padding:8px 9px;border-radius:10px}
.public-plan-cta{min-height:47px;font-size:12px;letter-spacing:0}
@media(max-width:940px){.hero h1{font-size:clamp(24px,3.5vw,30px);line-height:1.8}}
@media(max-width:630px){.hero h1{font-size:24px;line-height:1.85}.public-plan-title{font-size:14px}.public-plan-facts small{font-size:9px}.public-plan-features span{font-size:9.5px}}
@media(prefers-reduced-motion:reduce){.public-plan-card{transition:none}}


/* SAA 1.19.4 — sticky landing navigation and plan entitlement presentation */
html{overflow-x:clip;overflow-y:visible}body{overflow-x:visible;overflow-y:visible}
.site-header{position:sticky!important;top:0!important;z-index:1200!important;isolation:isolate;transform:none!important;align-self:start}
.site-header .nav-shell{position:relative}
.plan-ribbon{position:absolute;top:15px;left:15px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1px solid #c9a13d;border-radius:30px;background:linear-gradient(110deg,#fff7cf,#f6e39a);color:#fff;font:800 11px Shabnam,Vazirmatn;box-shadow:0 7px 18px rgba(141,101,25,.13)}
.plan-ribbon .icon{width:14px;height:14px}
.public-plan-card.is-recommended{border-color:#d5c17b;background:radial-gradient(ellipse at 95% 0,rgba(245,210,110,.17),transparent 40%),linear-gradient(150deg,#fff 0%,#fffefa 55%,#fbf8ec 100%);box-shadow:0 19px 48px rgba(138,104,30,.12)}
.public-plan-card.is-recommended:before{background:linear-gradient(90deg,#c69b35,#e4c76c,#8f7435)}
.public-plan-card.is-recommended .public-plan-icon{color:#916c1c;background:linear-gradient(145deg,#fff3cc,#fffaf0);border-color:#efe0b6}
.public-plan-card.is-recommended .public-plan-price{color:#8a681e}
.public-plan-networks{gap:11px}
.plan-network-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.plan-network-badge{--network:#64748b;--network-bg:#f1f5f9;display:flex;align-items:center;gap:9px;min-width:0;padding:9px 10px;border:1px solid color-mix(in srgb,var(--network) 20%,white);border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--network-bg) 82%,white),white);box-shadow:0 3px 10px rgba(34,49,86,.035)}
.plan-network-mark{width:31px;height:31px;display:grid;place-items:center;flex:none;border-radius:10px;background:var(--network);color:#fff;font:800 13px Shabnam,Vazirmatn;box-shadow:0 4px 10px color-mix(in srgb,var(--network) 25%,transparent)}
.plan-network-copy{display:grid;gap:1px;min-width:0}
.plan-network-copy b{font:700 11px Shabnam,Vazirmatn;color:#35425e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plan-network-copy small{font:500 10px Vazirmatn,Shabnam;color:#75829a;white-space:nowrap}
.network-instagram{--network:#c13584;--network-bg:#fff0f7}.network-telegram{--network:#229ed9;--network-bg:#edf8ff}.network-linkedin{--network:#0a66c2;--network-bg:#edf5ff}.network-facebook{--network:#1877f2;--network-bg:#edf4ff}.network-x{--network:#30343b;--network-bg:#f1f2f4}.network-whatsapp{--network:#20a96a;--network-bg:#edfbf3}.network-pinterest{--network:#bd081c;--network-bg:#fff0f1}.network-youtube{--network:#e62117;--network-bg:#fff1ef}.network-bale{--network:#2d9b5c;--network-bg:#effaf2}.network-eitaa{--network:#df7d27;--network-bg:#fff6ed}.network-rubika{--network:#7646c8;--network-bg:#f5f0ff}.network-web{--network:#64748b;--network-bg:#f2f5fa}
.plan-network-empty{margin:0;color:#929bb0;font-size:11px}
.plans-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:30px}
.plans-guide-card{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);gap:15px;padding:23px 22px;border:1px solid #e4e9f4;border-radius:21px;background:linear-gradient(145deg,#fff,#f7f9ff);box-shadow:0 13px 32px rgba(42,60,112,.055);overflow:hidden}
.plans-guide-card:after{content:"";position:absolute;inset:auto -35px -65px auto;width:170px;height:170px;border-radius:50%;background:rgba(102,120,225,.055);pointer-events:none}
.plans-guide-card--quota{background:linear-gradient(145deg,#fff,#f2fbf9);border-color:#dcefe9}
.plans-guide-card--quota:after{background:rgba(38,166,128,.07)}
.plans-guide-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#e9edff,#f5f3ff);color:#625fd4;border:1px solid #dfe4fb;box-shadow:0 6px 16px rgba(74,85,172,.08)}
.plans-guide-card--quota .plans-guide-icon{background:linear-gradient(145deg,#e4f8f0,#f2fffa);color:#168a69;border-color:#d6eee4}
.plans-guide-icon .icon{width:25px;height:25px}
.plans-guide-copy{position:relative;z-index:1;min-width:0}
.plans-guide-kicker{font:700 9px Vazirmatn,Shabnam;color:#6c73c9;letter-spacing:.1px}
.plans-guide-card--quota .plans-guide-kicker{color:#218a6c}
.plans-guide-copy h3{margin:3px 0 7px;font:800 15px Shabnam,Vazirmatn;color:#273653}
.plans-guide-copy p{margin:0;color:#6f7c94;font:400 11px/2 Vazirmatn,Shabnam}
.plans-guide-copy ul{display:grid;gap:5px;margin:12px 0 0;padding:0;list-style:none}
.plans-guide-copy li{position:relative;padding-right:17px;color:#53617d;font:500 10px/1.8 Vazirmatn,Shabnam}
.plans-guide-copy li:before{content:"";position:absolute;right:1px;top:.65em;width:7px;height:7px;border-radius:50%;background:#7472dc;box-shadow:0 0 0 3px #7472dc18}
.plans-guide-card--quota .plans-guide-copy li:before{background:#2baf86;box-shadow:0 0 0 3px #2baf8618}
@media(max-width:760px){.plans-guide{grid-template-columns:1fr}.plan-network-grid{gap:7px}.plan-network-badge{padding:8px}.plan-network-mark{width:28px;height:28px}}
@media(max-width:430px){.plan-network-grid{grid-template-columns:1fr}.plans-guide-card{grid-template-columns:42px minmax(0,1fr);padding:18px 15px;gap:11px}.plans-guide-icon{width:42px;height:42px}}

/* SAA 1.19.4 refinement: keep sticky header out of the horizontal clipping chain and improve plan badges. */
.public-plan-card.is-recommended{padding-top:54px}.plan-network-badge{padding:10px 11px;gap:10px}.plan-network-mark{width:35px;height:35px;font-size:14px}.plan-network-copy b{font-size:12px}.plan-network-copy small{font-size:10.5px}.plan-ribbon{font-size:11px;padding:8px 14px}

/* Public navigation positioning is governed by the shared public-shell stylesheet. */
.site-header{position:sticky!important;top:0!important;inset-block-start:0!important;width:100%;z-index:1500!important;transform:none!important}
#site-header-spacer{display:none!important;height:0!important;min-height:0!important}

/* 1.19.4 final polish: only admin-designated plans receive a ribbon; keep the hero compact across breakpoints. */
.public-plan-card.is-recommended{border-color:#d5c17b;box-shadow:0 22px 58px rgba(138,104,30,.12)}
.hero h1{font-size:clamp(22px,2vw,29px)}
@media(max-width:940px){.hero h1{font-size:clamp(22px,4vw,27px)}}
@media(max-width:630px){.hero h1{font-size:23px;line-height:1.82}}


/* SAA 1.19.5 — native brand marks with controlled high contrast in plan cards. */
.plan-network-mark{background:var(--network)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22);box-shadow:0 5px 13px color-mix(in srgb,var(--network) 27%,transparent)}
.plan-network-mark .brand-icon{display:block;width:22px;height:22px;fill:none;stroke:none;color:#fff;overflow:visible}
.plan-network-mark .brand-icon use{color:#fff}
.network-instagram{--network:#b82578;--network-bg:#fff0f7}
.network-telegram{--network:#087fae;--network-bg:#edf8ff}
.network-linkedin{--network:#075da8;--network-bg:#edf5ff}
.network-facebook{--network:#145fc2;--network-bg:#edf4ff}
.network-whatsapp{--network:#0c804a;--network-bg:#edfbf3}
.network-bale{--network:#16683e;--network-bg:#effaf2}
.network-eitaa{--network:#95500a;--network-bg:#fff6ed}
.network-rubika{--network:#5c34a0;--network-bg:#f5f0ff}
.network-web{--network:#475569;--network-bg:#f2f5fa}
.network-instagram .brand-icon{width:23px;height:23px}
.network-whatsapp .brand-icon{width:24px;height:24px}
.nav-dropdown-menu{max-height:min(76vh,680px);overflow-y:auto;overscroll-behavior:contain}

/* Compact navigation and accessible mega menus */
.primary-nav{gap:clamp(8px,1.2vw,18px)}
.primary-nav>a,.primary-nav>.nav-dropdown>summary{font-size:12px;white-space:nowrap}
.nav-dropdown{position:relative;list-style:none}
.nav-dropdown>summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;color:#46516d;font-weight:700;padding:10px 4px}
.nav-dropdown>summary::-webkit-details-marker{display:none}
.nav-dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;width:min(390px,90vw);max-height:min(70vh,570px);overflow:auto;overscroll-behavior:contain;display:grid;gap:5px;padding:12px;background:rgba(255,255,255,.98);border:1px solid #e4e8f5;border-radius:19px;box-shadow:0 22px 60px rgba(35,49,91,.17);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s,visibility .18s;z-index:50}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown[open] .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown-menu a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;text-decoration:none;color:#273451;transition:background .18s,transform .18s}
.nav-dropdown-menu a:hover{background:#f2f4ff;transform:translateX(-3px)}
.nav-dropdown-menu a>.icon{width:21px;height:21px;flex:0 0 21px;color:#635fe0}
.nav-dropdown-menu a span{display:grid;gap:2px}
.nav-dropdown-menu a b{font:700 12px Shabnam,Vazirmatn}
.nav-dropdown-menu a small{font:10px Vazirmatn;color:#8590a7}
.nav-dropdown-menu::-webkit-scrollbar{width:8px}
.nav-dropdown-menu::-webkit-scrollbar-track{background:#f0f2fa;border-radius:20px}
.nav-dropdown-menu::-webkit-scrollbar-thumb{background:linear-gradient(#8c91e8,#5c67d9);border:2px solid #f0f2fa;border-radius:20px}
.nav-login{padding:10px 16px;border-radius:12px;background:linear-gradient(110deg,#555fe0,#7958d8);color:#fff!important;box-shadow:0 8px 20px #5b62d52b}
.ox-transparency-title{font-family:Shabnam,Vazirmatn!important;font-weight:800}
.site-header{z-index:80}
.primary-nav.is-open{z-index:90}
.ox-video-modal[hidden]{display:none}
.ox-video-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px}
.ox-video-backdrop{position:absolute;inset:0;background:rgba(12,18,45,.72);backdrop-filter:blur(8px)}
.ox-video-dialog{position:relative;z-index:1;width:min(850px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border:1px solid #e5e9f7;border-radius:26px;padding:clamp(22px,4vw,38px);box-shadow:0 35px 100px #0d153b66}
.ox-video-dialog h2{font:800 25px/1.6 Shabnam,Vazirmatn;color:#202b4b;margin:8px 0}
.ox-video-dialog>p{font:13px/2 Vazirmatn;color:#78839a}
.ox-video-close{position:absolute;left:20px;top:17px;width:40px;height:40px;border:1px solid #e5e8f3;border-radius:12px;background:#f7f8fc;color:#394565;font-size:26px;cursor:pointer}
.ox-video-form{display:grid;gap:9px;margin:20px 0}
.ox-video-form label{font:700 12px Shabnam;color:#394665}
.ox-video-form>div{display:flex;gap:10px}
.ox-video-form input{min-width:0;flex:1;height:48px;border:1px solid #dfe4f1;border-radius:12px;padding:0 14px;font:13px Vazirmatn;direction:ltr;text-align:left}
.ox-video-form small{font:10px Vazirmatn;color:#8b95aa}
.ox-video-player{aspect-ratio:16/9;min-height:190px;border-radius:17px;overflow:hidden;background:#111a36;display:grid;place-items:center}
.ox-video-player iframe,.ox-video-player video{width:100%;height:100%;min-height:260px;border:0;display:block}
.ox-video-empty{display:grid;place-items:center;gap:10px;color:#fff}
.ox-video-empty span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#ffffff20;color:#fff;font-size:24px}
.ox-video-empty b{font:700 14px Shabnam}
.ox-video-empty small{font:11px Vazirmatn;color:#bdc6e0}
@media(max-width:900px){.nav-dropdown-menu{right:auto;left:0}.primary-nav{gap:7px}}
@media(max-width:760px){.primary-nav .nav-dropdown{width:100%}.nav-dropdown-menu{position:static;width:100%;max-height:45vh;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;margin:4px 0 8px}.nav-dropdown[open] .nav-dropdown-menu{display:grid}.nav-dropdown:hover .nav-dropdown-menu{display:none}.nav-dropdown[open]:hover .nav-dropdown-menu{display:grid}.ox-video-form>div{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.nav-dropdown-menu,.nav-dropdown-menu a{transition:none}}

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)}

/* Lightweight, self-contained SVG animation for the final call-to-action. */
.closing-visual{position:relative;display:grid;place-items:center;flex:0 0 220px;width:220px;min-height:210px;isolation:isolate}
.closing-visual:before{content:"";position:absolute;width:175px;height:150px;border-radius:50%;background:radial-gradient(ellipse,#dfe4ff 0%,#e8f8f6 52%,transparent 76%);filter:blur(8px);z-index:-1}
.closing-visual svg{display:block;width:100%;max-width:250px;height:auto;overflow:visible}
.closing-orbit{fill:none;stroke:#aebaf0;stroke-width:1.5;stroke-dasharray:4 7;opacity:.72;transform-origin:130px 112px;animation:ordix-orbit-turn 24s linear infinite}
.closing-orbit--tilt{stroke:#8bdacc;stroke-dasharray:2 8;opacity:.8;animation:ordix-orbit-turn-reverse 30s linear infinite}
.closing-center{transform-origin:130px 112px;animation:ordix-center-float 5.8s ease-in-out infinite}
.closing-orbit-dot{transform-origin:130px 112px;animation:ordix-dot-turn 12s linear infinite}
.closing-orbit-dot--two{animation-duration:17s;animation-direction:reverse}
.closing-spark{transform-origin:center;animation:ordix-spark-pulse 3.2s ease-in-out infinite}
.closing-spark--two{animation-delay:.7s}.closing-spark--three{animation-delay:1.4s}
@keyframes ordix-orbit-turn{to{transform:rotate(360deg)}}
@keyframes ordix-orbit-turn-reverse{to{transform:rotate(-360deg)}}
@keyframes ordix-dot-turn{to{transform:rotate(360deg)}}
@keyframes ordix-center-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes ordix-spark-pulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.35)}}
@media(max-width:760px){.closing-visual{flex-basis:150px;width:150px;min-height:145px}.closing-visual svg{max-width:165px}}
@media(prefers-reduced-motion:reduce){.closing-visual *{animation:none!important}}

/* ============ Dark theme (landing). Light theme stays visually unchanged. ============
   Coherent extension of the Ordix palette: navy base #0b1a33/#152642, ink #e0e9fb,
   borders #24406b/#375780, accent #2457c5 / lighter #a9c8ff for links on dark. */
html[data-theme=dark]{--ink:#e0e9fb;--ink-soft:#c3d2ec;--muted:#9fb0cc;--line:#24406b;--bg:#0b1a33;--shadow:0 18px 50px rgba(0,0,0,.42);--shade:0 28px 80px rgba(0,0,0,.5)}
html[data-theme=dark] body{background:#0b1a33;color:#e0e9fb}
html[data-theme=dark]{scrollbar-color:#3d5f96 #0b1a33}
html[data-theme=dark] *::-webkit-scrollbar-track{background:#0b1a33}
html[data-theme=dark] *::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3d5f96,#24406b);border-color:#0b1a33}
html[data-theme=dark] *::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4a70ad,#2b4b78)}

/* Hero region + ambient glow tuned for dark */
html[data-theme=dark] .hero{background:radial-gradient(ellipse 60% 55% at 78% 20%,rgba(36,87,197,.28),transparent 60%),radial-gradient(ellipse 55% 50% at 15% 65%,rgba(20,40,80,.55),transparent 62%)}
html[data-theme=dark] .ambient--one{background:#2457c5!important;opacity:.14!important}
html[data-theme=dark] .ambient--two{background:#2b6fd0!important;opacity:.12!important}
html[data-theme=dark] .eyebrow{background:linear-gradient(90deg,#12314f,#123a46)!important;border-color:#24406b!important;color:#7fe3c4!important}
html[data-theme=dark] .hero-trust{color:#b0bed3}
html[data-theme=dark] .hero-trust .icon{color:#4fc9a0}
html[data-theme=dark] .play-symbol{border-color:#4a63b0;color:#c6d5f0}

/* Generic section surfaces, headings and copy */
html[data-theme=dark] .section-heading h2,html[data-theme=dark] .showcase-copy h2,html[data-theme=dark] .automation-content h2{color:#e0e9fb}
html[data-theme=dark] .section-heading p{color:#9fb0cc}
html[data-theme=dark] .showcase-section{background:linear-gradient(120deg,#0e2244 5%,#0b1a33 60%,#10254a)}
html[data-theme=dark] .showcase-copy>p{color:#b0bed3}
html[data-theme=dark] .steps>div>span{background:#152642;color:#a9c8ff;box-shadow:0 6px 20px rgba(0,0,0,.4)}
html[data-theme=dark] .steps p{color:#9fb0cc}
html[data-theme=dark] .text-link{color:#a9c8ff}
html[data-theme=dark] .section-kicker{background:#1b3157;color:#bccdff}
html[data-theme=dark] .skip-link:focus{outline-color:#5c83c9}

/* Trust strip */
html[data-theme=dark] .trust-strip{background:rgba(21,38,66,.92);border-color:#24406b}
html[data-theme=dark] .trust-strip>div{border-left-color:#24406b}
html[data-theme=dark] .trust-strip small{color:#9fb0cc}
html[data-theme=dark] .trust-icon{background:#243a63;color:#b39cf0}
html[data-theme=dark] .trust-icon.blue{background:#1b3a5e;color:#79c0f5}
html[data-theme=dark] .trust-icon.mint{background:#163f4f;color:#4fd6b0}
html[data-theme=dark] .trust-icon.rose{background:#47243a;color:#f0a0c4}

/* Feature cards */
html[data-theme=dark] .feature-card{background:#152642;border-color:#24406b;box-shadow:0 6px 16px rgba(0,0,0,.3)}
html[data-theme=dark] .feature-card:hover{border-color:#375780;box-shadow:0 22px 45px rgba(0,0,0,.5)}
html[data-theme=dark] .feature-card::after{background:radial-gradient(circle,rgba(120,140,230,.14),transparent 68%)}
html[data-theme=dark] .feature-card p{color:#a3b3cd}
html[data-theme=dark] .feature-tag{background:#1b3157;color:#bccdff}
html[data-theme=dark] .feature-icon.sky{background:#1b3a5e;color:#5cb3f5}
html[data-theme=dark] .feature-icon.violet{background:#2c2a58;color:#b39cf0}
html[data-theme=dark] .feature-icon.mint{background:#153f38;color:#4fd6a0}
html[data-theme=dark] .feature-icon.gold{background:#3f3320;color:#e9b866}
html[data-theme=dark] .feature-icon.pink{background:#3f2438;color:#f0a0c8}
html[data-theme=dark] .feature-icon.indigo{background:#232a5c;color:#98a0f5}

/* Details ribbon */
html[data-theme=dark] .details-ribbon{border-color:#24406b;background:linear-gradient(90deg,#10254a,#152642)}
html[data-theme=dark] .details-ribbon .icon{color:#a9c8ff;background:#1b3157}
html[data-theme=dark] .details-ribbon b{color:#e0e9fb}
html[data-theme=dark] .details-ribbon small{color:#9fb0cc}

/* Capability browser */
html[data-theme=dark] .capability-browser{background:linear-gradient(150deg,#152642 20%,#0f2140);border-color:#24406b;box-shadow:0 30px 90px rgba(0,0,0,.4)}
html[data-theme=dark] .capability-tabs{background:#0e1e39}
html[data-theme=dark] .cap-tab{color:#a3b3cd}
html[data-theme=dark] .cap-tab.is-selected,html[data-theme=dark] .cap-tab[aria-selected="true"]{background:#1b3157;color:#bccdff;border-color:#375780}
html[data-theme=dark] .cap-tab:hover{color:#e0e9fb}
html[data-theme=dark] .capability-num{background:#1b3157;color:#bccdff}
html[data-theme=dark] .capability-copy p{color:#a3b3cd}
html[data-theme=dark] .capability-copy li{color:#c3d2ec}
html[data-theme=dark] .capability-art{background:radial-gradient(circle at 10% 10%,#1b3157,transparent 60%),radial-gradient(circle at 90% 90%,#243a63,transparent 65%),#152642;border-color:#24406b;box-shadow:inset 0 0 25px rgba(0,0,0,.3)}
html[data-theme=dark] .cap-art-pill{background:#1b3157;color:#bccdff}
html[data-theme=dark] .cap-art-row{border-color:#24406b;background:#0f2140}
html[data-theme=dark] .cap-art-row small{color:#9fb0cc}
html[data-theme=dark] .cap-art-message{background:#0f2140;border-color:#24406b;color:#c3d2ec}
html[data-theme=dark] .cap-tone-row span{background:#0f2140;border-color:#24406b;color:#bccdff}
html[data-theme=dark] .cap-art-footer{color:#9fb0cc}

/* Connection cards */
html[data-theme=dark] .connection-card{background:#152642;border-color:#24406b}
html[data-theme=dark] .connection-card--api,html[data-theme=dark] .connection-card--browser{background:linear-gradient(150deg,#152642,#1b3157)}
html[data-theme=dark] .connection-symbol{background:#1b3157;color:#a9c8ff}
html[data-theme=dark] .connection-label{color:#bccdff}
html[data-theme=dark] .connection-card p{color:#a3b3cd}
html[data-theme=dark] .connection-points span{background:#0f2140;border-color:#24406b;color:#c3d2ec}

/* Use-case cards */
html[data-theme=dark] .usecase-card{border-color:#24406b;background:linear-gradient(150deg,#152642 10%,#10254a 100%)}
html[data-theme=dark] .usecase-card:before{background:radial-gradient(circle,rgba(60,100,180,.28),transparent 72%)}
html[data-theme=dark] .usecase-number{color:#2a4470}
html[data-theme=dark] .usecase-card h3{color:#e0e9fb}
html[data-theme=dark] .usecase-card p{color:#a3b3cd}
html[data-theme=dark] .usecase-symbol{background:#1b3157;color:#a9c8ff}
html[data-theme=dark] .usecase-card:nth-child(2) .usecase-symbol{background:#2c2a58;color:#b39cf0}
html[data-theme=dark] .usecase-card:nth-child(3) .usecase-symbol{background:#153f38;color:#4fd6a0}
html[data-theme=dark] .usecase-tags span{background:#1b3157;color:#bccdff}

/* Platform pills */
html[data-theme=dark] .platform-pill{background:#152642;border-color:#24406b}
html[data-theme=dark] .platform-pill:hover{border-color:#375780}

/* Flow board / automation art (dark already for automation-card) */
html[data-theme=dark] .flow-board{background:#152642;border-color:#24406b;box-shadow:0 28px 60px rgba(0,0,0,.5)}
html[data-theme=dark] .flow-title{border-bottom-color:#24406b;color:#e0e9fb}
html[data-theme=dark] .flow-num{background:#1b3157;color:#bccdff}
html[data-theme=dark] .flow-row.active{background:#1b3157}
html[data-theme=dark] .flow-row.active .flow-num{background:#2457c5;color:#fff}
html[data-theme=dark] .flow-row small{color:#9fb0cc}
html[data-theme=dark] .flow-connector{border-right-color:#375780}
html[data-theme=dark] .flow-status{background:#163f38;color:#4fd6a0}
html[data-theme=dark] .floating-chip{background:#1b3157;border-color:#375780;color:#e0e9fb}
html[data-theme=dark] .workflow-glow{background:radial-gradient(ellipse,rgba(36,87,197,.4) 0%,transparent 65%)}

/* FAQ */
html[data-theme=dark] .faq-list details{background:#152642;border-color:#24406b}
html[data-theme=dark] .faq-list details[open]{border-color:#375780}
html[data-theme=dark] .faq-list summary{color:#e0e9fb}
html[data-theme=dark] .faq-list summary .icon{color:#9fb0cc}
html[data-theme=dark] .faq-list p{color:#a3b3cd}

/* Closing card */
html[data-theme=dark] .closing-card{background:radial-gradient(circle at left bottom,rgba(36,87,197,.35) 0%,transparent 38%),linear-gradient(116deg,#152642,#1b3157)!important;border-color:#24406b!important}
html[data-theme=dark] .closing-card h2{color:#e0e9fb}
html[data-theme=dark] .closing-card p{color:#a3b3cd}
html[data-theme=dark] .closing-orbit{stroke:#3a5a92}
html[data-theme=dark] .closing-orbit--tilt{stroke:#2b6f7e}

/* Buttons */
html[data-theme=dark] .button--outline{background:#152642;color:#bccdff;border-color:#375780}
html[data-theme=dark] .button--outline:hover{border-color:#5c83c9;background:#1b3157}

/* Back-to-top */
html[data-theme=dark] .to-top{background:#152642;border-color:#24406b;color:#bccdff}

/* Video modal */
html[data-theme=dark] .ox-video-dialog{background:#152642;border-color:#24406b}
html[data-theme=dark] .ox-video-dialog h2{color:#e0e9fb}
html[data-theme=dark] .ox-video-dialog>p{color:#a3b3cd}
html[data-theme=dark] .ox-video-close{background:#1b3157;border-color:#24406b;color:#e0e9fb}
html[data-theme=dark] .has-tooltip::after{background:#0b1a33;color:#e0e9fb;border:1px solid #24406b}

/* Subscription plan cards + guides (dark) */
html[data-theme=dark] .public-plan-card{background:linear-gradient(150deg,#152642 0%,#122240 56%,#1b3157 100%);border-color:#24406b;box-shadow:0 15px 38px rgba(0,0,0,.45)}
html[data-theme=dark] .public-plan-card:hover{border-color:#375780;box-shadow:0 24px 54px rgba(0,0,0,.55)}
html[data-theme=dark] .public-plan-card:focus-within{border-color:#5c83c9;box-shadow:0 0 0 3px rgba(96,132,222,.25),0 20px 46px rgba(0,0,0,.5)}
html[data-theme=dark] .public-plan-card-top>span,html[data-theme=dark] .public-plan-title{color:#e0e9fb}
html[data-theme=dark] .public-plan-card-top small{background:#1b3157;color:#bccdff;border-color:#24406b}
html[data-theme=dark] .public-plan-icon{background:linear-gradient(145deg,#1b3157,#152642);color:#a9c8ff;border-color:#24406b}
html[data-theme=dark] .public-plan-card:nth-child(3n) .public-plan-icon{color:#4fd6b0;background:linear-gradient(145deg,#163f38,#152642);border-color:#24514a}
html[data-theme=dark] .public-plan-price{color:#bccdff;border-bottom-color:#24406b}
html[data-theme=dark] .public-plan-description{color:#a3b3cd}
html[data-theme=dark] .public-plan-facts{background:linear-gradient(120deg,#152642,#1b3157);border-color:#24406b}
html[data-theme=dark] .public-plan-facts>div+div{border-right-color:#24406b}
html[data-theme=dark] .public-plan-facts b{color:#e0e9fb}
html[data-theme=dark] .public-plan-facts small{color:#9fb0cc}
html[data-theme=dark] .public-plan-networks{border-bottom-color:#24406b}
html[data-theme=dark] .public-plan-networks b{color:#c3d2ec}
html[data-theme=dark] .public-plan-networks b .icon{color:#a9c8ff}
html[data-theme=dark] .plan-network-badge{border-color:#24406b;background:linear-gradient(135deg,#152642,#12223e)}
html[data-theme=dark] .plan-network-copy b{color:#e0e9fb}
html[data-theme=dark] .plan-network-copy small{color:#9fb0cc}
html[data-theme=dark] .plan-network-empty{color:#8ea0bd}
html[data-theme=dark] .public-plan-features span{border-color:#24406b;background:#1b3157;color:#9fb0cc}
html[data-theme=dark] .public-plan-features span:before{background:#24406b;color:#a3b3cd}
html[data-theme=dark] .public-plan-features span.on{border-color:#24514a;background:#153f38;color:#4fd6a0}
html[data-theme=dark] .public-plan-features span.on:before{background:#16513f;color:#4fd6a0}
html[data-theme=dark] .public-plan-card.is-recommended{border-color:#4f5a2a;background:radial-gradient(ellipse at 95% 0,rgba(245,210,110,.16),transparent 40%),linear-gradient(150deg,#152642,#1b2a30 55%,#20210f)}
html[data-theme=dark] .plans-guide-card{border-color:#24406b;background:linear-gradient(145deg,#152642,#122240)}
html[data-theme=dark] .plans-guide-card--quota{border-color:#24514a;background:linear-gradient(145deg,#152642,#123028)}
html[data-theme=dark] .plans-guide-icon{background:linear-gradient(145deg,#1b3157,#152642);color:#a9c8ff;border-color:#24406b}
html[data-theme=dark] .plans-guide-card--quota .plans-guide-icon{background:linear-gradient(145deg,#163f38,#152642);color:#4fd6b0;border-color:#24514a}
html[data-theme=dark] .plans-guide-copy h3{color:#e0e9fb}
html[data-theme=dark] .plans-guide-copy p{color:#a3b3cd}
html[data-theme=dark] .plans-guide-copy li{color:#c3d2ec}
html[data-theme=dark] .plans-empty-state{color:#a3b3cd;background:#152642;border-color:#24406b}

/* Clear, compact commerce/finance feature cards inside public plan pricing. */
.ox-plan-section{display:grid;gap:12px;margin:16px 0 20px;padding:14px;border:1px solid #e5e9f4;border-radius:18px;background:linear-gradient(150deg,#fbfcff,#f5f7fd);color:#2c3956}
.ox-plan-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #e5e9f4}
.ox-plan-section-head>div{display:grid;gap:2px}.ox-plan-section-head b{font:800 12px Shabnam,Vazirmatn}.ox-plan-section-head small{font:10px/1.7 Vazirmatn,Shabnam;color:#8490a6}.ox-plan-section-mark{font:700 8px Outfit,Arial,sans-serif;letter-spacing:1px;color:#7786bd;white-space:nowrap}
.ox-plan-feature-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ox-plan-category-card{min-width:0;padding:11px;border:1px solid #e2e8f5;border-radius:13px;background:#fff;box-shadow:0 4px 13px #293d6b08}
.ox-plan-category-card:last-child:nth-child(odd){grid-column:1/-1}
.ox-plan-category-card>header{display:flex;align-items:center;gap:9px;min-height:38px;margin-bottom:9px}.ox-plan-category-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#edf1ff;color:#5264cd}.ox-plan-category-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ox-plan-category-card>header>span:last-child{display:grid;min-width:0;gap:1px}.ox-plan-category-card>header b{font:800 10.5px/1.7 Shabnam,Vazirmatn;color:#34415e}.ox-plan-category-card>header small{font:9px/1.6 Vazirmatn,Shabnam;color:#8994a8}
.ox-plan-feature-list{display:grid;gap:6px}.ox-plan-feature-item{display:flex;align-items:center;gap:7px;min-width:0;padding:6px 7px;border:1px solid #edf0f6;border-radius:8px;background:#f9faff;font:600 9px/1.65 Vazirmatn,Shabnam;color:#58647d}.ox-plan-status-icon{display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;border-radius:50%;font:900 11px/1 Arial}.ox-plan-feature-item small{margin-inline-start:auto;font:700 8px Vazirmatn,Shabnam;white-space:nowrap}.ox-plan-feature-item.is-enabled{border-color:#d6efe3;background:#effaf5;color:#236e55}.ox-plan-feature-item.is-enabled .ox-plan-status-icon{background:#d7f2e4;color:#16845e}.ox-plan-feature-item.is-disabled{color:#8d96a8;background:#f5f6f8}.ox-plan-feature-item.is-disabled .ox-plan-status-icon{background:#e9ebef;color:#9099a8}
.ox-plan-limit-panel{padding-top:10px;border-top:1px solid #e5e9f4}.ox-plan-limit-heading{display:flex;justify-content:space-between;align-items:baseline;gap:9px;margin-bottom:8px}.ox-plan-limit-heading b{font:800 10px Shabnam,Vazirmatn;color:#465371}.ox-plan-limit-heading small{font:9px/1.6 Vazirmatn,Shabnam;color:#8994a8}.ox-plan-limits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}.ox-plan-limits>div{display:flex;flex-direction:column;gap:3px;min-width:0;padding:8px;border:1px solid #e7ebf4;border-radius:9px;background:#fff}.ox-plan-limits dt{font:500 8.5px/1.6 Vazirmatn,Shabnam;color:#7d899f}.ox-plan-limits dd{display:flex;align-items:baseline;gap:4px;margin:0;font:800 11px Shabnam,Vazirmatn;color:#4658b5}.ox-plan-limits dd small{font:8px Vazirmatn,Shabnam;color:#8b96a9}
html[data-theme=dark] .ox-plan-section{border-color:#294061;background:linear-gradient(150deg,#132541,#102039);color:#e5efff}html[data-theme=dark] .ox-plan-section-head{border-color:#294061}html[data-theme=dark] .ox-plan-section-head b,html[data-theme=dark] .ox-plan-category-card>header b,html[data-theme=dark] .ox-plan-limit-heading b{color:#e3edff}html[data-theme=dark] .ox-plan-category-card,html[data-theme=dark] .ox-plan-limits>div{border-color:#2b4263;background:#152844}html[data-theme=dark] .ox-plan-feature-item{border-color:#2a4263;background:#10223d;color:#c3d4ee}html[data-theme=dark] .ox-plan-feature-item.is-enabled{border-color:#245b4d;background:#143d37;color:#9ce3c3}html[data-theme=dark] .ox-plan-feature-item.is-disabled{border-color:#34445e;background:#1b2b45;color:#a1b1ca}html[data-theme=dark] .ox-plan-limit-panel{border-color:#294061}html[data-theme=dark] .ox-plan-limits dd{color:#b7c5ff}
@media(max-width:520px){.ox-plan-feature-groups{grid-template-columns:1fr}.ox-plan-category-card:last-child:nth-child(odd){grid-column:auto}.ox-plan-limits{grid-template-columns:repeat(2,minmax(0,1fr))}.ox-plan-limit-heading{align-items:flex-start;flex-direction:column}}

/* Pricing usage-cap inset spacing */
.ox-plan-limit-panel{padding-inline:clamp(8px,1.4vw,16px);box-sizing:border-box}

/* Premium spacing for per-plan usage limits. */
.ox-plan-limit-panel{padding:14px clamp(14px,2vw,22px) 12px!important;border:1px solid #dce5f2!important;border-radius:15px!important;background:linear-gradient(145deg,#f8faff,#f1f5fc)!important;box-shadow:inset 0 1px 0 #fff,0 5px 14px #263b6e08}
.ox-plan-limit-heading{margin-bottom:10px!important;padding-bottom:8px;border-bottom:1px solid #dfe6f2}
.ox-plan-limits{gap:8px!important}
.ox-plan-limits>div{padding:10px 11px!important;border-color:#dfe6f2!important;border-radius:11px!important;background:linear-gradient(145deg,#fff,#f9fbff)!important;box-shadow:0 3px 9px #263b6e08}
.ox-plan-limits dt{font-size:9px!important;line-height:1.8!important}
.ox-plan-limits dd{font-size:12px!important;line-height:1.7}
html[data-theme=dark] .ox-plan-limit-panel{border-color:#2d4568!important;background:linear-gradient(145deg,#142943,#12243d)!important;box-shadow:none}
html[data-theme=dark] .ox-plan-limit-heading{border-color:#304967}
html[data-theme=dark] .ox-plan-limits>div{border-color:#304967!important;background:linear-gradient(145deg,#192f4b,#152a44)!important}
/* Improve quota panel spacing with comfortable horizontal insets across plan cards. */
.ox-plan-limit-panel{padding-inline:clamp(15px,2.2vw,24px)!important}
.ox-plan-limits>div{padding-inline:12px!important}


/* Final pricing quota card spacing: readable inner gutters at every breakpoint. */
.ox-plan-limit-panel{padding-inline:clamp(18px,2.8vw,28px)!important;box-sizing:border-box}
.ox-plan-limits>div{padding-inline:14px!important;min-width:0}
@media(max-width:520px){.ox-plan-limit-panel{padding-inline:15px!important}.ox-plan-limits>div{padding-inline:11px!important}}

/* Round 4.2: improved breathing room for public plan usage-limit cards. */
.ox-plan-limit-panel{padding-inline:clamp(18px,3vw,30px)!important;box-sizing:border-box}
.ox-plan-limits{column-gap:10px!important}
.ox-plan-limits>div{padding-inline:14px!important;min-width:0}

/* ---------- Landing plan cards: essentials only, two columns max ----------
   Full entitlement tables and the comparison live on the dedicated plans page. */
.public-plan-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.public-plan-card .public-plan-features{grid-template-columns:1fr 1fr}
.public-plan-card .ox-discount-box{padding:12px 13px;gap:8px;margin:2px 0 14px}
.public-plan-card .ox-discount-item{padding:8px 10px;gap:8px}
.public-plan-card .ox-discount-code{font-size:12px;padding:4px 10px}
.public-plan-card .ox-discount-help{display:none}
.public-plan-card .plan-ribbon{overflow:hidden;max-width:calc(100% - 30px)}
.public-plan-card .plan-ribbon span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.plans-footer{display:grid;gap:10px;justify-items:center;margin-top:26px;padding:20px 22px;border:1px solid #dfe6f7;border-radius:20px;background:linear-gradient(150deg,#fff,#f5f7ff);box-shadow:0 14px 34px rgba(39,57,116,.07);text-align:center}
.plans-footer h3{margin:0;font:800 16px/1.7 Shabnam,Vazirmatn;color:#25345a}
.plans-footer p{margin:0;font:12px/2 Vazirmatn,Shabnam;color:#75829a;max-width:640px}
.plans-footer-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px}
@media(max-width:1080px){.public-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:630px){.public-plan-grid{grid-template-columns:1fr}}
html[data-theme=dark] .plan-ribbon{border-color:#c9a13d;background:linear-gradient(110deg,#ffe9a8,#f2d379);color:#2a1c02;text-shadow:none}
html[data-theme=dark] .plans-footer{background:#101f3a;border-color:#274467}
html[data-theme=dark] .plans-footer h3{color:#e6eefc}
html[data-theme=dark] .plans-footer p{color:#b0bed3}
/* Public plan recommendation ribbon: preserve contrast on the warm, light ribbon. */
.plan-ribbon{color:#3f2a04}
html[data-theme=dark] .plan-ribbon{color:#2a1c02}

/* Recommended-plan ribbon colors are authored per plan and validated by the server. */
.plan-ribbon{background:var(--ox-plan-ribbon-bg,#465fa9)!important;border-color:var(--ox-plan-ribbon-bg,#465fa9)!important;color:var(--ox-plan-ribbon-fg,#fff)!important;text-shadow:none!important}
html[data-theme=dark] .plan-ribbon{background:var(--ox-plan-ribbon-bg,#465fa9)!important;border-color:var(--ox-plan-ribbon-bg,#465fa9)!important;color:var(--ox-plan-ribbon-fg,#fff)!important;text-shadow:none!important}

/* ---------- payment story, honest limits and the learn hub ----------
   Every rule below has a dark variant; no remote asset, no icon font, no import. */
.ox-pay-section{padding-block:100px;background:linear-gradient(180deg,#f8faff,#eef3ff 55%,#f8faff);border-block:1px solid #e6eaf5}
.ox-pay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ox-pay-filter{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:0 0 18px}
.ox-pay-pill{border:1px solid #dde4f5;background:#fff;color:#5c6883;border-radius:30px;padding:8px 17px;font:700 12px Shabnam,Vazirmatn;transition:background .2s,border-color .2s,color .2s}
.ox-pay-pill:hover{border-color:#b9c5f0;color:#3f4ec4}
.ox-pay-pill.is-active{background:#5a5fd6;border-color:#5a5fd6;color:#fff;box-shadow:0 7px 18px rgba(90,95,214,.24)}
.ox-pay-pill:focus-visible{outline:3px solid #51a1ff;outline-offset:3px}
.ox-pay-filter-status{margin:0 0 14px;text-align:center;font:600 11.5px/1.9 Vazirmatn,Shabnam;color:#7f8aa2}
.ox-pay-card.is-hidden{display:none}
.ox-pay-card{position:relative;display:grid;gap:13px;align-content:start;min-width:0;padding:24px 22px 20px;border:1px solid #e6eaf5;border-radius:21px;background:#fff;box-shadow:0 8px 24px rgba(39,57,116,.05);transition:transform .3s,border-color .3s,box-shadow .3s}
.ox-pay-card:hover{transform:translateY(-6px);border-color:#cdd6f6;box-shadow:var(--shadow)}
.ox-pay-card.is-manual{border-color:#f0dfae;background:linear-gradient(150deg,#fffdf6,#fff)}
.ox-pay-card.is-external{border-color:#d9e6f8;background:linear-gradient(150deg,#f7fbff,#fff)}
.ox-pay-card-head{display:flex;align-items:center;gap:12px}
.ox-pay-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:#ecefff;color:#5a5fd6}
.ox-pay-card.is-manual .ox-pay-icon{background:#fdf0d5;color:#b5791c}
.ox-pay-card.is-external .ox-pay-icon{background:#e3f1ff;color:#2576d0}
.ox-pay-icon .icon{width:22px;height:22px}
.ox-pay-titles{display:grid;min-width:0;gap:2px}
.ox-pay-titles b{font:800 15px/1.7 Shabnam,Vazirmatn;color:#1c2a4d}
.ox-pay-titles small{font:600 10.5px/1.7 Vazirmatn,Shabnam;color:#7a86a0}
.ox-pay-no{margin-inline-start:auto;font:900 13px Shabnam,Vazirmatn;color:#ccd4ea}
.ox-pay-card>p{margin:0;font:12.5px/2.05 Vazirmatn,Shabnam;color:#71809b}
.ox-pay-meta{display:grid;gap:7px;margin:0;padding-top:11px;border-top:1px dashed #e3e8f5}
.ox-pay-meta>div{display:grid;gap:1px}
.ox-pay-meta dt{font:600 9.5px/1.7 Vazirmatn,Shabnam;color:#8d97ac;letter-spacing:.02em}
.ox-pay-meta dd{margin:0;font:700 11.5px/1.8 Shabnam,Vazirmatn;color:#3c4a6e;overflow-wrap:anywhere}
.ox-pay-state{align-self:start;font:700 10px/1.7 Shabnam,Vazirmatn;color:#5b63c9;background:#f0f1ff;border-radius:9px;padding:4px 10px}
.ox-pay-card.is-manual .ox-pay-state{color:#8f5d10;background:#fdf1d8}
.ox-pay-card.is-external .ox-pay-state{color:#20649f;background:#e6f2ff}
.ox-pay-flow{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:start;margin-top:20px;padding:26px 26px 22px;border:1px solid #e2e8f6;border-radius:24px;background:linear-gradient(150deg,#fff,#f4f7ff);box-shadow:0 14px 36px rgba(39,57,116,.06)}
.ox-pay-flow-copy h3{margin:12px 0 8px;font:800 18px/1.7 Shabnam,Vazirmatn;color:#1c2a4d}
.ox-pay-flow-copy p{margin:0;font:12.5px/2.05 Vazirmatn,Shabnam;color:#74819a}
.ox-pay-steps{display:grid;gap:11px;margin:0;padding:0;list-style:none}
.ox-pay-steps li{display:flex;gap:13px;align-items:flex-start;min-width:0;padding:13px 14px;border:1px solid #e5eaf6;border-radius:15px;background:#fff}
.ox-pay-steps i{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#5a5fd6;color:#fff;font:800 13px Shabnam,Vazirmatn;font-style:normal}
.ox-pay-steps li>div{display:grid;gap:3px;min-width:0}
.ox-pay-steps b{font:800 13px/1.7 Shabnam,Vazirmatn;color:#22305a}
.ox-pay-steps span{font:11.5px/1.95 Vazirmatn,Shabnam;color:#7a869f}
.ox-pay-note{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;padding:14px 18px;border-radius:16px;background:#f1f4fd;border:1px solid #e0e7f7;font:12px/2 Vazirmatn,Shabnam;color:#5f6c88}
.ox-pay-note .icon{flex:0 0 19px;width:19px;height:19px;margin-top:4px;color:#5a5fd6}

.ox-pay-detail-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ox-pay-detail-links a{display:inline-flex;align-items:center;min-height:36px;padding:7px 12px;border:1px solid #d8e0f0;border-radius:10px;background:#fff;color:#34466c;font:600 12px/1.7 Vazirmatn,Shabnam;text-decoration:none;transition:background .18s,border-color .18s,color .18s}
.ox-pay-detail-links a:hover,.ox-pay-detail-links a:focus-visible{background:#eef3ff;border-color:#9aaee3;color:#293f7b;outline:none}
/* Payment method chips on each landing plan card: the same list the checkout offers. */
.ox-pay-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px}
.ox-pay-chips>small{font:700 10px Shabnam,Vazirmatn;color:#8b95ab}
.ox-pay-chip{font:700 10px/1.7 Shabnam,Vazirmatn;color:#4f5bb7;background:#f1f2ff;border:1px solid #dfe2fb;border-radius:9px;padding:3px 9px;white-space:nowrap}
.ox-pay-chip.is-online{color:#146c4f;background:#eafaef;border-color:#cdefdc}
.ox-pay-chip.is-manual{color:#8f5d10;background:#fdf2da;border-color:#f2e0b6}
.ox-pay-chip.is-external,.ox-pay-chip.is-plan{color:#20649f;background:#e9f3ff;border-color:#cfe3f8}
.ox-pay-chip.is-free{color:#146c4f;background:#eafaef;border-color:#cdefdc}
/* Honest limits */
.ox-limits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ox-limit-card{position:relative;min-width:0;padding:22px 20px 20px 20px;border:1px solid #e8ecf6;border-radius:19px;background:#fff;box-shadow:0 6px 18px rgba(39,57,116,.04)}
.ox-limit-card h3{margin:0 0 8px;padding-inline-start:44px;font:800 14px/1.75 Shabnam,Vazirmatn;color:#22305a}
.ox-limit-card p{margin:0;font:12.5px/2.05 Vazirmatn,Shabnam;color:#74819a}
.ox-limit-no{position:absolute;inset-inline-start:20px;top:20px;display:flex;align-items:center;gap:4px;font:800 10px Shabnam,Vazirmatn;color:#a8700f;background:#fdf1d5;border:1px solid #f1e1ba;border-radius:9px;padding:3px 7px}
.ox-limit-no .icon{width:14px;height:14px;color:#c98a14}
.ox-limits-foot{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin-top:18px;padding:22px 26px;border-radius:20px;border:1px solid #e0e7f7;background:linear-gradient(150deg,#fff,#f2f6ff);box-shadow:0 14px 34px rgba(39,57,116,.06)}
.ox-limits-foot b{display:block;margin-bottom:5px;font:800 14.5px/1.7 Shabnam,Vazirmatn;color:#22305a}
.ox-limits-foot p{margin:0;font:12.5px/2 Vazirmatn,Shabnam;color:#74819a;max-width:660px}
.ox-limits-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
/* Learn hub: outcomes in the shopkeepers own words, plus the guide directory. */
.ox-outcome-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:34px}
.ox-outcome-card{display:grid;gap:9px;align-content:start;min-width:0;padding:20px 19px;border:1px solid #e8ecf6;border-radius:18px;background:#fff;box-shadow:0 6px 18px rgba(39,57,116,.04);transition:transform .3s,border-color .3s}
.ox-outcome-card:hover{transform:translateY(-5px);border-color:#ccd6f5}
.ox-outcome-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#eef1ff;color:#5a5fd6}
.ox-outcome-icon .icon{width:21px;height:21px}
.ox-outcome-card h3{margin:0;font:800 14px/1.7 Shabnam,Vazirmatn;color:#1f2d52}
.ox-outcome-card p{margin:0;font:12px/2 Vazirmatn,Shabnam;color:#77839c}
.ox-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ox-guide-card{display:grid;gap:8px;align-content:start;min-width:0;padding:20px 19px 16px;border:1px solid #e5eaf6;border-radius:19px;background:linear-gradient(150deg,#fff,#f6f8ff);box-shadow:0 8px 22px rgba(39,57,116,.05);transition:transform .3s,border-color .3s,box-shadow .3s}
.ox-guide-card:hover{transform:translateY(-5px);border-color:#c6d1f4;box-shadow:var(--shadow)}
.ox-guide-card:focus-visible{outline:3px solid #51a1ff;outline-offset:3px}
.ox-guide-no{font:900 11px Shabnam,Vazirmatn;color:#b5bfd8;letter-spacing:.08em}
.ox-guide-card b{font:800 13.5px/1.7 Shabnam,Vazirmatn;color:#22305a}
.ox-guide-card p{margin:0;font:11.5px/2 Vazirmatn,Shabnam;color:#788399}
.ox-guide-more{display:inline-flex;align-items:center;gap:5px;margin-top:2px;font:700 11px Shabnam,Vazirmatn;color:#5b63c9}
.ox-guide-more span{transition:transform .2s}
.ox-guide-card:hover .ox-guide-more span{transform:translateX(-4px)}
.ox-learn-links{display:flex;flex-wrap:wrap;gap:11px;justify-content:center;margin-top:26px}
.ox-scenarios-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;margin:24px 0 0;text-align:center}
.ox-scenarios-foot a{display:inline-flex;align-items:center;gap:6px;font:700 13px Shabnam,Vazirmatn;color:#5b63c9}
.ox-scenarios-foot a:hover{color:#3f4ec4}
.ox-scenarios-foot span:last-child{font:11.5px/1.9 Vazirmatn,Shabnam;color:#8490a6;max-width:520px}
/* Landing magazine chip: PHP-computed ink keeps the label readable on any category colour. */
.ox-magazine-card>a{position:relative}
.ox-magazine-cat{position:absolute;top:10px;inset-inline-end:10px;z-index:3;display:inline-block;max-width:min(75%,220px);overflow:hidden;opacity:1;visibility:visible;border-radius:9px;padding:4px 10px;font:800 10.5px/1.7 Shabnam,Vazirmatn;white-space:nowrap;text-overflow:ellipsis;box-shadow:0 4px 14px rgba(16,28,58,.16);backdrop-filter:blur(2px)}
@media(max-width:1080px){.ox-pay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ox-limits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ox-outcome-grid,.ox-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ox-pay-flow{grid-template-columns:1fr;gap:20px}}
@media(max-width:630px){.ox-pay-section{padding-block:64px}.ox-pay-grid,.ox-limits-grid,.ox-outcome-grid,.ox-guide-grid{grid-template-columns:1fr}.ox-pay-card{padding:20px 17px}.ox-pay-flow{padding:20px 17px}.ox-limits-foot{padding:18px}.ox-pay-note{padding:12px 14px}.ox-scenarios-foot{flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){.ox-pay-card,.ox-outcome-card,.ox-guide-card{transform:none;transition:none}.ox-pay-card:hover,.ox-outcome-card:hover,.ox-guide-card:hover{transform:none}.ox-guide-more span{transition:none}}

/* Dark theme for the payment story, limits and learn hub */
html[data-theme=dark] .ox-pay-section{background:linear-gradient(180deg,#0b1a33,#0e2244 55%,#0b1a33);border-block-color:#24406b}
html[data-theme=dark] .ox-pay-pill{background:#152642;border-color:#24406b;color:#a3b3cd}
html[data-theme=dark] .ox-pay-pill:hover{border-color:#375780;color:#e0e9fb}
html[data-theme=dark] .ox-pay-pill.is-active{background:#2457c5;border-color:#3a6ed6;color:#fff;box-shadow:0 7px 18px rgba(0,0,0,.45)}
html[data-theme=dark] .ox-pay-filter-status{color:#8fa1bf}
html[data-theme=dark] .ox-pay-card{background:#152642;border-color:#24406b;box-shadow:0 8px 24px rgba(0,0,0,.34)}
html[data-theme=dark] .ox-pay-card:hover{border-color:#375780;box-shadow:0 22px 46px rgba(0,0,0,.5)}
html[data-theme=dark] .ox-pay-card.is-manual{background:linear-gradient(150deg,#1c2410,#152642);border-color:#4a4a26}
html[data-theme=dark] .ox-pay-card.is-external{background:linear-gradient(150deg,#12304a,#152642);border-color:#274a68}
html[data-theme=dark] .ox-pay-titles b,html[data-theme=dark] .ox-pay-steps b,html[data-theme=dark] .ox-limit-card h3,html[data-theme=dark] .ox-outcome-card h3,html[data-theme=dark] .ox-guide-card b,html[data-theme=dark] .ox-limits-foot b,html[data-theme=dark] .ox-pay-flow-copy h3{color:#e0e9fb}
html[data-theme=dark] .ox-pay-titles small{color:#9fb0cc}
html[data-theme=dark] .ox-pay-icon{background:#1b3157;color:#a9c8ff}
html[data-theme=dark] .ox-pay-card.is-manual .ox-pay-icon{background:#3f3320;color:#e9b866}
html[data-theme=dark] .ox-pay-card.is-external .ox-pay-icon{background:#1b3a5e;color:#79c0f5}
html[data-theme=dark] .ox-pay-no{color:#2f4c78}
html[data-theme=dark] .ox-pay-card>p{color:#a3b3cd}
html[data-theme=dark] .ox-pay-meta{border-top-color:#24406b}
html[data-theme=dark] .ox-pay-meta dt{color:#8fa1bf}
html[data-theme=dark] .ox-pay-meta dd{color:#c3d2ec}
html[data-theme=dark] .ox-pay-state{background:#1b3157;color:#bccdff;border:1px solid #24406b}
html[data-theme=dark] .ox-pay-card.is-manual .ox-pay-state{background:#3f3320;color:#e9b866;border-color:#5a4a26}
html[data-theme=dark] .ox-pay-card.is-external .ox-pay-state{background:#1b3a5e;color:#8fcbf8;border-color:#2a5478}
html[data-theme=dark] .ox-pay-flow{background:linear-gradient(150deg,#152642,#10254a);border-color:#24406b;box-shadow:0 14px 36px rgba(0,0,0,.45)}
html[data-theme=dark] .ox-pay-flow-copy p{color:#a3b3cd}
html[data-theme=dark] .ox-pay-steps li{background:#0f2140;border-color:#24406b}
html[data-theme=dark] .ox-pay-steps i{background:#2457c5;color:#fff}
html[data-theme=dark] .ox-pay-steps span{color:#9fb0cc}
html[data-theme=dark] .ox-pay-note{background:#10254a;border-color:#24406b;color:#b0bed3}
html[data-theme=dark] .ox-pay-note .icon{color:#a9c8ff}
html[data-theme=dark] .ox-pay-detail-links a{background:#132442;border-color:#2b4167;color:#c8d7f0}
html[data-theme=dark] .ox-pay-detail-links a:hover,html[data-theme=dark] .ox-pay-detail-links a:focus-visible{background:#1b3157;border-color:#5876ad;color:#fff}
html[data-theme=dark] .ox-pay-chips>small{color:#9fb0cc}
html[data-theme=dark] .ox-pay-chip{background:#1b3157;border-color:#24406b;color:#bccdff}
html[data-theme=dark] .ox-pay-chip.is-online,html[data-theme=dark] .ox-pay-chip.is-free{background:#153f38;border-color:#24514a;color:#4fd6a0}
html[data-theme=dark] .ox-pay-chip.is-manual{background:#3f3320;border-color:#5a4a26;color:#e9b866}
html[data-theme=dark] .ox-pay-chip.is-external,html[data-theme=dark] .ox-pay-chip.is-plan{background:#1b3a5e;border-color:#2a5478;color:#8fcbf8}
html[data-theme=dark] .ox-limit-card{background:#152642;border-color:#24406b;box-shadow:0 6px 18px rgba(0,0,0,.32)}
html[data-theme=dark] .ox-limit-card p{color:#a3b3cd}
html[data-theme=dark] .ox-limit-no{background:#3f3320;border-color:#5a4a26;color:#e9b866}
html[data-theme=dark] .ox-limit-no .icon{color:#e9b866}
html[data-theme=dark] .ox-limits-foot{background:linear-gradient(150deg,#152642,#10254a);border-color:#24406b}
html[data-theme=dark] .ox-limits-foot p{color:#a3b3cd}
html[data-theme=dark] .ox-outcome-card{background:#152642;border-color:#24406b;box-shadow:0 6px 18px rgba(0,0,0,.3)}
html[data-theme=dark] .ox-outcome-card:hover{border-color:#375780}
html[data-theme=dark] .ox-outcome-icon{background:#1b3157;color:#a9c8ff}
html[data-theme=dark] .ox-outcome-card p{color:#a3b3cd}
html[data-theme=dark] .ox-guide-card{background:linear-gradient(150deg,#152642,#10254a);border-color:#24406b;box-shadow:0 8px 22px rgba(0,0,0,.34)}
html[data-theme=dark] .ox-guide-card:hover{border-color:#375780}
html[data-theme=dark] .ox-guide-no{color:#44628f}
html[data-theme=dark] .ox-guide-card p{color:#a3b3cd}
html[data-theme=dark] .ox-guide-more,html[data-theme=dark] .ox-scenarios-foot a{color:#a9c8ff}
html[data-theme=dark] .ox-scenarios-foot span:last-child{color:#9fb0cc}


/* Centered, compact identity/price/description badges for public plan cards. */
.public-plan-card-top{display:grid!important;grid-template-columns:1fr;justify-items:center;align-content:center;gap:10px;text-align:center}
.public-plan-identity{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
.public-plan-title{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:7px 17px;border:1px solid #d9def8;border-radius:999px;background:linear-gradient(125deg,#eef2ff,#f8efff);color:#4c55a8!important;font:850 14px/1.7 Shabnam,Vazirmatn!important;box-shadow:0 5px 14px rgba(77,91,173,.09);text-align:center}
.public-plan-card-top>small{display:inline-flex;align-items:center;justify-content:center;margin:0 auto;width:max-content;max-width:100%}
.public-plan-price{display:table;width:max-content;max-width:100%;margin:13px auto 10px!important;padding:9px 19px 10px!important;border:1px solid #dce3fa;border-radius:16px;background:linear-gradient(135deg,#f2f5ff,#f9f0ff);box-shadow:0 8px 20px rgba(67,83,157,.09);color:#4658bd!important;font:900 clamp(22px,2vw,29px)/1.55 Shabnam,Vazirmatn!important;text-align:center;letter-spacing:0}
.public-plan-description{display:block;max-width:100%;min-height:0!important;margin:0 auto 15px!important;padding:10px 14px;border:1px solid #e2e8f5;border-radius:14px;background:linear-gradient(135deg,#fafbff,#f4f7fd);color:#64718a!important;font:500 11px/2 Vazirmatn,Shabnam!important;text-align:center}
.public-plan-best-coupon{display:grid;justify-items:center;gap:4px;width:100%;margin:0 auto 12px;padding:10px 12px;border:1px solid #cfeadf;border-radius:15px;background:linear-gradient(135deg,#f0fbf5,#f5fbff);text-align:center}
.public-plan-best-coupon-label{color:#39775f;font:800 9px/1.7 Vazirmatn,Shabnam}
.public-plan-best-coupon-code{display:inline-flex;justify-content:center;padding:4px 13px;border:1px dashed #63b78d;border-radius:999px;background:#fff;color:#176b49;font:900 12px/1.7 Vazirmatn,Shabnam;letter-spacing:.5px}
.public-plan-best-coupon small{color:#5e806f;font:600 9px/1.8 Vazirmatn,Shabnam}
.public-plan-card.is-recommended .public-plan-title{border-color:#eddfb5;background:linear-gradient(125deg,#fff4d5,#fff9ed);color:#806020!important}
.public-plan-card.is-recommended .public-plan-price{border-color:#efdfb8;background:linear-gradient(135deg,#fff5dd,#fffaf0);color:#8a681e!important}
html[data-theme=dark] .public-plan-title{border-color:#344a75;background:linear-gradient(125deg,#1b3158,#29264d);color:#d5ddff!important}
html[data-theme=dark] .public-plan-price{border-color:#3c5280;background:linear-gradient(135deg,#1d345b,#2b2c55);color:#c7d3ff!important}
html[data-theme=dark] .public-plan-description{border-color:#304867;background:linear-gradient(135deg,#172d4a,#162b44);color:#b8c8e1!important}
html[data-theme=dark] .public-plan-best-coupon{border-color:#285d50;background:linear-gradient(135deg,#153c36,#172f42)}
html[data-theme=dark] .public-plan-best-coupon-label,html[data-theme=dark] .public-plan-best-coupon small{color:#a5dfc6}
html[data-theme=dark] .public-plan-best-coupon-code{border-color:#3d9a73;background:#112f2a;color:#a6f0ca}
@media(max-width:630px){.public-plan-title{font-size:13px!important}.public-plan-price{font-size:23px!important;padding:8px 14px!important}}
.public-plan-card .ox-plan-deal{display:grid;justify-items:center;gap:5px;margin:0 auto 11px;padding:9px 13px;border:1px solid #e5cf8b;border-radius:15px;background:linear-gradient(125deg,#fffdf3,#fff5d8);box-shadow:0 7px 17px rgba(150,112,15,.08);text-align:center}
.public-plan-card .ox-plan-deal span{color:#795c17;font:800 9px/1.8 Vazirmatn,Shabnam}
.public-plan-card .ox-plan-deal b{display:inline-flex;justify-content:center;max-width:100%;padding:4px 13px;border-radius:11px;background:#172d59;color:#ffe08a;font:900 18px/1.7 Shabnam,Vazirmatn;box-shadow:0 5px 13px rgba(23,45,89,.16)}
html[data-theme=dark] .public-plan-card .ox-plan-deal{border-color:#6b5a1c;background:linear-gradient(125deg,#201c0b,#2b2510);box-shadow:none}
html[data-theme=dark] .public-plan-card .ox-plan-deal span{color:#e8d488}
html[data-theme=dark] .public-plan-card .ox-plan-deal b{background:#0b1730;color:#ffe08a}


/* Compact, accessible coupon disclosure: codes stay below plan content and never widen cards. */
.public-plan-card{min-width:0}
.ox-plan-coupons-disclosure{width:100%;min-width:0;margin:12px 0 0;border:1px solid #dce6f2;border-radius:13px;background:#f8fbff;overflow:hidden}
.ox-plan-coupons-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:10px 12px;cursor:pointer;list-style:none;color:#415477;font:700 11px/1.8 Vazirmatn,Shabnam}
.ox-plan-coupons-disclosure>summary::-webkit-details-marker{display:none}
.ox-plan-coupons-disclosure>summary:after{content:'+';flex:0 0 auto;font-size:16px}
.ox-plan-coupons-disclosure[open]>summary:after{content:'−'}
.ox-plan-coupons-disclosure>summary b{flex:0 0 auto;color:#5870a8;font-size:10px}
.ox-plan-coupon-copy-list{display:grid;gap:7px;margin:0;padding:0 10px 10px;list-style:none}
.ox-plan-coupon-copy-list li{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;min-width:0;padding:8px;border:1px solid #e3eaf4;border-radius:10px;background:#fff}
.ox-copy-coupon{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:100%;min-width:0;padding:6px 9px;border:1px dashed #a8b8d3;border-radius:8px;background:#f8fbff;color:#29436c;cursor:pointer}
.ox-copy-coupon code{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;text-align:left;font:800 11px/1.6 ui-monospace,monospace}
.ox-copy-coupon span{flex:0 0 auto;font:700 10px/1.6 Vazirmatn,Shabnam}
.ox-copy-coupon.is-copied{border-color:#38a878;background:#effaf4;color:#176b49}
.ox-plan-coupon-copy-list small{display:block;min-width:0;overflow-wrap:anywhere;color:#77849b;font:500 9px/1.8 Vazirmatn,Shabnam}


/* Landing payment teaser intentionally stays high-level; deep workflows live in guides. */
.ox-pay-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}
.ox-pay-overview-grid article{min-width:0;padding:18px;border:1px solid #e3e9f5;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(37,55,104,.045)}
.ox-pay-overview-grid b{display:block;color:#25365c;font:800 13px/1.8 Shabnam,Vazirmatn}
.ox-pay-overview-grid p{margin:5px 0 0;color:#748199;font:500 11px/2 Vazirmatn,Shabnam}
.ox-pay-detail-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px auto 0;max-width:1000px}
.ox-pay-detail-links a{display:inline-flex;align-items:center;max-width:100%;padding:8px 12px;border:1px solid #dce5f4;border-radius:999px;background:#fff;color:#53678f;font:700 10px/1.8 Vazirmatn,Shabnam;text-decoration:none;overflow-wrap:anywhere}
.ox-pay-detail-links a:hover{border-color:#aabbe0;color:#394f87}
@media(max-width:760px){.ox-pay-overview-grid{grid-template-columns:1fr}.ox-pay-detail-links{justify-content:stretch}.ox-pay-detail-links a{flex:1 1 100%;justify-content:center}}

.ox-plan-coupon-copy-list li.is-best,.ox-ct-coupon-list li.is-best{border-color:#b8dfcc;background:#f3fbf6}
.ox-plan-coupon-copy-list li.is-best .ox-copy-coupon{border-color:#6ebd96;background:#f0fbf5;color:#176b49}
html[data-theme=dark] .ox-plan-coupon-copy-list li.is-best,html[data-theme=dark] .ox-ct-coupon-list li.is-best{border-color:#316d55;background:#102f2a}
html[data-theme=dark] .ox-plan-coupon-copy-list li.is-best .ox-copy-coupon{border-color:#3e9870;background:#153c32;color:#a8f0cc}


/* Complete, balanced landing card rows at desktop and intermediate widths. */
.ox-outcome-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){
 .usecase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ox-limits-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ox-outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .usecase-grid,.ox-limits-grid,.ox-outcome-grid,.ox-guide-grid{grid-template-columns:1fr}
}


/* Ordix 2.1.4 — premium, width-safe pricing cards on the landing page.
   Existing icons, recommendation ribbon, duration, coupon and CTA behaviour remain intact. */
.public-plan-card-top,
.public-plan-identity,
.public-plan-title,
.public-plan-card-top>small,
.public-plan-price{min-width:0;max-width:100%;box-sizing:border-box}
.public-plan-card-top{width:100%;grid-template-columns:minmax(0,1fr)!important;justify-items:center;gap:10px}
.public-plan-identity{width:100%;flex-direction:column;align-items:center;justify-content:center;gap:9px}
.public-plan-title{display:flex;width:fit-content;max-width:100%;min-width:0;align-items:center;justify-content:center;padding:9px clamp(14px,2vw,22px);border:1px solid #d8e1f7;border-radius:15px;background:linear-gradient(135deg,#fff 0%,#edf2ff 100%);color:#233f70!important;font:900 clamp(15px,1.25vw,18px)/1.8 Shabnam,Vazirmatn!important;letter-spacing:-.15px;text-align:center;white-space:normal;overflow-wrap:anywhere;box-shadow:0 8px 20px rgba(58,79,145,.10)}
.public-plan-card-top>small{display:inline-flex;width:fit-content;max-width:100%;align-items:center;justify-content:center;flex-wrap:wrap;margin:0 auto;padding:6px 11px;border:1px solid #e1e7f5;border-radius:999px;background:rgba(255,255,255,.9);color:#62718e;font:700 10px/1.8 Vazirmatn,Shabnam;white-space:normal;text-align:center;overflow-wrap:anywhere}
.public-plan-price{display:inline-flex;width:fit-content;max-width:100%;min-width:0;align-items:center;justify-content:center;margin:14px auto 11px!important;padding:10px clamp(14px,2vw,22px) 11px!important;border:1px solid #d8e2fa;border-radius:16px;background:linear-gradient(135deg,#fff 0%,#eef2ff 62%,#f7efff 100%);box-shadow:0 9px 22px rgba(67,83,157,.11);color:#354f9b!important;font:950 clamp(23px,2vw,31px)/1.55 Shabnam,Vazirmatn!important;letter-spacing:0;font-variant-numeric:tabular-nums;text-align:center;white-space:normal;overflow-wrap:anywhere}
.public-plan-card.is-recommended .public-plan-title{border-color:#ebd69c;background:linear-gradient(135deg,#fffaf0 0%,#fff0c9 100%);color:#795a17!important;box-shadow:0 8px 20px rgba(154,116,31,.12)}
.public-plan-card.is-recommended .public-plan-price{border-color:#efdfb8;background:linear-gradient(135deg,#fff 0%,#fff5dc 100%);color:#805d18!important}
html[data-theme=dark] .public-plan-title{border-color:#38517c;background:linear-gradient(135deg,#1d365d 0%,#252c54 100%);color:#e0e9ff!important;box-shadow:0 8px 20px rgba(0,0,0,.18)}
html[data-theme=dark] .public-plan-card-top>small{border-color:#304a70;background:rgba(23,43,70,.92);color:#b5c5df}
html[data-theme=dark] .public-plan-price{border-color:#3a5683;background:linear-gradient(135deg,#1b3154,#172b49);color:#d8e4ff!important;box-shadow:0 7px 18px rgba(0,0,0,.17)}
html[data-theme=dark] .public-plan-card.is-recommended .public-plan-title{border-color:#76612c;background:linear-gradient(135deg,#3b3219,#332b17);color:#ffe5a0!important}
html[data-theme=dark] .public-plan-card.is-recommended .public-plan-price{border-color:#6b5a1c;background:linear-gradient(135deg,#342c17,#2b2514);color:#ffe5a0!important}
@media(max-width:630px){
 .public-plan-title{font-size:14px!important;padding:8px 13px}
 .public-plan-price{font-size:clamp(22px,6vw,27px)!important;padding:8px 12px!important}
}

/* Complete entitlement matrix: all plan-builder toggles are visible in their domain. */
.ox-plan-section--complete{gap:14px}
.ox-plan-section--complete .ox-plan-feature-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
.ox-plan-subfeature-panel,.ox-plan-platform-quotas{padding:12px;border:1px solid #e2e8f5;border-radius:13px;background:rgba(255,255,255,.72)}
.ox-plan-subfeature-panel> b,.ox-plan-platform-quotas>b{display:block;margin-bottom:9px;font:800 10.5px Shabnam,Vazirmatn;color:#34415e}
.ox-plan-subfeature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ox-plan-subfeature-grid>section{padding:9px;border:1px solid #e8edf5;border-radius:10px;background:#fff;min-width:0}
.ox-plan-subfeature-grid h4{margin:0 0 7px;font:800 9px Vazirmatn,Shabnam;color:#68758e}
.ox-plan-subfeature-item{display:flex;align-items:center;gap:5px;padding:5px 0;border-top:1px dashed #e9edf4;font:600 8.5px/1.7 Vazirmatn,Shabnam;color:#637089}
.ox-plan-subfeature-item>span{font-weight:900}.ox-plan-subfeature-item small{margin-inline-start:auto;white-space:nowrap;font-size:8px}
.ox-plan-subfeature-item.is-enabled{color:#16845e}.ox-plan-subfeature-item.is-disabled{color:#929bad}
.ox-plan-platform-quotas>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:6px}
.ox-plan-platform-quotas>div>span{display:flex;justify-content:space-between;gap:8px;padding:7px 9px;border:1px solid #e8edf5;border-radius:8px;background:#fff;font:600 9px Vazirmatn,Shabnam}
.ox-plan-platform-quotas strong{color:#4658b5;font-weight:900}
.public-plan-entitlement-summary{display:grid;gap:9px;margin:12px 0 14px;padding:12px;border:1px solid #e3e9f4;border-radius:14px;background:linear-gradient(145deg,#fbfcff,#f3f6fc)}
.public-plan-entitlement-summary>section{display:grid;gap:6px}.public-plan-entitlement-summary>section>b{font:800 9px Shabnam,Vazirmatn;color:#465371}
.public-plan-entitlement-summary>section>div{display:flex;flex-wrap:wrap;gap:5px}
.public-plan-entitlement-summary>section span,.public-plan-quota-summary span{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid #cfe9dc;border-radius:999px;background:#effaf5;color:#236e55;font:700 8.5px Vazirmatn,Shabnam}
.public-plan-quota-summary{display:flex;flex-wrap:wrap;gap:5px;padding-top:8px;border-top:1px solid #e3e9f4}
.public-plan-quota-summary span{border-color:#dce4f5;background:#eef2ff;color:#485aa7}
html[data-theme=dark] .ox-plan-subfeature-panel,html[data-theme=dark] .ox-plan-platform-quotas{border-color:#2b4263;background:#142943}
html[data-theme=dark] .ox-plan-subfeature-panel>b,html[data-theme=dark] .ox-plan-platform-quotas>b{color:#e3edff}
html[data-theme=dark] .ox-plan-subfeature-grid>section,html[data-theme=dark] .ox-plan-platform-quotas>div>span{border-color:#304967;background:#192f4b}
html[data-theme=dark] .ox-plan-subfeature-grid h4,html[data-theme=dark] .ox-plan-subfeature-item{border-color:#304967;color:#b7c7df}
html[data-theme=dark] .ox-plan-subfeature-item.is-enabled{color:#8fe0b9}
html[data-theme=dark] .public-plan-entitlement-summary{border-color:#304967;background:linear-gradient(145deg,#142943,#12243d)}
html[data-theme=dark] .public-plan-entitlement-summary>section>b{color:#e3edff}
html[data-theme=dark] .public-plan-entitlement-summary>section span{background:#143d37;border-color:#245b4d;color:#9ce3c3}
html[data-theme=dark] .public-plan-quota-summary{border-color:#304967}
html[data-theme=dark] .public-plan-quota-summary span{background:#1b3057;border-color:#375780;color:#c4d2ff}
@media(max-width:700px){.ox-plan-subfeature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ox-plan-section--complete .ox-plan-feature-groups{grid-template-columns:1fr}}
@media(max-width:420px){.ox-plan-subfeature-grid{grid-template-columns:1fr}}

.public-plan-gateway-summary{display:grid;gap:6px;margin:9px 0;padding:9px 11px;border:1px solid #e3e9f4;border-radius:11px;background:#f8faff}
.public-plan-gateway-summary>b{font:800 9px Shabnam,Vazirmatn;color:#465371}
.public-plan-gateway-summary>div{display:flex;flex-wrap:wrap;gap:5px}
.public-plan-gateway-summary span{padding:4px 8px;border-radius:8px;background:#eaf0ff;color:#4559a7;font:700 8.5px Vazirmatn,Shabnam}
html[data-theme=dark] .public-plan-gateway-summary{border-color:#304967;background:#142943}
html[data-theme=dark] .public-plan-gateway-summary>b{color:#e3edff}
html[data-theme=dark] .public-plan-gateway-summary span{background:#1b3057;color:#c4d2ff}

.ox-plan-ai-provider-panel{margin:12px 0;padding:12px 14px;border:1px solid rgba(99,125,170,.18);border-radius:14px;background:linear-gradient(135deg,rgba(80,115,190,.055),rgba(255,255,255,.6))}
.ox-plan-ai-provider-panel>b{display:block;margin-bottom:9px;font-size:11px;font-weight:900}
.ox-plan-ai-provider-panel>div{display:flex;flex-wrap:wrap;gap:6px}
.ox-plan-ai-provider-panel>div>span{padding:5px 9px;border:1px solid rgba(80,130,105,.2);border-radius:999px;background:#e9f7ee;color:#226543;font-size:10px;font-weight:800}
.ox-plan-ai-provider-panel>small{display:block;margin-top:8px;color:var(--muted);font-size:10px}
html[data-theme=dark] .ox-plan-ai-provider-panel{background:#182538;border-color:#344a68}
html[data-theme=dark] .ox-plan-ai-provider-panel>div>span{background:#1e4931;border-color:#326e4a;color:#a8e6bc}