/* INFOBETA site.css — sugeneruota 2026-09-12 (build.py). Bazė + bendri blokai + design system v2 */
/* ===== 0. BAZĖ (buvęs pirmas <style> blokas) ===== */
:root{
  --bg:#0E1319; --bg2:#0E1319; --panel:#141A22; --ink:#E5E7EB; --muted:#B7C0CC;
  --blue:#3f9cc9; --blue-2:#5fb4e4; --line:rgba(255,255,255,.08);
  --disp:'Onest',sans-serif; --body:'Inter',-apple-system,Helvetica,Arial,sans-serif;
  --navh:100px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{font-family:var(--body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--disp);font-weight:600;line-height:1.05;letter-spacing:-.02em;color:#FDF7FA}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:.96rem;padding:13px 24px;border-radius:14px;cursor:pointer;transition:box-shadow .25s ease,transform .25s ease,background .25s ease,border-color .25s ease;font-family:var(--body)}
.btn-p{background:linear-gradient(135deg,#74d2f2,#3f9cc9);color:#04121a;box-shadow:0 6px 24px rgba(90,188,226,.32)}.btn-p:hover{box-shadow:0 10px 34px rgba(90,188,226,.55);transform:translateY(-2px)}
.btn-o{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#eef2f6}.btn-o:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28)}
.btn-wa{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#74d2f2,#3f9cc9);color:#04121a;box-shadow:0 6px 24px rgba(90,188,226,.32)}.btn-wa:hover{box-shadow:0 10px 34px rgba(90,188,226,.55);transform:translateY(-2px)}
   /* every button 50% brighter on hover */
.eyebrow{font-family:var(--disp);font-weight:600;font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;color:var(--blue-2)}

/* NAV */
/* Solid in-flow sticky bar (NOT a fixed overlay): content can never render above it, which eliminates the iOS in-app-browser "content above the bar" bug. */
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:#0E1319}
.nav__logo,.nav__links a,.nav .btn,.nav .burger{pointer-events:auto}  /* nav bar itself lets clicks fall through to the grass so bubbles under it still pop */
.nav__logo{display:flex;align-items:center}
.nav__logosvg{height:60px;width:auto;display:block}
@media(max-width:720px){.nav__logosvg{height:48px}}
.nav__links{display:flex;gap:26px;font-size:1.38rem;color:#FDF7FA}
.nav__links a{transition:color .18s ease}.nav__links a:hover{color:var(--blue-2)}
.nav__r{display:flex;align-items:center;gap:16px}
.nav__lang{font-size:.82rem;color:var(--muted)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer}
.burger span{width:24px;height:2px;background:#FDF7FA}
/* mobile fullscreen menu (burger opens it; any link closes it) */
.nav.open .nav__links{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(10,12,11,.98);z-index:60;justify-content:center;align-items:center;gap:30px;font-size:1.6rem;color:#e5e7eb}
.nav.open .nav__links a{color:#e5e7eb}
.nav.open .burger{position:fixed;top:24px;right:32px;z-index:61}

/* HERO with 3D */
#hero{position:relative;height:calc(100vh - var(--navh));height:calc(100svh - var(--navh));min-height:520px;overflow:hidden;background:#0E1319}
@media(max-width:720px){:root{--navh:88px}}
#heroCanvas{position:absolute;inset:0;z-index:1}
#heroCanvas canvas{display:block;touch-action:none;position:absolute;inset:0;z-index:1;animation:heroCanvasIn .6s ease both}@keyframes heroCanvasIn{from{opacity:0}to{opacity:1}}

/* On touch devices, a zone over the lower (text) half lets you scroll the page
   by swiping there, while the cube up top stays fully interactive. */
.hero__scrollzone{display:none}
@media(max-width:720px){.hero__scrollzone{display:block;position:absolute;left:0;right:0;top:52%;bottom:15%;z-index:4;pointer-events:auto;touch-action:pan-y}}
.hero__vig{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 45%,rgba(0,0,0,.42) 100%)}
.hero__grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.05;overflow:hidden}
.hero__grain::before{content:"";position:absolute;inset:-100px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .6s steps(4) infinite}
@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(-40px,30px)}50%{transform:translate(30px,-45px)}75%{transform:translate(-25px,-30px)}100%{transform:translate(0,0)}}
.hero__content{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 6vh;pointer-events:none}
.hero__content .wrap{width:100%}
.hero__content .eyebrow{margin-bottom:18px}
#hero h1{font-size:clamp(1.8rem,4vw,2.9rem);letter-spacing:-.02em;text-shadow:0 0 40px rgba(63,156,201,.25)}
#hero h1 .fade{color:var(--blue-2)}
.hero__sub{color:#c7d0cb;font-size:1.08rem;max-width:600px;margin:20px 0 30px}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;pointer-events:none}
.hero__cta .btn{pointer-events:auto}
.hero__hint{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:3;color:rgba(255,255,255,.32);font-size:.8rem;letter-spacing:.06em;pointer-events:none;transition:opacity 1s}

/* SECTIONS */
.sec{padding:78px 0;position:relative;background:var(--bg);border-top:0}
.sec--panel{background:var(--bg2)}
.head{max-width:680px;margin-bottom:34px}
.head h1,.head h2{font-size:clamp(1.8rem,4vw,2.9rem)}
.head p{color:var(--muted);margin-top:14px;font-size:1.08rem}
.lead{font-size:clamp(1.3rem,2.6vw,2rem);color:#FDF7FA;font-family:var(--disp);font-weight:500;max-width:20ch;line-height:1.15}

/* services grid */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px;transition:.25s}
.card:hover{border-color:rgba(63,156,201,.5);transform:translateY(-5px)}
.card .ic{width:46px;height:46px;border-radius:12px;background:rgba(63,156,201,.12);color:var(--blue-2);display:grid;place-items:center;font-family:var(--disp);font-weight:700;font-size:.82rem;margin-bottom:16px}
.card h2,.card h3{font-size:1.2rem;margin-bottom:8px}
.card p{color:var(--muted);font-size:.95rem}

/* split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.split p{color:var(--muted);margin-bottom:14px}
.chk{display:grid;gap:12px;margin-top:16px}
.chk li{display:flex;gap:12px;list-style:none;color:#d5ded8}
.chk li::before{content:"";flex:0 0 auto;width:13px;height:13px;margin-top:5px;border-radius:50%;
  background:radial-gradient(circle at 32% 27%, #f2fbfe 0%, #a6dcf3 24%, #5abce2 62%, #3f9cc9 100%);
  box-shadow:inset 0 -1.5px 2.5px rgba(4,20,30,.35), 0 0 7px rgba(90,188,226,.5)}
.orb{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#5fb4e4,#0a2140 60%,#050508);box-shadow:0 40px 90px rgba(63,156,201,.25),inset 0 0 60px rgba(0,0,0,.5);position:relative}
/* 3D transparent glass sphere — holds an image (set --orb-img) inside a crystal ball */
.orb--glass{position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden;isolation:isolate;-webkit-clip-path:circle(50%);clip-path:circle(50%);
  background:radial-gradient(circle at 50% 42%,#6fc0e8 0%,#1a5a86 32%,#0a2740 60%,#050e18 100%);
  box-shadow:0 55px 130px rgba(63,156,201,.42),inset -20px -24px 66px rgba(0,0,0,.62),inset 16px 18px 54px rgba(140,210,240,.22);
  animation:orbfloat 8s ease-in-out infinite}
.orb--glass .orb__photo{position:absolute;inset:0;border-radius:50%;background:var(--orb-img,none) center/cover no-repeat;
  filter:saturate(.55) brightness(.82) contrast(1.08);
  -webkit-mask:radial-gradient(circle at 50% 50%,#000 50%,rgba(0,0,0,.35) 74%,transparent 88%);
  mask:radial-gradient(circle at 50% 50%,#000 50%,rgba(0,0,0,.35) 74%,transparent 88%);
  mix-blend-mode:luminosity;opacity:.85;animation:orbspin 44s linear infinite;
  transform:perspective(820px) scale(1.14) rotateX(calc(var(--rx,0deg) + var(--srx,0deg))) rotateY(var(--ry,0deg)) translate(var(--tx,0),calc(var(--ty,0) + var(--sy,0%)));
  transition:transform .16s ease-out;will-change:transform;backface-visibility:hidden}
.orb--glass .orb__tint{position:absolute;inset:0;border-radius:50%;z-index:2;pointer-events:none;
  background:radial-gradient(circle at 50% 44%,rgba(90,188,226,.30),transparent 62%),radial-gradient(circle at 62% 74%,rgba(90,188,226,.22),transparent 55%)}
.orb--glass .orb__glass{position:absolute;inset:0;border-radius:50%;z-index:3;pointer-events:none;
  background:radial-gradient(circle at 33% 24%,rgba(255,255,255,.6) 0,rgba(255,255,255,.1) 12%,transparent 30%),radial-gradient(circle at 50% 50%,transparent 46%,rgba(2,8,14,.72) 100%);
  box-shadow:inset 0 0 0 1px rgba(180,225,245,.22),inset 0 8px 34px rgba(255,255,255,.14)}
@keyframes orbfloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.03)}}
@keyframes orbspin{0%{background-size:118% auto}50%{background-size:132% auto}100%{background-size:118% auto}}
.orb::after{content:"";position:absolute;left:22%;top:16%;width:26%;height:26%;border-radius:50%;background:rgba(255,255,255,.5);filter:blur(10px)}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px}
.stat b{font-family:var(--disp);font-weight:700;font-size:clamp(2rem,4vw,3rem);color:#FDF7FA;display:block;line-height:1}
.stat b i{color:var(--blue-2);font-style:normal}
.stat span{color:var(--muted);font-size:.9rem;margin-top:8px;display:block}

/* reviews */
.rev{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rv{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.rv .st{color:var(--blue-2);letter-spacing:2px;margin-bottom:12px}
.rv blockquote{color:#d5ded8;margin-bottom:14px}
.rv figcaption strong{color:#FDF7FA;display:block}.rv figcaption span{color:var(--muted);font-size:.86rem}
.note{color:var(--muted);font-size:.8rem;margin-bottom:26px}

/* faq */
.faq{max-width:820px}
.faq details{border-bottom:1px solid var(--line);padding:6px 0}
.faq summary{cursor:pointer;list-style:none;padding:20px 0;font-family:var(--disp);font-weight:500;font-size:1.15rem;color:#FDF7FA;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--blue-2);font-size:1.5rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq p{color:var(--muted);padding-bottom:20px;max-width:70ch}

/* contact footer */
.foot{background:var(--bg2);border-top:0;padding:70px 0 36px}
.foot h2{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:10px}
.foot .sub{color:var(--muted);margin-bottom:36px}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:820px}
.cblock{display:grid;gap:18px}
.crow{display:flex;align-items:center;gap:14px}
.crow .cic{width:44px;height:44px;border-radius:12px;background:rgba(63,156,201,.1);color:var(--blue-2);display:grid;place-items:center;font-size:1.1rem}
.crow small{color:var(--muted);display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.crow a,.crow span{font-size:1.15rem;color:#FDF7FA;font-family:var(--disp)}
.foot__bot{border-top:0;margin-top:50px;padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:#7E8A98;font-size:.85rem}
/* desktop only: drop the contact details a bit below the heading */
@media(min-width:721px){#contact .cgrid{margin-top:44px}}

.reveal{opacity:0;transform:translateY(22px);transition:.6s}.reveal.in{opacity:1;transform:none}
@media(max-width:900px){.grid,.rev{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr;gap:34px}.stats{grid-template-columns:1fr 1fr}.cgrid{grid-template-columns:1fr}}
@media(min-width:721px) and (max-width:900px){.nav__links,.nav__lang{display:none}.burger{display:flex}.nav__r .btn-p{display:none}}@media(min-width:901px) and (max-width:1240px){.nav{padding:14px 20px}.nav__logosvg{height:42px}.nav__links{gap:16px;font-size:1rem}.nav__links a{white-space:nowrap}.nav__r{gap:10px}.nav__lang{font-size:.72rem}.nav__r .btn{padding:8px 14px;font-size:.85rem;white-space:nowrap}}@media(max-width:720px){.nav__links,.nav__lang{display:none}.burger{display:flex}.nav__r .btn-p{display:none}.grid,.rev{grid-template-columns:1fr}.sec{padding:52px 0}.head{margin-bottom:26px}.foot{padding:52px 0 30px}.hero__content{padding:0 0 6vh;background:linear-gradient(to top,rgba(14,19,25,.97) 0%,rgba(14,19,25,.9) 34%,rgba(14,19,25,.55) 58%,rgba(14,19,25,0) 88%)}#hero h1{font-size:clamp(2rem,8vw,2.6rem)}.hero__sub{font-size:.98rem;margin:14px 0 22px;max-width:100%}.hero__cta{gap:10px}.hero__cta .btn{padding:12px 20px}}
/* mobile: make the hero block the SAME height in every language so the cube, headline and buttons land in identical positions.
   - eyebrow forced to one line
   - headline reserves 2 lines
   - paragraph reserves the tallest translation's height (5 lines)
   - the two CTA buttons stay on ONE row (equal halves) */
@media(max-width:720px){
  #hero .eyebrow{font-size:.6rem;letter-spacing:.04em;white-space:nowrap}
  #hero h1{min-height:2.1em}
  .hero__cta{flex-wrap:nowrap;gap:8px}
  
}


/* SCROLL SCENE EMBEDS */
.embed{position:relative;background:#0E1319}
.embed__sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:#0E1319}
.embed iframe{width:100%;height:100%;border:0;display:block;pointer-events:none;background:#0E1319}
.embed__hint{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:6;color:rgba(255,255,255,.32);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;white-space:nowrap}
.embed__tag{display:none}
/* Grass finale: the working standalone scene runs natively — scrolling inside
   it drives the storm on its own continuous clock, and clicks pop spheres.
   Scroll chaining carries on to the page once the scene finishes. */
.embed--grass{position:relative;background:#0E1319}
.grass-frame{width:100%;height:100%;border:0;display:block;background:#0E1319;pointer-events:none}
.grass__click{position:absolute;inset:0;z-index:4;pointer-events:auto;touch-action:pan-y;cursor:default}
.embed-head{padding-bottom:34px}
.grass__slogan{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);z-index:5;max-width:none;text-align:center;pointer-events:none}
.grass__slogan .eyebrow{margin-bottom:12px;display:block}
.grass__slogan h2{font-family:var(--disp);font-weight:600;font-size:clamp(1rem,2.3vw,2.4rem);line-height:1.14;letter-spacing:-.02em;color:#FDF7FA;white-space:nowrap;text-shadow:0 2px 34px rgba(0,0,0,.8)}
@media(max-width:720px){.grass__slogan{left:50%;right:auto;top:58%;bottom:auto;transform:translate(-50%,-50%);width:90vw;max-width:none;text-align:center}.grass__slogan h2{font-size:1.4rem;white-space:normal}.embed__hint{font-size:.66rem}}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.qnote{margin-top:14px;font-size:.78rem;line-height:1.5;color:#8A97A6}.qnote a{color:#5fb4e4;text-decoration:underline;text-underline-offset:2px}

/* ===== blokas 0e0d4cf4  ===== */
.cty{margin-top:26px;max-width:1040px}.cty summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:9px;color:#5fb4e4;font-size:.95rem;font-weight:600}.cty summary::-webkit-details-marker{display:none}.cty summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .25s;margin-top:-4px}.cty[open] summary::after{transform:rotate(-135deg);margin-top:2px}.cty summary:hover{color:#8fd0f0}.cty__body{margin-top:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px 32px}.cty__g b{display:block;color:#fff;font-size:.9rem;margin-bottom:5px}.cty__g span{color:var(--muted);font-size:.93rem;line-height:1.7}@media(max-width:820px){.cty__body{grid-template-columns:1fr}}

/* ===== blokas 545d67cf  ===== */
/* greitos navigacijos juosta */
  .subnav{position:sticky;top:64px;z-index:40;background:rgba(14,19,25,.92);backdrop-filter:blur(10px);
          border-bottom:1px solid var(--line);margin-bottom:8px}
  .subnav__in{display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
              max-width:1180px;margin:0 auto;padding:0 32px}
  .subnav__in::-webkit-scrollbar{display:none}
  .subnav a{flex:0 0 auto;padding:14px 14px 12px;color:#8B96A4;font-size:.86rem;text-decoration:none;
            border-bottom:2px solid transparent;transition:color .18s,border-color .18s;white-space:nowrap}
  .subnav a:hover{color:#E5E7EB}
  .subnav a.on{color:#FDF7FA;border-bottom-color:#5ABCE2}
  @media(max-width:860px){.subnav{top:60px}.subnav__in{padding:0 18px}.subnav a{padding:12px 11px 10px;font-size:.82rem}}
  .rt-links{margin-top:22px;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:#7E8A98}
  .rt-links__l{color:#5C6773;margin-right:6px}
  .rt-links a{color:var(--blue-2);text-decoration:none;transition:color .18s}
  .rt-links a:hover{color:#8fd7f5;text-decoration:underline}
  section[id]{scroll-margin-top:118px}
  /* juosta jau atskiria nuo viršaus — pirmai sekcijai tarpo nereikia */
  #services{padding-top:34px}
  .subnav+section{margin-top:0}

/* ===== blokas faf9acf6  ===== */
.gap{border:1px dashed #C0392B;background:rgba(192,57,43,.07);border-radius:12px;padding:16px 18px;margin:14px 0}
  .gap__h{display:flex;align-items:center;gap:9px;color:#E8705F;font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;font-weight:700;margin-bottom:7px}
  .gap__q{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#C0392B;color:#fff;font-size:.8rem;font-weight:700;flex:0 0 auto}
  .gap p{color:#C99A93;font-size:.86rem;line-height:1.6;margin:0}
  .gap ul{margin:7px 0 0 18px;color:#C99A93;font-size:.86rem;line-height:1.7}
  .svc-lead{color:var(--muted);font-size:1.06rem;line-height:1.65;max-width:760px}
  .svc-sec{margin-top:34px}
  .svc-sec h2{font-size:1.22rem;margin-bottom:12px}
  .svc-body{color:var(--muted);line-height:1.7;max-width:760px}
  .svc-body li{margin:5px 0}

/* ===== blokas 91d28e20 id="legalbar-css" ===== */
.legal-bar{position:fixed;left:0;right:0;bottom:0;z-index:120;
    display:block;text-align:center;padding:9px 16px;
    font-size:.8rem;line-height:1.5;color:#C7D3DF;
    background:transparent;border-top:0;pointer-events:none;
    text-shadow:0 1px 4px rgba(0,0,0,.95),0 0 14px rgba(0,0,0,.85)}
  .legal-bar a{color:inherit;text-decoration:underline;text-underline-offset:2px;pointer-events:auto}
  .legal-bar span[style]{display:inline!important;margin:0 0 0 6px!important;font-size:.92em!important;color:inherit!important}
  body{padding-bottom:52px}
  @media(max-width:640px){.legal-bar{font-size:.7rem;padding:8px 12px}.legal-bar span[style]{display:block!important;margin:4px 0 0 0!important}body{padding-bottom:60px}}

/* ===== blokas 219f8f38 id="foot-center" ===== */
.foot:not(.foot--glass) .wrap{text-align:center}
  .foot:not(.foot--glass) .cgrid{margin-left:auto;margin-right:auto;justify-items:center;width:max-content;max-width:calc(100% - 32px)}
  .foot:not(.foot--glass) .cblock{justify-items:start}
  .foot:not(.foot--glass) .crow{display:inline-flex;text-align:left}
  .foot:not(.foot--glass) .crow>div:last-child{text-align:left}
  @media(max-width:720px){.foot:not(.foot--glass) .cgrid{width:auto}}

/* ===== blokas e364304a  ===== */
.svc-specs{margin-top:18px;max-width:820px}.svc-spec{margin:0 0 10px;color:var(--muted);font-size:1rem;line-height:1.6}.svc-spec b{color:#E8ECF1;font-weight:600}

/* ===== blokas 17c7da8b  ===== */
.nav__lang{display:inline-flex;gap:8px;align-items:center;font-size:.8rem;pointer-events:auto}.nav__lang a{color:var(--muted);transition:color .18s}.nav__lang a:hover{color:var(--blue-2)}.nav__lang a.on{color:#FDF7FA;font-weight:600}@media(max-width:720px){.nav__lang{display:inline-flex!important;font-size:.9rem}}

/* ===== blokas 04745bf5  ===== */
.nav{background:#0E1319;transition:transform .2s ease-out}

/* ===== blokas 2a2eb9fb id="navactive-css" ===== */
.nav__links a.nav-on{color:#FDF7FA!important;font-weight:700}

/* ===== blokas 5b2f1ff3 id="reveal-instant" ===== */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s var(--ease),transform .55s var(--ease)}.reveal.in{opacity:1;transform:none}

/* ===== blokas 73a80982 id="polish-v1" ===== */
/* ===== POLISH v1 — design refinement (CSS only, no 3D changes) ===== */
:root{--ease:cubic-bezier(.4,0,.2,1)}
/* (5) quieter accent glow — button no longer shouts louder than the headline */
.btn-p,.btn-wa{box-shadow:0 4px 16px rgba(90,188,226,.20)}
.btn-p:hover,.btn-wa:hover{box-shadow:0 8px 26px rgba(90,188,226,.36);transform:translateY(-2px)}
/* (3) micro-interactions: press feedback, nav underline, visible focus */
.btn{transition:box-shadow .25s var(--ease),transform .18s var(--ease),background .25s var(--ease),border-color .25s var(--ease)}
.btn:active{transform:translateY(0) scale(.985)}
.nav__links a{position:relative}
.nav__links a::after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1.5px;border-radius:2px;background:var(--blue-2);transition:right .28s var(--ease)}
.nav__links a:hover::after,.nav__links a.on::after{right:0}
a:focus-visible,.btn:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--blue-2);outline-offset:3px;border-radius:8px}
/* (4) consistency: unified hover lift + easing on interactive cards */
.card{transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.35)}
/* (1) vertical rhythm on an 8px scale (mobile) */
@media(max-width:720px){.sec{padding:56px 0}.head{margin-bottom:28px}.foot{padding:56px 0 32px}}
/* (2) hero composition on mobile: tighter, clearer hierarchy */
@media(max-width:720px){.hero__content{padding:0 0 8vh}.hero__content .eyebrow{margin-bottom:14px}#hero h1{line-height:1.08}.hero__sub{margin:16px 0 24px;color:#c7d0cb}.hero__cta{gap:12px}}
/* (6) nav hover — underline only, text stays light (no blue colour jump) */
.nav__links a:hover{color:#FDF7FA}
/* (7) finale contacts — calmer enlargement (scale 2 -> 1.4 = ~30% smaller), keep heading dominant + labels a touch brighter */
.foot--glass .crow a:hover{transform:scale(1.4)}
/* (9) scenes fade in smoothly on mount (no black flash) */
@keyframes scIn{from{opacity:0}to{opacity:1}}
.grass-frame,.road-frame{animation:scIn 1s ease .15s both}
/* (10) anchored sections clear the sticky nav when jumped to */
#about,#services,#faq,#reviews,#contact{scroll-margin-top:calc(var(--navh) + 12px)}
/* (11) branded text selection + scrollbar */
::selection{background:rgba(90,188,226,.32);color:#fff}
html{scrollbar-color:#243441 #0E1319}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#0E1319}
::-webkit-scrollbar-thumb{background:#243441;border-radius:8px;border:2px solid #0E1319}
::-webkit-scrollbar-thumb:hover{background:#2f4757}
.foot--glass .crow small{color:#a9def9}
/* (8) consistent contact hover-enlarge on ALL pages (matches home finale) */
.crow a{display:inline-block;transform-origin:left center;transition:transform .2s var(--ease)}
.crow a:hover{transform:scale(1.4)}

/* ===== blokas e4555f60 id="svc-photo-css" ===== */
.svc-photo{margin-top:6px;margin-bottom:-10px}.svc-photo img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:16px;border:1px solid var(--line)}@media(max-width:720px){.svc-photo img{aspect-ratio:4/3;border-radius:12px}}

/* ===== blokas b9f73f77  ===== */
#svcinfo{padding:40px 0 6px}
#svcinfo h2{font-size:clamp(20px,2.3vw,26px);margin:0 0 10px;color:#eaf2f8;letter-spacing:-.01em}
#svcinfo h3{font-size:16.5px;margin:20px 0 7px;color:#dbe8f2}
#svcinfo p{color:#a9bccb;line-height:1.7;font-size:15px;margin:0 0 12px;max-width:900px!important;width:auto!important}
#svcinfo ul{margin:0 0 12px;padding-left:20px;color:#a9bccb;line-height:1.7;font-size:15px;max-width:900px}
#svcinfo li{margin:0 0 6px}
#svcinfo b{color:#dbe8f2}
#svcinfo a{color:#7dc5e8}
#svcfaq{padding:6px 0 38px}
#svcfaq h2{font-size:clamp(20px,2.3vw,26px);margin:0 0 8px;color:#eaf2f8}
.svq{border-bottom:1px solid rgba(255,255,255,.08)}
.svq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;min-height:44px;color:#dbe8f2;font-size:15.5px;font-weight:600}
.svq summary::-webkit-details-marker{display:none}
.svq summary::after{content:"";flex:0 0 8px;width:8px;height:8px;border-right:2px solid #5fb4e4;border-bottom:2px solid #5fb4e4;transform:rotate(45deg);transition:transform .25s;margin-top:-4px}
.svq[open] summary{color:#8fd0f0}
.svq[open] summary::after{transform:rotate(-135deg);margin-top:2px}
.svq .a{padding:0 0 16px;color:#a9bccb;font-size:14.8px;line-height:1.7;max-width:900px}
.svq .a a{color:#7dc5e8}

/* ===== blokas 97a9ce1d  ===== */
.rt-wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.rt-group{margin-bottom:30px}.rt-group h2{font-size:clamp(1.3rem,2.4vw,1.7rem);margin-bottom:16px}
.rt-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:12px}
.rt-item{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:15px 17px}
.rt-item b{color:#FDF7FA;font-weight:600;font-size:.98rem;display:block;line-height:1.3}
.rt-cities{color:#B7C0CC;font-size:.88rem;margin-top:4px}.rt-modes{color:#7E8A98;font-size:.72rem;letter-spacing:.04em;margin-top:9px;text-transform:uppercase}
.hl{background:linear-gradient(135deg,rgba(90,188,226,.15),rgba(90,188,226,.04));border:1px solid rgba(90,188,226,.32);border-radius:16px;padding:22px 24px;margin-bottom:28px}
.hl b{color:#FDF7FA;font-size:1.08rem} .hl p{color:#B7C0CC;margin-top:7px;line-height:1.55}
.rt-related a{color:var(--blue-2);margin-right:18px;font-size:.95rem;white-space:nowrap;line-height:2}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1!important;transform:none!important}}
.faqq{border-top:1px solid var(--line);padding:18px 0}.faqq h3{font-size:1.05rem;color:#FDF7FA;margin-bottom:6px}.faqq p{color:var(--muted)}

/* ===== blokas 80acd2b3  ===== */
.rt-flat{color:#B7C0CC;font-size:.92rem;line-height:1.65;margin:0}.rt-key2{color:#7E8A98;font-size:.86rem;margin:0 0 26px}.rt-note{color:#7E8A98;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;margin-top:8px}.rt-group{margin-bottom:26px}

/* ===== blokas 4fb03998 id="route-guide-css" ===== */
.rg h3{font-size:1.15rem;margin:26px 0 8px;color:#FDF7FA}.rg p{color:var(--muted);margin-bottom:12px}.rg .rg-r{margin-top:16px}.rg .rg-r b{display:block;color:#FDF7FA;font-family:var(--disp);font-weight:600;margin-bottom:4px}.rg table{width:100%;border-collapse:collapse;margin:14px 0 12px;font-size:.95rem}.rg th,.rg td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}.rg th{color:#FDF7FA;font-family:var(--disp);font-weight:600;font-size:.9rem}.rg td{color:var(--muted)}.rg td:first-child{color:#FDF7FA}.rg a{color:var(--blue-2);text-decoration:underline;text-underline-offset:2px}@media(max-width:720px){.rg table{font-size:.86rem}.rg th,.rg td{padding:8px 6px}}

/* ===== blokas 089348be  ===== */
.svc-list{display:grid;gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)}
  .svc-i{display:flex;align-items:center;gap:16px;padding:17px 22px;border-top:1px solid var(--line);text-decoration:none;transition:background .18s}
  .svc-i:first-child{border-top:0}
  .svc-i:hover{background:rgba(90,188,226,.06)}
  .svc-i__c{flex:0 0 54px;font-size:.7rem;font-weight:700;letter-spacing:.06em;color:var(--blue-2);background:rgba(90,188,226,.11);border-radius:7px;padding:5px 0;text-align:center}
  .svc-i__txt{flex:1;display:flex;flex-direction:column;gap:2px}
  .svc-i__t{color:#E8ECF1;font-size:.98rem;font-family:var(--disp);font-weight:500}
  .svc-i__d{color:#8B96A4;font-size:.82rem;line-height:1.35}
  .svc-i__a{color:#5C6773;font-size:1rem;transition:color .18s,transform .18s}
  .svc-i:hover .svc-i__a{color:var(--blue-2);transform:translateX(3px)}
  section[id]{scroll-margin-top:90px}
  /* juosta jau atskiria nuo viršaus — pirmai sekcijai tarpo nereikia */
  #services{padding-top:34px}

/* ===== blokas 374f7252 id="cty-chips-css" ===== */
.cty__body{margin-top:22px;display:grid;grid-template-columns:repeat(2,1fr);gap:26px 44px}
.cty__g>b{display:block;color:#fff;font-size:.95rem;margin-bottom:12px;letter-spacing:.01em}
.cty__chips{display:flex;flex-wrap:wrap;gap:8px}
.cty__chips span,.cty__chips a{display:inline-block;padding:6px 12px;border:1px solid rgba(90,188,226,.20);border-radius:999px;background:rgba(63,156,201,.06);color:#B7C0CC;font-size:.85rem;line-height:1.25;text-decoration:none;white-space:nowrap;transition:border-color .18s,background .18s,color .18s}
.cty__chips a{color:#cfe6f4;border-color:rgba(90,188,226,.38)}
.cty__chips a:hover{border-color:rgba(90,188,226,.7);background:rgba(63,156,201,.16);color:#fff}
@media(max-width:640px){.cty__body{grid-template-columns:1fr;gap:20px}}

/* ===== blokas d673394a id="pg-photo-css" ===== */
.pg-photo{margin:0 0 28px}.pg-photo img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:16px;border:1px solid var(--line)}.pg-photo--wide img{aspect-ratio:21/9;border-radius:18px}.pg-photo--card img{aspect-ratio:4/3;border-radius:14px}@media(max-width:720px){.pg-photo img,.pg-photo--wide img{aspect-ratio:16/10;border-radius:12px}}

/* ===== blokas 67d1d07c  ===== */
#routes .rt-key{color:#B7C0CC;font-size:.92rem;margin:0 0 22px;max-width:820px}
  #routes .rt-tbl{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)}
  #routes .rt-row{display:grid;grid-template-columns:170px 1fr;gap:20px;align-items:start;padding:16px 20px;border-top:1px solid var(--line);transition:background .2s}
  #routes .rt-row:first-child{border-top:0}
  #routes .rt-row:hover{background:rgba(90,188,226,.05)}
  #routes .rt-c b{display:block;color:#FDF7FA;font-family:var(--disp);font-weight:600;font-size:1rem;line-height:1.25}
  #routes .rt-c span{display:block;color:#7E8A98;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;margin-top:3px}
  #routes .rt-p{color:#B7C0CC;font-size:.88rem;line-height:1.65}
  @media(max-width:720px){
    #routes .rt-row{grid-template-columns:1fr;gap:6px;padding:14px 16px}
    #routes .rt-c span{display:inline;margin-left:8px}
  }

/* ===== blokas 28ff825b  ===== */
#pfaq{padding:52px 0}
#pfaq h2{font-size:clamp(22px,2.6vw,30px);margin:0 0 6px;color:#eaf2f8;letter-spacing:-.01em}
#pfaq .lead{color:#9fb3c4;line-height:1.65;font-size:15px;margin:0 0 18px;max-width:880px!important;width:auto!important}
.faq-d{border-bottom:1px solid rgba(255,255,255,.08)}
.faq-d summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;min-height:44px;color:#dbe8f2;font-size:15.5px;font-weight:600}
.faq-d summary::-webkit-details-marker{display:none}
.faq-d summary::after{content:"";flex:0 0 8px;width:8px;height:8px;border-right:2px solid #5fb4e4;border-bottom:2px solid #5fb4e4;transform:rotate(45deg);transition:transform .25s;margin-top:-4px}
.faq-d[open] summary{color:#8fd0f0}
.faq-d[open] summary::after{transform:rotate(-135deg);margin-top:2px}
.faq-d .a{padding:0 0 17px;color:#a9bccb;font-size:14.8px;line-height:1.7;max-width:900px}
.faq-d .a a{color:#7dc5e8}

/* ===== blokas cbddd0f7  ===== */
.cargo-t{width:100%;border-collapse:collapse;margin-top:20px;font-size:14.5px}
.cargo-t th{text-align:left;padding:10px 12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8ea3b4;border-bottom:1px solid rgba(255,255,255,.12)}
.cargo-t td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.06);color:#c3d4e0;vertical-align:top}
.cargo-t .hsc{font-weight:700;color:#7dc5e8;white-space:nowrap;width:92px}
.flag{display:inline-block;font-size:11.5px;padding:3px 9px;border-radius:20px;white-space:nowrap}
.f-eu{background:rgba(234,67,53,.14);color:#ff9d92}
.f-vet{background:rgba(90,188,226,.14);color:#7dc5e8}
.f-phy{background:rgba(52,168,83,.14);color:#6ddc8b}
.f-dual{background:rgba(251,188,4,.14);color:#fbbc04}
.f-none{color:#5f7183}
@media(max-width:620px){.cargo-t{font-size:13px}.cargo-t td,.cargo-t th{padding:8px 6px}.cargo-t .hsc{width:70px}}

/* ===== blokas eca290a8  ===== */
.cargo-d{margin-top:22px;max-width:100%}.cargo-d summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:9px;color:#5fb4e4;font-size:.95rem;font-weight:600;min-height:44px}.cargo-d summary::-webkit-details-marker{display:none}.cargo-d summary::after{content:"";width:8px;height:8px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);transition:transform .25s;margin-top:-4px}.cargo-d[open] summary::after{transform:rotate(-135deg);margin-top:2px}.cargo-d summary:hover{color:#8fd0f0}.cargo-d .cargo-t{margin-top:8px}

/* ===== blokas 84b7b979  ===== */
#cargo{padding:56px 0}
.cargo-t{width:100%;border-collapse:collapse;margin-top:20px;font-size:14.5px}
.cargo-t th{text-align:left;padding:10px 12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8ea3b4;border-bottom:1px solid rgba(255,255,255,.12)}
.cargo-t td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.06);color:#c3d4e0;vertical-align:top}
.cargo-t .hsc{font-weight:700;color:#7dc5e8;white-space:nowrap;width:92px}
.cargo-t .iss{color:#8ea3b4;font-size:13.5px}
.flag{display:inline-block;font-size:11.5px;padding:3px 9px;border-radius:20px;white-space:nowrap}
.f-eu{background:rgba(234,67,53,.14);color:#ff9d92}
.f-vet{background:rgba(90,188,226,.14);color:#7dc5e8}
.f-phy{background:rgba(52,168,83,.14);color:#6ddc8b}
.f-dual{background:rgba(251,188,4,.14);color:#fbbc04}
.cargo-note{margin-top:22px;padding:16px 18px;border-left:3px solid #5abce2;background:rgba(90,188,226,.06);border-radius:0 8px 8px 0;font-size:14.5px;line-height:1.65;color:#b8cbd9}
@media(max-width:620px){.cargo-t{font-size:13px}.cargo-t td,.cargo-t th{padding:8px 6px}.cargo-t .hsc{width:64px}}

/* ===== blokas a23e4dca id="qform-css" ===== */
.qform input,.qform textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:12px;padding:13px 15px;color:#FDF7FA;font-family:var(--body);font-size:.98rem}
.qform input::placeholder,.qform textarea::placeholder{color:#7E8A98}
.qform input:focus,.qform textarea:focus{outline:none;border-color:#5ABCE2;background:rgba(255,255,255,.08)}
.qrow{margin-bottom:12px}.qgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.qform button{margin-top:6px;cursor:pointer}
.qnote{margin-top:14px;font-size:.78rem;line-height:1.5;color:#8A97A6}.qnote a{color:#5fb4e4;text-decoration:underline;text-underline-offset:2px}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#contact .cgrid{max-width:660px;margin-left:auto;margin-right:auto;justify-items:start}#contact .crow{display:inline-flex;justify-content:flex-start;text-align:left}
@media(max-width:640px){.qgrid{grid-template-columns:1fr}}

/* ===== blokas 548a1d0f id="faqopen-css" ===== */
.faq details[open] summary{font-weight:700;color:#fff}

/* ===== blokas d897b9ae  ===== */
.legal{max-width:820px;margin:0 auto;padding:64px 32px 96px}.legal h1{font-family:var(--disp);font-size:clamp(2rem,4vw,2.8rem);font-weight:700;letter-spacing:-.02em;color:#fff;margin-bottom:10px}.legal .upd{color:#8A97A6;font-size:.85rem;margin-bottom:44px}.legal h2{font-family:var(--disp);font-size:1.15rem;font-weight:600;color:#5fb4e4;margin:36px 0 12px}.legal p{color:#B7C0CC;line-height:1.75;margin-bottom:14px;font-size:1rem}.legal a{color:#5fb4e4;text-decoration:underline;text-underline-offset:2px}.legal .back{display:inline-block;margin-top:48px;color:#B7C0CC;text-decoration:none;font-size:.92rem}.legal .back:hover{color:#fff}@media(max-width:720px){.legal{padding:44px 20px 72px}}

/* ===== blokas e5fbb9ec  ===== */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}
#quote .qform input,#quote .qform textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:12px;padding:13px 15px;color:#FDF7FA;font-family:var(--body);font-size:.98rem}#quote .qform input::placeholder,#quote .qform textarea::placeholder{color:#7E8A98}#quote .qform input:focus,#quote .qform textarea:focus{outline:none;border-color:#5ABCE2;background:rgba(255,255,255,.08)}#quote .qrow{margin-bottom:12px}#quote .qgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}#quote .qform button{margin-top:6px;cursor:pointer}@media(max-width:600px){#quote .qgrid{grid-template-columns:1fr}}

/* ===== blokas ce565de8  ===== */
.hero__slogan{margin:6px 0 0;font-size:.95rem;letter-spacing:.02em;color:#9bd7f5;font-weight:600;text-transform:uppercase}

/* ===== blokas a34a6730  ===== */
.more{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.more summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:9px;color:#5fb4e4;font-size:.95rem;font-weight:600;transition:color .2s}.more summary::-webkit-details-marker{display:none}.more summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .25s;margin-top:-4px}.more[open] summary::after{transform:rotate(-135deg);margin-top:2px}.more summary:hover{color:#8fd0f0}.more__body{margin-top:16px}.more__body p{color:var(--muted);line-height:1.75;margin-bottom:14px}.more__body p:last-child{margin-bottom:0}

/* ===== blokas df0fd395  ===== */
.cert{display:inline-flex;align-items:center;gap:11px;margin-top:22px;padding:11px 18px;border-radius:14px;
 background:linear-gradient(135deg,rgba(63,156,201,.14),rgba(63,156,201,.05));border:1px solid rgba(90,188,226,.34);
 color:#dceaf5;font-size:.95rem;transition:border-color .2s,background .2s}
.cert:hover{background:linear-gradient(135deg,rgba(63,156,201,.24),rgba(63,156,201,.09));border-color:rgba(90,188,226,.6)}
.cert b{color:#fff;font-weight:600}
.cert__m{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;
 background:radial-gradient(circle at 32% 27%,#f2fbfe,#5abce2 60%,#3f9cc9);color:#04121a;font-weight:700}

/* ===== blokas 3794530a  ===== */
details.det{margin-top:14px}
details.det>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;color:#7DC5E8;font-size:14px;font-weight:600;padding:10px 0;border-top:1px solid rgba(125,197,232,.25);user-select:none}
details.det>summary::-webkit-details-marker{display:none}
details.det .chev{display:inline-block;transition:transform .2s;font-size:16px;line-height:1}
details.det[open] .chev{transform:rotate(180deg)}
details.det .det-c{display:none}
details.det[open] .det-c{display:inline}
details.det[open] .det-o{display:none}
details.det .det-b{margin-top:6px}

/* ===== blokas bfb11ffc  ===== */
#hsinfo{padding:44px 0 8px}
#hsinfo h2{font-size:clamp(21px,2.4vw,27px);margin:0 0 10px;color:#eaf2f8;letter-spacing:-.01em}
#hsinfo p{color:#a9bccb;line-height:1.7;font-size:15px;margin:0 0 14px;max-width:900px!important;width:auto!important}
#hsinfo h3{font-size:16px;margin:22px 0 8px;color:#dbe8f2}
#hsinfo ul{margin:0 0 14px;padding-left:20px;color:#a9bccb;line-height:1.7;font-size:15px;max-width:900px}
#hsinfo li{margin:0 0 7px}
#hsinfo b{color:#dbe8f2}
#hsinfo a{color:#7dc5e8}

/* ===== blokas 51ac4b28  ===== */
#hsrisk{padding:46px 0 6px}
#hsrisk h2{font-size:clamp(21px,2.4vw,27px);margin:0 0 10px;color:#eaf2f8;letter-spacing:-.01em}
#hsrisk h3{font-size:16.5px;margin:22px 0 7px;color:#dbe8f2}
#hsrisk p{color:#a9bccb;line-height:1.7;font-size:15px;margin:0 0 13px;max-width:900px!important;width:auto!important}
#hsrisk b{color:#dbe8f2}
#hsrisk a{color:#7dc5e8}
#hsrisk .lead{color:#c2d3e0;font-size:15.5px}
#hsfaq{padding:8px 0 44px}
#hsfaq h2{font-size:clamp(21px,2.4vw,27px);margin:0 0 8px;color:#eaf2f8}
.hsq{border-bottom:1px solid rgba(255,255,255,.08)}
.hsq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;min-height:44px;color:#dbe8f2;font-size:15.5px;font-weight:600}
.hsq summary::-webkit-details-marker{display:none}
.hsq summary::after{content:"";flex:0 0 8px;width:8px;height:8px;border-right:2px solid #5fb4e4;border-bottom:2px solid #5fb4e4;transform:rotate(45deg);transition:transform .25s;margin-top:-4px}
.hsq[open] summary{color:#8fd0f0}
.hsq[open] summary::after{transform:rotate(-135deg);margin-top:2px}
.hsq .a{padding:0 0 17px;color:#a9bccb;font-size:14.8px;line-height:1.7;max-width:900px}
.hsq .a a{color:#7dc5e8}

/* ===== blokas b0b5bd46  ===== */
#cargo{padding:52px 0}
.chipwrap{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 15px;border-radius:26px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:#c3d4e0;font-size:14px;cursor:pointer;transition:.16s;font-family:inherit;line-height:1.3;text-align:left}
.chip:hover{border-color:#5abce2;background:rgba(90,188,226,.1);color:#eaf2f8}
.chip b{color:#7dc5e8;font-weight:700}
.chip .dot{width:7px;height:7px;border-radius:50%;flex:0 0 7px}
.d-eu{background:#ff7a6c}.d-vet{background:#5abce2}.d-phy{background:#34a853}.d-dual{background:#fbbc04}.d-none{background:#40525f}
.leg{margin-top:18px;font-size:13px;color:#8ea3b4;display:flex;flex-wrap:wrap;gap:16px}
.leg span{display:inline-flex;align-items:center;gap:7px}
@media(max-width:620px){.chip{font-size:13px;padding:8px 13px}}

/* ===== blokas 459c6eca id="news-img-css" ===== */
article .news-img{margin:0 0 16px}article .news-img img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:12px;border:1px solid var(--line)}@media(max-width:720px){article .news-img img{aspect-ratio:16/10}}

/* ---------- 0. Šriftai (self-host, subset latin+LT+cyrillic) ---------- */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-400.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-600.woff2) format('woff2')}
@font-face{font-family:'Onest';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/onest-500.woff2) format('woff2')}
@font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/onest-600.woff2) format('woff2')}

/* =====================================================================
   INFOBETA design system v2 — 2026-09-12
   Šis sluoksnis eina PO senojo CSS ir jį suvienodina:
   spalvų tokenai, tipografijos skalė, komponentai, ritmas, mobile.
   ===================================================================== */

/* ---------- 1. Tokenai ---------- */
:root{
  --bg:#0E1319; --bg2:#0E1319; --panel:#141A22;
  --ink:#F2F5F9;            /* antraštės, ryškus tekstas */
  --text:#C3CCD8;           /* pastraipos */
  --muted:#8A97A8;          /* pastabos, etiketės */
  --accent:#7DC5E8;         /* logotipo mėlyna */
  --accent-strong:#3F9CC9;
  --blue:#3F9CC9; --blue-2:#7DC5E8; --blue2:#7DC5E8; --card:#141A22;   /* seni pavadinimai */
  --line:rgba(255,255,255,.08);
  --r-s:8px; --r-m:14px; --r-l:20px;
  --navh:80px;
  --disp:'Onest',sans-serif;
  --body:'Inter',-apple-system,Helvetica,Arial,sans-serif;
}
@media(max-width:720px){:root{--navh:64px}}

/* ---------- 2. Bazė ---------- */
html{overflow-x:clip}
body{font-family:var(--body);background:var(--bg);color:var(--text);font-size:1rem;line-height:1.6;padding-bottom:0}
.no-js .reveal{opacity:1;transform:none}
a{text-decoration:none}
::selection{background:rgba(125,197,232,.32);color:#fff}

/* ---------- 3. Tipografija ---------- */
h1,h2,h3,h4,.head h1,.head h2,.foot h2,.rg h3,#svcinfo h2,#svcinfo h3,#svcfaq h2,#pfaq h2,#hsinfo h2,#hsinfo h3,#hsrisk h2,#hsrisk h3,#hsfaq h2,#cargo h2,#routes h2,article h2,.docs h3,.legal h1,.legal h2{
  font-family:var(--disp);font-weight:600;letter-spacing:-.02em;line-height:1.15;color:var(--ink);text-shadow:none}
h1,#hero h1,.head h1,.legal h1{font-size:clamp(1.9rem,3.2vw,2.75rem);line-height:1.1}
#hero h1{text-shadow:0 0 40px rgba(63,156,201,.25)}
h2,.foot h2,#svcinfo h2,#svcfaq h2,#pfaq h2,#hsinfo h2,#hsrisk h2,#hsfaq h2,#cargo h2,#routes h2,.legal h2,.rt-group h2,.rg h2{font-size:clamp(1.5rem,2.2vw,1.875rem)}
.head h2,.pg-home .foot h2,#contact h2{font-size:clamp(1.75rem,3vw,2.5rem)}
h3,#svcinfo h3,#hsinfo h3,#hsrisk h3,.rg h3,.docs h3{font-size:clamp(1.125rem,1.5vw,1.25rem);margin:28px 0 8px}
.faqq h3{font-size:1.0625rem;margin:0 0 6px;color:var(--ink)}
.rt-group h2{margin-bottom:16px}
article h2{font-size:clamp(1.25rem,1.9vw,1.5rem);font-weight:600;letter-spacing:-.01em}
.card h2,.card h3,.svc-list h3{font-size:1.2rem;margin:0 0 8px}
.side h2{font-family:var(--body);font-size:.8125rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.grass__slogan h2{font-size:clamp(1rem,2.3vw,2.4rem);line-height:1.14;white-space:nowrap;text-shadow:0 2px 34px rgba(0,0,0,.8)}
@media(max-width:720px){.grass__slogan h2{font-size:1.4rem;white-space:normal}}
.h1-sub{font-family:var(--disp);font-weight:500;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.35;color:var(--accent);margin:8px 0 16px;letter-spacing:-.01em}
.lead{font-size:clamp(1.25rem,2.2vw,1.75rem);color:var(--ink);line-height:1.2}
.head p,.sub,.hero__sub,.svc-lead{font-size:1.125rem;color:var(--text)}
.hero__sub{color:var(--text)}
p,li,.svc-body,#svcinfo p,#svcinfo ul,#hsinfo p,#hsinfo ul,#hsrisk p,#hsrisk .lead,article p,article .lead,.rg p,.hsq .a,.svq .a,.rt-flat,.cargo-note,.docs li,.split p,.card p,.faq p{font-size:1rem;line-height:1.65;color:var(--text)}
#hsrisk .lead,article .lead{color:var(--ink);max-width:760px;font-family:var(--body);font-weight:400;font-size:1.0625rem;line-height:1.6}
.svc-body,#svcinfo p,#svcinfo ul,#hsinfo p,#hsinfo ul,#hsrisk p,.rg p,article p{max-width:760px}
#svcinfo b,#hsinfo b,#hsrisk b,.docs b,.rg b,article b,strong{color:var(--ink);font-weight:600}
small,.note,.hint,.qnote,.crow small,.rt-key2,.cargo-t .iss,.meta,.disc,p.src{font-size:.8125rem;color:var(--muted)}
.eyebrow,.code-h{font-family:var(--disp);font-weight:600;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.nav__links{font-size:1.0625rem;gap:26px;color:var(--ink)}
.nav__links a{font-weight:500;color:var(--ink);text-decoration:none}
.nav__links a:hover{color:#fff}
.nav__links a.nav-on,.nav__links a.on{font-weight:600}
.nav.open .nav__links{font-size:1.4rem}
.faq summary,.svq summary,.hsq summary,.cargo-d summary,.cty summary,details.det>summary{font-family:var(--body);font-weight:600;font-size:1rem;color:var(--ink)}
.faq details[open] summary,.svq[open] summary,.hsq[open] summary{color:var(--accent);font-weight:600}
.chk li,.rv blockquote,.crow a,.crow span{color:var(--ink)}
.rv figcaption strong{color:var(--ink)}
.rv .st{color:var(--accent)}
.stat b{color:var(--ink);font-weight:600}.stat b i{color:var(--accent)}
.svc-body a,#svcinfo a,#hsinfo a,#hsrisk a,.hsq .a a,.rg a,article a,.faq p a,.docs a,.qnote a,.legal a,.cargo-note a,.split a{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(125,197,232,.35);text-underline-offset:3px}
.svc-body a:hover,#svcinfo a:hover,#hsinfo a:hover,#hsrisk a:hover,article a:hover{text-decoration-color:var(--accent)}
.legal-bar a{color:var(--text);text-decoration:underline;text-underline-offset:3px}

/* ---------- 4. Navigacija ---------- */
.nav{padding:16px 32px;background:var(--bg);min-height:var(--navh)}
.nav__logosvg{height:48px}
.nav__r{gap:14px}
.nav__lang{font-size:.8rem}
.nav__lang a{color:var(--muted);padding:6px 4px;text-decoration:none}
.nav__lang a.on{color:var(--ink);font-weight:600}
.nav .btn{padding:11px 20px;font-size:.92rem}
.burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;gap:5px;margin-right:-10px;padding:0!important;background:none!important;border:0!important;border-radius:0;box-shadow:none;color:inherit;font-size:0;line-height:0;min-height:0}
.burger span{width:22px;height:2px;background:var(--ink);display:block}
.nav.open .burger{top:14px;right:20px}
@media(max-width:900px){.burger{display:flex}}
@media(max-width:720px){.nav{padding:10px 20px}.nav__logosvg{height:40px}.nav__r{gap:8px}.nav__lang{display:inline-flex!important;font-size:.85rem}.nav__lang a{padding:8px 5px}}
@media(min-width:901px) and (max-width:1240px){.nav{padding:12px 20px}.nav__logosvg{height:40px}.nav__links{gap:16px;font-size:.95rem}.nav__r .btn{padding:8px 14px;font-size:.85rem}}
#about,#services,#faq,#reviews,#contact,#quote,#svcinfo,#svcfaq{scroll-margin-top:calc(var(--navh) + 12px)}

/* ---------- 5. Mygtukai ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--body);font-weight:600;font-size:.95rem;line-height:1.3;padding:12px 22px;border-radius:var(--r-m);cursor:pointer;border:0;text-decoration:none;white-space:nowrap}
.btn-p,.form button,.cta a,.side a.btn,.qform button{background:linear-gradient(135deg,#7DC5E8,#3F9CC9);color:#061420;box-shadow:0 4px 16px rgba(125,197,232,.18);font-weight:600;font-size:.95rem;border-radius:var(--r-m);border:0}
.btn-p:hover,.form button:hover,.cta a:hover,.side a.btn:hover{box-shadow:0 8px 26px rgba(125,197,232,.34);transform:translateY(-2px)}
.btn-o,.btn-wa{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:var(--ink);box-shadow:none}
.btn-o:hover,.btn-wa:hover{background:rgba(255,255,255,.1);border-color:rgba(125,197,232,.55);box-shadow:none;transform:translateY(-2px)}
.btn-wa svg{color:#4ADE80}
.form button{padding:14px 26px}
.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.cta-row .btn{margin:0!important}
.hero__cta{gap:12px}
@media(max-width:720px){
  .btn{padding:12px 18px;font-size:.9rem}
  .hero__cta{flex-wrap:wrap;gap:10px}
  .hero__cta .btn{flex:0 1 auto;font-size:.9rem;padding:12px 18px;letter-spacing:0;min-width:0}
  .cta-row .btn{flex:1 1 46%}
}

/* ---------- 6. Kortelės, laukai, kampai ---------- */
.card,.rv,.stat,.svc-list,article,.pg-photo img,.svc-photo img,.pg-photo--card img,.pg-photo--wide img,.news-img img,.hscard,.cta{border-radius:var(--r-l)}
.btn,input[type=text],input,textarea,.cic,.card .ic,.verdict,.disc,.chip-btn,.cert,.cargo-note{border-radius:var(--r-m)}
.tag,.chip{border-radius:999px}
.card,.rv,.stat,article,.side .card{background:var(--panel);border:1px solid var(--line)}
.card:hover{border-color:rgba(125,197,232,.45)}
input[type=text],.qform input,.qform textarea,#quote .qform input,#quote .qform textarea{background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--ink);font-family:var(--body);font-size:1rem;padding:13px 15px}
input[type=text]:focus,.qform input:focus,.qform textarea:focus,#quote .qform input:focus,#quote .qform textarea:focus{outline:none;border-color:var(--accent);background:rgba(255,255,255,.08)}
.qform input::placeholder,.qform textarea::placeholder,#quote .qform input::placeholder,input::placeholder{color:var(--muted)}
.tag,article .tag{font-weight:600}
.v-t,.cta .t,.hit .nm,.chip b{font-weight:600}
.cic,.card .ic,.crow .cic{background:rgba(125,197,232,.12);color:var(--accent)}
.faq summary::after{content:"";flex:0 0 8px;width:8px;height:8px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(45deg);transition:transform .25s;margin-top:-2px;font-size:0}
.faq details[open] summary::after{content:"";transform:rotate(-135deg);margin-top:6px}
.faq summary{padding:18px 0;align-items:center}
.svq summary::after,.hsq summary::after{border-color:var(--accent)}
.svq,.hsq,.faq details{border-bottom:1px solid var(--line)}
.cap li:before{color:var(--accent);font-weight:600}
.legal-bar{position:static;opacity:1!important;transform:none;display:block;text-align:center;padding:26px 20px;margin-top:0;background:var(--bg);border-top:1px solid var(--line);font-size:.8rem;line-height:1.6;color:var(--muted)}
.legal-bar.lb-show{opacity:1}
body{padding-bottom:0!important}
.pg-home .legal-bar{position:relative;z-index:70}

/* ---------- 7. Ritmas ---------- */
.sec,#cargo,#pfaq{padding:80px 0}
#svcinfo{padding:64px 0 16px}
#svcfaq{padding:40px 0 80px}
#hsinfo{padding:64px 0 16px}
#hsrisk{padding:32px 0 16px}
#hsfaq{padding:32px 0 72px}
#svcinfo h2,#hsinfo h2,#hsrisk h2,#svcfaq h2,#hsfaq h2,#pfaq h2,#cargo h2{margin:0 0 12px}
#svcinfo h3:first-child,#hsinfo h2+h3{margin-top:16px}
.head{margin-bottom:36px}
.head p{margin-top:14px}
.foot{padding:80px 0 40px}
.svc-photo{margin-top:8px;margin-bottom:0}
.pg-photo{margin:0 0 32px}
.pg-country .pg-photo--wide{margin:8px auto 0}
.pg-country .pg-photo--wide img{aspect-ratio:21/9}
@media(max-width:720px){
  .wrap,.rt-wrap{padding-left:20px;padding-right:20px}
  .sec,#cargo,#pfaq{padding:56px 0}
  #svcinfo,#hsinfo{padding:48px 0 12px}
  #svcfaq{padding:28px 0 56px}
  #hsfaq{padding:24px 0 52px}
  .head{margin-bottom:28px}
  .foot{padding:56px 0 32px}
  .pg-photo{margin-bottom:24px}
  .pg-country .pg-photo--wide img{aspect-ratio:16/10}
  .legal-bar{padding:22px 20px;font-size:.75rem}
}

/* ---------- 8. Puslapių specifika ---------- */
/* pradinis: viena lygiuotė (kairė), forma ne siauresnė už kitas sekcijas */
.pg-home #quote .wrap{max-width:1200px}
.pg-home #quote .wrap>*{max-width:760px}
.pg-home #quote .qform button{margin-top:8px}
.pg-home #quote{padding-top:0}
@media(max-width:720px){
  #hero{height:calc(88svh - var(--navh));min-height:480px}
  .hero__content{padding:0 0 6vh}
  #hero .eyebrow{font-size:.72rem;letter-spacing:.14em;white-space:normal}
  #hero h1{min-height:0}
}
/* kontaktai: 6 kontaktai viename 3×2 tinklelyje, be tuščių tarpų */
.pg-contact #contact .wrap{text-align:left}
.pg-contact #contact .cgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 28px;max-width:960px;margin:34px 0 0;text-align:left}
.pg-contact #contact .cgrid .cblock{display:contents}
.pg-contact #contact .crow{align-items:flex-start}
.pg-contact #contact .crow .cic{flex:0 0 44px}
.pg-contact #contact .crow a,.pg-contact #contact .crow span{font-size:1.05rem;line-height:1.35}
.pg-contact #contact .cta-row{justify-content:flex-start;margin-top:36px}
@media(max-width:900px){.pg-contact #contact .cgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pg-contact #contact .cgrid{grid-template-columns:1fr;gap:16px}}
/* HS / naujienos ant bendro fono ir pločio */
.pg-hs body,.pg-news body,body.pg-hs,body.pg-news{background:var(--bg)}
.pg-hs .wrap,.pg-news .wrap{max-width:1200px;padding:40px 32px 72px}
.pg-hs .grid,.pg-news .grid{grid-template-columns:minmax(0,1fr) 320px}
@media(max-width:900px){.pg-hs .grid,.pg-news .grid{grid-template-columns:1fr}}
@media(max-width:720px){.pg-hs .wrap,.pg-news .wrap{padding:28px 20px 56px}}
.pg-hs h1,.pg-news h1{margin-bottom:10px}
.pg-hs .sub,.pg-news .sub{margin-bottom:28px;max-width:640px}
.pg-hs .card,.pg-news .card{padding:22px}
.pg-hs .disc{background:rgba(255,255,255,.035);border:1px solid var(--line)}
.pg-hs .cta,.pg-news .hscard{background:linear-gradient(160deg,rgba(125,197,232,.16),rgba(63,156,201,.05));border:1px solid rgba(125,197,232,.3)}
.pg-news article{padding:26px 28px}
.pg-news article .meta{font-size:.75rem;letter-spacing:.08em;color:var(--muted)}
.pg-news article .tag{background:rgba(125,197,232,.16);color:var(--accent)}
/* paslaugų sąrašas: „Ką realiai vežame" tokia pat panelė kaip DUK */
#cargo .wrap>h2+p,#cargo .wrap>p{max-width:760px}
/* privatumo puslapis */
.legal{padding:56px 32px 96px}
@media(max-width:720px){.legal{padding:40px 20px 72px}}


/* pradinis: nuotrauka „Apie mus" — vienodas tarpas virš ir po ja (56 px) */
.pg-home #about .pg-photo--wide{margin:56px 0 0}
.pg-home #about{padding-bottom:0}
.pg-home #about + .sec{padding-top:56px}
@media(max-width:720px){.pg-home #about .pg-photo--wide{margin:40px 0 0}.pg-home #about{padding-bottom:0}.pg-home #about + .sec{padding-top:40px}}

/* pradinio finalas: kontaktai permatomi virš žolės scenos (kaip buvo) */
.pg-home .foot--glass{background:transparent!important;padding:70px 0 36px;border-top:0}
.pg-home .foot--glass .crow .cic{background:rgba(125,197,232,.14)}
b,strong,.navactive-css{font-weight:600}
.nav__links a.nav-on{font-weight:600!important}

/* ---------- 10. B/C/D etapas ---------- */
.skip{position:absolute;left:-9999px;top:10px;z-index:300;background:var(--accent);color:#061420;padding:10px 16px;border-radius:var(--r-s);font-weight:600;text-decoration:none}
.skip:focus{left:16px;outline:2px solid #fff}
.faq-group{font-size:clamp(1.25rem,1.9vw,1.5rem);margin:40px 0 6px;color:var(--accent)}
.faq .faq-group:first-child{margin-top:0}
.cta--mobile{display:none;margin-top:16px}
@media(max-width:900px){.cta--mobile{display:block}.pg-hs .side .cta{display:none}}
.pg-hs .h4{font-size:1rem;margin:18px 0 6px}
.news-item h2 a{color:var(--ink);text-decoration:none}
.news-item h2 a:hover{color:var(--accent)}
.news-item .news-thumb{display:block}
.news-item .news-img{margin:14px 0 12px}
.news-item .more{display:inline-block;margin-top:4px;color:var(--accent);font-weight:600;text-decoration:none}
.news-item .more:hover{text-decoration:underline}
.crumb{margin:0 0 14px;font-size:.9rem}
.crumb a{color:var(--muted);text-decoration:none}
.crumb a:hover{color:var(--accent)}
.news-full h1{font-size:clamp(1.5rem,2.6vw,2.125rem);margin:6px 0 12px}
.news-full .lead{margin-bottom:18px}
.news-full h2{font-size:clamp(1.15rem,1.8vw,1.375rem);margin:28px 0 10px;line-height:1.3;max-width:760px}
.news-full p+p{margin-top:12px}
.news-full .back{margin-top:26px}
.news-full .back a{color:var(--accent);text-decoration:none;font-weight:600}
.e404{max-width:760px;margin:0 auto;padding:96px 32px 120px;text-align:center}
.e404 .num{font-family:var(--disp);font-weight:600;font-size:clamp(4rem,12vw,7rem);line-height:1;color:var(--accent);opacity:.25;margin-bottom:8px}
.e404 h1{font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:14px}
.e404 p{margin-bottom:30px}
.e404 .links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
@media(max-width:720px){.e404{padding:64px 20px 80px}}
.news-teaser{list-style:none;margin:0;padding:0;display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r-l);background:var(--panel);overflow:hidden}
.news-teaser li+li{border-top:1px solid var(--line)}
.news-teaser a{display:flex;gap:18px;align-items:baseline;padding:16px 22px;color:var(--ink);text-decoration:none}
.news-teaser a:hover{background:rgba(125,197,232,.06)}
.news-teaser time{flex:0 0 96px;color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}
.news-teaser span{font-weight:500}
@media(max-width:720px){.news-teaser a{flex-direction:column;gap:4px;padding:14px 16px}}
.contact-info{max-width:760px;margin:14px 0 0;color:var(--text)}

/* ---------- 9. Prieinamumas ---------- */
a:focus-visible,.btn:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-s)}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}