/* Landing visual refresh — composed for the دفتر product story. */
.landing { background: #090713; }
.landing-nav { box-shadow: 0 1px 0 rgba(255,255,255,.035), 0 14px 42px rgba(5,4,14,.18); }
.landing-nav-actions .ghost { transition: background-color .2s ease, border-color .2s ease, transform .2s ease; }
.landing-nav-actions .ghost:hover { background: rgba(167,139,250,.16); border-color: rgba(196,181,253,.48); transform: translateY(-1px); }
.landing-shots, .landing-features, .landing-steps { position: relative; }
.landing-shots::before, .landing-features::before { content: ""; position: absolute; inset: 10% 8% auto; height: 1px; background: linear-gradient(90deg, transparent, rgba(196,181,253,.28), transparent); }
.landing-features { overflow: hidden; background: radial-gradient(ellipse 62% 50% at 50% 38%, rgba(91,33,182,.13), transparent 72%); }
.landing-features::after { content: ""; position: absolute; width: 440px; height: 440px; border: 1px solid rgba(167,139,250,.11); border-radius: 50%; top: 16%; left: -270px; pointer-events: none; }
.landing-features > *, .landing-steps > * { position: relative; z-index: 1; }
.features-grid { gap: 18px; }
.feature-card { position: relative; min-height: 212px; text-align: center; justify-items: center; align-content: start; overflow: hidden; background: linear-gradient(145deg, rgba(255,255,255,.095), rgba(255,255,255,.035)); border-color: rgba(255,255,255,.12); box-shadow: 0 18px 40px rgba(0,0,0,.16), inset 0 1px rgba(255,255,255,.07); }
.feature-card::before { content: ""; position: absolute; inset: 0; opacity: 0; background: radial-gradient(circle at 50% 0, rgba(167,139,250,.24), transparent 52%); transition: opacity .3s ease; }
.feature-card:hover::before { opacity: 1; }
.feature-card > * { position: relative; z-index: 1; }
.feature-card > span { margin-inline: auto; box-shadow: 0 10px 26px rgba(124,58,237,.22); }
.feature-card h3 { font-size: 16px; letter-spacing: -.15px; }
.feature-card p { max-width: 28ch; font-size: 13px; line-height: 2; }
.landing-steps { background: linear-gradient(180deg, transparent, rgba(79,70,229,.1) 48%, transparent); }
.steps-grid { gap: 18px; }
.steps-grid article { position: relative; overflow: hidden; border-color: rgba(255,255,255,.12); background: linear-gradient(150deg, rgba(255,255,255,.09), rgba(255,255,255,.025)); box-shadow: 0 16px 38px rgba(0,0,0,.14), inset 0 1px rgba(255,255,255,.06); }
.steps-grid article::after { content: ""; position: absolute; top: -46px; right: -38px; width: 110px; height: 110px; border: 1px solid rgba(196,181,253,.18); border-radius: 50%; }
.steps-grid b { box-shadow: 0 10px 24px rgba(124,58,237,.32); }
.footer-cta { border-color: rgba(196,181,253,.34); box-shadow: inset 0 0 70px rgba(124,58,237,.2), 0 26px 66px rgba(0,0,0,.2); }
.landing-footer small { letter-spacing: .05em; }
@media (width <= 600px) { .feature-card { min-height: 0; } .landing-shots::before, .landing-features::before { inset-inline: 20px; } }
@media (prefers-reduced-motion: reduce) { .landing-nav-actions .ghost, .feature-card::before { transition: none; } }