@import url("service-colors.css");
@import url("legal.css");

:root {
    --navy: #102A43;
    --blue: #1F4E79;
    --teal: #16B8A6;
    --accent: #F9734D;
    --surface: #F7F9FC;
    --line: #E8EEF3;
    --radius-soft: 14px;
}
.scroll-progress { position: fixed; top: 0; left: 0; z-index: 1100; width: 100%; height: 4px; background-color: var(--line); pointer-events: none; }
.scroll-progress span { display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left center; background: linear-gradient(90deg, var(--teal), var(--accent)); will-change: transform; }

.site-navbar { background-color: var(--surface); }
.brand-icon { width: 38px; padding: .6rem; border-radius: .75rem; text-align: center; background-color: var(--navy); color: var(--surface); }
.site-brand { color: var(--navy); font-weight: 900; letter-spacing: -.04em; }
.brand-monogram { position: relative; display: inline-block; width: 2.25rem; height: 2.25rem; overflow: hidden; flex: 0 0 2.25rem; }
.brand-monogram img { position: absolute; width: 5.5rem; height: auto; max-width: none; left: -1.55rem; top: -1.3rem; }
.accent-text { color: var(--accent); }
.site-toggler, .nav-home { color: var(--navy); }
.nav-cta { background-color: var(--accent); border-color: var(--accent); color: var(--surface); }
.site-footer { background-color: var(--navy); color: var(--surface); padding: 5rem 0 1.5rem; }
.site-footer-brand { color: var(--surface); letter-spacing: -.05em; font-size: 1.35rem; }
.footer-cta-row { display: grid; grid-template-columns: 1.4fr .8fr; align-items: center; gap: 4rem; padding-bottom: 4rem; border-bottom: 1px solid var(--blue); }
.footer-eyebrow, .footer-column > span, .footer-contact > span { color: var(--teal); font-size: .72rem; font-weight: 800; letter-spacing: .12em; }
.footer-cta-row h2 { margin: .8rem 0 0; color: var(--surface); font-size: clamp(2.4rem, 5vw, 4.25rem); font-weight: 900; letter-spacing: -.06em; line-height: .98; }
.footer-cta-row h2 strong { color: var(--accent); }
.footer-cta-copy > p { max-width: 620px; margin: 1.4rem 0 1.25rem; color: var(--line); font-size: .95rem; line-height: 1.75; }
.footer-cta-benefits { display: flex; flex-wrap: wrap; gap: 1.5rem; color: var(--surface); font-size: .78rem; font-weight: 700; }
.footer-cta-benefits i { margin-right: .4rem; color: var(--teal); }
.footer-contact-card { padding: 1.6rem; border-radius: var(--radius-soft); background-color: rgba(0, 0, 0, .2); }
.footer-contact-card > span { display: block; margin-bottom: .8rem; color: var(--teal); font-size: .7rem; font-weight: 800; letter-spacing: .12em; }
.footer-whatsapp { display: flex; align-items: center; justify-content: center; gap: .75rem; padding: .85rem 1rem; border-radius: var(--radius-soft); background-color: var(--surface); color: var(--navy); font-size: .9rem; font-weight: 800; text-decoration: none; }
.footer-whatsapp i { color: var(--teal); font-size: 1.15rem; }
.footer-phone { display: flex; align-items: center; gap: .8rem; margin-top: 1rem; padding: 1rem 0; border-top: 1px solid var(--blue); border-bottom: 1px solid var(--blue); color: var(--surface); text-decoration: none; }
.footer-phone > i { display: inline-flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem; border-radius: var(--radius-soft); background-color: rgba(0, 0, 0, .3); color: var(--teal); }
.footer-phone span { display: flex; flex-direction: column; }
.footer-phone strong { color: var(--surface); font-size: .85rem; }
.footer-phone small { color: var(--line); font-size: .68rem; }
.footer-contact-link { display: flex; align-items: center; justify-content: space-between; padding-top: 1rem; color: var(--surface); font-size: .78rem; font-weight: 700; text-decoration: none; }
.footer-main { display: grid; grid-template-columns: 1.8fr 1fr 1fr 1.2fr; gap: 3rem; padding: 3rem 0; }
.footer-brand-block p { max-width: 250px; margin: 1rem 0 0; color: var(--line); font-size: .8rem; line-height: 1.7; }
.footer-column, .footer-contact { display: flex; flex-direction: column; gap: .65rem; }
.footer-column a, .footer-contact a { color: var(--line); font-size: .8rem; text-decoration: none; }
.footer-column a:hover, .footer-contact a:hover { color: var(--teal); }
.footer-email { color: var(--teal) !important; }
.footer-contact p { margin: .35rem 0 0; color: var(--line); font-size: .8rem; }
.footer-info-grid { display: grid; grid-template-columns: 1fr .9fr 1.7fr; gap: 1rem; padding: 1.5rem 0; border-top: 1px solid var(--blue); }
.footer-info-item { display: flex; align-items: flex-start; gap: .8rem; padding: 1rem; background-color: rgba(0, 0, 0, .14); }
.footer-info-item > i { display: inline-grid; width: 2.35rem; height: 2.35rem; flex: 0 0 2.35rem; place-items: center; border-radius: var(--radius-soft); background-color: rgba(0, 0, 0, .24); color: var(--teal); }
.footer-info-item strong { display: block; margin-bottom: .4rem; color: var(--surface); font-size: .78rem; }
.footer-info-item p,
.footer-info-item address { margin: 0; color: var(--line); font-size: .72rem; font-style: normal; line-height: 1.7; }
.footer-bottom { display: flex; justify-content: space-between; gap: 1rem; padding-top: 1.25rem; border-top: 1px solid var(--blue); color: var(--line); font-size: .72rem; }
.footer-legal-links { display: flex; flex-wrap: wrap; gap: .8rem; }
.footer-bottom a, .footer-bottom button { padding: 0; border: 0; background: transparent; color: var(--line); font: inherit; text-decoration: none; }
.footer-bottom a:hover, .footer-bottom button:hover { color: var(--teal); }
@media (max-width: 991px) { .footer-info-grid { grid-template-columns: repeat(2, 1fr); } .footer-service-areas { grid-column: 1 / -1; } }
@media (max-width: 767px) { .footer-cta-row { grid-template-columns: 1fr; gap: 2rem; } .footer-main { grid-template-columns: repeat(2, 1fr); gap: 2rem; } .footer-bottom { flex-direction: column; } }
@media (max-width: 575px) { .footer-main, .footer-info-grid { grid-template-columns: 1fr; } .footer-service-areas { grid-column: auto; } }
.references-section { padding: 6rem 0; background-color: var(--surface); }
.home-blog-section { padding: 5.5rem 0; background-color: var(--line); }
.home-blog-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.75rem; }
.home-blog-heading span { color: var(--teal); font-size: .72rem; font-weight: 800; letter-spacing: .14em; }
.home-blog-heading h2 { margin: .6rem 0 0; color: var(--navy); font-size: clamp(2.2rem, 4.3vw, 3.8rem); font-weight: 900; letter-spacing: -.07em; line-height: 1.03; }
.home-blog-heading h2 strong { color: var(--accent); font-weight: inherit; }
.home-blog-heading > a { display: inline-flex; align-items: center; gap: .5rem; color: var(--navy); font-size: .78rem; font-weight: 800; text-decoration: none; }
.home-blog-heading > a:hover { color: var(--teal); }
.home-blog-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.home-blog-card { display: flex; flex-direction: column; min-height: 315px; overflow: hidden; border: 1px solid #d5dfe7; border-radius: var(--radius-soft); background-color: var(--surface); }
.home-blog-icon { display: flex; align-items: center; justify-content: space-between; min-height: 84px; padding: 1rem; color: var(--surface); text-decoration: none; }
.home-blog-icon i { font-size: 1.8rem; }.home-blog-icon span { padding: .35rem .45rem; border-radius: .45rem; background-color: rgba(255,255,255,.14); font-size: .58rem; font-weight: 800; }
.home-blog-teal .home-blog-icon { background: linear-gradient(135deg, var(--navy), var(--teal)); }.home-blog-orange .home-blog-icon { background: linear-gradient(135deg, var(--navy), var(--accent)); }
.home-blog-card > div { display: flex; flex: 1; flex-direction: column; padding: 1rem; }.home-blog-card small { color: var(--blue); font-size: .63rem; font-weight: 700; }.home-blog-card h3 { margin: .55rem 0; font-size: 1rem; font-weight: 800; letter-spacing: -.035em; line-height: 1.35; }.home-blog-card h3 a { color: var(--navy); text-decoration: none; }.home-blog-card p { margin: 0; color: var(--blue); font-size: .75rem; line-height: 1.65; }.home-blog-card > div > a { display: inline-flex; align-items: center; gap: .4rem; margin-top: auto; padding-top: .85rem; color: var(--teal); font-size: .72rem; font-weight: 800; line-height: 1; text-decoration: none; }
@media (max-width: 991px) { .home-blog-grid { grid-template-columns: repeat(2, 1fr); }.home-blog-card { min-height: auto; } }
@media (max-width: 575px) { .home-blog-grid { grid-template-columns: 1fr; } }
@media (max-width: 767px) { .home-blog-section { padding: 3.75rem 0; }.home-blog-heading { align-items: start; flex-direction: column; gap: 1rem; } }
.references-heading { max-width: 620px; margin-bottom: 1.5rem; }
.references-heading > span { color: var(--teal); font-size: .8rem; font-weight: 600; letter-spacing: .12em; }
.references-heading h2 { margin-top: .5rem; color: var(--navy); font-size: 2rem; font-weight: 900; letter-spacing: -.04em; }
.references-heading strong { color: var(--accent); }
.references-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.reference-card { min-height: 330px; border: 1px solid var(--line); border-radius: var(--radius-soft); background: #fff; transition: transform .2s ease, box-shadow .2s ease; }
.reference-card:hover { transform: translateY(-.25rem); box-shadow: 0 .9rem 2rem rgba(16,42,67,.08); }
.reference-card > a { display: flex; flex-direction: column; height: 100%; padding: 1.35rem; color: var(--navy); text-decoration: none; }
.reference-card-logo { display: grid; min-height: 78px; margin-bottom: 1rem; place-items: center; border-radius: .65rem; background: var(--surface); }
.reference-card-logo img { max-width: 72%; max-height: 54px; object-fit: contain; }
.reference-card > a > span { color: var(--teal); font-size: .65rem; font-weight: 800; letter-spacing: .11em; }
.reference-card h3 { margin: .35rem 0 .75rem; color: var(--navy); font-size: 1.1rem; font-weight: 900; letter-spacing: -.04em; }
.reference-card ul { display: flex; flex-wrap: wrap; gap: .35rem; margin: 0; padding: 0; list-style: none; }
.reference-card li { padding: .27rem .4rem; border-radius: .3rem; background: var(--line); color: var(--blue); font-size: .6rem; font-weight: 700; }
.reference-card p { margin: .85rem 0; color: var(--blue); font-size: .71rem; line-height: 1.6; }
.reference-card > a > strong { display: inline-flex; align-items: center; gap: .45rem; margin-top: auto; color: var(--teal); font-size: .7rem; }
.reference-wide { grid-column: span 1; }
.reference-last img { mix-blend-mode: multiply; }
.why-section { display: block; padding: 6rem 0; background-color: var(--navy); color: var(--surface); }
.why-heading { max-width: 650px; margin-bottom: 3rem; }
.why-layout { display: grid; grid-template-columns: .85fr 1.35fr; gap: 4rem; align-items: center; }
.why-layout .why-heading { margin-bottom: 0; }
.why-cta { display: inline-flex; gap: .75rem; align-items: center; padding: .85rem 1.4rem; border-radius: var(--radius-soft); background-color: var(--accent); color: var(--surface); font-weight: 700; text-decoration: none; }
.why-bottom-line { display: flex; justify-content: center; align-items: center; gap: 1.25rem; margin-top: 4rem; color: var(--line); font-size: .8rem; letter-spacing: .08em; }
.why-bottom-line i { width: .35rem; height: .35rem; border-radius: 50%; background-color: var(--teal); }
.why-heading > span { color: var(--teal); font-size: .8rem; font-weight: 700; letter-spacing: .12em; }
.why-heading h2 { margin: 1.25rem 0; color: var(--surface); font-weight: 900; letter-spacing: -.04em; }
.why-heading p { max-width: 560px; color: var(--line); font-size: 1.1rem; line-height: 1.7; }
.why-heading strong { color: var(--accent); }
.why-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.why-grid article { min-height: 180px; padding: 1.25rem; border: 0; border-radius: var(--radius-soft); background-color: rgba(0, 0, 0, .2); }
.why-grid article:first-child { border-left: 0; }
.why-grid article > i { display: inline-flex; align-items: center; justify-content: center; width: 3.25rem; height: 3.25rem; border: 0; border-radius: var(--radius-soft); background-color: rgba(0, 0, 0, .34); color: var(--teal); font-size: 1.35rem; }
.why-grid small { display: none; }
.why-grid h3 { margin-top: .75rem; color: var(--surface); font-size: 1rem; font-weight: 900; }
.why-grid p { color: var(--line); font-size: .8rem; line-height: 1.7; }
.faq-section { padding: 5rem 0; background-color: var(--surface); }
.faq-container { max-width: 960px; }
.faq-heading { margin-bottom: 2rem; text-align: center; }
.faq-heading span { color: var(--teal); font-size: .8rem; font-weight: 700; letter-spacing: .12em; }
.faq-heading h2 { margin: .5rem 0 0; color: var(--navy); font-size: 2rem; font-weight: 900; letter-spacing: -.04em; }
.faq-accordion { display: grid; gap: .8rem; }
.faq-accordion .accordion-item { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-soft); background-color: var(--surface); }
.faq-accordion .accordion-button { padding: 1.25rem 1.4rem; background-color: var(--surface); color: var(--navy); font-size: .95rem; font-weight: 800; box-shadow: none; }
.faq-accordion .accordion-button:not(.collapsed) { background-color: var(--line); color: var(--navy); }
.faq-accordion .accordion-button:focus { border-color: var(--teal); box-shadow: none; }
.faq-accordion .accordion-button::after { border-radius: .55rem; background-color: var(--line); background-position: center; background-size: .8rem; }
.faq-accordion .accordion-body { padding: 1.4rem; color: var(--blue); font-size: .85rem; line-height: 1.75; }
@media (max-width: 991px) { .why-layout { grid-template-columns: 1fr; gap: 2rem; } .references-grid { grid-template-columns: repeat(2, 1fr); } .why-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .references-grid { grid-template-columns: 1fr; } .why-grid { grid-template-columns: 1fr; } }
.process-section { padding: 5rem 0 !important; background-color: var(--surface); }
.social-media-section { --seo-service-color: #F9734D; padding: 5rem 0; background-color: var(--line); }
.social-media-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 4rem; align-items: center; }
.social-media-visual { display: flex; align-items: center; justify-content: center; }
.social-media-visual img { width: 100%; max-width: 430px; height: auto; object-fit: contain; }
.social-media-content > .seo-section-kicker { margin: 0; color: var(--seo-service-color); font-size: .8rem; font-weight: 800; letter-spacing: .12em; line-height: inherit; }
.social-media-content > .seo-section-title { margin: .65rem 0 1.25rem; color: var(--navy); font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 900; letter-spacing: -.05em; line-height: 1.1; }
.social-media-content > .seo-section-title strong { color: var(--seo-service-color); }
.social-media-content p { margin: 0 0 1rem; color: var(--blue); font-size: .88rem; line-height: 1.75; }
.social-media-features { display: grid; grid-template-columns: repeat(4, 1fr); gap: .7rem; margin: 1.5rem 0; }
.social-media-features span { display: flex; align-items: center; gap: .55rem; padding: .7rem .8rem; border-radius: var(--radius-soft); background-color: var(--surface); color: var(--navy); font-size: .75rem; font-weight: 700; }
.social-media-features i { color: var(--seo-service-color); }
.social-media-link { display: inline-flex; align-items: center; gap: .65rem; color: var(--navy); font-size: .82rem; font-weight: 800; text-decoration: none; }
.social-media-link i { color: var(--seo-service-color); }
@media (max-width: 991px) { .social-media-layout { grid-template-columns: 1fr; gap: 2rem; } .social-media-visual img { max-width: 360px; } .social-media-features { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .social-media-features { grid-template-columns: 1fr; } }
.meta-ads-section { --seo-service-color: #16B8A6; padding: 5rem 0; background-color: var(--surface); }
.meta-ads-layout { display: grid; grid-template-columns: 1.2fr .8fr; gap: 4rem; align-items: center; }
.meta-ads-content > .seo-section-kicker { margin: 0; color: var(--seo-service-color); font-size: .8rem; font-weight: 800; letter-spacing: .12em; line-height: inherit; }
.meta-ads-content > .seo-section-title { margin: .65rem 0 1.25rem; color: var(--navy); font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 900; letter-spacing: -.05em; line-height: 1.1; }
.meta-ads-content > .seo-section-title strong { color: var(--seo-service-color); }
.meta-ads-content p { margin: 0 0 1rem; color: var(--blue); font-size: .88rem; line-height: 1.75; }
.meta-ads-features { display: grid; grid-template-columns: repeat(4, 1fr); gap: .7rem; margin: 1.5rem 0; }
.meta-ads-features span { display: flex; align-items: center; gap: .55rem; padding: .7rem .8rem; border-radius: var(--radius-soft); background-color: var(--line); color: var(--navy); font-size: .75rem; font-weight: 700; }
.meta-ads-features i { color: var(--seo-service-color); }
.meta-ads-link { display: inline-flex; align-items: center; gap: .65rem; color: var(--navy); font-size: .82rem; font-weight: 800; text-decoration: none; }
.meta-ads-link i { color: var(--seo-service-color); }
.meta-ads-visual { display: flex; align-items: center; justify-content: center; }
.meta-ads-visual img { width: 100%; max-width: 430px; height: auto; object-fit: contain; }
@media (max-width: 991px) { .meta-ads-layout { grid-template-columns: 1fr; gap: 2rem; } .meta-ads-visual { grid-row: 1; } .meta-ads-visual img { max-width: 360px; } .meta-ads-features { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .meta-ads-features { grid-template-columns: 1fr; } }
.web-design-section { --seo-service-color: #2563EB; padding: 5rem 0; background-color: var(--line); }
.web-design-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 4rem; align-items: center; }
.web-design-visual { display: flex; align-items: center; justify-content: center; }
.web-design-visual img { width: 100%; max-width: 450px; height: auto; object-fit: contain; }
.web-design-content > .seo-section-kicker { margin: 0; color: var(--seo-service-color); font-size: .8rem; font-weight: 800; letter-spacing: .12em; line-height: inherit; }
.web-design-content > .seo-section-title { margin: .65rem 0 1.25rem; color: var(--navy); font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 900; letter-spacing: -.05em; line-height: 1.1; }
.web-design-content > .seo-section-title strong { color: var(--seo-service-color); }
.web-design-content p { margin: 0 0 1rem; color: var(--blue); font-size: .88rem; line-height: 1.75; }
.web-design-features { display: grid; grid-template-columns: repeat(4, 1fr); gap: .7rem; margin: 1.5rem 0; }
.web-design-features span { display: flex; align-items: center; gap: .55rem; padding: .7rem .8rem; border-radius: var(--radius-soft); background-color: var(--surface); color: var(--navy); font-size: .75rem; font-weight: 700; }
.web-design-features i { color: var(--seo-service-color); }
.web-design-link { display: inline-flex; align-items: center; gap: .65rem; color: var(--navy); font-size: .82rem; font-weight: 800; text-decoration: none; }
.web-design-link i { color: var(--seo-service-color); }
@media (max-width: 991px) { .web-design-layout { grid-template-columns: 1fr; gap: 2rem; } .web-design-visual img { max-width: 370px; } .web-design-features { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .web-design-features { grid-template-columns: 1fr; } }
.social-section { padding: 5rem 0; background-color: var(--surface); }
.social-section { display: none; }
.social-seo-section { padding: 5rem 0; background-color: var(--surface); }
.social-seo-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 5rem; align-items: start; }
.social-seo-heading > span { color: var(--teal); font-size: .8rem; font-weight: 700; letter-spacing: .12em; }
.social-seo-heading h2 { margin: .6rem 0 1.5rem; color: var(--navy); font-size: 2rem; font-weight: 900; letter-spacing: -.04em; }
.social-seo-heading h2 strong { color: var(--accent); }
.social-seo-link { color: var(--navy); font-size: .78rem; font-weight: 800; text-decoration: none; }
.social-seo-link i { margin-left: .35rem; color: var(--teal); }
.social-seo-copy p { max-width: 760px; margin: 0; color: var(--blue); font-size: .86rem; line-height: 1.8; }
@media (max-width: 991px) { .social-seo-layout { grid-template-columns: 1fr; gap: 1.5rem; } }
.social-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.social-heading > div > span { color: var(--teal); font-size: .8rem; font-weight: 700; letter-spacing: .12em; }
.social-heading h2 { max-width: 600px; margin: .6rem 0 0; color: var(--navy); font-size: 1.8rem; font-weight: 900; letter-spacing: -.04em; }
.social-heading h2 strong { color: var(--accent); }
.social-heading > p { max-width: 390px; margin: 0; color: var(--blue); font-size: .85rem; line-height: 1.7; }
.social-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; }
.social-card { min-height: 155px; padding: 1rem; border: 1px solid var(--line); border-radius: var(--radius-soft); background-color: var(--surface); }
.social-card > i { color: var(--teal); font-size: 1.15rem; }
.social-card h3 { margin: .75rem 0 .45rem; color: var(--navy); font-size: .95rem; font-weight: 900; }
.social-card p { max-width: 250px; margin: 0 0 .8rem; color: var(--blue); font-size: .74rem; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.social-card a { color: var(--navy); font-size: .75rem; font-weight: 800; text-decoration: none; }
.social-card a i { margin-left: .35rem; color: var(--teal); }
.process-heading-row { display: flex; justify-content: space-between; align-items: end; gap: 3rem; margin-bottom: 2.75rem; }
.process-heading > span { color: var(--teal); font-size: .8rem; font-weight: 800; letter-spacing: .12em; }
.process-heading > span { color: var(--accent); }
.process-heading h2 { margin: .5rem 0 0; color: var(--navy); font-size: 2rem; font-weight: 900; letter-spacing: -.04em; line-height: 1.15; }
.process-heading h2 strong { color: var(--accent); }
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; position: relative; }
.process-grid::before { display: none; }
.process-step { position: relative; z-index: 1; padding-right: 1rem; }
.process-step { min-height: 300px; align-self: stretch; display: flex; flex-direction: column; padding: 1.25rem; border: 1px solid var(--line); border-top: 2px solid var(--accent); border-radius: var(--radius-soft); background-color: var(--surface); }
.process-step:not(:last-child)::after { display: none; }
.process-icon { display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; margin-bottom: .65rem; border-radius: var(--radius-soft); background-color: var(--line); color: var(--accent); font-size: 1.45rem; }
.process-output { margin-top: auto; padding-top: .85rem; border-top: 1px solid var(--line); color: var(--blue); font-size: .76rem; }
.process-output strong { color: var(--navy); }
.process-pill { display: inline-flex; align-self: flex-start; align-items: center; gap: .55rem; width: max-content; padding: .45rem .85rem; border: 1px solid var(--line); border-radius: 999px; background-color: var(--surface); color: var(--accent); font-size: .72rem; font-weight: 800; white-space: nowrap; }
.process-pill i { color: var(--teal); font-size: .55rem; }
.process-step h3 { margin: 1.25rem 0 .6rem; color: var(--navy); font-size: .98rem; font-weight: 900; }
.process-step p { margin: 0; color: var(--blue); font-size: .76rem; line-height: 1.6; }
.process-cta { margin-top: 4rem; text-align: center; }
.process-cta { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 2rem; padding: 1.5rem 2rem; border-radius: var(--radius-soft); background-color: var(--navy); text-align: left; }
.process-cta::before { content: 'İlk adımı birlikte atalım.'; color: var(--surface); font-size: 1.5rem; font-weight: 900; }
.process-cta-button { display: inline-flex; align-items: center; gap: .85rem; padding: .85rem 1.35rem; border-radius: var(--radius-soft); background-color: var(--surface); color: var(--navy); font-size: .9rem; font-weight: 800; text-decoration: none; }
.process-cta-button i { color: var(--teal); font-size: 1.1rem; }
.process-cta > p { margin: 0; color: var(--line); font-size: .78rem; }
@media (max-width: 991px) { .social-heading { align-items: start; flex-direction: column; } .social-grid { grid-template-columns: repeat(2, 1fr); } .process-heading-row { align-items: start; flex-direction: column; gap: 1rem; } .process-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; } .process-grid::before, .process-step::after { display: none; } .process-cta { align-items: start; flex-direction: column; } }
@media (max-width: 575px) { .social-grid { grid-template-columns: 1fr; } .process-section { padding: 4rem 0; } .process-grid { grid-template-columns: 1fr; } }
.hero-section { background: linear-gradient(115deg, var(--surface) 45%, var(--line) 100%); }
.hero-container { padding-top: 10rem; padding-bottom: 10rem; }
.hero-badge { background-color: var(--line); color: var(--navy); }
.hero-badge i { color: var(--teal); }
.hero-section h1 { color: var(--navy); letter-spacing: -.06em; font-weight: 900 !important; }
.hero-line { width: 290px; height: 4px; background: linear-gradient(90deg, var(--accent), var(--teal), transparent); margin-bottom: 1rem; }
.hero-copy { max-width: 560px; color: var(--blue); font-size: 16px; line-height: 1.55; }
.hero-services { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.5rem; }
.hero-services span { display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .65rem; border: 1px solid var(--line); border-radius: var(--radius-soft); background-color: var(--surface); color: var(--navy); font-size: .72rem; font-weight: 600; }
.hero-services i { color: var(--teal); }
.hero-cta { background-color: var(--navy); border-color: var(--navy); color: var(--surface); }
.hero-trust { display: flex; flex-wrap: wrap; gap: .8rem 1.1rem; margin-top: 1rem; color: var(--blue); font-size: .7rem; font-weight: 700; }
.hero-trust span { display: inline-flex; align-items: center; gap: .35rem; }
.hero-trust i { color: var(--teal); font-size: .75rem; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.5rem; }
.hero-services-link { color: var(--navy); font-size: .875rem; font-weight: 700; text-decoration: underline; text-decoration-color: var(--teal); text-decoration-thickness: 2px; text-underline-offset: .35rem; }
.hero-services-link i { margin-left: .4rem; color: var(--teal); }
.hero-visual { position: relative; width: 100%; }
.hero-dashboard { display: block; width: 86%; max-width: 86%; margin-inline: auto; }
.hero-object { position: absolute; z-index: 2; width: 27%; height: auto; pointer-events: none; will-change: transform; }
.object-search { top: 0; right: 2%; animation: float-search 5s ease-in-out infinite; }
.object-megaphone { top: 31%; left: 0; animation: float-megaphone 6s ease-in-out infinite; }
.object-share { right: 0; bottom: 7%; animation: float-share 5.5s ease-in-out infinite; }
@keyframes hero-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
.hero-object { position: absolute; z-index: 2; pointer-events: none; will-change: transform; }
.object-search { animation: float-search 5s ease-in-out infinite; }
.object-megaphone { animation: float-megaphone 6s ease-in-out infinite; }
.object-share { animation: float-share 5.5s ease-in-out infinite; }
@keyframes float-search { 0%,100% { transform: translate3d(var(--parallax-x, 0px), var(--parallax-y, 0px), 0) rotate(0deg); } 50% { transform: translate3d(var(--parallax-x, 0px), calc(var(--parallax-y, 0px) - 8px), 0) rotate(1deg); } }
@keyframes float-megaphone { 0%,100% { transform: translate3d(var(--parallax-x, 0px), var(--parallax-y, 0px), 0) rotate(0deg); } 50% { transform: translate3d(var(--parallax-x, 0px), calc(var(--parallax-y, 0px) + 7px), 0) rotate(-1deg); } }
@keyframes float-share { 0%,100% { transform: translate3d(var(--parallax-x, 0px), var(--parallax-y, 0px), 0) rotate(0deg); } 50% { transform: translate3d(var(--parallax-x, 0px), calc(var(--parallax-y, 0px) - 6px), 0) rotate(1deg); } }
.services-section { padding: 3rem 0; background-color: var(--surface); }
.section-heading { margin-bottom: 1.5rem; }
.section-heading > span { color: var(--teal); font-size: .8rem; font-weight: 600; letter-spacing: .12em; }
.section-heading h2 { margin-top: .5rem; color: var(--navy); font-size: 2rem; font-weight: 900; letter-spacing: -.04em; }
.section-heading h2 .text-teal { color: var(--teal); font-size: inherit; font-weight: inherit; letter-spacing: inherit; }
.service-grid { display: grid; grid-template-columns: repeat(6, 1fr); border-top: 1px solid var(--line); }
.service-card { min-height: 250px; padding: 1.25rem 1rem; border-bottom: 1px solid var(--line); display: flex; flex-direction: column; }
.service-card { border-radius: 0 !important; }
.service-card + .service-card { border-left: 1px solid var(--line); }
.service-icon { display: block; margin-bottom: 1rem; color: var(--teal); font-size: 1.45rem; }
.service-card h3 { min-height: 2.84rem; margin-bottom: 1.5rem; color: var(--navy); font-size: 1.05rem; line-height: 1.35; font-weight: 900; }
.service-card p { color: var(--blue); font-size: .8rem; line-height: 1.6; }
.service-link { display: inline-flex; gap: .55rem; align-items: center; margin-top: auto; color: var(--navy); font-size: .72rem; font-weight: 700; text-decoration: none; }
.service-card { --service-card-accent: var(--teal); border-top: 3px solid var(--service-card-accent); }
.service-card .service-icon, .service-card .service-link i { color: var(--service-card-accent); }
.service-card-ads { --service-card-accent: #16B8A6; }
.service-card-social { --service-card-accent: #F9734D; }
.service-card-web { --service-card-accent: #2563EB; }
.service-card-graphic { --service-card-accent: #8B5CF6; }
.service-card-video { --service-card-accent: #D946EF; }
.service-card-software { --service-card-accent: #0EA5E9; }
.service-picker-section { padding: 0 0 5rem; background: var(--surface); }
.service-picker { display: grid; grid-template-columns: .78fr 1.22fr; gap: 3rem; padding: clamp(1.5rem, 4vw, 2.8rem); border-radius: var(--radius-soft); background: var(--navy); }
.service-picker-copy > span { color: var(--teal); font-size: .7rem; font-weight: 800; letter-spacing: .13em; }
.service-picker-copy h2 { margin: .55rem 0 1rem; color: var(--surface); font-size: clamp(1.8rem, 3vw, 2.8rem); font-weight: 900; letter-spacing: -.06em; line-height: 1.04; }
.service-picker-copy h2 strong { color: var(--accent); font-weight: inherit; }
.service-picker-copy p { max-width: 340px; margin: 0 0 1.3rem; color: var(--line); font-size: .78rem; line-height: 1.7; }
.service-picker-copy > a { display: inline-flex; align-items: center; gap: .5rem; color: var(--surface); font-size: .75rem; font-weight: 800; text-decoration: none; }
.service-picker-copy > a i { color: var(--teal); font-size: 1rem; }
.service-picker-links { display: grid; grid-template-columns: repeat(2, 1fr); gap: .65rem; align-content: center; }
.service-picker-links a { --picker-color: var(--teal); display: grid; grid-template-columns: 1.4rem 1fr auto; align-items: center; gap: .6rem; min-height: 3.35rem; padding: .8rem .9rem; border: 1px solid rgba(255,255,255,.12); border-radius: .65rem; color: var(--surface); font-size: .76rem; font-weight: 800; text-decoration: none; transition: transform .2s ease, border-color .2s ease, background-color .2s ease; }
.service-picker-links a > i:first-child { color: var(--picker-color); font-size: .9rem; }.service-picker-links a > i:last-child { color: var(--line); font-size: .65rem; }.service-picker-links a:hover { transform: translateY(-2px); border-color: var(--picker-color); background: rgba(255,255,255,.06); }
.picker-ads { --picker-color: #16B8A6 !important; }.picker-social { --picker-color: #F9734D !important; }.picker-web { --picker-color: #2563EB !important; }.picker-graphic { --picker-color: #8B5CF6 !important; }.picker-video { --picker-color: #D946EF !important; }.picker-software { --picker-color: #0EA5E9 !important; }
@media (max-width: 991px) { .hero-container { padding-top: 6rem; padding-bottom: 6rem; } .hero-visual { width: 100%; } .hero-dashboard { width: 100%; max-width: 100%; } .service-grid { grid-template-columns: repeat(2, 1fr); } .service-card:nth-child(odd) { border-left: 0; } }
@media (max-width: 991px) { .service-picker { grid-template-columns: 1fr; gap: 1.8rem; } }
@media (max-width: 575px) { .service-grid { grid-template-columns: 1fr; } .service-card + .service-card { border-left: 0; } }
@media (max-width: 575px) { .service-picker-section { padding-bottom: 3.75rem; }.service-picker-links { grid-template-columns: 1fr; } }

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.d-inline-grid {
    display: inline-grid !important;
    place-items: center;
}

.hero h1,
#anasayfa h1 {
    font-weight: 900 !important;
}

#hizmetler h2 {
    font-weight: 900 !important;
}

#anasayfa {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.navbar {
    z-index: 1030;
}

button,
input,
textarea,
select {
    font-family: inherit;
}

.btn-primary,
.btn-danger,
.btn-warning {
    --bs-btn-bg: var(--accent);
    --bs-btn-border-color: var(--accent);
    --bs-btn-hover-bg: var(--accent);
    --bs-btn-hover-border-color: var(--accent);
    --bs-btn-active-bg: var(--accent);
    --bs-btn-active-border-color: var(--accent);
    color: var(--surface);
}

.btn-dark {
    --bs-btn-bg: var(--navy);
    --bs-btn-border-color: var(--navy);
    --bs-btn-hover-bg: var(--navy);
    --bs-btn-hover-border-color: var(--navy);
    --bs-btn-active-bg: var(--navy);
    --bs-btn-active-border-color: var(--navy);
    color: var(--surface);
}

.btn-secondary,
.btn-info,
.btn-success {
    --bs-btn-bg: var(--teal);
    --bs-btn-border-color: var(--teal);
    --bs-btn-hover-bg: var(--teal);
    --bs-btn-hover-border-color: var(--teal);
    --bs-btn-active-bg: var(--teal);
    --bs-btn-active-border-color: var(--teal);
    color: var(--surface);
}

.btn-light,
.btn-outline-light {
    --bs-btn-bg: var(--surface);
    --bs-btn-border-color: var(--line);
    --bs-btn-hover-bg: var(--line);
    --bs-btn-hover-border-color: var(--line);
    color: var(--navy);
}

.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-info {
    color: var(--teal);
    border-color: var(--teal);
}

.btn {
    border-radius: var(--radius-soft) !important;
    padding: .58rem 1.1rem;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: -.01em;
    box-shadow: 0 6px 18px rgba(16, 42, 67, .10);
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.btn.rounded-pill,
.card,
.service-card,
.about-box,
.modal-content,
.dropdown-menu {
    border-radius: var(--radius-soft) !important;
}

.btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(16, 42, 67, .16);
}

.btn:active {
    transform: translateY(0);
    box-shadow: 0 4px 12px rgba(16, 42, 67, .10);
}

.btn-lg {
    padding: .68rem 1.2rem;
    font-size: .95rem;
}

.hero-image {
    width: 100%;
    max-width: 100%;
    transform: none;
}

.hero-copy {
    max-width: 560px;
    font-size: 16px;
    line-height: 1.55;
}

.hero-services span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem .65rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-soft);
    background-color: var(--surface);
    color: var(--navy);
    font-size: .72rem;
    font-weight: 600;
}

.hero-services i {
    font-size: .8rem;
}

@media (max-width: 575px) {
    .hero-trust { gap: .55rem .8rem; font-size: .66rem; }
}

#hizmetler .service-row {
    display: inline-flex !important;
    vertical-align: top;
    width: 20%;
    min-height: 290px;
    margin: 0 !important;
    padding: 1.5rem 1rem 4.25rem !important;
    flex-direction: column;
    align-items: flex-start !important;
    justify-content: space-between;
    position: relative;
}

#hizmetler .service-row > [class*="col-"] {
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
}

#hizmetler .service-row h3 {
    font-size: 1.05rem;
    line-height: 1.35;
    font-weight: 900 !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .75rem;
}

#hizmetler .service-row h3 i {
    margin-right: 0 !important;
    font-size: 1.45rem;
}

