/* 47 Web Design V6.5 — original requests 1–7. New filename intentionally busts V6.3/V6.4 browser cache. */

/* 1. Homepage: visible motion without changing the layout */
.page65-home{--p65-ease:cubic-bezier(.2,.75,.25,1)}
.page65-home main>section.p65-reveal{opacity:0;transform:translateY(42px);transition:opacity .78s var(--p65-ease),transform .78s var(--p65-ease)}
.page65-home main>section.p65-reveal:nth-of-type(even){transform:translateY(34px) translateX(-18px)}
.page65-home main>section.p65-reveal:nth-of-type(odd){transform:translateY(34px) translateX(18px)}
.page65-home main>section.p65-reveal.p65-in{opacity:1;transform:none}
.page65-home .p65-stagger>*{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .62s var(--p65-ease),transform .62s var(--p65-ease)}
.page65-home .p65-stagger.p65-in>*{opacity:1;transform:none}
.page65-home .p65-stagger.p65-in>*:nth-child(2){transition-delay:.07s}.page65-home .p65-stagger.p65-in>*:nth-child(3){transition-delay:.14s}.page65-home .p65-stagger.p65-in>*:nth-child(4){transition-delay:.21s}.page65-home .p65-stagger.p65-in>*:nth-child(5){transition-delay:.28s}.page65-home .p65-stagger.p65-in>*:nth-child(6){transition-delay:.35s}
.page65-home .v3-slide.active .v3-hero-copy>*{animation:p65HeroCopy .72s var(--p65-ease) both}
.page65-home .v3-slide.active .v3-hero-copy>*:nth-child(2){animation-delay:.08s}.page65-home .v3-slide.active .v3-hero-copy>*:nth-child(3){animation-delay:.16s}.page65-home .v3-slide.active .v3-hero-copy>*:nth-child(4){animation-delay:.24s}.page65-home .v3-slide.active .v3-hero-copy>*:nth-child(5){animation-delay:.32s}
.page65-home .v3-slide.active .v3-hero-bg img{animation:p65HeroImage 9s ease-in-out infinite alternate}
.page65-home :is(.v3-service-card,.v5-method-card,.v5-tech-card,.v3-showcase-card){transition:transform .32s var(--p65-ease),border-color .32s,box-shadow .32s}
.page65-home :is(.v3-service-card,.v5-method-card,.v5-tech-card,.v3-showcase-card):hover{transform:translateY(-7px);box-shadow:0 26px 60px rgba(0,0,0,.2)}
@keyframes p65HeroCopy{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes p65HeroImage{from{transform:scale(1.025) translate3d(0,0,0)}to{transform:scale(1.065) translate3d(-.7%,.5%,0)}}

/* 2. Service hero art: ALWAYS complete, never cropped */
.page65-service .s55-hero-media{min-height:520px!important;padding:22px!important;overflow:visible!important;background:radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--s55) 14%,transparent),transparent 36%),var(--surface)!important}
.page65-service .s55-hero-media>img.service65-hero-art{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:500px!important;object-fit:contain!important;object-position:center!important;border-radius:22px}

/* 3. Generated service-specific visual assets */
.page65-service .s55-visual-media{height:auto!important;min-height:430px!important;padding:18px!important;overflow:visible!important;background:radial-gradient(circle at 20% 18%,color-mix(in srgb,var(--s55) 12%,transparent),transparent 34%),var(--surface)!important}
.page65-service .s55-visual-media img.service65-detail-art{display:block;width:100%!important;height:auto!important;max-height:500px!important;object-fit:contain!important;object-position:center!important;border-radius:20px}

/* 4. Portfolio stays dedicated: no portfolio CTA inside service content */
.page65-service main a[href*="portofoliu"]{display:none!important}

/* 5. Selected package is explicit in the quote form */
.quote65-selection{display:none;margin:0 0 28px;padding:22px 24px;border:1px solid color-mix(in srgb,var(--brand) 46%,var(--line));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 12%,var(--surface)),var(--surface));box-shadow:0 16px 40px rgba(0,0,0,.12)}
.quote65-selection.is-visible{display:block}
.quote65-selection small{display:block;color:var(--brand2);font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;margin-bottom:7px}
.quote65-selection strong{display:block;color:var(--text);font-size:clamp(22px,2vw,30px);line-height:1.15}
.quote65-selection p{margin:8px 0 0!important;color:var(--muted)!important;font-size:13px!important}

/* 6. Website Development architecture: full-width and intentional */
.page65-service .s55-architecture .s55-head{max-width:none!important;margin-bottom:34px!important}
.page65-service .s55-architecture .s55-arch{max-width:none!important;width:100%!important;margin:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}
.page65-service .s55-architecture .s55-arch article{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important;min-height:245px!important;padding:28px!important;border-radius:22px!important;background:linear-gradient(160deg,color-mix(in srgb,var(--s55) 7%,var(--surface)),var(--surface))!important}
.page65-service .s55-architecture .s55-arch article:before{display:none!important}.page65-service .s55-architecture .s55-arch article>b{margin:0 0 38px!important}.page65-service .s55-architecture .s55-arch h3{margin:0 0 10px!important}.page65-service .s55-architecture .s55-arch p{margin:0!important}

/* 7. Service-specific copy — avoid template feel */
.page65-service .s55-deliver>p{font-size:14px!important;line-height:1.7!important;max-width:620px}

@media(max-width:1100px){.page65-service .s55-hero-media{min-height:420px!important}.page65-service .s55-architecture .s55-arch{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page65-service .s55-architecture .s55-arch article:last-child{grid-column:1/-1}.page65-service .s55-visual-media{min-height:360px!important}}
@media(max-width:700px){.page65-service .s55-hero-media{min-height:300px!important;padding:10px!important}.page65-service .s55-architecture .s55-arch{grid-template-columns:1fr!important}.page65-service .s55-architecture .s55-arch article,.page65-service .s55-architecture .s55-arch article:last-child{grid-column:auto!important;min-height:0!important}.page65-service .s55-visual-media{min-height:260px!important;padding:8px!important}}
@media(prefers-reduced-motion:reduce){.page65-home main>section.p65-reveal,.page65-home .p65-stagger>*{opacity:1!important;transform:none!important;transition:none!important}.page65-home .v3-slide.active .v3-hero-copy>*,.page65-home .v3-slide.active .v3-hero-bg img{animation:none!important}}