/*
Theme Name: Rankaia App Theme
Theme URI: https://rankaia.com/
Author: Rankaia
Author URI: https://rankaia.com/
Description: App-like bilingual growth, SEO, portfolio and dashboard theme for Rankaia with dark/light custom logos, topbar, sidebar, bottom nav, modals, charts and conversion-focused sections.
Version: 3.2.4
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: rankaia
*/
:root{--ra-bg:#f5f7fb;--ra-bg2:#eef6ff;--ra-surface:rgba(255,255,255,.78);--ra-card:#fff;--ra-text:#101828;--ra-head:#07111f;--ra-muted:#667085;--ra-border:rgba(16,24,40,.10);--ra-primary:#5a46ff;--ra-primary2:#2563eb;--ra-accent:#00d69a;--ra-warning:#ffbd2e;--ra-danger:#ff5b6e;--ra-shadow:0 20px 55px rgba(16,24,40,.10);--ra-shadow-soft:0 10px 24px rgba(16,24,40,.06);--ra-radius:24px;--ra-radius2:32px;--ra-max:1180px;--ra-logo-h:42px;--ra-footer-logo-h:64px;--ra-font:"Noto Kufi Arabic","Tajawal","Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
html[data-ra-theme="dark"]{--ra-bg:#070b14;--ra-bg2:#111827;--ra-surface:rgba(17,24,39,.78);--ra-card:#111827;--ra-text:#e9eef7;--ra-head:#fff;--ra-muted:#a7b0c0;--ra-border:rgba(255,255,255,.11);--ra-shadow:0 24px 70px rgba(0,0,0,.34);--ra-shadow-soft:0 10px 24px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 9%,rgba(0,214,154,.13),transparent 24%),radial-gradient(circle at 84% 4%,rgba(90,70,255,.15),transparent 31%),linear-gradient(180deg,var(--ra-bg),var(--ra-bg2));color:var(--ra-text);font-family:var(--ra-font);font-size:15px;line-height:1.9;overflow-x:hidden}body.rtl{text-align:right}body.ltr{text-align:left}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.ra-container{width:min(var(--ra-max),calc(100% - 32px));margin-inline:auto}.ra-app-shell{position:relative;min-height:100vh}.ra-topbar{height:38px;border-bottom:1px solid var(--ra-border);background:rgba(7,11,20,.92);color:#d9e3f2;font-size:12px;display:flex;align-items:center}.ra-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}.ra-topbar a{color:#fff}.ra-header{position:sticky;top:0;z-index:80;border-bottom:1px solid var(--ra-border);background:color-mix(in srgb,var(--ra-bg) 78%,transparent);backdrop-filter:blur(18px)}.admin-bar .ra-header{top:32px}.ra-header-inner{min-height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.ra-brand{display:flex;align-items:center;gap:10px;min-width:130px}.ra-logo-img{display:block;width:auto;max-width:180px;max-height:var(--ra-logo-h);object-fit:contain}.ra-logo-text{font-size:24px;line-height:1;font-weight:950;letter-spacing:-.04em;color:var(--ra-head)}.ra-logo-text span{color:var(--ra-accent)}.ra-logo-mark{width:38px;height:38px;border-radius:16px;background:linear-gradient(135deg,var(--ra-accent),var(--ra-primary));display:grid;place-items:center;color:#fff;font-weight:950;box-shadow:0 12px 24px rgba(90,70,255,.22)}.ra-nav{display:flex;align-items:center;justify-content:center;gap:5px}.ra-nav ul{display:flex;align-items:center;gap:5px;list-style:none;margin:0;padding:0}.ra-nav a{display:flex;align-items:center;min-height:40px;padding:8px 12px;border-radius:999px;color:var(--ra-muted);font-size:13px;font-weight:750}.ra-nav a:hover,.ra-nav .current-menu-item>a{background:var(--ra-card);color:var(--ra-head);box-shadow:var(--ra-shadow-soft)}.ra-actions{display:flex;align-items:center;gap:8px}.ra-btn,.ra-icon-btn{border:1px solid var(--ra-border);background:var(--ra-surface);color:var(--ra-head);cursor:pointer;transition:.22s ease;box-shadow:none}.ra-btn:hover,.ra-icon-btn:hover{transform:translateY(-1px);box-shadow:var(--ra-shadow-soft)}.ra-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 16px;border-radius:999px;font-weight:850}.ra-btn-primary{background:linear-gradient(135deg,var(--ra-primary),var(--ra-primary2));border-color:transparent;color:#fff;box-shadow:0 14px 32px rgba(90,70,255,.26)}.ra-btn-ghost{background:transparent}.ra-icon-btn{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;position:relative}.ra-lang-menu,.ra-theme-menu{position:relative}.ra-dropdown{position:absolute;top:calc(100% + 10px);inset-inline-end:0;width:178px;padding:8px;border-radius:18px;border:1px solid var(--ra-border);background:var(--ra-card);box-shadow:var(--ra-shadow);display:none;z-index:100}.ra-dropdown.active{display:block}.ra-dropdown button,.ra-dropdown a{width:100%;border:0;background:transparent;color:var(--ra-text);display:flex;align-items:center;gap:8px;padding:10px;border-radius:12px;cursor:pointer}.ra-dropdown button:hover,.ra-dropdown a:hover{background:rgba(90,70,255,.09)}.ra-main{min-height:72vh}.ra-section{padding:70px 0}.ra-section-tight{padding:38px 0}.ra-center{text-align:center;margin-inline:auto}.ra-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(90,70,255,.10);color:var(--ra-primary);font-size:12px;font-weight:950}.ra-h1{font-size:clamp(32px,4.4vw,54px);line-height:1.18;margin:16px 0 16px;letter-spacing:-.045em;color:var(--ra-head);font-weight:950;max-width:920px}.ra-h2{font-size:clamp(24px,3.1vw,38px);line-height:1.28;margin:0 0 12px;letter-spacing:-.035em;color:var(--ra-head);font-weight:950}.ra-h3{font-size:20px;line-height:1.45;margin:0 0 8px;color:var(--ra-head);font-weight:900}.ra-lead{font-size:16px;color:var(--ra-muted);max-width:780px;margin:0}.ra-small{font-size:13px;color:var(--ra-muted)}.ra-stack{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ra-grid{display:grid;gap:18px}.ra-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ra-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ra-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ra-card{background:var(--ra-surface);border:1px solid var(--ra-border);border-radius:var(--ra-radius);padding:22px;box-shadow:var(--ra-shadow-soft);backdrop-filter:blur(18px);position:relative;overflow:hidden}.ra-card:hover{box-shadow:var(--ra-shadow)}.ra-glow:before{content:"";position:absolute;inset:auto -30px -60px auto;width:150px;height:150px;background:radial-gradient(circle,rgba(0,214,154,.18),transparent 70%);pointer-events:none}.ra-icon{width:46px;height:46px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(90,70,255,.12),rgba(0,214,154,.12));color:var(--ra-primary);font-weight:950}.ra-hero{padding:64px 0 42px}.ra-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:28px;align-items:center}.ra-hero-visual{position:relative}.ra-app-window{border:1px solid var(--ra-border);border-radius:34px;background:var(--ra-surface);box-shadow:var(--ra-shadow);overflow:hidden}.ra-window-top{height:46px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ra-border);padding:0 16px}.ra-dots{display:flex;gap:6px}.ra-dots span{width:10px;height:10px;border-radius:50%;background:var(--ra-border)}.ra-window-body{display:grid;grid-template-columns:78px 1fr;min-height:380px}.ra-sidebar-demo{border-inline-end:1px solid var(--ra-border);padding:14px 10px;display:flex;flex-direction:column;gap:8px}.ra-sidebar-demo span{height:42px;border-radius:15px;background:rgba(90,70,255,.10);display:grid;place-items:center;color:var(--ra-primary);font-weight:900}.ra-board-demo{padding:18px}.ra-metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.ra-metric{background:var(--ra-card);border:1px solid var(--ra-border);border-radius:18px;padding:12px}.ra-metric strong{display:block;font-size:21px;color:var(--ra-head)}.ra-chart{height:180px;display:flex;align-items:flex-end;gap:8px;margin-top:10px}.ra-bar{flex:1;border-radius:999px 999px 12px 12px;background:linear-gradient(180deg,var(--ra-primary),var(--ra-accent));min-height:18px;position:relative}.ra-bar span{position:absolute;bottom:100%;inset-inline:0;text-align:center;font-size:10px;color:var(--ra-muted);margin-bottom:5px}.ra-line-chart{height:170px;border:1px solid var(--ra-border);border-radius:22px;background:linear-gradient(180deg,rgba(90,70,255,.06),transparent);position:relative;overflow:hidden}.ra-line-chart svg{width:100%;height:100%;display:block}.ra-line-chart .grid-line{stroke:rgba(102,112,133,.18);stroke-width:1}.ra-line-chart .main-line{fill:none;stroke:url(#raLineGrad);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.ra-line-chart .fill-line{fill:url(#raFillGrad);opacity:.42}.ra-pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.ra-pill{border:1px solid var(--ra-border);background:var(--ra-card);color:var(--ra-muted);padding:6px 10px;border-radius:999px;font-size:12px}.ra-process{counter-reset:step}.ra-process .ra-card{padding-inline-start:74px}.ra-process .ra-card:after{counter-increment:step;content:counter(step);position:absolute;inset-block-start:22px;inset-inline-start:22px;width:38px;height:38px;border-radius:15px;background:var(--ra-head);color:var(--ra-bg);display:grid;place-items:center;font-weight:950}.rtl .ra-process .ra-card{padding-inline-start:22px;padding-inline-end:74px}.rtl .ra-process .ra-card:after{inset-inline-start:auto;inset-inline-end:22px}.ra-portfolio-card{padding:0;overflow:hidden}.ra-site-shot{height:190px;background:linear-gradient(135deg,rgba(90,70,255,.18),rgba(0,214,154,.16));padding:16px;display:flex;align-items:center;justify-content:center}.ra-browser{width:100%;height:100%;border:1px solid var(--ra-border);border-radius:18px;background:var(--ra-card);overflow:hidden;box-shadow:var(--ra-shadow-soft)}.ra-browser-head{height:25px;border-bottom:1px solid var(--ra-border);display:flex;align-items:center;gap:5px;padding:0 9px}.ra-browser-head i{width:7px;height:7px;border-radius:50%;background:var(--ra-border)}.ra-browser-body{padding:13px}.ra-skel{height:10px;border-radius:99px;background:rgba(90,70,255,.15);margin-bottom:8px}.ra-skel.hero{height:42px;width:72%}.ra-skel.mid{width:52%}.ra-skel.short{width:32%}.ra-card-body{padding:20px}.ra-footer{border-top:1px solid var(--ra-border);padding:44px 0 104px;background:rgba(255,255,255,.04)}.ra-footer-grid{display:grid;grid-template-columns:1.1fr .7fr .9fr;gap:22px}.ra-footer-logo .ra-logo-img{max-height:var(--ra-footer-logo-h);max-width:240px}.ra-footer ul{list-style:none;padding:0;margin:0}.ra-footer li{margin:6px 0}.ra-bottom-nav{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);width:min(650px,calc(100% - 28px));z-index:120;background:var(--ra-surface);border:1px solid var(--ra-border);border-radius:24px;box-shadow:var(--ra-shadow);backdrop-filter:blur(18px);padding:7px;display:none;grid-template-columns:repeat(5,1fr)}.ra-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:52px;border-radius:18px;color:var(--ra-muted);font-size:11px;font-weight:700}.ra-bottom-nav a b{font-size:18px;line-height:1}.ra-bottom-nav a:hover,.ra-bottom-nav a.active{background:rgba(90,70,255,.10);color:var(--ra-primary)}.ra-side-launcher{position:fixed;inset-inline-start:16px;bottom:92px;z-index:125;display:flex;flex-direction:column;gap:9px}.ra-toast{position:fixed;inset-inline-end:18px;bottom:92px;z-index:140;background:var(--ra-card);border:1px solid var(--ra-border);border-radius:18px;box-shadow:var(--ra-shadow);padding:13px 16px;max-width:320px;transform:translateY(12px);opacity:0;pointer-events:none;transition:.25s ease}.ra-toast.active{opacity:1;transform:none}.ra-modal{position:fixed;inset:0;z-index:200;display:none;place-items:center;background:rgba(7,11,20,.55);padding:18px}.ra-modal.active{display:grid}.ra-modal-box{width:min(760px,100%);background:var(--ra-card);border:1px solid var(--ra-border);border-radius:28px;box-shadow:var(--ra-shadow);padding:24px}.ra-drawer{position:fixed;top:0;bottom:0;inset-inline-start:0;width:min(360px,92vw);z-index:180;background:var(--ra-card);border-inline-end:1px solid var(--ra-border);box-shadow:var(--ra-shadow);padding:18px;transform:translateX(-110%);transition:.25s ease}.rtl .ra-drawer{transform:translateX(110%);inset-inline-start:auto;inset-inline-end:0;border-inline-end:0;border-inline-start:1px solid var(--ra-border)}.ra-drawer.active{transform:translateX(0)}.ra-drawer nav a{display:flex;align-items:center;gap:10px;min-height:46px;border-radius:16px;padding:9px 12px;color:var(--ra-muted)}.ra-drawer nav a:hover{background:rgba(90,70,255,.09);color:var(--ra-head)}.ra-backdrop{position:fixed;inset:0;background:rgba(7,11,20,.38);z-index:170;display:none}.ra-backdrop.active{display:block}.entry-content{width:min(930px,calc(100% - 32px));margin:46px auto}.entry-content h1{font-size:clamp(28px,3vw,42px);line-height:1.3}.entry-content h2{font-size:clamp(23px,2.5vw,32px);line-height:1.35}.entry-content h3{font-size:21px}.entry-content p,.entry-content li{color:var(--ra-muted)}.ra-form input,.ra-form textarea,.ra-form select{width:100%;border:1px solid var(--ra-border);background:var(--ra-card);color:var(--ra-text);border-radius:16px;padding:12px 14px}.ra-form label{display:block;font-weight:900;margin-bottom:6px;color:var(--ra-head)}.ra-form p{margin:0 0 14px}.ra-seo-box{border:1px dashed var(--ra-border);border-radius:22px;padding:16px;background:rgba(90,70,255,.04)}
.ra-reveal{opacity:0;transform:translateY(18px);transition:.55s ease}.ra-reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.ra-nav{display:none}.ra-header-inner{grid-template-columns:auto auto;justify-content:space-between}.ra-hero-grid,.ra-grid-2,.ra-grid-3,.ra-grid-4,.ra-footer-grid{grid-template-columns:1fr}.ra-window-body{grid-template-columns:1fr}.ra-sidebar-demo{display:none}.ra-metric-row{grid-template-columns:repeat(3,1fr)}.ra-bottom-nav{display:grid}.ra-h1{font-size:34px}.ra-section{padding:52px 0}.ra-hero{padding-top:44px}.ra-actions .ra-cta-main{display:none}.ra-topbar{display:none}.admin-bar .ra-header{top:46px}.ra-logo-img{max-height:36px;max-width:145px}.ra-footer-logo .ra-logo-img{max-height:50px}.ra-side-launcher{bottom:88px}.ra-card{padding:19px}}
@media(max-width:600px){body{font-size:14px}.ra-container{width:min(100% - 24px,var(--ra-max))}.ra-metric-row{grid-template-columns:1fr}.ra-chart{height:142px}.ra-line-chart{height:138px}.ra-window-body{min-height:auto}.ra-board-demo{padding:12px}.ra-btn{min-height:40px;padding:9px 13px}.ra-icon-btn{width:40px;height:40px}.ra-bottom-nav{border-radius:22px}.ra-bottom-nav a{font-size:10px}.ra-portfolio-card .ra-site-shot{height:158px}.ra-logo-text{font-size:20px}}

/* Rankaia v3.1.1 emergency UI fixes */
.ra-logo-img{max-height:var(--ra-logo-h,34px)!important;max-width:148px!important;object-fit:contain!important}
.ra-header .ra-brand{min-width:auto!important;gap:8px!important}
.ra-header-inner{min-height:68px!important}
.ra-footer-logo .ra-logo-img{max-height:var(--ra-footer-logo-h,48px)!important;max-width:190px!important;object-fit:contain!important}
.ra-footer-logo{min-width:auto!important}
.ra-drawer{visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translateX(-110%)!important}
.rtl .ra-drawer{transform:translateX(110%)!important}
.ra-drawer.active{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateX(0)!important}
.ra-backdrop{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:block!important;transition:.2s ease!important}
.ra-backdrop.active{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.ra-side-launcher{display:none!important}
@media(max-width:1050px){.ra-logo-img{max-height:min(var(--ra-logo-h,34px),32px)!important;max-width:132px!important}.ra-footer-logo .ra-logo-img{max-height:44px!important;max-width:170px!important}.ra-header-inner{min-height:62px!important}}
@media(max-width:600px){.ra-logo-img{max-height:30px!important;max-width:124px!important}.ra-footer-logo .ra-logo-img{max-height:40px!important;max-width:155px!important}}


/* Rankaia v3.2 refined app UI */
:root{--ra-logo-h:34px;--ra-footer-logo-h:46px;--ra-weight-head:780;--ra-weight-title:720;--ra-weight-body:500;--ra-ease:cubic-bezier(.2,.8,.2,1)}
body{font-weight:var(--ra-weight-body);letter-spacing:-.01em}.ra-h1{font-size:clamp(30px,3.65vw,48px)!important;line-height:1.28!important;font-weight:var(--ra-weight-head)!important;letter-spacing:-.035em!important;max-width:820px}.ra-h2{font-size:clamp(24px,2.65vw,34px)!important;line-height:1.35!important;font-weight:var(--ra-weight-head)!important;letter-spacing:-.025em!important}.ra-h3,.entry-content h3{font-weight:var(--ra-weight-title)!important}.entry-content h1{font-size:clamp(28px,3.1vw,40px)!important;font-weight:var(--ra-weight-head)!important}.entry-content h2{font-size:clamp(23px,2.25vw,30px)!important;font-weight:var(--ra-weight-title)!important}.ra-lead{font-size:15.5px;line-height:2;color:var(--ra-muted)}
.ra-header{box-shadow:0 8px 34px rgba(16,24,40,.045)}.ra-header-inner{min-height:70px!important}.ra-logo-img{max-height:var(--ra-logo-h,34px)!important;max-width:154px!important}.ra-footer-logo .ra-logo-img{max-height:var(--ra-footer-logo-h,46px)!important;max-width:190px!important}.ra-nav a{font-weight:680;font-size:13px}.ra-icon-svg{width:19px;height:19px;display:block;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.ra-icon-svg-fill{fill:currentColor;stroke:none}.ra-icon-btn{border-radius:18px;background:rgba(255,255,255,.72)}html[data-ra-theme="dark"] .ra-icon-btn{background:rgba(17,24,39,.72)}.ra-btn{font-weight:760;border-radius:18px;padding:10px 18px;min-height:44px}.ra-btn-primary{background:linear-gradient(135deg,var(--ra-primary),#2f66ff);box-shadow:0 14px 28px rgba(90,70,255,.22)}.ra-btn-soft{background:rgba(90,70,255,.09);color:var(--ra-primary);border-color:rgba(90,70,255,.14)}.ra-btn span.icon{width:20px;height:20px;display:inline-grid;place-items:center}.ra-actions .ra-menu-btn{display:grid}.ra-menu-btn .ra-icon-svg{transition:.2s var(--ra-ease)}.ra-menu-btn:hover .ra-icon-svg{transform:scale(1.06)}
.ra-drawer{top:86px!important;bottom:18px!important;inset-inline-start:auto!important;inset-inline-end:18px!important;width:min(390px,calc(100vw - 28px))!important;height:auto!important;border:1px solid var(--ra-border)!important;border-radius:28px!important;background:color-mix(in srgb,var(--ra-card) 94%,transparent)!important;backdrop-filter:blur(22px)!important;padding:16px!important;box-shadow:0 28px 80px rgba(16,24,40,.18)!important;transform:translateY(12px) scale(.985)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:transform .24s var(--ra-ease),opacity .24s var(--ra-ease),visibility .24s var(--ra-ease)!important}.rtl .ra-drawer{inset-inline-start:18px!important;inset-inline-end:auto!important;transform:translateY(12px) scale(.985)!important}.ra-drawer.active{transform:translateY(0) scale(1)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.ra-backdrop{background:rgba(7,11,20,.18)!important;backdrop-filter:blur(2px);opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:block!important}.ra-backdrop.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.ra-drawer .ra-brand{min-width:auto}.ra-drawer nav ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ra-drawer nav a{min-height:52px!important;border:1px solid transparent;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px 14px!important;border-radius:18px!important;background:rgba(90,70,255,.045);font-weight:720;color:var(--ra-text)!important}.ra-drawer nav a:hover{border-color:rgba(90,70,255,.18);background:rgba(90,70,255,.09)!important;transform:translateY(-1px)}.ra-drawer nav a:after{content:"›";opacity:.45;font-size:22px}.rtl .ra-drawer nav a:after{content:"‹"}.ra-drawer-open{overflow:hidden}.ra-side-launcher{display:none!important}
.ra-hero{padding:70px 0 50px}.ra-hero-grid{gap:42px}.ra-kicker{font-weight:760;letter-spacing:0}.ra-card{border-radius:26px;transition:transform .22s var(--ra-ease),box-shadow .22s var(--ra-ease),border-color .22s var(--ra-ease)}.ra-card:hover{transform:translateY(-3px);border-color:rgba(90,70,255,.18)}.ra-icon{width:48px;height:48px;border-radius:18px}.ra-icon svg{width:22px;height:22px}.ra-widget-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.ra-mini-widget{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:20px;border:1px solid var(--ra-border);background:rgba(255,255,255,.55)}html[data-ra-theme="dark"] .ra-mini-widget{background:rgba(255,255,255,.04)}.ra-mini-widget strong{display:block;color:var(--ra-head);font-weight:760}.ra-dashboard-layout{display:grid;grid-template-columns:280px 1fr;gap:18px}.ra-dashboard-sidebar{position:sticky;top:92px;align-self:start}.ra-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ra-stat{padding:16px;border:1px solid var(--ra-border);border-radius:22px;background:var(--ra-surface);box-shadow:var(--ra-shadow-soft)}.ra-stat small{display:block;color:var(--ra-muted)}.ra-stat strong{display:block;font-size:24px;color:var(--ra-head);line-height:1.2;font-weight:780}.ra-timeline{display:grid;gap:12px}.ra-timeline .item{display:grid;grid-template-columns:42px 1fr;gap:12px}.rtl .ra-timeline .item{grid-template-columns:42px 1fr}.ra-timeline .num{width:42px;height:42px;border-radius:16px;background:var(--ra-head);color:var(--ra-bg);display:grid;place-items:center;font-weight:800}.ra-feature-list{display:grid;gap:10px;margin-top:16px}.ra-feature-list li{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--ra-border);background:rgba(255,255,255,.42);border-radius:18px;padding:12px}.ra-feature-list svg{flex:0 0 20px;color:var(--ra-accent);margin-top:4px}.ra-browser{position:relative}.ra-browser .ra-browser-url{height:22px;border-radius:999px;background:rgba(102,112,133,.14);margin:12px}.ra-project-hero{padding:58px 0 30px}.ra-project-hero .ra-site-shot{height:310px}.ra-project-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.ra-project-meta .ra-stat strong{font-size:18px}.ra-content-panel{background:var(--ra-surface);border:1px solid var(--ra-border);border-radius:28px;box-shadow:var(--ra-shadow-soft);padding:28px}.entry-content{background:var(--ra-surface);border:1px solid var(--ra-border);border-radius:30px;box-shadow:var(--ra-shadow-soft);padding:34px}.entry-content ul{padding-inline-start:24px}.entry-content p{font-size:15.5px}.ra-modal-box{border-radius:30px}.ra-toast{border-radius:20px}
@media(max-width:1050px){.ra-dashboard-layout,.ra-widget-grid{grid-template-columns:1fr}.ra-stat-grid,.ra-project-meta{grid-template-columns:repeat(2,1fr)}.ra-drawer{top:72px!important;inset-inline-end:12px!important;inset-inline-start:12px!important;width:auto!important}.rtl .ra-drawer{inset-inline-end:12px!important;inset-inline-start:12px!important}.ra-hero-grid{gap:24px}.ra-actions .ra-cta-main{display:none}.ra-bottom-nav{display:grid}.ra-h1{font-size:clamp(28px,7vw,38px)!important}.ra-section{padding:52px 0}.ra-logo-img{max-height:32px!important;max-width:132px!important}}
@media(max-width:640px){.ra-stat-grid,.ra-project-meta{grid-template-columns:1fr}.ra-hero{padding-top:48px}.ra-card,.entry-content{padding:20px}.ra-project-hero .ra-site-shot{height:220px}.ra-h1{font-size:30px!important}.ra-lead{font-size:14.5px}.ra-btn{width:auto;min-height:42px}.ra-stack{gap:8px}.ra-bottom-nav{bottom:10px;width:calc(100% - 18px)}.ra-logo-img{max-height:30px!important;max-width:124px!important}}


/* Rankaia v3.2.2 desktop layout correction
   Restores brand defaults and makes the hero use the desktop width without adding a narrow inner canvas. */
:root{
  --ra-max:1280px;
  --ra-primary:#3f5bff;
  --ra-primary2:#1467d9;
  --ra-accent:#00d69a;
}
.ra-header .ra-brand{display:flex!important;min-width:auto!important;flex:0 0 auto!important;align-items:center!important}
.ra-header .ra-logo-img{display:block!important;opacity:1!important;visibility:visible!important;max-height:var(--ra-logo-h,34px)!important;max-width:160px!important;object-fit:contain!important}
.ra-footer-logo .ra-logo-img{max-width:210px!important}
.ra-header-inner{width:min(1280px,calc(100% - 40px));margin-inline:auto!important;grid-template-columns:auto minmax(0,1fr) auto!important}
.rtl .ra-header-inner{direction:rtl}.ltr .ra-header-inner{direction:ltr}
.ra-nav{min-width:0!important}.ra-nav ul{flex-wrap:nowrap!important}
.ra-hero{padding:54px 0 48px!important;overflow:hidden!important}
.ra-hero > .ra-container{width:min(1500px,calc(100% - 56px))!important;max-width:1500px!important;margin-inline:auto!important}
.ra-hero-grid{grid-template-columns:minmax(520px,0.9fr) minmax(520px,1.1fr)!important;gap:clamp(30px,4vw,70px)!important;align-items:center!important;min-height:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;position:relative!important}
.ra-hero-grid:before,.ra-hero-grid:after{display:none!important;content:none!important}
.ra-hero .ra-h1{font-size:clamp(36px,3.55vw,56px)!important;line-height:1.2!important;max-width:760px!important;margin-inline:0!important;font-weight:760!important;letter-spacing:-.03em!important}
.ra-hero .ra-lead{max-width:690px!important;font-size:16px!important;line-height:2!important}
.ra-hero-visual .ra-app-window{min-height:0!important;max-width:640px;margin-inline:auto;transform:none!important}
.ra-window-body{min-height:390px!important}.ra-board-demo{padding:22px!important}.ra-chart{height:190px!important}
.ra-app-window{border-radius:34px!important;background:color-mix(in srgb,var(--ra-surface) 88%,transparent)!important}
.ra-drawer{z-index:140!important}.ra-backdrop{z-index:130!important}
.ra-drawer nav a span{display:inline-grid;place-items:center;width:24px;height:24px;color:var(--ra-primary)}
.ra-lang-menu .ra-dropdown{min-width:150px}.ra-theme-menu .ra-dropdown{min-width:150px}
html:not([data-ra-theme]),html[data-ra-theme="light"]{color-scheme:light}html[data-ra-theme="dark"]{color-scheme:dark}
@media(min-width:1500px){.ra-hero > .ra-container{width:min(1580px,calc(100% - 80px))!important;max-width:1580px!important}.ra-hero-grid{grid-template-columns:minmax(580px,.92fr) minmax(650px,1.08fr)!important}}
@media(min-width:1180px) and (max-width:1320px){.ra-hero > .ra-container{width:calc(100% - 36px)!important}.ra-hero-grid{grid-template-columns:minmax(460px,.9fr) minmax(520px,1.1fr)!important;gap:24px!important}.ra-hero .ra-h1{font-size:clamp(34px,3.3vw,46px)!important}.ra-hero-visual .ra-app-window{max-width:560px}.ra-window-body{min-height:340px!important}.ra-chart{height:160px!important}}
@media(max-width:1050px){.ra-header-inner{width:min(100% - 24px,1280px);grid-template-columns:auto auto!important}.ra-hero > .ra-container{width:min(100% - 24px,var(--ra-max))!important}.ra-hero-grid{grid-template-columns:1fr!important;gap:24px!important}.ra-hero .ra-h1{font-size:clamp(28px,7vw,38px)!important}.ra-hero .ra-lead{font-size:14.5px!important}.ra-hero-visual .ra-app-window{max-width:100%}.ra-window-body{min-height:auto!important}.ra-chart{height:142px!important}}


/* Rankaia v3.2.4 desktop fix: wide desktop hero + single menu + mobile-only app drawer */
:root{--ra-max:1440px;--ra-logo-h:34px;--ra-footer-logo-h:46px;--ra-primary:#3f5bff;--ra-primary2:#1467d9;--ra-accent:#00d69a}
@media (min-width:1061px){
  .ra-container{width:min(1440px,calc(100% - 56px))!important;max-width:1440px!important}
  .ra-header-inner{width:min(1440px,calc(100% - 56px))!important;max-width:1440px!important;margin-inline:auto!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:20px!important}
  .ra-nav{display:flex!important;justify-content:center!important;min-width:0!important;overflow:hidden!important}
  .ra-nav ul{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;white-space:nowrap!important;max-width:100%!important;overflow:hidden!important;list-style:none!important;margin:0!important;padding:0!important}
  .ra-nav li:nth-child(n+7){display:none!important}
  .ra-nav a{font-size:13px!important;padding:8px 13px!important;min-height:40px!important}
  .ra-menu-btn,.ra-drawer,.ra-backdrop,.ra-side-launcher{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
  .ra-actions{flex-shrink:0!important}.ra-actions .ra-cta-main{display:inline-flex!important}
  .ra-hero{padding:56px 0 50px!important;overflow:hidden!important}
  .ra-hero>.ra-container,.ra-section:first-child>.ra-container{width:min(1580px,calc(100% - 44px))!important;max-width:1580px!important;margin-inline:auto!important}
  .ra-hero-grid{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(560px,0.95fr) minmax(560px,1.05fr)!important;gap:clamp(26px,4vw,72px)!important;align-items:center!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
  .ra-hero-visual{width:100%!important;max-width:none!important;justify-self:stretch!important}.ra-hero-visual .ra-app-window{max-width:760px!important;width:100%!important;margin-inline:auto!important}
  .ra-hero .ra-h1{font-size:clamp(40px,3.35vw,60px)!important;line-height:1.17!important;font-weight:760!important;max-width:760px!important;letter-spacing:-.035em!important}.ra-hero .ra-lead{max-width:720px!important;font-size:16px!important;line-height:2!important}
  .entry-content{width:min(1180px,calc(100% - 56px))!important;max-width:1180px!important}
}
@media (min-width:1061px) and (max-width:1280px){
 .ra-container,.ra-header-inner{width:calc(100% - 32px)!important}.ra-hero>.ra-container,.ra-section:first-child>.ra-container{width:calc(100% - 32px)!important}.ra-hero-grid{grid-template-columns:minmax(460px,.9fr) minmax(500px,1.1fr)!important;gap:24px!important}.ra-hero .ra-h1{font-size:clamp(34px,3.1vw,46px)!important}.ra-hero-visual .ra-app-window{max-width:590px!important}.ra-window-body{min-height:340px!important}.ra-chart{height:160px!important}
}
@media (max-width:1060px){
  .ra-nav{display:none!important}.ra-menu-btn{display:grid!important}.ra-side-launcher{display:none!important}
  .ra-drawer{position:fixed!important;left:12px!important;right:12px!important;inset-inline-start:12px!important;inset-inline-end:12px!important;top:auto!important;bottom:92px!important;width:auto!important;max-height:min(72vh,560px)!important;overflow:auto!important;border-radius:28px!important;transform:translateY(24px) scale(.98)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;background:color-mix(in srgb,var(--ra-card) 96%,transparent)!important;border:1px solid var(--ra-border)!important;box-shadow:0 26px 80px rgba(0,0,0,.25)!important;z-index:180!important;padding:16px!important;transition:.24s ease!important}
  .ra-drawer.active{transform:translateY(0) scale(1)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .ra-backdrop{display:block!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:170!important;background:rgba(7,11,20,.42)!important;backdrop-filter:blur(4px)!important}.ra-backdrop.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .ra-drawer nav ul{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;list-style:none!important;margin:0!important;padding:0!important}.ra-drawer nav a{min-height:50px!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:rgba(90,70,255,.06)!important;color:var(--ra-text)!important;padding:12px 14px!important}.ra-drawer nav a:hover{background:rgba(90,70,255,.12)!important}
}