/* Yebrax Stores R6 — mobile-first product polish + public growth landing.
   Loaded after legacy/product styles so this file is the final responsive contract. */

:root{
  --ys6-navy:#061a31;
  --ys6-navy-2:#0a3158;
  --ys6-blue:#0867e8;
  --ys6-cyan:#15a9c2;
  --ys6-orange:#f59e0b;
  --ys6-ink:#0d2238;
  --ys6-muted:#60758c;
  --ys6-line:#dde7f1;
  --ys6-soft:#f5f8fc;
  --ys6-surface:#fff;
  --ys6-radius:18px;
  --ys6-shadow:0 18px 50px rgba(7,35,66,.08);
}

/* ---------- Global mobile safety ---------- */
html,body{max-width:100%;}
body.ui2-panel,body.ui2-admin{overflow-x:hidden;}
body.gc-drawer-open{overflow:hidden!important;touch-action:none;}
body.ui2-panel .panel-main,body.ui2-admin .panel-main{min-width:0!important;max-width:100vw;overflow-x:hidden;}
body.ui2-panel .panel-content,body.ui2-admin .panel-content{min-width:0;}
body.ui2-panel img,body.ui2-admin img{max-width:100%;height:auto;}
body.ui2-panel video,body.ui2-admin video,body.ui2-panel iframe,body.ui2-admin iframe{max-width:100%;}
body.ui2-panel input,body.ui2-panel select,body.ui2-panel textarea,
body.ui2-admin input,body.ui2-admin select,body.ui2-admin textarea{max-width:100%;}

/* Generic wide-data containment. */
body.ui2-panel .table-wrap,body.ui2-admin .table-wrap,
body.ui2-panel .gc-table-wrap,body.ui2-admin .gc-table-wrap,
body.ui2-panel .ys-recent-table,body.ui2-admin .ys-recent-table{
  max-width:100%;overflow-x:auto!important;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;
}
body.ui2-panel table,body.ui2-admin table{max-width:100%;}