#hizmetler .service-row h3 {
    font-size: 0;
}

#hizmetler .service-row h3::after {
    font-size: 1.05rem;
    line-height: 1.35;
    white-space: pre-line;
}

#hizmetler .service-row:nth-child(1) h3::after { content: 'Meta & Ads\A Reklam Yönetimi'; }
#hizmetler .service-row:nth-child(2) h3::after { content: 'Sosyal Medya\A Yönetimi'; }
#hizmetler .service-row:nth-child(3) h3::after { content: 'Kurumsal\A Web Tasarım'; }
#hizmetler .service-row:nth-child(4) h3::after { content: 'Video Prodüksiyon\A Grafik Tasarım'; }
#hizmetler .service-row:nth-child(5) h3::after { content: 'Yazılım\A Mobil Uygulama'; }

#hizmetler .service-row > .col-2 {
    display: none !important;
}

#hizmetler .service-row .text-end a {
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    gap: .55rem;
    white-space: nowrap;
    font-size: .72rem;
    font-weight: 700;
}

#hizmetler .service-row .text-end a::before {
    content: 'Hizmetleri İncele';
}

#hizmetler .service-row .text-end {
    text-align: left !important;
    position: absolute;
    left: 1rem;
    bottom: 1rem;
}

@media (min-width: 992px) {
    #hizmetler .service-row:not(:first-child) {
        border-left: 1px solid var(--line) !important;
    }

    #hizmetler .service-row {
        height: 320px;
    }
}


