/*
Theme Name: Internet Solutions
Author: Internet Solutions, UAB
Description: internet-solutions.net — Metro stiliaus grupes svetaine (2026).
Version: 1.0
Text Domain: internetsolutions
*/

:root{
  color-scheme: dark;
  --barbg:rgba(11,13,16,.88); --hover:#1B1F25; --line2:#39404A; --cta-soft:#3A4048; --cta-line:#C9CDD3;
  --brand:#00A859; --ground:#0B0D10; --surface:#14171C; --line:#23272E; --ink:#EDEFF2; --muted:#8A929C; --soft:#B7BDC5;
  --postrss:#D9480F; --talkmio:#B8350F; --askmio:#C25A0C;
  --aiseo:#0B7A5A; --audit:#2456E8; --feeds:#8F5F00; --vpn:#5A3FE0; --mail:#2A2F37;
  --g:clamp(8px,0.9vw,14px);
  --display:'Archivo',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
html,body{background:var(--ground)}
body{margin:0;color:var(--ink);font-family:var(--display);font-stretch:100%;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.wrap{max-width:1760px;margin:0 auto;padding-inline:clamp(16px,4vw,56px)}
.x{font-stretch:125%}
.mono{font-family:var(--mono)}

/* ---------- top bar ---------- */
.bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--barbg);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar .wrap{display:flex;align-items:center;gap:28px;height:80px}
.logo{display:flex;align-items:center;gap:12px}
.logo img{display:block;height:58px;width:auto}
footer .logo img{height:60px}
.nav{display:flex;gap:34px;font-size:18px;color:var(--soft);flex:1}
.nav a:hover{color:var(--ink)}
.lang{display:flex;gap:10px;font-size:13px;color:var(--muted)}
.lang a:hover,.lang .on{color:var(--ink)}
.lang .on{font-weight:700}
.mailbtn{display:flex;align-items:center;gap:8px;height:40px;padding:0 16px;background:var(--ink);color:var(--ground);font-weight:700;font-size:14px}
.mailbtn:hover{background:var(--brand);color:#FFFFFF}

/* ---------- hero ---------- */
.hero{padding-block:clamp(40px,7vw,96px) clamp(28px,4vw,48px)}
.eyebrow{font-family:var(--mono);font-size:13px;color:var(--muted);letter-spacing:.04em;display:flex;gap:18px;flex-wrap:wrap}
.eyebrow span::before{content:"";display:inline-block;width:8px;height:8px;background:var(--brand);margin-right:8px;vertical-align:middle}
h1{margin:22px 0 0;font-weight:800;font-stretch:125%;font-size:clamp(40px,7.4vw,112px);line-height:.94;letter-spacing:-.025em;text-wrap:balance;max-width:14ch}
h1 em{font-style:normal;color:var(--brand)}
.lede{margin:28px 0 0;max-width:60ch;font-size:clamp(17px,1.5vw,20px);color:var(--soft)}

/* ---------- product wall ---------- */
.group{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 14px}
.group h2{font-size:clamp(22px,2.2vw,30px)}
.group span{font-family:var(--mono);font-size:13px;color:var(--muted)}
.wall{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--g)}
.wall + .group{margin-top:clamp(36px,4vw,56px)}
.t{grid-column:span 4;color:#FFFFFF;padding:22px 22px 20px;display:flex;flex-direction:column;gap:16px;min-width:0;transition:transform .25s ease}
.t.s3{grid-column:span 3}
a.t:hover{transform:translateY(-4px)}
.t .top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.cat{font-family:var(--mono);font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;opacity:.9}
.st{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;background:rgba(0,0,0,.24);white-space:nowrap}
.st.live::before{content:"";display:inline-block;width:7px;height:7px;background:#FFFFFF;margin-right:6px;vertical-align:1px;animation:pulse 2s infinite}
@keyframes pulse{50%{opacity:.35}}
.t .name{font-weight:800;font-stretch:125%;font-size:clamp(26px,2.4vw,36px);line-height:.95;letter-spacing:-.015em}
.t .promise{font-size:clamp(16px,1.25vw,19px);line-height:1.35;font-weight:600;max-width:32ch}
.demo{background:rgba(0,0,0,.2);padding:12px;min-height:128px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.facts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:14.5px;line-height:1.4}
.facts li{display:flex;gap:10px}
.facts li::before{content:"";flex:0 0 8px;height:8px;margin-top:6px;background:#FFFFFF}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips span{font-size:12px;font-weight:600;padding:4px 8px;background:rgba(255,255,255,.18)}
.foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.35);padding-top:14px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.foot small{font-size:13px;opacity:.9;line-height:1.35;max-width:24ch}
.foot b{font-family:var(--mono);font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}

/* live demo pieces */
.stream{display:flex;flex-direction:column;gap:6px;font-size:13.5px}
.stream div{display:flex;justify-content:space-between;gap:10px;background:rgba(0,0,0,.18);padding:7px 10px}
.stream div span:last-child{font-family:var(--mono);font-size:11.5px;opacity:.85;white-space:nowrap}
.nets{display:flex;gap:5px;flex-wrap:wrap}
.nets i{width:14px;height:14px;background:rgba(255,255,255,.95);display:block;transition:opacity .3s}
.nets i.dim{opacity:.3}
.bub{display:flex;flex-direction:column;gap:6px;font-size:13.5px}
.bub p{margin:0;padding:7px 10px;max-width:88%;background:rgba(255,255,255,.96);color:#1A1A1A}
.bub p.me{align-self:flex-end;background:rgba(0,0,0,.26);color:#FFFFFF}
.dots span{display:inline-block;width:6px;height:6px;background:#1A1A1A;margin-right:3px;animation:d 1.2s infinite}
.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}
@keyframes d{0%,60%,100%{opacity:.25}30%{opacity:1}}
.modes{display:flex;gap:5px;flex-wrap:wrap}
.modes span{font-size:11.5px;font-weight:700;padding:3px 7px;background:rgba(0,0,0,.22)}
.modes span.on{background:#FFFFFF;color:#1A1A1A}
.prompt{font-family:var(--mono);font-size:13px;line-height:1.5;min-height:2.9em}
.caret{display:inline-block;width:7px;height:1em;background:#FFFFFF;vertical-align:-2px;animation:c 1s steps(1) infinite}
@keyframes c{50%{opacity:0}}
.vis{display:grid;grid-template-columns:1fr repeat(4,22px);gap:6px 8px;align-items:center;font-size:12.5px}
.vis i{width:12px;height:12px;display:block;justify-self:center}
.vis i.y{background:#FFFFFF}.vis i.n{border:2px solid rgba(255,255,255,.55)}
.vis .h{font-family:var(--mono);font-size:10px;opacity:.8;text-align:center}
.score{display:flex;align-items:center;gap:14px}
.bignum{font-family:var(--mono);font-weight:600;font-size:44px;line-height:1}
.bars{flex:1;display:flex;flex-direction:column;gap:5px;font-family:var(--mono);font-size:11px}
.bars div{display:grid;grid-template-columns:62px 1fr;gap:8px;align-items:center}
.bars em{display:block;height:5px;background:rgba(255,255,255,.3)}
.bars em i{display:block;height:5px;background:#FFFFFF}
.xml{font-family:var(--mono);font-size:12px;line-height:1.55;white-space:pre;overflow:hidden}
.tunnel{position:relative;height:5px;background:rgba(255,255,255,.28);margin-top:4px}
.tunnel i{position:absolute;top:-3px;width:11px;height:11px;background:#FFFFFF;left:0;animation:run 2.6s linear infinite}
@keyframes run{from{left:0}to{left:calc(100% - 11px)}}

/* ---------- sections ---------- */
section{padding-block:clamp(56px,7vw,104px) 0}
.sh{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:28px}
h2{margin:0;font-weight:800;font-stretch:125%;font-size:clamp(28px,3.6vw,52px);line-height:1;letter-spacing:-.02em;text-wrap:balance}
.sh p{margin:0;max-width:52ch;color:var(--soft)}
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g)}
.pillar{border-top:2px solid var(--brand);padding-top:18px;display:flex;flex-direction:column;gap:10px}
.pillar b{font-weight:800;font-stretch:125%;font-size:22px;line-height:1.1}
.pillar p{margin:0;color:var(--soft);max-width:44ch}
.pillar .k{font-family:var(--mono);font-size:13px;color:var(--muted)}
.svc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--g)}
.svc a{background:var(--surface);border:1px solid var(--line);padding:18px;min-height:132px;display:flex;flex-direction:column;gap:8px;transition:background .2s,border-color .2s}
.svc a:hover{background:var(--hover);border-color:var(--line2)}
.svc b{font-weight:700;font-size:16px;line-height:1.25}
.svc span{color:var(--muted);font-size:14px;line-height:1.4}
.svc .arrow{margin-top:auto;font-family:var(--mono);font-size:12px;color:var(--soft)}

.cta{margin-top:clamp(56px,7vw,104px);background:var(--ink);color:var(--ground);display:grid;grid-template-columns:3fr 2fr;gap:32px;padding:clamp(28px,4vw,56px)}
.cta h2{color:var(--ground)}
.cta p{margin:14px 0 0;max-width:52ch;color:var(--cta-soft)}
.contact{display:flex;flex-direction:column;gap:10px;align-self:end}
.contact .row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--cta-line);padding-bottom:10px}
.contact .row span{font-family:var(--mono);font-size:15px;user-select:all}
.contact button{font:600 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;background:none;border:1px solid var(--ground);color:var(--ground);padding:6px 10px;cursor:pointer}
.contact button:hover{background:var(--ground);color:var(--ink)}

footer{margin-top:clamp(56px,7vw,104px);border-top:1px solid var(--line);padding-block:40px}
.fgrid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:32px;font-size:14px;color:var(--soft)}
.fgrid h3{margin:0 0 10px;font-size:13px;font-family:var(--mono);font-weight:500;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.fgrid a{display:block;padding:3px 0}
.fgrid a:hover{color:var(--ink)}
.legal{margin-top:36px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;color:var(--muted)}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .t,.t.s3{grid-column:span 6}
  .svc{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .nav,.lang{display:none}
  .t,.t.s3{grid-column:span 12}
  .pillars{grid-template-columns:1fr}
  .svc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cta{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  .t{transition:none}
  .st.live::before{animation:none}
  .tunnel i,.dots span,.caret{animation:none}
}
/* ---------- product page ---------- */
.crumbs{font-family:var(--mono);font-size:12.5px;color:var(--muted);padding-top:22px;display:flex;gap:10px;flex-wrap:wrap}
.crumbs a:hover{color:var(--ink)}
.phero{margin-top:18px;background:var(--pc,var(--postrss));color:#FFFFFF;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,3vw,40px);padding:clamp(24px,4vw,56px)}
.phero h1{max-width:12ch;font-size:clamp(40px,6.4vw,96px)}
.phero .lede{color:#FFFFFF;opacity:.94}
.phero .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;height:48px;padding:0 20px;font-weight:700;font-size:15px}
.btn.w{background:#FFFFFF;color:#1A1A1A}.btn.w:hover{background:var(--ground);color:#FFFFFF}
.btn.o{border:1.5px solid #FFFFFF;color:#FFFFFF}.btn.o:hover{background:rgba(0,0,0,.18)}
.phero .demo{min-height:0;align-self:stretch;padding:16px;gap:12px}
.phero .eyebrow span::before{background:#FFFFFF}
.phero .nets i{width:18px;height:18px}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--g);margin-top:var(--g)}
.kpi{background:var(--surface);border:1px solid var(--line);padding:18px 20px;display:flex;flex-direction:column;gap:4px}
.kpi b{font-family:var(--mono);font-weight:600;font-size:clamp(26px,2.6vw,36px);line-height:1.1;font-variant-numeric:tabular-nums}
.kpi span{color:var(--muted);font-size:14px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g)}
.step{border-top:2px solid var(--pc,var(--postrss));padding-top:18px;display:flex;flex-direction:column;gap:10px}
.step .k{font-family:var(--mono);font-size:13px;color:var(--soft)}
.step b{font-weight:800;font-stretch:125%;font-size:22px;line-height:1.1}
.step p{margin:0;color:var(--soft);max-width:40ch}
.netwall{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.netwall span{background:var(--surface);border:1px solid var(--line);padding:14px 10px;font-size:14px;font-weight:600;text-align:center;min-width:0;overflow-wrap:anywhere}
.feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g)}
.feat div{background:var(--surface);border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:8px}
.feat b{font-size:17px}
.feat p{margin:0;color:var(--muted);font-size:14.5px}
.plans-note{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--g)}
.plans-note .box{background:var(--surface);border:1px solid var(--line);padding:clamp(20px,3vw,36px)}
.plans-note .box p{color:var(--soft);margin:12px 0 0;max-width:56ch}
.plans-note ul{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;color:var(--soft)}
.plans-note li{display:flex;gap:10px}.plans-note li::before{content:"";flex:0 0 8px;height:8px;margin-top:8px;background:var(--pc,var(--postrss))}
.ptag{display:inline-block;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px dashed var(--line);padding:3px 7px;margin-top:14px}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{cursor:pointer;font-weight:700;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--soft)}
.faq details[open] summary::after{content:"–"}
.faq p{margin:10px 0 0;color:var(--soft);max-width:70ch}
.sib{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--g)}
.sib a{color:#FFFFFF;padding:22px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;min-height:120px}
.sib a b{font-weight:800;font-stretch:125%;font-size:28px}
.sib a span{font-family:var(--mono);font-size:12.5px;text-transform:uppercase;letter-spacing:.05em}
@media (max-width:1100px){.netwall{grid-template-columns:repeat(4,minmax(0,1fr))}.feat{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.phero,.plans-note,.sib{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.steps,.feat{grid-template-columns:1fr}.netwall{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- language switcher ---------- */
.langs{position:relative;font-family:var(--mono);font-size:13px}
.langs summary{list-style:none;cursor:pointer;height:40px;display:flex;align-items:center;gap:6px;padding:0 12px;border:1px solid var(--line);color:var(--ink)}
.langs summary::-webkit-details-marker{display:none}
.langs summary::after{content:"▾";color:var(--muted)}
.langs-menu{position:absolute;right:0;top:50px;z-index:30;background:var(--surface);border:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(420px,calc(100vw - 32px));max-height:70vh;overflow:auto;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.langs-menu a{display:flex;gap:10px;padding:9px 12px;font-family:var(--display);font-size:14px;color:var(--soft)}
.langs-menu a span{font-family:var(--mono);font-size:11.5px;color:var(--muted);min-width:34px}
.langs-menu a:hover{background:var(--hover);color:var(--ink)}
.langs-menu a.on{background:var(--brand);color:#FFFFFF}.langs-menu a.on span{color:#FFFFFF}

/* ---------- inner pages ---------- */
.phead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;padding-block:clamp(32px,5vw,64px) 28px}
.phead h1,.shero h1{margin:0;font-size:clamp(36px,5.4vw,80px);max-width:18ch}
.shero{padding-block:clamp(20px,3vw,36px) clamp(20px,3vw,36px);border-bottom:2px solid var(--brand);margin-bottom:clamp(24px,3vw,40px)}
.shero .lede{margin-top:18px}
.blog-search{display:flex;gap:0;min-width:min(360px,100%)}
.blog-search input{flex:1;min-width:0;height:44px;padding:0 14px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font:15px var(--display)}
.blog-search button{height:44px;padding:0 18px;background:var(--ink);color:var(--ground);border:0;font:700 14px var(--display);cursor:pointer}
.blog-search button:hover{background:var(--brand);color:#FFFFFF}
.empty{color:var(--muted);padding-block:40px}
.entry{max-width:75ch;font-size:17px;line-height:1.7;color:var(--soft)}
.entry h2{font-size:clamp(24px,2.4vw,34px);margin:40px 0 14px;color:var(--ink)}
.entry h3{font-size:21px;margin:28px 0 10px;color:var(--ink);font-stretch:100%}
.entry p{margin:0 0 16px}
.entry ul,.entry ol{padding-left:0;list-style:none;margin:0 0 20px;display:flex;flex-direction:column;gap:8px}
.entry li{position:relative;padding-left:20px}.entry li::before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;background:var(--brand)}
.entry a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brand);text-underline-offset:3px}
.entry strong{color:var(--ink)}
.entry img{max-width:100%;height:auto}
.entry table{border-collapse:collapse;width:100%;font-size:15px;margin:0 0 20px;display:block;overflow-x:auto}
.entry th,.entry td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.entry th{color:var(--ink);background:var(--surface)}
.article{max-width:none;margin:0}
.article-title{font-size:clamp(32px,4.4vw,60px);margin:10px 0 24px}
.article-thumb img{width:100%;height:auto;display:block;margin-bottom:28px}

/* ---------- blog grid (kaip talkmio.com/blog: 3 eilutėje, po 12) ---------- */
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g)}
.blog-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);transition:transform .2s ease,border-color .2s ease}
.blog-card:hover{transform:translateY(-4px);border-color:var(--line2)}
.blog-card-thumb{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#0F3D2A,#0B0D10);overflow:hidden;line-height:0}
.blog-card-thumb img{width:100%;height:100%;object-fit:cover}
.blog-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1;gap:8px}
.blog-card-date{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}
.blog-card-title{margin:0;font-size:20px;line-height:1.25;font-stretch:100%}
.blog-card-title a:hover{color:var(--brand)}
.blog-card-excerpt{margin:0;color:var(--muted);font-size:14.5px;flex:1}
.blog-card-readmore{font-family:var(--mono);font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--soft);margin-top:6px}
.blog-card-readmore:hover{color:var(--ink)}
#blog-infinite-loading{display:none;margin-top:30px;text-align:center;font-family:var(--mono);font-size:13px;color:var(--muted)}#blog-infinite-loading.is-active{display:block}
#blog-infinite-sentinel{height:1px}
.blog-grid-pagination{margin-top:30px}.blog-grid-pagination .nav-links{display:flex;gap:6px;flex-wrap:wrap}
.blog-grid-pagination .page-numbers{padding:8px 14px;border:1px solid var(--line)}.blog-grid-pagination .current{background:var(--brand);border-color:var(--brand)}

/* ---------- share bar (kaip talkmio.com) ---------- */
.is-share{position:fixed;left:calc(50% - 932px);top:50%;transform:translateY(-50%);z-index:15;display:flex;flex-direction:column;gap:6px}
.is-share a,.is-share button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;cursor:pointer;transition:transform .15s ease,filter .15s ease}
.is-share a:hover,.is-share button:hover{transform:translateX(3px);filter:brightness(1.15)}
.is-share svg{width:19px;height:19px;fill:#FFFFFF;display:block}
.is-copy{position:relative}
.is-copy .msg{position:absolute;left:50px;top:50%;transform:translateY(-50%);white-space:nowrap;background:var(--ink);color:var(--ground);font:600 12px var(--mono);padding:6px 10px;opacity:0;pointer-events:none;transition:opacity .15s}
.is-copy.done .msg{opacity:1}
@media (max-width:1960px){.is-share{position:static;transform:none;flex-direction:row;flex-wrap:wrap;margin-top:36px}.is-copy .msg{left:50%;top:auto;bottom:50px;transform:translateX(-50%)}}
@media (max-width:1100px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.blog-grid{grid-template-columns:1fr}.langs-menu{grid-template-columns:1fr}}

/* ---------- mobile menu ---------- */
.mnav{display:none;position:relative}
.mnav summary{list-style:none;cursor:pointer;width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 10px;border:1px solid var(--line)}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary span{display:block;height:2px;background:var(--ink)}
.mnav-menu{position:fixed;left:0;right:0;top:calc(80px + env(safe-area-inset-top,0px));background:var(--ground);border-bottom:1px solid var(--line);display:flex;flex-direction:column;padding:8px 16px 16px}
.mnav-menu a{padding:14px 0;border-bottom:1px solid var(--line);font-size:20px;font-weight:700}
@media (max-width:760px){.mnav{display:block;margin-left:auto}.bar .wrap{gap:10px}.mailbtn{padding:0 12px}.mailbtn svg{display:none}}

.phero .eyebrow{color:#FFFFFF}.phero .eyebrow span::before{background:#FFFFFF}
.phero .demo{justify-content:center;align-self:center;min-height:260px}
.phero .bub p{font-size:15px}

/* ---------- product capabilities (Ask Mio) ---------- */
.caps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--g)}
.cap{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--pc,var(--brand));padding:20px;display:flex;flex-direction:column;gap:10px}
.cap-top{display:flex;flex-direction:column;gap:4px}
.cap-n{font-family:var(--mono);font-weight:600;font-size:40px;line-height:1;color:var(--ink)}
.cap-t{font-size:17px;line-height:1.25}
.cap p{margin:0;color:var(--muted);font-size:14.5px}
.cap ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--soft)}
.cap li{padding-top:6px;border-top:1px solid var(--line)}
.cap li.more{color:var(--muted);font-family:var(--mono);font-size:12.5px}
@media (max-width:1300px){.caps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.caps{grid-template-columns:1fr}}
.mods div{border-top:3px solid var(--pc,var(--brand))}

