/* Zioba ERP – coming soon: 3D durys, liepsna, trumpas pasakojimas */
@font-face{font-family:"Big Shoulders";font-weight:800;font-display:swap;src:url(fonts/big-shoulders-display-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-2193}
@font-face{font-family:"Big Shoulders";font-weight:800;font-display:swap;src:url(fonts/big-shoulders-display-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF}
@font-face{font-family:"Instrument Sans";font-weight:400;font-display:swap;src:url(fonts/instrument-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212}
@font-face{font-family:"Instrument Sans";font-weight:400;font-display:swap;src:url(fonts/instrument-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF}
@font-face{font-family:"Instrument Sans";font-weight:600;font-display:swap;src:url(fonts/instrument-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212}
@font-face{font-family:"Instrument Sans";font-weight:600;font-display:swap;src:url(fonts/instrument-sans-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF}
@font-face{font-family:"JetBrains Mono";font-weight:500;font-display:swap;src:url(fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193,U+2212}
@font-face{font-family:"JetBrains Mono";font-weight:500;font-display:swap;src:url(fonts/jetbrains-mono-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF}

:root{color-scheme:dark;--bg:#0b0807;--bg2:#120d0a;--ink:#f3ece2;--muted:#bdb1a3;--ember:#ff6a2b;--amber:#ffb35c;--line:rgba(243,236,226,.15);
  --display:"Big Shoulders","Arial Narrow",Impact,sans-serif;--body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --gutter:clamp(16px,4vw,56px);--p:0}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 clamp(1rem,.96rem + .2vw,1.125rem)/1.55 var(--body);overflow-x:clip}
a{color:inherit}
h1,h2,h3,p,ol,ul{margin:0;padding:0}
ol,ul{list-style:none}
strong{font-weight:600;color:#fff}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:3px}
.wrap{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--gutter)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;z-index:60;left:12px;top:-60px;padding:10px 16px;background:var(--ink);color:var(--bg);border-radius:6px}
.skip:focus{top:12px}

/* 3D scena už turinio; be WebGL lieka nuotrauka */
.scene{position:fixed;z-index:0;inset:0;height:100lvh;background:var(--bg) url(hero.webp) 72% center/cover no-repeat}
.scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,8,7,.82),rgba(11,8,7,.25) 58%,rgba(11,8,7,.05))}
.scene.live{background-image:none}
.scene.live::after{display:none}
#scene-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.1s ease}
.scene.live #scene-canvas{opacity:1}

/* juosta dešiniame krašte – slenkant „išsipučia“ kaip intumescent */
.strip{position:fixed;z-index:40;right:0;top:0;bottom:0;width:4px;background:rgba(243,236,226,.07)}
.strip::after{content:"";position:absolute;inset:0;transform-origin:top;transform:scaleY(var(--p));background:linear-gradient(180deg,#6b3a22,var(--ember) 80%,var(--amber));box-shadow:-2px 0 14px rgba(255,106,43,.6)}

/* antraštė */
.site-header{position:fixed;z-index:30;inset:0 0 auto;background:linear-gradient(180deg,rgba(11,8,7,.72),transparent);transition:background .3s,backdrop-filter .3s}
.site-header.stuck{background:rgba(11,8,7,.74);backdrop-filter:blur(12px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;height:72px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.brand-mark{display:block;width:46px;height:46px;flex:none}
.brand-text{display:grid;gap:5px;justify-items:start}
.brand-word{display:block;width:auto;height:23px}
.brand-tag{font-size:.69rem;line-height:1.1;color:var(--muted);white-space:nowrap}
.brand--footer .brand-mark{width:60px;height:60px}
.brand--footer .brand-word{height:31px}
.brand--footer .brand-tag{font-size:.86rem;white-space:normal}
.brand--footer,.brand--footer .brand-text,.footer-inner>div{min-width:0;max-width:100%}
.header-right{display:flex;align-items:center;gap:clamp(14px,2.4vw,34px)}
.top-nav{display:flex;gap:clamp(14px,2vw,28px);font-size:.92rem}
.top-nav a{position:relative;text-decoration:none;color:var(--ink);padding:6px 0}
.top-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--ember);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.top-nav a:hover::after{transform:scaleX(1)}
.languages{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;font:500 .78rem/1 var(--mono)}
.languages a{padding:9px 10px;text-decoration:none;color:var(--muted)}
.languages a[aria-current]{background:var(--ink);color:var(--bg)}

/* pirmas ekranas */
main{position:relative;z-index:2}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-block:96px 48px}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(11,8,7,.72),rgba(11,8,7,.38) 38%,transparent 60%)}
.hero-copy{position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:500 clamp(.72rem,.68rem + .2vw,.84rem)/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--amber);animation:rise .9s .1s both cubic-bezier(.2,.8,.2,1)}
.eyebrow i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--ember);box-shadow:0 0 0 0 rgba(255,106,43,.7);animation:pulse 2s infinite}
h1{margin-top:16px;font:800 clamp(3.6rem,7.9vw,9rem)/.88 var(--display);text-transform:uppercase;letter-spacing:-.005em;text-shadow:0 2px 40px rgba(11,8,7,.75)}
.h1-brand{display:block;margin-bottom:.14em;font-size:.34em;line-height:1;letter-spacing:.03em;color:var(--ink);animation:rise .9s .18s both cubic-bezier(.2,.8,.2,1)}
.h1-line{display:block;animation:rise 1s .28s both cubic-bezier(.2,.8,.2,1)}
.h1-fire{animation-delay:.4s;text-shadow:none;color:var(--ember);background:linear-gradient(100deg,#ff4a12 10%,var(--amber) 35%,#fff0cf 48%,var(--amber) 60%,#ff4a12 88%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.1em;margin-bottom:-.1em;animation:rise 1s .4s both cubic-bezier(.2,.8,.2,1),burn 7s 1.4s linear infinite}
.lead{max-width:34em;color:var(--ink);font-size:clamp(1.05rem,1rem + .35vw,1.3rem);line-height:1.5}
.hero .lead{margin-top:22px;max-width:30em;text-shadow:0 1px 14px rgba(11,8,7,.9);animation:rise 1s .55s both cubic-bezier(.2,.8,.2,1)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;animation:rise 1s .68s both cubic-bezier(.2,.8,.2,1)}
.hero-note{margin-top:16px;font-size:.88rem;color:var(--muted);text-shadow:0 1px 10px rgba(11,8,7,.9);animation:rise 1s .78s both cubic-bezier(.2,.8,.2,1)}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:0;border-radius:8px;font:600 1rem/1 var(--body);text-decoration:none;cursor:pointer;overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s;transform:translate(var(--mx,0),var(--my,0))}
.btn svg{width:20px;height:20px;transition:transform .25s}
.btn:hover svg{transform:translateX(4px)}
.btn--fire{background:linear-gradient(120deg,#ff8a45,var(--ember));color:#180a03;box-shadow:0 8px 34px rgba(255,106,43,.42)}
.btn--fire::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-100%);transition:transform .7s}
.btn--fire:hover{box-shadow:0 10px 50px rgba(255,106,43,.7)}
.btn--fire:hover::before{transform:translateX(100%)}
.btn--ghost{background:rgba(11,8,7,.45);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(243,236,226,.38);backdrop-filter:blur(6px)}
.btn--ghost:hover{box-shadow:inset 0 0 0 1px var(--amber);color:var(--amber)}

/* pasakojimas */
.steps{display:block}
.step{min-height:125svh;display:flex;align-items:center;padding-block:12svh}
.step--l{padding-inline:max(var(--gutter),calc((100vw - 1440px)/2 + var(--gutter))) var(--gutter);justify-content:flex-start}
.step--r{padding-inline:var(--gutter) max(var(--gutter),calc((100vw - 1440px)/2 + var(--gutter)));justify-content:flex-end}
.card{position:relative;width:min(100%,29rem);padding:clamp(22px,2.6vw,36px);background:rgba(13,9,7,.84);border:1px solid var(--line);border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.card::before{content:"";position:absolute;left:-1px;top:18px;bottom:18px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--amber),var(--ember))}
.card-num{display:block;font:800 clamp(3.2rem,5.4vw,5.2rem)/.9 var(--display);color:transparent;-webkit-text-stroke:1.5px var(--ember)}
.card h3{margin-top:10px;font:800 clamp(2.1rem,3.4vw,3.2rem)/1 var(--display);text-transform:uppercase;letter-spacing:.005em}
.card p{margin-top:12px}

/* sąrašai kortelėse */
.card-points{display:grid;gap:7px;margin-top:14px}
.card-points li{position:relative;padding-left:20px;font-size:.96em;line-height:1.4}
.card-points li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:2px;background:var(--ember)}

