/* Generated by scripts/build-public-css.mjs. Edit site.css/about.css, then regenerate. */
.inner-page { max-width:1230px; padding:0 32px; margin:0 auto; }
.eyebrow { display: flex; align-items: center; gap: 9px; color: #213d42; font-size: 13px; font-weight: 700; margin-bottom: 18px; }
.eyebrow::before { content:''; width:8px; height:8px; background:#3cd5af; border-radius:50%; }
.lead { max-width: 565px; font-size: 18px; line-height: 2.1; color: var(--muted); }
.about-hero { display:grid; grid-template-columns:1.1fr 1fr; gap:75px; align-items:center; padding:62px 0 76px; }
.about-hero h1 { font-size:clamp(42px,4.9vw,66px); line-height:1.5; letter-spacing:-1.7px; margin-bottom:25px; }
.about-hero h1 span { color:#213d42; }
.about-hero .button { margin-top: 31px; }
.section-title h2 { font-size: 36px; line-height: 1.65; letter-spacing: -.6px; }
.section-title > p:last-child:not(.eyebrow) { color: var(--muted); margin-top: 13px; }
.about-principles { display:grid; grid-template-columns:1fr 2fr; gap:18px; padding:0 0 68px; }
.principle-list article { display:flex; flex-direction:column; align-items:flex-start; gap:18px; padding:27px; border:1px solid var(--line); border-radius:22px; background:#fff; }
.principle-list article:first-child { padding:27px; }
.principle-list article:last-child { grid-column:span 2; flex-direction:row; align-items:center; background:#ecfbf7; padding:27px; border:1px solid var(--line); }
.principle-list h3 { font-size:19px; margin-bottom:9px; }
.principle-list p { color:var(--muted); font-size:15px; line-height:1.95; }
.services-section { padding: 54px 0 50px; border-top: 1px solid var(--line); }
.service-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:28px; }
.service-list > div { position:relative; background:#fff; border:1px solid var(--line); border-radius:18px; padding:23px; }
.service-list span { font-size: 12px; color: var(--muted); }
.service-list h3 { font-size: 20px; margin-top: 5px; }
.about-stats { position: relative; isolation: isolate; overflow: hidden; margin: 30px 0 80px; padding: 39px 42px; background: #3cd5af; color: #213d42; border: 1px solid #3cd5af; border-radius: 29px; box-shadow: 0 18px 34px #213d420a; }
.about-stats::before { content: ''; position: absolute; z-index: -1; width: 400px; height: 400px; right: -240px; top: -160px; border: 1px solid #dce6e716; border-radius: 50%; box-shadow: 0 0 0 35px #cef5eb07, 0 0 0 70px #cef5eb05; }
.about-stats h2 { font-size: 24px; font-weight: 400; }
.stats-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px; margin-top: 32px; }
.stats-grid > div { border-left: 1px solid #dce6e71c; padding-left: 15px; }
.stats-grid > div:last-child { border: 0; padding-left: 0; }
.faq-section { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; padding: 14px 0 70px; }
.faqs details { border:1px solid var(--line); border-radius:15px; padding:17px 21px; background:#fff; }
.faqs details:first-child { padding:17px 21px; }
.faqs summary { display: flex; align-items: center; justify-content: space-between; gap: 21px; min-height: 44px; cursor: pointer; font-size: 17px; list-style: none; }
.faqs summary::-webkit-details-marker { display: none; }
.faqs summary > span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; flex: none; border: 1px solid #dce6e7; background: #ecfbf7; color: #213d42; font: 400 20px/1 Arial, sans-serif; transition: transform .16s; }
.faqs details[open] summary { color: #213d42; }
.faqs details[open] summary > span { transform:rotate(45deg); background:var(--mint); }
.faqs p { color: var(--muted); padding: 14px 0 3px 40px; font-size: 15px; line-height: 2.15; }
.testimonials-section { padding: 20px 0 70px; border-top: 1px solid var(--line); }
.testimonials-section .section-title { padding-top: 35px; }
.testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 32px; }
.testimonial-grid figure { position:relative; margin:0; padding:27px; border:1px solid var(--line); background:#fff; border-radius:20px; display:flex; flex-direction:column; justify-content:space-between; }
.testimonial-grid figure::before { content: ''; width: 27px; height: 19px; opacity: .55; display: block; margin-bottom: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 20' fill='%233cd5af'%3E%3Cpath d='M1 13C1 6 4 2 11 1v4C7 6 6 8 6 10h6v10H1zm16 0c0-7 3-11 10-12v4c-4 1-5 3-5 5h6v10H17z'/%3E%3C/svg%3E") center/contain no-repeat; }
.testimonial-grid blockquote { font-size: 16px; line-height: 2.05; margin: 0 0 24px; flex: 1; }
.testimonial-grid figcaption { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 17px; border-top: 1px solid #dce6e7; color: var(--muted); font-size: 13px; }
.testimonial-grid figcaption > span { color: #213d42; }
.testimonial-grid figcaption a { display: flex; align-items: center; gap: 7px; min-height: 35px; color: #213d42; font-size: 12px; }
.testimonial-grid .icon { width: 16px; height: 16px; }
.refund { display:flex; align-items:center; justify-content:space-between; gap:45px; padding:42px; margin-bottom:65px; background:linear-gradient(130deg,#f5fdfb,#cef5eb); border:1px solid #fff; box-shadow:0 0 0 1px var(--line); border-radius:25px; }
.refund h2 { font-size: 32px; }
.refund .eyebrow { color:#213d42; }
.refund p:not(.eyebrow) { max-width:760px; margin-top:16px; color:#213d42; font-size:16px; }
.refund a { display: inline-flex; align-items: center; gap: 16px; min-height: 44px; margin-top: 18px; font-size: 15px; font-weight: 700; }
.refund-mark { display:grid; place-items:center; width:112px; height:112px; flex:none; padding:25px; border-radius:30px; transform:rotate(-8deg); background:#3cd5af; }
.refund-mark .icon { width:56px; height:56px; color:#213d42; transform:rotate(8deg); }
.about-principles > .section-title { display:flex; flex-direction:column; justify-content:center; padding:35px; border:1px solid #dce6e7; border-radius:23px; background:linear-gradient(145deg,#f5fdfb,#cef5eb); box-shadow:inset 0 1px 0 #fff; }
.about-principles > .section-title .eyebrow { color:#213d42; }
.about-principles > .section-title h2 { font-size:34px; }
.principle-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.faqs { display:grid; gap:10px; align-content:start; }
.faqs details[open] { border-color:#3cd5af; background:#ecfbf7; }
.testimonial-grid figure:first-child { background:#ecfbf7; border-color:#dce6e7; }
@media (max-width: 1100px) {
.about-hero { gap: 38px; }
.faq-section { gap:45px; }
.about-principles { grid-template-columns:1fr; }
.stats-grid { gap: 13px; }
}
@media (min-width: 768px) and (max-width: 900px) {
.service-list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
.about-principles > .section-title { padding:26px; border-radius:20px; }
.about-principles > .section-title h2 { font-size:29px; }
.principle-list article:first-child, .principle-list article:last-child { grid-column:auto; align-items:flex-start; padding:22px 20px; }
.inner-page { padding: 0 24px; }
.eyebrow { font-size: 12px; margin-bottom: 16px; }
.lead { font-size: 16px; line-height: 2.05; }
.about-hero { display:flex; flex-direction:column; align-items:stretch; gap:30px; padding:38px 0 39px; }
.about-hero h1 { font-size: 41px; line-height: 1.55; letter-spacing: -.9px; margin-bottom: 20px; }
.about-hero .button { margin-top: 24px; }
.section-title h2 { font-size: 29px; line-height: 1.65; letter-spacing: -.4px; }
.about-principles { display:block; padding-bottom:39px; }
.principle-list { display:grid; grid-template-columns:1fr; gap:11px; margin-top:12px; }
.principle-list article { flex-direction:row; align-items:flex-start; gap:16px; padding:22px 20px; border-radius:18px; }
.principle-list h3 { font-size:18px; margin-bottom:7px; }
.principle-list p { font-size:14px; }
.services-section { padding: 36px 0 32px; }
.service-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 26px; }
.service-list > div { padding: 22px 17px; border-radius: 18px; }
.service-list h3 { font-size: 18px; }
.service-list span { font-size: 11px; }
.about-stats { margin: 24px 0 46px; padding: 29px 25px; border-radius: 24px; }
.about-stats h2 { font-size: 21px; }
.stats-grid { grid-template-columns: 1fr 1fr; gap: 25px 19px; margin-top: 26px; }
.stats-grid > div { border: 0; padding: 0; }
.faq-section { display: block; padding: 10px 0 45px; }
.faqs { margin-top: 26px; }
.faqs summary { font-size: 16px; gap: 15px; }
.faqs p { padding-left: 10px; font-size: 14px; }
.testimonials-section { padding: 0 0 45px; }
.testimonial-grid { grid-template-columns: 1fr; gap: 14px; margin-top: 25px; }
.testimonial-grid figure { padding: 25px; }
.testimonial-grid blockquote { font-size: 15px; }
.refund { padding: 28px 25px; margin-bottom: 45px; border-radius: 23px; }
.refund h2 { font-size: 27px; }
.refund p:not(.eyebrow) { font-size: 15px; }
.refund a { font-size: 14px; }
.refund-mark { display: none; }
}
@media (max-width: 359px) {
.about-hero h1 { font-size: 36px; }
}

/* About only: editorial photography, readable evidence, restrained jade surfaces. */
@font-face { font-family:Peyda; src:url('./fonts/peyda-black.woff2') format('woff2'); font-style:normal; font-weight:900; font-display:swap; }
@font-face { font-family:Peyda; src:url('./fonts/peyda-public-black.woff2') format('woff2'); font-style:normal; font-weight:900; font-display:swap; unicode-range:U+0020-007E,U+00A0,U+00B7,U+00D7,U+00F7,U+0600-06FF,U+2000-206F; }
.page-about { background:#f5fdfb; }
.page-about .header-inner { max-width:1160px; }
.about-page { max-width:1224px; padding:0 32px; }
.about-page .eyebrow { color:#536b70; font-size:12px; margin-bottom:14px; }
.about-page .eyebrow::before { width:6px; height:6px; background:#3cd5af; }
.about-page .section-title h2 { font-size:34px; line-height:1.6; letter-spacing:0; }
.about-hero { grid-template-columns:.85fr 1.15fr; gap:54px; padding:66px 0 74px; }
.about-hero h1 { font-size:clamp(38px,4.1vw,55px); line-height:1.5; letter-spacing:0; font-weight:900; margin-bottom:21px; }
.about-hero h1 span { color:#213d42; }
.about-hero .lead { max-width:470px; font-size:16px; line-height:2.05; }
.about-hero .button { margin-top:25px; min-height:50px; padding:10px 21px; border-radius:13px; background:#3cd5af; border-color:#3cd5af; gap:32px; }
.about-visual { position:relative; min-width:0; margin:0; padding:7px; border:1px solid #fff; border-radius:28px; background:#ffffffb3; box-shadow:0 0 0 1px #cef5eb,0 18px 50px #213d4209; }
.about-visual picture { display:block; overflow:hidden; border-radius:21px; aspect-ratio:3/2; background:#ecfbf7; }
.about-visual img { display:block; width:100%; height:100%; object-fit:cover; }
.about-visual figcaption { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:15px 11px 9px; color:#536b70; font-size:12px; }
.about-visual figcaption i { display:block; width:28px; height:28px; flex:none; background:url('./images/brand/matcha-symbol-v20.svg') center/contain no-repeat; }
.about-principles { grid-template-columns:.72fr 1.7fr; gap:50px; padding:38px 0 65px; border-top:1px solid #dce6e7; }
.about-principles > .section-title { display:block; padding:10px 0 0; border:0; border-radius:0; background:none; box-shadow:none; }
.about-principles > .section-title h2 { font-size:31px; }
.principle-list { gap:0 30px; }
.principle-list article,.principle-list article:first-child,.principle-list article:last-child { position:relative; display:flex; flex-direction:row; align-items:flex-start; gap:13px; grid-column:auto; padding:21px 0; border:0; border-top:1px solid #dce6e7; border-radius:0; background:none; }
.principle-list article:first-child { grid-column:span 2; margin-bottom:5px; padding:23px; border:1px solid #dce6e7; border-radius:19px; background:linear-gradient(125deg,#ecfbf7,#ecfbf7); }
.principle-number { display:grid; place-items:center; flex:none; width:29px; height:29px; border-radius:9px; color:#536b70; background:#ecfbf7; font-size:12px; line-height:1; margin-top:2px; }
.principle-list article:first-child .principle-number { color:#213d42; background:#3cd5af; }
.principle-list h3 { font-size:17px; line-height:1.75; margin-bottom:6px; }
.principle-list p { color:#536b70; font-size:14px; line-height:2; }
.services-section { padding:40px 0 64px; border-top:1px solid #dce6e7; }
.service-list { grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin-top:27px; padding:6px 24px; border:1px solid #dce6e7; border-radius:23px; background:#ffffffa6; }
.service-list > div { display:grid; grid-template-columns:1fr auto; align-items:center; gap:4px 14px; padding:22px 20px; border:0; border-bottom:1px solid #dce6e7; border-radius:0; background:none; }
.service-list > div:nth-child(n+5) { border-bottom:0; }
.service-list span { grid-column:1; font-size:11px; color:#536b70; }
.service-list h3 { grid-column:1; font-size:17px; margin:0; }
.service-dot { grid-column:2; grid-row:1/3; display:grid; place-items:center; width:29px; height:29px; border:1px solid #dce6e7; border-radius:50%; }
.service-dot::before { content:''; width:7px; height:7px; border-radius:50%; background:#9eead7; }
.service-list > div[data-category='ورزش'] .service-dot::before { border-radius:2px; background:#3cd5af; transform:rotate(-25deg); }
.about-stats { isolation:auto; overflow:visible; padding:0; margin:0 0 72px; border:0; border-radius:0; box-shadow:none; background:none; color:#213d42; }
.about-stats::before { content:none; }
.stats-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:25px; }
.about-stats h2 { font-size:34px; font-weight:900; line-height:1.6; scroll-margin-top:48px; }
.stats-heading .eyebrow { margin-bottom:8px; }
.stats-heading > span { align-self:flex-end; color:#536b70; font:400 11px/2 Peyda,Arial,sans-serif; letter-spacing:2px; padding-bottom:6px; }
.stats-grid { display:grid; grid-template-columns:1.15fr .5fr .5fr; grid-template-rows:190px 90px 84px; grid-template-areas:'community weight weight' 'community team reach' 'iran team reach'; gap:12px; margin:0; }
.stats-grid > .stat-card,.stats-grid > .stat-card:last-child { position:relative; isolation:isolate; display:flex; flex-direction:column; justify-content:center; min-width:0; margin:0; padding:24px 28px; border:1px solid #dce6e7; border-radius:24px; overflow:hidden; background:linear-gradient(140deg,#fff,#ecfbf7); box-shadow:inset 0 1px 0 #fff; }
.stat-card dt { position:relative; z-index:1; color:#536b70; font-size:13px; line-height:1.9; margin-top:7px; }
.stat-card dd { position:relative; z-index:1; display:flex; align-items:baseline; flex-wrap:wrap; order:-1; gap:0 8px; margin:0; }
.stat-number { display:block; color:#213d42; font:900 59px/1.1 Peyda,sans-serif; letter-spacing:-1px; white-space:nowrap; }
.stat-number > span { display:inline-block; font-size:.42em; font-weight:400; color:#536b70; vertical-align:15%; margin-left:4px; }
.stat-unit { font-size:13px; line-height:1.8; color:#536b70; }
.stat-card dd.stat-art { position:absolute; z-index:0; display:block; margin:0; pointer-events:none; }
.stat-art svg { display:block; width:100%; height:100%; }
.stats-grid > .stat-card--community { grid-area:community; justify-content:center; margin-bottom:-12px; padding:30px 36px; border:0; border-radius:28px 28px 0 0; background:radial-gradient(ellipse at 5% 10%,#9eead7 0,transparent 65%),#3cd5af; box-shadow:inset 0 1px 0 #ffffff30; }
.stat-card--community dd:not(.stat-art) { max-width:45%; flex-direction:column; align-items:flex-start; }
.stat-card--community .stat-number { color:#213d42; font-size:120px; line-height:1.05; }
.stat-card--community .stat-number > span { color:#213d42; }
.stat-card--community .stat-unit { font-size:26px; color:#213d42; }
.stat-card--community dt { max-width:46%; font-size:15px; color:#213d42; margin-top:5px; }
.community-art { width:55%; max-width:310px; height:100%; left:-10px; top:0; overflow:hidden; mask-image:linear-gradient(90deg,#000 75%,transparent),linear-gradient(0deg,transparent,#000 15%,#000 85%,transparent); mask-composite:intersect; }
.community-tiles { display:grid; grid-template-columns:repeat(3,76px); gap:12px; width:max-content; transform:perspective(650px) rotateY(18deg) rotateZ(-16deg) translate(-12px,-29px); }
.community-tile { display:grid; place-items:center; width:76px; height:82px; border:1px solid #dce6e740; border-radius:20px; background:linear-gradient(140deg,#9eead74a,#9eead71a 60%,#3cd5af49); box-shadow:2px 5px 0 #213d425c,5px 15px 22px #213d4230,inset 0 1px 1px #cef5eb45; }
.community-tile:nth-child(3n) { opacity:.45; }
.community-tile:nth-child(4n) { background:linear-gradient(130deg,#cef5ebc9,#9eead79e); }
.community-tile span { position:relative; width:42px; height:45px; overflow:hidden; }
.community-tile span::before,.community-tile span::after { content:''; position:absolute; left:50%; transform:translateX(-50%); background:linear-gradient(140deg,#cef5eb,#3cd5af); box-shadow:inset 0 1px 1px #ffffffb3,2px 3px 5px #213d4257; }
.community-tile span::before { width:18px; height:18px; top:1px; border-radius:50%; }
.community-tile span::after { width:38px; height:27px; top:25px; border-radius:22px 22px 8px 8px; }
.community-tile--matcha { border-color:#dce6e7c4; background:linear-gradient(140deg,#ecfbf7,#cef5eb); box-shadow:2px 5px 0 #213d42,4px 12px 22px #213d4290; }
.community-tile--matcha::before { content:''; width:46px; height:46px; background:url('./images/brand/matcha-symbol-v20.svg') center/contain no-repeat; }
.stats-grid > .stat-card--iran { grid-area:iran; display:grid; grid-template-columns:auto 1fr; column-gap:18px; align-content:center; padding:15px 36px; border:0; border-radius:0 0 28px 28px; background:#3cd5af; box-shadow:none; }
.stat-card--iran::before { content:''; position:absolute; inset:0 36px auto; height:1px; background:#cef5eb2b; }
.stat-card--iran dd:not(.stat-art) { grid-column:1; grid-row:1; gap:5px; }
.stat-card--iran .stat-number { font-size:41px; color:#213d42; }
.stat-card--iran .stat-number > span { color:#213d42; }
.stat-card--iran .stat-unit { color:#213d42; }
.stat-card--iran dt { grid-column:2; grid-row:1; align-self:center; margin:0; font-size:12px; color:#213d42; }
.stats-grid > .stat-card--weight { grid-area:weight; padding-left:45%; background:radial-gradient(ellipse at 0 10%,#ecfbf7,transparent 80%),#ecfbf7; }
.stat-card--weight dd:not(.stat-art) { flex-direction:column; align-items:flex-start; gap:0; }
.stat-card--weight .stat-number { font-size:70px; }
.stat-card--weight .stat-unit { display:block; margin-top:1px; }
.weight-art { width:48%; height:100%; left:0; top:0; transform:rotate(-12deg); }
.stats-grid > .stat-card--team { grid-area:team; justify-content:flex-end; }
.stats-grid > .stat-card.stat-card--reach { grid-area:reach; justify-content:flex-end; }
.stat-card--team .stat-number,.stat-card--reach .stat-number { font-size:47px; }
.stat-card--team dt,.stat-card--reach dt { min-height:46px; max-width:160px; font-size:12px; }
.team-art { left:16px; top:13px; width:84px; height:60px; }
.team-art i { position:absolute; display:block; width:53px; height:43px; border:1px solid #3cd5af; border-radius:12px; background:linear-gradient(135deg,#ecfbf7,#cef5eb); box-shadow:1px 3px 0 #213d4279; transform:rotate(-14deg); }
.team-art i:first-child { left:2px; top:0; }
.team-art i:last-child { left:28px; top:17px; background:linear-gradient(135deg,#9eead7,#3cd5af); }
.team-art span { display:block; margin:10px; width:19px; height:4px; border-radius:3px; background:#fff9; box-shadow:0 8px 0 #fff9; }
.reach-art { width:91px; height:91px; top:2px; left:12px; }
.about-page .faq-section { grid-template-columns:.72fr 1.7fr; gap:50px; padding:39px 0 65px; border-top:1px solid #dce6e7; }
.about-page .faqs { gap:0; padding:0 24px; border:1px solid #dce6e7; border-radius:22px; background:#ffffffb3; overflow:hidden; }
.about-page .faqs details,.about-page .faqs details:first-child { padding:15px 0; border:0; border-bottom:1px solid #dce6e7; border-radius:0; background:none; }
.about-page .faqs details:last-child { border-bottom:0; }
.about-page .faqs summary { font-size:15px; line-height:1.9; gap:18px; }
.about-page .faqs summary > span { width:25px; height:25px; border:0; background:#ecfbf7; color:#536b70; }
.about-page .faqs details[open] summary { color:#213d42; }
.about-page .faqs p { padding:9px 0 5px 38px; font-size:14px; color:#536b70; }
.about-page .testimonials-section { padding:0 0 64px; border-color:#dce6e7; }
.about-page .testimonial-grid { gap:14px; margin-top:26px; }
.about-page .testimonial-grid figure,.about-page .testimonial-grid figure:first-child { padding:25px; background:#ffffffa6; border-color:#dce6e7; border-radius:19px; }
.about-page .testimonial-grid blockquote { font-size:14px; line-height:2; }
.about-page .testimonial-grid figcaption { border-color:#dce6e7; }
.about-page .refund { padding:38px 42px; margin-bottom:66px; border:1px solid #dce6e7; border-radius:25px; background:linear-gradient(115deg,#ecfbf7,#f5fdfb); box-shadow:inset 0 1px 0 #fff; }
.about-page .refund h2 { font-size:31px; }
.about-page .refund p:not(.eyebrow) { font-size:15px; max-width:740px; color:#536b70; }
.about-page .refund-mark { background:#cef5eb; color:#536b70; box-shadow:none; }
@media (max-width:1100px) and (min-width:768px) {
 .about-hero { gap:32px; }
 .about-hero h1 { font-size:39px; }
 .about-hero .lead { font-size:14px; }
 .about-principles,.about-page .faq-section { grid-template-columns:1fr 2fr; gap:27px; }
 .about-page .section-title h2,.about-principles > .section-title h2 { font-size:27px; }
 .principle-list { gap:0 20px; }
 .principle-list article { flex-direction:column; }
 .service-list { padding:6px 12px; }
 .service-list > div { padding:19px 12px; gap:4px 6px; }
 .service-list h3 { font-size:15px; }
 .stats-grid { grid-template-columns:1fr .5fr .5fr; }
 .stats-grid > .stat-card,.stats-grid > .stat-card:last-child { padding-right:21px; padding-left:21px; }
 .stats-grid > .stat-card--weight { padding-left:44%; }
 .stat-card--community .stat-number { font-size:103px; }
 .community-art { left:-21px; }
 .community-tiles { grid-template-columns:repeat(3,65px); gap:10px; }
 .community-tile { width:65px; height:76px; }
 .stat-card--iran dt { font-size:11px; }
 .stats-grid > .stat-card--iran { column-gap:11px; }
 .stat-card--iran .stat-number { font-size:35px; }
 .team-art { transform:scale(.8); transform-origin:top left; }
 .reach-art { width:77px; height:77px; }
}
@media (max-width:767px) {
 .about-page { padding:0 22px; }
 .about-hero { gap:25px; padding:34px 0 40px; }
 .about-hero .eyebrow { margin-bottom:12px; }
 .about-hero h1 { font-size:39px; line-height:1.5; letter-spacing:0; margin-bottom:14px; }
 .about-hero .lead { font-size:14px; line-height:2; }
 .about-hero .button { margin-top:19px; min-height:48px; font-size:14px; }
 .about-visual { padding:5px; border-radius:21px; }
 .about-visual picture { border-radius:16px; }
 .about-visual figcaption { padding:10px 8px 6px; font-size:11px; }
 .about-visual figcaption i { width:23px; height:23px; }
 .about-page .section-title h2,.about-principles > .section-title h2 { font-size:27px; }
 .about-page .eyebrow { font-size:11px; margin-bottom:10px; }
 .about-principles { display:block; padding:28px 0 35px; }
 .about-principles > .section-title { padding:0; }
 .principle-list { display:grid; grid-template-columns:1fr; gap:0; margin-top:22px; }
 .principle-list article,.principle-list article:last-child { grid-column:auto; gap:13px; padding:20px 0; }
 .principle-list article:first-child { grid-column:auto; gap:12px; padding:18px; margin-bottom:3px; border-radius:16px; }
 .principle-list article:nth-child(2) { border-top:0; }
 .principle-list h3 { font-size:16px; margin-bottom:5px; }
 .principle-list p { font-size:13px; line-height:2; }
 .principle-number { width:26px; height:26px; font-size:11px; }
 .services-section { padding:28px 0 39px; }
 .services-section .section-title > p:last-child { font-size:13px; margin-top:8px; }
 .service-list { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:20px; padding:2px 13px; border-radius:19px; }
 .service-list > div { padding:18px 9px; gap:4px 6px; }
 .service-list > div:nth-child(n+5) { border-bottom:1px solid #dce6e7; }
 .service-list > div:nth-child(n+7) { border-bottom:0; }
 .service-list h3 { font-size:15px; }
 .service-dot { width:23px; height:23px; }
 .service-dot::before { width:6px; height:6px; }
 .about-stats { margin:0 0 39px; }
 .stats-heading { margin-bottom:19px; }
 .about-stats h2 { font-size:27px; }
 .stats-heading > span { display:none; }
 .stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:210px 76px 148px 168px; grid-template-areas:'community community' 'iran iran' 'weight weight' 'team reach'; gap:10px; }
 .stats-grid > .stat-card,.stats-grid > .stat-card:last-child { padding:20px; border-radius:21px; }
 .stats-grid > .stat-card--community { padding:22px 27px; margin-bottom:-10px; border-radius:24px 24px 0 0; }
 .stat-card--community .stat-number { font-size:98px; }
 .stat-card--community .stat-unit { font-size:21px; }
 .stat-card--community dt { font-size:12px; }
 .community-art { width:56%; left:-11px; }
 .community-tiles { grid-template-columns:repeat(3,59px); gap:9px; transform:perspective(650px) rotateY(18deg) rotateZ(-16deg) translate(-12px,-39px); }
 .community-tile { width:59px; height:66px; border-radius:16px; }
 .community-tile span { transform:scale(.85); }
 .community-tile--matcha::before { width:36px; height:36px; }
 .stats-grid > .stat-card--iran { padding:13px 27px; border-radius:0 0 24px 24px; column-gap:12px; }
 .stat-card--iran::before { right:27px; left:27px; }
 .stat-card--iran .stat-number { font-size:36px; }
 .stat-card--iran dt { font-size:11px; }
 .stat-card--iran .stat-unit { font-size:12px; }
 .stats-grid > .stat-card--weight { padding:19px 23px 19px 43%; }
 .stat-card--weight .stat-number { font-size:59px; }
 .stat-card--weight .stat-unit { font-size:11px; }
 .stat-card--weight dt { font-size:11px; margin-top:5px; }
 .weight-art { width:46%; left:-1px; }
 .stat-card--team .stat-number,.stat-card--reach .stat-number { font-size:44px; }
 .stat-card--team dt,.stat-card--reach dt { min-height:42px; font-size:11px; line-height:1.9; margin-top:7px; }
 .team-art { top:9px; left:11px; transform:scale(.78); transform-origin:top left; }
 .reach-art { top:2px; left:9px; width:72px; height:72px; }
 .about-page .faq-section { display:block; padding:29px 0 40px; }
 .about-page .faqs { margin-top:21px; padding:0 17px; border-radius:19px; }
 .about-page .faqs details,.about-page .faqs details:first-child { padding:13px 0; }
 .about-page .faqs summary { font-size:14px; gap:12px; }
 .about-page .faqs p { padding-left:0; font-size:13px; }
 .about-page .testimonials-section { padding-bottom:37px; }
 .about-page .testimonials-section .section-title { padding-top:26px; }
 .about-page .testimonial-grid { gap:10px; margin-top:21px; }
 .about-page .testimonial-grid figure,.about-page .testimonial-grid figure:first-child { padding:22px; border-radius:17px; }
 .about-page .testimonial-grid figure::before { margin-bottom:12px; }
 .about-page .testimonial-grid blockquote { font-size:13px; }
 .about-page .refund { padding:25px 22px; margin-bottom:40px; border-radius:21px; }
 .about-page .refund h2 { font-size:26px; }
 .about-page .refund p:not(.eyebrow) { font-size:13px; }
}
@media (max-width:359px) {
 .about-page { padding:0 18px; }
 .about-hero h1 { font-size:34px; }
 .about-page .section-title h2,.about-principles > .section-title h2,.about-stats h2 { font-size:25px; }
 .service-list { padding:2px 6px; }
 .service-list > div { padding:16px 7px; }
 .service-list h3 { font-size:14px; }
 .service-dot { width:20px; height:20px; }
 .stats-grid > .stat-card--team,.stats-grid > .stat-card.stat-card--reach { padding:17px; }
 .stats-grid > .stat-card--community { padding-right:22px; }
 .stat-card--community .stat-number { font-size:87px; }
 .stat-card--community dt { font-size:11px; }
 .stats-grid > .stat-card--iran { padding-right:22px; padding-left:22px; column-gap:9px; }
 .stat-card--iran .stat-number { font-size:32px; }
 .stat-card--iran dt { font-size:10px; }
 .stat-card--team .stat-number,.stat-card--reach .stat-number { font-size:40px; }
 .reach-art { width:60px; height:60px; top:7px; }
}