
/* Full multi-page expansion */
.site-header nav a.active{color:var(--purple)}
.service-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.service-directory-card,.related-card,.article-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:25px;border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;min-height:250px;transition:transform .25s,box-shadow .25s,border-color .25s;color:var(--ink)}
.service-directory-card:hover,.related-card:hover,.article-card:hover{transform:translateY(-6px);box-shadow:0 22px 60px #29294b12;border-color:#bcb6ff}
.directory-no,.article-card>span,.related-card>span{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--purple)}
.directory-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#f0edff;color:var(--purple);font-size:25px;margin:23px 0 14px}
.service-directory-card h2{font:800 23px/1.15 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:0 0 10px}
.service-directory-card p,.related-card p,.article-card p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 22px}
.service-directory-card .card-link{margin-top:auto;font-size:10px;letter-spacing:.1em;font-weight:900;color:var(--purple)}
.service-hero{padding-bottom:45px}.service-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.service-meta span{border:1px solid var(--line);background:#fff;padding:11px 14px;border-radius:100px;font-size:12px;font-weight:800;color:#555970}
.service-detail-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:50px;align-items:start}.service-detail-grid h2{font:800 clamp(38px,5vw,58px)/1.04 Manrope,Arial,sans-serif;letter-spacing:-.06em;margin:18px 0}.included-list{list-style:none;padding:0;margin:28px 0;display:grid;gap:13px}.included-list li{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:700}.included-list li span{color:var(--purple)}
.service-side-card{padding:30px;border-radius:25px;background:linear-gradient(150deg,#eeebff,#f7f9ff 60%,#e8ffcf);border:1px solid #e1defb;position:sticky;top:20px}.service-side-card h3{font:800 32px/1.1 Manrope,Arial,sans-serif;letter-spacing:-.05em;margin:18px 0}.service-side-card p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:25px}.side-card-mark{width:66px;height:66px;display:grid;place-items:center;border-radius:20px;background:#fff;color:var(--purple);font-size:34px;margin-top:25px;animation:slowspin 22s linear infinite}
.mini-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.mini-steps>div{display:flex;flex-direction:column;gap:7px;padding:18px;border:1px solid #ffffff2b;background:#ffffff0d;border-radius:15px}.mini-steps b{color:#c8ff8c;font-size:12px}.mini-steps strong{font-size:16px}.mini-steps small{font-size:11px;color:#d4d2e6}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-card{min-height:210px}.related-card h3{font:800 23px Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:22px 0 10px}.related-card p{margin-bottom:0}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.portfolio-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff}.portfolio-art{height:270px;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;padding:25px;background:linear-gradient(135deg,#e6e2ff,#f9f8ff)}.portfolio-art:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:#fff8;top:-50px;right:-20px;box-shadow:0 0 0 35px #fff4,0 0 0 70px #fff2}.portfolio-art span,.portfolio-art b,.portfolio-art i{position:relative;z-index:1}.portfolio-art span{font-size:10px;font-weight:900;letter-spacing:.14em}.portfolio-art b{font:900 80px Manrope;color:#fff;text-shadow:0 8px 30px #4d3b8b24}.portfolio-art i{position:absolute;top:28px;left:30px;font-size:55px;color:#6658ef;animation:slowspin 22s linear infinite}.art-2{background:linear-gradient(135deg,#dfffc7,#f7ffe9)}.art-2 i{color:#4c9b31}.art-3{background:linear-gradient(135deg,#d7f1ff,#f3fbff)}.art-3 i{color:#1a89c5}.art-4{background:linear-gradient(135deg,#ffe3d8,#fff7f2)}.art-4 i{color:#e17b5f}.art-5{background:linear-gradient(135deg,#f4dcff,#fcf5ff)}.art-5 i{color:#a24dce}.art-6{background:linear-gradient(135deg,#ffe6f1,#fff5fa)}.art-6 i{color:#e24d96}.portfolio-copy{padding:24px}.portfolio-copy small{font-size:10px;letter-spacing:.12em;color:var(--purple);font-weight:900}.portfolio-copy h2{font:800 27px Manrope;letter-spacing:-.04em;margin:10px 0}.portfolio-copy p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{border:1px solid var(--line);border-radius:25px;padding:27px;background:#fff;display:flex;flex-direction:column;align-items:flex-start}.price-card.featured{background:linear-gradient(150deg,#f0edff,#fff 75%);border-color:#bcb5ff;box-shadow:0 20px 60px #6658ef12}.price-card h2{font:800 29px/1.1 Manrope;letter-spacing:-.05em;margin:25px 0 12px}.price-label{font-weight:900;color:var(--purple);font-size:19px}.price-card ul{list-style:none;padding:0;margin:10px 0 28px;display:grid;gap:13px}.price-card li{font-size:13px;line-height:1.6;color:#555970}.price-card .button{margin-top:auto}.pricing-foot{margin-top:35px;padding:28px;border-radius:22px;background:#f2f0ff}.pricing-foot h2{font:800 25px Manrope}.pricing-foot p{font-size:14px;line-height:1.8;color:var(--muted);max-width:800px}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{min-height:280px}.article-card h2{font:800 25px/1.13 Manrope;letter-spacing:-.04em;margin:22px 0 12px}.article-card b{font-size:12px;color:var(--purple);margin-top:auto}.article-body{max-width:850px}.article-body h2{margin-top:30px}.article-body .button{margin-top:25px}
@media(max-width:900px){.service-directory{grid-template-columns:repeat(2,1fr)}.service-detail-grid{gap:25px}.pricing-grid{grid-template-columns:1fr 1fr}.related-grid,.article-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.service-directory,.related-grid,.portfolio-grid,.pricing-grid,.article-grid,.service-detail-grid{grid-template-columns:1fr}.service-directory-card{min-height:220px}.service-side-card{position:static;padding:23px}.mini-steps{grid-template-columns:1fr}.portfolio-art{height:220px}.portfolio-art b{font-size:65px}.pricing-grid{gap:13px}.article-card{min-height:230px}.service-meta span{font-size:10px}.service-detail-grid h2{font-size:42px}}
