.landing-page .topic-hero{text-align:center;padding:76px 0 62px}.landing-page .topic-hero h1{max-width:900px;font:500 58px/1.08 var(--lp-display);letter-spacing:-1.4px;margin:16px auto 0}.landing-page .topic-intro{max-width:690px;color:var(--lp-muted);margin:22px auto 0;font-size:17px;line-height:1.8}.landing-page .topic-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.landing-page .topic-actions svg,.landing-page .topic-all svg,.landing-page .topic-related svg{width:17px;height:17px}.landing-page .topic-price{color:var(--lp-muted);margin-top:16px;font-size:13px}.landing-page .topic-price s{text-decoration-thickness:1px}.landing-page .topic-price b{color:var(--lp-ink);font-weight:700}.landing-page .topic-designs{border-top:1px solid var(--lp-line);padding:58px 0 64px}.landing-page .topic-designs>h2,.landing-page .topic-section h2{font:500 40px/1.15 var(--lp-display);letter-spacing:-1px}.landing-page .topic-designs>h2{text-align:center;margin:0 0 36px}@media (min-width:1101px){.landing-page .topic-designs .template-grid:has(>:nth-child(8)){grid-template-columns:repeat(4,minmax(0,1fr))}}.landing-page .topic-all{text-align:center;margin-top:34px}.landing-page .topic-body{border-top:1px solid var(--lp-line);gap:46px;padding:64px 0 76px;display:grid}.landing-page .topic-section{width:min(100%,760px);margin:0 auto}.landing-page .topic-section h2{margin:0 0 16px}.landing-page .topic-section p{color:#574a5a;margin:0 0 14px;font-size:16px;line-height:1.85}.landing-page .topic-section ul{gap:9px;margin:4px 0 0;padding:0;list-style:none;display:grid}.landing-page .topic-section li{color:#574a5a;padding-inline-start:22px;font-size:15.5px;line-height:1.7;position:relative}.landing-page .topic-section li:before{inset-inline-start:3px;background:var(--lp-orchid);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:.68em}.landing-page .topic-quotes{gap:12px;margin-top:6px;display:grid}.landing-page .topic-quote{border:1px solid var(--lp-line);background:var(--lp-white);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 16px;margin:0;padding:18px 20px;display:grid}.landing-page .topic-quote blockquote{color:var(--lp-ink);font:400 21px/1.55 var(--lp-display);margin:0}.landing-page .topic-quote blockquote[lang=ar]{font-family:Amiri,Georgia,serif;font-size:22px;line-height:1.9}.landing-page .topic-quote figcaption{color:var(--lp-muted);grid-column:1;font-size:13.5px;line-height:1.7}.landing-page .topic-copy{min-height:38px;color:var(--lp-ink);font:600 13px/1 var(--lp-ui);cursor:pointer;background:0 0;border:1px solid #d9ccdc;border-radius:999px;grid-area:1/2/span 2;align-items:center;gap:6px;padding:0 13px;transition:background .2s;display:inline-flex}.landing-page .topic-copy:hover{background:var(--lp-vellum)}.landing-page .topic-copy svg{width:15px;height:15px}@media (max-width:560px){.landing-page .topic-quote{grid-template-columns:minmax(0,1fr);padding:16px}.landing-page .topic-copy{grid-area:auto/1;justify-self:start}}.landing-page .topic-related{padding:70px 0 10px}.landing-page .topic-related h2{font:500 30px/1.2 var(--lp-display);margin:0 0 18px}.landing-page .topic-related ul{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.landing-page .topic-related a{border:1px solid #d9ccdc;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:600;transition:background .2s;display:inline-flex}.landing-page .topic-related a:hover{background:var(--lp-vellum)}@media (max-width:800px){.landing-page .topic-hero{padding:48px 0 44px}.landing-page .topic-hero h1{letter-spacing:-.8px;font-size:40px}.landing-page .topic-intro{font-size:16px}.landing-page .topic-designs>h2,.landing-page .topic-section h2{font-size:31px}.landing-page .topic-designs{padding:44px 0 50px}.landing-page .topic-body{gap:36px;padding:48px 0 56px}.landing-page .topic-related{padding-top:52px}}@media (max-width:560px){.landing-page .topic-hero h1{font-size:34px}.landing-page .topic-actions .button{width:100%}}.landing-page[dir=rtl] .topic-hero h1,.landing-page[dir=rtl] .topic-designs>h2,.landing-page[dir=rtl] .topic-section h2{letter-spacing:0;line-height:1.45}.landing-page[dir=rtl] .topic-section p,.landing-page[dir=rtl] .topic-section li{line-height:1.95}