/* dalių pavadinimai ant 3D durų */
.callouts{position:absolute;inset:0;pointer-events:none;overflow:hidden;transition:opacity .2s}
.scene:not(.live) .callouts{display:none}
.callout{position:absolute;left:0;top:0;width:0;height:0;will-change:transform}
.callout b{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 2px rgba(11,8,7,.8),0 0 12px rgba(255,106,43,.8)}
.callout span{position:absolute;top:-11px;left:10px;padding:0 7px;height:22px;display:flex;align-items:center;white-space:nowrap;border-radius:4px;background:rgba(11,8,7,.86);color:var(--ink);font:500 .72rem/1 var(--mono)}
.callout.l span{left:auto;right:10px}

/* vientisos sekcijos po scenos */
.solid{position:relative;background:var(--bg);box-shadow:0 -60px 120px 40px var(--bg)}
.section{padding-block:clamp(72px,11vw,160px)}
.kicker{font:500 .84rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--amber)}
h2{margin-top:12px;font:800 clamp(2.8rem,6.6vw,6.4rem)/.94 var(--display);text-transform:uppercase}

/* žodžių siena: šviesa seka žymeklį */
.wall{--wx:30%;--wy:30%;margin-top:clamp(32px,5vw,64px);font:800 clamp(2.2rem,6.2vw,6.1rem)/1.04 var(--display);text-transform:uppercase;
  background:radial-gradient(circle clamp(180px,26vw,420px) at var(--wx) var(--wy),#fff0cf,var(--amber) 22%,var(--ember) 48%,rgba(243,236,226,.5) 78%);-webkit-background-clip:text;background-clip:text;color:rgba(243,236,226,.55)}
.wall li{display:inline;-webkit-text-fill-color:transparent}
.wall li:not(:last-child)::after{content:" / ";-webkit-text-fill-color:rgba(255,106,43,.5)}
.wall-note{margin-top:clamp(24px,3vw,40px);max-width:38em;color:var(--muted)}

/* kaina */
.price{position:relative;overflow:hidden;border-block:1px solid var(--line);background:var(--bg2)}
.price::before{content:"";position:absolute;right:-18%;bottom:-70%;width:min(90vw,1100px);aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(255,106,43,.42),rgba(255,106,43,.1) 60%,transparent);animation:smoulder 9s ease-in-out infinite alternate}
.price-inner{position:relative}
.price-h{max-width:12ch;font-size:clamp(3.6rem,12vw,12rem);line-height:.86}
.price-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,5vw,72px);margin-top:clamp(28px,4vw,56px);max-width:1040px}

