/* SąmatosPRO viešas pradinis puslapis (v5): darbo-lapo kalba, viena akcentinė spalva.
   Savarankiškas: nepriklauso nuo home*.css. Tokenai atitinka ds.css (indigo #4F46E5, Instrument Sans). */
@font-face{font-family:'IS';src:url(/fonts/InstrumentSans-Regular.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'IS';src:url(/fonts/InstrumentSans-Bold.ttf) format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'WSx';src:url(/fonts/WorkSans-Regular.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'WSx';src:url(/fonts/WorkSans-Bold.ttf) format('truetype');font-weight:700;font-display:swap}
:root{--ink:#0F172A;--ink2:#475569;--paper:#F6F7F4;--sheet:#FFFFFF;--rule:#D9DDD6;--rule2:#E8EBE5;--acc:#4F46E5;--acc2:#4338CA;--accbg:#EEF2FF;--mark:#FDE68A;--ok:#047857;--ff:'IS','WSx',system-ui,-apple-system,'Segoe UI',sans-serif;--fd:'WSx','IS',system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.h5{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--ff);-webkit-font-smoothing:antialiased}
.h5 a{color:inherit}
.h5 .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.h5 .skip{position:absolute;left:-999px}.h5 .skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:99}
.h5 :focus-visible{outline:3px solid var(--acc);outline-offset:2px;border-radius:4px}
/* antraštė */
.h5 .top{position:sticky;top:0;z-index:20;background:rgba(246,247,244,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}
.h5 .nav{display:flex;align-items:center;gap:28px;height:64px}
.h5 .logo{display:flex;align-items:center;gap:10px;font:700 19px var(--fd);letter-spacing:-.01em;text-decoration:none}
.h5 .logo i{width:28px;height:28px;border-radius:6px;background:#FFD43B url(/img/logo-triangle.svg) center/contain no-repeat;display:inline-block;flex:none}
.h5 .links{display:flex;gap:26px;margin-left:8px}
.h5 .links a{text-decoration:none;font-size:15.5px;color:var(--ink2)}
.h5 .links a:hover{color:var(--ink)}
.h5 .links .mo{display:none}
.h5 .acts{margin-left:auto;display:flex;gap:10px;align-items:center}
.h5 .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:8px;background:var(--acc);color:#fff;font:700 15.5px var(--ff);text-decoration:none;border:1px solid var(--acc);cursor:pointer}
.h5 .btn:hover{background:var(--acc2)}
.h5 .btn.sec{background:transparent;color:var(--ink);border-color:#B6BCB2}
.h5 .btn.sec:hover{background:#fff}
.h5 .btn.sm{min-height:40px;padding:0 16px;font-size:15px}
.h5 .burger{display:none;width:44px;height:44px;border:1px solid #B6BCB2;border-radius:8px;background:transparent;cursor:pointer}
.h5 .burger .ic{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round}
/* hero */
.h5 .hero{padding:56px 0 72px}
.h5 .hgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.h5 h1{font:700 clamp(34px,4vw,50px)/1.06 var(--fd);letter-spacing:-.025em;margin:8px 0 22px;max-width:17ch}
.h5 .lead{font-size:19px;color:var(--ink2);max-width:44ch;margin:0 0 28px}
.h5 .go{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.h5 .go .btn{min-height:54px;padding:0 28px;font-size:17px}
.h5 .go small{color:var(--ink2);font-size:14.5px;max-width:42ch}
.h5 .go .sub{font-size:15.5px;color:var(--ink);text-underline-offset:3px}
/* darbo lapas (gyvas pavyzdys) */
.h5 .sheet{background:var(--sheet);border:1px solid var(--rule);border-radius:12px;box-shadow:0 1px 0 var(--rule),0 18px 40px -28px rgba(15,23,42,.35);overflow:hidden}
.h5 .sh-h{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:18px 22px 14px;border-bottom:1px solid var(--rule2)}
.h5 .sh-h b{font:700 17px var(--fd)}
.h5 .sh-h span{font-size:13.5px;color:var(--ink2)}
.h5 .dims{display:flex;gap:18px;align-items:end;padding:16px 22px;background:#FBFBF9;border-bottom:1px solid var(--rule2);flex-wrap:wrap}
.h5 .dims label{display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:var(--ink2)}
.h5 .dims input[type=text]{width:92px;min-height:42px;padding:0 10px;border:1px solid #B6BCB2;border-radius:8px;font:700 17px var(--ff);color:var(--ink);background:#fff}
.h5 .dims .ar{margin-left:auto;text-align:right;font-size:13.5px;color:var(--ink2)}
.h5 .dims .ar b{display:block;font:700 22px var(--fd);color:var(--ink)}
.h5 table.est{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.h5 table.est th{font:400 12.5px var(--ff);color:var(--ink2);text-align:right;padding:10px 8px;border-bottom:1px solid var(--rule)}
.h5 table.est th:first-child{text-align:left;padding-left:22px}.h5 table.est th:last-child{padding-right:22px}
.h5 table.est td{padding:11px 8px;border-bottom:1px solid var(--rule2);text-align:right;font-size:15.5px;vertical-align:middle}
.h5 table.est td:first-child{text-align:left;padding-left:22px;line-height:1.3}
.h5 table.est td:last-child{padding-right:22px;font-weight:700;white-space:nowrap}
.h5 table.est td:nth-child(2){white-space:nowrap}
.h5 table.est tr.grp td{background:#F3F5F1;font:700 12.5px var(--ff);color:var(--ink2);padding:8px 22px;text-align:left;letter-spacing:.01em}
.h5 table.est .t{display:inline-block;font-size:12px;color:var(--ink2);border:1px solid var(--rule);border-radius:4px;padding:0 6px;margin-left:6px;vertical-align:1px}
.h5 table.est input.pr{width:70px;min-height:36px;text-align:right;border:1px solid transparent;border-bottom:1px dashed #9AA39A;border-radius:4px;background:transparent;font:400 15.5px var(--ff);color:var(--ink);font-variant-numeric:tabular-nums}
.h5 table.est input.pr:hover{background:#FBFBF9}
.h5 table.est input.pr:focus{border-color:var(--acc);background:#fff;outline:0}
.h5 .tot{display:grid;grid-template-columns:1fr auto;gap:2px 20px;padding:14px 22px 18px;font-variant-numeric:tabular-nums}
.h5 .tot div{display:contents}
.h5 .tot span{color:var(--ink2);font-size:14.5px}
.h5 .tot em{font-style:normal;text-align:right;font-size:15.5px}
.h5 .tot .gt span{color:var(--ink);font:700 16px var(--ff);align-self:end}
.h5 .tot .gt em{font:700 32px/1.1 var(--fd);letter-spacing:-.02em;background:linear-gradient(transparent 62%,var(--mark) 62%);padding:0 4px}
.h5 .sh-f{padding:12px 22px;border-top:1px solid var(--rule2);font-size:13.5px;color:var(--ink2);background:#FBFBF9}
/* skyriai */
.h5 section{padding:72px 0}
.h5 .sec-alt{background:#fff;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.h5 h2{font:700 clamp(28px,3.2vw,40px)/1.1 var(--fd);letter-spacing:-.02em;margin:0 0 14px;max-width:22ch}
.h5 .p2{color:var(--ink2);font-size:18px;max-width:56ch;margin:0 0 28px}
.h5 .two{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:56px;align-items:center}
.h5 .two.flip{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}
.h5 .routes.one{grid-template-columns:1fr;margin-top:28px}
.h5 .shot{border:1px solid var(--rule);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 18px 40px -30px rgba(15,23,42,.4)}
.h5 .shot img{display:block;width:100%;height:auto}
.h5 .shot.crop{aspect-ratio:1800/700}.h5 .shot.crop img{height:100%;object-fit:cover;object-position:top}
.h5 .shot figcaption{padding:10px 16px;border-top:1px solid var(--rule2);font-size:13.5px;color:var(--ink2)}
.h5 ul.ck{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:12px}
.h5 ul.ck li{padding-left:28px;position:relative}
.h5 ul.ck li:before{content:"";position:absolute;left:0;top:.5em;width:16px;height:2px;background:var(--acc)}
.h5 .link{font-weight:700;color:var(--acc);text-underline-offset:3px}
/* du keliai */
.h5 .routes{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.h5 .route{background:#fff;border:1px solid var(--rule);border-radius:12px;padding:28px}
.h5 .route h3{font:700 22px var(--fd);margin:0 0 6px;letter-spacing:-.01em}
.h5 .route .pr{font:700 15px var(--ff);color:var(--ink2);margin:0 0 16px}
.h5 .route p{margin:0 0 18px;color:var(--ink2)}
/* kainos */
.h5 table.cmp{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--rule);border-radius:12px;overflow:hidden}
.h5 table.cmp th,.h5 table.cmp td{padding:14px 18px;border-bottom:1px solid var(--rule2);text-align:left;font-size:16px}
.h5 table.cmp th{font:700 16px var(--ff);background:#FBFBF9}
.h5 table.cmp td:first-child{color:var(--ink2)}
.h5 table.cmp tr:last-child td{border-bottom:0}
.h5 .note{font-size:15px;color:var(--ink2);margin-top:14px;max-width:70ch}
/* įrankiai */
.h5 .tools{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.h5 .tool{display:block;background:#fff;border:1px solid var(--rule);border-radius:12px;padding:26px;text-decoration:none}
.h5 .tool:hover{border-color:var(--acc)}
.h5 .tool b{display:block;font:700 20px var(--fd);margin-bottom:6px}
.h5 .tool span{display:block;color:var(--ink2);margin-bottom:14px}
.h5 .tool u{font-weight:700;color:var(--acc);text-underline-offset:3px}
/* duk */
.h5 .faq details{border-bottom:1px solid var(--rule);padding:4px 0}
.h5 .faq summary{cursor:pointer;list-style:none;padding:16px 0;font:700 17.5px var(--ff);display:flex;justify-content:space-between;gap:20px}
.h5 .faq summary::-webkit-details-marker{display:none}
.h5 .faq summary:after{content:"+";font-weight:400;font-size:24px;line-height:1;color:var(--ink2)}
.h5 .faq details[open] summary:after{content:"–"}
.h5 .faq p{margin:0 0 18px;color:var(--ink2);max-width:70ch}
/* pabaiga */
.h5 .end{background:var(--ink);color:#fff;border-radius:16px;padding:48px;display:flex;justify-content:space-between;gap:32px;align-items:center;flex-wrap:wrap}
.h5 .end h2{margin:0;color:#fff;max-width:18ch}
.h5 .end .btn.sec{color:#fff;border-color:#64748B}.h5 .end .btn.sec:hover{background:#1E293B}
.h5 .end .row{display:flex;gap:12px;flex-wrap:wrap}
.h5 .bot{padding:48px 0 32px;border-top:1px solid var(--rule);margin-top:72px;font-size:15px;color:var(--ink2)}
.h5 .bot .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.h5 .bot h4{font:700 14px var(--ff);color:var(--ink);margin:0 0 10px}
.h5 .bot a{display:block;text-decoration:none;padding:4px 0}
.h5 .bot a:hover{color:var(--ink);text-decoration:underline}
.h5 .bot .legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:32px;padding-top:20px;border-top:1px solid var(--rule2);font-size:14px}
#cookieBanner{display:none;position:fixed;left:16px;right:16px;bottom:16px;max-width:560px;background:#0F172A;color:#fff;border-radius:12px;padding:16px 18px;z-index:50;font:400 14.5px/1.45 var(--ff,system-ui)}
#cookieBanner p{margin:0 0 12px}#cookieBanner a{color:#C7D2FE}
#cookieBanner .a{display:flex;gap:10px;justify-content:flex-end}
#cookieBanner button{min-height:44px;padding:0 18px;border-radius:8px;border:1px solid #64748B;background:transparent;color:#fff;font:700 15px var(--ff,system-ui);cursor:pointer}
#cookieBanner button#cookieAccept{background:#4F46E5;border-color:#4F46E5}
/* telefonas */
@media(max-width:980px){
 .h5 .hgrid,.h5 .two,.h5 .two.flip{grid-template-columns:minmax(0,1fr);gap:36px}
 .h5 .routes,.h5 .tools{grid-template-columns:1fr}
 .h5 .bot .cols{grid-template-columns:1fr 1fr}
 .h5 .links{display:none}.h5 .burger{display:inline-flex;align-items:center;justify-content:center}
 .h5 .nav.open .links{display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:64px;background:var(--paper);border-bottom:1px solid var(--rule);padding:8px 24px 16px;margin:0}
 .h5 .nav.open .links a{padding:12px 0;font-size:17px;color:var(--ink)}
 .h5 .nav.open .links .mo{display:block}
 .h5 .acts .keep{display:none}
}
@media(max-width:560px){
 .h5 .wrap{padding:0 16px}
 .h5 .hero{padding:32px 0 48px}.h5 section{padding:52px 0}
 .h5 .go .btn{width:100%}
 .h5 .acts .btn.sm:not(.keep){padding:0 12px}
 .h5 table.est th:nth-child(3),.h5 table.est td:nth-child(3){display:none}
 .h5 table.est td:first-child,.h5 table.est th:first-child{padding-left:14px}
 .h5 table.est td:last-child,.h5 table.est th:last-child{padding-right:14px}
 .h5 table.est td{padding:10px 4px;font-size:14px}
 .h5 table.est td:first-child{font-size:14.5px}
 .h5 table.est input.pr{width:56px;font-size:14.5px}
 .h5 .sh-h,.h5 .dims,.h5 .tot,.h5 .sh-f{padding-left:14px;padding-right:14px}
 .h5 .dims input[type=text]{width:80px}
 .h5 .end{padding:28px 20px}
 .h5 table.cmp th,.h5 table.cmp td{padding:12px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.h5 ol.steps{list-style:none;margin:18px 0 20px;padding:0;counter-reset:st;display:grid;gap:12px}.h5 ol.steps li{counter-increment:st;position:relative;padding-left:40px;color:var(--ink2);line-height:1.5}.h5 ol.steps li:before{content:counter(st);position:absolute;left:0;top:1px;width:26px;height:26px;border-radius:50%;background:var(--accbg);color:var(--acc2);font:700 13px/26px var(--ff);text-align:center}.h5 ol.steps b{color:var(--ink)}
@media(max-width:640px){#cookieBanner{left:8px;right:8px;bottom:8px;max-width:none;padding:10px 12px;font-size:12.5px;line-height:1.35;display:none;align-items:center;gap:10px;border-radius:12px}#cookieBanner[style*="block"]{display:flex!important}#cookieBanner p{margin:0;flex:1}#cookieBanner .a{flex-direction:column;gap:6px}#cookieBanner button{min-height:40px;padding:0 14px;font-size:13.5px}}