/* ═══════════════════════════════════════════
   mycode — main.css v1.1
   Dark · Minimal · Bold
   ═══════════════════════════════════════════ */

:root {
    --bg:       #0c0c0c;
    --bg2:      #111111;
    --bg3:      #181818;
    --surface:  #1c1c1c;
    --border:   #252525;
    --border2:  #333;
    --text:     #ebebeb;
    --muted:    #666;
    --muted2:   #999;
    --accent:   #c6f135;   /* acid lime — signature */
    --white:    #ffffff;

    --f-sans:    'Space Grotesk', sans-serif;
    --f-mono:    'Space Mono', monospace;

    --hh: 70px;           /* header height */
    --ease: cubic-bezier(.4,0,.2,1);
}

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
    background:var(--bg);
    color:var(--text);
    font-family:var(--f-sans);
    font-size:1rem;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
ul{list-style:none}

/* ── Container ── */
.mc-container{max-width:1280px;margin:0 auto;padding:0 48px}

/* ══════════════════════════════════════
   HEADER
══════════════════════════════════════ */
.mc-header{
    position:fixed;top:0;left:0;right:0;
    height:var(--hh);
    z-index:200;
    display:flex;align-items:center;
    border-bottom:1px solid transparent;
    transition:background .3s var(--ease),border-color .3s var(--ease);
}
.mc-header.is-scrolled{
    background:rgba(12,12,12,.95);
    backdrop-filter:blur(16px);
    border-color:var(--border);
}
.mc-header__inner{
    max-width:1280px;margin:0 auto;padding:0 48px;
    width:100%;
    display:flex;align-items:center;justify-content:space-between;
}

/* Logo */
.mc-logo{
    display:flex;align-items:center;gap:8px;
    font-family:var(--f-mono);font-weight:700;
}
.mc-logo__box{
    width:34px;height:34px;
    background:var(--accent);
    color:#000;
    font-size:.6rem;font-weight:700;letter-spacing:.05em;
    display:flex;align-items:center;justify-content:center;
}
.mc-logo__text{
    color:var(--white);
    font-size:1.1rem;letter-spacing:.18em;
}

/* Nav */
.mc-nav__list{
    display:flex;align-items:center;gap:36px;
}
.mc-nav__list a{
    font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;
    color:var(--muted);
    transition:color .2s;
    position:relative;
    padding-bottom:2px;
}
.mc-nav__list a::after{
    content:'';position:absolute;bottom:0;left:0;
    width:0;height:1px;
    background:var(--accent);
    transition:width .25s var(--ease);
}
.mc-nav__list a:hover,
.mc-nav__list .current-menu-item a{color:var(--white);}
.mc-nav__list a:hover::after,
.mc-nav__list .current-menu-item a::after{width:100%;}

/* Nav CTA link */
.mc-nav__cta{
    color:var(--white) !important;
    border:1px solid var(--border2);
    padding:8px 20px !important;
    transition:border-color .2s, color .2s !important;
}
.mc-nav__cta:hover{border-color:var(--accent) !important;color:var(--accent) !important;}
.mc-nav__cta::after{display:none !important;}

/* Burger */
.mc-burger{
    display:none;flex-direction:column;gap:7px;
    background:none;border:none;cursor:pointer;padding:4px;
}
.mc-burger__line{
    display:block;width:26px;height:1px;
    background:var(--white);
    transition:transform .3s var(--ease),opacity .3s;
}
.mc-burger.is-open .mc-burger__line:first-child{transform:translateY(8px) rotate(45deg);}
.mc-burger.is-open .mc-burger__line:last-child{transform:translateY(-8px) rotate(-45deg);}