/* ---------- Panel/Admin responsive closure ---------- */
@media (max-width:980px){
  body.ui2-panel .panel-sidebar,body.ui2-admin .panel-sidebar{
    width:min(86vw,304px)!important;max-width:304px!important;flex-basis:auto!important;
    height:100dvh!important;max-height:100dvh!important;padding:12px 10px 16px!important;
    overscroll-behavior:contain;box-shadow:0 0 0 1px rgba(255,255,255,.05),0 24px 64px rgba(0,0,0,.42)!important;
  }
  body.ui2-panel .panel-layout.is-rtl .panel-sidebar,body.ui2-admin .panel-layout.is-rtl .panel-sidebar{
    border-radius:20px 0 0 20px;
  }
  body.ui2-panel .panel-layout.is-ltr .panel-sidebar,body.ui2-admin .panel-layout.is-ltr .panel-sidebar{
    border-radius:0 20px 20px 0;
  }
  body.ui2-panel .panel-overlay,body.ui2-admin .panel-overlay{backdrop-filter:blur(2px);background:rgba(2,12,24,.58)!important;}
  body.ui2-panel .panel-sidebar__brand,body.ui2-admin .panel-sidebar__brand{min-height:62px!important;padding:9px!important;margin:0 0 8px!important;}
  body.ui2-panel .panel-sidebar__brand .gc-store-product-logo,body.ui2-admin .panel-sidebar__brand .gc-store-product-logo{flex:0 0 auto;}
  body.ui2-panel .panel-sidebar__brand img,body.ui2-admin .panel-sidebar__brand img{width:42px!important;height:42px!important;}
  body.ui2-panel .panel-sidebar__brand .title,body.ui2-admin .panel-sidebar__brand .title{font-size:14px!important;line-height:1.2;}
  body.ui2-panel .panel-sidebar__brand .small,body.ui2-admin .panel-sidebar__brand .small{font-size:10px!important;}
  body.ui2-panel .gc-workspace-badge,body.ui2-admin .gc-workspace-badge{margin-inline-start:4px;padding:4px 6px;font-size:10px;}
  body.ui2-panel .panel-sidebar__search,body.ui2-admin .panel-sidebar__search{margin:8px 1px 7px!important;}
  body.ui2-panel .panel-sidebar__search input,body.ui2-admin .panel-sidebar__search input{min-height:40px!important;font-size:16px!important;padding-inline:12px!important;}
  body.ui2-panel .panel-nav,body.ui2-admin .panel-nav{padding-bottom:8px;}
  body.ui2-panel .panel-nav__item,body.ui2-admin .panel-nav__item{min-height:43px!important;padding:8px 9px!important;border-radius:11px!important;}
  body.ui2-panel .panel-nav__item .lb,body.ui2-admin .panel-nav__item .lb{font-size:13px!important;line-height:1.35;color:#e9f3fc!important;opacity:1!important;}
  body.ui2-panel .panel-group__head,body.ui2-admin .panel-group__head{min-height:40px!important;padding:7px 7px!important;}
  body.ui2-panel .panel-group__title b,body.ui2-admin .panel-group__title b{font-size:12.5px!important;color:#b8d1e7!important;opacity:1!important;}
  body.ui2-panel .panel-group__chev,body.ui2-admin .panel-group__chev{color:#83a8c9!important;}
  body.ui2-panel .gc-sidebar-identity,body.ui2-admin .gc-sidebar-identity{position:sticky;bottom:0;margin-top:8px!important;background:rgba(5,23,42,.96)!important;backdrop-filter:blur(12px);z-index:4;}

  body.ui2-panel .panel-topbar,body.ui2-admin .panel-topbar{
    position:sticky!important;top:0!important;z-index:45!important;min-height:58px!important;
    padding:7px 9px!important;gap:6px!important;flex-wrap:nowrap!important;
  }
  body.ui2-panel .panel-topbar__left,body.ui2-admin .panel-topbar__left{min-width:0;flex:1 1 auto;gap:7px!important;}
  body.ui2-panel .panel-topbar__title,body.ui2-admin .panel-topbar__title{min-width:0;overflow:hidden;}
  body.ui2-panel .panel-page-title,body.ui2-admin .panel-page-title{font-size:14px!important;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw;}
  body.ui2-panel .panel-topbar__right,body.ui2-admin .panel-topbar__right{flex:0 0 auto!important;gap:4px!important;flex-wrap:nowrap!important;min-width:0;}
  body.ui2-panel .panel-topbar .btn,body.ui2-admin .panel-topbar .btn{min-height:40px!important;min-width:40px;padding:7px 9px!important;border-radius:11px!important;}
  body.ui2-panel .gc-mobile-menu-btn,body.ui2-admin .gc-admin-mobile-menu-btn{display:inline-flex!important;font-size:18px!important;}
  body.ui2-panel .gc-workspace-switch--compact,body.ui2-admin .gc-workspace-switch--compact{display:none!important;}
  body.ui2-panel .gc-topbar-new .btn span,body.ui2-admin .gc-topbar-new .btn span{display:none!important;}
  body.ui2-panel .gc-topbar-new .btn,body.ui2-admin .gc-topbar-new .btn{font-size:0!important;}
  body.ui2-panel .gc-topbar-new .btn::first-letter,body.ui2-admin .gc-topbar-new .btn::first-letter{font-size:17px!important;}
  body.ui2-panel .gc-topbar-branch select,body.ui2-admin .gc-topbar-branch select{max-width:126px;min-height:40px!important;font-size:12px!important;padding:6px 8px!important;}
  body.ui2-panel .gc-topbar-tools__menu,body.ui2-admin .gc-topbar-tools__menu{position:fixed!important;inset:auto 10px 70px 10px!important;width:auto!important;max-height:70dvh;overflow:auto;border-radius:16px!important;}

  body.ui2-panel .panel-content,body.ui2-admin .panel-content{padding:10px!important;width:100%!important;}
  body.ui2-panel .panel-content>.container,body.ui2-admin .panel-content>.container{width:100%!important;min-width:0!important;max-width:100%!important;}
  body.ui2-panel .card,body.ui2-admin .card{max-width:100%;}
  body.ui2-panel .page-head,body.ui2-admin .page-head,
  body.ui2-panel .rc6-page-head,body.ui2-admin .rc6-page-head{gap:10px!important;}
  body.ui2-panel .page-actions,body.ui2-admin .page-actions{max-width:100%;flex-wrap:wrap;}
  body.ui2-panel .page-actions .btn,body.ui2-admin .page-actions .btn{min-height:42px;}
}

@media (max-width:720px){
  body.ui2-panel .panel-content,body.ui2-admin .panel-content{padding:8px!important;}
  body.ui2-panel .panel-page-title,body.ui2-admin .panel-page-title{max-width:38vw;font-size:13px!important;}
  body.ui2-panel .gc-topbar-branch select,body.ui2-admin .gc-topbar-branch select{max-width:104px;}
  body.ui2-panel .gc-topbar-notifications,body.ui2-admin .gc-topbar-notifications{display:inline-flex!important;}

  /* Collapse common multi-column inline/grid layouts without touching desktop. */
  body.ui2-panel .panel-content .grid,body.ui2-admin .panel-content .grid,
  body.ui2-panel .form-grid,body.ui2-admin .form-grid,
  body.ui2-panel .form-grid-2,body.ui2-admin .form-grid-2,
  body.ui2-panel .gc-form-grid,body.ui2-admin .gc-form-grid,
  body.ui2-panel .gc-filter-grid,body.ui2-admin .gc-filter-grid,
  body.ui2-panel .rc6-filter-grid,body.ui2-admin .rc6-filter-grid,
  body.ui2-panel .billing-grid,body.ui2-admin .billing-grid{
    grid-template-columns:1fr!important;
  }
  body.ui2-panel .panel-content [style*="grid-template-columns:repeat(2"],body.ui2-admin .panel-content [style*="grid-template-columns:repeat(2"],
  body.ui2-panel .panel-content [style*="grid-template-columns: 1fr 1fr"],body.ui2-admin .panel-content [style*="grid-template-columns: 1fr 1fr"],
  body.ui2-panel .panel-content [style*="grid-template-columns:1fr 1fr"],body.ui2-admin .panel-content [style*="grid-template-columns:1fr 1fr"]{
    grid-template-columns:1fr!important;
  }
  body.ui2-panel .row,body.ui2-admin .row{max-width:100%;}
  body.ui2-panel label,body.ui2-admin label{min-width:0;}
  body.ui2-panel input:not([type="checkbox"]):not([type="radio"]),body.ui2-panel select,body.ui2-panel textarea,
  body.ui2-admin input:not([type="checkbox"]):not([type="radio"]),body.ui2-admin select,body.ui2-admin textarea{
    width:100%;font-size:16px!important;min-height:44px;
  }
  body.ui2-panel textarea,body.ui2-admin textarea{min-height:96px;}
  body.ui2-panel .modal,body.ui2-admin .modal,
  body.ui2-panel .dialog,body.ui2-admin .dialog,
  body.ui2-panel [role="dialog"],body.ui2-admin [role="dialog"]{max-width:calc(100vw - 20px)!important;margin-inline:auto!important;}
  body.ui2-panel .gc-export-toolbar,body.ui2-admin .gc-export-toolbar{justify-content:stretch!important;}
  body.ui2-panel .gc-export-toolbar .btn,body.ui2-admin .gc-export-toolbar .btn{flex:1 1 120px;}
  body.ui2-panel .ys-kpi-grid,body.ui2-admin .ys-kpi-grid,
  body.ui2-panel .gc-kpi-grid,body.ui2-admin .gc-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
}

@media (max-width:480px){
  body.ui2-panel .panel-sidebar,body.ui2-admin .panel-sidebar{width:min(88vw,294px)!important;}
  body.ui2-panel .panel-page-title,body.ui2-admin .panel-page-title{max-width:34vw;}
  body.ui2-panel .gc-topbar-branch,body.ui2-admin .gc-topbar-branch{display:none!important;}
  body.ui2-panel .ys-kpi-grid,body.ui2-admin .ys-kpi-grid,
  body.ui2-panel .gc-kpi-grid,body.ui2-admin .gc-kpi-grid{grid-template-columns:1fr 1fr!important;}
  body.ui2-panel .ys-kpi,body.ui2-admin .ys-kpi{min-height:96px!important;padding:11px 9px!important;}
  body.ui2-panel .card,body.ui2-admin .card{border-radius:13px!important;}
}

/* ---------- Public landing / conversion layer ---------- */
body.ys-growth-page{margin:0;background:#fff;color:var(--ys6-ink);font-family:'Tajawal',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;overflow-x:hidden;}
.ys-landing{--navy:var(--ys6-navy);--blue:var(--ys6-blue);--ink:var(--ys6-ink);--muted:var(--ys6-muted);--line:var(--ys6-line);--soft:var(--ys6-soft);color:var(--ink);background:#fff;}
.ys-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto;}
.ys-nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid #e4ebf2;backdrop-filter:blur(18px);box-shadow:0 8px 28px rgba(8,37,68,.05);}
.ys-nav__in{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.ys-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);min-width:0;}
.ys-brand img{width:44px;height:44px;object-fit:contain;flex:none;}
.ys-brand strong{display:block;font-size:16px;line-height:1.15}.ys-brand small{display:block;color:#75869a;font-size:10.5px;margin-top:3px;font-weight:700;white-space:nowrap;}
.ys-nav__links{display:flex;align-items:center;gap:2px}.ys-nav__links a{padding:10px 9px;border-radius:10px;text-decoration:none;color:#40566e;font-size:13px;font-weight:800}.ys-nav__links a:hover{background:#eef6ff;color:var(--blue)}
.ys-nav__actions{display:flex;align-items:center;gap:7px}.ys-mobile-menu{display:none;border:1px solid #dbe5ef;background:#fff;color:#17334f;border-radius:11px;width:42px;height:42px;align-items:center;justify-content:center;font-size:19px;cursor:pointer;}
.ys-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 17px;border-radius:12px;border:1px solid #dce6f0;text-decoration:none;font-weight:900;font-size:14px;color:#16314d;background:#fff;transition:.18s ease;cursor:pointer;}
.ys-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(11,47,82,.10)}.ys-btn.primary{background:linear-gradient(135deg,#0765e5,#1196ef);border-color:transparent;color:#fff;box-shadow:0 10px 26px rgba(8,103,232,.2)}.ys-btn.dark{background:#08233e;color:#fff;border-color:#173d62}.ys-btn.link{border-color:transparent;background:transparent;color:var(--blue);padding-inline:8px;}
.ys-mobile-drawer{display:none;}

.ys-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#05172b 0%,#082a4c 55%,#0b4e75 100%);color:#fff;}
.ys-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(24,183,205,.2),transparent 31%),radial-gradient(circle at 90% 75%,rgba(245,158,11,.14),transparent 30%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px;}
.ys-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center;padding:80px 0 96px;}
.ys-kicker{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid rgba(122,211,255,.26);background:rgba(20,114,181,.17);padding:8px 13px;color:#e0f5ff;font-size:12px;font-weight:900;}
.ys-hero h1{font-size:clamp(42px,5.5vw,70px);line-height:1.06;letter-spacing:-1px;margin:18px 0 16px;font-weight:950;max-width:760px;}.ys-hero h1 em{font-style:normal;color:#73dcff;}
.ys-hero__lead{font-size:clamp(16px,1.7vw,20px);line-height:1.85;color:#c8d8e8;max-width:720px;margin:0;}
.ys-hero__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.ys-hero__actions .ys-btn{min-height:50px;padding-inline:21px;}.ys-hero .ys-btn:not(.primary){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.19);color:#fff;}
.ys-trust{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.ys-trust span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:800;color:#e6eff7;}
.ys-hero-card{position:relative;min-height:470px}.ys-dashboard-preview{position:absolute;inset:14px 0 0;background:#f5f8fc;border:1px solid rgba(255,255,255,.22);border-radius:24px;box-shadow:0 35px 80px rgba(0,0,0,.32);overflow:hidden;color:#10263d;}.ys-preview-top{height:48px;background:#edf4fa;border-bottom:1px solid #dce6ef;display:flex;align-items:center;padding:0 16px;gap:6px}.ys-preview-top i{width:9px;height:9px;border-radius:50%;background:#c2cfdb}.ys-preview-body{display:grid;grid-template-columns:92px 1fr;min-height:410px}.ys-preview-side{background:#071f38;padding:15px 10px}.ys-preview-side img{width:40px;height:40px;display:block;margin:0 auto 17px}.ys-preview-side span{display:block;height:8px;border-radius:7px;background:rgba(255,255,255,.13);margin:12px 1px}.ys-preview-side span:first-of-type{background:#168fe6}.ys-preview-main{padding:19px}.ys-preview-main h3{font-size:16px;margin:0 0 13px}.ys-preview-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ys-preview-kpis div{background:#fff;border:1px solid #e0e8f0;border-radius:12px;padding:11px}.ys-preview-kpis small{display:block;color:#738296;font-size:10px}.ys-preview-kpis b{display:block;font-size:18px;margin-top:5px}.ys-preview-chart{height:124px;margin-top:11px;background:#fff;border:1px solid #e0e8f0;border-radius:13px;display:flex;align-items:flex-end;gap:8px;padding:15px}.ys-preview-chart i{flex:1;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#15b8c9,#0b67df)}.ys-preview-rows{margin-top:10px;display:grid;gap:6px}.ys-preview-rows i{display:block;height:11px;border-radius:6px;background:linear-gradient(90deg,#dce6f0 25%,#edf2f7 25%)}
.ys-float{position:absolute;z-index:4;background:#fff;color:#10263d;border:1px solid #e0e8f0;border-radius:14px;padding:12px 14px;box-shadow:0 15px 40px rgba(0,0,0,.2);font-weight:900;font-size:13px}.ys-float small{display:block;margin-top:3px;color:#6d7e91;font-size:10px}.ys-float.a{top:0;inset-inline-end:-10px}.ys-float.b{bottom:2px;inset-inline-start:-8px}

.ys-value-strip{position:relative;z-index:4;margin-top:-38px}.ys-value-strip__in{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #dce6f0;border-radius:20px;box-shadow:var(--ys6-shadow);overflow:hidden}.ys-value{padding:20px 18px;border-inline-end:1px solid #e2eaf2}.ys-value:last-child{border-inline-end:0}.ys-value b{display:block;color:#0b66d7;font-size:17px;margin-bottom:5px}.ys-value span{display:block;color:#60748a;font-size:12px;line-height:1.5;font-weight:700}
.ys-section{padding:82px 0}.ys-section.soft{background:#f6f9fc}.ys-section.dark{background:linear-gradient(135deg,#06182d,#0a345a);color:#fff}.ys-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:30px}.ys-section-head>div{max-width:720px}.ys-eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;background:#eaf4ff;border:1px solid #d8e9fa;color:#0864ce;font-size:11px;font-weight:900}.ys-section.dark .ys-eyebrow{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.12);color:#78deee}.ys-section h2{font-size:clamp(29px,3.6vw,44px);line-height:1.17;margin:9px 0;color:#10263d}.ys-section.dark h2{color:#fff}.ys-section-head p,.ys-section-lead{max-width:680px;color:#63778c;line-height:1.85;margin:0;font-size:15px}.ys-section.dark .ys-section-head p,.ys-section.dark .ys-section-lead{color:#c2d3e3}
.ys-grid-3,.ys-grid-4,.ys-module-grid,.ys-use-grid,.ys-faq-grid,.ys-solution-links{display:grid;gap:14px}.ys-grid-3{grid-template-columns:repeat(3,1fr)}.ys-grid-4{grid-template-columns:repeat(4,1fr)}.ys-module-grid{grid-template-columns:repeat(4,1fr)}.ys-use-grid{grid-template-columns:repeat(4,1fr)}.ys-faq-grid{grid-template-columns:repeat(2,1fr)}
.ys-card{background:#fff;border:1px solid #dde7f1;border-radius:18px;padding:20px;box-shadow:0 8px 24px rgba(8,38,68,.04)}.ys-card .ico{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#e8f4ff,#edfafa);font-size:20px}.ys-card h3{margin:13px 0 7px;color:#10263d;font-size:17px}.ys-card p{margin:0;color:#667a90;line-height:1.75;font-size:13.5px}.ys-card ul{margin:12px 0 0;padding-inline-start:18px;color:#566d84;font-size:13px;line-height:1.8}.ys-card li::marker{color:#129b72}
.ys-proof-card{position:relative;overflow:hidden}.ys-proof-card .n{font-size:12px;font-weight:900;color:#0b67d4;margin-bottom:9px}.ys-proof-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#edf6ff;inset:auto -48px -52px auto}
.ys-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ys-compare article{border-radius:20px;padding:25px;border:1px solid #dce6f0}.ys-compare .before{background:#fff7f7;border-color:#f2dada}.ys-compare .after{background:#f2fbf7;border-color:#d4ebdf}.ys-compare h3{margin:0 0 14px}.ys-compare ul{margin:0;padding:0;list-style:none;display:grid;gap:9px;color:#526b82}.ys-compare li{display:flex;gap:8px;align-items:flex-start}.ys-compare li:before{content:"•";font-weight:900}.ys-compare .before li:before{color:#dc5d5d}.ys-compare .after li:before{content:"✓";color:#15966b}
.ys-workflow{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.ys-steps{display:grid;gap:10px}.ys-step{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:start;border:1px solid #dce7f1;border-radius:15px;padding:13px;background:#fff}.ys-step .n{width:42px;height:42px;border-radius:12px;background:#0a68db;color:#fff;display:grid;place-items:center;font-weight:900}.ys-step b{display:block;color:#10263d}.ys-step small{display:block;color:#697c91;line-height:1.6;margin-top:3px}
.ys-pricing{background:linear-gradient(135deg,#061a31,#0b365d);border-radius:26px;padding:32px}.ys-pricing-head h2{color:#fff;margin:8px 0}.ys-pricing-head p{color:#c4d5e5;margin:0;line-height:1.8}.ys-currency{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:7px 9px;margin-top:14px}.ys-currency label{font-size:11px;color:#334b63;font-weight:900}.ys-currency select{border:0;background:#f5f8fc;border-radius:8px;min-height:36px;padding:4px 8px;font-weight:900}.ys-price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.ys-price-card{background:#fff;border-radius:18px;padding:19px;border:1px solid #e1e9f1;display:flex;flex-direction:column;min-width:0}.ys-price-card.hot{border:2px solid #1b91ef;box-shadow:0 17px 38px rgba(11,104,216,.15)}.ys-price-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.ys-price-name{font-weight:950;color:#10263d}.ys-price-badge{font-size:10px;color:#0871d3;background:#eaf5ff;border-radius:999px;padding:5px 7px;font-weight:900}.ys-price-month{margin:17px 0 5px}.ys-price-month strong{font-size:27px;color:#0b63cf}.ys-price-month span{font-size:11px;color:#71839a}.ys-price-total{color:#18324c;font-size:12px}.ys-save{font-size:11px;color:#13805d;background:#effaf5;border-radius:10px;padding:8px;margin:12px 0}.ys-plan-list{list-style:none;padding:0;margin:0 0 17px;display:grid;gap:7px;color:#566c83;font-size:12px}.ys-plan-list li:before{content:"✓";color:#15966b;font-weight:900;margin-inline-end:6px}.ys-price-card .ys-btn{margin-top:auto;width:100%}
.ys-faq{background:#fff;border:1px solid #dfe8f1;border-radius:16px;padding:0;overflow:hidden}.ys-faq summary{list-style:none;cursor:pointer;padding:17px 18px;font-weight:900;color:#122a43;display:flex;justify-content:space-between;gap:10px}.ys-faq summary::-webkit-details-marker{display:none}.ys-faq summary:after{content:"+";font-size:20px;color:#0b67d4}.ys-faq[open] summary:after{content:"−"}.ys-faq p{margin:0;padding:0 18px 18px;color:#687b90;line-height:1.75;font-size:13.5px}.ys-faq[open]{box-shadow:0 12px 32px rgba(8,38,68,.06)}
.ys-solution-links{grid-template-columns:repeat(4,1fr)}.ys-solution-link{display:block;text-decoration:none;color:#10263d;background:#fff;border:1px solid #dce7f1;border-radius:16px;padding:18px}.ys-solution-link b{display:block;margin-bottom:6px}.ys-solution-link span{color:#667b91;font-size:12px;line-height:1.6}.ys-solution-link:hover{border-color:#a9d1f7;box-shadow:0 12px 30px rgba(8,59,112,.08)}
.ys-final{padding:28px 0 78px}.ys-final__box{background:linear-gradient(125deg,#06192f,#0a4770);border-radius:24px;padding:31px 34px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 22px 52px rgba(8,40,72,.15)}.ys-final h2{margin:0 0 7px;color:#fff;font-size:clamp(25px,3vw,36px)}.ys-final p{margin:0;color:#c9d9e8;line-height:1.75}.ys-final__actions{display:flex;gap:8px;flex-wrap:wrap;flex:none}.ys-footer{background:#041528;color:#dbe7f2;border-top:1px solid #102f4c}.ys-footer__in{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;padding:30px 0}.ys-footer p{color:#aebfd0;font-size:12px;line-height:1.8;max-width:700px}.ys-footer__links{display:flex;align-content:flex-start;justify-content:flex-end;gap:10px;flex-wrap:wrap}.ys-footer__links a{color:#d6e3ef;text-decoration:none;font-size:12px}.ys-footer__links a:hover{color:#74d5ff}
.ys-mobile-cta{display:none;}

/* SEO solution pages */
.ys-seo-page{background:#fff;color:#10263d}.ys-seo-hero{background:linear-gradient(130deg,#06182c,#0b416b);color:#fff;padding:70px 0 76px}.ys-seo-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.1;margin:14px 0}.ys-seo-hero p{max-width:800px;color:#c8d9e8;line-height:1.9;font-size:17px}.ys-seo-body{padding:64px 0}.ys-seo-copy{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}.ys-seo-copy article{font-size:15px;line-height:2;color:#526a82}.ys-seo-copy h2,.ys-seo-body h2{color:#10263d;font-size:30px;line-height:1.25}.ys-seo-aside{position:sticky;top:92px;background:#f6f9fc;border:1px solid #dce7f1;border-radius:18px;padding:20px}.ys-seo-aside h3{margin-top:0}.ys-seo-aside ul{padding-inline-start:18px;color:#5c7288;line-height:1.9}.ys-seo-cta{margin-top:18px;width:100%}.ys-seo-faq{margin-top:46px}.ys-breadcrumbs{font-size:12px;color:#c6d9e9}.ys-breadcrumbs a{color:#e6f3ff;text-decoration:none}

@media(max-width:1050px){
  .ys-nav__links{display:none}.ys-mobile-menu{display:inline-flex}.ys-hero__grid{grid-template-columns:1fr;gap:32px;padding:68px 0 86px}.ys-hero-card{max-width:720px;width:100%;margin-inline:auto}.ys-module-grid,.ys-use-grid,.ys-price-grid,.ys-solution-links{grid-template-columns:repeat(2,1fr)}.ys-seo-copy{grid-template-columns:1fr}.ys-seo-aside{position:static}
}
@media(max-width:760px){
  body.ys-growth-page{padding-bottom:68px}.ys-wrap{width:min(100% - 28px,680px)}.ys-nav__in{min-height:62px;gap:7px}.ys-brand img{width:38px;height:38px}.ys-brand strong{font-size:14px}.ys-brand small{display:none}.ys-nav__actions .ys-btn:not(.primary){display:none}.ys-nav__actions .ys-btn.primary{min-height:40px;padding:7px 11px;font-size:12px}.ys-mobile-menu{width:40px;height:40px}.ys-mobile-drawer{position:fixed;z-index:99;top:62px;left:0;right:0;background:#fff;border-bottom:1px solid #dfe8f1;box-shadow:0 18px 38px rgba(5,31,57,.12);padding:10px 14px 14px;display:none}.ys-mobile-drawer.is-open{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ys-mobile-drawer a{text-decoration:none;color:#29445f;background:#f6f9fc;border:1px solid #e2eaf2;border-radius:10px;padding:10px;font-size:12px;font-weight:850;text-align:center}
  .ys-hero__grid{padding:50px 0 76px}.ys-kicker{font-size:11px;padding:7px 10px}.ys-hero h1{font-size:clamp(34px,10vw,43px);letter-spacing:-.4px;margin-top:14px}.ys-hero__lead{font-size:15px;line-height:1.82}.ys-hero__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ys-hero__actions .ys-btn{width:100%;min-width:0;padding-inline:10px;font-size:13px}.ys-trust{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ys-trust span{border-radius:11px;justify-content:flex-start;font-size:11px;padding:7px 8px}.ys-hero-card{min-height:355px}.ys-dashboard-preview{inset:8px 0 0;border-radius:18px}.ys-preview-body{grid-template-columns:64px 1fr;min-height:318px}.ys-preview-side{padding:11px 7px}.ys-preview-side img{width:32px;height:32px}.ys-preview-side span{height:6px;margin:10px 0}.ys-preview-main{padding:12px}.ys-preview-main h3{font-size:13px}.ys-preview-kpis{grid-template-columns:1fr 1fr;gap:6px}.ys-preview-kpis div:nth-child(3){display:none}.ys-preview-kpis div{padding:8px}.ys-preview-kpis b{font-size:14px}.ys-preview-chart{height:96px;padding:10px;gap:5px}.ys-float{font-size:11px;padding:9px 10px}.ys-float.a{inset-inline-end:2px}.ys-float.b{inset-inline-start:2px}.ys-value-strip{margin-top:-28px}.ys-value-strip__in{grid-template-columns:1fr 1fr;border-radius:16px}.ys-value{padding:15px 12px;border-bottom:1px solid #e2eaf2}.ys-value:nth-child(2){border-inline-end:0}.ys-value:nth-child(3),.ys-value:nth-child(4){border-bottom:0}.ys-value b{font-size:14px}.ys-value span{font-size:10.5px}
  .ys-section{padding:56px 0}.ys-section-head{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:22px}.ys-section h2{font-size:30px}.ys-section-head p,.ys-section-lead{font-size:14px}.ys-grid-3,.ys-grid-4,.ys-module-grid,.ys-use-grid,.ys-faq-grid,.ys-solution-links{grid-template-columns:1fr}.ys-card{padding:17px;border-radius:15px}.ys-compare{grid-template-columns:1fr}.ys-workflow{grid-template-columns:1fr;gap:19px}.ys-step{grid-template-columns:38px 1fr}.ys-step .n{width:38px;height:38px}.ys-pricing{padding:22px 12px;border-radius:20px}.ys-price-grid{grid-template-columns:1fr}.ys-price-card{padding:16px}.ys-currency{width:100%;justify-content:space-between}.ys-currency select{max-width:58%}.ys-final{padding:20px 0 38px}.ys-final__box{padding:23px 19px;align-items:flex-start;flex-direction:column}.ys-final__actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.ys-final__actions .ys-btn{width:100%;padding-inline:8px}.ys-footer__in{grid-template-columns:1fr}.ys-footer__links{justify-content:flex-start}.ys-mobile-cta{position:fixed;display:grid;grid-template-columns:.72fr 1.28fr;gap:7px;left:8px;right:8px;bottom:8px;z-index:120;padding:7px;background:rgba(255,255,255,.96);border:1px solid #dce6f0;border-radius:15px;box-shadow:0 13px 35px rgba(6,34,63,.2);backdrop-filter:blur(14px)}.ys-mobile-cta .ys-btn{min-height:47px;padding-inline:8px}.ys-seo-hero{padding:50px 0 56px}.ys-seo-hero p{font-size:15px}.ys-seo-body{padding:46px 0}.ys-seo-copy article{font-size:14px}.ys-seo-body h2,.ys-seo-copy h2{font-size:27px}
}
@media(max-width:390px){
  .ys-wrap{width:min(100% - 22px,680px)}.ys-nav__actions .ys-btn.primary{padding-inline:9px}.ys-hero__actions{grid-template-columns:1fr}.ys-trust{grid-template-columns:1fr}.ys-hero-card{min-height:335px}.ys-value{padding:13px 10px}.ys-section h2{font-size:27px}.ys-final__actions{grid-template-columns:1fr}.ys-mobile-drawer.is-open{grid-template-columns:1fr}
}

/* R6 mobile drawer close controls: explicit, thumb-friendly and hidden on desktop. */
.ys-mobile-sidebar-close{display:none;border:0;background:rgba(255,255,255,.1);color:inherit;width:38px;height:38px;border-radius:12px;align-items:center;justify-content:center;font-size:27px;line-height:1;cursor:pointer;flex:0 0 auto}
@media(max-width:980px){
  .panel-sidebar__brand{padding-inline-end:46px!important;min-height:58px}
  .ys-mobile-sidebar-close{display:inline-flex;position:absolute;inset-inline-end:8px;top:9px;z-index:3}
  .panel-layout.admin .ys-mobile-sidebar-close{color:#fff;background:rgba(255,255,255,.09)}
}

/* R6 defensive rules for legacy inline layouts that were authored desktop-first. */
@media(max-width:720px){
  body.ui2-admin .panel-nav-search{margin:8px 1px 7px!important}
  body.ui2-admin .panel-nav-search input{width:100%!important;min-height:40px!important;font-size:16px!important;padding-inline:12px!important}
  body.ui2-panel .panel-content [style*="grid-template-columns:repeat(3"],body.ui2-admin .panel-content [style*="grid-template-columns:repeat(3"],
  body.ui2-panel .panel-content [style*="grid-template-columns: repeat(3"],body.ui2-admin .panel-content [style*="grid-template-columns: repeat(3"],
  body.ui2-panel .panel-content [style*="grid-template-columns:repeat(4"],body.ui2-admin .panel-content [style*="grid-template-columns:repeat(4"],
  body.ui2-panel .panel-content [style*="grid-template-columns: repeat(4"],body.ui2-admin .panel-content [style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ui2-panel .panel-content [style*="grid-template-columns:2fr 1fr"],body.ui2-admin .panel-content [style*="grid-template-columns:2fr 1fr"],
  body.ui2-panel .panel-content [style*="grid-template-columns: 2fr 1fr"],body.ui2-admin .panel-content [style*="grid-template-columns: 2fr 1fr"],
  body.ui2-panel .panel-content [style*="grid-template-columns:1fr 2fr"],body.ui2-admin .panel-content [style*="grid-template-columns:1fr 2fr"],
  body.ui2-panel .panel-content [style*="grid-template-columns: 1fr 2fr"],body.ui2-admin .panel-content [style*="grid-template-columns: 1fr 2fr"]{grid-template-columns:1fr!important}
  body.ui2-panel .panel-content table,body.ui2-admin .panel-content table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:480px){
  body.ui2-panel .panel-content [style*="grid-template-columns:repeat(3"],body.ui2-admin .panel-content [style*="grid-template-columns:repeat(3"],
  body.ui2-panel .panel-content [style*="grid-template-columns: repeat(3"],body.ui2-admin .panel-content [style*="grid-template-columns: repeat(3"],
  body.ui2-panel .panel-content [style*="grid-template-columns:repeat(4"],body.ui2-admin .panel-content [style*="grid-template-columns:repeat(4"],
  body.ui2-panel .panel-content [style*="grid-template-columns: repeat(4"],body.ui2-admin .panel-content [style*="grid-template-columns: repeat(4"]{grid-template-columns:1fr!important}
}