:root{
    --paper:#FBFBF8;        /* popierius */
    --paper-2:#F1F0EA;      /* antrinis paviršius */
    --ink:#1a1a18;          /* firminė juoda (iš logo) */
    --ink-soft:#55555a;
    --line:#E2E0D7;
    --cyan:#009ee3;
    --magenta:#e5007d;
    --yellow:#ffed00;
    --radius:14px;
    --maxw:1140px;
    --hh:130px;
    --ease:cubic-bezier(.22,.61,.36,1);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:"Hanken Grotesk",system-ui,sans-serif;
    color:var(--ink);
    background:var(--paper);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    overflow-x:hidden;
  }
  h1,h2,h3{font-family:"Bricolage Grotesque",system-ui,sans-serif;line-height:1.02;font-weight:800;letter-spacing:-.02em}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
  .eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}

  /* ---------- HEADER ---------- */
  header.site{position:sticky;top:0;z-index:50;background:rgba(251,251,248,.82);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line)}
  .bar{display:flex;align-items:center;justify-content:space-between;height:var(--hh)}
  .brand{display:flex;align-items:center;gap:10px;font-family:"Bricolage Grotesque";font-weight:800;font-size:1.32rem;letter-spacing:-.02em}
  .brand-logo{height:114px;width:auto;display:block}
  .foot-logo{height:92px;width:auto;display:block;margin-bottom:4px}
  .dots{position:relative;width:30px;height:24px;flex:none}
  .dots span{position:absolute;width:17px;height:17px;border-radius:50%;mix-blend-mode:multiply}
  .dots .c{left:0;top:0;background:var(--cyan)}
  .dots .m{left:9px;top:0;background:var(--magenta)}
  .dots .y{left:4.5px;top:8px;background:var(--yellow)}
  nav.main{display:flex;align-items:center;gap:30px}
  nav.main a{font-weight:600;font-size:.96rem;color:var(--ink-soft);transition:color .2s}
  nav.main a:hover{color:var(--ink)}
  .btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.96rem;padding:11px 20px;border-radius:999px;transition:transform .15s var(--ease),box-shadow .2s,background .2s;border:none;cursor:pointer}
  .btn-primary{background:var(--ink);color:var(--paper)}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(20,20,23,.55)}
  .btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
  .btn-ghost:hover{background:var(--ink);color:var(--paper)}
  .menu-toggle{display:none;background:none;border:none;cursor:pointer;width:42px;height:42px;color:var(--ink)}

  /* ---------- HERO ---------- */
  .hero{padding:78px 0 70px;position:relative}
  .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
  .hero h1{font-size:clamp(2.6rem,6.4vw,5rem);margin:18px 0 8px}
  /* CMYK „misregistracijos" parašas — pagrindinis akcentas: spalvotas spausdinimas */
  .cmyk{position:relative;display:inline-block}
  .cmyk > .base{position:relative;color:var(--ink)}
  .cmyk .ch{position:absolute;inset:0;mix-blend-mode:multiply;pointer-events:none}
  .cmyk .ch.c{color:var(--cyan);transform:translate(-3px,2px);animation:reg-c 1.1s var(--ease) .15s both}
  .cmyk .ch.m{color:var(--magenta);transform:translate(3px,-2px);animation:reg-m 1.1s var(--ease) .15s both}
  .cmyk .ch.y{color:var(--yellow);transform:translate(1px,3px);animation:reg-y 1.1s var(--ease) .15s both}
  @keyframes reg-c{from{transform:translate(-12px,7px);opacity:0}to{transform:translate(-3px,2px);opacity:1}}
  @keyframes reg-m{from{transform:translate(11px,-6px);opacity:0}to{transform:translate(3px,-2px);opacity:1}}
  @keyframes reg-y{from{transform:translate(3px,11px);opacity:0}to{transform:translate(1px,3px);opacity:1}}
  .hero p.lead{font-size:1.18rem;color:var(--ink-soft);max-width:34ch;margin:18px 0 26px}
  .hero-cta{display:flex;gap:14px;flex-wrap:wrap}
  .hero-trust{margin-top:26px;font-size:.92rem;color:var(--ink-soft);display:flex;gap:18px;flex-wrap:wrap}
  .hero-trust b{color:var(--ink)}

  /* Hero vizualas: spalvų lapų krūva */
  .hero-art{position:relative;height:360px}
  .sheet{position:absolute;border-radius:12px;border:1px solid var(--line);box-shadow:0 24px 50px -28px rgba(20,20,23,.5)}
  .sheet.s1{inset:30px 60px 60px 0;background:linear-gradient(135deg,var(--cyan),#0090d4)}
  .sheet.s2{inset:0 30px 90px 50px;background:linear-gradient(135deg,var(--magenta),#c00071);transform:rotate(4deg)}
  .sheet.s3{inset:70px 0 30px 90px;background:linear-gradient(135deg,var(--yellow),#e6b800);transform:rotate(-5deg)}
  .sheet .swatch-label{position:absolute;bottom:14px;left:16px;font-family:"Bricolage Grotesque";font-weight:800;color:#fff;opacity:.9;letter-spacing:.05em}
  .sheet.s3 .swatch-label{color:var(--ink)}

  /* ---------- SECTION ---------- */
  section{padding:74px 0}
  .sec-head{max-width:60ch;margin-bottom:42px}
  .sec-head h2{font-size:clamp(1.9rem,4vw,2.9rem);margin:10px 0 12px}
  .sec-head p{color:var(--ink-soft);font-size:1.08rem}

  /* ---------- SERVICES ---------- */
  .grid-services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;transition:transform .2s var(--ease),box-shadow .25s;position:relative;overflow:hidden}
  .card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(20,20,23,.4)}
  .card .tag{width:40px;height:40px;border-radius:10px;margin-bottom:18px;display:flex;align-items:center;justify-content:center}
  .card.c .tag{background:var(--cyan)} .card.m .tag{background:var(--magenta)} .card.y .tag{background:var(--yellow)}
  .card .tag svg{width:22px;height:22px;color:#fff}
  .card.y .tag svg{color:var(--ink)}
  .card h3{font-size:1.32rem;margin-bottom:8px}
  .card p{color:var(--ink-soft);font-size:.99rem}
  .card ul{list-style:none;margin-top:14px;display:flex;flex-wrap:wrap;gap:7px}
  .card li{font-size:.82rem;font-weight:600;background:var(--paper-2);padding:4px 10px;border-radius:999px;color:var(--ink-soft)}

  /* papildomos paslaugos */
  .extras{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}
  .extras .chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px;font-weight:600;font-size:.92rem}
  .extras .chip .d{width:9px;height:9px;border-radius:50%}

  /* ---------- SPECIALIZACIJA ---------- */
  .spec{background:var(--paper-2)}
  .spec .card{border-top:4px solid var(--line)}
  .spec .card.c{border-top-color:var(--cyan)}
  .spec .card.m{border-top-color:var(--magenta)}
  .spec .card.y{border-top-color:var(--yellow)}

  /* ---------- WHY ---------- */
  .why{background:var(--ink);color:var(--paper)}
  .why .sec-head h2{color:var(--paper)} .why .sec-head p{color:#a9a9b2}
  .why .eyebrow{color:#8b8b95}
  .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:8px}
  .why-item .n{font-family:"Bricolage Grotesque";font-size:2.6rem;font-weight:800;background:linear-gradient(120deg,var(--cyan),var(--magenta) 55%,var(--yellow));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
  .why-item h3{color:var(--paper);font-size:1.16rem;margin:10px 0 6px}
  .why-item p{color:#a9a9b2;font-size:.96rem}

  /* ---------- PRICING ---------- */
  .price-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
  table.price{width:100%;border-collapse:collapse}
  table.price th,table.price td{text-align:left;padding:16px 24px;border-bottom:1px solid var(--line)}
  table.price th{font-family:"Bricolage Grotesque";font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);background:var(--paper-2)}
  table.price tr:last-child td{border-bottom:none}
  table.price td:last-child{text-align:right;font-weight:700;white-space:nowrap}
  .price-note{font-size:.9rem;color:var(--ink-soft);margin-top:14px}

  /* ---------- FAQ ---------- */
  .faq-list{max-width:760px}
  details.faq{border-bottom:1px solid var(--line)}
  details.faq summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-family:"Bricolage Grotesque";font-weight:700;font-size:1.14rem;position:relative}
  details.faq summary::-webkit-details-marker{display:none}
  details.faq summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:1.6rem;font-weight:600;color:var(--magenta);transition:transform .2s}
  details.faq[open] summary::after{content:"–"}
  details.faq p{padding:0 40px 22px 0;color:var(--ink-soft)}

  /* ---------- CONTACT ---------- */
  .contact{background:var(--paper-2)}
  .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
  .contact-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px}
  .contact-card h3{font-size:1.4rem;margin-bottom:18px}
  .crow{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);align-items:flex-start}
  .crow:last-child{border-bottom:none}
  .crow .ic{flex:none;width:38px;height:38px;border-radius:10px;background:var(--paper-2);display:flex;align-items:center;justify-content:center;color:var(--ink)}
  .crow .ic svg{width:19px;height:19px}
  .crow .lbl{font-size:.8rem;color:var(--ink-soft);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
  .crow .val{font-weight:700;font-size:1.05rem}
  .crow .val a:hover{color:var(--magenta)}
  .send-box{background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:32px;display:flex;flex-direction:column;justify-content:center}
  .send-box h3{color:var(--paper);font-size:1.5rem;margin-bottom:10px}
  .send-box p{color:#a9a9b2;margin-bottom:22px}
  .send-box .btn-primary{background:var(--paper);color:var(--ink);align-self:flex-start}
  .send-box .btn-primary:hover{background:var(--cyan);color:#fff}

  /* ---------- FOOTER ---------- */
  footer.site{background:var(--ink);color:#a9a9b2;padding:54px 0 30px}
  .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px;margin-bottom:34px}
  footer.site .brand{color:var(--paper)}
  footer.site h4{color:var(--paper);font-family:"Bricolage Grotesque";font-size:.84rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}
  footer.site ul{list-style:none}
  footer.site li{margin-bottom:9px}
  footer.site a:hover{color:var(--paper)}
  .foot-desc{max-width:38ch;margin:14px 0;font-size:.95rem}
  .foot-bottom{border-top:1px solid #2a2a30;padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.86rem}

  /* ---------- RESPONSYVUMAS ---------- */
  @media(max-width:900px){
    .hero-grid{grid-template-columns:1fr;gap:30px}
    .hero-art{height:280px;order:-1}
    .grid-services{grid-template-columns:1fr}
    .why-grid{grid-template-columns:1fr 1fr;gap:26px}
    .contact-grid{grid-template-columns:1fr}
    .foot-grid{grid-template-columns:1fr;gap:26px}
    nav.main{position:fixed;inset:var(--hh) 0 auto 0;background:var(--paper);flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 20px;border-bottom:1px solid var(--line);transform:translateY(-120%);transition:transform .3s var(--ease);box-shadow:0 20px 40px -30px rgba(0,0,0,.5)}
    nav.main.open{transform:translateY(0)}
    nav.main a{padding:14px 0;border-bottom:1px solid var(--line)}
    nav.main .btn{margin-top:12px;justify-content:center}
    .menu-toggle{display:flex;align-items:center;justify-content:center}
    .nav-cta-desktop{display:none}
  }
  @media(max-width:560px){
    .why-grid{grid-template-columns:1fr}
    table.price th:nth-child(2),table.price td:nth-child(2){display:none}
  }
  @media(prefers-reduced-motion:reduce){
    *{animation:none!important;transition:none!important;scroll-behavior:auto}
    .cmyk .ch{opacity:1}
  }
  :focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:4px}

  /* ---------- POSEKCIJŲ / LANDING elementai ---------- */
  .card-link{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-weight:700;color:var(--ink);font-size:.95rem}
  .card-link:hover{color:var(--magenta)}
  .card-link svg{width:16px;height:16px}
  .crumbs{font-size:.9rem;color:var(--ink-soft);padding:22px 0 0}
  .crumbs a:hover{color:var(--ink)}
  .crumbs span{margin:0 8px;opacity:.5}
  .subhero{padding:34px 0 48px}
  .subhero h1{font-size:clamp(2.2rem,5vw,3.6rem);margin:14px 0 14px;max-width:18ch}
  .subhero .lead{font-size:1.16rem;color:var(--ink-soft);max-width:48ch;margin-bottom:26px}
  .feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:840px}
  .feature{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px}
  .feature .fk{flex:none;width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;margin-top:1px}
  .feature .fk svg{width:15px;height:15px}
  .feature b{display:block;font-family:"Bricolage Grotesque";font-size:1.02rem}
  .feature p{font-size:.92rem;color:var(--ink-soft);margin-top:2px}
  .pagenav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
  .pagenav a{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;transition:transform .2s,box-shadow .25s}
  .pagenav a:hover{transform:translateY(-3px);box-shadow:0 18px 36px -24px rgba(20,20,23,.4)}
  .pagenav .lbl{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
  .pagenav .ttl{font-family:"Bricolage Grotesque";font-weight:800;font-size:1.2rem;margin-top:4px}
  .cta-band{background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:40px;display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:space-between}
  .cta-band h2{color:var(--paper);font-size:1.7rem;max-width:18ch}
  .cta-band .actions{display:flex;gap:12px;flex-wrap:wrap}
  .cta-band .btn-primary{background:var(--paper);color:var(--ink)}
  .cta-band .btn-primary:hover{background:var(--cyan);color:#fff}
  .cta-band .btn-ghost{border-color:var(--paper);color:var(--paper)}
  .cta-band .btn-ghost:hover{background:var(--paper);color:var(--ink)}
  @media(max-width:760px){.feature-grid{grid-template-columns:1fr}.pagenav{grid-template-columns:1fr}}

  /* Telefonuose šiek tiek mažesni logotipai, kad antraštė neužimtų viso ekrano */
  @media(max-width:600px){
    :root{--hh:96px}
    .brand-logo{height:76px}
    .foot-logo{height:70px}
  }

  /* ---------- Slapukų sutikimo juosta ---------- */
  .cookie-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;max-width:560px;margin:0 auto;background:var(--ink);color:var(--paper);border-radius:14px;padding:18px 20px;box-shadow:0 24px 50px -20px rgba(0,0,0,.6);display:flex;flex-direction:column;gap:12px}
  .cookie-bar p{font-size:.92rem;color:#d7d7db;margin:0}
  .cookie-bar .cookie-actions{display:flex;gap:10px;justify-content:flex-end}
  .cookie-bar .btn{padding:9px 16px;font-size:.9rem}
  .cookie-bar .btn-ghost{border-color:var(--paper);color:var(--paper)}
  .cookie-bar .btn-ghost:hover{background:var(--paper);color:var(--ink)}
  .cookie-bar .btn-primary{background:var(--paper);color:var(--ink)}
  .cookie-bar .btn-primary:hover{background:var(--cyan);color:#fff}