/* Naqshera tile identity: original geometric motifs inspired by Central Asian craft. */
:root { --ink:#082d48; --ink-soft:#365b67; --paper:#f5ead4; --white:#fffaf0; --line:#cdbb94; --mint:#76d5cc; --mint-deep:#118b93; --sun:#e5c476; --rose:#c9794f; }
body { background:linear-gradient(180deg,#f9f0dc,#f0dfc0); }
.grain { background-image:url("../naqsh-pattern.svg"); background-repeat:repeat; background-size:160px 160px; mix-blend-mode:multiply; opacity:.11; }
.site-header { border-bottom:1px solid rgba(8,45,72,.14); }
.brand small { color:#b46942; }.site-header nav a:not(.nav-cta) { color:#315c6a; }.nav-cta { border-color:#178f94; background:#178f94; color:#fffaf0 !important; }.nav-cta span { color:#edcf84; }
.hero { position:relative; }.hero:before { background:url("../naqsh-pattern.svg") repeat; background-size:210px 210px; content:""; height:92%; opacity:.26; pointer-events:none; position:absolute; right:-7%; top:4%; width:52%; }.hero-copy,.product-screen { position:relative; z-index:1; }
h1 em,h2 em { color:#0e9095; }.primary { background:#0a3f59; color:#fff8e9; }.primary span { color:#e8c777; }.secondary { border-color:#b89e71; background:rgba(255,250,240,.5); }.hero-note span { background:#c7734d; }
.product-screen { border-color:#b69a69; border-radius:5px; background:#e9f0e7; box-shadow:0 28px 70px rgba(20,58,70,.17); }.screen-bar { border-bottom-color:#bcd1c7; background:#0a3f59; color:#d9eee5; }.screen-bar b { color:#e9c979; }.screen-dot { background:#47bcb5; box-shadow:0 0 0 4px rgba(71,188,181,.18); }.call-list { background:#e8eee5; border-right-color:#c1d2c8; }.call-row.active { border-color:#73bfb0; background:#d6eae0; }.review-panel { background:#fffaf0; }.review-title em { border-color:#d49a77; color:#934a35; background:#fbefe5; }.evidence-card { border-left-color:#c6754e; background:#f9eedf; }.time-scale b,.evidence-card b { color:#ad6244; }.screen-footer { border-top-color:#c5d6cc; background:#edf2e9; color:#416763; }
.proof-bar { border-color:#b69a69; background:#0b536a; color:#f9eed8; position:relative; }.proof-bar:after { background:url("../naqsh-pattern.svg") repeat; background-size:180px 180px; content:""; inset:0; mix-blend-mode:screen; opacity:.17; pointer-events:none; position:absolute; }.proof-grid { position:relative; z-index:1; }.proof-grid p strong { color:#f0d38b; }.proof-grid>span { border-left-color:rgba(241,222,179,.28); color:#c7e5df; }
.workflow-grid article { border-color:#c8b58b; background:rgba(255,250,240,.56); }.workflow-icon { background:#dbe9df; }.workflow-icon i { background:#178f94; }.classify i:nth-child(2),.report i:nth-child(2) { background:#d99a62; }.workflow-grid article>span,.control-grid article>span { color:#a45f40; }
.signal-section { background:#082f4a; position:relative; }.signal-section:before { background:url("../naqsh-pattern.svg") repeat; background-size:190px 190px; content:""; inset:0; mix-blend-mode:screen; opacity:.18; pointer-events:none; position:absolute; }.signal-layout { position:relative; z-index:1; }.signal-copy .eyebrow i { background:#edcf84; }.signal-copy h2 { color:#fff6e6; }.signal-copy li b { color:#7be0d4; }.signal-timeline { border-color:rgba(236,208,139,.42); background:linear-gradient(140deg,rgba(20,106,116,.58),rgba(7,43,68,.45)); }.timeline-line:before { background:#6eb7ad; }.timeline-line .two { background:#d89a61; }.pin { color:#f0d28c; }.pin em { border-color:#f0d28c; background:#082f4a; }.timeline-evidence { border-left-color:#df9c63; background:rgba(237,215,180,.12); }
.control-grid article { border-top-color:#168e94; }.control-grid article:nth-child(2){border-color:#e0b56d}.control-grid article:nth-child(3){border-color:#bf704b}.control-grid article:nth-child(4){border-color:#4db8ac}.scope-section { background:#dce7dd; position:relative; }.scope-section:before { background:url("../naqsh-pattern.svg") repeat; background-size:185px 185px; content:""; inset:0; opacity:.13; pointer-events:none; position:absolute; }.scope-layout { position:relative; z-index:1; }.closing { position:relative; }.closing:after { background:url("../naqsh-pattern.svg") repeat; background-size:180px 180px; content:""; height:90%; opacity:.16; pointer-events:none; position:absolute; right:0; top:5%; width:34%; }.closing>div,.closing>a { position:relative; z-index:1; }.footer { border-top-color:#bca77b; }.footer>a span { color:#0e9095; }
@media (max-width:620px){.hero:before{right:-22%;width:95%}.closing:after{width:68%}}