.project-presentation{--pp-bg:#0a0f1a;--pp-surface:#ffffff08;--pp-border:#ffffff1a;--pp-muted:#ffffff80;--pp-faint:#ffffff59;--pp-gold:#e8b84a;--pp-gold-soft:#f0c968;--pp-teal:#2a9d8f;--pp-ink:#0c1929;--pp-max:1120px;background:var(--pp-bg);color:#fff;min-height:100dvh;font-family:Vazirmatn,sans-serif;line-height:1.7;overflow-x:hidden}.project-presentation a{color:inherit;text-decoration:none}.pp-container{width:min(100% - 2rem, var(--pp-max));margin-inline:auto}.pp-nav{z-index:50;border-bottom:1px solid var(--pp-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0f1af2;position:sticky;top:0}.pp-nav__inner{align-items:center;gap:1rem;padding:.65rem 0;display:flex}.pp-nav__title{color:#ffffffb3;flex-shrink:0;font-size:.875rem;font-weight:700;display:none}.pp-nav__mobile-title{color:#ffffffb3;margin:0 0 .5rem;font-size:.875rem;font-weight:700}.pp-nav__scroll{scrollbar-width:none;flex:1;min-width:0;overflow-x:auto}.pp-nav__scroll::-webkit-scrollbar{display:none}.pp-nav__links{gap:.25rem;width:max-content;display:flex}.pp-nav__links a{color:#ffffff80;border-radius:8px;flex-shrink:0;padding:.4rem .7rem;font-size:.7rem;font-weight:500;transition:background .2s,color .2s,border-color .2s}.pp-nav__links a:hover{color:#fff;background:#ffffff0d}.pp-nav__links a.extra{color:#fff9;border:1px dashed #fff3}.pp-nav__links a .long{display:none}.pp-section{padding:clamp(3rem,8vh,5.5rem) 0;position:relative;overflow:hidden}.pp-section__bg{pointer-events:none;position:absolute;inset:0}.pp-blob{filter:blur(100px);border-radius:50%;position:absolute}.pp-blob--gold{background:#e8b84a38;width:420px;height:420px;top:0;right:-8rem}.pp-blob--teal{background:#2a9d8f2e;width:360px;height:360px;top:30%;left:-6rem}.pp-blob--blue{background:#3b82f61f;width:280px;height:280px;bottom:0;right:30%}.pp-grid-overlay{opacity:.03;background-image:linear-gradient(#fffc 1px,#0000 1px),linear-gradient(90deg,#fffc 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0}.pp-section__inner{z-index:1;position:relative}.pp-badge{border:1px solid var(--pp-border);color:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.35rem 1rem;font-size:.875rem;display:inline-flex}.pp-badge__dot{background:#34d399;border-radius:50%;width:8px;height:8px;animation:1.6s infinite ppPulse}.pp-hero{text-align:center;margin-bottom:clamp(2.5rem,6vh,4rem)}.pp-hero h1{margin:0 0 1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.25}.pp-hero h1 .line2{background:linear-gradient(to left, #f0c968, var(--pp-gold), #fbbf24);color:#0000;-webkit-background-clip:text;background-clip:text}.pp-hero p{color:#ffffff8c;max-width:36rem;margin:0 auto;font-size:clamp(.95rem,2vw,1.1rem)}.pp-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:3rem;display:flex}.pp-chip{border:1px solid var(--pp-border);background:#ffffff0d;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background .2s;display:inline-flex}.pp-chip:hover{background:#ffffff1a}.pp-chip__dot{border-radius:50%;width:8px;height:8px}.pp-heading{margin:0 0 .5rem;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:700}.pp-sub{color:var(--pp-muted);margin:0;font-size:.95rem}.pp-section-head{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.75rem;display:flex}.pp-tag{border:1px solid var(--pp-border);color:#fff6;background:#ffffff0d;border-radius:8px;padding:.25rem .75rem;font-size:.75rem;display:none}.pp-grid-2,.pp-grid-3{gap:1rem;display:grid}.pp-card{border:1px solid var(--pp-border);background:var(--pp-surface);border-radius:1rem;padding:1.25rem;transition:border-color .2s,background .2s;position:relative;overflow:hidden}.pp-card:hover{background:#ffffff0f;border-color:#fff3}.pp-card h3{margin:.75rem 0 .35rem;font-size:1.05rem}.pp-card p{color:#ffffff73;margin:0;font-size:.875rem}.pp-card__path{color:#e8b84ad9;text-align:left;direction:ltr;margin-top:.75rem;font-family:ui-monospace,monospace;font-size:.75rem}.pp-card__icon{font-size:1.5rem}.pp-mini{border:1px solid var(--pp-border);background:#0d1424;border-radius:.75rem;height:7rem;overflow:hidden}.pp-mini__bar{border-bottom:1px solid var(--pp-border);background:#ffffff0d;height:1rem}.pp-mini__hero{background:linear-gradient(270deg,#0c1929e6,#e8b84a59);height:2.5rem}.pp-mini__row{gap:.25rem;padding:.5rem;display:flex}.pp-mini__row>span{background:#ffffff0d;border-radius:4px;flex:1;height:1.5rem}.pp-mini__mags{grid-template-columns:repeat(3,1fr);gap:.25rem;padding:.5rem;display:grid}.pp-mini__mags>span{aspect-ratio:3/4;background:linear-gradient(160deg,#1a4a5c,#e8b84a);border-radius:4px}.pp-panel{border:1px solid var(--pp-border);background:#ffffff08;border-radius:1.25rem;padding:clamp(1.25rem,3vw,2.25rem)}.pp-colors{gap:.75rem;display:grid}.pp-color{background:#ffffff05;border:1px solid #ffffff14;border-radius:.75rem;align-items:center;gap:1rem;padding:.75rem;display:flex}.pp-color__swatch{border:1px solid var(--pp-border);border-radius:.5rem;flex-shrink:0;width:2.5rem;height:2.5rem}.pp-color strong{font-weight:600;display:block}.pp-color span{color:#fff6;font-size:.75rem;display:block}.pp-color .hex{text-align:left;direction:ltr;font-family:ui-monospace,monospace}.pp-mockups{align-items:center;gap:2.5rem;margin-bottom:3.5rem;display:grid}.pp-browser{width:100%;max-width:28rem;margin-inline:auto;position:relative}.pp-browser__glow{filter:blur(24px);background:linear-gradient(135deg,#e8b84a40,#2a9d8f33);border-radius:1.5rem;position:absolute;inset:-1rem}.pp-browser__frame{background:#0d1424;border:1px solid #ffffff26;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 25px 50px #0006}.pp-browser__chrome{border-bottom:1px solid var(--pp-border);background:#ffffff0d;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.pp-browser__dots{gap:.35rem;display:flex}.pp-browser__dots span{border-radius:50%;width:.7rem;height:.7rem}.pp-browser__url{color:#ffffff4d;text-align:center;direction:ltr;background:#ffffff0d;border-radius:.5rem;flex:1;margin-right:.5rem;padding:.25rem .75rem;font-size:.65rem}.pp-browser__body{padding:1rem}.pp-phone{max-width:200px;margin-inline:auto;position:relative}.pp-phone__glow{filter:blur(24px);background:linear-gradient(#e8b84a40,#0c192966);border-radius:3rem;position:absolute;inset:-1.5rem}.pp-phone__frame{background:#0d1424;border:2px solid #ffffff26;border-radius:1.75rem;position:relative;overflow:hidden;box-shadow:0 25px 50px #0006}.pp-phone__notch{background:#ffffff26;border-radius:999px;width:4rem;height:.35rem;margin:.5rem auto 0}.pp-caption{text-align:center;color:#fff6;margin-top:1rem;font-size:.875rem}.pp-next{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-top:3rem;display:flex}.pp-next__btn{color:#5eead4;background:#2a9d8f1f;border:1px solid #2a9d8f59;border-radius:.75rem;padding:.65rem 1.5rem;font-size:.875rem;font-weight:500;transition:background .2s}.pp-next__btn:hover{background:#2a9d8f38}.pp-next__link{color:#ffffff59;font-size:.875rem}.pp-next__link:hover{color:#fff9}.pp-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.pp-list li{color:#ffffff8c;padding-right:1.1rem;font-size:.9rem;position:relative}.pp-list li:before{content:"";background:var(--pp-gold);border-radius:50%;width:6px;height:6px;position:absolute;top:.55rem;right:0}.pp-phases{gap:1rem;display:grid}.pp-phase{border:1px solid var(--pp-border);background:var(--pp-surface);border-radius:1rem;padding:1.25rem}.pp-phase__meta{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;font-size:.75rem;display:flex}.pp-phase__meta span{color:var(--pp-gold);background:#e8b84a26;border-radius:999px;padding:.2rem .6rem;font-weight:600}.pp-phase h3{margin:0 0 .75rem;font-size:1.1rem}.pp-phase__split{gap:1rem;display:grid}.pp-phase__label{color:#fff6;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .35rem;font-size:.75rem;font-weight:600}.pp-check{gap:.65rem;display:grid}.pp-check__item{border:1px solid var(--pp-border);background:#ffffff05;border-radius:.75rem;align-items:start;gap:.75rem;padding:.85rem 1rem;display:flex}.pp-check__item.critical{border-color:#e8b84a59}.pp-check__item strong{font-size:.9rem;display:block}.pp-check__item span{color:#fff6;font-size:.8rem}.pp-panel code{direction:ltr;background:#ffffff14;border-radius:4px;padding:.1rem .35rem;font-family:ui-monospace,monospace;font-size:.85em;display:inline-block}@keyframes ppPulse{0%,to{opacity:1}50%{opacity:.4}}@media (min-width:640px){.pp-nav__title{display:inline}.pp-nav__mobile-title,.pp-nav__links a .short{display:none}.pp-nav__links a .long{display:inline}.pp-nav__links{flex-wrap:wrap;width:auto}.pp-tag{display:inline-block}.pp-grid-2,.pp-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.pp-grid-3{grid-template-columns:repeat(3,1fr)}.pp-mockups{grid-template-columns:1.2fr .8fr}.pp-phase__split{grid-template-columns:1fr 1fr}.pp-design{grid-template-columns:1fr 1fr;gap:2rem;display:grid}}