/* kontaktai */
.contact{display:grid;grid-template-columns:1fr minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.contact .lead{margin-top:20px}
.direct{margin-top:18px;color:var(--muted)}
.direct a{color:var(--amber)}
.contact-form{display:grid;gap:18px;padding:clamp(20px,3vw,36px);border:1px solid var(--line);border-radius:12px;background:var(--bg2)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:grid;gap:7px;min-width:0}
.field label{font-size:.88rem;font-weight:600}
.field label span{color:var(--ember)}
.field input,.field textarea{width:100%;min-height:48px;padding:12px 14px;font:inherit;color:var(--ink);background:var(--bg);border:1px solid rgba(243,236,226,.28);border-radius:8px;transition:border-color .2s,box-shadow .2s}
.field textarea{min-height:130px;resize:vertical}
.field ::placeholder{color:#a0948a}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--ember);box-shadow:0 0 0 3px rgba(255,106,43,.28),0 0 34px rgba(255,106,43,.16)}
.form-send{width:100%}
.form-privacy{font-size:.8rem;color:var(--muted)}
.form-privacy a{color:var(--amber)}
.spam-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

/* DUK */
.faq{border-top:1px solid var(--line)}
.faq-inner{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(24px,5vw,72px)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list details:first-child{border-top:1px solid var(--line)}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;min-height:48px;cursor:pointer;font-weight:600;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";flex:none;font:500 1.4rem/1 var(--mono);color:var(--ember);transition:transform .25s}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list details p{padding:0 40px 22px 0;color:var(--muted)}

/* poraštė */
.site-footer{border-top:1px solid var(--line);padding-block:40px}
.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:flex-end}
.site-footer p{margin-top:12px;color:var(--muted)}
.small{font-size:.82rem}
.small a{color:var(--amber)}

/* 404 */
.notfound{min-height:100svh;display:flex;align-items:center;background:radial-gradient(60% 70% at 50% 110%,rgba(255,106,43,.4),transparent 70%),var(--bg)}
.notfound .kicker{margin-bottom:28px}
.notfound h1{font-size:clamp(3.2rem,9vw,8rem);margin:0 0 18px}
.notfound .hero-actions{animation-delay:.1s}

/* atsiradimas slenkant – tik kai JS veikia */
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
.js .reveal.in{opacity:1;transform:none}

@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes smoulder{to{transform:translate(-9%,-7%) scale(1.14);opacity:.72}}
@keyframes burn{to{background-position:-250% 0}}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(255,106,43,0)}100%{box-shadow:0 0 0 0 rgba(255,106,43,0)}}