/* ---------- light theme (perjungiklis šalia kalbų) ---------- */
html[data-theme="light"]{color-scheme:light;--ground:#F4F5F7;--surface:#FFFFFF;--line:#DCE0E5;--line2:#B9C0C8;--ink:#0B0D10;--muted:#5E6670;--soft:#343B44;--barbg:rgba(255,255,255,.94);--hover:#EEF0F3;--cta-soft:#B7BDC5;--cta-line:#39404A;--mail:#E4E7EB}
html[data-theme="light"] .langs-menu{box-shadow:0 18px 40px rgba(16,24,40,.14)}
.logo .l-light{display:none}
html[data-theme="light"] .logo .l-dark{display:none}
html[data-theme="light"] .logo .l-light{display:block}
.themebtn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--line);color:var(--ink);cursor:pointer;padding:0}
.themebtn:hover{background:var(--hover)}
.themebtn svg{width:18px;height:18px}
.themebtn .i-sun{display:none}
html[data-theme="light"] .themebtn .i-sun{display:block}
html[data-theme="light"] .themebtn .i-moon{display:none}
/* Viršutinis meniu visada juodas — nesikeičia su tema (Rolando nurodymas). */
html[data-theme="light"] .bar{color-scheme:dark;--ground:#0B0D10;--surface:#14171C;--line:#23272E;--line2:#39404A;--ink:#EDEFF2;--muted:#8A929C;--soft:#B7BDC5;--barbg:rgba(11,13,16,.96);--hover:#1B1F25;color:var(--ink)}
html[data-theme="light"] .bar .logo .l-dark{display:block}
html[data-theme="light"] .bar .logo .l-light{display:none}
/* ---------- trademarks ---------- */
.entry .tm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--g);max-width:none}
.tm-card{background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column}
.tm-logo{height:180px;display:flex;align-items:center;justify-content:center;padding:24px;border-bottom:1px solid var(--line)}
.tm-logo .l-light{display:none}html[data-theme="light"] .tm-logo .l-dark{display:none}html[data-theme="light"] .tm-logo .l-light{display:block}
.tm-logo img{max-height:130px;width:auto}
.tm-card h3{margin:20px 22px 12px}
.tm-card dl{margin:0 22px 22px;display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:15px}
.tm-card dt{font-family:var(--mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.tm-card dd{margin:0;color:var(--ink)}
.page-entry:has(.tm-grid){max-width:none}
@media (max-width:760px){.entry .tm-grid{grid-template-columns:1fr}}

.bar .langs summary,.bar .themebtn,.bar .mailbtn{height:44px}.bar .themebtn{width:44px}
@media (max-width:760px){.bar .wrap{height:68px}.logo img{height:40px}.mnav-menu{top:calc(68px + env(safe-area-inset-top,0px))}.bar .langs summary,.bar .themebtn,.bar .mailbtn{height:40px}.bar .themebtn{width:40px}}

/* didesnė viršutinė juosta: meniu 18px, dešinės pusės mygtukai 48px */
@media (min-width:761px){
.bar .langs summary{height:48px;font-size:15px;padding:0 14px}
.bar .themebtn{width:48px;height:48px}.bar .themebtn svg{width:22px;height:22px}
.bar .mailbtn{height:48px;font-size:16px;padding:0 20px;gap:10px}.bar .mailbtn svg{width:20px;height:20px}
.langs-menu{top:54px}
}

/* ---------- sitemap / tags ---------- */
.smap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:clamp(24px,3vw,48px)}
.smap h2,.tagmap h2{font-size:22px;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--brand)}
.smap ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.smap ul ul{margin:8px 0 4px 18px;padding-left:14px;border-left:1px solid var(--line)}
.smap a,.tagmap a{color:var(--soft)}.smap a:hover,.tagmap a:hover{color:var(--ink)}
.tagmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px var(--g)}
.tagmap ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.tagmap li{display:flex;justify-content:space-between;gap:10px}
.tagmap li span{font-family:var(--mono);font-size:12px;color:var(--muted)}
@media (max-width:1100px){.smap{grid-template-columns:1fr 1fr}.tagmap{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.smap,.tagmap{grid-template-columns:1fr}}
/* ---------- LT kainų lentelė (tik lietuviškame „Svetainių kūrimas") ---------- */
.entry .price-wrap{overflow-x:auto;margin:0 0 14px;max-width:100%}
.entry table.price-table{display:table;min-width:640px;width:100%;font-size:15px;margin:0}
.price-table thead th{background:var(--brand);color:#FFFFFF;text-align:center;font-size:17px;font-weight:800;padding:14px 10px}
.price-table thead th:first-child{background:transparent;border-color:transparent}
.price-table thead th span{display:block;font-size:12px;font-weight:500;font-family:var(--mono);letter-spacing:.04em;opacity:.9}
.price-table tbody th{font-weight:500;color:var(--soft);background:var(--surface)}
.price-table td{text-align:center;color:var(--ink)}
.price-table td.yes{color:var(--brand);font-weight:700}
.price-table td.no{color:var(--muted)}
.price-table tr.price th{color:var(--ink);font-weight:700}
.price-table tr.price td{background:var(--surface)}
.price-table tr.price td strong{display:block;font-family:var(--mono);font-size:24px;color:var(--ink)}
.price-table tr.price td span{font-size:12px;color:var(--muted)}
.price-table tr.price th,.price-table tr.price td{border-top:3px solid var(--brand);border-bottom:3px solid var(--brand)}
.price-notes{font-size:14px!important;color:var(--muted)!important;line-height:1.6}
.page-entry:has(.price-table){max-width:980px}
/* ---------- svetainės kūrimo žingsniai ---------- */
.entry ol.steps7{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:10px;counter-reset:none}
.entry ol.steps7>li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0;padding:0;background:var(--surface);border:1px solid var(--line)}
.entry ol.steps7>li::before{display:none}
.s7-head{display:flex;gap:16px;align-items:center;padding:18px 20px;border-right:1px solid var(--line)}
.s7-n{flex:0 0 56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--brand);color:#FFFFFF;font-family:var(--mono);font-weight:600;font-size:26px}
.s7-head h3{margin:0!important;font-size:19px!important}
.s7-head p{margin:2px 0 0!important;font-size:14px;color:var(--muted)}
.entry ol.steps7 ul{margin:0;padding:16px 20px;gap:6px;align-self:center}
.entry ol.steps7 ul li{font-size:15px}
.lt-banner{margin:0 0 20px}.lt-banner img{display:block;width:100%;height:auto}
@media (max-width:760px){.entry ol.steps7>li{grid-template-columns:1fr}.s7-head{border-right:0;border-bottom:1px solid var(--line)}}
/* GTranslate: savo perjungiklio ir Google juostos nerodome */
.is-gt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skiptranslate iframe,iframe.goog-te-banner-frame,#goog-gt-tt,.goog-te-balloon-frame{display:none!important}
body{top:0!important}
font[style]{background:none!important;box-shadow:none!important}

/* ---------- straipsnis per visą plotį (kaip postrss.com) ---------- */
.article-date{margin-top:24px;font-family:var(--mono);font-size:12.5px;color:var(--muted);letter-spacing:.04em}
.article .article-title{max-width:none;margin:10px 0 24px;font-size:clamp(34px,4.6vw,64px)}
.article-thumb{margin:0 0 32px}.article-thumb img{width:100%;height:auto;display:block}
.article-entry{max-width:none}
.article-tags{margin:36px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:15px;color:var(--muted)}
.article-tags span{font-family:var(--mono);font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;margin-right:6px}
.article-tags a{color:var(--soft);text-decoration:underline;text-decoration-color:var(--brand);text-underline-offset:3px}
/* socialinių tinklų juosta prieš poraštę (kaip postrss.com) */
.share-band{margin-top:clamp(40px,5vw,72px);background:var(--surface);border-top:1px solid var(--line)}
.share-band + footer{margin-top:0}
.share-band .is-share{position:static;transform:none;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin:0 auto;padding:22px 16px 26px}
.share-band .is-share a,.share-band .is-share button{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.16);box-shadow:0 6px 18px rgba(0,0,0,.28)}
.share-band .is-share a:hover,.share-band .is-share button:hover{transform:translateY(-2px);filter:brightness(1.12)}
.share-band .is-copy .msg{left:50%;top:auto;bottom:50px;transform:translateX(-50%)}
html[data-theme="light"] .share-band .is-share a,html[data-theme="light"] .share-band .is-share button{box-shadow:0 6px 18px rgba(13,33,54,.18)}