@media (max-width: 991px) {
    #hizmetler .service-row {
        width: 50%;
    }

    #anasayfa > .container {
        margin-left: auto;
        margin-right: auto;
        padding-top: 6rem !important;
    }

    .hero-image {
        width: 100%;
        transform: none;
    }
}

@media (max-width: 575px) {
    #hizmetler .service-row {
        width: 100%;
        min-height: 230px;
    }
}

/* Hero dışındaki tüm ana bölümlerde ortak dikey boşluk */
.services-section,
.process-section,
.references-section,
.why-section {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

/* Hizmet kartlarında ortak kart radius'u geçersizdir. */
.service-card {
    border-radius: 0 !important;
}

/* Tüm sayfalarda sabit hızlı iletişim butonları */
.floating-contact {
    position: fixed;
    inset: 0;
    z-index: 1090;
    pointer-events: none;
}

.floating-contact-button {
    position: fixed;
    bottom: 1.25rem;
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    min-height: 4rem;
    padding: .55rem .7rem;
    border: 0;
    border-radius: var(--radius-soft);
    color: var(--surface);
    text-decoration: none;
    box-shadow: 0 .8rem 2rem rgba(16, 42, 67, .18);
    pointer-events: auto;
    transition: transform .25s ease, box-shadow .25s ease;
}

.floating-contact-button:hover,
.floating-contact-button:focus-visible {
    color: var(--surface);
    transform: translateY(-3px);
    box-shadow: 0 1rem 2.25rem rgba(16, 42, 67, .24);
}

.floating-whatsapp {
    left: 1.25rem;
    background: var(--teal);
}

.floating-phone {
    right: 1.25rem;
    background: var(--navy);
}

.floating-contact-icon {
    display: inline-grid;
    width: 2.8rem;
    height: 2.8rem;
    flex: 0 0 2.8rem;
    place-items: center;
    border-radius: var(--radius-soft);
    font-size: 1.25rem;
}

.floating-whatsapp .floating-contact-icon {
    color: var(--teal);
    background: var(--surface);
}

.floating-phone .floating-contact-icon {
    color: var(--surface);
    background: var(--accent);
}

.floating-contact-copy {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.floating-contact-copy strong {
    font-size: .88rem;
    font-weight: 800;
}

.floating-contact-copy small {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    margin-top: .2rem;
    color: inherit;
    font-size: .67rem;
    font-weight: 600;
    opacity: .92;
}

.contact-status-dot {
    display: inline-block;
    width: .42rem;
    height: .42rem;
    flex: 0 0 .42rem;
    border-radius: 50%;
    background: currentColor;
    animation: contact-status-pulse 1.45s ease-in-out infinite;
}

.floating-phone .contact-status-dot {
    color: var(--teal);
}

@keyframes contact-status-pulse {
    0%, 100% {
        opacity: .35;
        transform: scale(.72);
        box-shadow: 0 0 0 0 rgba(247, 249, 252, 0);
    }
    50% {
        opacity: 1;
        transform: scale(1.12);
        box-shadow: 0 0 0 .28rem rgba(247, 249, 252, .16);
    }
}

.error-page {
    display: grid;
    min-height: 100vh;
    margin: 0;
    place-items: center;
    padding: 2rem;
    background: var(--surface);
    color: var(--navy);
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.error-page-content {
    max-width: 34rem;
    text-align: center;
}

.error-page-content > span {
    color: var(--accent);
    font-size: clamp(4.5rem, 14vw, 9rem);
    font-weight: 900;
    line-height: .9;
}

.error-page-content h1 {
    margin: 1.25rem 0 .75rem;
    font-weight: 800;
}

.error-page-content p {
    margin-bottom: 1.5rem;
    color: var(--blue);
}

.error-page-link {
    border: 0;
    border-radius: var(--radius-soft);
    background: var(--navy);
    color: var(--surface);
    font-weight: 700;
}

.error-page-link:hover,
.error-page-link:focus-visible {
    background: var(--accent);
    color: var(--surface);
}

@media (max-width: 575px) {
    .floating-contact-button {
        bottom: .75rem;
        min-height: 3.35rem;
        gap: .45rem;
        padding: .45rem .55rem;
    }

    .floating-whatsapp {
        left: .75rem;
    }

    .floating-phone {
        right: .75rem;
    }

    .floating-contact-icon {
        width: 2.35rem;
        height: 2.35rem;
        flex-basis: 2.35rem;
        font-size: 1rem;
    }

    .floating-contact-copy strong {
        font-size: .72rem;
    }

    .floating-contact-copy small {
        font-size: .57rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .contact-status-dot {
        animation: none;
    }
}

/* İletişim sayfası */
.contact-page {
    background-color: var(--surface);
    color: var(--navy);
}

.contact-hero {
    padding: 9.5rem 0 3rem;
}

.contact-breadcrumb {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-bottom: 1.5rem;
    color: var(--blue);
    font-size: .75rem;
    font-weight: 600;
}

.contact-breadcrumb a {
    color: var(--blue);
    text-decoration: none;
}

.contact-breadcrumb i {
    color: var(--accent);
    font-size: .55rem;
}

.contact-eyebrow {
    color: var(--teal);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .13em;
}

.contact-hero h1 {
    margin: .45rem 0 1rem;
    color: var(--navy);
    font-size: clamp(3.7rem, 8vw, 6.5rem);
    font-weight: 900;
    letter-spacing: -.07em;
    line-height: .95;
}

.contact-hero > .container > p {
    max-width: 720px;
    margin: 0;
    color: var(--blue);
    font-size: clamp(1rem, 1.7vw, 1.2rem);
    line-height: 1.75;
}

.contact-options {
    padding: 1rem 0 5rem;
}

.contact-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.contact-card {
    min-height: 275px;
    padding: 1.7rem;
    border: 1px solid var(--line);
    border-top: 3px solid var(--accent);
    border-radius: var(--radius-soft);
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.contact-card:nth-child(2) {
    border-top-color: var(--teal);
}

.contact-card:nth-child(3) {
    border-top-color: var(--blue);
}

.contact-card-icon {
    display: inline-grid;
    width: 3.2rem;
    height: 3.2rem;
    margin-bottom: 1.4rem;
    place-items: center;
    border-radius: var(--radius-soft);
    background-color: var(--line);
    color: var(--accent);
    font-size: 1.25rem;
}

.contact-card:nth-child(2) .contact-card-icon {
    color: var(--teal);
}

.contact-card:nth-child(3) .contact-card-icon {
    color: var(--blue);
}

.contact-card h2 {
    width: 100%;
    margin: 0 0 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--line);
    color: var(--navy);
    font-size: 1.05rem;
    font-weight: 800;
}

.contact-card p,
.contact-card address {
    margin: 0 0 .8rem;
    color: var(--blue);
    font-size: .82rem;
    font-style: normal;
    line-height: 1.7;
}

.contact-whatsapp-button {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    margin-top: auto;
    padding: .75rem 1rem;
    border-radius: var(--radius-soft);
    background-color: var(--teal);
    color: var(--surface);
    font-size: .8rem;
    font-weight: 800;
    text-decoration: none;
}

.contact-whatsapp-button:hover,
.contact-whatsapp-button:focus-visible {
    background-color: var(--navy);
    color: var(--surface);
}

.contact-detail-link {
    margin-bottom: .6rem;
    color: var(--navy);
    font-size: .88rem;
    font-weight: 700;
    text-decoration: none;
}

.contact-detail-link:hover,
.contact-map-link:hover {
    color: var(--accent);
}

.contact-map-link {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin-top: auto;
    color: var(--navy);
    font-size: .78rem;
    font-weight: 800;
    text-decoration: none;
}

.contact-hours {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    padding: 1.25rem 1.5rem;
    border-radius: var(--radius-soft);
    background-color: var(--navy);
    color: var(--surface);
}

.contact-hours-icon {
    display: inline-grid;
    width: 2.8rem;
    height: 2.8rem;
    flex: 0 0 2.8rem;
    place-items: center;
    border-radius: var(--radius-soft);
    background-color: rgba(0, 0, 0, .24);
    color: var(--teal);
}

.contact-hours strong {
    display: block;
    margin-bottom: .25rem;
    font-size: .8rem;
}

.contact-hours p {
    margin: 0;
    color: var(--line);
    font-size: .76rem;
}

.contact-hours p span {
    color: var(--surface);
    font-weight: 700;
}

.contact-hours p i {
    display: inline-block;
    width: .3rem;
    height: .3rem;
    margin: 0 .65rem;
    border-radius: 50%;
    background-color: var(--accent);
    vertical-align: middle;
}

.contact-map-section {
    padding: 5rem 0;
    background-color: var(--line);
}

.contact-map-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 1.5rem;
}

.contact-map-heading span {
    color: var(--accent);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .13em;
}

.contact-map-heading h2 {
    margin: .45rem 0 0;
    color: var(--navy);
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 900;
    letter-spacing: -.05em;
}

.contact-map-heading > a {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: var(--navy);
    font-size: .8rem;
    font-weight: 800;
    text-decoration: none;
}

.contact-map-heading > a i {
    color: var(--accent);
}

.contact-map-frame {
    overflow: hidden;
    height: 430px;
    border-radius: var(--radius-soft);
    background-color: var(--surface);
}

.contact-map-frame iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width: 767px) {
    .contact-hero {
        padding-top: 8rem;
    }

    .contact-card-grid {
        grid-template-columns: 1fr;
    }

    .contact-card {
        min-height: 235px;
    }

    .contact-hours,
    .contact-map-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .contact-hours p span {
        display: block;
        margin-top: .45rem;
    }

    .contact-hours p i {
        display: none;
    }

    .contact-map-frame {
        height: 360px;
    }
}

/* Hakkımızda sayfası */
.about-page {
    background-color: var(--surface);
    color: var(--navy);
}

.about-hero {
    padding: 9.5rem 0 3rem;
}

.about-breadcrumb {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-bottom: 1.5rem;
    color: var(--blue);
    font-size: .75rem;
    font-weight: 600;
}

.about-breadcrumb a {
    color: var(--blue);
    text-decoration: none;
}

.about-breadcrumb i {
    color: var(--accent);
    font-size: .55rem;
}

.about-eyebrow {
    color: var(--teal);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .13em;
}

.about-hero h1 {
    margin: .45rem 0 1rem;
    color: var(--navy);
    font-size: clamp(3.7rem, 8vw, 6.5rem);
    font-weight: 900;
    letter-spacing: -.07em;
    line-height: .95;
}

.about-hero > .container > p {
    max-width: 790px;
    margin: 0;
    color: var(--blue);
    font-size: clamp(1rem, 1.7vw, 1.2rem);
    line-height: 1.75;
}

.about-pillars {
    padding: 1rem 0 5rem;
}

.about-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.about-card {
    min-height: 290px;
    padding: 1.7rem;
    border: 1px solid var(--line);
    border-top: 3px solid var(--accent);
    border-radius: var(--radius-soft);
    background-color: #fff;
}

.about-card:nth-child(2) {
    border-top-color: var(--teal);
}

.about-card:nth-child(3) {
    border-top-color: var(--blue);
}

.about-card-icon {
    display: inline-grid;
    width: 3.2rem;
    height: 3.2rem;
    margin-bottom: 1.4rem;
    place-items: center;
    border-radius: var(--radius-soft);
    background-color: var(--line);
    color: var(--accent);
    font-size: 1.2rem;
}

.about-card:nth-child(2) .about-card-icon {
    color: var(--teal);
}

.about-card:nth-child(3) .about-card-icon {
    color: var(--blue);
}

.about-card h2 {
    margin: 0 0 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--line);
    color: var(--navy);
    font-size: 1.05rem;
    font-weight: 800;
}

.about-card p {
    margin: 0;
    color: var(--blue);
    font-size: .82rem;
    line-height: 1.75;
}

.about-story {
    padding: 5rem 0;
    background-color: var(--line);
}

.about-story-layout {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 5rem;
    align-items: start;
}

.about-story-heading > span,
.about-local .container > div > span {
    color: var(--accent);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .13em;
}

.about-story-heading h2,
.about-local h2 {
    margin: .65rem 0 0;
    color: var(--navy);
    font-size: clamp(2.2rem, 4.5vw, 3.6rem);
    font-weight: 900;
    letter-spacing: -.055em;
    line-height: 1.08;
}

.about-story-heading h2 strong {
    color: var(--accent);
}

.about-story-copy p {
    margin: 0 0 1rem;
    color: var(--blue);
    font-size: .9rem;
    line-height: 1.85;
}

.about-principles {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-top: 3.5rem;
}

.about-principles > div {
    min-height: 190px;
    padding: 1.35rem;
    background-color: var(--surface);
}

.about-principles i {
    display: block;
    margin-bottom: 1.2rem;
    color: var(--teal);
    font-size: 1.35rem;
}

.about-principles strong {
    display: block;
    margin-bottom: .6rem;
    color: var(--navy);
    font-size: .88rem;
}

.about-principles span {
    color: var(--blue);
    font-size: .76rem;
    line-height: 1.7;
}

.about-local {
    padding: 5rem 0;
    background-color: var(--navy);
}

.about-local .container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 4rem;
}

.about-local .container > div {
    max-width: 780px;
}

.about-local h2 {
    color: var(--surface);
}

.about-local p {
    margin: 1.25rem 0 0;
    color: var(--line);
    font-size: .88rem;
    line-height: 1.8;
}

.about-local a {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    flex: 0 0 auto;
    padding: .85rem 1.15rem;
    border-radius: var(--radius-soft);
    background-color: var(--accent);
    color: var(--surface);
    font-size: .82rem;
    font-weight: 800;
    text-decoration: none;
}

.about-local a:hover,
.about-local a:focus-visible {
    background-color: var(--teal);
    color: var(--navy);
}

