/* TRENT AI — editorial layout */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#0b0c0e; --bg-2:#101216; --ink:#ececec; --muted:#8b9097; --line:rgba(255,255,255,.1);
  --gold:#cfa64a; --cyan:#38bdf8; --green:#34d399; --orange:#fb923c;
  --serif:'Cormorant Garamond',Georgia,serif; --sans:'Inter',-apple-system,sans-serif;
  --pad:clamp(1.25rem,5vw,5rem);
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.05;letter-spacing:-.01em}
h1{font-size:clamp(2.6rem,6.5vw,5.6rem)}
h2{font-size:clamp(2rem,4vw,3.4rem)}
h3{font-size:1.5rem}
p{max-width:34em}
.meta{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:1.2rem}
.link-arrow{display:inline-block;margin-top:2rem;padding-bottom:.35rem;border-bottom:1px solid var(--gold);color:var(--gold);font-size:.95rem}
.link-arrow::after{content:" \2192";}
.link-arrow:hover{color:var(--ink);border-color:var(--ink)}
section{border-top:1px solid var(--line)}

/* nav */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:1.2rem var(--pad);mix-blend-mode:difference}
.wordmark{font-family:var(--serif);font-size:1.4rem;letter-spacing:.08em}
.wordmark span{color:var(--gold);margin-left:.35rem;font-size:.9rem;letter-spacing:.2em;mix-blend-mode:normal}
.nav-links{display:flex;gap:2.2rem;font-size:.85rem}
.nav-links a:hover,.nav-cta{color:var(--gold)}
.nav-toggle{display:none;background:none;border:0;width:28px;height:20px;flex-direction:column;justify-content:space-between;cursor:pointer}
.nav-toggle span{height:1px;background:#fff}

/* hero */
.hero{position:relative;min-height:clamp(520px,66vh,660px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:0}
.hero-img{grid-column:2;width:100%;height:100%;object-fit:cover;object-position:22% center;filter:brightness(.92)}
.hero::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:10%;background:linear-gradient(90deg,var(--bg),rgba(11,12,14,0));pointer-events:none}
.hero-inner{grid-column:1;grid-row:1;align-self:center;padding:7rem var(--pad) 3rem;max-width:44rem;position:relative;z-index:1}
.hero h1{margin-bottom:1.2rem;font-size:clamp(2.2rem,4vw,3.6rem)}
.lead{font-size:1.05rem;color:#d5d8dc;max-width:30em}

/* facts */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 var(--pad)}
.fact{padding:2.2rem 1.5rem 2.2rem 0;border-right:1px solid var(--line)}
.fact:last-child{border-right:0}
.fact+.fact{padding-left:1.5rem}
.num{display:block;font-family:var(--serif);font-size:2.6rem;line-height:1;color:var(--gold)}
.lbl{display:block;margin-top:.5rem;font-size:.8rem;color:var(--muted);max-width:14em}

/* split */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem var(--pad);padding:clamp(3rem,7vw,6rem) var(--pad);align-items:center}
.split.reverse .split-img{order:2}
.split-img{margin:0;position:relative;width:100%;max-width:520px;aspect-ratio:4/3;justify-self:center;border:1px solid var(--line);overflow:hidden}
.split-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#nahradne .split-img img{object-position:35% center}
#servisy .split-img img{object-position:30% center}
.split-text{display:flex;flex-direction:column;justify-content:center;max-width:32rem}
.split-text h2{margin-bottom:1.2rem}
.split-text>p{color:#c5c9ce;font-size:1.05rem}
.rows{list-style:none;counter-reset:r;margin-top:2.2rem;border-top:1px solid var(--line)}
.rows li{counter-increment:r;display:flex;gap:1.5rem;align-items:baseline;padding:.9rem 0;border-bottom:1px solid var(--line);font-size:1rem}
.rows li::before{content:counter(r,decimal-leading-zero);font-family:var(--serif);font-size:1.1rem;color:var(--gold);min-width:2ch}

/* flow (how it works) */
.flow{padding:clamp(4rem,9vw,8rem) var(--pad)}
.flow-head{max-width:44rem;margin-bottom:3.5rem}
.flow-head h2{margin-top:.2rem}
.flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2rem,4vw,4rem)}
.flow-step figure{margin:0 0 1.6rem;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--line)}
.flow-step figure img{width:100%;height:100%;object-fit:cover}
.flow-step b{display:block;font-family:var(--serif);font-weight:400;font-size:1.6rem;color:var(--gold);line-height:1;margin-bottom:.6rem}
.flow-step h3{font-size:1.6rem;margin-bottom:.6rem}
.flow-step p{color:#c5c9ce;font-size:.95rem}
/* scope picker mock */
.scope{margin:0 0 1.6rem;aspect-ratio:4/3;display:flex;flex-direction:column;background:#0e1014;border:1px solid var(--line);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.72rem;color:#c5c9ce;overflow:hidden}
.scope-head{display:flex;justify-content:space-between;padding:.5rem .9rem;border-bottom:1px solid var(--line);color:var(--ink);letter-spacing:.06em;text-transform:uppercase;font-size:.62rem}
.scope-car{color:var(--muted);text-transform:none;letter-spacing:0}
.scope-list{list-style:none;padding:.4rem .9rem;flex:1}
.scope-list li{display:flex;align-items:center;gap:.6rem;padding:.2rem 0;color:var(--muted)}
.scope-list li.on{color:var(--ink)}
.scope-list i{width:12px;height:12px;border:1px solid var(--muted);flex-shrink:0}
.scope-list li.on i{background:var(--green);border-color:var(--green)}
.scope-list em{margin-left:auto;font-style:normal;color:var(--orange);font-size:.65rem}
.scope-list li.on:nth-child(2) em{color:var(--green)}
.scope-result{padding:.5rem .9rem;border-top:1px solid var(--line);line-height:1.45;color:var(--ink)}
.scope-result .code{color:var(--orange);margin-right:.3rem}
.scope-result small{display:block;color:var(--muted);font-size:.64rem;margin-top:.2rem}
.scope-actions{display:flex;gap:.5rem;padding:.5rem .9rem;border-top:1px solid var(--line)}
.btn-fix{background:var(--gold);color:#0b0c0e;padding:.45rem 1rem;font-weight:500}
.btn-ghost{border:1px solid var(--line);padding:.45rem .9rem;color:var(--ink)}

/* software */
.software{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:3rem clamp(2rem,5vw,5rem);padding:clamp(4rem,9vw,8rem) var(--pad);align-items:center}
.software.reverse{grid-template-columns:minmax(0,9fr) minmax(0,3fr)}
.software.reverse .software-shot{max-width:1060px}
.software.fleet{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.software.fleet .software-shot{max-width:720px}
.software.fleet .software-head{justify-self:start}
.software.reverse .software-shot{order:-1}
.software-head{max-width:30rem}
.software.reverse .software-head{justify-self:end}
.software-head h2{margin:.2rem 0 1.4rem;font-size:clamp(1.8rem,3vw,2.6rem)}
.software-head p:last-child{color:#c5c9ce}
.software-shot{margin:0;min-width:0;max-width:860px;width:100%;justify-self:center}
.software-shot img{width:100%;padding:8px;background:#15181d;border:1px solid rgba(255,255,255,.14);border-radius:10px;box-shadow:0 30px 70px rgba(0,0,0,.6)}
.software-shot figcaption{margin-top:1rem;font-size:.7rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;text-align:center}

/* caps */
.caps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:clamp(3rem,7vw,6rem) var(--pad);gap:3rem 2.5rem}
.caps-head{grid-column:1/3;max-width:36rem;margin-bottom:.5rem}
.caps-img{grid-column:3/5;margin:0;align-self:end;max-width:520px;justify-self:end;width:100%}
.caps-img img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center 30%;border:1px solid var(--line)}
.caps-img figcaption{margin-top:.8rem;font-size:.72rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.caps-head h2{margin:.2rem 0 1.2rem}
.caps-head p:last-child{color:#c5c9ce}
.caps ul{list-style:none}
.caps li{padding:.65rem 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:1.2rem;line-height:1.25}

/* faq */
.faq{padding:clamp(3rem,7vw,6rem) var(--pad);max-width:52rem}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{display:block;width:100%;text-align:left;background:none;border:0;color:var(--ink);font-family:var(--serif);font-size:1.5rem;padding:1.1rem 0;cursor:pointer}
.faq-q::after{content:"+";float:right;color:var(--muted)}
.faq-item.open .faq-q::after{content:"\2013"}
.faq-a{max-height:0;overflow:hidden;color:#c5c9ce;transition:max-height .3s ease,padding .3s ease}
.faq-item.open .faq-a{max-height:12rem;padding-bottom:1.2rem}

/* contact */
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem var(--pad);padding:clamp(3rem,7vw,6rem) var(--pad);background:var(--bg-2)}
.contact-text h2{margin-bottom:1.2rem}
.contact-text p{color:#c5c9ce}
.contact-text a{color:var(--gold)}
.form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.6rem 2rem}
.form label{display:flex;flex-direction:column;gap:.4rem}
.form span{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.form input,.form select{background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);font:inherit;padding:.5rem 0;border-radius:0}
.form input:focus,.form select:focus{outline:0;border-color:var(--gold)}
.form select option{background:var(--bg-2)}
.submit{grid-column:1/-1;justify-self:start;margin-top:.5rem;background:var(--gold);color:#0b0c0e;border:0;padding:.9rem 1.6rem;font:inherit;font-weight:500;cursor:pointer}
.submit:hover{background:#e0b85c}
.form-ok h3{margin-bottom:.5rem}

/* footer */
.footer{display:flex;gap:2rem;flex-wrap:wrap;padding:1.6rem var(--pad);border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}
.footer a:hover{color:var(--gold)}

/* responsive */
@media(max-width:900px){
  .hero{grid-template-columns:minmax(0,1fr);min-height:0}
  .hero-img{grid-column:1;grid-row:1;height:60vw;min-height:320px}
  .hero::after{display:none}
  .hero-inner{grid-row:2;padding-top:2.5rem}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fact:nth-child(2){border-right:0}.fact:nth-child(3){padding-left:0}
  .split,.split.reverse{grid-template-columns:minmax(0,1fr)}
  .split.reverse .split-img{order:0}
  .split-img{justify-self:start}
  .software,.software.fleet,.contact,.form,.flow-grid{grid-template-columns:minmax(0,1fr)}
  .caps-head,.caps-img{grid-column:1/-1}
  .software.reverse .software-shot{order:0}
  .software.reverse .software-head{justify-self:start}
  .software-shot{justify-self:start}
  .software-shot figcaption{text-align:left}
  .caps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .caps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav{mix-blend-mode:normal;background:linear-gradient(rgba(11,12,14,.9),rgba(11,12,14,0))}
  .nav-toggle{display:flex}
  .nav-links{position:fixed;inset:0;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:2rem;font-size:1.4rem;font-family:var(--serif);transform:translateX(100%);transition:transform .3s}
  .nav-links.open{transform:none}
  .nav-toggle{position:relative;z-index:2}
}
@media(max-width:560px){
  .caps{grid-template-columns:minmax(0,1fr)}
  .facts{grid-template-columns:minmax(0,1fr)}
  .fact,.fact+.fact{border-right:0;padding-left:0;border-bottom:1px solid var(--line)}
  .fact:last-child{border-bottom:0}
}