@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300 700;font-display:swap;src:url("../fonts/Cormorant-normal-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300 700;font-display:swap;src:url("../fonts/Cormorant-normal-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:300 700;font-display:swap;src:url("../fonts/Cormorant-italic-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:300 700;font-display:swap;src:url("../fonts/Cormorant-italic-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* =====================================================================
   HEALTHY BOWL, LUXE (2026-10-28)
   Tmava lesna zelena, slonovina, sampanske zlato. Cormorant Garamond.
   Ostre rohy, tenke zlate linky namiesto tienov, rimske cislovanie sekcii.
   Nacitava sa po site.css a prepisuje jeho vzhlad.
   ===================================================================== */
:root{
  --canvas:#F3EEE2; --paper:#FAF6EC; --sunken:#ECE6D6; --cream:#F3EEE2;
  --ink:#0B1D17; --ink-2:#37473F; --ink-3:#6A766E; --line:rgba(11,29,23,.14); --line-2:rgba(11,29,23,.22);
  --green:#2F7A57; --green-d:#1C5A40; --green-dd:#0B1D17;
  --gold:#A8843C; --gold-2:#DCC283; --gold-line:rgba(168,132,60,.42); --gold-soft:rgba(220,194,131,.22);
  --forest:#0B1D17; --forest-2:#0F2A20; --ivory:#F6F1E4;
  --serif:"Cormorant Garamond","Cormorant","Garamond","Palatino Linotype",Georgia,serif;
  --r:2px; --wrap:1280px;
  --ease:cubic-bezier(.16,.84,.24,1);
}
body{background:var(--canvas);font-size:17px;color:var(--ink);letter-spacing:.003em}
body::before{display:none}
body::after{opacity:.35;mix-blend-mode:multiply}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;letter-spacing:-.012em;line-height:1}
h1 em,h2 em{font-style:italic;font-weight:300;color:var(--green-d)}
h3{font-weight:600}
::selection{background:var(--gold-2);color:var(--forest)}
:focus-visible{outline:1px solid var(--gold);outline-offset:4px;border-radius:0}

/* stitky: Inter, velke rozostupy, zlata */
.eyebrow{font-family:var(--sans);font-size:11.5px;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);gap:16px}
.eyebrow::before{width:34px;height:1px;background:var(--gold)}
.dark .eyebrow,.hero .eyebrow,#philosophy .eyebrow,.final .eyebrow,.contact .eyebrow{color:var(--gold-2)}
.dark .eyebrow::before,.hero .eyebrow::before{background:var(--gold-2)}

/* rimske cislovanie sekcii */
body{counter-reset:shn}
.sec-h{counter-increment:shn}
.sec-h .eyebrow::before{content:counter(shn,upper-roman);width:auto;height:auto;background:none;font-family:var(--serif);font-style:italic;font-weight:400;font-size:26px;letter-spacing:0;text-transform:none;line-height:1;padding-right:16px;border-right:1px solid currentColor}

