/* «درباره‌ی داکو» — on the journal's tokens (learn.css), day and night */
.ab-hero{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;margin:6px 0 26px;padding:clamp(26px,4vw,52px);border-radius:34px;overflow:hidden;color:#F2F1EC;
 background:radial-gradient(90% 120% at 100% 0%,#1B6B5F 0%,#0E4D45 40%,#0A2C28 100%);box-shadow:0 40px 90px -40px rgba(6,40,35,.8),0 0 0 1px rgba(212,175,55,.22)}
.ab-hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 64px),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 64px);pointer-events:none}
.ab-hero .lr-eyebrow{color:#E9C979}
.ab-hero h1{margin:10px 0 14px;font-size:clamp(28px,3.6vw,44px);font-weight:800;line-height:1.45}
.ab-hero h1 b{background:linear-gradient(180deg,#F6DE8E,#D4AF37);-webkit-background-clip:text;background-clip:text;color:transparent}
.ab-hero p{margin:0;max-width:620px;color:rgba(242,241,236,.82);font-size:15.5px;line-height:2.1}
.ab-hero-copy{position:relative;z-index:1}
.ab-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.ab-btn{display:inline-flex;align-items:center;height:48px;padding:0 22px;border-radius:16px;border:1px solid rgba(255,255,255,.22);color:inherit;text-decoration:none;font-weight:700;font-size:14.5px;transition:transform .2s,background .2s}
.ab-btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.08)}
.ab-btn.is-gold{border:0;background:linear-gradient(160deg,#F0D27A,#D4AF37 55%,#B98F22);color:#221B07;box-shadow:0 12px 26px -12px rgba(212,175,55,.8)}
.ab-hero-art{position:relative;z-index:1;aspect-ratio:1;max-width:420px;justify-self:center;width:100%}
.ab-hero-art img{position:absolute;inset:12%;width:76%;height:76%;object-fit:cover;border-radius:50%;box-shadow:0 30px 60px -20px rgba(0,0,0,.7),0 0 0 6px rgba(212,175,55,.25)}
.ab-orbit{position:absolute;inset:3%;border-radius:50%;border:1px dashed rgba(233,201,121,.45);animation:abSpin 40s linear infinite}
.ab-orbit.is-2{inset:-4%;border-style:solid;border-color:rgba(167,232,210,.14);animation-duration:70s;animation-direction:reverse}
@keyframes abSpin{to{transform:rotate(360deg)}}
.ab-badge{position:absolute;top:8%;left:-2%;display:grid;justify-items:center;gap:0;padding:12px 16px;border-radius:20px;background:rgba(10,30,27,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(212,175,55,.4);box-shadow:0 14px 30px rgba(0,0,0,.35)}
.ab-badge b{font:800 30px/1 var(--latin);color:#F2D98C}.ab-badge small{font-size:12px;color:rgba(242,241,236,.8)}
.ab-badge.is-2{top:auto;left:auto;bottom:6%;right:-2%;display:flex;align-items:center;gap:8px;padding:10px 14px}
.ab-badge.is-2 svg{width:22px;height:22px;fill:none;stroke:#E9C979;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (prefers-reduced-motion:reduce){.ab-orbit{animation:none}}

.ab-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 54px}
.ab-stats div{padding:20px 18px;border-radius:22px;background:var(--surface);border:1px solid var(--line);display:grid;gap:6px}
.ab-stats b{font:800 26px/1.2 var(--fa);color:var(--gold-soft)}.ab-stats b small{font-size:13px;font-weight:700;margin-inline-start:6px;color:var(--muted)}
.ab-stats span{font-size:13px;line-height:1.85;color:var(--muted)}

.ab-sec{margin:0 0 60px}
.ab-head{max-width:700px;margin-bottom:22px}
.ab-head h2,.ab-goal h2,.ab-end h2{margin:6px 0 8px;font-size:clamp(22px,2.6vw,30px);font-weight:800}
.ab-head p{margin:0;color:var(--muted);line-height:2}
.ab-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ab-cards article{padding:22px 20px;border-radius:24px;background:var(--surface);border:1px solid var(--line);transition:transform .25s,border-color .25s}
.ab-cards article:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--gold) 50%,var(--line))}
.ab-cards svg,.ab-goal svg{width:44px;height:44px;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--gold) 14%,transparent);fill:none;stroke:var(--gold-soft);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ab-cards b{display:block;margin:14px 0 6px;font-size:16px}.ab-cards p{margin:0;font-size:13.5px;line-height:1.95;color:var(--muted)}

.ab-goal{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;margin:0 0 60px;padding:clamp(24px,4vw,44px);border-radius:30px;background:var(--surface);border:1px solid var(--line)}
.ab-goal blockquote{margin:6px 0 14px;padding:0 18px 0 0;border-right:3px solid var(--gold);font-size:clamp(19px,2.2vw,24px);font-weight:700;line-height:1.8}
.ab-goal blockquote b{color:var(--gold-soft)}
.ab-goal p{margin:0;color:var(--muted);line-height:2.05}
.ab-goal ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ab-goal li{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:20px;background:var(--surface-2)}
.ab-goal li svg{flex:none}.ab-goal li b{display:block;font-size:15px;margin-bottom:2px}.ab-goal li span{font-size:13px;line-height:1.85;color:var(--muted)}

.ab-time{list-style:none;margin:0;padding:0 26px 0 0;position:relative;display:grid;gap:14px}
.ab-time::before{content:"";position:absolute;top:8px;bottom:8px;right:7px;width:2px;background:linear-gradient(var(--gold),color-mix(in srgb,var(--mint) 60%,transparent))}
.ab-time li{position:relative;padding:16px 20px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.ab-time li::before{content:"";position:absolute;top:22px;right:-26px;width:16px;height:16px;border-radius:50%;background:var(--bg);border:3px solid var(--gold)}
.ab-time li.is-now{border-color:color-mix(in srgb,var(--gold) 55%,var(--line));background:color-mix(in srgb,var(--gold) 8%,var(--surface))}
.ab-time li.is-now::before{background:var(--gold);box-shadow:0 0 0 6px rgba(212,175,55,.2)}
.ab-time em{font:700 12.5px var(--fa);font-style:normal;color:var(--gold-soft)}.ab-time b{display:block;margin:2px 0 4px;font-size:16px}.ab-time p{margin:0;font-size:13.5px;line-height:1.9;color:var(--muted)}

.ab-docs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ab-doc{display:flex;flex-direction:column;padding:0;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--text);text-align:right;font:inherit;cursor:zoom-in;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.ab-doc:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--gold) 55%,var(--line));box-shadow:0 24px 50px -30px rgba(0,0,0,.6)}
.ab-doc.is-wide{grid-column:1/-1;flex-direction:row;align-items:stretch}.ab-doc.is-wide .ab-doc-img{flex:0 0 56%}.ab-doc.is-wide .ab-doc-body{align-content:center;padding:24px 26px;gap:8px}.ab-doc.is-wide .ab-doc-body b{font-size:22px}.ab-doc.is-wide .ab-doc-body small{font-size:13.5px}
.ab-doc-img{position:relative;display:block;padding:14px;background:linear-gradient(160deg,#F4EFE2,#E7DFCB)}
.ab-doc-img img{display:block;width:100%;aspect-ratio:667/689;object-fit:contain;border-radius:10px;box-shadow:0 10px 24px -12px rgba(0,0,0,.4);background:#fff}
.ab-doc.is-wide .ab-doc-img img{aspect-ratio:885/628}
.ab-doc-img i{position:absolute;left:22px;bottom:22px;display:flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:rgba(14,77,69,.92);color:#fff;font:600 11.5px var(--fa);font-style:normal;opacity:0;transform:translateY(6px);transition:.25s}
.ab-doc-img i svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.ab-doc:hover .ab-doc-img i,.ab-doc:focus-visible .ab-doc-img i{opacity:1;transform:none}
.ab-doc-body{display:grid;gap:4px;padding:14px 16px 16px}
.ab-doc-body em{font:700 11.5px var(--fa);font-style:normal;color:var(--gold-soft)}.ab-doc-body b{font-size:15px;line-height:1.6}
.ab-doc-body small{font-size:12px;line-height:1.8;color:var(--muted)}
.ab-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.ab-meta span{padding:3px 9px;border-radius:999px;background:var(--surface-2);font-size:11.5px;color:var(--muted)}
.ab-privacy{margin:14px 0 0;font-size:12.5px;color:var(--muted)}

.ab-end{text-align:center;padding:clamp(28px,4vw,48px);border-radius:30px;color:#F2F1EC;background:radial-gradient(90% 140% at 50% 0%,#1B6B5F,#0E4D45 45%,#0A2C28);box-shadow:0 0 0 1px rgba(212,175,55,.22)}
.ab-end p{margin:0 auto;max-width:560px;color:rgba(242,241,236,.8);line-height:2}.ab-end .ab-cta{justify-content:center}

.ab-view{max-width:min(1100px,94vw);max-height:92vh;padding:14px;border:0;border-radius:22px;background:var(--surface);color:var(--text);box-shadow:0 40px 100px rgba(0,0,0,.6)}
.ab-view::backdrop{background:rgba(5,10,9,.82);backdrop-filter:blur(6px)}
.ab-view img{display:block;max-width:100%;max-height:calc(92vh - 80px);margin:0 auto;border-radius:12px}
.ab-view p{margin:10px 4px 2px;font-size:14px;font-weight:700;text-align:center}
.ab-x{position:absolute;top:10px;left:10px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(14,77,69,.92);color:#fff;font-size:22px;cursor:pointer}

@media (max-width:980px){.ab-doc.is-wide{flex-direction:column}.ab-hero{grid-template-columns:1fr}.ab-hero-art{max-width:300px}.ab-stats,.ab-cards{grid-template-columns:1fr 1fr}.ab-goal{grid-template-columns:1fr}.ab-docs{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ab-stats,.ab-cards{grid-template-columns:1fr}.ab-docs{grid-template-columns:1fr}.ab-doc.is-wide{flex-direction:column}.ab-hero{border-radius:26px}.ab-badge{left:0}.ab-badge.is-2{right:0}}

/* v3: smaller titles, centred and tidy */
.ab-hero{gap:28px}
.ab-hero-copy{text-align:center;display:grid;justify-items:center}
.ab-hero h1{font-size:clamp(24px,2.7vw,34px);line-height:1.6;margin:10px 0 12px}
.ab-hero p{font-size:14.5px;line-height:2.05;max-width:560px}
.ab-cta{justify-content:center}
.ab-stats{margin-bottom:48px}
.ab-stats div{text-align:center;justify-items:center;align-content:center;padding:22px 16px}
.ab-stats b{font-size:22px}
.ab-sec{margin-bottom:52px}
.ab-head{text-align:center;margin:0 auto 24px;max-width:640px}
.ab-head h2,.ab-goal h2,.ab-end h2{font-size:clamp(19px,2vw,24px)}
.ab-head p{font-size:14px}
.ab-cards article{text-align:center;display:grid;justify-items:center;align-content:start;padding:24px 18px}
.ab-cards b{font-size:15px;margin:14px 0 6px}.ab-cards p{font-size:13px}
.ab-goal{grid-template-columns:1fr;justify-items:center;text-align:center;gap:22px}
.ab-goal>div{max-width:680px}
.ab-goal blockquote{border:0;padding:0;font-size:clamp(17px,1.9vw,21px)}
.ab-goal p{font-size:14px}
.ab-goal ul{grid-template-columns:repeat(3,1fr);width:100%}
.ab-goal li{flex-direction:column;align-items:center;text-align:center;padding:20px 16px;gap:10px}
.ab-goal li b{font-size:14.5px}
.ab-time{padding:0;grid-template-columns:repeat(4,1fr);gap:12px}
.ab-time::before{display:none}
.ab-time li{text-align:center;display:grid;justify-items:center;align-content:start;padding:20px 14px 18px}
.ab-time li::before{position:static;width:12px;height:12px;margin-bottom:10px;border-width:3px}
.ab-time em{display:inline-block;padding:3px 12px;border-radius:999px;background:color-mix(in srgb,var(--gold) 12%,transparent);font-size:12px}
.ab-time b{font-size:14.5px;margin:10px 0 6px;line-height:1.6}.ab-time p{font-size:12.5px}
.ab-doc-body{text-align:center;justify-items:center}.ab-meta{justify-content:center}
.ab-doc.is-wide .ab-doc-body b{font-size:19px}
.ab-doc-body b{font-size:14.5px}
.ab-privacy{text-align:center}
.ab-end h2{margin-top:0}
@media (max-width:980px){.ab-time{grid-template-columns:repeat(2,1fr)}.ab-goal ul{grid-template-columns:1fr}}
@media (max-width:560px){.ab-time{grid-template-columns:1fr}}
.ab-team{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:900px;margin:0 auto}
.ab-team article{display:grid;justify-items:center;gap:4px;padding:26px 16px 22px;border-radius:24px;background:var(--surface);border:1px solid var(--line);text-align:center;transition:transform .25s,border-color .25s}
.ab-team article:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--gold) 50%,var(--line))}
.ab-ava{display:grid;place-items:center;width:72px;height:72px;margin-bottom:10px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#1B6B5F,#0E4D45 60%,#0A2C28);color:#F2D98C;font:800 28px var(--fa);box-shadow:0 0 0 3px var(--surface),0 0 0 5px rgba(212,175,55,.55),0 14px 30px -14px rgba(0,0,0,.6)}
.ab-team b{font-size:16px}.ab-team em{font-style:normal;font-size:13px;font-weight:700;color:var(--gold-soft)}.ab-team small{font-size:12px;color:var(--muted)}
@media (max-width:560px){.ab-team{grid-template-columns:1fr}}
.ab-ava{overflow:hidden;width:120px;height:120px;background:#E9E3D6}.ab-ava img{width:100%;height:100%;object-fit:cover;display:block}
.ab-team article{padding:28px 16px 24px}
.ab-team article.is-mid{border-color:color-mix(in srgb,var(--gold) 55%,var(--line));background:color-mix(in srgb,var(--gold) 7%,var(--surface));transform:translateY(-10px)}
.ab-team article.is-mid:hover{transform:translateY(-14px)}
.ab-team article.is-mid .ab-ava{width:132px;height:132px}
.ab-reg{display:flex;align-items:center;gap:18px;margin-top:14px;padding:20px 22px;border-radius:24px;background:var(--surface);border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line))}
.ab-reg-i svg{width:56px;height:56px;padding:12px;border-radius:18px;background:color-mix(in srgb,var(--gold) 14%,transparent);fill:none;stroke:var(--gold-soft);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ab-reg>div{display:grid;gap:4px}.ab-reg em{font:700 11.5px var(--fa);font-style:normal;color:var(--gold-soft)}.ab-reg b{font-size:17px}.ab-reg small{font-size:12.5px;line-height:1.8;color:var(--muted)}.ab-reg .ab-meta{justify-content:flex-start}
@media (max-width:560px){.ab-team article.is-mid{transform:none;order:-1}.ab-reg{flex-direction:column;text-align:center}.ab-reg .ab-meta{justify-content:center}}
.ab-time{grid-template-columns:repeat(3,1fr)}@media (max-width:980px){.ab-time{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.ab-time{grid-template-columns:1fr}}
.ab-hero-art .ab-art{position:absolute;inset:8%;width:84%;height:84%;border-radius:50%;box-shadow:0 30px 60px -20px rgba(0,0,0,.7),0 0 0 6px rgba(212,175,55,.25)}
.ab-badge.is-2{bottom:-5%;right:4%}
.ab-3d{position:absolute;inset:8%;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 42%,#21786A 0%,#0F4D45 55%,#0A2C28 100%);box-shadow:0 30px 60px -20px rgba(0,0,0,.7),0 0 0 6px rgba(212,175,55,.25),inset 0 0 60px rgba(0,0,0,.35);cursor:grab}
.ab-3d:active{cursor:grabbing}.ab-3d canvas{display:block;width:100%;height:100%;touch-action:pan-y}
.ab-3d-hint{position:absolute;bottom:9%;left:50%;transform:translateX(-50%);padding:3px 10px;border-radius:999px;background:rgba(10,30,27,.55);color:rgba(242,241,236,.75);font-size:11px;pointer-events:none}
.ab-golds{position:absolute;left:50%;bottom:-3%;transform:translateX(-50%);display:flex;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(10,30,27,.7);border:1px solid rgba(212,175,55,.35);z-index:2}
.ab-golds button{width:18px;height:18px;border-radius:50%;border:0;background:var(--c);cursor:pointer;box-shadow:inset 0 -2px 4px rgba(0,0,0,.25)}
.ab-golds button.on{box-shadow:0 0 0 2px #0A2C28,0 0 0 4px #E9C979}
.ab-badge.is-2{bottom:8%;right:-4%}
/* closing banner */
.ab-end{position:relative;overflow:hidden;isolation:isolate;padding:clamp(36px,5vw,64px) clamp(20px,4vw,48px);border-radius:34px;text-align:center;
 background:radial-gradient(70% 120% at 50% 0%,#1F7869 0%,#0E4D45 42%,#082522 100%);box-shadow:0 40px 90px -40px rgba(6,40,35,.85),0 0 0 1px rgba(212,175,55,.3)}
.ab-end::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 56px),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 56px);-webkit-mask:radial-gradient(circle at 50% 40%,#000,transparent 75%);mask:radial-gradient(circle at 50% 40%,#000,transparent 75%)}
.ab-end-glow{position:absolute;z-index:-1;left:50%;top:-40%;width:70%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(233,201,121,.35),transparent 65%);filter:blur(10px)}
.ab-end-mark{position:absolute;z-index:-1;left:50%;bottom:-.18em;transform:translateX(-50%);font:800 clamp(90px,16vw,200px)/1 var(--latin);letter-spacing:.18em;color:rgba(255,255,255,.04);white-space:nowrap;pointer-events:none}
.ab-end-ring{position:absolute;z-index:-1;width:clamp(120px,16vw,190px);top:18px;left:4%;opacity:.5;transform:rotate(-14deg);animation:abFloat 7s ease-in-out infinite}
@keyframes abFloat{50%{transform:rotate(-8deg) translateY(-10px)}}
.ab-end-in{position:relative;max-width:640px;margin:0 auto}
.ab-end .lr-eyebrow{color:#E9C979}
.ab-end h2{margin:8px 0 12px;font-size:clamp(22px,2.6vw,30px);color:#F8F8F5}
.ab-end h2 b{background:linear-gradient(180deg,#F6DE8E,#D4AF37);-webkit-background-clip:text;background-clip:text;color:transparent}
.ab-end p{font-size:14.5px}
.ab-end-pts{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 4px;padding:0}
.ab-end-pts li{padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(233,201,121,.28);font-size:12.5px;color:#F2EAD2}
.ab-end-pts li::before{content:"✦";color:#E9C979;margin-inline-end:6px}
.ab-end .ab-cta{margin-top:24px}.ab-end .ab-btn{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:rgba(255,255,255,.06)}
.ab-end .ab-btn.is-gold{background:linear-gradient(160deg,#F0D27A,#D4AF37 55%,#B98F22);height:52px;padding:0 26px;font-size:15px}
@media (max-width:560px){.ab-end-ring{left:-20px;top:-10px;opacity:.3}}
@media (prefers-reduced-motion:reduce){.ab-end-ring{animation:none}}
.ab-3d:not(.is-ready)::after{content:"";position:absolute;inset:40%;border-radius:50%;border:2px solid rgba(233,201,121,.25);border-top-color:#E9C979;animation:abSpin 1s linear infinite}
@font-face{font-family:"Estedad";src:url("/fonts/Estedad.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0600-06FF,U+200C-200F,U+FB50-FDFF,U+FE70-FEFF}
.ab-hero h1{font-family:"Estedad","Vazirmatn",sans-serif;font-weight:800;font-size:clamp(23px,2.5vw,32px);line-height:1.75;letter-spacing:-.005em;margin:12px 0 14px}
.ab-hero h1 b{font-weight:900}
.ab-hero h1 .ab-h1-2{display:block;font-weight:600;font-size:.82em;color:rgba(248,248,245,.92)}
.ab-end h2,.ab-head h2,.ab-goal h2{font-family:"Estedad","Vazirmatn",sans-serif;font-weight:800}
