.bp{background:var(--navy-900)}.bp .u-p:after{--u: 1}.bp-top{display:flex;align-items:center;justify-content:space-between;height:84px;border-bottom:1px solid var(--line)}.bp-top .mono{font-size:11px;color:var(--text-3)}.bp-hero{padding-block:clamp(130px,14vw,170px) 40px}.bp-hero h1{font-size:clamp(36px,5vw,72px);font-weight:950;line-height:1.45}.bp-hero .sec-lead b,.bp-sec .sec-lead b{color:var(--text)}.bp-sec{padding-block:clamp(50px,7vw,90px);border-top:1px solid var(--line)}.bp-h{display:flex;align-items:baseline;gap:16px;margin-bottom:30px}.bp-h .mono{color:var(--amber-500);font-size:13px}.bp-h h2{font-size:clamp(24px,2.8vw,38px);font-weight:900;line-height:1.6}.bp-story{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:30px}.bp-story figure{margin:0;display:grid;justify-items:center;gap:10px}.bp-story figure svg{width:150px;height:150px;background:var(--navy-850);border-radius:8px;padding:12px;box-shadow:inset 0 0 0 1px var(--line)}.bp-story figcaption{font-size:14px;color:var(--text-2)}.bp-arrow{width:24px;height:24px;color:var(--text-3);--icon-accent: transparent}.bp-grid{display:grid;gap:16px}.bp-grid--logo{grid-template-columns:1fr 1fr 220px 220px}.tile{position:relative;border-radius:8px;display:grid;place-items:center;min-height:220px;padding:40px}.tile img{width:min(100%,300px)}.tile .appicon{width:120px}.tile .mark{width:90px}.tile .mono{position:absolute;bottom:12px;left:14px;font-size:10.5px;opacity:.6}.tile--ink{background:var(--navy-850);box-shadow:inset 0 0 0 1px var(--line)}.tile--paper{background:var(--paper-100);color:var(--navy-900)}.bp-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.bp-rules div{padding:18px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--line)}.bp-rules b{font-weight:800}.bp-rules p{color:var(--text-2);font-size:14.5px;margin-top:4px}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:30px}.sw-card{text-align:right;border-radius:8px;overflow:hidden;background:var(--navy-850);box-shadow:inset 0 0 0 1px var(--line);display:grid;transition:transform .25s var(--ease-out);position:relative}.sw-card:hover{transform:translateY(-4px)}.sw-card--main .sw-card__chip{height:160px}.sw-card__chip{display:block;height:90px;background:var(--c);box-shadow:inset 0 0 0 1px var(--line);transform-origin:bottom}.sw-card__chip{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.sw-card__meta{display:grid;gap:2px;padding:12px 14px 14px;font-size:12px}.sw-card__meta b{font-size:15px;font-weight:800}.sw-card__meta .mono{color:var(--text-3);font-size:10.5px;text-align:left}.sw-card__meta small{color:var(--text-2);font-size:12px;margin-top:4px}.sw-card:after{content:"کپی شد";position:absolute;top:10px;right:10px;background:var(--navy-900);color:#fff;font-size:11px;padding:2px 8px;border-radius:3px;opacity:0;transition:opacity .2s}.sw-card.is-copied:after{opacity:1}.ratio{display:flex;height:26px;box-shadow:0 0 0 1px var(--line);margin-top:26px;border-radius:4px;overflow:hidden}.ratio i{width:var(--w);background:var(--c)}.bp-note{margin-top:12px;color:var(--text-3);font-size:13.5px}.type{display:grid;gap:4px}.type__spec{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}.type__spec .mono{font-size:11px;color:var(--text-3)}.t-d{font-size:clamp(34px,4.9vw,78px);font-weight:950;line-height:1.42}.t-h{font-size:clamp(26px,3vw,44px);font-weight:900;line-height:1.55}.t-3{font-size:22px;font-weight:800}.t-b{font-size:17px;color:var(--text-2);line-height:1.95;max-width:640px}.t-m{font-size:15px;color:var(--teal-500)}.bp-grid--dev{grid-template-columns:repeat(3,1fr)}.dev{padding:18px;border-radius:8px;background:var(--navy-850);box-shadow:inset 0 0 0 1px var(--line)}.dev__demo{height:120px;display:grid;place-items:center;border-radius:4px;background:var(--navy-900);margin-bottom:14px;overflow:hidden}.dev__demo .kicker{margin:0}.dev__demo--paper{background:var(--paper-100);position:relative}.dev__demo--paper .grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.05 0 0 0 0 0.08 0 0 0 0 0.2 0 0 0 .12 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}.dev b{font-weight:800}.dev p{color:var(--text-2);font-size:14px;margin-top:4px}.hl{font-size:26px;font-weight:950;position:relative;z-index:0}.hl:after{content:"";position:absolute;inset-inline:-.08em;bottom:.08em;height:.32em;z-index:-1;background:var(--teal-500);transform:skew(var(--slant))}.hatch{width:80%}.stampx{font-weight:950;font-size:22px;padding:4px 16px;border:4px solid var(--amber-500);color:var(--amber-500);border-radius:6px;transform:rotate(-12deg)}.icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:30px}.icn{display:grid;justify-items:center;gap:10px;padding:20px 8px 12px;border-radius:6px;background:var(--navy-850);box-shadow:inset 0 0 0 1px var(--line);transition:background .2s}.icn:hover{background:var(--navy-800)}.icn .ic{width:34px;height:34px}.icn .mono{font-size:10px;color:var(--text-3)}.illos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.illo{border-radius:8px;overflow:hidden;aspect-ratio:4 / 3}.illo svg{width:100%;height:100%}.bp-foot{display:flex;justify-content:space-between;padding-block:30px;border-top:1px solid var(--line);color:var(--text-3);font-size:14px}.bp-foot a:hover{color:#fff}@media(max-width:900px){.bp-grid--logo{grid-template-columns:1fr 1fr}.swatches{grid-template-columns:repeat(2,1fr)}.bp-rules,.bp-grid--dev,.illos{grid-template-columns:1fr}.type__spec{grid-template-columns:1fr;gap:6px}.bp-arrow{transform:rotate(90deg)}}