/* ---------- hlavicka ---------- */
.hdr .wrap{height:84px}
.hdr.scrolled{background:rgba(243,238,226,.92);box-shadow:0 1px 0 var(--gold-line)}
.hdr.scrolled .wrap{height:70px}
.brand{font-size:26px;font-weight:500;letter-spacing:.01em;color:var(--ivory);gap:13px}
.brand i{width:36px;height:36px;background:transparent;box-shadow:inset 0 0 0 1px var(--gold-2)}
.brand svg{stroke:var(--gold-2);width:17px;height:17px}
.brand em{color:var(--gold-2);font-weight:400}
.nav{gap:34px;font-size:11.5px;font-weight:500;letter-spacing:.22em;text-transform:uppercase}
.nav a{color:rgba(246,241,228,.78)}
.nav a:hover,.nav a.on{color:#fff}
.lang{background:transparent;border-color:rgba(246,241,228,.3);border-radius:0;padding:2px;font-family:var(--sans);font-size:10.5px;letter-spacing:.14em}
.lang a{border-radius:0;color:rgba(246,241,228,.75);padding:6px 11px}
.lang a[aria-current]{background:var(--gold-2);color:var(--forest)}
.burger{border-radius:0;border-color:rgba(246,241,228,.35);background:transparent;color:var(--ivory)}
.hdr.scrolled .brand{color:var(--ink)}
.hdr.scrolled .brand em{color:var(--green-d)}
.hdr.scrolled .brand i{box-shadow:inset 0 0 0 1px var(--gold)}
.hdr.scrolled .brand svg{stroke:var(--gold)}
.hdr.scrolled .nav a{color:var(--ink-2)}
.hdr.scrolled .nav a:hover,.hdr.scrolled .nav a.on{color:var(--ink)}
.hdr.scrolled .lang{border-color:var(--line-2)}
.hdr.scrolled .lang a{color:var(--ink-2)}
.hdr.scrolled .lang a[aria-current]{background:var(--forest);color:var(--ivory)}
.hdr.scrolled .burger{border-color:var(--line-2);color:var(--ink)}
.nav a::after{background:var(--gold-2)}
.hdr.scrolled .nav a::after{background:var(--gold)}

/* ---------- tlacidla ---------- */
.btn{border-radius:0;padding:19px 34px;font:500 11.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;background:transparent;border:1px solid var(--line-2);color:var(--ink);transition:background .45s var(--ease),color .45s var(--ease),border-color .45s,transform .45s var(--ease),box-shadow .45s}
.btn:hover{transform:none;background:var(--forest);color:var(--ivory);border-color:var(--forest)}
.btn svg{width:16px;height:16px;stroke-width:1.5}
.btn.pri{background:var(--forest);color:var(--ivory);border:1px solid var(--forest);box-shadow:none}
.btn.pri:hover{background:var(--gold);border-color:var(--gold);color:var(--forest);box-shadow:none}
.btn.sm{padding:13px 22px;border-radius:0}
.hdr .btn.pri,.hero .btn.pri,.dark .btn.pri,.final .btn.pri,.contact .btn.pri,#philosophy .btn.pri{background:var(--gold-2);color:var(--forest);border-color:var(--gold-2)}
.hdr .btn.pri:hover,.hero .btn.pri:hover,.dark .btn.pri:hover,.final .btn.pri:hover,.contact .btn.pri:hover{background:var(--ivory);border-color:var(--ivory);color:var(--forest)}
.hero .btn:not(.pri),.dark .btn:not(.pri),.final .btn:not(.pri){color:var(--ivory);border-color:rgba(246,241,228,.4)}
.hero .btn:not(.pri):hover{background:var(--ivory);color:var(--forest)}
.hdr.scrolled .btn.pri{background:var(--forest);color:var(--ivory);border-color:var(--forest)}
.hdr.scrolled .btn.pri:hover{background:var(--gold);border-color:var(--gold);color:var(--forest)}

/* ---------- hero: tmavy, kľudny ---------- */
.hero{background:radial-gradient(1100px 700px at 82% 28%,rgba(47,122,87,.34),transparent 62%),radial-gradient(800px 600px at 8% 100%,rgba(168,132,60,.16),transparent 60%),linear-gradient(180deg,#0A1A14,#0E261D 70%,#0B1D17);color:var(--ivory);padding:170px 0 110px;min-height:min(100vh,980px);display:flex;align-items:center}
.hero>.wrap{width:100%}
.hero .grid{grid-template-columns:1.02fr .98fr;gap:clamp(30px,5vw,80px);position:relative;z-index:1}
.hero h1{font-size:clamp(56px,7.6vw,124px);font-weight:300;line-height:.93;letter-spacing:-.022em;margin:30px 0 34px;color:var(--ivory)}
.hero h1 em{color:var(--gold-2);font-weight:300}
.hero .lead{font-size:18px;line-height:1.75;color:rgba(246,241,228,.74);max-width:31em;font-weight:300}
.cta{margin-top:44px;gap:16px}
.trust{margin-top:56px;padding-top:28px;border-top:1px solid rgba(220,194,131,.35);gap:clamp(22px,3.4vw,48px);font-family:var(--sans);font-size:10.5px;letter-spacing:.26em;color:rgba(246,241,228,.6)}
.trust b{font-family:var(--serif);font-weight:300;font-size:clamp(40px,3.6vw,54px);color:var(--gold-2);margin-bottom:4px;letter-spacing:-.01em}
.orn{opacity:.2;right:-80px;top:40px}
.orn svg{stroke:var(--gold-2);stroke-width:.5}
.stage{max-width:640px}
.plate{box-shadow:0 70px 100px -40px rgba(0,0,0,.85),0 0 0 14px rgba(11,29,23,.9),0 0 0 15px var(--gold-2),0 0 0 34px rgba(220,194,131,.07),0 0 0 35px rgba(220,194,131,.35)}
.phone{border-radius:38px;background:linear-gradient(160deg,#24443A,#0A1A14);box-shadow:0 50px 80px -24px rgba(0,0,0,.85),0 0 0 1px var(--gold-2),inset 0 0 0 1px rgba(255,255,255,.12)}
.chip{border-radius:0;background:rgba(11,29,23,.72);border:1px solid rgba(220,194,131,.5);color:var(--ivory);box-shadow:0 20px 34px -14px rgba(0,0,0,.6);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;backdrop-filter:blur(10px)}
.chip i{background:var(--gold-2);box-shadow:0 0 0 4px rgba(220,194,131,.22)}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.hero .grid>div:first-child>*{animation:rise 1.2s var(--ease) both}
.hero .grid>div:first-child>:nth-child(2){animation-delay:.12s}
.hero .grid>div:first-child>:nth-child(3){animation-delay:.24s}
.hero .grid>div:first-child>:nth-child(4){animation-delay:.36s}
.hero .grid>div:first-child>:nth-child(5){animation-delay:.48s}
.hero .stage{animation:rise 1.6s var(--ease) .2s both}

/* ---------- marquee ---------- */
.marq{background:#091812;border-block:1px solid rgba(220,194,131,.3);padding:26px 0}
.marq .track{font-size:32px;font-weight:300;color:var(--gold-2);gap:64px}
.marq .track span{gap:64px}
.marq .track span::after{width:6px;height:6px;border-radius:0;transform:rotate(45deg);background:var(--gold-2)}

/* ---------- sekcie ---------- */
.sec{padding:clamp(96px,10vw,168px) 0}
.sec-h{margin-bottom:clamp(56px,6vw,96px)}
.sec-h h2{font-size:clamp(46px,6.2vw,98px);font-weight:300;line-height:.96;margin:26px 0 0}
.sec-h p{font-size:17.5px;font-weight:300;line-height:1.75;color:var(--ink-2)}
.dark .sec-h p{color:rgba(246,241,228,.7)}
@media(min-width:1100px){
  :root{--wrap:1280px}
  .sec-h{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);column-gap:90px}
  .sec-h p{border-left:1px solid var(--gold-line);padding-left:30px;margin-bottom:14px}
  .sec.dark .sec-h p{border-left-color:rgba(220,194,131,.4)}
}

/* kroky: bez kariet, zvisle linky */
.steps{gap:0;border-top:1px solid var(--gold-line)}
.step{background:none;border:0;border-radius:0;box-shadow:none;padding:44px clamp(24px,3vw,48px) 20px;border-right:1px solid var(--line)}
.step:first-child{padding-left:0}
.step:last-child{border-right:0;padding-right:0}
.step:hover{transform:none;border-color:var(--line)}
.step .stop{margin-bottom:28px}
.step .n{font-size:clamp(96px,9vw,150px);font-weight:300;color:transparent;-webkit-text-stroke:1px var(--gold);opacity:1;line-height:.8;transition:color .6s var(--ease)}
.step:hover .n{color:var(--gold-soft)}
.step h3{font-size:clamp(30px,2.6vw,40px);font-weight:500;margin:0 0 14px;letter-spacing:-.005em}
.step p{font-size:16px;line-height:1.75;font-weight:300}
.step .ic,.f .ic{background:transparent;border-radius:50%;width:60px;height:60px;box-shadow:inset 0 0 0 1px var(--gold-line);transition:background .5s var(--ease),box-shadow .5s,transform .6s var(--ease)}
.step .ic svg,.f .ic svg{stroke:var(--ink);stroke-width:1.2;width:27px;height:27px}
.step .ic svg .ac,.f .ic svg .ac{stroke:var(--gold)}
.step:hover .ic,.f:hover .ic{background:var(--forest);box-shadow:inset 0 0 0 1px var(--forest);transform:none}
.step:hover .ic svg,.f:hover .ic svg{stroke:var(--ivory)}
.step:hover .ic svg .ac,.f:hover .ic svg .ac{stroke:var(--gold-2)}
.f .ic::after{display:none}

/* tmave sekcie */
.dark{background:radial-gradient(1000px 600px at 88% 0%,rgba(47,122,87,.3),transparent 60%),radial-gradient(700px 500px at 0% 100%,rgba(168,132,60,.12),transparent 60%),linear-gradient(180deg,#0B1D17,#0D2419);color:var(--ivory)}
.dark h2{color:var(--ivory)}
.dark h2 em{color:var(--gold-2)}
.ring circle{stroke-width:15;stroke-linecap:butt}
.ring.has-hl circle.hl{stroke-width:21}
.ring::before{content:"";position:absolute;inset:-7%;border-radius:50%;border:1px solid rgba(220,194,131,.35)}
.ring::after{content:"";position:absolute;inset:-14%;border-radius:50%;border:1px solid rgba(220,194,131,.14)}
.ring .mid b{font-weight:300;font-size:clamp(64px,8vw,112px);letter-spacing:-.02em}
.ring .mid span{font-family:var(--sans);font-size:10.5px;letter-spacing:.34em;color:var(--gold-2)}
.g{border-radius:0;padding:22px 6px;border-top:1px solid rgba(220,194,131,.22);gap:6px 20px}
.g:last-child{border-bottom:1px solid rgba(220,194,131,.22)}
.g:hover,.g.hl{background:linear-gradient(90deg,rgba(220,194,131,.1),transparent)}
.g i{width:9px;height:9px;border-radius:50%}
.g b{font-family:var(--serif);font-size:26px;font-weight:500;letter-spacing:0}
.g small{font-weight:300;color:rgba(246,241,228,.6);font-size:14.5px}
.g .gr{font-size:28px;font-weight:400}
.g .pc{font-family:var(--sans);font-size:11px;letter-spacing:.12em;color:var(--gold-2)}

/* ukazka aplikacie */
.tab{border-radius:0;padding:22px 0 22px 26px;border:0;border-left:1px solid var(--line-2);gap:4px 22px;transition:border-color .5s,background .5s}
.tab .tn{font-size:34px;font-weight:300;color:var(--ink-3)}
.tab h3{font-size:30px;font-weight:500}
.tab p{font-weight:300;line-height:1.7}
.tab[aria-selected="true"]{background:linear-gradient(90deg,var(--gold-soft),transparent 80%);border-color:var(--gold);box-shadow:none}
.tabs{gap:0}
.devwrap::before{width:92%;background:none;border-radius:50%;box-shadow:0 0 0 1px var(--gold-line),0 0 0 40px rgba(168,132,60,.05),0 0 0 41px rgba(168,132,60,.25);opacity:1}
.dev{border-radius:50px;background:linear-gradient(160deg,#24443A,#0A1A14);box-shadow:0 70px 90px -34px rgba(11,29,23,.8),0 0 0 1px var(--gold),inset 0 0 0 1px rgba(255,255,255,.1)}
.dev .scr{border-radius:41px}

/* videa */
#fbvideos{background:radial-gradient(900px 500px at 50% 0%,rgba(168,132,60,.14),transparent 60%),linear-gradient(180deg,#081510,#0B1D17)}
.vgrid{gap:clamp(20px,2.4vw,36px)}
.vcard{position:relative;padding:12px;border:1px solid rgba(220,194,131,.4);border-radius:0;background:rgba(246,241,228,.02);box-shadow:none}
.vcard::before{content:"";position:absolute;inset:5px;border:1px solid rgba(220,194,131,.13);pointer-events:none;z-index:2}
.vcard .vnum{font-family:var(--serif);font-style:italic;font-weight:300;font-size:56px;line-height:1;color:var(--gold-2);background:none;padding:0;border:0;left:24px;top:14px;text-shadow:0 2px 22px rgba(0,0,0,.7);z-index:3}
.vid,.vid.vert,.vcard .vid.vert{border-radius:0;box-shadow:none}
.vid .play{border-radius:50%;width:88px;height:88px;padding:0;justify-content:center;background:rgba(11,29,23,.6);border:1px solid var(--gold-2);color:var(--ivory);backdrop-filter:blur(8px);font-size:0;gap:0;transition:background .5s,transform .5s var(--ease)}
.vid .play:hover{background:var(--gold-2);transform:translate(-50%,-50%) scale(1.06)}
.vid .play i{background:none;width:auto;height:auto}
.vid .play svg{fill:var(--gold-2);width:26px;height:26px;margin-left:4px}
.vid .play:hover svg{fill:var(--forest)}

/* funkcie: tenka mriezka */
#features{background:var(--paper)}
.feat{gap:0;border-top:1px solid var(--gold-line);border-left:1px solid var(--line)}
.f{background:none;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:48px clamp(28px,3vw,46px) 44px;overflow:visible;transition:background .6s var(--ease)}
.f::before{display:none}
.f:hover{transform:none;box-shadow:none;border-color:var(--line);background:#fff}
.f::after{font-family:var(--serif);font-style:italic;font-size:22px;letter-spacing:0;color:var(--gold);opacity:.9;top:34px;right:36px}
.f .ic{margin-bottom:34px}
.f h3{font-size:clamp(28px,2.2vw,34px);font-weight:500;margin-bottom:12px;letter-spacing:-.005em}
.f p{font-size:15.5px;font-weight:300;line-height:1.75}

/* citat */
#philosophy{background:radial-gradient(900px 500px at 50% 0%,rgba(168,132,60,.2),transparent 62%),linear-gradient(180deg,#0B1D17,#0E261D);color:var(--ivory);padding-block:clamp(110px,12vw,190px)}
.quote{max-width:1080px}
.quote blockquote{font-size:clamp(38px,5.6vw,86px);font-weight:300;line-height:1.02;letter-spacing:-.02em;color:var(--ivory)}
.quote blockquote em{color:var(--gold-2)}
.quote .qp{color:rgba(246,241,228,.65);font-weight:300;font-size:16.5px;max-width:48em}
.quote cite{font-family:var(--sans);font-size:10.5px;letter-spacing:.34em;color:var(--gold-2);margin-top:34px}
.quote cite::before{content:"";display:block;width:60px;height:1px;background:var(--gold-2);margin:0 auto 26px}

/* instalacia */
.install{gap:0;border-top:1px solid var(--gold-line)}
.ib{background:none;border:0;border-radius:0;box-shadow:none;padding:46px clamp(24px,3.4vw,56px) 36px 0}
.ib+.ib{border-left:1px solid var(--line);padding-left:clamp(24px,3.4vw,56px);padding-right:0}
.ib h3{font-size:44px;font-weight:400}
.ib .sub{font-family:var(--sans);font-size:11px;letter-spacing:.3em;color:var(--gold)}
.ib li{font-weight:300;line-height:1.7}
.ib li::before{border-radius:50%;background:none;box-shadow:inset 0 0 0 1px var(--gold-line);font-style:italic;font-size:18px;color:var(--gold)}
.qrbox{border-top-color:var(--line)}
.qrbox img{border-radius:0;border:1px solid var(--gold-line);padding:8px}

/* faq */
.faq{max-width:1040px}
.faq details{border-top-color:var(--line-2)}
.faq summary{font-size:clamp(25px,2.2vw,32px);font-weight:500;padding:30px 0;letter-spacing:-.005em}
.faq summary::after{border-radius:50%;width:40px;height:40px;border-color:var(--gold);color:var(--gold);font-weight:200;transition:transform .5s var(--ease),background .4s,color .4s}
.faq details[open] summary::after{background:var(--forest);color:var(--ivory);border-color:var(--forest)}
.faq .a{font-weight:300;line-height:1.8;font-size:17px}

/* kontakt + zaverecna vyzva */
.contact{background:var(--forest);color:var(--ivory);border:0;border-radius:0;box-shadow:inset 0 0 0 1px rgba(220,194,131,.35),inset 0 0 0 9px var(--forest),inset 0 0 0 10px rgba(220,194,131,.14);padding:clamp(44px,5vw,76px)}
.contact h2{color:var(--ivory);font-weight:300;font-size:clamp(40px,4.6vw,68px)}
.contact h2 em{color:var(--gold-2)}
.contact p{color:rgba(246,241,228,.7);font-weight:300}
.final{margin:0;border-radius:0;box-shadow:none;background:radial-gradient(800px 420px at 50% 120%,rgba(168,132,60,.26),transparent 65%),linear-gradient(180deg,#0B1D17,#081510);padding:clamp(100px,11vw,170px) 20px}
.final h2{font-size:clamp(46px,7vw,112px);font-weight:300;line-height:.96;max-width:12em;color:var(--ivory)}
.final h2 em{color:var(--gold-2)}
.final p{font-weight:300;color:rgba(246,241,228,.7);font-size:18px}
.final .btn.pri{box-shadow:none}
.final .bgc{border-color:rgba(220,194,131,.32);animation:slow 160s linear infinite}
.final .bgc.b{border-color:rgba(220,194,131,.14);animation-direction:reverse}

/* paticka */
.ftr{background:#081510;color:rgba(246,241,228,.65);padding:84px 0 44px}
.ftr .top{border-bottom-color:rgba(220,194,131,.22)}
.ftr a:hover{color:var(--gold-2)}
.ftr .brand{color:var(--ivory)}
.ftr .brand em{color:var(--gold-2)}
.ftr .brand i{box-shadow:inset 0 0 0 1px var(--gold-2)}
.ftr .brand svg{stroke:var(--gold-2)}
.ftr .disc{color:rgba(246,241,228,.45)}

/* odhalovanie */
.js .rv{transform:translateY(30px);transition:opacity 1.3s var(--ease),transform 1.3s var(--ease);transition-delay:var(--d,0s)}
.pbar{height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-2))}

/* ---------- mobil ---------- */
@media(max-width:960px){
  .nav.open{background:var(--forest);border-bottom:1px solid rgba(220,194,131,.3);box-shadow:none;inset:70px 0 auto 0}
  .nav.open a{color:var(--ivory);border-bottom-color:rgba(220,194,131,.18);font-size:13px;padding:18px 0}
  .hero{padding:120px 0 70px;min-height:0;display:block}
  .hero h1{font-size:clamp(50px,13vw,72px)}
  .step{border-right:0;border-bottom:1px solid var(--line);padding:38px 0 34px}
  .step:first-child{padding-left:0}
  .steps{border-top:1px solid var(--gold-line)}
  .feat{border-left:0}
  .f{border-right:0}
  .ib+.ib{border-left:0;border-top:1px solid var(--line);padding-left:0}
  .ib{padding-right:0}
  .sec-h h2{font-size:clamp(42px,11vw,60px)}
  .final h2{font-size:clamp(44px,12vw,64px)}
  .vcard .vnum{font-size:44px}
}
@media(prefers-reduced-motion:reduce){.hero .grid>div:first-child>*,.hero .stage{animation:none}}

/* ===== dolad po prvej kontrole ===== */
#features,#install,#faq,#contact{padding-top:clamp(96px,10vw,168px)!important}
#contact{padding-top:0!important;padding-bottom:clamp(60px,7vw,110px)}
.faq{max-width:none;margin:0}
.devwrap::before{box-shadow:0 0 0 1px var(--gold-line),0 0 0 44px transparent,0 0 0 45px rgba(168,132,60,.28)}
.vcard .vnum{background:linear-gradient(180deg,rgba(11,29,23,.78),rgba(11,29,23,0));width:calc(100% - 24px);left:12px;top:12px;padding:14px 0 36px 14px;text-shadow:none}
@media(min-width:900px){
  .hero{padding:132px 0 70px}
  .hero h1{font-size:clamp(52px,6.5vw,108px);margin:26px 0 28px}
  .cta{margin-top:36px}
  .trust{margin-top:44px;padding-top:22px}
}
@media(min-width:900px){
  .trust{flex-wrap:nowrap;justify-content:space-between;gap:16px;letter-spacing:.18em;font-size:10px}
  .trust b{font-size:clamp(34px,3vw,46px)}
}
@media(max-width:960px){
  .hero .grid{grid-template-columns:1fr!important;gap:40px}
  .hero .lead{max-width:none}
  .stage{max-width:420px}
  .chip{font-size:9px;letter-spacing:.14em;padding:8px 12px}
  .trust{flex-wrap:wrap;gap:18px 28px}
}