/* 47 Web Design V6.2 — final motion, portfolio & theme audit */
:root{--v62-ease:cubic-bezier(.2,.75,.25,1);--v62-ease-soft:cubic-bezier(.22,.61,.36,1);--v62-shadow:0 22px 64px rgba(0,0,0,.18)}
html{scroll-behavior:smooth}body{overflow-x:hidden}
main img{max-width:100%}
/* final light/dark tokens */
html[data-theme="light"]{--v62-card:#fff;--v62-card-soft:#f4f9fa;--v62-ink:#10272d;--v62-muted:#5d747a;--v62-line:#d8e5e7}
html[data-theme="dark"]{--v62-card:#0a1c22;--v62-card-soft:#0d242b;--v62-ink:#f2fbfb;--v62-muted:#9db3b8;--v62-line:#193a43}
html[data-theme="light"] :where(.service55,.p56-section,.p58-intro,.v5-portfolio-section,.v61-gallery,.about56){color:var(--v62-ink)}
html[data-theme="light"] :where(.service55,.p56-section,.p58-intro,.v5-portfolio-section,.v61-gallery,.about56) :where(p,li,small,.muted){color:var(--v62-muted)}
/* cinematic areas stay intentionally dark in BOTH themes */
html[data-theme="light"] :where(.section-dark,.v3-showcase,.v3-showcase-card,.s55-cinematic,.p62-dark-surface){--text:#f4fbfb;--muted:#a9c0c5;--line:#1b4650;--surface:#0a2027;--surface2:#0d2830;color:#f4fbfb!important}
html[data-theme="light"] .v3-showcase-card{background:rgba(5,24,30,.92)!important;border-color:#1c4a54!important;box-shadow:0 28px 90px rgba(5,24,30,.28)!important}
html[data-theme="light"] .v3-showcase-card :where(h1,h2,h3,strong){color:#f4fbfb!important}
html[data-theme="light"] .v3-showcase-card :where(p,small,span:not(.eyebrow)){color:#aac1c6!important}
html[data-theme="light"] .v3-mini-grid>div{background:#0a242c!important;border-color:#1d4d57!important;color:#f2fbfb!important}
html[data-theme="light"] .v3-mini-grid>div :where(strong,b){color:#f4fbfb!important}
html[data-theme="light"] .v3-mini-grid>div :where(span,p,small){color:#a8c0c5!important}
html[data-theme="light"] .section-dark :where(.card,.panel,.feature-card){background:#0b252d!important;color:#f2fbfb!important;border-color:#1b4a54!important}
/* service hero cards: no pale text on white */
html[data-theme="light"] .s55-hero-media figcaption{background:rgba(255,255,255,.94)!important;color:#10272d!important}
html[data-theme="light"] .s55-proof{background:#f2f8f9!important}
html[data-theme="light"] .s55-proof b{color:#10272d!important}html[data-theme="light"] .s55-proof span{color:#60767c!important}
/* portfolio hero — real project screenshot, no illustration/mock visual */
.p62-portfolio-slider{position:relative;min-width:0}
.p62-slider-shell{border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--surface) 92%,transparent);padding:12px;box-shadow:0 30px 90px rgba(0,0,0,.22);overflow:hidden}
.p62-browser{border:1px solid color-mix(in srgb,var(--line) 90%,transparent);border-radius:17px;overflow:hidden;background:#07171c}
.p62-browserbar{height:34px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#0a1c22;border-bottom:1px solid rgba(255,255,255,.08)}
.p62-browserbar i{width:7px;height:7px;border-radius:50%;display:block;background:#ff6969}.p62-browserbar i:nth-child(2){background:#ffd166}.p62-browserbar i:nth-child(3){background:#56dda0}.p62-browserbar span{margin-left:8px;font-size:9px;color:#849ba0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p62-stage{position:relative;aspect-ratio:16/10;background:#07171c;overflow:hidden}
.p62-stage img{width:100%;height:100%;display:block;object-fit:contain!important;object-position:center top!important;background:#07171c;transition:opacity .28s var(--v62-ease),transform .55s var(--v62-ease);transform:translateZ(0)}
.p62-stage.is-changing img{opacity:.12;transform:translateY(5px)}
.p62-caption{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end;padding:16px 4px 3px}.p62-caption .label{font-size:9px;letter-spacing:.14em;color:var(--brand);font-weight:900;text-transform:uppercase}.p62-caption strong{display:block;font-size:20px;margin-top:5px}.p62-caption small{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.p62-controls{display:flex;gap:7px}.p62-controls button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;transition:.22s var(--v62-ease)}.p62-controls button:hover{transform:translateY(-2px);border-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--surface))}
.p62-dots{display:flex;gap:6px;margin-top:10px}.p62-dot{border:0;padding:0;width:24px;height:4px;border-radius:99px;background:color-mix(in srgb,var(--muted) 28%,transparent);cursor:pointer;transition:.25s var(--v62-ease)}.p62-dot.active{width:42px;background:var(--brand)}
html[data-theme="light"] .p62-browser,html[data-theme="light"] .p62-stage,html[data-theme="light"] .p62-stage img{background:#edf5f6}.p62-slider-shell{color:var(--text)}
/* portfolio grid — equal cards, image itself, no browser-in-browser decoration */
#proiecte{scroll-margin-top:150px}.p62-projects-zone{padding-top:108px!important}.p62-grid{gap:28px!important;align-items:stretch}
.p62-grid .v5-project{display:flex;flex-direction:column;height:100%;border-radius:22px!important;background:var(--surface);overflow:hidden;border:1px solid var(--line);box-shadow:none;transition:transform .35s var(--v62-ease),box-shadow .35s var(--v62-ease),border-color .35s var(--v62-ease)}
.p62-grid .v5-project:hover{transform:translateY(-7px);box-shadow:0 28px 72px rgba(0,0,0,.18);border-color:color-mix(in srgb,var(--brand) 32%,var(--line))}
.p62-grid .v5-project-media{aspect-ratio:16/10!important;background:color-mix(in srgb,var(--surface2) 82%,#06151a);overflow:hidden;position:relative;border-radius:0!important}
.p62-grid .v5-project-media:before,.p62-grid .v5-project-media:after{display:none!important}
.p62-grid .v5-project-media img{width:100%;height:100%;display:block;object-fit:contain!important;object-position:center top!important;background:color-mix(in srgb,var(--surface2) 86%,#06151a);transform:none!important;transition:filter .28s ease,opacity .28s ease!important}
.p62-grid .v5-project:hover .v5-project-media img{transform:none!important;filter:saturate(1.05) contrast(1.02)}
.p62-grid .v5-project-copy{display:flex;flex-direction:column;flex:1;padding:24px 24px 26px!important}.p62-grid .v5-project p{min-height:0!important}.p62-grid .v5-project-actions{margin-top:auto;padding-top:20px}
.p62-grid .v5-region,.p62-grid .v5-status{bottom:12px}
.p62-filterbar{transition:box-shadow .3s var(--v62-ease),background .3s var(--v62-ease)}body.v62-scrolled .p62-filterbar{box-shadow:0 14px 40px rgba(0,0,0,.10)}
/* final motion system */
.v62-reveal{opacity:0;transform:translate3d(0,26px,0);transition:opacity .72s var(--v62-ease),transform .72s var(--v62-ease);transition-delay:var(--v62-delay,0ms);will-change:transform,opacity}.v62-reveal.v62-visible{opacity:1;transform:none}
.v62-reveal[data-v62-dir="left"]{transform:translate3d(-28px,0,0)}.v62-reveal[data-v62-dir="right"]{transform:translate3d(28px,0,0)}.v62-reveal[data-v62-dir="scale"]{transform:scale(.975) translateY(14px)}.v62-reveal.v62-visible{transform:none}
.v62-media-reveal{clip-path:inset(0 0 100% 0 round 20px);transition:clip-path .95s var(--v62-ease);will-change:clip-path}.v62-media-reveal.v62-visible{clip-path:inset(0 0 0 0 round 20px)}
.v62-heading{position:relative}.v62-heading:after{content:"";display:block;width:0;height:2px;margin-top:13px;background:linear-gradient(90deg,var(--brand),var(--brand2));transition:width .8s var(--v62-ease)}.v62-heading.v62-visible:after{width:min(110px,22%)}
.v62-card-glow{position:relative;isolation:isolate}.v62-card-glow:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(380px circle at var(--v62-x,50%) var(--v62-y,50%),rgba(47,221,218,.10),transparent 48%);opacity:0;transition:opacity .3s ease;z-index:-1}.v62-card-glow:hover:before{opacity:1}
.v62-parallax{transform:translate3d(0,var(--v62-parallax,0),0) scale(1.015);will-change:transform}
.btn,.nav55>a,.nav-services55>button,.mega55-item,.v5-project-actions a{transition:transform .2s var(--v62-ease),color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px)}
/* mobile final audit */
@media(max-width:900px){.p62-stage{aspect-ratio:4/3}.p62-caption{grid-template-columns:1fr}.p62-controls{justify-content:flex-start}.p62-projects-zone{padding-top:78px!important}.p62-grid{gap:20px!important}.p62-grid .v5-project-copy{padding:21px!important}.p62-grid .v5-project h3{font-size:22px}.p62-grid .v5-project-media{aspect-ratio:4/3!important}.p62-slider-shell{padding:9px}.p62-browserbar{height:30px}.v62-reveal[data-v62-dir="left"],.v62-reveal[data-v62-dir="right"]{transform:translate3d(0,20px,0)}}
@media(max-width:560px){.p62-stage{min-height:250px}.p62-caption strong{font-size:18px}.p62-dots{overflow:auto;padding-bottom:4px}.p62-projects-zone{padding-top:64px!important}.v5-tools-row{gap:12px}.v5-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v5-search{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.v62-reveal,.v62-media-reveal,.v62-heading:after,.v62-parallax,.btn,.v5-project{transition:none!important;animation:none!important;transform:none!important;opacity:1!important;clip-path:none!important}.v62-heading:after{width:min(110px,22%)}}