/* ══════════════════════════════════════
   BUTTONS
══════════════════════════════════════ */
.mc-btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:13px 28px;
    font-family:var(--f-sans);font-size:.8rem;font-weight:600;
    letter-spacing:.08em;text-transform:uppercase;
    border:1px solid transparent;
    cursor:pointer;
    transition:all .22s var(--ease);
}
.mc-btn--accent{background:var(--accent);color:#000;border-color:var(--accent);}
.mc-btn--accent:hover{background:transparent;color:var(--accent);}
.mc-btn--outline{border-color:var(--border2);color:var(--text);}
.mc-btn--outline:hover{border-color:var(--accent);color:var(--accent);}
.mc-btn--ghost{color:var(--muted2);}
.mc-btn--ghost:hover{color:var(--white);}
.mc-btn--white{background:var(--white);color:#000;border-color:var(--white);}
.mc-btn--white:hover{background:var(--accent);border-color:var(--accent);}
.mc-arrow{transition:transform .2s;}
.mc-btn:hover .mc-arrow{transform:translateX(4px);}

/* ── Eyebrow ── */
.mc-eyebrow{
    font-family:var(--f-mono);font-size:.7rem;
    letter-spacing:.15em;text-transform:uppercase;
    color:var(--muted);margin-bottom:16px;display:block;
}

/* ── Section title ── */
.mc-section__title{
    font-size:clamp(2rem,4.5vw,3.8rem);
    font-weight:700;letter-spacing:-.03em;
    line-height:1.05;color:var(--white);
}
.mc-section{padding:120px 0;}

/* ══════════════════════════════════════
   HERO
══════════════════════════════════════ */
.mc-hero{
    min-height:100vh;
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-rows:1fr auto;
    padding:var(--hh) 48px 0;
    max-width:1280px;
    margin:0 auto;
    position:relative;
}

/* Huge bg text */
.mc-hero__bg-text{
    position:absolute;
    right:-20px;top:50%;
    transform:translateY(-50%);
    font-size:clamp(120px,20vw,240px);
    font-weight:700;letter-spacing:-.05em;
    color:transparent;
    -webkit-text-stroke:1px var(--border2);
    pointer-events:none;
    user-select:none;
    opacity:.35;
    z-index:0;
}

.mc-hero__content{
    grid-column:1;grid-row:1;
    display:flex;flex-direction:column;
    justify-content:center;
    padding:80px 0;
    position:relative;z-index:1;
}
.mc-hero__meta{
    display:flex;gap:24px;align-items:center;
    margin-bottom:36px;
}
.mc-hero__index{
    font-family:var(--f-mono);font-size:.75rem;
    color:var(--accent);letter-spacing:.1em;
}
.mc-hero__label{
    font-family:var(--f-mono);font-size:.7rem;
    color:var(--muted);letter-spacing:.1em;text-transform:uppercase;
}
.mc-hero__title{
    display:flex;flex-direction:column;
    margin-bottom:28px;
}
.mc-hero__title-pre{
    font-size:clamp(1rem,2vw,1.4rem);
    font-weight:300;letter-spacing:.3em;
    text-transform:uppercase;
    color:var(--muted2);
    font-family:var(--f-mono);
    margin-bottom:4px;
}
.mc-hero__title-name{
    font-size:clamp(80px,13vw,160px);
    font-weight:700;letter-spacing:-.04em;
    line-height:.9;
    color:var(--white);
}
.mc-hero__desc{
    max-width:420px;
    color:var(--muted2);
    font-size:1.1rem;line-height:1.7;
    margin-bottom:48px;
}
.mc-hero__actions{display:flex;gap:16px;flex-wrap:wrap;}

/* Sidebar */
.mc-hero__sidebar{
    grid-column:2;grid-row:1;
    display:flex;flex-direction:column;
    align-items:center;justify-content:space-between;
    padding:120px 0 60px;
    border-left:1px solid var(--border);
    margin-left:48px;
    padding-left:32px;
    position:relative;z-index:1;
}
.mc-hero__social{
    display:flex;flex-direction:column;gap:16px;
}
.mc-hero__social a{
    font-family:var(--f-mono);font-size:.65rem;
    letter-spacing:.1em;color:var(--muted);
    writing-mode:vertical-rl;
    transition:color .2s;
}
.mc-hero__social a:hover{color:var(--accent);}

.mc-hero__scroll-wrap{
    display:flex;flex-direction:column;
    align-items:center;gap:10px;
}
.mc-hero__scroll-text{
    font-family:var(--f-mono);font-size:.6rem;
    letter-spacing:.15em;text-transform:uppercase;
    color:var(--muted);
    writing-mode:vertical-rl;
}
.mc-hero__scroll-bar{
    width:1px;height:80px;
    background:var(--border2);
    overflow:hidden;
}
.mc-hero__scroll-indicator{
    width:100%;height:40%;
    background:var(--accent);
    animation:scroll-anim 2s ease-in-out infinite;
}
@keyframes scroll-anim{
    0%{transform:translateY(-100%);}
    100%{transform:translateY(300%);}
}

/* Stats bar */
.mc-hero__counter{
    grid-column:1 / -1;grid-row:2;
    display:flex;gap:0;
    border-top:1px solid var(--border);
    margin-top:40px;
}
.mc-stat{
    flex:1;
    padding:28px 0;
    display:flex;flex-direction:column;gap:4px;
    border-right:1px solid var(--border);
}
.mc-stat:last-child{border-right:none;}
.mc-stat__num{
    font-size:clamp(1.6rem,3vw,2.4rem);
    font-weight:700;letter-spacing:-.03em;
    color:var(--white);
}
.mc-stat__label{
    font-family:var(--f-mono);font-size:.7rem;
    letter-spacing:.1em;text-transform:uppercase;
    color:var(--muted);
}

/* ══════════════════════════════════════
   WORKS
══════════════════════════════════════ */
.mc-works{background:var(--bg2);}
.mc-section__top{
    display:flex;align-items:flex-end;
    justify-content:space-between;
    margin-bottom:48px;
    gap:24px;
}
.mc-works__list{
    display:flex;flex-direction:column;
    gap:0;
}
.mc-work-item{
    display:grid;
    grid-template-columns:60px 120px 1fr 60px;
    align-items:center;
    gap:32px;
    padding:28px 0;
    border-top:1px solid var(--border);
    transition:background .2s;
    cursor:pointer;
}
.mc-work-item:last-child{border-bottom:1px solid var(--border);}
.mc-work-item:hover{background:var(--bg3);padding-left:16px;padding-right:16px;margin:0 -16px;}

.mc-work-item__num{
    font-family:var(--f-mono);font-size:.75rem;
    color:var(--accent);letter-spacing:.1em;
}
.mc-work-item__thumb{
    width:120px;height:72px;
    overflow:hidden;background:var(--surface);
    flex-shrink:0;
}
.mc-work-item__thumb img{
    width:100%;height:100%;object-fit:cover;
    transition:transform .4s;
}
.mc-work-item:hover .mc-work-item__thumb img{transform:scale(1.05);}
.mc-work-item__thumb-placeholder{
    width:100%;height:100%;
    background:linear-gradient(135deg,var(--surface),var(--bg3));
}
.mc-work-item__title{
    font-size:1.25rem;font-weight:600;
    letter-spacing:-.02em;color:var(--white);
    margin-bottom:4px;
}
.mc-work-item__excerpt{
    font-size:.85rem;color:var(--muted);
}
.mc-work-item__link{
    width:48px;height:48px;
    border:1px solid var(--border2);
    display:flex;align-items:center;justify-content:center;
    font-size:1.2rem;color:var(--muted);
    margin-left:auto;
    transition:background .2s,color .2s,border-color .2s;
}
.mc-work-item:hover .mc-work-item__link{
    background:var(--accent);color:#000;border-color:var(--accent);
}

/* ══════════════════════════════════════
   ABOUT
══════════════════════════════════════ */
.mc-about{border-top:1px solid var(--border);}
.mc-about__inner{
    display:grid;grid-template-columns:1fr 1fr;
    gap:80px;align-items:start;
}
.mc-about__text{
    font-size:1.1rem;line-height:1.8;
    color:var(--muted2);margin-bottom:40px;
}
.mc-skills{display:flex;flex-direction:column;}
.mc-skills li{
    display:flex;align-items:center;justify-content:space-between;
    padding:14px 0;
    border-bottom:1px solid var(--border);
    font-size:.9rem;color:var(--muted2);
    transition:color .2s,padding-left .2s;
}
.mc-skills li:hover{color:var(--white);padding-left:8px;}
.mc-skills__tag{
    font-family:var(--f-mono);font-size:.65rem;
    letter-spacing:.1em;color:var(--muted);
    background:var(--surface);
    padding:3px 10px;
}

/* ══════════════════════════════════════
   CTA
══════════════════════════════════════ */
.mc-cta{
    background:var(--bg2);
    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
}
.mc-cta__inner{padding:120px 0;text-align:center;}
.mc-cta__title{
    font-size:clamp(2.5rem,6vw,6rem);
    font-weight:700;letter-spacing:-.04em;
    line-height:1.05;color:var(--white);
    margin-bottom:48px;
}
.mc-cta__title em{
    font-style:normal;
    -webkit-text-stroke:1px var(--white);
    color:transparent;
}

/* ══════════════════════════════════════
   FOOTER
══════════════════════════════════════ */
.mc-footer{border-top:1px solid var(--border);padding:40px 0;}
.mc-footer__inner{
    max-width:1280px;margin:0 auto;padding:0 48px;
    display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.mc-footer__copy{
    font-family:var(--f-mono);font-size:.7rem;
    color:var(--muted);letter-spacing:.05em;
}
.mc-footer__nav{display:flex;gap:28px;}
.mc-footer__nav a{
    font-size:.75rem;letter-spacing:.1em;
    text-transform:uppercase;color:var(--muted);
    transition:color .2s;
}
.mc-footer__nav a:hover{color:var(--accent);}

/* ── Page ── */
.mc-main{padding-top:calc(var(--hh)+60px);padding-bottom:120px;}
.mc-page-title{
    font-size:clamp(2rem,5vw,4rem);font-weight:700;
    letter-spacing:-.03em;margin-bottom:48px;
    padding-bottom:40px;border-bottom:1px solid var(--border);
    color:var(--white);
}
.mc-page-body{
    max-width:720px;color:var(--muted2);
    font-size:1.1rem;line-height:1.8;
}

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media(max-width:1024px){
    .mc-container,.mc-header__inner,.mc-footer__inner{padding-left:24px;padding-right:24px;}
    .mc-hero{padding-left:24px;padding-right:24px;grid-template-columns:1fr;}
    .mc-hero__bg-text{display:none;}
    .mc-hero__sidebar{display:none;}
    .mc-hero__counter{grid-column:1;}
    .mc-about__inner{grid-template-columns:1fr;gap:48px;}
}
@media(max-width:768px){
    .mc-nav{
        display:none;
        position:fixed;inset:var(--hh) 0 0 0;
        background:var(--bg);
        flex-direction:column;
        align-items:center;justify-content:center;
    }
    .mc-nav.is-open{display:flex;}
    .mc-nav__list{flex-direction:column;gap:28px;}
    .mc-nav__list a{font-size:1.4rem;letter-spacing:.05em;}
    .mc-burger{display:flex;}
    .mc-section__top{flex-direction:column;align-items:flex-start;}
    .mc-work-item{grid-template-columns:40px 1fr 40px;}
    .mc-work-item__thumb{display:none;}
    .mc-work-item:hover{padding-left:8px;padding-right:8px;margin:0 -8px;}
    .mc-footer__inner{flex-direction:column;text-align:center;gap:16px;}
    .mc-hero__title-name{font-size:clamp(60px,18vw,120px);}
}
@media(prefers-reduced-motion:reduce){
    *,*::before,*::after{animation:none!important;transition:none!important;}
}

/* ══════════════════════════════════════
   SERVICES
══════════════════════════════════════ */
.mc-services { background: var(--bg2); border-top: 1px solid var(--border); }
.mc-services__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: var(--border);
    border: 1px solid var(--border);
}
.mc-service-card {
    background: var(--bg2);
    padding: 40px 32px;
    display: flex; flex-direction: column; gap: 12px;
    transition: background .2s;
}
.mc-service-card:hover { background: var(--bg3); }
.mc-service-card__num {
    font-family: var(--f-mono); font-size: .7rem;
    color: var(--accent); letter-spacing: .1em;
}
.mc-service-card__title {
    font-size: 1.15rem; font-weight: 600;
    letter-spacing: -.02em; color: var(--white);
}
.mc-service-card__desc {
    font-size: .875rem; color: var(--muted2); line-height: 1.6; flex: 1;
}
.mc-service-card__link {
    font-size: .75rem; letter-spacing: .06em; text-transform: uppercase;
    color: var(--muted); transition: color .2s;
    margin-top: 8px;
}
.mc-service-card:hover .mc-service-card__link { color: var(--accent); }

/* ══════════════════════════════════════
   PROCESS
══════════════════════════════════════ */
.mc-process { background: var(--bg); border-top: 1px solid var(--border); }
.mc-process__steps { display: flex; flex-direction: column; }
.mc-process__step {
    display: grid; grid-template-columns: 80px 1fr;
    gap: 32px; align-items: start;
    padding: 40px 0;
    border-top: 1px solid var(--border);
}
.mc-process__step:last-child { border-bottom: 1px solid var(--border); }
.mc-process__num {
    font-family: var(--f-mono); font-size: 2rem;
    font-weight: 700; color: var(--border2);
    line-height: 1;
}
.mc-process__title {
    font-size: 1.25rem; font-weight: 600;
    color: var(--white); margin-bottom: 8px;
}
.mc-process__desc { color: var(--muted2); font-size: .95rem; line-height: 1.7; }

/* ══════════════════════════════════════
   ABOUT — papildymai
══════════════════════════════════════ */
.mc-about__links { display: flex; gap: 12px; margin-top: 24px; flex-wrap: wrap; }
.mc-btn--sm { padding: 10px 20px; font-size: .75rem; }

/* ══════════════════════════════════════
   REVIEWS
══════════════════════════════════════ */
.mc-reviews { background: var(--bg2); border-top: 1px solid var(--border); }
.mc-reviews__grid {
    display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 1px; background: var(--border);
    border: 1px solid var(--border);
    margin-top: 48px;
}
.mc-review {
    background: var(--bg2);
    padding: 40px 32px;
    display: flex; flex-direction: column; justify-content: space-between;
    gap: 32px;
}
.mc-review__text {
    font-size: 1rem; line-height: 1.8;
    color: var(--muted2);
    font-style: italic;
}
.mc-review__text::before { content: '\201C'; color: var(--accent); font-size: 2rem; line-height: 0; vertical-align: -.4em; margin-right: 4px; }
.mc-review__author { display: flex; flex-direction: column; gap: 4px; }
.mc-review__name {
    font-weight: 600; font-size: .9rem; color: var(--white);
}
.mc-review__site {
    font-family: var(--f-mono); font-size: .7rem;
    color: var(--muted); letter-spacing: .05em;
    transition: color .2s;
}
.mc-review__site:hover { color: var(--accent); }

/* CTA contacts */
.mc-cta__contacts { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }

/* Responsive papildymai */
@media(max-width: 900px) {
    .mc-services__grid { grid-template-columns: 1fr 1fr; }
    .mc-reviews__grid { grid-template-columns: 1fr; }
}
@media(max-width: 600px) {
    .mc-services__grid { grid-template-columns: 1fr; }
    .mc-process__step { grid-template-columns: 50px 1fr; gap: 16px; }
}