/* Arshtrade 2.1 — editorial details, vector icon language and restrained motion. */
.brand-logo{width:42px;height:42px;display:block;flex:none;filter:drop-shadow(0 4px 10px rgba(16,42,32,.13))}
.footer-logo{display:block;width:min(100%,235px);height:auto;margin:0 0 29px}
.line-icon{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.hero{min-height:min(870px,calc(100svh - 116px))}
.hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(221,186,124,.13) 1px,transparent 1px),linear-gradient(rgba(221,186,124,.08) 1px,transparent 1px);background-size:clamp(120px,15vw,240px) clamp(120px,15vw,240px);mask-image:linear-gradient(90deg,#000,transparent 72%);opacity:.42}
[dir="rtl"] .hero::before{transform:scaleX(-1)}
.hero h1{max-width:850px;text-wrap:balance}.hero p{max-width:620px}.hero-proof{display:flex;gap:28px;flex-wrap:wrap;margin-top:38px;padding-top:22px;border-top:1px solid rgba(239,221,185,.25);max-width:575px}
.hero-proof span{display:inline-flex;align-items:center;gap:9px;color:#e9d9bc;font-size:12px;font-weight:700}.hero-proof .line-icon{width:21px;height:21px;color:#e3bb78}
.signal-inner>span:not(.signal-dot){display:inline-flex;align-items:center;gap:10px}.signal-inner .line-icon{width:20px;height:20px;color:#e2bb79}
.about-preview{position:relative;background:radial-gradient(circle at 7% 40%,rgba(197,155,87,.11),transparent 36%),var(--bg)}
.about-side{overflow:hidden;background:linear-gradient(135deg,var(--surface),var(--surface-2))}.about-side::before{content:"";width:490px;height:490px;position:absolute;border:1px solid var(--line);border-radius:50%;transform:translate(42%,42%);opacity:.7}
.orbit-mark{width:250px;height:250px;background:radial-gradient(circle,rgba(203,163,97,.13),transparent 65%)}.orbit-mark::after{background:none;inset:53px}.orbit-mark img{position:relative;z-index:2;filter:drop-shadow(0 14px 20px rgba(10,31,22,.22));animation:brand-float 7s ease-in-out infinite}
.about-side-caption{position:absolute;inset-inline-end:24px;bottom:24px;font:700 10px var(--en);letter-spacing:.17em;color:var(--gold-dark)}.about-side-caption i{padding-inline:9px;font-style:normal}
@keyframes brand-float{50%{transform:translateY(-9px)}}
.trade-card{box-shadow:0 25px 50px rgba(13,33,23,.12)}.trade-card::after{content:"";position:absolute;inset:16px;border:1px solid rgba(242,222,184,.25);pointer-events:none;transition:inset .5s,border-color .5s}.trade-card:hover::after{inset:22px;border-color:rgba(242,222,184,.55)}
.trade-card-content{position:relative;z-index:2}.trade-card-content>span{font-family:var(--en)}.trade-card b{border-radius:0;transform:rotate(-45deg)}.trade-card:hover b{transform:rotate(0)}
.catalog-card{background:var(--surface);padding-bottom:20px;box-shadow:0 9px 28px rgba(23,49,36,.045);transition:transform .35s,box-shadow .35s}.catalog-card:hover{transform:translateY(-7px);box-shadow:0 24px 46px rgba(23,49,36,.13)}.catalog-card>.catalog-meta,.catalog-card>h3,.catalog-card>p,.catalog-card>.inline-link{margin-inline:22px}.catalog-card .catalog-meta{font-family:inherit;letter-spacing:0}.catalog-card h3{margin-top:12px}.catalog-card>.inline-link{margin-top:2px}
.quality-section{position:relative;overflow:hidden}.quality-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 22%,rgba(203,164,99,.16),transparent 29%);pointer-events:none}.quality-photo img{filter:saturate(.94)}
.process-preview{background:linear-gradient(145deg,var(--surface),var(--bg))}.step-card{position:relative;overflow:hidden;min-height:230px;transition:background .3s,transform .3s}.step-card::after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:0;height:2px;background:var(--gold);transition:width .45s}.step-card:hover{transform:translateY(-3px);z-index:1}.step-card:hover::after{width:100%}.step-top{display:flex;align-items:center;justify-content:space-between}.step-top .line-icon{width:36px;height:36px;color:var(--gold-dark);opacity:.7;transition:transform .4s,opacity .4s}.step-card:hover .line-icon{transform:translateY(-3px) scale(1.08);opacity:1}.step-card h3{margin-top:29px}
.reasons-section{position:relative;isolation:isolate;background:#142923;color:#f5f2e9;overflow:hidden}.reasons-section::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 15% 10%,rgba(200,164,104,.18),transparent 29%),repeating-linear-gradient(110deg,transparent 0 87px,rgba(255,255,255,.025) 88px 89px)}.reasons-section .section-intro h2{color:#fff}.reasons-section .section-intro p{color:#c1cec4}.reasons-section .eyebrow{color:#e3c08a}.reasons-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18)}.reason-card{position:relative;background:rgba(15,35,28,.65);padding:36px 29px 39px;min-height:320px;transition:background .3s}.reason-card:hover{background:rgba(57,83,67,.68)}.reason-card>span{font:700 11px var(--en);color:#c8a56b;letter-spacing:.14em}.reason-card .line-icon{display:block;width:46px;height:46px;color:#e1be82;margin:29px 0 24px;transition:transform .4s}.reason-card:hover .line-icon{transform:translateY(-5px)}.reason-card h3{font-size:20px;line-height:1.5;color:#fff;margin:0 0 13px}.reason-card p{font-size:13px;line-height:1.9;color:#c8d4c8;margin:0}
.shipping-section{background:var(--surface-2)}.shipping-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,7vw,110px);align-items:center}.shipping-visual{position:relative;min-height:620px}.shipping-visual>img{width:100%;height:620px;object-fit:cover;display:block;filter:saturate(.88)}.shipping-visual::before{content:"";position:absolute;inset:16px;z-index:1;border:1px solid rgba(255,255,255,.7);pointer-events:none}.shipping-stamp{position:absolute;z-index:2;bottom:34px;inset-inline-end:-35px;width:235px;min-height:75px;background:var(--forest);color:#ead19f;display:flex;justify-content:center;align-items:center;gap:13px;box-shadow:0 22px 35px rgba(10,30,22,.19);font:700 10px var(--en);letter-spacing:.1em}.shipping-stamp i{width:31px;height:1px;background:#ead19f;position:relative}.shipping-stamp i::after{content:"";position:absolute;inset-inline-end:0;top:-3px;width:7px;height:7px;border-top:1px solid #ead19f;border-inline-end:1px solid #ead19f;transform:rotate(45deg)}.shipping-copy h2{font-size:clamp(34px,4vw,61px);line-height:1.3;margin:20px 0 23px}.shipping-copy>p{font-size:16px;line-height:2;color:var(--muted)}.shipping-points{margin:33px 0;border-top:1px solid var(--line)}.shipping-points>div{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:15px 0;font-size:14px;font-weight:750}.shipping-points .line-icon{width:25px;height:25px;color:var(--gold-dark)}
.closing-cta{position:relative;overflow:hidden}.closing-cta::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 65%,rgba(214,179,111,.22),transparent 30%)}.closing-inner{position:relative}
.button span,.header-cta span,.text-arrow span{transition:transform .25s}.button:hover span,.header-cta:hover span,.text-arrow:hover span{transform:translate(3px,-3px)}
.will-reveal{transition-duration:.85s}.reasons-grid .reveal:nth-child(2),.steps-grid .reveal:nth-child(2){transition-delay:.08s}.reasons-grid .reveal:nth-child(3),.steps-grid .reveal:nth-child(3){transition-delay:.16s}.reasons-grid .reveal:nth-child(4),.steps-grid .reveal:nth-child(4){transition-delay:.24s}
@media(max-width:1100px){.reasons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reason-card{min-height:270px}.shipping-visual,.shipping-visual>img{min-height:540px;height:540px}}
@media(max-width:760px){.brand-logo{width:36px;height:36px}.hero::before{opacity:.25}.hero-proof{margin-top:25px;gap:15px}.about-side{min-height:300px}.orbit-mark{width:175px;height:175px}.orbit-mark img{width:70px;height:70px}.shipping-layout{grid-template-columns:1fr}.shipping-visual,.shipping-visual>img{height:410px;min-height:410px}.shipping-visual{max-width:620px}.shipping-stamp{inset-inline-end:15px}.shipping-copy h2{font-size:40px}}
@media(max-width:560px){.brand-logo{width:32px;height:32px}.hero-proof span{font-size:11px}.hero-proof .line-icon{width:17px;height:17px}.signal-inner>span:not(.signal-dot){gap:7px}.signal-inner .line-icon{width:17px;height:17px}.reasons-grid{grid-template-columns:1fr}.reason-card{min-height:auto;padding:30px}.reason-card .line-icon{margin:19px 0}.shipping-visual,.shipping-visual>img{height:330px;min-height:330px}.shipping-copy h2{font-size:34px}.shipping-stamp{width:190px;min-height:62px;font-size:8px;bottom:20px}.catalog-card>.catalog-meta,.catalog-card>h3,.catalog-card>p,.catalog-card>.inline-link{margin-inline:17px}}
@media(prefers-reduced-motion:reduce){.orbit-mark img{animation:none}.will-reveal{transition-delay:0!important}}