@media(max-width:900px){
  .top-nav{display:none}
  .contact,.faq-inner{grid-template-columns:1fr}
}
@media(max-width:760px){
  .header-inner{height:64px}
  .brand{gap:8px}
  .site-header .brand-mark{width:40px;height:40px}
  .site-header .brand-word{height:20px}
  .site-header .brand-tag{font-size:.6rem}
  .hero{align-items:flex-end;padding-block:80px 28px}
  h1{font-size:clamp(2.9rem,15.4vw,5.6rem)}
  .hero::before{background:linear-gradient(180deg,transparent 30%,rgba(11,8,7,.82) 58%,rgba(11,8,7,.94))}
  .hero .lead{margin-top:16px;font-size:1rem}
  .hero-actions{margin-top:18px}
  .hero-actions .btn{flex:1 1 auto}
  .scene::after{background:linear-gradient(180deg,rgba(11,8,7,.1),rgba(11,8,7,.88) 62%)}
  .step{align-items:flex-end;padding-block:12svh 16svh}
  .step--l,.step--r{padding-inline:var(--gutter);justify-content:stretch}
  .card{width:100%}
  .site-header.stuck{backdrop-filter:none;background:rgba(11,8,7,.9)}
  .btn--ghost{backdrop-filter:none}
  .card-num{float:right;font-size:3rem;margin-left:12px}
  .callout span{top:-8px;height:16px;left:6px;padding:0 4px;font-size:.56rem}
  .callout.l span{left:auto;right:6px}
  .card h3{margin-top:0}
  .price-cols,.form-grid{grid-template-columns:1fr}
  .strip{width:3px}
}
@media(max-width:340px){.site-header .brand-tag{display:none}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .reveal{opacity:1;transform:none}
  .step{min-height:auto;padding-block:32px}
  .journey{padding-bottom:48px}
}