/* RC14.2.2 - additive CSS restricted to public StockTake landing page. */
/* Arabic font is loaded from Google Fonts when allowed; system fonts remain usable offline. */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root { --st142-ink:#10303a; --st142-muted:#496376; --st142-blue:#1468d9; --st142-radius:24px; }
html[lang="ar"] body, html[dir="rtl"] body, html[lang="ar"] input, html[lang="ar"] button, html[lang="ar"] select {
  font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif;
}
html[dir="rtl"] body {line-height:1.9; font-weight:500; letter-spacing:0;}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4 {font-family:"Cairo","Segoe UI",Tahoma,sans-serif;font-weight:800;letter-spacing:0;line-height:1.5;}
html[dir="rtl"] .btn,html[dir="rtl"] .nav,html[dir="rtl"] .stj-cta,html[dir="rtl"] .stj-card {font-family:"Cairo","Segoe UI",Tahoma,sans-serif;}
html[dir="rtl"] .section-head p, html[dir="rtl"] .feature p, html[dir="rtl"] .about-copy p {font-size:max(1rem, 15px); line-height:1.95;}
html[dir="rtl"] .hero h1 {letter-spacing:0;}
/* Clear visual chapter boundaries without changing markup, links or controls. */
main > section.hero {background:radial-gradient(ellipse at 83% 18%,rgba(13,148,136,.11),transparent 55%),linear-gradient(175deg,#ffffff 0%,#edf8f7 100%);}
main > section#features {background:linear-gradient(165deg,#f0f8ff,#f8fcff 74%);border-top:1px solid #d9eaf6;border-bottom:1px solid #d9eaf6;}
main > section#features .feature {border:1px solid #d8e9f4;box-shadow:0 12px 32px rgba(28,83,128,.055);transition:transform .18s ease,box-shadow .18s ease;}
main > section#features .feature:hover {transform:translateY(-3px);box-shadow:0 17px 37px rgba(28,83,128,.09);}
main > section#about {background:linear-gradient(120deg,#0d3032 0%,#0e4a47 85%);border-top:4px solid #13b6a7;border-bottom:4px solid #13b6a7;}
main > section#st-onboarding-journey {background:linear-gradient(145deg,#f1f6ff 0%,#f2fbf6 100%);border-top:1px solid #dae7f3;border-bottom:1px solid #dae7f3;}
main > section#pricing {background:linear-gradient(145deg,#faf8ff,#fff 55%,#f6f8ff);border-top:1px solid #e4e2f4;border-bottom:1px solid #e4e2f4;}
main > section[id*="partner"],main > section[id*="affiliate"], main > section[class*="partners"],main > section[class*="affiliate"] {background:linear-gradient(160deg,#fff8ed,#fffdf8 73%);border-top:1px solid #f4e4c7;border-bottom:1px solid #f4e4c7;}
main > section.cta {background:linear-gradient(165deg,#edf8f5,#f5fbff);}
/* Unknown extra sections receive alternating low-contrast chapter surfaces. */
main > section.section:not(#features):not(#about):not(#pricing):not(#st-onboarding-journey):not([id*="partner"]):not([id*="affiliate"]):nth-of-type(odd){background-color:#fbfdff;}
main > section[id] .section-head h2 {position:relative;}
main > section[id] .section-head:after {content:"";display:block;width:66px;height:4px;margin:17px auto 0;border-radius:100px;background:linear-gradient(90deg,#0f766e,#51aaf2);}
main > section.st142-scanner-section, main > section:has(#st142-mobile-scanning) {background:linear-gradient(160deg,#ffffff,#eef8ff 60%,#fdf9f2);border-top:1px solid #deebf5;border-bottom:1px solid #deebf5;}
/* Dedicated feature block replaces the unsupported implication that a scanner is necessary. */
.st142-camera {width:min(1150px,100%);margin-inline:auto;padding:15px 0 4px;color:var(--st142-ink);}
.st142-camera-intro {text-align:center;margin:0 auto 26px;max-width:950px;}
.st142-kicker {display:inline-block;color:#1662a3;font-size:.8rem;font-weight:800;letter-spacing:.08em;background:#e8f3ff;padding:6px 15px;border-radius:999px;}
.st142-camera-intro h2 {font-size:clamp(1.55rem,3.2vw,2.65rem);line-height:1.4;margin:14px auto 0;color:#10303a;font-weight:800;}
.st142-camera-intro:after{content:"";display:block;width:78px;height:4px;margin:15px auto 0;border-radius:999px;background:linear-gradient(90deg,#0f766e,#60a5fa);}
.st142-camera-cards {display:grid;grid-template-columns:1fr;gap:16px;}
.st142-camera-card {display:flex;align-items:center;gap:20px;padding:24px clamp(18px,3vw,34px);border-radius:var(--st142-radius);border:1px solid;box-shadow:0 12px 25px rgba(22,63,97,.06);}
.st142-camera-card-primary{background:linear-gradient(120deg,#e6f4ff,#f4fbff);border-color:#cee6fa;}
.st142-camera-card-secondary{background:linear-gradient(120deg,#fff7e8,#fffdf8);border-color:#f3dfbe;}
.st142-camera-card p {margin:0;flex:1;font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.85;color:#203d4d;}
.st142-camera-card-primary p{font-weight:750;color:#13518b;}
.st142-card-icon {flex:0 0 58px;display:grid;place-items:center;width:58px;height:58px;border-radius:19px;background:rgba(255,255,255,.74);color:#1976c5;box-shadow:inset 0 0 0 1px rgba(18,111,177,.12);}
.st142-card-icon svg{width:32px;height:32px;}
.st142-camera-card-secondary .st142-card-icon {color:#ba7126;box-shadow:inset 0 0 0 1px rgba(186,113,38,.12);}
html[dir="rtl"] .st142-camera, .st142-camera[dir="rtl"]{text-align:right;}
html[dir="rtl"] .st142-camera-card, .st142-camera[dir="rtl"] .st142-camera-card{flex-direction:row;}
html[dir="rtl"] .st142-camera-card p{font-size:clamp(1.04rem,1.45vw,1.23rem);line-height:2;}
html[dir="rtl"] .st142-camera-intro h2{line-height:1.55;}
@media(max-width:680px){
 .st142-camera-card{align-items:flex-start;gap:13px;padding:18px;border-radius:18px;}
 .st142-card-icon{flex-basis:44px;width:44px;height:44px;border-radius:14px;}
 .st142-card-icon svg{width:25px;height:25px;}
 .st142-camera-intro{margin-bottom:20px;}
 .st142-camera-card p{font-size:1rem;line-height:1.85;}
}
@media(prefers-reduced-motion:reduce){main > section#features .feature{transition:none;}main > section#features .feature:hover{transform:none;}}

/* RC14.2.2: real production SEO block remains in its original position. */
main > section#inventory-tools.st142-scanner-section {padding:clamp(44px,5vw,74px) 0;background:linear-gradient(150deg,#f8fcff 0%,#edf8ff 50%,#fffaf3 100%)}
main > section#inventory-tools .seo-wrap{max-width:1160px}
main > section#inventory-tools .st142-camera-intro h2{font-size:clamp(1.6rem,3.5vw,2.75rem)}
main > section#inventory-tools .st142-camera-card p{font-size:clamp(1rem,1.4vw,1.22rem)}
html[lang="ar"] main > section#inventory-tools .st142-camera-card p{line-height:2.05}