/* Zarmadar's public layer: warm paper, readable jade, restrained gold. */
.zarmadar-site { --ink:#143d35; --ink-soft:#173e36; --ink-raised:#234c42; --paper:#f3f0e7; --paper-deep:#e8e4d9; --white:#fffdf8; --gold:#997533; --gold-bright:#e7ca86; --muted:#5e6861; color:#24392f; }
.zarmadar-site .site-header { background:rgba(255,253,248,.97); color:#183f35; border-block-end:1px solid #e4e5da; }
.zarmadar-site .site-header.scrolled,.zarmadar-site .site-header.menu-open { background:#fffdf8; box-shadow:0 3px 18px #153c3510; }
.zarmadar-site .header-shell { min-height:86px; }
.zarmadar-site .brand { gap:10px; }
.zarmadar-site .brand-copy strong { font-size:1.5rem; }
.zarmadar-site .brand-copy small { color:#526459; font-size:.66rem; }
.zarmadar-mark { display:grid; place-items:center; width:43px; height:48px; border:1px solid #b99b61; border-radius:22px 22px 4px 4px; font-size:29px; font-family:Tahoma,sans-serif; color:#826128; }
.zarmadar-site .desktop-nav { gap:24px; }
.zarmadar-site .desktop-nav a { color:#41564a; font-size:.82rem; }
.zarmadar-site .desktop-nav a:hover,.zarmadar-site .desktop-nav a.active { color:#153e34; }
.zarmadar-site .icon-button { border-color:#ced5cb; color:#143d35; }
.zarmadar-site .header-app-link { color:#173e35; border-color:#cbd2c8; }
.zarmadar-site .header-cta { background:#143d35; color:#fffdf8; border-color:#143d35; }
.zarmadar-site .mobile-nav { background:#fffdf8; border-block-start:1px solid #dce1d7; }
.zarmadar-site .mobile-nav a { color:#173e35; }
.zarmadar-site .button { min-height:48px; border-radius:8px; }
.zarmadar-site .button-ink { background:#143d35; color:#fffdf8; }
.zarmadar-site .button-outline { border:1px solid #aebbb0; background:transparent; color:#173e35; }
.zarmadar-site .zarmadar-hero { background:#f3f0e7; color:#143d35; padding-block:140px 0; overflow:visible; }
.zarmadar-site .zarmadar-hero::before,.zarmadar-site .zarmadar-hero::after { display:none; }
.zarmadar-site .zarmadar-hero .hero-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.14fr); gap:56px; align-items:center; }
.zarmadar-site .hero h1 { max-width:none; font-size:clamp(2.3rem,3.5vw,3.45rem); line-height:1.6; letter-spacing:-1.9px; margin-block:20px; }
.zarmadar-site .hero h1 em { color:#876329; font-style:normal; white-space:nowrap; }
.zarmadar-site .hero-lead { color:#4d6054; font-size:1rem; max-width:485px; line-height:2.1; }
.zarmadar-site .hero-actions { margin-block:27px; gap:12px; flex-wrap:wrap; }
.hero-branch-line { display:flex; gap:9px; align-items:center; flex-wrap:wrap; font-size:.9rem; color:#365748; }
.hero-branch-line a { border-block-end:1px solid #aec0b3; }
.hero-demo-note { font-size:.73rem; color:#617066; margin-block-start:21px; }
.zarmadar-hero-art { position:relative; margin:0; min-width:0; }
.zarmadar-hero-art>img { width:100%; height:478px; object-fit:cover; object-position:43% 50%; border-radius:150px 150px 12px 12px; background:#e1dfd0; }
.zarmadar-hero-art>figcaption { display:flex; justify-content:space-between; padding:14px 5px; font-size:.79rem; gap:12px; color:#5d6b5f; }
.zarmadar-hero-art>figcaption small { font-size:.68rem; }
.zarmadar-image-link { display:grid; grid-template-columns:1fr 30px; gap:2px 16px; position:absolute; inset-inline-start:-22px; bottom:62px; background:#fffdf8; color:#153f35; border:1px solid #e5e3d7; padding:17px 20px; border-radius:9px; box-shadow:0 12px 38px #223b2d12; }
.zarmadar-image-link>span { grid-column:1; color:#62715f; font-size:.71rem; }
.zarmadar-image-link>strong { font-size:.84rem; }
.zarmadar-image-link>b { grid-column:2; grid-row:1 / 3; align-self:center; font-size:24px; color:#927035; }
.zarmadar-quickbar { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-block-start:48px; border-block-start:1px solid #cbd2c4; }
.zarmadar-quickbar>div { display:flex; flex-direction:column; gap:2px; padding:24px 18px; border-inline-end:1px solid #d4d8cc; }
.zarmadar-quickbar>div:last-child { border:0; }
.zarmadar-quickbar strong { font-size:.98rem; font-weight:600; }
.zarmadar-quickbar span { font-size:.74rem; color:#586a5b; }
.zarmadar-site .problem-strip { background:#e5eadf; border-block:1px solid #cfd8cb; color:#3e5645; }
.zarmadar-site .marquee-static { padding-block:14px; }
.zarmadar-site .solutions,.zarmadar-site .packages,.zarmadar-site .hardware,.zarmadar-site .zarmadar-collection,.zarmadar-site .zarmadar-branches { padding-block:76px; }
.zarmadar-site .section-head { margin-block-end:32px; gap:32px; }
.zarmadar-site .section-head h2 { font-size:clamp(1.9rem,2.7vw,2.8rem); line-height:1.65; letter-spacing:-1px; }
.zarmadar-site .section-head>p { font-size:.94rem; color:#536451; }
.zarmadar-site .eyebrow.dark { color:#65724f; }
.zarmadar-collection-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.collection-tile { padding:26px; position:relative; overflow:hidden; min-height:278px; border-radius:12px; background:#f0eee5; border:1px solid #e1e3d6; transition:transform .2s,border-color .2s; }
.collection-tile:hover { transform:translateY(-4px); border-color:#9d9f76; }
.collection-tile>span { font-size:.7rem; color:#5f6854; }
.collection-tile h3 { margin:10px 0 4px; font-size:1.25rem; }
.collection-tile p { margin:0; font-size:.85rem; color:#53624f; }
.collection-tile>b { position:absolute; inset-inline-end:25px; bottom:30px; font-weight:400; }
.tile-chain { background:#e7eee3; }
.tile-ring { background:#f3e9d8; }
.jewelry-symbol { width:80px; height:80px; margin:0 auto 18px; font-family:Georgia,serif; font-size:100px; line-height:70px; color:#a88242; text-shadow:1px 2px #e3c884,3px 3px 5px #ad986b42; transform:rotate(-18deg); }
.chain-symbol { font-size:105px; }
.ring-symbol { font-size:108px; }
.zarmadar-branch-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.zarmadar-branch-card { display:flex; gap:18px; align-items:flex-start; padding:29px; background:#fffdf8; border:1px solid #d9dfd2; border-radius:12px; position:relative; overflow:hidden; }
.branch-index { font:18px Georgia,serif; color:#866932; border-block-end:1px solid #c5b382; padding-block:3px 8px; }
.zarmadar-branch-card h3 { margin:7px 0; font-size:1.35rem; }
.zarmadar-branch-card small { color:#6b755f; font-size:.71rem; }
.zarmadar-branch-card p { color:#5a6c59; font-size:.88rem; margin:0 0 24px; }
.zarmadar-branch-card .text-link { font-size:.83rem; }
.arch-pattern { position:absolute; width:120px; height:170px; border:1px solid #a7b89645; border-radius:75px 75px 0 0; inset-inline-end:-30px; bottom:-40px; transform:rotate(-15deg); pointer-events:none; }
.arch-pattern::after { content:''; position:absolute; inset:16px; border:1px solid #a7b89645; border-radius:65px 65px 0 0; }
.zarmadar-site .solution-card { min-height:245px; padding:24px; border-radius:11px; }
.zarmadar-site .solution-card h3 { margin-block-start:23px; }
.zarmadar-site .solution-card p { color:#50634f; }
.zarmadar-site .solution-tag { font-size:.7rem; color:#345c43; }
.zarmadar-site .hardware-card { border-radius:12px; }
.zarmadar-site .filter-pill { min-height:44px; border-radius:7px; }
.zarmadar-site .filter-pill.active { background:#153e35; color:#fffdf8; }
.zarmadar-site .section-dark .filter-pill.active { background:#dfc789; color:#163e35; }
.zarmadar-site .hardware-spec-preview { align-items:flex-start; font-size:.69rem; }
.zarmadar-site .hardware-spec-preview>span { max-width:90%; }
.zarmadar-site .section-dark .button-gold { background:#e7ca86; color:#123d31; }
.zarmadar-site .section-dark .text-link { color:#eddaac; }
.zarmadar-site .site-footer .brand-copy small { color:#c8d2c3; }
.zarmadar-market { margin-block-start:30px; padding:22px; border:1px solid #627760; border-radius:12px; background:#ffffff07; }
.zarmadar-market-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.zarmadar-market-head h3 { margin:0; font-size:1rem; color:#f5ecd7; }
.zarmadar-market-status { font-size:.67rem; color:#e7d2a0; padding:3px 8px; border:1px solid #718466; border-radius:5px; }
.zarmadar-market strong { display:block; margin-block:12px 5px; font-size:1.7rem; font-weight:500; }
.zarmadar-market p,.zarmadar-market small { color:#d6dfd0; font-size:.74rem; }
.zarmadar-market a { text-decoration:underline; text-underline-offset:4px; color:#e9d6a5; font-size:.76rem; }
.zarmadar-history { margin-block-start:17px; }
.zarmadar-history summary { cursor:pointer; font-size:.78rem; color:#e1d4ae; min-height:44px; display:flex; align-items:center; }
.zarmadar-history table { width:100%; border-collapse:collapse; font-size:.71rem; }
.zarmadar-history td,.zarmadar-history th { text-align:start; padding:6px; border-block-end:1px solid #72836655; }
.zarmadar-history caption { text-align:start; padding-block:7px; color:#d8e0d1; }
.zarmadar-site :focus-visible { outline:3px solid #bc8630; outline-offset:4px; }
.zarmadar-site .field-error { color:#a3251d; }
.zarmadar-site .form-note { color:#5b6757; }
.zarmadar-site .dialog-eyebrow { color:#526b42; }
.zarmadar-site .spec-table td { overflow-wrap:anywhere; }
.sr-only { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.workspace-start { padding-block:68px; border-block-end:1px solid #d9dfd2; }
.workspace-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 28px; }
.workspace-links>a { display:flex; align-items:center; gap:16px; padding:25px 5px; border-block-end:1px solid #d9dfd2; min-width:0; border-radius:4px; }
.workspace-links>a:hover { background:#edf0e8; }
.workspace-number { color:#80622e; font-size:.78rem; font-variant-numeric:tabular-nums; }
.workspace-links h3 { color:#143d35; font-size:1.04rem; margin:0 0 5px; }
.workspace-links p { color:#526459; font-size:.79rem; margin:0; }
.workspace-links>a>span:last-child { margin-inline-start:auto; color:#80622e; }
.workspace-help { margin-block:26px 0; font-size:.85rem; color:#526459; }
.workspace-help a { display:inline-block; min-height:44px; padding-block:10px; margin-inline-start:8px; text-decoration:underline; text-underline-offset:5px; color:#143d35; }
@media(max-width:1120px){
 .zarmadar-site .header-shell{min-height:77px}
 .zarmadar-site .zarmadar-hero{padding-block-start:113px}
 .zarmadar-site .zarmadar-hero .hero-grid{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .zarmadar-hero-art>img{height:400px;border-radius:110px 110px 10px 10px}
 .zarmadar-site .hero h1{font-size:2.5rem;line-height:1.7}
 .zarmadar-image-link{inset-inline-start:-10px;bottom:67px;padding:12px}
}
@media(max-width:820px){
 .workspace-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
 .workspace-start{padding-block:48px}
 .zarmadar-site .zarmadar-hero .hero-grid{grid-template-columns:1fr;gap:23px}
 .zarmadar-site .hero-copy{max-width:650px}
 .zarmadar-site .hero h1{font-size:clamp(2rem,5.7vw,3rem);line-height:1.6}
 .zarmadar-site .hero-lead{max-width:580px}
 .zarmadar-hero-art>img{height:350px;border-radius:85px 85px 10px 10px;object-position:center 54%}
 .zarmadar-hero-art{max-width:650px;width:100%;margin-inline:auto}
 .zarmadar-image-link{inset-inline-start:18px;bottom:58px}
 .zarmadar-quickbar{grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:28px}
 .zarmadar-quickbar>div{padding:19px 12px;border-block-end:1px solid #d4d8cc}
 .zarmadar-quickbar>div:nth-child(2){border-inline-end:0}
 .zarmadar-quickbar>div:nth-child(3),.zarmadar-quickbar>div:nth-child(4){border-block-end:0}
 .zarmadar-collection-grid{gap:13px}
 .collection-tile{padding:18px;min-height:257px}
 .collection-tile h3{font-size:1.04rem}
 .collection-tile p{font-size:.73rem;max-width:85%}
 .zarmadar-branch-grid{grid-template-columns:1fr}
 .zarmadar-site .solutions,.zarmadar-site .packages,.zarmadar-site .hardware,.zarmadar-site .zarmadar-collection,.zarmadar-site .zarmadar-branches{padding-block:54px}
}
@media(max-width:540px){
 .workspace-links{grid-template-columns:1fr}
 .workspace-links>a{padding-block:20px}
 .workspace-help a{margin-inline-start:0}
 .zarmadar-site{--page-gutter:32px}
 .zarmadar-site .header-shell{min-height:70px}
 .zarmadar-site .brand-copy strong{font-size:1.25rem}
 .zarmadar-site .brand-copy small{font-size:.57rem}
 .zarmadar-mark{width:35px;height:41px;font-size:25px}
 .zarmadar-site .zarmadar-hero{padding-block-start:101px}
 .zarmadar-site .hero h1{letter-spacing:-1px;font-size:clamp(1.8rem,7.3vw,2.45rem)}
 .zarmadar-site .hero h1 em{white-space:normal}
 .zarmadar-site .hero-lead{font-size:.88rem;line-height:2}
 .zarmadar-site .hero-actions{display:flex;margin-block:21px;gap:9px}
 .zarmadar-site .hero-actions .button{font-size:.79rem;padding-inline:15px;flex:1}
 .hero-demo-note{font-size:.66rem}
 .hero-branch-line{font-size:.82rem}
 .zarmadar-hero-art>img{height:280px;border-radius:60px 60px 9px 9px}
 .zarmadar-hero-art>figcaption{font-size:.68rem}
 .zarmadar-hero-art>figcaption small{font-size:.6rem}
 .zarmadar-image-link>strong{font-size:.77rem}
 .zarmadar-quickbar strong{font-size:.86rem}
 .zarmadar-quickbar span{font-size:.66rem}
 .zarmadar-collection-grid{grid-template-columns:1fr}
 .collection-tile{min-height:174px;padding-inline-start:140px;display:flex;flex-direction:column;justify-content:center}
 .jewelry-symbol{position:absolute;inset-inline-start:29px;top:45px;margin:0}
 .collection-tile>b{bottom:16px}
 .collection-tile h3{font-size:1.12rem}
 .collection-tile p{max-width:none}
 .zarmadar-branch-card{padding:22px 18px;gap:13px}
 .zarmadar-branch-card h3{font-size:1.1rem}
}
@media(prefers-reduced-motion:reduce){.collection-tile{transition:none}.collection-tile:hover{transform:none}}
@media print{.site-header,.hero-actions,.zarmadar-image-link{display:none}.zarmadar-site .zarmadar-hero{padding-block-start:20px}}