@media (max-width: 991px) {
    .about-story-layout {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .about-principles {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .about-hero {
        padding-top: 8rem;
    }

    .about-card-grid,
    .about-principles {
        grid-template-columns: 1fr;
    }

    .about-card {
        min-height: auto;
    }

    .about-local .container {
        align-items: flex-start;
        flex-direction: column;
        gap: 2rem;
    }
}

/* Hizmetler sayfası */
.services-page {
    background-color: var(--surface);
    color: var(--navy);
}

.services-page-hero {
    padding: 9.5rem 0 3rem;
}

.services-page-breadcrumb {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-bottom: 1.5rem;
    color: var(--blue);
    font-size: .75rem;
    font-weight: 600;
}

.services-page-breadcrumb a {
    color: var(--blue);
    text-decoration: none;
}

.services-page-breadcrumb i {
    color: var(--accent);
    font-size: .55rem;
}

.services-page-eyebrow {
    color: var(--teal);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .13em;
}

.services-page-hero h1 {
    margin: .45rem 0 1rem;
    color: var(--navy);
    font-size: clamp(3.25rem, 7vw, 6.1rem);
    font-weight: 900;
    letter-spacing: -.07em;
    line-height: .97;
}

.services-page-hero h1 strong {
    color: var(--accent);
    font-weight: inherit;
}

.services-page-hero > .container > p {
    max-width: 770px;
    margin: 0;
    color: var(--blue);
    font-size: clamp(1rem, 1.7vw, 1.2rem);
    line-height: 1.75;
}

.services-page-list {
    padding: 1rem 0 5rem;
}

.service-showcase {
    --service-accent: var(--accent);
    --service-side: var(--navy);
    display: grid;
    grid-template-columns: 6.3rem minmax(0, 1fr) minmax(260px, .58fr);
    min-height: 430px;
    margin-bottom: 1rem;
    border: 1px solid var(--line);
    border-top: 3px solid var(--service-accent);
    border-radius: var(--radius-soft);
    overflow: hidden;
    background-color: #fff;
}

.service-social {
    --service-accent: var(--accent);
    --service-side: var(--navy);
}

.service-ads {
    --service-accent: var(--teal);
    --service-side: var(--blue);
}

.service-web {
    --service-accent: #2563EB;
    --service-side: var(--navy);
}

.service-graphic {
    --service-accent: #8B5CF6;
    --service-side: #34205F;
}

.service-video {
    --service-accent: #D946EF;
    --service-side: #3A1D31;
}

.service-software {
    --service-accent: #0EA5E9;
    --service-side: #123B4F;
}

.service-showcase-number {
    display: flex;
    justify-content: center;
    padding-top: 1.8rem;
    border-right: 1px solid var(--line);
    color: var(--line);
    font-size: 1.8rem;
    font-weight: 900;
    letter-spacing: -.06em;
}

.service-showcase-content {
    padding: 2rem 2.2rem;
}

.service-showcase-icon {
    display: inline-grid;
    width: 3.1rem;
    height: 3.1rem;
    margin-bottom: 1rem;
    place-items: center;
    border-radius: var(--radius-soft);
    background-color: var(--line);
    color: var(--service-accent);
    font-size: 1.25rem;
}

.service-showcase-label {
    display: block;
    margin-bottom: .55rem;
    color: var(--service-accent);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.service-showcase-content h2 {
    margin: 0 0 1rem;
    color: var(--navy);
    font-size: clamp(1.7rem, 3vw, 2.55rem);
    font-weight: 900;
    letter-spacing: -.055em;
    line-height: 1.05;
}

.service-showcase-content h2 strong {
    color: var(--service-accent);
    font-weight: inherit;
}

.service-showcase-content h2 a {
    color: inherit;
    text-decoration: none;
}

.service-showcase-content h2 a:hover,
.service-showcase-content h2 a:focus-visible {
    color: var(--service-accent);
}

.service-showcase-content p {
    max-width: 610px;
    margin: 0;
    color: var(--blue);
    font-size: .84rem;
    line-height: 1.78;
}

.service-showcase-content ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .6rem;
    margin: 1.45rem 0;
    padding: 0;
    list-style: none;
}

.service-showcase-content li {
    position: relative;
    padding-left: 1rem;
    color: var(--navy);
    font-size: .72rem;
    font-weight: 700;
    line-height: 1.55;
}

.service-showcase-content li::before {
    content: '';
    position: absolute;
    top: .36rem;
    left: 0;
    width: .42rem;
    height: .42rem;
    border-radius: 50%;
    background-color: var(--service-accent);
}

.service-showcase-content > a {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    color: var(--navy);
    font-size: .8rem;
    font-weight: 800;
    text-decoration: none;
}

.service-showcase-content > a i {
    color: var(--service-accent);
    transition: transform .2s ease;
}

.service-showcase-content > a:hover i {
    transform: translateX(4px);
}

.service-showcase-side {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2rem;
    background-color: var(--service-side);
    color: var(--surface);
}

.service-showcase-side > i {
    margin-bottom: auto;
    color: var(--service-accent);
    font-size: 2.2rem;
}

.service-showcase-side strong {
    display: block;
    margin-bottom: .8rem;
    color: var(--surface);
    font-size: clamp(1.25rem, 2vw, 1.75rem);
    font-weight: 800;
    letter-spacing: -.045em;
    line-height: 1.1;
}

.service-showcase-side span {
    color: var(--line);
    font-size: .72rem;
    font-weight: 600;
}

.services-page-cta {
    padding: 5rem 0;
    background-color: var(--line);
}

.services-page-cta .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4rem;
    padding: 3rem;
    border-radius: var(--radius-soft);
    background-color: var(--navy);
}

.services-page-cta span {
    color: var(--teal);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .13em;
}

.services-page-cta h2 {
    margin: .65rem 0 .85rem;
    color: var(--surface);
    font-size: clamp(2rem, 4vw, 3.3rem);
    font-weight: 900;
    letter-spacing: -.055em;
}

.services-page-cta p {
    max-width: 650px;
    margin: 0;
    color: var(--line);
    font-size: .88rem;
    line-height: 1.75;
}

.services-page-cta a {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    flex: 0 0 auto;
    padding: .9rem 1.1rem;
    border-radius: var(--radius-soft);
    background-color: var(--accent);
    color: var(--surface);
    font-size: .8rem;
    font-weight: 800;
    text-decoration: none;
}

.services-page-cta a:hover,
.services-page-cta a:focus-visible {
    background-color: var(--teal);
    color: var(--navy);
}

@media (max-width: 991px) {
    .service-showcase {
        grid-template-columns: 5rem minmax(0, 1fr);
    }

    .service-showcase-side {
        grid-column: 1 / -1;
        min-height: 160px;
        padding: 1.5rem;
    }

    .service-showcase-side > i {
        margin-bottom: 1rem;
    }

    .service-showcase-content ul {
        grid-template-columns: 1fr;
    }

    .services-page-cta .container {
        align-items: flex-start;
        flex-direction: column;
        gap: 2rem;
    }
}

@media (max-width: 767px) {
    .services-page-hero {
        padding-top: 8rem;
    }

    .service-showcase {
        grid-template-columns: 1fr;
    }

    .service-showcase-number {
        justify-content: flex-start;
        padding: 1.2rem 1.35rem 0;
        border-right: 0;
        font-size: 1.4rem;
    }

    .service-showcase-content {
        padding: 1.4rem 1.35rem 1.7rem;
    }

    .service-showcase-side {
        grid-column: auto;
    }

    .services-page-cta .container {
        padding: 2rem 1.4rem;
    }
}

/* Sosyal medya yönetimi hizmet sayfası */
.social-service-page {
    background-color: var(--surface);
    color: var(--navy);
}

.social-service-hero {
    padding: 9.5rem 0 5rem;
}

.social-service-hero-grid {
    display: grid;
    grid-template-columns: 1.08fr .92fr;
    align-items: center;
    gap: 4rem;
}

.social-service-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .6rem;
    margin-bottom: 1.55rem;
    color: var(--blue);
    font-size: .72rem;
    font-weight: 600;
}

.social-service-breadcrumb a {
    color: var(--blue);
    text-decoration: none;
}

.social-service-breadcrumb i {
    color: var(--accent);
    font-size: .5rem;
}

.social-service-eyebrow,
.social-service-section-heading > span,
.social-service-difference-intro span,
.social-service-metrics > span,
.social-service-scope-grid > div > span {
    color: var(--accent);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
}

.social-service-hero h1 {
    margin: .6rem 0 1.2rem;
    color: var(--navy);
    font-size: clamp(3rem, 5.8vw, 5.25rem);
    font-weight: 900;
    letter-spacing: -.07em;
    line-height: .98;
}

.social-service-hero h1 strong {
    color: var(--accent);
    font-weight: inherit;
}

.social-service-hero p {
    max-width: 660px;
    margin: 0;
    color: var(--blue);
    font-size: 1rem;
    line-height: 1.82;
}

.social-service-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.8rem;
}

.social-service-whatsapp,
.social-service-outline {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    min-height: 3.1rem;
    padding: .75rem 1rem;
    border-radius: var(--radius-soft);
    font-size: .8rem;
    font-weight: 800;
    text-decoration: none;
}

.social-service-whatsapp {
    background-color: var(--teal);
    color: var(--surface);
}

.social-service-whatsapp:hover,
.social-service-whatsapp:focus-visible {
    background-color: var(--navy);
    color: var(--surface);
}

.social-service-outline {
    border: 1px solid var(--line);
    background-color: transparent;
    color: var(--navy);
}

.social-service-outline:hover,
.social-service-outline:focus-visible {
    border-color: var(--accent);
    color: var(--accent);
}

.social-service-visual {
    position: relative;
    min-height: 400px;
    overflow: hidden;
    border-radius: var(--radius-soft);
    background: linear-gradient(145deg, var(--navy), var(--blue));
    box-shadow: 0 1.5rem 3rem rgba(16, 42, 67, .2);
}

.social-service-visual::before,
.social-service-visual::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .08);
}

.social-service-visual::before {
    width: 260px;
    height: 260px;
    top: -105px;
    right: -80px;
}

.social-service-visual::after {
    width: 180px;
    height: 180px;
    bottom: -75px;
    left: -50px;
}

.social-service-visual-title {
    position: absolute;
    top: 1.6rem;
    left: 1.6rem;
    display: flex;
    align-items: center;
    gap: .55rem;
    color: var(--line);
    font-size: .72rem;
    font-weight: 700;
}

.social-service-visual-title i {
    color: var(--teal);
}

.social-service-post {
    position: absolute;
    display: grid;
    place-items: center;
    border-radius: var(--radius-soft);
    background-color: var(--surface);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, .18);
}

.social-post-main {
    width: 170px;
    height: 170px;
    top: 105px;
    left: 50%;
    flex-direction: column;
    transform: translateX(-50%);
    color: var(--accent);
    font-size: 3.25rem;
}

.social-post-main span {
    margin-top: .65rem;
    color: var(--navy);
    font-size: .72rem;
    font-weight: 800;
}

.social-post-top {
    width: 84px;
    height: 84px;
    top: 56px;
    right: 58px;
    color: var(--blue);
    font-size: 2rem;
}

.social-post-bottom {
    width: 84px;
    height: 84px;
    bottom: 60px;
    left: 58px;
    color: var(--teal);
    font-size: 1.9rem;
}

.social-service-bars {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    display: flex;
    align-items: flex-end;
    gap: .35rem;
    height: 65px;
}

.social-service-bars i {
    display: block;
    width: .55rem;
    border-radius: .3rem .3rem 0 0;
    background-color: var(--accent);
}

.social-service-bars i:nth-child(1) { height: 27%; }
.social-service-bars i:nth-child(2) { height: 55%; background-color: var(--teal); }
.social-service-bars i:nth-child(3) { height: 40%; }
.social-service-bars i:nth-child(4) { height: 78%; background-color: var(--teal); }
.social-service-bars i:nth-child(5) { height: 100%; }

.social-service-problems {
    padding: 5.5rem 0;
    background-color: var(--line);
}

.social-service-two-column {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 5rem;
}

.social-service-section-heading h2 {
    margin: .8rem 0 0;
    color: var(--navy);
    font-size: clamp(2.3rem, 4.7vw, 4rem);
    font-weight: 900;
    letter-spacing: -.07em;
    line-height: 1.02;
}

.social-service-section-heading h2 strong {
    color: var(--accent);
    font-weight: inherit;
}

.social-service-problem-list {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .8rem;
}

.social-service-problem-list p,
.social-service-problem-list div {
    width: 91%;
    margin: 0;
    padding: 1rem 1.2rem;
    border: 1px solid #d5dfe7;
    border-radius: var(--radius-soft);
    background-color: var(--surface);
    color: var(--navy);
    font-size: .88rem;
    font-weight: 600;
    line-height: 1.55;
}

.social-service-problem-list p:nth-child(2) { width: 82%; }
.social-service-problem-list p:nth-child(4) { width: 66%; }

.social-service-problem-list div {
    width: 100%;
    margin-top: .9rem;
    border-left: 3px solid var(--accent);
    color: var(--blue);
    font-weight: 500;
}

.social-service-difference {
    padding: 5.5rem 0;
    background-color: var(--surface);
}

.social-service-difference-intro {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid var(--line);
}

.social-service-difference-intro h2 {
    margin: .65rem 0 0;
    color: var(--navy);
    font-size: clamp(2.3rem, 4.6vw, 4rem);
    font-weight: 900;
    letter-spacing: -.07em;
}

.social-service-difference-intro h2 strong {
    color: var(--accent);
    font-weight: inherit;
}

.social-service-difference-intro p {
    margin: 0;
    color: var(--blue);
    font-size: .95rem;
    line-height: 1.85;
}

.social-service-difference-rows article {
    display: grid;
    grid-template-columns: 4rem minmax(170px, .6fr) 1.4fr;
    gap: 1.35rem;
    padding: 2rem .8rem;
    border-bottom: 1px solid var(--line);
}

.social-service-difference-rows span {
    color: var(--accent);
    font-size: .76rem;
    font-weight: 800;
}

.social-service-difference-rows h3 {
    margin: 0;
    color: var(--navy);
    font-size: 1.45rem;
    font-weight: 800;
    letter-spacing: -.04em;
}

.social-service-difference-rows p {
    margin: 0;
    color: var(--blue);
    font-size: .84rem;
    line-height: 1.75;
}

.social-service-metrics {
    padding: 5.5rem 0;
    background: linear-gradient(135deg, var(--navy), var(--blue));
    color: var(--surface);
}

.social-service-metrics > span {
    color: var(--teal);
}

.social-service-metrics h2 {
    margin: .75rem 0 1rem;
    color: var(--surface);
    font-size: clamp(2.5rem, 5.1vw, 4.6rem);
    font-weight: 900;
    letter-spacing: -.07em;
    line-height: 1.02;
}

.social-service-metrics h2 strong {
    color: var(--accent);
    font-weight: inherit;
}

.social-service-metrics > p {
    max-width: 720px;
    margin: 0;
    color: var(--line);
    font-size: .98rem;
    line-height: 1.8;
}

.social-service-metric-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 3.5rem;
}

.social-service-metric-grid article {
    min-height: 265px;
    padding: 1.55rem;
    border: 1px solid rgba(232, 238, 243, .2);
    border-radius: var(--radius-soft);
    background-color: rgba(16, 42, 67, .18);
}

.social-service-metric-grid span {
    color: var(--teal);
    font-size: .78rem;
    font-weight: 800;
}

.social-service-metric-grid h3 {
    margin: 1.2rem 0 .9rem;
    padding-bottom: .9rem;
    border-bottom: 1px solid rgba(232, 238, 243, .18);
    color: var(--surface);
    font-size: 1.05rem;
    font-weight: 800;
}

.social-service-metric-grid p {
    margin: 0;
    color: var(--line);
    font-size: .78rem;
    line-height: 1.78;
}

.social-service-metrics-note {
    margin-top: 1.3rem;
    padding: 1.1rem 1.35rem;
    border-left: 3px solid var(--teal);
    background-color: rgba(247, 249, 252, .08);
    color: var(--surface);
    font-size: .85rem;
    font-weight: 600;
    line-height: 1.7;
}

.social-service-scope {
    padding: 5.5rem 0;
    background-color: var(--surface);
}

.social-service-scope-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    align-items: center;
    gap: 5rem;
}

.social-service-scope h2 {
    margin: .7rem 0 1.2rem;
    color: var(--navy);
    font-size: clamp(2.4rem, 4.8vw, 4.1rem);
    font-weight: 900;
    letter-spacing: -.07em;
    line-height: 1.02;
}

.social-service-scope h2 strong {
    color: var(--accent);
    font-weight: inherit;
}

.social-service-scope p {
    max-width: 660px;
    margin: 0 0 1rem;
    color: var(--blue);
    font-size: .91rem;
    line-height: 1.85;
}

.social-service-scope-grid > div > a {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    margin-top: 1rem;
    padding: .8rem 1rem;
    border-radius: var(--radius-soft);
    background-color: var(--teal);
    color: var(--surface);
    font-size: .82rem;
    font-weight: 800;
    text-decoration: none;
}

.social-service-scope-grid > div > a:hover {
    background-color: var(--navy);
    color: var(--surface);
}

.social-service-scope aside {
    padding: 1.8rem;
    border-radius: var(--radius-soft);
    background-color: var(--navy);
    box-shadow: 0 1rem 2.5rem rgba(16, 42, 67, .16);
}

.social-service-scope aside > strong {
    color: var(--surface);
    font-size: .88rem;
}

.social-service-scope aside ul {
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
}

.social-service-scope aside li {
    position: relative;
    padding: 1rem 0 1rem 2.5rem;
    border-top: 1px solid rgba(232, 238, 243, .16);
    color: var(--line);
    font-size: .82rem;
    font-weight: 600;
    line-height: 1.55;
}

.social-service-scope aside li::before {
    content: '\f00c';
    position: absolute;
    top: .85rem;
    left: 0;
    display: grid;
    width: 1.6rem;
    height: 1.6rem;
    place-items: center;
    border-radius: 50%;
    background-color: rgba(22, 184, 166, .18);
    color: var(--teal);
    font-family: 'Font Awesome 7 Free';
    font-size: .65rem;
    font-weight: 900;
}

.social-service-faq {
    padding: 5.5rem 0;
    background-color: var(--line);
}

.social-service-faq-grid {
    display: grid;
    grid-template-columns: .75fr 1.25fr;
    gap: 5rem;
}

.social-service-accordion .accordion-item {
    margin-bottom: .75rem;
    overflow: hidden;
    border: 1px solid #d5dfe7;
    border-radius: var(--radius-soft) !important;
    background-color: var(--surface);
}

.social-service-accordion .accordion-button {
    padding: 1.25rem 1.4rem;
    background-color: var(--surface);
    color: var(--navy);
    box-shadow: none;
    font-size: .86rem;
    font-weight: 800;
}

.social-service-accordion .accordion-button:not(.collapsed) {
    color: var(--accent);
}

.social-service-accordion .accordion-button::after {
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid var(--line);
    border-radius: 50%;
    background-position: center;
    background-size: .7rem;
}

.social-service-accordion .accordion-body {
    padding: 0 1.4rem 1.25rem;
    color: var(--blue);
    font-size: .84rem;
    line-height: 1.75;
}