/* ---------- dalijimosi ikonos visuose puslapiuose (kaip talkmio.com) ---------- */
.is-share{position:fixed;left:12px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:8px;margin:0}
.is-share a,.is-share button{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.16);box-shadow:0 6px 18px rgba(0,0,0,.25);transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}
.is-share a:hover,.is-share button:hover{transform:translateY(-2px);filter:brightness(1.15);box-shadow:0 10px 24px rgba(0,0,0,.3)}
.is-share svg{width:19px;height:19px}
.is-copy .msg{left:52px;top:50%;bottom:auto;transform:translateY(-50%);border-radius:8px}
@media (max-width:1960px){.is-share{position:fixed;transform:translateY(-50%);flex-direction:column;flex-wrap:nowrap;margin:0}.is-copy .msg{left:52px;top:50%;bottom:auto;transform:translateY(-50%)}}
@media (max-width:760px){.is-share{position:static;transform:none;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:28px auto 0;padding:0 16px}.is-copy .msg{left:50%;top:auto;bottom:52px;transform:translateX(-50%)}}

/* ---------- 404 (kaip postrss.com) ---------- */
.e404{background:radial-gradient(ellipse at 50% 20%,rgba(0,168,89,.14),transparent 60%),radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1.2px) 0 0/22px 22px,var(--ground);border-bottom:1px solid var(--line);padding-block:clamp(48px,7vw,96px)}
.e404-in{display:flex;flex-direction:column;align-items:center;text-align:center}
.e404-icon{width:120px;height:120px;border-radius:50%;border:1px solid rgba(0,168,89,.35);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 18px rgba(0,168,89,.05)}
.e404-icon span{width:74px;height:74px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;box-shadow:0 0 34px rgba(0,168,89,.45)}
.e404-code{margin-top:34px;font-weight:800;font-stretch:125%;font-size:clamp(72px,10vw,120px);line-height:1;letter-spacing:-.02em;color:var(--ink)}
.e404-code em{font-style:normal;color:var(--brand)}
.e404 h1{margin:18px 0 0;font-size:clamp(24px,2.6vw,34px);font-stretch:100%}
.e404-lede{margin:14px auto 0;max-width:56ch;color:var(--soft)}
.e404-search{margin-top:30px;display:flex;width:min(460px,100%);border:1px solid var(--line);background:var(--surface);padding:6px}
.e404-search input{flex:1;min-width:0;height:44px;padding:0 12px;background:transparent;border:0;color:var(--ink);font:15px var(--display)}
.e404-search button{height:44px;padding:0 20px;border:0;background:var(--brand);color:#FFFFFF;font:700 14px var(--display);cursor:pointer}
.e404-links{margin-top:26px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.e404-links a{padding:10px 18px;border:1px solid var(--line);background:var(--surface);font-weight:700;font-size:14px;color:var(--soft)}
.e404-links a:hover{color:var(--ink);border-color:var(--brand)}
.e404-pop{margin-top:56px;width:100%;max-width:1000px}
.e404-pop-h{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.e404-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g);text-align:left}
.e404-card{background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease}
.e404-card:hover{transform:translateY(-4px);border-color:var(--line2)}
.e404-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#0F3D2A,#0B0D10);line-height:0}
.e404-thumb img{width:100%;height:100%;object-fit:cover}
.e404-card b{padding:14px 16px 18px;font-size:15px;line-height:1.35}
@media (max-width:760px){.e404-cards{grid-template-columns:1fr}}

body:has(.e404) footer{margin-top:0}
/* blogo kortelių paveikslėliai: „large" failas, dydis fiksuojamas CSS (16:9, užpildo, neišsitampo) */
.blog-card-thumb,.e404-thumb{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden}
.blog-card-thumb img,.e404-thumb img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover;object-position:center;display:block}