.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 25px 26px;transition:border-color .2s,background .2s;min-width:0}
.service-card:hover{border-color:#9daeda;background:#f4f7ff}
.service-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:38px}
.service-icon{width:60px;height:60px;color:var(--blue)}.link-arrow{font-size:24px;color:#7f94a2}
.service-card h3{margin-bottom:16px;font-size:1.43rem;letter-spacing:-.03em}
.service-card p{font-size:.9rem;line-height:1.75;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.text-link{display:block;font-size:.8rem;font-weight:650;margin-top:25px;color:var(--blue)}
.process-band{background:var(--mist)}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:65px;margin-top:50px}
.step-number{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--blue);font-weight:650;margin-bottom:25px}
.process-grid h3{margin-bottom:17px;font-size:1.5rem}.process-grid p{font-size:.97rem}
.area-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 25px}
.area-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:59px;border-bottom:1px solid var(--line);font-size:1rem}
.area-links a:hover{color:var(--blue);border-color:var(--blue)}.area-links span{color:#8395a2}
.areas-feature{border-block:1px solid var(--line)}.area-links+.under-link{margin-top:25px}
.faq-section{display:grid;grid-template-columns:1fr 1.25fr;gap:90px}.faq-section h2{max-width:420px}
.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}
.faq-list summary{cursor:pointer;list-style:none;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;font-weight:600;line-height:1.6}
.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--blue);font-size:24px;font-weight:400;flex-shrink:0}
.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{padding:0 30px 24px 0;font-size:.96rem}
.cta-band{background:linear-gradient(135deg,#233f68 0%,#34587d 100%);color:#f7f9fc;border-block:1px solid #ffffff1f}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:60px;padding-block:76px}
.cta-inner h2{font-size:clamp(2.5rem,4.3vw,4.5rem)}.cta-inner p{color:#e4e9ff;max-width:500px;margin-top:25px}
.cta-actions{display:flex;flex-direction:column;align-items:center;gap:22px}
.diploma-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.diploma-card{min-width:0}.document-open{display:block;position:relative;background:#e9eff2;border:1px solid var(--line);padding:26px;border-radius:10px;overflow:hidden}
.document-open img{height:500px;width:100%;object-fit:contain;filter:drop-shadow(0 6px 10px #18314318)}
.document-zoom{position:absolute;right:15px;bottom:15px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--blue);font-size:24px}
.diploma-card figcaption{font-size:.9rem;margin-top:16px;font-weight:600}.compact .document-open{padding:16px}.compact .document-open img{height:270px}
#document-dialog{border:0;border-radius:12px;padding:22px;width:min(940px,94vw);max-height:92dvh;color:var(--ink);background:var(--paper)}
#document-dialog::backdrop{background:#102333cc}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.dialog-toolbar h2{font-size:1.2rem;letter-spacing:-.02em}.dialog-close{border:1px solid var(--line);border-radius:6px;padding:8px 14px;background:#fff;min-height:44px;flex-shrink:0}
#document-image{width:100%;height:auto;max-height:72dvh;object-fit:contain;background:#e8eff4}#document-download{display:block;text-decoration:underline;padding:16px 0 0;text-align:center;font-size:.88rem}
.invoice-block{display:flex;gap:22px;align-items:center;background:#e8eff4;border-radius:12px;padding:28px 32px;margin-block:30px}
.invoice-block svg{width:45px;height:45px;flex-shrink:0;color:var(--blue)}.invoice-block h2,.invoice-block h3{font-size:1.3rem;margin-bottom:7px;letter-spacing:-.025em}.invoice-block p{font-size:.95rem}

.city-text-link{text-decoration:underline;text-decoration-color:#a3b2bd;text-underline-offset:3px}.city-text-link:hover{color:var(--blue);text-decoration-color:var(--blue)}
.language-dropdown{position:relative;font-size:.82rem;flex-shrink:0}
.language-dropdown summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;font-weight:600}
.language-dropdown summary::-webkit-details-marker{display:none}
.language-dropdown img{width:22px;height:16px;object-fit:cover;border:1px solid #18314320;border-radius:2px;flex-shrink:0}
.language-caret{color:var(--muted)}
.language-options{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;padding:7px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 32px #18314316;border-radius:9px;z-index:50}
.language-options a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:5px}
.language-options a:hover,.language-options a[aria-current]{background:var(--mist);color:var(--blue)}
@media(max-width:420px){.language-dropdown summary{padding:7px;font-size:.72rem;gap:5px}.language-dropdown img{width:20px;height:15px}.language-options{min-width:165px}}

.form-honeypot{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.preview-note{padding:12px 15px;background:#edf1f6;border-radius:6px;margin-top:18px;color:#435d71;font-size:.8rem!important}
.form-privacy,.captcha-policy{font-size:.75rem!important;margin-block:18px}.form-privacy a,.captcha-policy a{text-decoration:underline;text-underline-offset:3px}
.recaptcha-widget{margin-block:20px;min-height:78px}
.callback-card{display:grid;grid-template-columns:1fr 1.2fr;gap:12px 50px;align-items:start;background:var(--mist);padding:40px}
.callback-card .feedback-heading{grid-column:1;grid-row:1/4}.callback-card form{grid-column:2;grid-row:1/5;margin-top:0}.callback-card>p{grid-column:1}
.callback-card .feedback-heading h2{font-size:2.2rem}.callback-card .feedback-heading p{font-size:1rem}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.pricing-card{padding:30px;background:#fff;border:1px solid var(--line);border-radius:12px}
.pricing-unit{display:inline-flex;padding:5px 12px;background:var(--mist);border-radius:6px;color:var(--blue);font-size:.82rem;margin-bottom:25px}
.pricing-card h3{font-size:1.45rem;margin-bottom:18px}.pricing-card p{font-size:.93rem}.pricing-section{border-bottom:1px solid var(--line)}
.developer-credit{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.75rem}
.developer-credit strong{color:var(--blue);font-weight:700}.developer-credit:hover{color:var(--blue)}.footer-bottom{flex-wrap:wrap}
.about-home{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.about-home .lead{margin-block:27px 30px}
.about-photo{max-width:420px;width:100%;border-radius:110px 12px 12px 12px;overflow:hidden;background:var(--mist)}
.about-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.about-photo figcaption{padding:12px 20px;font-size:.85rem;font-weight:600}
.about-profile{display:grid;grid-template-columns:.8fr 1.3fr;gap:70px;align-items:start;padding-bottom:20px}
.diploma-page .diploma-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.diploma-page .document-open{padding:14px}.diploma-page .document-open img{height:270px}
html[lang="uk"] .hero h1{font-size:clamp(2.8rem,4.7vw,4.6rem)}
@media(max-width:1000px){.about-home,.about-profile{gap:40px}.pricing-grid{gap:15px}.pricing-card{padding:24px}.callback-card{gap:20px 30px;padding:30px}.callback-card .feedback-heading h2{font-size:1.85rem}.diploma-page .diploma-grid{grid-template-columns:1fr 1fr}.diploma-page .document-open img{height:280px}}
@media(max-width:760px){.about-home,.about-profile{grid-template-columns:1fr;gap:30px}.about-photo{max-width:390px}.pricing-grid{grid-template-columns:1fr;gap:18px}.pricing-card{padding:26px}.pricing-unit{margin-bottom:18px}.callback-card{display:block;padding:26px 20px}.callback-card form{margin-top:25px}.diploma-page .diploma-grid{grid-template-columns:1fr}.diploma-page .document-open img{height:auto}.hero h1{font-size:clamp(3rem,9vw,4.5rem)}html[lang="uk"] .hero h1{font-size:clamp(2.6rem,8vw,3.6rem)}.developer-credit{padding-top:8px}}


/* Generated service-card photography */
.service-card{padding:0;overflow:hidden;display:flex;flex-direction:column;background:#fff}
.service-card-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--mist)}
.service-card-media picture,.service-card-media img{display:block;width:100%;height:100%}
.service-card-media img{object-fit:cover;transition:transform .35s ease}
.service-card-media .link-arrow{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--blue);box-shadow:0 5px 18px #18314324}
.service-card-copy{display:flex;flex:1;flex-direction:column;padding:25px}
.service-card-copy .text-link{margin-top:auto;padding-top:22px}
.service-card:hover .service-card-media img{transform:scale(1.035)}
@media(prefers-reduced-motion:reduce){.service-card-media img{transition:none}.service-card:hover .service-card-media img{transform:none}}