/* "Kaip atrodo mūsų paslauga" section on the LT home - copied from pasiruosimas.css (2 paslauga + wide scene + mockup kit). Keep both in sync. */
/* 2 paslauga */
.pz-head-tight{margin-bottom:34px}
.pz-intro{max-width:720px;margin:0 auto;text-align:center}
.pz-intro>p:first-child{font-size:18px;line-height:1.7;text-wrap:pretty}
.pz-intro-more{margin-top:16px;font-size:16px;line-height:1.7;color:var(--soft);text-wrap:pretty}
.pz-ask{margin-top:30px;font-family:'Saira',sans-serif;font-weight:600;font-size:22px;line-height:1.3;color:var(--sky)}
.pz-viz{display:flex;justify-content:center;align-items:flex-start;min-width:0;overflow:hidden;width:100%}
.pz-viz .scene{position:relative;flex:none;transform-origin:top center}
.pz-viz .scene .canvas{position:absolute;inset:0;width:auto;height:auto;font-family:'Inter',sans-serif;color:#1F2937;font-size:13px;line-height:1.35}
.pz-ann{position:absolute;z-index:10;display:flex;align-items:center;gap:8px;font-family:'Caveat',cursive;font-weight:600;font-size:28px;line-height:.95;color:var(--success);white-space:nowrap}
.pz-ann svg{flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.a06,.a12,.a18,.a24,.a30,.a36,.a42,.a48,.a54,.a60,.a66,.a72{opacity:0}
.a06{animation:in06 16s ease infinite}@keyframes in06{0%,2%{opacity:0;transform:translateY(7px)}6%,97%{opacity:1;transform:none}100%{opacity:0;transform:translateY(7px)}}
.a12{animation:in12 16s ease infinite}@keyframes in12{0%,8%{opacity:0;transform:translateY(7px)}12%,97%{opacity:1;transform:none}100%{opacity:0;transform:translateY(7px)}}
.a18{animation:in18 16s ease infinite}@keyframes in18{0%,14%{opacity:0;transform:translateY(7px)}18%,97%{opacity:1;transform:none}100%{opacity:0;transform:translateY(7px)}}
.a24{animation:in24 16s ease infinite}@keyframes in24{0%,20%{opacity:0;transform:translateY(7px)}24%,97%{opacity:1;transform:none}100%{opacity:0;transform:translateY(7px)}}
.a30{animation:in30 16s ease infinite}@keyframes in30{0%,26%{opacity:0;transform:translateY(7px)}30%,97%{opacity:1;transform:none}100%{opacity:0;transform:translateY(7px)}}
.a36{animation:in36 16s ease infinite}@keyframes in36{0%,32%{opacity:0;transform:translateY(7px)}36%,97%{opacity:1;transform:none}100%{opacity:0;transform:translateY(7px)}}
.a42{animation:in42 16s ease infinite}@keyframes in42{0%,38%{opacity:0;transform:translateY(7px)}42%,97%{opacity:1;transform:none}100%{opacity:0;transform:translateY(7px)}}
.a48{animation:in48 16s ease infinite}@keyframes in48{0%,44%{opacity:0;transform:translateY(7px)}48%,97%{opacity:1;transform:none}100%{opacity:0;transform:translateY(7px)}}
.a54{animation:in54 16s ease infinite}@keyframes in54{0%,50%{opacity:0;transform:translateY(7px)}54%,97%{opacity:1;transform:none}100%{opacity:0;transform:translateY(7px)}}
.a60{animation:in60 16s ease infinite}@keyframes in60{0%,56%{opacity:0;transform:translateY(7px)}60%,97%{opacity:1;transform:none}100%{opacity:0;transform:translateY(7px)}}
.a66{animation:in66 16s ease infinite}@keyframes in66{0%,62%{opacity:0;transform:translateY(7px)}66%,97%{opacity:1;transform:none}100%{opacity:0;transform:translateY(7px)}}
.a72{animation:in72 16s ease infinite}@keyframes in72{0%,68%{opacity:0;transform:translateY(7px)}72%,97%{opacity:1;transform:none}100%{opacity:0;transform:translateY(7px)}}
.o18{animation:out18 16s ease infinite}@keyframes out18{0%,14%{opacity:1}18%,97%{opacity:0}100%{opacity:1}}
.o60{animation:out60 16s ease infinite}@keyframes out60{0%,56%{opacity:1}60%,97%{opacity:0}100%{opacity:1}}
.o66{animation:out66 16s ease infinite}@keyframes out66{0%,62%{opacity:1}66%,97%{opacity:0}100%{opacity:1}}
.h12{animation:hl12 16s ease infinite}@keyframes hl12{0%,8%{background:transparent}12%,97%{background:#EAF7EF}100%{background:transparent}}
.h18{animation:hl18 16s ease infinite}@keyframes hl18{0%,14%{background:transparent}18%,97%{background:#EAF7EF}100%{background:transparent}}
.h48{animation:hl48 16s ease infinite}@keyframes hl48{0%,44%{background:transparent}48%,97%{background:#EAF7EF}100%{background:transparent}}
.h54{animation:hl54 16s ease infinite}@keyframes hl54{0%,50%{background:transparent}54%,97%{background:#EAF7EF}100%{background:transparent}}
@media (prefers-reduced-motion:reduce){.canvas *{animation:none!important;opacity:1!important}.canvas .o18,.canvas .o60,.canvas .o66{opacity:0!important}}

/* wide service scene: handwritten flow labels on desktop, numbered list on mobile */
.pz-viz-wide{margin-top:56px}
.pz-ann-n{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--paper);color:var(--bg-deep);font-family:'Saira',sans-serif;font-weight:700;font-size:15px;line-height:1}
.pz-strip{position:absolute;z-index:12;display:flex;align-items:center;gap:12px;font-family:'Caveat',cursive;font-weight:600;font-size:28px;line-height:1;color:var(--success);white-space:nowrap}
.pz-strip svg{flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pz-flow-list{display:none;list-style:none;margin:28px auto 0;max-width:520px;flex-direction:column;gap:12px}
.pz-flow-list li{display:flex;gap:14px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--soft)}
.pz-flow-list b{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--paper);color:var(--bg-deep);font-family:'Saira',sans-serif;font-weight:700;font-size:14px}
.pz-flow-arrows b{font-family:'Inter',sans-serif;font-size:15px}
.pz-flow-list span{padding-top:3px}
@media (max-width:767px){.pz-viz-wide .pz-ann,.pz-viz-wide .pz-strip{display:none}.pz-viz-wide{margin-top:40px}}

/* mockup kit (subset of the design's mock.css used by the service scene) */
.mw{position:absolute;background:#fff;border-radius:10px;border:1px solid #D9DEE8;box-shadow:0 34px 70px -24px rgba(6,18,58,.55),0 2px 6px rgba(6,18,58,.12);overflow:hidden;display:flex;flex-direction:column}
.grow{flex:1;min-width:0}
.pill{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap;display:inline-block;line-height:1.4}
.pill.g{background:#DCF3E4;color:#166534}.pill.b{background:#E0E9FB;color:#1B47C4}.pill.m{background:#EEF0F4;color:#6B7280}
.br-tabs{display:flex;align-items:flex-end;gap:2px;padding:6px 8px 0;background:#DFE3EA;height:36px;flex:none}
.br-tab{display:flex;align-items:center;gap:8px;padding:0 12px;height:30px;border-radius:8px 8px 0 0;font-size:12px;color:#5F6B7A;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.br-tab.on{background:#fff;color:#1F2937}
.br-tab i{width:12px;height:12px;border-radius:3px;background:#1B47C4;flex:none;display:block}
.br-tab.on i{background:#0E7C86}
.br-bar{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#fff;border-bottom:1px solid #E5E7EB;flex:none}
.br-nav{display:flex;gap:10px;color:#9AA3B2;font-size:15px;line-height:1}
.br-url{flex:1;height:26px;border-radius:13px;background:#F1F3F6;display:flex;align-items:center;gap:8px;padding:0 12px;font-size:12px;color:#4B5563;white-space:nowrap;overflow:hidden}
.br-url b{color:#1F2937;font-weight:500}
.lock{width:10px;height:8px;border:1.5px solid #6B7280;border-top:0;border-radius:2px;position:relative;flex:none}
.lock::before{content:"";position:absolute;left:1px;top:-6px;width:5px;height:5px;border:1.5px solid #6B7280;border-bottom:0;border-radius:4px 4px 0 0}
.tbl{width:100%;border-collapse:collapse;font-size:12.5px}
.tbl th{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#6B7280;font-weight:600;text-align:left;padding:8px 8px;border-bottom:1px solid #E5E7EB;background:#FAFBFC}
.tbl td{padding:8px 8px;border-bottom:1px solid #F1F3F6;vertical-align:middle;white-space:nowrap}
.tbl td.dim{color:#6B7280}
.tbl td:first-child,.tbl th:first-child{padding-left:16px}
.tbl td:last-child,.tbl th:last-child{padding-right:16px;text-align:right}
.sh-fx{display:flex;align-items:center;gap:0;margin-top:6px;border-top:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB;flex:none;height:28px;font-size:12.5px}
.sh-fx .ref{width:70px;padding:0 10px;border-right:1px solid #E5E7EB;height:100%;display:flex;align-items:center;color:#1F2937}
.sh-fx .fx{padding:0 10px;color:#6B7280;font-style:italic;font-family:Georgia,serif}
.grid{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12.5px;flex:none}
.grid th{background:#F8F9FA;color:#5F6368;font-weight:400;font-size:11.5px;height:22px;border:1px solid #E0E3E7;text-align:center}
.grid th.rn{width:34px}
.grid td{height:26px;border:1px solid #E0E3E7;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1F2937}
.grid td.num{text-align:right}
.grid tr.hd td{font-weight:600;background:#F1F3F4}
.grid td.sel{outline:2px solid #1A73E8;outline-offset:-2px}
.grid td .pill{font-size:11px;padding:1px 8px}
.sh-tabs{display:flex;align-items:center;gap:0;margin-top:auto;border-top:1px solid #E5E7EB;background:#F8F9FA;height:30px;flex:none;font-size:12px}
.sh-tabs .plus{width:34px;text-align:center;color:#5F6368;font-size:16px}
.sh-tabs span{padding:0 14px;height:100%;display:flex;align-items:center;color:#5F6368}
.sh-tabs span.on{background:#fff;color:#188038;font-weight:600;border-bottom:2px solid #188038}
.ad{display:flex;flex:1;min-height:0}
.ad-side{width:136px;flex:none;background:#0F1A3A;color:#fff;padding:12px 10px;display:flex;flex-direction:column;gap:2px}
.ad-brand{display:flex;align-items:center;gap:8px;padding:4px 6px 14px;font-weight:700;font-size:13px}
.ad-brand i{width:22px;height:22px;border-radius:6px;background:#F97316;display:block;flex:none}
.ad-nav{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;font-size:12.5px;color:rgba(255,255,255,.7)}
.ad-nav i{width:14px;height:14px;border-radius:4px;background:currentColor;opacity:.55;display:block;flex:none}
.ad-nav.on{background:rgba(255,255,255,.12);color:#fff}
.ad-main{flex:1;min-width:0;display:flex;flex-direction:column;background:#FAFBFC}
.ad-top{display:flex;align-items:center;gap:10px;padding:0 16px;height:46px;background:#fff;border-bottom:1px solid #E5E7EB;font-size:12.5px;color:#6B7280;flex:none}
.ad-top b{color:#1F2937;font-weight:600}
.ad-top .usr{margin-left:auto;width:26px;height:26px;border-radius:50%;background:#E0E9FB;color:#1B47C4;display:grid;place-items:center;font-size:11px;font-weight:700}
.ph-wrap{position:absolute;width:224px;height:372px;border-radius:24px;background:#0B1533;padding:8px;box-shadow:0 34px 70px -24px rgba(6,18,58,.6)}
.ph-scr{width:100%;height:100%;border-radius:18px;background:#E9E3D9;overflow:hidden;display:flex;flex-direction:column}


@media (max-width:600px){.pz-viz{margin-left:-20px;margin-right:-20px;width:calc(100% + 40px)}.pz-ann{font-size:42px;gap:10px}.pz-ann svg{width:46px;height:28px}}
/* 6 DUK */
.pz-head-long h2{font-size:clamp(26px,3.4vw,38px)}
.pz-faq{max-width:820px;margin:0 auto;border-top:1px solid var(--line-soft)}
.pz-faq details{border-bottom:1px solid var(--line-soft)}
.pz-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-family:'Saira',sans-serif;font-weight:600;font-size:17px;line-height:1.4}
.pz-faq summary::-webkit-details-marker{display:none}
.pz-faq summary:hover{color:var(--sky)}
.pz-faq summary:focus-visible{outline:2px solid var(--sky);outline-offset:4px;border-radius:2px}
.pz-pm{position:relative;flex:none;width:18px;height:18px}
.pz-pm::before,.pz-pm::after{content:"";position:absolute;left:0;top:8px;width:18px;height:2px;background:var(--sky);transition:transform .2s}
.pz-pm::after{transform:rotate(90deg)}
.pz-faq details[open] .pz-pm::after{transform:rotate(0)}
.pz-faq .ans{padding:0 48px 24px 0;font-size:15px;line-height:1.65;color:var(--soft);text-wrap:pretty}
.pz-faq .ans a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-mid)}
.pz-faq details[open] .ans{animation:pzOpen .22s ease}
@keyframes pzOpen{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (max-width:480px){.pz-head-long h2{font-size:20.5px;letter-spacing:-0.6px}}