/* 2.2 — context-aware actions; no directional arrows in the visual language. */
.action-mark{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle;background:currentColor;mask:url('../ui/seed.svg') center/contain no-repeat;-webkit-mask:url('../ui/seed.svg') center/contain no-repeat;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .28s}
.button:hover .action-mark,.header-cta:hover .action-mark,.text-arrow:hover .action-mark,.inline-link:hover .action-mark{transform:scale(1.12) rotate(-6deg)}
.hero-actions .button:first-child .action-mark,.featured-section .text-arrow .action-mark,.catalog-card .inline-link .action-mark,.image-arrow .action-mark{mask-image:url('../ui/eye.svg');-webkit-mask-image:url('../ui/eye.svg')}
.hero-actions .button:nth-child(2) .action-mark,.header-cta .action-mark,.closing-cta .action-mark,.footer-lead .action-mark,.quote-form .action-mark,.arshtrade-quote-link .action-mark,.contact-tile:last-child .action-mark{mask-image:url('../ui/chat.svg');-webkit-mask-image:url('../ui/chat.svg')}
.topline .action-mark,.quote-aside .action-mark,.contact-tile:first-child .action-mark{mask-image:url('../ui/phone.svg');-webkit-mask-image:url('../ui/phone.svg')}
.trade-card .action-mark{mask-image:url('../ui/globe.svg');-webkit-mask-image:url('../ui/globe.svg');width:25px;height:25px}
.trade-card b{transform:none!important}.trade-card:hover b .action-mark{transform:rotate(15deg) scale(1.08)}
.image-arrow .action-mark{width:22px;height:22px}
.contact-tile b .action-mark{width:27px;height:27px}
.topline .action-mark{width:13px;height:13px;margin-inline-start:5px}
.shipping-stamp i{width:16px;height:16px;background:#ead19f;mask:url('../ui/seed.svg') center/contain no-repeat;-webkit-mask:url('../ui/seed.svg') center/contain no-repeat}
.shipping-stamp i::after{display:none}
.brand-wordmark strong{font-weight:750;letter-spacing:-.07em}.brand-wordmark strong span{color:#af8249}.brand-logo{border-radius:12px}
.section-intro h2,.about-copy h2,.quality-content h2,.shipping-copy h2{max-width:800px;text-wrap:balance}
.eyebrow{letter-spacing:.09em}.eyebrow-line{width:20px;transition:width .3s}.reveal:hover .eyebrow-line{width:30px}
.catalog-card{border:1px solid var(--line);box-shadow:0 10px 30px rgba(20,45,34,.045)}.catalog-card:hover{box-shadow:0 22px 42px rgba(20,45,34,.12)}.catalog-image::after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.4);pointer-events:none;opacity:0;transition:opacity .35s}.catalog-card:hover .catalog-image::after{opacity:1}
.catalog-card:nth-child(2) .catalog-image img[src*="green-coffee"]{object-position:35% center;filter:saturate(.87)}.catalog-card:nth-child(3) .catalog-image img[src*="green-coffee"]{object-position:72% center;filter:saturate(1.13)}
.reason-card::before{content:"";position:absolute;top:0;inset-inline-start:0;width:0;height:2px;background:#d4ad70;transition:width .45s}.reason-card:hover::before{width:100%}
.shipping-points>div{transition:padding-inline-start .25s,color .25s}.shipping-points>div:hover{padding-inline-start:7px;color:var(--gold-dark)}
.site-footer{background:radial-gradient(circle at 13% 19%,rgba(201,166,107,.08),transparent 28%),#0f201c}
.nav a:hover::after,.nav a:focus-visible::after{transform:scaleX(1);height:2px}
@media(max-width:760px){.action-mark{width:18px;height:18px}.trade-card .action-mark{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.action-mark,.eyebrow-line,.reason-card::before,.shipping-points>div{transition:none!important}}