@media (max-width: 991px) {
    .social-service-hero-grid,
    .social-service-two-column,
    .social-service-scope-grid,
    .social-service-faq-grid {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .social-service-difference-intro {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .social-service-metric-grid {
        grid-template-columns: 1fr;
    }

    .social-service-metric-grid article {
        min-height: auto;
    }
}

@media (max-width: 767px) {
    .social-service-hero {
        padding-top: 8rem;
    }

    .social-service-visual {
        min-height: 330px;
    }

    .social-post-main {
        width: 145px;
        height: 145px;
        top: 88px;
        font-size: 2.75rem;
    }

    .social-post-top {
        top: 44px;
        right: 34px;
    }

    .social-post-bottom {
        bottom: 42px;
        left: 34px;
    }

    .social-service-problem-list p,
    .social-service-problem-list p:nth-child(2),
    .social-service-problem-list p:nth-child(4) {
        width: 100%;
    }

    .social-service-difference-rows article {
        grid-template-columns: 1fr;
        gap: .6rem;
        padding: 1.5rem 0;
    }

    .social-service-difference-rows h3 {
        font-size: 1.25rem;
    }

    .social-service-hero-actions > a {
        width: 100%;
        justify-content: center;
    }
}

/* Meta Ads reklam yönetimi hizmet sayfası */
.ads-service-page { background-color: var(--surface); color: var(--navy); }
.ads-service-hero { padding: 9.5rem 0 5rem; }
.ads-service-hero-grid { display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 4rem; }
.ads-service-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem; margin-bottom: 1.55rem; color: var(--blue); font-size: .72rem; font-weight: 600; }
.ads-service-breadcrumb a { color: var(--blue); text-decoration: none; }
.ads-service-breadcrumb i { color: var(--teal); font-size: .5rem; }
.ads-service-eyebrow, .ads-service-section-heading > span, .ads-service-difference-intro span, .ads-service-metrics > span, .ads-service-scope-grid > div > span { color: var(--teal); font-size: .72rem; font-weight: 800; letter-spacing: .14em; }
.ads-service-hero h1 { margin: .6rem 0 1.2rem; color: var(--navy); font-size: clamp(3rem, 5.8vw, 5.25rem); font-weight: 900; letter-spacing: -.07em; line-height: .98; }
.ads-service-hero h1 strong { color: var(--teal); font-weight: inherit; }
.ads-service-hero p { max-width: 660px; margin: 0; color: var(--blue); font-size: 1rem; line-height: 1.82; }
.ads-service-hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.8rem; }
.ads-service-whatsapp, .ads-service-outline { display: inline-flex; align-items: center; gap: .65rem; min-height: 3.1rem; padding: .75rem 1rem; border-radius: var(--radius-soft); font-size: .8rem; font-weight: 800; text-decoration: none; }
.ads-service-whatsapp { background-color: var(--teal); color: var(--surface); }
.ads-service-whatsapp:hover, .ads-service-whatsapp:focus-visible { background-color: var(--navy); color: var(--surface); }
.ads-service-outline { border: 1px solid var(--line); color: var(--navy); }
.ads-service-outline:hover, .ads-service-outline:focus-visible { border-color: var(--teal); color: var(--teal); }
.ads-service-visual { position: relative; min-height: 400px; overflow: hidden; border-radius: var(--radius-soft); background: linear-gradient(145deg, var(--navy), var(--blue)); box-shadow: 0 1.5rem 3rem rgba(16, 42, 67, .2); }
.ads-service-visual::before, .ads-service-visual::after { content: ''; position: absolute; border-radius: 50%; background-color: rgba(255, 255, 255, .08); }
.ads-service-visual::before { width: 280px; height: 280px; top: -120px; left: -90px; }
.ads-service-visual::after { width: 210px; height: 210px; right: -75px; bottom: -85px; }
.ads-service-visual-title { position: absolute; top: 1.6rem; left: 1.6rem; display: flex; align-items: center; gap: .55rem; color: var(--line); font-size: .72rem; font-weight: 700; }
.ads-service-visual-title i { color: var(--teal); }
.ads-service-chart { position: absolute; top: 105px; left: 50%; display: flex; align-items: flex-end; gap: .55rem; width: 205px; height: 175px; padding: 2.6rem 1.2rem 1.1rem; border-radius: var(--radius-soft); transform: translateX(-50%); background-color: var(--surface); box-shadow: 0 1rem 2rem rgba(0, 0, 0, .18); }
.ads-service-chart span { position: absolute; top: 1rem; left: 1.2rem; color: var(--teal); font-size: 1.35rem; font-weight: 900; }
.ads-service-chart i { display: block; width: 1.25rem; border-radius: .3rem .3rem 0 0; background-color: var(--teal); }
.ads-service-chart i:nth-of-type(1) { height: 36%; background-color: var(--line); }
.ads-service-chart i:nth-of-type(2) { height: 58%; background-color: var(--blue); }
.ads-service-chart i:nth-of-type(3) { height: 43%; }
.ads-service-chart i:nth-of-type(4) { height: 76%; background-color: var(--blue); }
.ads-service-chart i:nth-of-type(5) { height: 100%; }
.ads-service-stat { position: absolute; display: flex; flex-direction: column; gap: .25rem; padding: .9rem 1rem; border-radius: var(--radius-soft); background-color: var(--surface); box-shadow: 0 .9rem 1.8rem rgba(0, 0, 0, .16); }
.ads-service-stat i { margin-bottom: .3rem; color: var(--teal); font-size: 1.15rem; }
.ads-service-stat strong { color: var(--navy); font-size: .72rem; }
.ads-service-stat span { color: var(--blue); font-size: .62rem; }
.ads-stat-top { top: 60px; right: 42px; }
.ads-stat-bottom { bottom: 45px; left: 42px; }
.ads-service-problems { padding: 5.5rem 0; background-color: var(--line); }
.ads-service-two-column { display: grid; grid-template-columns: .8fr 1.2fr; gap: 5rem; }
.ads-service-section-heading h2 { margin: .8rem 0 0; color: var(--navy); font-size: clamp(2.3rem, 4.7vw, 4rem); font-weight: 900; letter-spacing: -.07em; line-height: 1.02; }
.ads-service-section-heading h2 strong { color: var(--teal); font-weight: inherit; }
.ads-service-problem-list { display: flex; flex-direction: column; align-items: flex-end; gap: .8rem; }
.ads-service-problem-list p, .ads-service-problem-list div { width: 91%; margin: 0; padding: 1rem 1.2rem; border: 1px solid #d5dfe7; border-radius: var(--radius-soft); background-color: var(--surface); color: var(--navy); font-size: .88rem; font-weight: 600; line-height: 1.55; }
.ads-service-problem-list p:nth-child(2) { width: 82%; }
.ads-service-problem-list p:nth-child(4) { width: 68%; }
.ads-service-problem-list div { width: 100%; margin-top: .9rem; border-left: 3px solid var(--teal); color: var(--blue); font-weight: 500; }
.ads-service-difference { padding: 5.5rem 0; background-color: var(--surface); }
.ads-service-difference-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; padding-bottom: 2.5rem; border-bottom: 1px solid var(--line); }
.ads-service-difference-intro h2 { margin: .65rem 0 0; color: var(--navy); font-size: clamp(2.3rem, 4.6vw, 4rem); font-weight: 900; letter-spacing: -.07em; }
.ads-service-difference-intro h2 strong { color: var(--teal); font-weight: inherit; }
.ads-service-difference-intro p { margin: 0; color: var(--blue); font-size: .95rem; line-height: 1.85; }
.ads-service-difference-rows article { display: grid; grid-template-columns: 4rem minmax(170px, .6fr) 1.4fr; gap: 1.35rem; padding: 2rem .8rem; border-bottom: 1px solid var(--line); }
.ads-service-difference-rows span { color: var(--teal); font-size: .76rem; font-weight: 800; }
.ads-service-difference-rows h3 { margin: 0; color: var(--navy); font-size: 1.45rem; font-weight: 800; letter-spacing: -.04em; }
.ads-service-difference-rows p { margin: 0; color: var(--blue); font-size: .84rem; line-height: 1.75; }
.ads-service-metrics { padding: 5.5rem 0; background: linear-gradient(135deg, var(--navy), var(--blue)); color: var(--surface); }
.ads-service-metrics h2 { margin: .75rem 0 1rem; color: var(--surface); font-size: clamp(2.5rem, 5.1vw, 4.6rem); font-weight: 900; letter-spacing: -.07em; line-height: 1.02; }
.ads-service-metrics h2 strong { color: var(--teal); font-weight: inherit; }
.ads-service-metrics > p { max-width: 720px; margin: 0; color: var(--line); font-size: .98rem; line-height: 1.8; }
.ads-service-metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 3.5rem; }
.ads-service-metric-grid article { min-height: 265px; padding: 1.55rem; border: 1px solid rgba(232, 238, 243, .2); border-radius: var(--radius-soft); background-color: rgba(16, 42, 67, .18); }
.ads-service-metric-grid span { color: var(--teal); font-size: .78rem; font-weight: 800; }
.ads-service-metric-grid h3 { margin: 1.2rem 0 .9rem; padding-bottom: .9rem; border-bottom: 1px solid rgba(232, 238, 243, .18); color: var(--surface); font-size: 1.05rem; font-weight: 800; }
.ads-service-metric-grid p { margin: 0; color: var(--line); font-size: .78rem; line-height: 1.78; }
.ads-service-metrics-note { margin-top: 1.3rem; padding: 1.1rem 1.35rem; border-left: 3px solid var(--teal); background-color: rgba(247, 249, 252, .08); color: var(--surface); font-size: .85rem; font-weight: 600; line-height: 1.7; }
.ads-service-scope { padding: 5.5rem 0; background-color: var(--surface); }
.ads-service-scope-grid { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 5rem; }
.ads-service-scope h2 { margin: .7rem 0 1.2rem; color: var(--navy); font-size: clamp(2.4rem, 4.8vw, 4.1rem); font-weight: 900; letter-spacing: -.07em; line-height: 1.02; }
.ads-service-scope h2 strong { color: var(--teal); font-weight: inherit; }
.ads-service-scope p { max-width: 660px; margin: 0 0 1rem; color: var(--blue); font-size: .91rem; line-height: 1.85; }
.ads-service-scope-grid > div > a { display: inline-flex; align-items: center; gap: .65rem; margin-top: 1rem; padding: .8rem 1rem; border-radius: var(--radius-soft); background-color: var(--teal); color: var(--surface); font-size: .82rem; font-weight: 800; text-decoration: none; }
.ads-service-scope-grid > div > a:hover { background-color: var(--navy); color: var(--surface); }
.ads-service-scope aside { padding: 1.8rem; border-radius: var(--radius-soft); background-color: var(--navy); box-shadow: 0 1rem 2.5rem rgba(16, 42, 67, .16); }
.ads-service-scope aside > strong { color: var(--surface); font-size: .88rem; }
.ads-service-scope aside ul { margin: 1rem 0 0; padding: 0; list-style: none; }
.ads-service-scope aside li { position: relative; padding: 1rem 0 1rem 2.5rem; border-top: 1px solid rgba(232, 238, 243, .16); color: var(--line); font-size: .82rem; font-weight: 600; line-height: 1.55; }
.ads-service-scope aside li::before { content: '\f00c'; position: absolute; top: .85rem; left: 0; display: grid; width: 1.6rem; height: 1.6rem; place-items: center; border-radius: 50%; background-color: rgba(22, 184, 166, .18); color: var(--teal); font-family: 'Font Awesome 7 Free'; font-size: .65rem; font-weight: 900; }
.ads-service-faq { padding: 5.5rem 0; background-color: var(--line); }
.ads-service-faq-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 5rem; }
.ads-service-accordion .accordion-item { margin-bottom: .75rem; overflow: hidden; border: 1px solid #d5dfe7; border-radius: var(--radius-soft) !important; background-color: var(--surface); }
.ads-service-accordion .accordion-button { padding: 1.25rem 1.4rem; background-color: var(--surface); color: var(--navy); box-shadow: none; font-size: .86rem; font-weight: 800; }
.ads-service-accordion .accordion-button:not(.collapsed) { color: var(--teal); }
.ads-service-accordion .accordion-button::after { width: 1.8rem; height: 1.8rem; border: 1px solid var(--line); border-radius: 50%; background-position: center; background-size: .7rem; }
.ads-service-accordion .accordion-body { padding: 0 1.4rem 1.25rem; color: var(--blue); font-size: .84rem; line-height: 1.75; }
@media (max-width: 991px) { .ads-service-hero-grid, .ads-service-two-column, .ads-service-scope-grid, .ads-service-faq-grid { grid-template-columns: 1fr; gap: 2.5rem; } .ads-service-difference-intro { grid-template-columns: 1fr; gap: 1.5rem; } .ads-service-metric-grid { grid-template-columns: 1fr; } .ads-service-metric-grid article { min-height: auto; } }
@media (max-width: 767px) { .ads-service-hero { padding-top: 8rem; } .ads-service-visual { min-height: 330px; } .ads-service-chart { top: 86px; transform: translateX(-50%) scale(.83); } .ads-stat-top { top: 40px; right: 23px; } .ads-stat-bottom { bottom: 32px; left: 23px; } .ads-service-problem-list p, .ads-service-problem-list p:nth-child(2), .ads-service-problem-list p:nth-child(4) { width: 100%; } .ads-service-difference-rows article { grid-template-columns: 1fr; gap: .6rem; padding: 1.5rem 0; } .ads-service-difference-rows h3 { font-size: 1.25rem; } .ads-service-hero-actions > a { width: 100%; justify-content: center; } }

/* Antalya web tasarım hizmet sayfası */
.web-service-page { background-color: var(--surface); color: var(--navy); }
.web-service-hero { padding: 9.5rem 0 5rem; }
.web-service-hero-grid { display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 4rem; }
.web-service-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-bottom: 1.55rem; color: var(--blue); font-size: .72rem; font-weight: 600; }
.web-service-breadcrumb a { color: var(--blue); text-decoration: none; }
.web-service-breadcrumb i { color: var(--accent); font-size: .5rem; }
.web-service-eyebrow, .web-service-section-heading > span, .web-service-difference-intro span, .web-service-metrics > span, .web-service-scope-grid > div > span { color: var(--accent); font-size: .72rem; font-weight: 800; letter-spacing: .14em; }
.web-service-hero .web-service-eyebrow { margin: 0; }
.web-service-title { margin: .6rem 0 1.2rem; color: var(--navy); font-size: clamp(3rem, 5.8vw, 5.25rem); font-weight: 900; letter-spacing: -.07em; line-height: .98; }
.web-service-title strong { color: var(--accent); font-weight: inherit; }
.web-service-hero p { max-width: 660px; margin: 0; color: var(--blue); font-size: 1rem; line-height: 1.82; }
.web-service-hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.8rem; }
.web-service-whatsapp, .web-service-outline { display: inline-flex; align-items: center; gap: .65rem; min-height: 3.1rem; padding: .75rem 1rem; border-radius: var(--radius-soft); font-size: .8rem; font-weight: 800; text-decoration: none; }
.web-service-whatsapp { background-color: var(--accent); color: var(--surface); }
.web-service-whatsapp:hover, .web-service-whatsapp:focus-visible { background-color: var(--navy); color: var(--surface); }
.web-service-outline { border: 1px solid var(--line); color: var(--navy); }
.web-service-outline:hover, .web-service-outline:focus-visible { border-color: var(--accent); color: var(--accent); }
.web-service-visual { position: relative; min-height: 400px; overflow: hidden; border-radius: var(--radius-soft); background: linear-gradient(145deg, var(--navy), var(--blue)); box-shadow: 0 1.5rem 3rem rgba(16, 42, 67, .2); }
.web-service-visual::before { content: ''; position: absolute; width: 245px; height: 245px; right: -75px; bottom: -110px; border-radius: 50%; background-color: rgba(249, 115, 77, .25); }
.web-browser-top { position: absolute; z-index: 1; top: 61px; left: 50%; display: flex; align-items: center; gap: .35rem; width: 280px; height: 35px; padding: 0 .75rem; border-radius: 12px 12px 0 0; transform: translateX(-50%); background-color: #dce6ef; }
.web-browser-top i { color: var(--accent); font-size: .47rem; }
.web-browser-top i:nth-child(2) { color: var(--teal); }
.web-browser-top i:nth-child(3) { color: var(--blue); }
.web-browser-top span { margin-left: .45rem; padding: .25rem .55rem; border-radius: .3rem; background-color: var(--surface); color: var(--blue); font-size: .55rem; }
.web-browser-body { position: absolute; z-index: 1; top: 96px; left: 50%; display: grid; grid-template-columns: 48px 1fr; width: 280px; height: 220px; overflow: hidden; border-radius: 0 0 12px 12px; transform: translateX(-50%); background-color: var(--surface); box-shadow: 0 1rem 2rem rgba(0, 0, 0, .24); }
.web-browser-body aside { display: flex; flex-direction: column; align-items: center; gap: 1.1rem; padding-top: 1.2rem; background-color: var(--blue); color: var(--line); font-size: .75rem; }
.web-browser-body aside i:first-child { color: var(--accent); }
.web-browser-body > div { position: relative; padding: 1.65rem 1.25rem; background: linear-gradient(135deg, #f9fafc, #e6edf3); }
.web-browser-label { color: var(--accent); font-size: .5rem; font-weight: 800; letter-spacing: .1em; }
.web-browser-body strong { display: block; margin-top: .6rem; color: var(--navy); font-size: 1.65rem; font-weight: 900; letter-spacing: -.06em; line-height: 1; }
.web-browser-body em { position: absolute; bottom: 32px; left: 1.25rem; width: 115px; height: 9px; border-radius: 99px; background-color: var(--accent); }
.web-browser-body b { position: absolute; right: 1.25rem; bottom: 32px; width: 51px; height: 51px; border-radius: 12px; background: linear-gradient(145deg, var(--teal), var(--blue)); }
.web-service-chip { position: absolute; z-index: 2; display: flex; align-items: center; gap: .55rem; padding: .8rem .9rem; border-radius: var(--radius-soft); background-color: var(--surface); box-shadow: 0 .9rem 1.8rem rgba(0, 0, 0, .16); color: var(--navy); font-size: .65rem; font-weight: 800; }
.web-service-chip i { color: var(--accent); font-size: 1rem; }
.web-chip-top { top: 40px; right: 28px; }
.web-chip-bottom { bottom: 43px; left: 30px; }
.web-service-problems { padding: 5.5rem 0; background-color: var(--line); }
.web-service-two-column { display: grid; grid-template-columns: .8fr 1.2fr; gap: 5rem; }
.web-service-section-heading h2 { margin: .8rem 0 0; color: var(--navy); font-size: clamp(2.3rem, 4.7vw, 4rem); font-weight: 900; letter-spacing: -.07em; line-height: 1.02; }
.web-service-section-heading h2 strong { color: var(--accent); font-weight: inherit; }
.web-service-problem-list { display: flex; flex-direction: column; align-items: flex-end; gap: .8rem; }
.web-service-problem-list p, .web-service-problem-list div { width: 91%; margin: 0; padding: 1rem 1.2rem; border: 1px solid #d5dfe7; border-radius: var(--radius-soft); background-color: var(--surface); color: var(--navy); font-size: .88rem; font-weight: 600; line-height: 1.55; }
.web-service-problem-list p:nth-child(2) { width: 82%; }
.web-service-problem-list p:nth-child(4) { width: 68%; }
.web-service-problem-list div { width: 100%; margin-top: .9rem; border-left: 3px solid var(--accent); color: var(--blue); font-weight: 500; }
.web-service-difference { padding: 5.5rem 0; background-color: var(--surface); }
.web-service-difference-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; padding-bottom: 2.5rem; border-bottom: 1px solid var(--line); }
.web-service-difference-intro h2 { margin: .65rem 0 0; color: var(--navy); font-size: clamp(2.3rem, 4.6vw, 4rem); font-weight: 900; letter-spacing: -.07em; }
.web-service-difference-intro h2 strong { color: var(--accent); font-weight: inherit; }
.web-service-difference-intro p { margin: 0; color: var(--blue); font-size: .95rem; line-height: 1.85; }
.web-service-difference-rows article { display: grid; grid-template-columns: 4rem minmax(170px, .6fr) 1.4fr; gap: 1.35rem; padding: 2rem .8rem; border-bottom: 1px solid var(--line); }
.web-service-difference-rows span { color: var(--accent); font-size: .76rem; font-weight: 800; }
.web-service-difference-rows h3 { margin: 0; color: var(--navy); font-size: 1.45rem; font-weight: 800; letter-spacing: -.04em; }
.web-service-difference-rows p { margin: 0; color: var(--blue); font-size: .84rem; line-height: 1.75; }
.web-service-metrics { padding: 5.5rem 0; background: linear-gradient(135deg, var(--navy), var(--blue)); color: var(--surface); }
.web-service-metrics h2 { margin: .75rem 0 1rem; color: var(--surface); font-size: clamp(2.5rem, 5.1vw, 4.6rem); font-weight: 900; letter-spacing: -.07em; line-height: 1.02; }
.web-service-metrics h2 strong { color: var(--accent); font-weight: inherit; }
.web-service-metrics > p { max-width: 720px; margin: 0; color: var(--line); font-size: .98rem; line-height: 1.8; }
.web-service-metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 3.5rem; }
.web-service-metric-grid article { min-height: 265px; padding: 1.55rem; border: 1px solid rgba(232, 238, 243, .2); border-radius: var(--radius-soft); background-color: rgba(16, 42, 67, .18); }
.web-service-metric-grid span { color: var(--accent); font-size: .78rem; font-weight: 800; }
.web-service-metric-grid h3 { margin: 1.2rem 0 .9rem; padding-bottom: .9rem; border-bottom: 1px solid rgba(232, 238, 243, .18); color: var(--surface); font-size: 1.05rem; font-weight: 800; }
.web-service-metric-grid p { margin: 0; color: var(--line); font-size: .78rem; line-height: 1.78; }
.web-service-metrics-note { margin-top: 1.3rem; padding: 1.1rem 1.35rem; border-left: 3px solid var(--accent); background-color: rgba(247, 249, 252, .08); color: var(--surface); font-size: .85rem; font-weight: 600; line-height: 1.7; }
.web-service-scope { padding: 5.5rem 0; background-color: var(--surface); }
.web-service-scope-grid { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 5rem; }
.web-service-scope h2 { margin: .7rem 0 1.2rem; color: var(--navy); font-size: clamp(2.4rem, 4.8vw, 4.1rem); font-weight: 900; letter-spacing: -.07em; line-height: 1.02; }
.web-service-scope h2 strong { color: var(--accent); font-weight: inherit; }
.web-service-scope p { max-width: 660px; margin: 0 0 1rem; color: var(--blue); font-size: .91rem; line-height: 1.85; }
.web-service-scope-grid > div > a { display: inline-flex; align-items: center; gap: .65rem; margin-top: 1rem; padding: .8rem 1rem; border-radius: var(--radius-soft); background-color: var(--accent); color: var(--surface); font-size: .82rem; font-weight: 800; text-decoration: none; }
.web-service-scope-grid > div > a:hover { background-color: var(--navy); color: var(--surface); }
.web-service-scope aside { padding: 1.8rem; border-radius: var(--radius-soft); background-color: var(--navy); box-shadow: 0 1rem 2.5rem rgba(16, 42, 67, .16); }
.web-service-scope aside > strong { color: var(--surface); font-size: .88rem; }
.web-service-scope aside ul { margin: 1rem 0 0; padding: 0; list-style: none; }
.web-service-scope aside li { position: relative; padding: 1rem 0 1rem 2.5rem; border-top: 1px solid rgba(232, 238, 243, .16); color: var(--line); font-size: .82rem; font-weight: 600; line-height: 1.55; }
.web-service-scope aside li::before { content: '\f00c'; position: absolute; top: .85rem; left: 0; display: grid; width: 1.6rem; height: 1.6rem; place-items: center; border-radius: 50%; background-color: rgba(249, 115, 77, .16); color: var(--accent); font-family: 'Font Awesome 7 Free'; font-size: .65rem; font-weight: 900; }
.web-service-faq { padding: 5.5rem 0; background-color: var(--line); }
.web-service-faq-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 5rem; }
.web-service-accordion .accordion-item { margin-bottom: .75rem; overflow: hidden; border: 1px solid #d5dfe7; border-radius: var(--radius-soft) !important; background-color: var(--surface); }
.web-service-accordion .accordion-button { padding: 1.25rem 1.4rem; background-color: var(--surface); color: var(--navy); box-shadow: none; font-size: .86rem; font-weight: 800; }
.web-service-accordion .accordion-button:not(.collapsed) { color: var(--accent); }
.web-service-accordion .accordion-button::after { width: 1.8rem; height: 1.8rem; border: 1px solid var(--line); border-radius: 50%; background-position: center; background-size: .7rem; }
.web-service-accordion .accordion-body { padding: 0 1.4rem 1.25rem; color: var(--blue); font-size: .84rem; line-height: 1.75; }
@media (max-width: 991px) { .web-service-hero-grid, .web-service-two-column, .web-service-scope-grid, .web-service-faq-grid { grid-template-columns: 1fr; gap: 2.5rem; } .web-service-difference-intro { grid-template-columns: 1fr; gap: 1.5rem; } .web-service-metric-grid { grid-template-columns: 1fr; } .web-service-metric-grid article { min-height: auto; } }
@media (max-width: 767px) { .web-service-hero { padding-top: 8rem; } .web-service-visual { min-height: 330px; } .web-browser-top, .web-browser-body { transform: translateX(-50%) scale(.86); transform-origin: top center; } .web-chip-top { top: 30px; right: 18px; } .web-chip-bottom { bottom: 30px; left: 18px; } .web-service-problem-list p, .web-service-problem-list p:nth-child(2), .web-service-problem-list p:nth-child(4) { width: 100%; } .web-service-difference-rows article { grid-template-columns: 1fr; gap: .6rem; padding: 1.5rem 0; } .web-service-difference-rows h3 { font-size: 1.25rem; } .web-service-hero-actions > a { width: 100%; justify-content: center; } }

/* Misyon ve vizyon sayfası */
.mission-page { background-color: var(--surface); color: var(--navy); }
.mission-hero { padding: 9.5rem 0 4.5rem; background: linear-gradient(145deg, var(--surface) 0%, #edf3f6 100%); }
.mission-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-bottom: 1.6rem; color: var(--blue); font-size: .72rem; font-weight: 600; }
.mission-breadcrumb a { color: var(--blue); text-decoration: none; }
.mission-breadcrumb i { color: var(--teal); font-size: .5rem; }
.mission-hero > .container > span, .mission-card-label, .mission-principles-intro > span { color: var(--teal); font-size: .72rem; font-weight: 800; letter-spacing: .14em; }
.mission-hero h1 { max-width: 900px; margin: .65rem 0 1.25rem; color: var(--navy); font-size: clamp(3rem, 6vw, 5.5rem); font-weight: 900; letter-spacing: -.075em; line-height: .98; }
.mission-hero h1 strong { color: var(--accent); font-weight: inherit; }
.mission-hero p { max-width: 740px; margin: 0; color: var(--blue); font-size: 1rem; line-height: 1.85; }
.mission-statement { padding: 5.5rem 0; }
.mission-statement-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.mission-card { min-height: 490px; padding: 2.25rem; border-radius: var(--radius-soft); }
.mission-card-mission { background-color: var(--navy); color: var(--surface); }
.mission-card-vision { background-color: var(--blue); color: var(--surface); }
.mission-card-icon { display: grid; width: 3.3rem; height: 3.3rem; margin-bottom: 2.5rem; place-items: center; border-radius: 1rem; background-color: rgba(255, 255, 255, .1); color: var(--teal); font-size: 1.25rem; }
.mission-card-vision .mission-card-icon { color: var(--accent); }
.mission-card h2 { margin: .8rem 0 1.15rem; color: var(--surface); font-size: clamp(1.9rem, 3.5vw, 3rem); font-weight: 900; letter-spacing: -.065em; line-height: 1.03; }
.mission-card h2 strong { color: var(--teal); font-weight: inherit; }
.mission-card-vision h2 strong { color: var(--accent); }
.mission-card p { margin: 0; color: var(--line); font-size: .88rem; line-height: 1.8; }
.mission-card ul { display: grid; gap: .65rem; margin: 1.65rem 0 0; padding: 0; list-style: none; }
.mission-card li { position: relative; padding-left: 1.5rem; color: var(--surface); font-size: .78rem; font-weight: 700; }
.mission-card li::before { content: ''; position: absolute; top: .32rem; left: 0; width: .5rem; height: .5rem; border-radius: 50%; background-color: var(--teal); }
.mission-card-vision li::before { background-color: var(--accent); }
.mission-principles { padding: 5.5rem 0; background-color: var(--line); }
.mission-principles-intro { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2.6rem; }
.mission-principles-intro h2 { margin: .65rem 0 0; color: var(--navy); font-size: clamp(2.3rem, 4.5vw, 4rem); font-weight: 900; letter-spacing: -.07em; line-height: 1.02; }
.mission-principles-intro h2 strong { color: var(--accent); font-weight: inherit; }
.mission-principles-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #d5dfe7; }
.mission-principles-grid article { min-height: 205px; padding: 1.75rem; border-right: 1px solid #d5dfe7; }
.mission-principles-grid article:first-child { padding-left: 0; }
.mission-principles-grid article:last-child { border-right: 0; }
.mission-principles-grid span { color: var(--teal); font-size: .75rem; font-weight: 800; }
.mission-principles-grid h3 { margin: .85rem 0 .65rem; color: var(--navy); font-size: 1.25rem; font-weight: 800; letter-spacing: -.04em; }
.mission-principles-grid p { margin: 0; color: var(--blue); font-size: .82rem; line-height: 1.75; }
@media (max-width: 991px) { .mission-statement-grid { grid-template-columns: 1fr; } .mission-card { min-height: auto; } }
@media (max-width: 767px) { .mission-hero { padding-top: 8rem; } .mission-statement { padding: 3.75rem 0; } .mission-card { padding: 1.6rem; } .mission-card-icon { margin-bottom: 1.7rem; } .mission-principles { padding: 3.75rem 0; } .mission-principles-intro { display: block; } .mission-principles-grid { grid-template-columns: 1fr; } .mission-principles-grid article, .mission-principles-grid article:first-child { min-height: auto; padding: 1.5rem 0; border-right: 0; border-bottom: 1px solid #d5dfe7; } .mission-principles-grid article:last-child { border-bottom: 0; } }

/* Referanslar sayfası */
.references-page { background-color: var(--surface); color: var(--navy); }
.references-page-hero { padding: 9.5rem 0 4.5rem; background: linear-gradient(145deg, var(--surface) 0%, #edf3f6 100%); }
.references-page-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-bottom: 1.6rem; color: var(--blue); font-size: .72rem; font-weight: 600; }
.references-page-breadcrumb a { color: var(--blue); text-decoration: none; }
.references-page-breadcrumb i { color: var(--teal); font-size: .5rem; }
.references-page-hero > .container > span, .references-page-intro > span, .references-process-grid > div > span, .references-page-cta span { color: var(--teal); font-size: .72rem; font-weight: 800; letter-spacing: .14em; }
.references-page-hero h1 { margin: .65rem 0 1.25rem; color: var(--navy); font-size: clamp(3rem, 6vw, 5.5rem); font-weight: 900; letter-spacing: -.075em; line-height: .98; }
.references-page-hero h1 strong { color: var(--accent); font-weight: inherit; }
.references-page-hero p { max-width: 745px; margin: 0; color: var(--blue); font-size: 1rem; line-height: 1.85; }
.references-page-grid-section { padding: 5.5rem 0; }
.references-page-intro { display: grid; grid-template-columns: .8fr 1.2fr; align-items: end; gap: 3rem; margin-bottom: 2.2rem; }
.references-page-intro p { max-width: 650px; margin: 0; color: var(--blue); font-size: .95rem; line-height: 1.82; }
.references-page-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.references-page-card { scroll-margin-top: 6rem; display: flex; flex-direction: column; justify-content: space-between; min-height: 370px; padding: 1.75rem; border: 1px solid var(--line); border-radius: var(--radius-soft); background-color: #fff; transition: transform .25s ease, box-shadow .25s ease; }
.references-page-card:hover { transform: translateY(-.35rem); box-shadow: 0 1rem 2.4rem rgba(16, 42, 67, .1); }
.references-page-logo { display: grid; flex: 1; min-height: 165px; place-items: center; border-radius: 1rem; background-color: var(--surface); }
.references-page-logo img { max-width: 72%; max-height: 110px; object-fit: contain; }
.references-page-case { margin-top: 1.5rem; }
.references-page-card span { color: var(--teal); font-size: .7rem; font-weight: 800; letter-spacing: .1em; }
.references-page-card h2 { margin: .45rem 0 0; color: var(--navy); font-size: 1.35rem; font-weight: 800; letter-spacing: -.04em; }
.references-page-case ul { display: flex; flex-wrap: wrap; gap: .4rem; margin: .85rem 0; padding: 0; list-style: none; }
.references-page-case li { padding: .28rem .45rem; border-radius: .3rem; background: var(--line); color: var(--blue); font-size: .62rem; font-weight: 700; }
.references-page-case p { margin: 0; color: var(--blue); font-size: .76rem; line-height: 1.65; }
.references-process { padding: 5.5rem 0; background-color: var(--navy); }
.references-process-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 5rem; }
.references-process h2 { margin: .7rem 0 0; color: var(--surface); font-size: clamp(2.25rem, 4.4vw, 4rem); font-weight: 900; letter-spacing: -.07em; line-height: 1.02; }
.references-process h2 strong { color: var(--teal); font-weight: inherit; }
.references-process-list { display: grid; gap: 0; }
.references-process-list article { display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; padding: 1.35rem 0; border-top: 1px solid rgba(232, 238, 243, .18); }
.references-process-list article:last-child { border-bottom: 1px solid rgba(232, 238, 243, .18); }
.references-process-list > article > span { color: var(--teal); font-size: .75rem; font-weight: 800; }
.references-process-list h3 { margin: 0 0 .4rem; color: var(--surface); font-size: 1.05rem; font-weight: 800; }
.references-process-list p { margin: 0; color: var(--line); font-size: .82rem; line-height: 1.75; }
.references-page-cta { padding: 4.5rem 0; background-color: var(--blue); }
.references-page-cta > .container { display: flex; align-items: end; justify-content: space-between; gap: 2rem; }
.references-page-cta h2 { margin: .7rem 0 0; color: var(--surface); font-size: clamp(2rem, 4vw, 3.6rem); font-weight: 900; letter-spacing: -.07em; line-height: 1.03; }
.references-page-cta h2 strong { color: var(--accent); font-weight: inherit; }
.references-page-cta a { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .65rem; padding: .9rem 1.1rem; border-radius: var(--radius-soft); background-color: var(--accent); color: var(--surface); font-size: .82rem; font-weight: 800; text-decoration: none; }
.references-page-cta a:hover { background-color: var(--surface); color: var(--navy); }
@media (max-width: 991px) { .references-page-intro, .references-process-grid { grid-template-columns: 1fr; gap: 1.5rem; } .references-page-cta > .container { align-items: start; flex-direction: column; } }
@media (max-width: 767px) { .references-page-hero { padding-top: 8rem; } .references-page-grid-section, .references-process { padding: 3.75rem 0; } .references-page-grid { grid-template-columns: 1fr; } .references-page-card { min-height: 265px; } .references-page-cta { padding: 3.75rem 0; } }

/* Video prodüksiyon hizmet sayfası */
.video-page{background:var(--surface);color:var(--navy)}.video-hero{padding:9.5rem 0 5rem}.video-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:4rem}.video-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.55rem;color:var(--blue);font-size:.72rem;font-weight:600}.video-breadcrumb a{color:var(--blue);text-decoration:none}.video-breadcrumb i{color:var(--teal);font-size:.5rem}.video-hero>div>div>span,.video-heading>span,.video-process-intro span,.video-formats>span,.video-scope-grid>div>span{color:var(--teal);font-size:.72rem;font-weight:800;letter-spacing:.14em}.video-hero h1{margin:.6rem 0 1.2rem;font-size:clamp(3rem,5.8vw,5.25rem);font-weight:900;letter-spacing:-.07em;line-height:.98}.video-hero h1 strong,.video-heading h2 strong,.video-process h2 strong,.video-formats h2 strong,.video-scope h2 strong{color:var(--teal);font-weight:inherit}.video-hero p{max-width:660px;margin:0;color:var(--blue);font-size:1rem;line-height:1.82}.video-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.8rem}.video-actions a{display:inline-flex;align-items:center;gap:.65rem;min-height:3.1rem;padding:.75rem 1rem;border-radius:var(--radius-soft);font-size:.8rem;font-weight:800;text-decoration:none}.video-actions a:first-child{background:var(--teal);color:var(--surface)}.video-actions a:last-child{border:1px solid var(--line);color:var(--navy)}.video-visual{position:relative;min-height:400px;overflow:hidden;border-radius:var(--radius-soft);background:linear-gradient(145deg,var(--navy),var(--blue));box-shadow:0 1.5rem 3rem rgba(16,42,67,.2)}.video-screen{position:absolute;top:65px;left:50%;width:285px;height:255px;padding:1.15rem;overflow:hidden;transform:translateX(-50%);border-radius:14px;background:linear-gradient(140deg,#1f4e79,#102a43);box-shadow:0 1rem 2rem rgba(0,0,0,.25)}.video-screen:before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,transparent 48%,rgba(22,184,166,.28) 49%,transparent 52%)}.video-screen>span{position:relative;color:var(--accent);font-size:.65rem;font-weight:900;letter-spacing:.1em}.video-screen>i{position:absolute;top:50%;left:50%;display:grid;width:3.5rem;height:3.5rem;place-items:center;border-radius:50%;transform:translate(-50%,-50%);background:var(--surface);color:var(--teal);font-size:1rem}.video-screen strong{position:absolute;bottom:1.4rem;left:1.2rem;color:var(--surface);font-size:1.75rem;font-weight:900;letter-spacing:-.06em;line-height:.95}.video-screen em{position:absolute;right:1.15rem;bottom:1.25rem;color:var(--line);font-size:.62rem;font-style:normal}.video-float{position:absolute;z-index:1;display:flex;align-items:center;gap:.5rem;padding:.75rem .85rem;border-radius:var(--radius-soft);background:var(--surface);color:var(--navy);box-shadow:0 .8rem 1.6rem rgba(0,0,0,.15);font-size:.65rem;font-weight:800}.video-float i{color:var(--teal)}.video-float-top{top:36px;right:25px}.video-float-bottom{bottom:38px;left:28px}.video-needs{padding:5.5rem 0;background:var(--line)}.video-two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem}.video-heading h2{margin:.8rem 0 0;font-size:clamp(2.3rem,4.7vw,4rem);font-weight:900;letter-spacing:-.07em;line-height:1.02}.video-needs-list{display:flex;flex-direction:column;align-items:flex-end;gap:.8rem}.video-needs-list p,.video-needs-list div{width:91%;margin:0;padding:1rem 1.2rem;border:1px solid #d5dfe7;border-radius:var(--radius-soft);background:var(--surface);font-size:.88rem;font-weight:600;line-height:1.55}.video-needs-list p:nth-child(2){width:82%}.video-needs-list p:nth-child(4){width:68%}.video-needs-list div{width:100%;margin-top:.9rem;border-left:3px solid var(--teal);color:var(--blue);font-weight:500}.video-process{padding:5.5rem 0}.video-process-intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding-bottom:2.5rem;border-bottom:1px solid var(--line)}.video-process h2{margin:.65rem 0 0;font-size:clamp(2.3rem,4.6vw,4rem);font-weight:900;letter-spacing:-.07em}.video-process-intro p{margin:0;color:var(--blue);font-size:.95rem;line-height:1.85}.video-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.video-process-grid article{padding:1.5rem;border-left:1px solid var(--line)}.video-process-grid article:first-child{border-left:0;padding-left:0}.video-process-grid span,.video-format-grid span{color:var(--teal);font-size:.76rem;font-weight:800}.video-process-grid h3{margin:.8rem 0 .6rem;font-size:1.2rem;font-weight:800}.video-process-grid p{margin:0;color:var(--blue);font-size:.82rem;line-height:1.75}.video-formats{padding:5.5rem 0;background:linear-gradient(135deg,var(--navy),var(--blue));color:var(--surface)}.video-formats h2{margin:.75rem 0 1rem;font-size:clamp(2.5rem,5.1vw,4.6rem);font-weight:900;letter-spacing:-.07em;line-height:1.02}.video-formats>p{max-width:720px;margin:0;color:var(--line);font-size:.98rem;line-height:1.8}.video-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3.5rem}.video-format-grid article{min-height:235px;padding:1.55rem;border:1px solid rgba(232,238,243,.2);border-radius:var(--radius-soft);background:rgba(16,42,67,.18)}.video-format-grid h3{margin:1.2rem 0 .9rem;padding-bottom:.9rem;border-bottom:1px solid rgba(232,238,243,.18);font-size:1.05rem;font-weight:800}.video-format-grid p{margin:0;color:var(--line);font-size:.78rem;line-height:1.78}.video-scope{padding:5.5rem 0}.video-scope-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:5rem}.video-scope h2{margin:.7rem 0 1.2rem;font-size:clamp(2.4rem,4.8vw,4.1rem);font-weight:900;letter-spacing:-.07em;line-height:1.02}.video-scope p{max-width:660px;margin:0 0 1rem;color:var(--blue);font-size:.91rem;line-height:1.85}.video-scope-grid>div>a{display:inline-flex;align-items:center;gap:.65rem;margin-top:1rem;padding:.8rem 1rem;border-radius:var(--radius-soft);background:var(--teal);color:var(--surface);font-size:.82rem;font-weight:800;text-decoration:none}.video-scope aside{padding:1.8rem;border-radius:var(--radius-soft);background:var(--navy);box-shadow:0 1rem 2.5rem rgba(16,42,67,.16)}.video-scope aside>strong{color:var(--surface);font-size:.88rem}.video-scope aside ul{margin:1rem 0 0;padding:0;list-style:none}.video-scope aside li{position:relative;padding:1rem 0 1rem 2.5rem;border-top:1px solid rgba(232,238,243,.16);color:var(--line);font-size:.82rem;font-weight:600;line-height:1.55}.video-scope aside li:before{content:'\f00c';position:absolute;top:.85rem;left:0;display:grid;width:1.6rem;height:1.6rem;place-items:center;border-radius:50%;background:rgba(22,184,166,.18);color:var(--teal);font-family:'Font Awesome 7 Free';font-size:.65rem;font-weight:900}.video-faq{padding:5.5rem 0;background:var(--line)}.video-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:5rem}.video-accordion .accordion-item{margin-bottom:.75rem;overflow:hidden;border:1px solid #d5dfe7;border-radius:var(--radius-soft)!important;background:var(--surface)}.video-accordion .accordion-button{padding:1.25rem 1.4rem;background:var(--surface);color:var(--navy);box-shadow:none;font-size:.86rem;font-weight:800}.video-accordion .accordion-button:not(.collapsed){color:var(--teal)}.video-accordion .accordion-body{padding:0 1.4rem 1.25rem;color:var(--blue);font-size:.84rem;line-height:1.75}@media(max-width:991px){.video-hero-grid,.video-two-col,.video-scope-grid,.video-faq-grid{grid-template-columns:1fr;gap:2.5rem}.video-process-intro{grid-template-columns:1fr;gap:1.5rem}.video-process-grid,.video-format-grid{grid-template-columns:1fr}.video-process-grid article,.video-process-grid article:first-child{padding:1.25rem 0;border-left:0;border-bottom:1px solid var(--line)}.video-format-grid article{min-height:auto}}@media(max-width:767px){.video-hero{padding-top:8rem}.video-visual{min-height:330px}.video-screen{transform:translateX(-50%) scale(.85);transform-origin:top center}.video-float-top{top:22px;right:14px}.video-float-bottom{bottom:24px;left:14px}.video-needs-list p,.video-needs-list p:nth-child(2),.video-needs-list p:nth-child(4){width:100%}.video-actions>a{width:100%;justify-content:center}}

/* Grafik tasarım hizmet sayfası */
.graphic-page{background:var(--surface);color:var(--navy)}.graphic-hero{padding:9.5rem 0 5rem}.graphic-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:4rem}.graphic-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.55rem;color:var(--blue);font-size:.72rem;font-weight:600}.graphic-breadcrumb a{color:var(--blue);text-decoration:none}.graphic-breadcrumb i{color:var(--accent);font-size:.5rem}.graphic-hero>div>div>span,.graphic-section-heading>span,.graphic-system-intro span,.graphic-showcase>span,.graphic-scope-grid>div>span{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.14em}.graphic-hero h1{margin:.6rem 0 1.2rem;font-size:clamp(3rem,5.8vw,5.25rem);font-weight:900;letter-spacing:-.07em;line-height:.98}.graphic-hero h1 strong,.graphic-section-heading h2 strong,.graphic-system h2 strong,.graphic-showcase h2 strong,.graphic-scope h2 strong{color:var(--accent);font-weight:inherit}.graphic-hero p{max-width:660px;margin:0;color:var(--blue);font-size:1rem;line-height:1.82}.graphic-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.8rem}.graphic-actions a{display:inline-flex;align-items:center;gap:.65rem;min-height:3.1rem;padding:.75rem 1rem;border-radius:var(--radius-soft);font-size:.8rem;font-weight:800;text-decoration:none}.graphic-actions a:first-child{background:var(--accent);color:var(--surface)}.graphic-actions a:last-child{border:1px solid var(--line);color:var(--navy)}.graphic-visual{position:relative;min-height:400px;overflow:hidden;border-radius:var(--radius-soft);background:linear-gradient(145deg,var(--navy),var(--blue));box-shadow:0 1.5rem 3rem rgba(16,42,67,.2)}.graphic-canvas{position:absolute;top:63px;left:50%;width:285px;height:255px;overflow:hidden;padding:1.3rem;transform:translateX(-50%) rotate(-4deg);border-radius:14px;background:var(--surface);box-shadow:0 1rem 2rem rgba(0,0,0,.2)}.graphic-logo{display:inline-grid;width:2.4rem;height:2.4rem;place-items:center;border-radius:.7rem;background:var(--accent);color:var(--surface);font-size:.72rem;font-weight:900}.graphic-canvas strong{display:block;margin-top:2.5rem;color:var(--navy);font-size:2.35rem;font-weight:900;letter-spacing:-.08em;line-height:.9}.graphic-canvas i{position:absolute;display:block;border-radius:50%}.graphic-shape-one{width:95px;height:95px;right:-25px;bottom:-20px;background:var(--teal)}.graphic-shape-two{width:55px;height:55px;right:55px;bottom:55px;background:var(--accent)}.graphic-shape-three{width:35px;height:35px;left:30px;bottom:35px;background:var(--blue)}.graphic-float{position:absolute;z-index:1;display:flex;align-items:center;gap:.5rem;padding:.75rem .85rem;border-radius:var(--radius-soft);background:var(--surface);color:var(--navy);box-shadow:0 .8rem 1.6rem rgba(0,0,0,.15);font-size:.65rem;font-weight:800}.graphic-float i{color:var(--accent)}.graphic-float-top{top:36px;right:25px}.graphic-float-bottom{bottom:38px;left:28px}.graphic-needs{padding:5.5rem 0;background:var(--line)}.graphic-two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem}.graphic-section-heading h2{margin:.8rem 0 0;font-size:clamp(2.3rem,4.7vw,4rem);font-weight:900;letter-spacing:-.07em;line-height:1.02}.graphic-needs-list{display:flex;flex-direction:column;align-items:flex-end;gap:.8rem}.graphic-needs-list p,.graphic-needs-list div{width:91%;margin:0;padding:1rem 1.2rem;border:1px solid #d5dfe7;border-radius:var(--radius-soft);background:var(--surface);font-size:.88rem;font-weight:600;line-height:1.55}.graphic-needs-list p:nth-child(2){width:82%}.graphic-needs-list p:nth-child(4){width:68%}.graphic-needs-list div{width:100%;margin-top:.9rem;border-left:3px solid var(--accent);color:var(--blue);font-weight:500}.graphic-system{padding:5.5rem 0}.graphic-system-intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding-bottom:2.5rem;border-bottom:1px solid var(--line)}.graphic-system h2{margin:.65rem 0 0;font-size:clamp(2.3rem,4.6vw,4rem);font-weight:900;letter-spacing:-.07em}.graphic-system-intro p{margin:0;color:var(--blue);font-size:.95rem;line-height:1.85}.graphic-system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.graphic-system-grid article{padding:1.5rem;border-left:1px solid var(--line)}.graphic-system-grid article:first-child{border-left:0;padding-left:0}.graphic-system-grid span,.graphic-showcase-grid span{color:var(--accent);font-size:.76rem;font-weight:800}.graphic-system-grid h3{margin:.8rem 0 .6rem;font-size:1.2rem;font-weight:800}.graphic-system-grid p{margin:0;color:var(--blue);font-size:.82rem;line-height:1.75}.graphic-showcase{padding:5.5rem 0;background:linear-gradient(135deg,var(--navy),var(--blue));color:var(--surface)}.graphic-showcase h2{margin:.75rem 0 1rem;font-size:clamp(2.5rem,5.1vw,4.6rem);font-weight:900;letter-spacing:-.07em;line-height:1.02}.graphic-showcase>p{max-width:720px;margin:0;color:var(--line);font-size:.98rem;line-height:1.8}.graphic-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3.5rem}.graphic-showcase-grid article{min-height:235px;padding:1.55rem;border:1px solid rgba(232,238,243,.2);border-radius:var(--radius-soft);background:rgba(16,42,67,.18)}.graphic-showcase-grid h3{margin:1.2rem 0 .9rem;padding-bottom:.9rem;border-bottom:1px solid rgba(232,238,243,.18);font-size:1.05rem;font-weight:800}.graphic-showcase-grid p{margin:0;color:var(--line);font-size:.78rem;line-height:1.78}.graphic-scope{padding:5.5rem 0}.graphic-scope-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:5rem}.graphic-scope h2{margin:.7rem 0 1.2rem;font-size:clamp(2.4rem,4.8vw,4.1rem);font-weight:900;letter-spacing:-.07em;line-height:1.02}.graphic-scope p{max-width:660px;margin:0 0 1rem;color:var(--blue);font-size:.91rem;line-height:1.85}.graphic-scope-grid>div>a{display:inline-flex;align-items:center;gap:.65rem;margin-top:1rem;padding:.8rem 1rem;border-radius:var(--radius-soft);background:var(--accent);color:var(--surface);font-size:.82rem;font-weight:800;text-decoration:none}.graphic-scope aside{padding:1.8rem;border-radius:var(--radius-soft);background:var(--navy);box-shadow:0 1rem 2.5rem rgba(16,42,67,.16)}.graphic-scope aside>strong{color:var(--surface);font-size:.88rem}.graphic-scope aside ul{margin:1rem 0 0;padding:0;list-style:none}.graphic-scope aside li{position:relative;padding:1rem 0 1rem 2.5rem;border-top:1px solid rgba(232,238,243,.16);color:var(--line);font-size:.82rem;font-weight:600;line-height:1.55}.graphic-scope aside li:before{content:'\f00c';position:absolute;top:.85rem;left:0;display:grid;width:1.6rem;height:1.6rem;place-items:center;border-radius:50%;background:rgba(249,115,77,.16);color:var(--accent);font-family:'Font Awesome 7 Free';font-size:.65rem;font-weight:900}.graphic-faq{padding:5.5rem 0;background:var(--line)}.graphic-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:5rem}.graphic-accordion .accordion-item{margin-bottom:.75rem;overflow:hidden;border:1px solid #d5dfe7;border-radius:var(--radius-soft)!important;background:var(--surface)}.graphic-accordion .accordion-button{padding:1.25rem 1.4rem;background:var(--surface);color:var(--navy);box-shadow:none;font-size:.86rem;font-weight:800}.graphic-accordion .accordion-button:not(.collapsed){color:var(--accent)}.graphic-accordion .accordion-body{padding:0 1.4rem 1.25rem;color:var(--blue);font-size:.84rem;line-height:1.75}@media(max-width:991px){.graphic-hero-grid,.graphic-two-col,.graphic-scope-grid,.graphic-faq-grid{grid-template-columns:1fr;gap:2.5rem}.graphic-system-intro{grid-template-columns:1fr;gap:1.5rem}.graphic-system-grid,.graphic-showcase-grid{grid-template-columns:1fr}.graphic-system-grid article,.graphic-system-grid article:first-child{padding:1.25rem 0;border-left:0;border-bottom:1px solid var(--line)}.graphic-showcase-grid article{min-height:auto}}@media(max-width:767px){.graphic-hero{padding-top:8rem}.graphic-visual{min-height:330px}.graphic-canvas{transform:translateX(-50%) scale(.85);transform-origin:top center}.graphic-float-top{top:22px;right:14px}.graphic-float-bottom{bottom:24px;left:14px}.graphic-needs-list p,.graphic-needs-list p:nth-child(2),.graphic-needs-list p:nth-child(4){width:100%}.graphic-actions>a{width:100%;justify-content:center}}

/* Blog */
.blog-page{background:var(--surface);color:var(--navy)}.blog-hero,.blog-single-hero{padding:9.5rem 0 4.5rem;background:linear-gradient(145deg,var(--surface),#edf3f6)}.blog-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.6rem;color:var(--blue);font-size:.72rem;font-weight:600}.blog-breadcrumb a{color:var(--blue);text-decoration:none}.blog-breadcrumb i{color:var(--teal);font-size:.5rem}.blog-hero>.container>span,.blog-list-heading>span,.blog-sidebar-box>span,.blog-sidebar-cta>span,.blog-related>span{color:var(--teal);font-size:.72rem;font-weight:800;letter-spacing:.14em}.blog-hero h1{max-width:890px;margin:.65rem 0 1.2rem;font-size:clamp(3rem,6vw,5.5rem);font-weight:900;letter-spacing:-.075em;line-height:.98}.blog-hero h1 strong{color:var(--accent);font-weight:inherit}.blog-hero p,.blog-single-hero>div>p{max-width:745px;margin:0;color:var(--blue);font-size:1rem;line-height:1.85}.blog-layout-section,.blog-single-content-section{padding:5.5rem 0}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:3rem;align-items:start}.blog-list-heading{display:flex;justify-content:space-between;margin-bottom:1.5rem}.blog-list-heading p{margin:0;color:var(--blue);font-size:.78rem;font-weight:700}.blog-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.blog-card{display:flex;flex-direction:column;min-height:405px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-soft);background:#fff}.blog-card-top{display:flex;align-items:center;justify-content:space-between;min-height:116px;padding:1.25rem;color:var(--surface);text-decoration:none}.blog-card-top i{font-size:2.35rem}.blog-card-top span{padding:.4rem .55rem;border-radius:.5rem;background:rgba(255,255,255,.14);font-size:.62rem;font-weight:800;letter-spacing:.07em}.blog-card-teal .blog-card-top{background:linear-gradient(135deg,var(--navy),var(--teal))}.blog-card-orange .blog-card-top{background:linear-gradient(135deg,var(--navy),var(--accent))}.blog-card>div:last-child{display:flex;flex:1;flex-direction:column;padding:1.2rem}.blog-card-meta,.blog-single-meta{display:flex;flex-wrap:wrap;gap:.75rem;color:var(--blue);font-size:.68rem;font-weight:700}.blog-card-meta span:before{content:'•';margin-right:.75rem;color:var(--teal)}.blog-card h2{margin:.8rem 0 .65rem;font-size:1.16rem;font-weight:800;letter-spacing:-.04em;line-height:1.32}.blog-card h2 a{color:var(--navy);text-decoration:none}.blog-card h2 a:hover{color:var(--teal)}.blog-card p{margin:0;color:var(--blue);font-size:.79rem;line-height:1.72}.blog-read-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:auto;padding-top:1rem;color:var(--teal);font-size:.75rem;font-weight:800;text-decoration:none}.blog-sidebar{display:grid;gap:1rem}.blog-sidebar-box{padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius-soft);background:#fff}.blog-sidebar-box nav{display:grid;margin-top:.85rem}.blog-sidebar-box nav a{display:flex;align-items:center;justify-content:space-between;padding:.72rem 0;border-top:1px solid var(--line);color:var(--navy);font-size:.78rem;font-weight:700;text-decoration:none}.blog-sidebar-box nav a:hover{color:var(--teal)}.blog-sidebar-box small{display:grid;width:1.35rem;height:1.35rem;place-items:center;border-radius:50%;background:var(--line);color:var(--blue);font-size:.6rem}.blog-sidebar-recent{display:grid;gap:0}.blog-sidebar-recent>a{display:grid;grid-template-columns:1.65rem minmax(0,1fr);gap:.65rem;align-items:start;padding:1rem 0;border-top:1px solid var(--line);color:var(--navy);text-decoration:none}.blog-sidebar-recent>a:first-of-type{margin-top:.1rem}.blog-sidebar-recent>a:hover strong{color:var(--teal)}.blog-sidebar-recent>a>i{margin-top:.18rem;color:var(--teal);font-size:.92rem}.blog-sidebar-recent-content{display:grid;min-width:0;gap:.48rem}.blog-sidebar-recent strong{display:block;font-size:.75rem;line-height:1.42}.blog-sidebar-recent-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .48rem;color:var(--blue);font-size:.61rem;font-weight:700;line-height:1.3}.blog-sidebar-recent-meta span{color:var(--teal);font-weight:800}.blog-sidebar-recent-meta time,.blog-sidebar-recent-meta small{display:inline-flex;align-items:center;margin:0;padding:0;background:none;color:var(--blue);font-size:inherit;font-weight:inherit}.blog-sidebar-recent-meta time:before,.blog-sidebar-recent-meta small:before{content:'•';margin-right:.48rem;color:#a8b8c5}.blog-sidebar-cta{display:grid;gap:.8rem;padding:1.25rem;border-radius:var(--radius-soft);background:var(--navy);color:var(--surface)}.blog-sidebar-cta strong{font-size:.95rem;line-height:1.45}.blog-sidebar-cta a,.blog-article-cta a{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem .8rem;border-radius:.65rem;background:var(--accent);color:var(--surface);font-size:.72rem;font-weight:800;text-decoration:none}.blog-single-hero h1{max-width:1000px;margin:1rem 0;font-size:clamp(2.5rem,5vw,4.8rem);font-weight:900;letter-spacing:-.07em;line-height:1.04}.blog-single-hero>div>p{margin-bottom:1.4rem}.blog-category-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.48rem .65rem;border-radius:.55rem;background:rgba(22,184,166,.12);color:var(--teal);font-size:.7rem;font-weight:800;text-decoration:none}.blog-single-meta span{display:inline-flex;align-items:center;gap:.35rem}.blog-single-meta i,.blog-article-lead i{color:var(--teal)}.blog-article-lead{display:flex;align-items:center;gap:.8rem;margin-bottom:2.3rem;padding:1.1rem 1.2rem;border-left:3px solid var(--teal);background:var(--line);font-size:.88rem}.blog-article section>h2{margin:2.1rem 0 .9rem;font-size:clamp(1.4rem,2.7vw,2.05rem);font-weight:900;letter-spacing:-.055em}.blog-article section>p{margin:0 0 1rem;color:var(--blue);font-size:.94rem;line-height:1.9}.blog-comments-closed{display:flex;gap:.8rem;margin-top:2.5rem;padding:1.2rem;border:1px solid var(--line);border-radius:var(--radius-soft);background:#fff}.blog-comments-closed>i{color:var(--accent);font-size:1.25rem}.blog-comments-closed strong{font-size:.85rem}.blog-comments-closed p{margin:.25rem 0 0;color:var(--blue);font-size:.78rem;line-height:1.6}.blog-article-cta{margin-top:1.1rem;padding:1.75rem;border-radius:var(--radius-soft);background:linear-gradient(135deg,var(--navy),var(--blue));color:var(--surface)}.blog-article-cta span{color:var(--teal);font-size:.65rem;font-weight:800;letter-spacing:.1em}.blog-article-cta h2{margin:.6rem 0 1rem;font-size:1.65rem;font-weight:900;letter-spacing:-.05em}.blog-article-cta h2 strong{color:var(--accent);font-weight:inherit}.blog-related{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}.blog-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem}.blog-related a{display:grid;gap:.45rem;min-height:128px;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-soft);background:#fff;color:var(--navy);text-decoration:none}.blog-related i{color:var(--teal)}.blog-related strong{font-size:.73rem;line-height:1.45}.blog-related small{color:var(--blue);font-size:.62rem}@media(max-width:991px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{grid-template-columns:repeat(2,1fr)}.blog-sidebar-cta{grid-column:span 2}}@media(max-width:767px){.blog-hero,.blog-single-hero{padding-top:8rem}.blog-layout-section,.blog-single-content-section{padding:3.75rem 0}.blog-card-grid,.blog-sidebar,.blog-related>div{grid-template-columns:1fr}.blog-sidebar-cta{grid-column:auto}.blog-card>div:last-child{min-height:250px}.blog-single-hero h1{font-size:clamp(2.25rem,10vw,3.3rem)}.blog-article section>p{font-size:.9rem}}

/* Özel yazılım hizmet sayfası */
.software-page { background-color: var(--surface); color: var(--navy); }
.software-hero { padding: 9.5rem 0 5rem; }.software-hero-grid { display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:4rem; }.software-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem; margin-bottom:1.55rem; color:var(--blue); font-size:.72rem; font-weight:600; }.software-breadcrumb a { color:var(--blue); text-decoration:none; }.software-breadcrumb i { color:var(--teal); font-size:.5rem; }.software-eyebrow,.software-heading>span,.software-approach-intro span,.software-benefits>span,.software-scope-grid>div>span { color:var(--teal); font-size:.72rem; font-weight:800; letter-spacing:.14em; }.software-hero h1 { margin:.6rem 0 1.2rem; color:var(--navy); font-size:clamp(3rem,5.8vw,5.25rem); font-weight:900; letter-spacing:-.07em; line-height:.98; }.software-hero h1 strong,.software-heading h2 strong,.software-approach h2 strong,.software-benefits h2 strong,.software-scope h2 strong { color:var(--teal); font-weight:inherit; }.software-hero p { max-width:660px; margin:0; color:var(--blue); font-size:1rem; line-height:1.82; }.software-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.8rem; }.software-whatsapp,.software-outline { display:inline-flex; align-items:center; gap:.65rem; min-height:3.1rem; padding:.75rem 1rem; border-radius:var(--radius-soft); font-size:.8rem; font-weight:800; text-decoration:none; }.software-whatsapp { background-color:var(--teal); color:var(--surface); }.software-whatsapp:hover { background-color:var(--navy); color:var(--surface); }.software-outline { border:1px solid var(--line); color:var(--navy); }.software-outline:hover { border-color:var(--teal); color:var(--teal); }
.software-visual { position:relative; min-height:400px; overflow:hidden; border-radius:var(--radius-soft); background:linear-gradient(145deg,var(--navy),var(--blue)); box-shadow:0 1.5rem 3rem rgba(16,42,67,.2); }.software-visual::after { content:''; position:absolute; width:230px; height:230px; right:-90px; bottom:-80px; border-radius:50%; background-color:rgba(22,184,166,.18); }.software-window { position:absolute; top:65px; left:50%; width:290px; height:255px; overflow:hidden; border-radius:13px; transform:translateX(-50%); background-color:var(--surface); box-shadow:0 1rem 2rem rgba(0,0,0,.25); }.software-window>div { display:flex; align-items:center; gap:.35rem; height:34px; padding:0 .7rem; background-color:#dce6ef; }.software-window>div i { width:.42rem; height:.42rem; border-radius:50%; background-color:var(--teal); }.software-window>div i:nth-child(2) { background-color:var(--accent); }.software-window>div span { margin-left:.45rem; color:var(--blue); font-size:.55rem; }.software-window aside { position:absolute; top:34px; bottom:0; width:46px; padding-top:1rem; background-color:var(--blue); }.software-window aside span { display:block; width:17px; height:17px; margin:0 auto 1.05rem; border-radius:.35rem; background-color:rgba(232,238,243,.55); }.software-window aside span:first-child { background-color:var(--teal); }.software-window section { padding:1.6rem 1.3rem 0 4.2rem; }.software-window small { color:var(--teal); font-size:.48rem; font-weight:800; letter-spacing:.1em; }.software-window strong { display:block; margin-top:.6rem; color:var(--navy); font-size:1.6rem; font-weight:900; letter-spacing:-.06em; line-height:1; }.software-window em { display:block; width:80px; height:9px; margin:1rem 0; border-radius:99px; background-color:var(--accent); }.software-window b { display:inline-block; width:27px; height:58px; margin-right:7px; border-radius:.35rem .35rem 0 0; background-color:var(--teal); }.software-window b:nth-of-type(2){height:37px;background-color:var(--blue)}.software-window b:nth-of-type(3){height:74px;background-color:var(--accent)}.software-float { position:absolute; z-index:1; display:flex; align-items:center; gap:.5rem; padding:.75rem .85rem; border-radius:var(--radius-soft); background-color:var(--surface); color:var(--navy); box-shadow:0 .8rem 1.6rem rgba(0,0,0,.15); font-size:.65rem; font-weight:800; }.software-float i { color:var(--teal); }.software-float-top{top:37px;right:25px}.software-float-bottom{bottom:38px;left:28px}
.software-problems{padding:5.5rem 0;background-color:var(--line)}.software-two-column{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem}.software-heading h2{margin:.8rem 0 0;color:var(--navy);font-size:clamp(2.3rem,4.7vw,4rem);font-weight:900;letter-spacing:-.07em;line-height:1.02}.software-problem-list{display:flex;flex-direction:column;align-items:flex-end;gap:.8rem}.software-problem-list p,.software-problem-list div{width:91%;margin:0;padding:1rem 1.2rem;border:1px solid #d5dfe7;border-radius:var(--radius-soft);background-color:var(--surface);color:var(--navy);font-size:.88rem;font-weight:600;line-height:1.55}.software-problem-list p:nth-child(2){width:82%}.software-problem-list p:nth-child(4){width:68%}.software-problem-list div{width:100%;margin-top:.9rem;border-left:3px solid var(--teal);color:var(--blue);font-weight:500}.software-approach{padding:5.5rem 0}.software-approach-intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding-bottom:2.5rem;border-bottom:1px solid var(--line)}.software-approach h2{margin:.65rem 0 0;color:var(--navy);font-size:clamp(2.3rem,4.6vw,4rem);font-weight:900;letter-spacing:-.07em}.software-approach-intro p{margin:0;color:var(--blue);font-size:.95rem;line-height:1.85}.software-approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.software-approach-grid article{padding:1.5rem;border-left:1px solid var(--line)}.software-approach-grid article:first-child{border-left:0;padding-left:0}.software-approach-grid span,.software-benefit-grid span{color:var(--teal);font-size:.76rem;font-weight:800}.software-approach-grid h3{margin:.8rem 0 .6rem;color:var(--navy);font-size:1.2rem;font-weight:800}.software-approach-grid p{margin:0;color:var(--blue);font-size:.82rem;line-height:1.75}.software-benefits{padding:5.5rem 0;background:linear-gradient(135deg,var(--navy),var(--blue));color:var(--surface)}.software-benefits h2{margin:.75rem 0 1rem;color:var(--surface);font-size:clamp(2.5rem,5.1vw,4.6rem);font-weight:900;letter-spacing:-.07em;line-height:1.02}.software-benefits>p{max-width:720px;margin:0;color:var(--line);font-size:.98rem;line-height:1.8}.software-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3.5rem}.software-benefit-grid article{min-height:245px;padding:1.55rem;border:1px solid rgba(232,238,243,.2);border-radius:var(--radius-soft);background-color:rgba(16,42,67,.18)}.software-benefit-grid h3{margin:1.2rem 0 .9rem;padding-bottom:.9rem;border-bottom:1px solid rgba(232,238,243,.18);color:var(--surface);font-size:1.05rem;font-weight:800}.software-benefit-grid p{margin:0;color:var(--line);font-size:.78rem;line-height:1.78}.software-scope{padding:5.5rem 0}.software-scope-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:5rem}.software-scope h2{margin:.7rem 0 1.2rem;color:var(--navy);font-size:clamp(2.4rem,4.8vw,4.1rem);font-weight:900;letter-spacing:-.07em;line-height:1.02}.software-scope p{max-width:660px;margin:0 0 1rem;color:var(--blue);font-size:.91rem;line-height:1.85}.software-scope-grid>div>a{display:inline-flex;align-items:center;gap:.65rem;margin-top:1rem;padding:.8rem 1rem;border-radius:var(--radius-soft);background-color:var(--teal);color:var(--surface);font-size:.82rem;font-weight:800;text-decoration:none}.software-scope-grid>div>a:hover{background-color:var(--navy);color:var(--surface)}.software-scope aside{padding:1.8rem;border-radius:var(--radius-soft);background-color:var(--navy);box-shadow:0 1rem 2.5rem rgba(16,42,67,.16)}.software-scope aside>strong{color:var(--surface);font-size:.88rem}.software-scope aside ul{margin:1rem 0 0;padding:0;list-style:none}.software-scope aside li{position:relative;padding:1rem 0 1rem 2.5rem;border-top:1px solid rgba(232,238,243,.16);color:var(--line);font-size:.82rem;font-weight:600;line-height:1.55}.software-scope aside li::before{content:'\f00c';position:absolute;top:.85rem;left:0;display:grid;width:1.6rem;height:1.6rem;place-items:center;border-radius:50%;background-color:rgba(22,184,166,.18);color:var(--teal);font-family:'Font Awesome 7 Free';font-size:.65rem;font-weight:900}.software-faq{padding:5.5rem 0;background-color:var(--line)}.software-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:5rem}.software-accordion .accordion-item{margin-bottom:.75rem;overflow:hidden;border:1px solid #d5dfe7;border-radius:var(--radius-soft)!important;background-color:var(--surface)}.software-accordion .accordion-button{padding:1.25rem 1.4rem;background-color:var(--surface);color:var(--navy);box-shadow:none;font-size:.86rem;font-weight:800}.software-accordion .accordion-button:not(.collapsed){color:var(--teal)}.software-accordion .accordion-body{padding:0 1.4rem 1.25rem;color:var(--blue);font-size:.84rem;line-height:1.75}@media(max-width:991px){.software-hero-grid,.software-two-column,.software-scope-grid,.software-faq-grid{grid-template-columns:1fr;gap:2.5rem}.software-approach-intro{grid-template-columns:1fr;gap:1.5rem}.software-approach-grid,.software-benefit-grid{grid-template-columns:1fr}.software-approach-grid article,.software-approach-grid article:first-child{padding:1.25rem 0;border-left:0;border-bottom:1px solid var(--line)}.software-benefit-grid article{min-height:auto}}@media(max-width:767px){.software-hero{padding-top:8rem}.software-visual{min-height:330px}.software-window{transform:translateX(-50%) scale(.85);transform-origin:top center}.software-float-top{top:25px;right:15px}.software-float-bottom{bottom:25px;left:15px}.software-problem-list p,.software-problem-list p:nth-child(2),.software-problem-list p:nth-child(4){width:100%}.software-actions>a{width:100%;justify-content:center}}