@font-face {
    font-family: Vazirmatn;
    src: url('../fonts/Vazirmatn.woff2') format('woff2');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}
:root { --iseo-gold:#f4c72b; --iseo-ink:#191c20; --iseo-muted:#696f75; }
* { box-sizing:border-box; }
body { margin:0; background:#fdfdfc; color:var(--iseo-ink); font-family:Vazirmatn,Tahoma,sans-serif; }
.iseo { direction:rtl; font-size:14px; line-height:1.9; padding-bottom:32px; }
.iseo a { color:inherit; text-decoration:none; }
.iseo img { display:block; max-width:100%; height:auto; }
.iseo h1,.iseo h2,.iseo h3,.iseo p { margin:0; }
.iseo h2 { font-size:26px; font-weight:850; letter-spacing:-.6px; line-height:1.6; }
.iseo h3 { font-size:15px; font-weight:750; line-height:1.65; }
.iseo em { font-style:normal; color:#ac8100; }
.iseo svg { flex-shrink:0; vertical-align:middle; }
.wrap { width:min(1160px,calc(100% - 56px)); margin-inline:auto; }
.hero { position:relative; isolation:isolate; color:#fff; background:#101319; overflow:hidden; }
.iseo .hero-photo { position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center 57%; z-index:-3; }
.hero-shade { position:absolute; inset:0; z-index:-2; background:linear-gradient(270deg,rgba(9,13,18,.97) 0%,rgba(9,13,18,.92) 28%,rgba(9,13,18,.42) 59%,rgba(9,13,18,.06) 100%),linear-gradient(0deg,rgba(9,13,18,.75),transparent 35%); }
.hero-inner { min-height:506px; display:flex; align-items:center; padding-block:62px 94px; }
.hero-copy { width:51%; max-width:590px; }
.eyebrow { display:inline-flex; align-items:center; gap:9px; font-size:11px; color:#d1d4d6; border:1px solid #ffffff1c; background:#ffffff05; border-radius:30px; padding:5px 13px; }
.eyebrow i { width:5px; height:5px; border-radius:50%; background:var(--iseo-gold); box-shadow:0 0 0 4px #f4c72b12; }
.iseo .hero h1 { font-size:clamp(44px,4.7vw,67px); font-weight:950; letter-spacing:-2px; line-height:1.55; margin-top:10px; }
.hero h1 em { color:#ffd343; }
.iseo .hero h2 { font-size:22px; font-weight:650; letter-spacing:-.4px; }
.hero-description { color:#bfc3c9; margin-top:14px!important; max-width:495px; font-size:13px; line-height:2.05; }
.actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:25px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:19px; min-height:46px; padding:10px 22px; border-radius:8px; border:1px solid #f6cd3d; background:linear-gradient(120deg,#ffdb59,#f4c329); color:#27200d!important; box-shadow:0 5px 18px #f5c72a17; font-size:12px; font-weight:800; transition:transform .2s,box-shadow .2s,background .2s; }
.button svg { width:18px; height:18px; }
.button:hover { transform:translateY(-2px); box-shadow:0 7px 24px #f5c72a35; }
.button.outline { color:#f6f6f5!important; border-color:#ffffff32; background:#ffffff03; box-shadow:none; }
.button.outline:hover { background:#ffffff0d; }
.hero-notes { display:flex; flex-wrap:wrap; gap:23px; margin-top:23px; font-size:10px; color:#c0c4c9; }
.hero-notes span { display:flex; align-items:center; gap:6px; }
.hero-notes svg { color:#d1ad47; width:14px; height:14px; }
.photo-caption { position:absolute; bottom:67px; left:max(28px,calc((100% - 1160px)/2)); display:flex; align-items:center; gap:8px; color:#e2dacb; font-size:10px; letter-spacing:.2px; }
.photo-caption span { width:24px; height:1px; background:#cda849; }
.stats { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:-43px 22px 0; padding:24px 12px; background:#fff; border:1px solid #efeee9; border-radius:12px; box-shadow:0 10px 34px #1b202409; }
.stat { display:flex; justify-content:center; align-items:center; gap:16px; padding-inline:15px; border-left:1px solid #eeeee9; }
.stat:last-child { border:0; }
.stat-icon { display:grid; place-items:center; width:46px; height:46px; border-radius:12px; background:#fffae9; color:#bd910b; }
.stat-icon svg { width:26px; height:26px; }
.stat strong { display:block; font-size:28px; line-height:1.35; font-weight:850; }
.stat small { display:block; color:#767a7f; font-size:11px; }
.demo-note { text-align:center; color:#767a7f; font-size:10px; margin-top:14px!important; }
.section { margin-top:58px; scroll-margin-top:24px; }
.section-title { text-align:center; margin-bottom:25px; }
.kicker { display:block; color:#9a7520; font-size:10px; font-weight:500; margin-bottom:4px; }
.section-title h2:after { content:''; display:block; margin:10px auto 0; width:32px; height:2px; border-radius:3px; background:#edc338; }
.section-title p { color:#777d82; font-size:12px; margin-top:11px; }
.services { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:15px; }
.card { background:#fff; border:1px solid #eaece9; border-radius:10px; box-shadow:0 3px 10px #20251e02; transition:transform .25s,border-color .25s,box-shadow .25s; }
.service { display:flex; flex-direction:column; align-items:center; text-align:center; padding:25px 15px 18px; position:relative; overflow:hidden; }
.service:before { content:''; position:absolute; top:0; left:35%; right:35%; height:2px; background:#e7bb37; opacity:0; transition:opacity .2s; }
.icon { display:grid; place-items:center; width:50px; height:50px; background:linear-gradient(145deg,#fff9e7,#fffdf6); border:1px solid #f6ecd1; border-radius:13px; color:#ad8310; margin-bottom:15px; }
.icon svg { width:27px; height:27px; }
.service h3 { font-size:14px; }
.service p { color:#70767b; font-size:11px; line-height:1.95; margin-top:9px; margin-bottom:18px; }
.service a { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:auto; padding-top:13px; border-top:1px solid #f2f3ef; width:100%; font-size:10px; color:#655d42; }
.service a svg { width:14px; height:14px; transition:transform .2s; }
.service:hover { border-color:#e8d59b; transform:translateY(-5px); box-shadow:0 12px 25px #29271908; }
.service:hover:before { opacity:1; }
.service:hover a svg { transform:translateX(-3px); }
.why { display:grid; grid-template-columns:1.65fr 1fr; align-items:center; gap:42px; }
.chart { background:radial-gradient(ellipse at 75% 0%,#222622,#121519 65%); color:white; border:1px solid #2c3033; border-radius:12px; padding:24px 26px 12px; box-shadow:0 15px 30px #151a2010; }
.chart-heading { display:flex; align-items:center; justify-content:space-between; color:#c5c8cd; font-size:11px; padding-bottom:15px; border-bottom:1px solid #ffffff0d; }
.chart-heading>span:first-child { display:flex; align-items:center; gap:8px; }
.chart-heading i { width:6px; height:6px; border-radius:50%; background:#e4be3e; }
.chart-period { color:#969da3; font-size:9px; border:1px solid #ffffff16; border-radius:4px; padding:1px 9px; }
.chart-summary { display:flex; justify-content:space-between; align-items:center; margin-top:17px; }
.chart-summary small { font-size:10px; color:#949da4; }
.chart-summary strong { display:block; font-size:28px; line-height:1.5; letter-spacing:.4px; }
.chart-summary strong span { display:inline-block; font-size:10px; font-weight:500; color:#d2bc69; background:#d6b93f10; padding:2px 6px; vertical-align:middle; margin-right:8px; border-radius:4px; }
.chart-label { color:#969da3; font-size:9px; }
.growth-chart { display:block; width:100%; height:auto; margin-top:8px; direction:ltr; }
.reason { display:flex; gap:13px; margin-top:15px; }
.reason>span { width:32px; color:#b38b1a; padding-top:2px; flex-shrink:0; }
.reason svg { width:25px; height:25px; }
.reason h3 { font-size:13px; }
.reason p { font-size:11px; color:#71777c; margin-top:3px; }
.text-link { display:inline-flex; align-items:center; gap:14px; border:1px solid #e7d8ac; color:#755f26!important; padding:7px 14px; border-radius:6px; font-size:11px; margin-top:20px; }
.text-link svg { width:16px; height:16px; }
.projects,.reviews { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.project { display:flex; align-items:center; padding:12px; gap:15px; }
.project:hover { border-color:#dcd4bc; box-shadow:0 7px 20px #1b202408; }
.project-visual { width:40%; flex-shrink:0; border:1px solid #e9eae4; border-radius:6px; background:#f4f4ee; overflow:hidden; }
.project-visual img { width:100%; aspect-ratio:9/7; object-fit:cover; transition:transform .4s; }
.project:hover img { transform:scale(1.035); }
.project-info { min-width:0; }
.project-tag { color:#8a7a45; font-size:9px; }
.project h3 { font-size:12px; margin-block:3px 7px; }
.project-result { display:flex; align-items:center; gap:9px; }
.project-result strong { font-size:21px; font-weight:850; line-height:1.5; }
.project-result>span { font-size:9px; color:#777d82; }
.sample-tag,.project-link { font-size:9px; color:#777d82!important; }
.steps { position:relative; isolation:isolate; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); list-style:none; padding:0; margin:29px 0 0; counter-reset:step; text-align:center; gap:15px; }
.steps:before { content:''; position:absolute; top:24px; inset-inline:10%; border-top:1px dashed #e4d596; z-index:-1; }
.steps li:before { counter-increment:step; content:counter(step,persian); display:grid; place-items:center; width:46px; height:46px; margin:0 auto 14px; background:#f7d152; border:5px solid #fff7d8; outline:6px solid #fdfdfc; border-radius:50%; font-weight:800; font-size:16px; box-shadow:0 3px 9px #9b7c1712; }
.steps h3 { font-size:13px; }
.steps p { color:#787d82; font-size:10px; margin-top:4px; }
.review { margin:0; padding:21px; }
.review figcaption { display:flex; align-items:center; gap:10px; }
.avatar { width:42px; height:42px!important; flex-shrink:0; display:grid; place-items:center; border-radius:50%; border:1px solid #e8e4d6; background:#f7f4e9; color:#9d8a4f; object-fit:cover; }
.avatar svg { width:22px; height:22px; }
.review strong { font-size:12px; }
.review small { display:block; color:#888d90; font-size:10px; }
.quote { color:#d4ae37; font-family:Georgia,serif; font-size:46px; line-height:1; margin-right:auto; }
.review blockquote { margin:15px 0; color:#666d73; font-size:12px; line-height:2; }
.review-bottom { border-top:1px solid #f0f0eb; padding-top:10px; font-size:9px; color:#969a9d; display:flex; align-items:center; gap:6px; }
.review-bottom span { height:4px; width:4px; border-radius:50%; background:#ccb368; }
.consult { position:relative; isolation:isolate; overflow:hidden; display:flex; align-items:center; justify-content:space-between; gap:25px; margin-top:40px; padding:29px 34px; background:#101317; border:1px solid #292b2d; color:white; border-radius:11px; scroll-margin-top:25px; }
.consult:before { content:''; position:absolute; z-index:-1; inset:-150px auto -150px -110px; width:450px; border-radius:50%; background:repeating-radial-gradient(circle,transparent 0 26px,#e9c65a0b 27px 28px); }
.consult h2 { font-size:21px; font-weight:750; }
.consult em { color:#f5ce48; }
.consult p { color:#a7aeb5; font-size:11px; margin-top:5px; }
.consult-action { flex-shrink:0; text-align:center; }
.contact-placeholder { color:#d7c683; display:inline-block; padding:10px 14px; border:1px solid #66582c; border-radius:7px; font-size:11px; }
.phone-link { display:flex; justify-content:center; gap:6px; align-items:center; margin-top:9px; font-size:11px; color:#c6c8c9!important; }
.phone-link svg { width:13px; height:13px; }
.skip-link { position:fixed; top:-100px; right:15px; background:#f4c72b; color:#111; padding:12px; z-index:10000; }
.skip-link:focus { top:12px; }
a:focus-visible { outline:3px solid #c49719; outline-offset:5px; border-radius:3px; }
.fallback { width:min(1000px,calc(100% - 40px)); margin:45px auto; overflow-wrap:anywhere; }
.fallback article { margin-bottom:35px; }
.fallback a { text-decoration:underline; }
.iseo [data-reveal] { transition:opacity .65s ease,transform .65s ease,border-color .25s,box-shadow .25s; }
.iseo .reveal-ready { opacity:0; transform:translateY(17px); }
@media (prefers-reduced-motion:no-preference) {
    html:focus-within { scroll-behavior:smooth; }
    .iseo[data-motion="on"] .hero-copy { animation:iseo-enter .75s ease-out both; }
    @keyframes iseo-enter { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
}
@media(max-width:1000px) {
    .wrap { width:calc(100% - 40px); }
    .hero-copy { width:60%; }
    .hero h1 { font-size:54px!important; }
    .hero h2 { font-size:19px!important; }
    .services { gap:10px; }
    .service { padding-inline:10px; }
    .service h3 { font-size:12px; }
    .why { gap:26px; grid-template-columns:1.4fr 1fr; }
    .stat { gap:10px; padding-inline:8px; }
    .stat-icon { width:36px; height:36px; }
    .stat strong { font-size:25px; }
    .project { gap:10px; padding:9px; }
    .project-result { flex-wrap:wrap; gap:0 6px; }
    .review { padding:16px; }
}
@media(max-width:760px) {
    .hero-inner { min-height:530px; }
    .hero-copy { width:75%; }
    .hero-shade { background:linear-gradient(270deg,#090d12ed,#090d12b3 60%,#090d1266); }
    .hero-photo { object-position:35% 50%!important; }
    .photo-caption { display:none; }
    .stats { margin-inline:0; padding:20px 8px; }
    .stat { flex-direction:column; text-align:center; gap:6px; }
    .stat strong { font-size:23px; }
    .stat small { font-size:10px; }
    .services { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .service h3 { font-size:14px; }
    .why { grid-template-columns:1fr; }
    .why-copy { padding-inline:8px; }
    .projects { grid-template-columns:1fr; }
    .project { padding:14px; gap:24px; }
    .project-visual { width:125px; }
    .project h3 { font-size:15px; }
    .project-result strong { font-size:25px; }
    .reviews { grid-template-columns:1fr; }
    .consult { padding:26px; }
    .consult h2 { font-size:18px; }
    .steps h3 { font-size:11px; }
}
@media(max-width:480px) {
    .wrap { width:calc(100% - 28px); }
    .hero-inner { min-height:562px; padding-block:43px 86px; }
    .hero-copy { width:100%; }
    .hero h1 { font-size:48px!important; letter-spacing:-1.5px!important; }
    .hero h2 { font-size:18px!important; }
    .hero-shade { background:linear-gradient(270deg,#090d12eb,#090d12b5),linear-gradient(0deg,#090d12ad,transparent); }
    .eyebrow { font-size:10px; padding-inline:10px; }
    .hero-description { font-size:12px; }
    .actions { gap:8px; }
    .button { font-size:11px; padding-inline:14px; gap:10px; }
    .hero-notes { gap:12px; font-size:9px; }
    .stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 0; padding:20px 9px; }
    .stat { flex-direction:row; text-align:right; gap:12px; }
    .stat:nth-child(2) { border:0; }
    .stat strong { font-size:25px; }
    .demo-note { font-size:9px; line-height:1.8; padding-inline:8px; }
    .section { margin-top:40px; }
    .iseo h2 { font-size:23px; }
    .section-title p { font-size:11px; }
    .services { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .service { padding:20px 12px 15px; }
    .service:last-child { grid-column:1/-1; }
    .service:last-child p { max-width:260px; }
    .service h3 { font-size:13px; }
    .chart { padding:18px 13px 12px; }
    .chart-summary strong { font-size:25px; }
    .chart-label { font-size:8px; }
    .project { gap:15px; }
    .project-visual { width:112px; }
    .project h3 { font-size:13px; }
    .steps { grid-template-columns:1fr; text-align:right; gap:23px; }
    .steps:before { inset:auto 22px 25px auto; top:20px; border-top:0; border-right:1px dashed #e4d596; }
    .steps li { display:grid; grid-template-columns:48px 1fr; column-gap:17px; }
    .steps li:before { grid-row:span 2; margin:0; }
    .steps h3 { font-size:13px; }
    .steps p { font-size:11px; }
    .review { padding:20px; }
    .consult { flex-direction:column; text-align:center; gap:20px; padding:26px 18px; }
    .consult h2 { font-size:20px; }
    .consult-action { width:100%; }
    .consult .button { min-width:195px; }
}
@media(prefers-reduced-motion:reduce) {
    html { scroll-behavior:auto!important; }
    .iseo *,.iseo *:before,.iseo *:after { animation:none!important; transition:none!important; }
    .iseo .reveal-ready { opacity:1; transform:none; }
}
@media print {
    .iseo .reveal-ready { opacity:1; transform:none; }
    .hero { background:#202328!important; }
    .hero-photo,.hero-shade { display:none!important; }
    .card,.chart,.consult { break-inside:avoid; }
}

/* Version 3: requested heading hierarchy and expanded page sections. */
.iseo .hero h1 { font-size:clamp(32px,3.35vw,48px)!important; line-height:1.65; letter-spacing:-1px; }
.hero-subtitle { font-size:17px; font-weight:650; color:#e2e5e7; }
.proof-strip { display:flex; align-items:center; gap:14px; margin:20px 22px 0; padding:15px 20px; border:1px solid #ebe8dd; background:#fffdf5; border-radius:10px; }
.proof-icon { color:#ae8613; }
.proof-strip strong { font-size:12px; }.proof-strip p { font-size:11px; color:#73766d; }
.proof-strip a { margin-right:auto; display:flex; gap:9px; align-items:center; font-size:11px; }.proof-strip a svg { width:16px; }
.services { grid-template-columns:repeat(3,minmax(0,1fr)); }
.problem-grid { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.problem-grid li { display:flex; align-items:center; gap:12px; padding:20px; font-size:12px; }.problem-grid span { color:#b28a17; }
.business-grid,.deliverables { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; }
.business-card,.deliverables>.card { padding:23px 19px; }.business-card p,.deliverables p { font-size:12px; color:#70767b; margin-top:10px; }
.info-panel { padding:30px; border-radius:12px; border:1px solid #eee8d9; background:#fffdf6; display:grid; grid-template-columns:1.6fr 1fr; gap:35px; align-items:center; }
.info-panel p { font-size:13px; color:#666e75; margin-top:13px; line-height:2.1; }.check-list { padding-right:22px; font-size:13px; line-height:2.6; }.check-list li::marker { color:#b58c13; }
.reason-title { font-size:13px; display:block; }.project-title { font-size:12px; font-weight:750; margin-block:3px 7px!important; }.minor-title { font-size:18px; font-weight:750; }
.local-panel { background:#f5f7f5; border-color:#e6ebe5; }.local-tags { display:flex; flex-wrap:wrap; gap:10px; }.local-tags span { padding:10px 14px; border-radius:7px; border:1px solid #dfe5dc; background:#fff; font-size:12px; }
.deliverables strong { display:block; font-size:13px; margin-top:12px; }.deliverables>.card>span { color:#b48c12; }
.faq-list { max-width:940px; margin:auto; }.faq-item { border:1px solid #e7e9e3; background:#fff; border-radius:9px; margin-top:12px; overflow:hidden; }
.faq-item summary { cursor:pointer; font-size:14px; font-weight:650; padding:18px 22px; display:flex; align-items:center; justify-content:space-between; gap:15px; list-style:none; }.faq-item summary::-webkit-details-marker { display:none; }.faq-item summary span { color:#ab8414; font-size:22px; flex-shrink:0; }.faq-item[open] summary span { transform:rotate(45deg); }.faq-item[open] summary { border-bottom:1px solid #f0f0e9; }.faq-item p { padding:18px 22px; font-size:13px; color:#666e75; line-height:2.1; }.faq-item summary:focus-visible { outline:3px solid #c49719; outline-offset:-4px; }
.consult .consult-title { font-size:21px; font-weight:750; color:#fff; }
@media(max-width:760px) { .business-grid,.deliverables,.problem-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.info-panel { grid-template-columns:1fr; gap:12px; padding:24px; }.proof-strip { margin-inline:0; flex-wrap:wrap; }.iseo .hero h1 { font-size:38px!important; }.services { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:480px) { .iseo .hero h1 { font-size:32px!important; }.hero-subtitle { font-size:15px; }.hero-inner { min-height:620px; }.problem-grid,.business-grid,.deliverables { grid-template-columns:1fr; }.services .service:last-child { grid-column:auto; }.proof-strip a { margin-right:0; width:100%; }.info-panel { padding:22px 18px; }.info-panel h2 { font-size:21px; }.faq-item summary { padding:16px; font-size:13px; }.faq-item p { padding:16px; }.consult .consult-title { font-size:20px; } }

/* Version 4: shared header and footer, retaining the homepage heading outline. */
.site-header a,.site-footer a { text-decoration:none; color:inherit; }
.site-header { background:#fff; border-bottom:1px solid #eeeee8; position:relative; z-index:20; }
.header-inner { display:flex; align-items:center; gap:24px; min-height:88px; padding-block:16px; }
.site-brand { display:flex; align-items:center; gap:11px; flex-shrink:0; }
.brand-mark { width:43px; height:43px; display:grid; place-items:center; border-radius:11px; background:#fff7d9; border:1px solid #eedb9c; color:#a88012; }
.brand-logo { width:48px; height:48px; object-fit:contain; }
.site-brand strong { display:block; font-size:18px; font-weight:850; line-height:1.6; }.site-brand small { display:block; font-size:9px; color:#858b8f; }
.desktop-nav { margin-right:auto; }.site-menu { list-style:none; margin:0; padding:0; display:flex; gap:24px; align-items:center; }.site-menu a { display:block; padding-block:10px; font-size:12px; color:#535b61; transition:color .2s; }.site-menu a:hover,.site-menu .current-menu-item>a { color:#9c750a; }
.header-cta { min-height:42px; padding:8px 15px; font-size:11px; }.mobile-navigation { display:none; }
.site-footer { background:#101317; color:#c0c5ca; border-top:3px solid #c4a249; padding-top:46px; font-size:12px; line-height:2; }
.footer-grid { display:grid; grid-template-columns:1.45fr .8fr .8fr 1.1fr; gap:36px; padding-bottom:34px; }
.site-footer .site-brand strong { color:#f5f5ef; }.site-footer .brand-mark { background:#e8c45010; border-color:#e8c45030; color:#e3bf58; }.footer-about>p { margin-top:18px; color:#8f989f; line-height:2.1; font-size:11px; max-width:330px; }
.footer-title { color:#f0f2ee; font-size:13px; font-weight:750; margin:0 0 16px; }.footer-title:after { content:''; display:block; width:22px; height:2px; background:#bd9b37; margin-top:9px; }
.footer-links { list-style:none; padding:0; margin:0; }.footer-links li { margin-bottom:7px; }.footer-links a { color:#929ca4; font-size:11px; display:inline-block; padding-block:3px; }.footer-links a:hover { color:#f3cf63; }
.footer-contact p:not(.footer-title) { color:#929ca4; font-size:11px; margin-block:10px; white-space:pre-line; }.footer-contact-link { display:flex; align-items:center; gap:8px; margin-bottom:9px; overflow-wrap:anywhere; }.footer-contact-link svg { width:16px; height:16px; color:#c5a650; }.footer-consult { display:inline-block; font-size:11px; color:#dec46f!important; margin-top:9px; }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid #ffffff0d; padding-block:19px; color:#7f8991; font-size:10px; }.footer-bottom p { margin:0; }.footer-bottom a:hover { color:#e9c95f; }
@media(max-width:1000px) { .header-inner { gap:16px; }.site-menu { gap:15px; }.site-menu a { font-size:11px; }.site-brand strong { font-size:16px; }.footer-grid { gap:22px; } }
@media(max-width:800px) { .desktop-nav,.header-cta { display:none; }.header-inner { min-height:77px; justify-content:space-between; }.mobile-navigation { display:block; }.mobile-navigation summary { cursor:pointer; list-style:none; display:flex; align-items:center; gap:8px; padding:10px 13px; border:1px solid #e6e8e1; border-radius:7px; font-size:12px; }.mobile-navigation summary::-webkit-details-marker { display:none; }.menu-bars { width:16px; height:12px; border-block:1.5px solid currentColor; position:relative; }.menu-bars:after { content:''; position:absolute; top:4px; width:16px; border-top:1.5px solid currentColor; }.mobile-navigation nav { position:absolute; top:100%; inset-inline:0; background:#fff; padding:14px 24px 22px; box-shadow:0 12px 22px #161c2315; border-top:1px solid #eee; max-height:70vh; overflow-y:auto; }.mobile-navigation .site-menu { display:block; margin-bottom:12px; }.mobile-navigation .site-menu a { padding-block:13px; border-bottom:1px solid #f0f1ec; font-size:13px; }.mobile-navigation summary:focus-visible { outline:3px solid #c49719; outline-offset:3px; }.footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; } }
@media(max-width:480px) { .site-brand strong { font-size:15px; }.site-brand small { font-size:8px; }.brand-mark { width:37px; height:37px; }.footer-grid { gap:28px 18px; }.footer-about,.footer-contact { grid-column:1/-1; }.site-footer { padding-top:32px; }.footer-bottom { flex-direction:column; align-items:flex-start; gap:10px; }.header-inner { padding-block:12px; } }
