/*
Theme Name: Attrilio
Theme URI: https://www.attrilio.com
Author: Koni Design
Description: Attrilio — modularna fiskalna blagajna, parking rampe i softver po mjeri. Tema izgrađena iz originalnog dizajna, sadržaj uredljiv kroz wp-admin (Carbon Fields).
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: attrilio
*/

:root{--paper:#F6F3EC;--ink:#1A1714;--ink2:#57514A;--ink3:#6B655D;--line:#E0DACE;--co:#8A5410;--co2:#6E430C;--cos:#F3E8D2;--night:#211A12;--night2:#2A2216;--mk:#FFE347;--ok:#12A86A;--err:#D6334A;
--f:"Bricolage Grotesque","Avenir Next","Segoe UI Variable Display","Segoe UI","Helvetica Neue",Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--pad:clamp(20px,4.5vw,56px);--e:cubic-bezier(.2,.7,.1,1);
--zt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9'%3E%3Cpath d='M0 9L8 0l8 9z'/%3E%3C/svg%3E");--zb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9'%3E%3Cpath d='M0 0h16L8 9z'/%3E%3C/svg%3E")}
*{box-sizing:border-box}[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--f);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.lock{overflow:hidden}
svg,img{display:block;max-width:100%}a{color:inherit}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}
:focus-visible{outline:3px solid var(--co);outline-offset:3px}
.skip{position:fixed;left:16px;top:-80px;z-index:200;background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px}.skip:focus{top:16px}
.wrap{max-width:1280px;margin:0 auto;padding:0 var(--pad)}
h1,h2,h3,h4{margin:0;font-weight:700}p{margin:0}
h1{font-size:clamp(42px,6.3vw,92px);line-height:.98;letter-spacing:-.045em;font-weight:750}
h2{font-size:clamp(32px,4.2vw,56px);line-height:1.03;letter-spacing:-.04em}
h3{font-size:20px;line-height:1.25;letter-spacing:-.02em;font-weight:650}
.lede{font-size:clamp(18px,1.45vw,21px);color:var(--ink2);max-width:36em}
.help{font-size:14px;color:var(--ink2);line-height:1.45}
.sec{padding:clamp(72px,10vw,124px) 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;border:0;font-weight:600;font-size:16px;line-height:1;text-decoration:none;white-space:nowrap;transition:transform .25s var(--e),background .2s,color .2s,box-shadow .25s}
.btn:active{transform:scale(.98)}.btn.sm{min-height:42px;padding:0 18px;font-size:14.5px}
.bp{background:var(--co);color:#fff;box-shadow:0 12px 28px -14px rgba(138,84,16,.9)}.bp:hover{background:var(--co2);transform:translateY(-2px)}
.bg{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(26,23,20,.28)}.bg:hover{background:#fff;box-shadow:inset 0 0 0 1.5px var(--ink)}
.bl{background:#fff;color:var(--night)}.bl:hover{background:var(--mk)}.bi{background:var(--ink);color:#fff}
/* header */
.hdr{position:sticky;top:0;z-index:60}
.nav{position:relative;background:rgba(246,243,236,.88);backdrop-filter:saturate(1.5) blur(16px);-webkit-backdrop-filter:saturate(1.5) blur(16px);border-bottom:1px solid transparent;transition:border-color .3s}
.hdr.sc .nav{border-color:var(--line)}
.nav-in{display:flex;align-items:center;gap:18px;height:74px}
.logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:-.045em;text-decoration:none}
.nl{display:flex;gap:2px;margin-left:16px}
.nl>a,.nl>button{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:10px 14px;border-radius:999px;text-decoration:none;font-weight:550;font-size:15.5px}
.nl>a:hover,.nl>button:hover,.nl>button[aria-expanded=true]{background:rgba(26,23,20,.07)}
.nl>a[aria-current]{background:var(--ink);color:#fff}
.nl svg{transition:transform .25s}.nl button[aria-expanded=true] svg{transform:rotate(180deg)}
.nr{margin-left:auto;display:flex;align-items:center;gap:16px}
.tel{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;text-decoration:none}
.nr .btn{min-height:44px;padding:0 20px;font-size:15px}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:0;background:#fff;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px var(--line)}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 40px 60px -40px rgba(26,23,20,.35);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s,transform .22s var(--e),visibility 0s .22s}
.mega.open{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.mg-g{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding-top:18px;padding-bottom:26px}
.mg-g a{display:grid;grid-template-columns:48px 1fr;column-gap:14px;padding:16px;border-radius:20px;text-decoration:none}
.mg-g a:hover,.mg-g a:focus-visible{background:#fff}
.ic{grid-row:1/4;width:48px;height:48px;border-radius:14px;background:var(--cos);color:var(--co);display:grid;place-items:center;transition:.25s}
.mg-g a:hover .ic{background:var(--co);color:#fff}
.mg-g b{font-weight:650}.mg-g .s{font-size:14px;color:var(--ink2)}.mg-g .p{font:12.5px var(--mono);color:var(--co);margin-top:4px}
.mnav{position:fixed;inset:0;z-index:55;background:var(--paper);overflow:auto;padding:calc(var(--hh,74px) + 8px) 0 40px}
.mnav a.ml{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);font-size:19px;font-weight:600;text-decoration:none}
.mnav .btn{width:100%;margin-top:22px}
.strip{background:var(--mk)}
.strip-in{display:flex;align-items:center;gap:16px;min-height:56px;padding-top:8px;padding-bottom:8px;font-size:15px}.strip-in p{flex:1}
/* receipts */
.rw{filter:drop-shadow(0 24px 36px rgba(26,23,20,.13)) drop-shadow(0 2px 2px rgba(26,23,20,.06))}
.rc{background:#fff;font:13.5px/1.6 var(--mono);padding:36px clamp(20px,3vw,34px) 34px;color:var(--ink)}
.torn{-webkit-mask:var(--zt) 0 0/16px 9px repeat-x,linear-gradient(#000 0 0) 0 8px/100% calc(100% - 16px) no-repeat,var(--zb) 0 100%/16px 9px repeat-x;mask:var(--zt) 0 0/16px 9px repeat-x,linear-gradient(#000 0 0) 0 8px/100% calc(100% - 16px) no-repeat,var(--zb) 0 100%/16px 9px repeat-x}
.tt{-webkit-mask:var(--zt) 0 0/16px 9px repeat-x,linear-gradient(#000 0 0) 0 8px/100% 100% no-repeat;mask:var(--zt) 0 0/16px 9px repeat-x,linear-gradient(#000 0 0) 0 8px/100% 100% no-repeat}
.rh{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;color:var(--ink2);font-size:12.5px}.rh b{color:var(--ink);font-size:15px;letter-spacing:.08em}
.hr{border:0;border-top:1.5px dashed #A9A298;margin:18px 0}
.rl{list-style:none;margin:0;padding:0}
.rline{display:grid;grid-template-columns:auto minmax(20px,1fr) auto 20px;align-items:baseline;column-gap:10px;padding:14px 12px;margin:0 -12px;border-radius:6px;text-decoration:none;background:linear-gradient(var(--mk),var(--mk)) no-repeat 0 50%/0% 100%;transition:background-size .5s var(--e)}
.rline:hover,.rline:focus-visible{background-size:100% 100%}
.rl-n{font-weight:700;font-size:15px}.rl-d{border-bottom:2px dotted #B4ACA1;transform:translateY(-4px)}.rl-p{font-size:14px;white-space:nowrap}
.rl-go{align-self:center;transition:transform .3s var(--e)}.rline:hover .rl-go{transform:translateX(4px)}
.rl-ds{grid-column:1/-1;font:15px var(--f);color:var(--ink2);margin-top:2px}
.pre{clip-path:inset(0 100% 0 0)}
.sl{list-style:none;margin:0;padding:0}.sl li{display:flex;justify-content:space-between;gap:16px;padding:3px 0}
.sl li.new{animation:hl 1.2s var(--e)}@keyframes hl{0%{background:var(--mk)}100%{background:transparent}}
.sm-m{color:var(--ink2);font-size:12.5px;margin-top:6px}
.stot{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-weight:700;font-size:12.5px;letter-spacing:.04em}
.big{font:750 clamp(30px,3vw,40px) var(--f);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.sv{display:flex;justify-content:space-between;color:var(--ink2);font-size:13px}
.save{margin-top:12px;background:var(--mk);padding:6px 10px;font-size:12.5px;display:inline-block}
.anc{margin-top:12px;color:var(--ink3);font-size:11.5px}
.sfoot{display:flex;align-items:center;justify-content:space-between;margin-top:16px}
.reset{background:none;border:0;font:12px var(--mono);text-decoration:underline;color:var(--ink2)}
/* hero */
.hero{position:relative;overflow:hidden;isolation:isolate}
.dots{position:absolute;inset:0;width:100%;height:100%;z-index:-1;-webkit-mask-image:radial-gradient(110% 90% at 78% 62%,#000 30%,transparent 75%);mask-image:radial-gradient(110% 90% at 78% 62%,#000 30%,transparent 75%)}
.hg{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(24px,4vw,64px);align-items:end;min-height:calc(100svh - 74px);padding-top:clamp(40px,6vw,72px)}
.hc{padding-bottom:clamp(48px,7vw,96px)}
.kw{display:inline-flex;align-items:center;gap:8px;font:13.5px var(--mono);background:#fff;box-shadow:inset 0 0 0 1px var(--line);padding:7px 12px;border-radius:10px;margin-bottom:24px}
.kw::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok)}
.hero h1{max-width:11.2em}.hero .lede{margin-top:26px}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.proof{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:40px;font-size:15px;color:var(--ink2)}.proof b{color:var(--ink);font:600 15px var(--mono)}
.stage{position:relative;height:clamp(560px,66vh,660px)}
.dev{position:absolute;left:50%;bottom:0;width:280px;height:260px;transform:translateX(-50%);z-index:2;filter:drop-shadow(0 28px 34px rgba(26,23,20,.3))}
.paper{position:absolute;left:50%;bottom:238px;width:212px;height:0;transform:translateX(-50%);overflow:hidden;z-index:1}
.pin{width:212px;background:#fff;padding:22px 16px 18px;font:11.5px/1.5 var(--mono);color:#2A2318}
.pc{display:flex;flex-direction:column;text-align:center}.pc b{font-size:13px}
.pm{display:flex;justify-content:space-between;margin-top:8px;color:var(--ink2);font-size:10.5px}
.phr{border-top:1.5px dashed #9A938A;margin:8px 0}
.pi{display:grid;grid-template-columns:1fr auto}.pi span:first-child{grid-column:1/-1}.pi span:nth-child(2){color:var(--ink2)}
.pt2{display:flex;justify-content:space-between;font-weight:700;font-size:14px}.ps{display:flex;justify-content:space-between;color:var(--ink2)}
.pj{font-size:9.5px;color:var(--ink2);word-break:break-all}.pq{display:grid;place-items:center;margin:8px 0 4px}
.chip{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:12px 16px 12px 12px;font-size:14px;font-weight:600;line-height:1.25;box-shadow:0 22px 44px -22px rgba(26,23,20,.45),0 0 0 1px rgba(26,23,20,.05);opacity:0;transform:translateY(12px) scale(.96);transition:opacity .5s var(--e),transform .6s var(--e)}
.chip small{display:block;font-weight:400;font-size:12.5px;color:var(--ink2)}
.chip i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}
.done .chip{opacity:1;transform:none}.done .c2{transition-delay:.15s}.done .c3{transition-delay:.3s}
.c1{left:0;bottom:310px}.c2{right:0;top:16%}.c3{right:2%;bottom:120px}
.d-ok{opacity:0;transition:opacity .4s .2s}.done .d-ok{opacity:1}
/* sections */
.sg{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:start}
.sticky{position:sticky;top:120px}
.note{margin-top:28px;font-size:14px;color:var(--ink2);max-width:28em}
.rtot{display:flex;justify-content:space-between;font-weight:700;font-size:17px}
.rfoot{display:flex;align-items:center;gap:18px;margin-top:22px;font-size:12.5px;color:var(--ink2)}.rfoot div{display:flex;flex-direction:column;gap:4px}
.who{background:var(--co) radial-gradient(rgba(255,255,255,.13) 1.2px,transparent 1.3px) 0 0/20px 20px;color:#fff}
.wg{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,96px);align-items:center}
.wt{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}
.wt button{border:0;background:rgba(255,255,255,.13);color:#fff;padding:12px 18px;border-radius:999px;font-weight:550;font-size:15.5px;transition:.2s}
.wt button:hover{background:rgba(255,255,255,.24)}.wt button[aria-selected=true]{background:#fff;color:var(--co)}
.wd{margin-top:28px;font-size:19px;max-width:30em;color:rgba(255,255,255,.88);min-height:3em}
.who .btn{margin-top:28px}.who .rc{max-width:400px;margin-left:auto}.who .rw{filter:drop-shadow(0 30px 40px rgba(20,15,10,.45))}
.night{background:var(--night);color:#fff}.night .lede{color:rgba(255,255,255,.72)}
.pg{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,80px);align-items:center}.pg .btn{margin-top:32px}
.shead{display:grid;gap:18px;max-width:46em}
/* configurator */
.cfg{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,410px);gap:clamp(28px,4vw,64px);align-items:start;margin-top:48px}
.step{padding:32px 0 36px;border-top:1px solid var(--line)}.step:first-child{border:0;padding-top:0}
.sh{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.sn{width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:600 13px var(--mono);flex:none}
.tiles{display:grid;gap:12px}.t2{grid-template-columns:repeat(2,minmax(0,1fr))}.t3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:#fff;border:0;border-radius:20px;padding:18px 18px 16px;box-shadow:inset 0 0 0 1.5px var(--line);transition:box-shadow .2s}
.tile:hover{box-shadow:inset 0 0 0 1.5px #A7A096}
.tile[aria-pressed=true],.tile[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--co),0 0 0 4px var(--cos)}
.tile b{font-size:17px;font-weight:650}.td{font-size:14px;color:var(--ink2);line-height:1.35}.tp{font:600 13px var(--mono);margin-top:8px;color:var(--co)}
.row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding:16px 18px;background:#fff;border-radius:18px}
.stp{display:inline-flex;align-items:center;background:var(--paper);border-radius:999px;padding:4px;flex:none}
.stp button{width:38px;height:38px;border:0;border-radius:50%;background:#fff;font-size:19px;line-height:1;box-shadow:0 1px 2px rgba(26,23,20,.12)}
.stp button:hover{background:var(--ink);color:#fff}.stp output{min-width:40px;text-align:center;font-weight:650;font-variant-numeric:tabular-nums}
.bun{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bu{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;border:0;border-radius:22px;padding:20px 18px 18px;background:var(--ink);color:#fff;transition:transform .25s var(--e),box-shadow .2s}
.bu:hover{transform:translateY(-3px)}.bu.hot{background:var(--co)}
.bu[aria-pressed=true]{box-shadow:0 0 0 3px var(--paper),0 0 0 6px var(--mk)}.bu:disabled{opacity:.35;cursor:not-allowed;transform:none}
.bu b{font-size:17px}.bw{font-size:13.5px;opacity:.75}.bpr{font-size:28px;font-weight:750;letter-spacing:-.03em;margin-top:14px}.bpr small{font-size:14px;font-weight:500;opacity:.7}.bs{font:12px var(--mono);color:var(--mk)}
.mods{margin-top:24px;display:grid;gap:8px}
.mg{border:0;margin:0;background:#fff;border-radius:22px;padding:4px 18px 6px}.mg legend{float:left;width:100%;padding:16px 0 6px;font-weight:700;font-size:15px}
.mod{border-top:1px solid var(--line);clear:both}
.ml2{display:grid;grid-template-columns:26px minmax(0,1fr) auto;column-gap:14px;row-gap:2px;padding:14px 0;cursor:pointer;align-items:start}
.ck{appearance:none;-webkit-appearance:none;width:24px;height:24px;margin:1px 0 0;border-radius:8px;box-shadow:inset 0 0 0 1.5px #A39C92;background:#fff;display:grid;place-items:center;grid-row:1/3;flex:none;cursor:pointer}
.ck:checked{background:var(--co);box-shadow:none}.ck:checked::after{content:"";width:10px;height:5px;border:2.5px solid #fff;border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.nm{font-weight:600}.mpr{font:13.5px var(--mono);white-space:nowrap;text-align:right}.ds{grid-column:2/4;font-size:14.5px;color:var(--ink2);line-height:1.4}
.mod.on .mpr{color:var(--co);font-weight:600}.mod.off .ml2{cursor:not-allowed;opacity:.45}
.adjs{display:grid;gap:10px;padding:0 0 16px 40px}.adj{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14.5px}.adj small{display:block;font:12px var(--mono);color:var(--ink2)}
.sum{position:sticky;top:100px;display:grid;gap:20px}
.lead{background:#fff;border-radius:24px;padding:24px}
/* forms */
.form{display:grid;gap:14px;margin-top:16px}
.fl label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.opt{font-weight:400;color:var(--ink3)}
.fl input,.fl textarea{width:100%;border:0;border-radius:14px;background:var(--paper);padding:14px 16px;font-size:16px;transition:box-shadow .2s,background .2s}
.fl input:focus,.fl textarea:focus{outline:none;background:#fff;box-shadow:inset 0 0 0 2px var(--co)}
.fl [aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--err);background:#fff}
.err{color:var(--err);font-size:13.5px;margin-top:6px}.err:empty{display:none}
.cons{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:var(--ink2);line-height:1.4;cursor:pointer}
.form .btn{width:100%}
.okb{display:grid;gap:8px;justify-items:start}.okb svg{color:#fff;background:var(--ok);border-radius:50%;padding:7px;width:42px;height:42px}
.okb .m{font:14px var(--mono)}.okb .src{font:12px var(--mono);color:var(--ink3)}
/* service page */
.crumb{display:flex;gap:8px;font-size:14px;color:var(--ink2);padding-top:28px}.crumb a{text-decoration:none}.crumb a:hover{text-decoration:underline}
.shero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center;padding-top:clamp(24px,4vw,52px);padding-bottom:clamp(56px,8vw,104px)}
.shero h1{font-size:clamp(40px,5.2vw,76px)}.shero .lede{margin-top:24px}
.ptag{display:inline-flex;align-items:baseline;gap:10px;margin-top:28px;padding:10px 16px;background:#fff;border-radius:12px;font-size:14px;color:var(--ink2)}.ptag b{font:16px var(--mono);color:var(--ink)}
.ag{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,56px);align-items:start}
.ans{border-left:4px solid var(--co);padding:4px 0 4px clamp(20px,3vw,36px)}
.ans h2{font-size:15px;letter-spacing:0;color:var(--co);margin-bottom:12px}
.ans p{font-size:clamp(20px,1.9vw,25px);line-height:1.45;letter-spacing:-.01em;max-width:32em}
.facts dl{margin:0}.facts dl div{display:grid;grid-template-columns:1fr auto;gap:10px;padding:5px 0}
.facts dt{display:flex;gap:10px;color:var(--ink2)}.facts dt::after{content:"";flex:1;min-width:12px;border-bottom:2px dotted #C2BAAD;transform:translateY(-6px)}
.facts dd{margin:0;font-weight:600;text-align:right}
.steps{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));counter-reset:s;border-top:1.5px solid var(--ink)}
.steps li{position:relative;padding:26px 28px 0 0;counter-increment:s}
.steps li::before{content:counter(s);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--co);color:#fff;font:600 15px var(--mono);margin:-48px 0 22px}
.steps p{color:var(--ink2);margin-top:8px}
.feat{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px)}
.fl2{list-style:none;margin:0;padding:0}
.fl2 li{display:grid;grid-template-columns:52px 1fr;gap:4px 20px;padding:28px 0;border-top:1px solid var(--line)}
.fi{grid-row:1/3;width:52px;height:52px;border-radius:16px;background:#fff;display:grid;place-items:center;color:var(--co)}.fl2 p{color:var(--ink2)}
.exi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:clamp(32px,5vw,80px);align-items:center;background:var(--cos);border-radius:32px;padding:clamp(28px,4vw,56px)}.exi .btn{margin-top:28px}.exi .lede{margin-top:18px}
.fq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px)}
.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;cursor:pointer;list-style:none;font-weight:650;font-size:clamp(17px,1.4vw,20px);letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{flex:none;width:34px;height:34px;border-radius:50%;background:#fff;position:relative;transition:background .2s}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:currentColor;transform:translate(-50%,-50%)}
.faq summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .3s var(--e)}
.faq details[open] i{background:var(--mk)}.faq details[open] i::after{transform:translate(-50%,-50%)}
.fa{padding:0 0 26px;color:var(--ink2);max-width:40em}
.relw{max-width:680px;margin:0 auto}
.band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:clamp(28px,5vw,80px);align-items:center;background:var(--night) radial-gradient(rgba(255,255,255,.09) 1.2px,transparent 1.3px) 0 0/20px 20px;color:#fff;border-radius:36px;padding:clamp(28px,5vw,72px)}
.band p{color:rgba(255,255,255,.75);margin-top:18px;font-size:18px;max-width:30em}
.btel{display:inline-flex;align-items:center;gap:10px;margin-top:28px;font-size:22px;font-weight:650;text-decoration:none}
.band .form,.ct .form{background:#fff;color:var(--ink);border-radius:26px;padding:26px;margin:0}
.pl{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);padding:28px 0}.pl div:last-child{display:flex;gap:10px}
.ctg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:clamp(32px,6vw,96px);align-items:start}
.btl{display:inline-block;margin-top:32px;font-size:clamp(30px,4vw,52px);font-weight:750;letter-spacing:-.035em;text-decoration:none;background:linear-gradient(var(--mk),var(--mk)) no-repeat 0 88%/0% 38%;transition:background-size .5s var(--e)}.btl:hover{background-size:100% 38%}
/* visuals */
.vis{position:relative}.hint{margin-top:14px;font-size:13.5px;color:var(--ink3);text-align:center}
.tab{background:var(--ink);border-radius:30px;padding:12px;box-shadow:0 40px 70px -40px rgba(26,23,20,.6)}
.app{position:relative;background:#F2EEE6;border-radius:20px;overflow:hidden}
.abar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;font-size:14px}.abar i{width:8px;height:8px;border-radius:50%;background:var(--ok)}.abar span{margin-left:auto;font-size:13px;color:var(--ink2)}
.amain{display:grid;grid-template-columns:1.35fr 1fr;gap:10px;padding:10px}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pt{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;min-height:74px;padding:10px;border:0;border-radius:14px;background:#fff;text-align:left;font-size:12.5px;font-weight:600;line-height:1.2;box-shadow:inset 3px 0 0 var(--c,var(--co));transition:transform .15s,background .15s}
.pt b{font:500 12px var(--mono);color:var(--ink2)}.pt:hover{background:var(--cos)}.pt:active{transform:scale(.95)}
.ord{display:flex;flex-direction:column;background:#fff;border-radius:14px;padding:12px;font-size:12.5px}
.ord-l{list-style:none;margin:6px 0 0;padding:0;flex:1;min-height:110px}.ord-l li{display:grid;grid-template-columns:24px 1fr auto;gap:6px;padding:4px 2px;border-radius:6px}.ord-l b{font:500 12.5px var(--mono)}
.ord-t{display:flex;justify-content:space-between;align-items:baseline;border-top:1.5px dashed var(--line);padding-top:8px}.ord-t b{font-size:20px;letter-spacing:-.02em}
.pay{margin-top:10px;border:0;border-radius:12px;background:var(--co);color:#fff;font-weight:600;padding:12px;font-size:13.5px}.pay:disabled{opacity:.4;cursor:not-allowed}
.fisk{position:absolute;inset:0;display:grid;place-items:center;background:rgba(26,23,20,.85);color:#fff;text-align:center}
.fisk>div{display:grid;justify-items:center;gap:8px}.fisk svg{background:var(--ok);border-radius:50%;padding:8px;width:52px;height:52px}.fisk b{font-size:20px}.fisk span{font:11.5px var(--mono);opacity:.75}
.vcafe{padding-right:22%}.floor{width:100%;height:auto;filter:drop-shadow(0 30px 50px rgba(26,23,20,.14))}
.zn{font:700 14px var(--f);fill:var(--ink)}.bt{font:600 12px var(--f);fill:#fff;text-anchor:middle}.lg text{font:500 12px var(--f);fill:var(--ink2)}
.tbl{cursor:pointer;outline:none}.tbl .tb{transition:fill .3s,stroke .3s;stroke-width:2}
.tbl[data-st=free] .tb{fill:#fff;stroke:#C5BDB0}.tbl[data-st=busy] .tb{fill:var(--co);stroke:var(--co)}
.tbl[data-st=bill] .tb{fill:var(--mk);stroke:#E5C800;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{stroke-width:7}}
.tbl:focus-visible .tb{stroke:var(--ink);stroke-width:4}
.tl{font:700 14px var(--f);text-anchor:middle;fill:var(--ink)}.ta{font:500 11px var(--mono);text-anchor:middle;fill:var(--ink2)}.tbl[data-st=busy] text{fill:#fff}
.phone{position:absolute;right:0;top:12%;width:28%;min-width:150px;background:var(--ink);border-radius:30px;padding:8px;box-shadow:0 40px 60px -30px rgba(26,23,20,.6);transform:rotate(4deg)}
.phs{background:#fff;border-radius:23px;padding:14px 12px 16px;font-size:11.5px}.phs>b{display:block;font-size:13px}.phs>span{color:var(--ink3);font-size:10.5px}
.phc{margin:12px 0 4px;font-weight:700;font-size:10.5px;color:var(--co)}.phi{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #F0ECE3}.phi b{font:500 11px var(--mono)}
.phd{margin-top:12px;background:var(--mk);border-radius:10px;padding:8px 10px;display:grid}.phd span{font-size:10px}
.vshop{padding:0 6% 44px 0}.shc{background:#fff;border-radius:26px;padding:22px;box-shadow:0 40px 70px -40px rgba(26,23,20,.35)}
.shh{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.shh b{display:block;font-size:18px}.shh span{font-size:13px;color:var(--ink2)}
.pill{font:12px var(--mono);background:var(--cos);color:var(--co);padding:5px 10px;border-radius:99px}
.shr{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 64px;gap:14px;align-items:center;padding:10px 0;border-top:1px solid #F0ECE3}
.shr b{display:block;font-size:14px;font-weight:600}.shr span{font:11.5px var(--mono);color:var(--ink3)}
.bar{height:8px;border-radius:9px;background:#F0ECE3;overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--co);border-radius:9px;transition:width 1.1s var(--e)}
.in .bar i{width:var(--w)}.low .bar i{background:var(--err)}
.shq{font:13px var(--mono);text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.shq em{font:600 11px var(--f);font-style:normal;background:var(--mk);padding:1px 7px;border-radius:99px}
.shf{display:flex;justify-content:space-between;align-items:baseline;border-top:1.5px dashed var(--line);padding-top:12px;font-size:14px;color:var(--ink2)}.shf b{font-size:20px;color:var(--ink)}
.tag{position:absolute;right:0;bottom:0;width:200px;background:#fff;border-radius:16px;padding:14px;box-shadow:0 30px 50px -24px rgba(26,23,20,.45);transform:rotate(-5deg);display:grid;gap:8px;font-size:12.5px}.tag div{display:flex;justify-content:space-between;align-items:baseline}.tag b{font-size:18px}
.cd{transform-box:fill-box;transform-origin:center;animation:cdm 5s var(--e) infinite}
@keyframes cdm{0%,8%{transform:translate(135px,10px) rotate(14deg)}30%,62%{transform:translate(0,0) rotate(-4deg)}84%,100%{transform:translate(135px,10px) rotate(14deg)}}
.wv path{opacity:0;animation:wv 5s infinite}.wv path:nth-child(2){animation-delay:.15s}.wv path:nth-child(3){animation-delay:.3s}
@keyframes wv{0%,30%{opacity:0}36%{opacity:1}46%{opacity:0}52%{opacity:1}60%,100%{opacity:0}}
.cpay{animation:cp 5s infinite}.cok{opacity:0;animation:co 5s infinite}
@keyframes cp{0%,52%{opacity:1}56%,94%{opacity:0}100%{opacity:1}}@keyframes co{0%,52%{opacity:0}56%,94%{opacity:1}100%{opacity:0}}
.vpark{display:grid;gap:14px;color:#fff}.pk{width:100%;height:auto}
.pkp{display:grid;grid-template-columns:200px 1fr;gap:14px}
.occ{background:var(--night2);border-radius:20px;padding:18px}.occ span{font-size:13px;opacity:.7}.occ b{display:block;font-size:30px;letter-spacing:-.03em;margin:4px 0 12px;font-variant-numeric:tabular-nums}
.ob{height:8px;border-radius:9px;background:rgba(255,255,255,.12);overflow:hidden}.ob i{display:block;height:100%;background:var(--mk);transition:width .6s var(--e)}
.log{list-style:none;margin:0;padding:8px 16px;background:var(--night2);border-radius:20px;font-size:13.5px}
.log li{display:grid;grid-template-columns:46px 1fr auto auto;gap:12px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.07)}.log li:last-child{border:0}
.log b{font:600 13px var(--mono)}.log span{opacity:.65}.log em{font-style:normal;font-size:12px;padding:2px 8px;border-radius:99px;background:rgba(22,199,132,.18);color:#5BE3A8}.log em.iz{background:rgba(255,255,255,.1);color:#CFC8BA}
.log li.fr{animation:fr 1.4s var(--e)}@keyframes fr{0%{background:rgba(255,227,71,.25);opacity:0;transform:translateY(-6px)}30%{opacity:1;transform:none}100%{background:transparent}}
.pk-car{animation:car 8s ease-in-out infinite}@keyframes car{0%{transform:translateX(-230px)}28%,50%{transform:translateX(0)}78%,100%{transform:translateX(640px)}}
.pk-arm{transform-box:view-box;transform-origin:416px 212px;animation:arm 8s ease-in-out infinite}@keyframes arm{0%,32%{transform:rotate(0)}46%,72%{transform:rotate(78deg)}86%,100%{transform:rotate(0)}}
.pk-led,.pk-light{animation:led 8s steps(1) infinite}@keyframes led{0%{fill:#E5484D}40%{fill:#16C784}84%{fill:#E5484D}}
.pkc{font:700 17px var(--mono);fill:var(--mk);text-anchor:middle}.pkk{font:500 9px var(--mono);fill:#6B655D;text-anchor:middle}
.nla{stroke:#D9C396;stroke-width:2;stroke-dasharray:3 7;fill:none;animation:dash 1.2s linear infinite}@keyframes dash{to{stroke-dashoffset:-20}}
.nn rect{fill:#fff;stroke:#E0DACE;stroke-width:1.5}.nn text{font:600 14px var(--f);fill:var(--ink);text-anchor:middle}.nc text{font:700 15px var(--f);fill:#fff;text-anchor:middle}
.code{position:absolute;left:-2%;bottom:-6%;margin:0;background:var(--night);color:#ECE2CF;border-radius:18px;padding:16px 18px;font:500 12px/1.6 var(--mono);box-shadow:0 30px 50px -24px rgba(33,26,18,.6);max-width:300px;overflow:auto}.code .k{color:var(--mk)}.code .g{color:#5BE3A8}
.gal{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:240px 240px;gap:12px;margin-top:36px}
.gf{position:relative;margin:0;border-radius:24px;overflow:hidden;background:var(--night) radial-gradient(rgba(255,255,255,.08) 1.2px,transparent 1.3px) 0 0/20px 20px;color:rgba(255,255,255,.35)}.gf:first-child{grid-row:1/3}
.gf>span{position:absolute;inset:0;display:grid;place-items:center}.gf img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--e)}.gf:hover img{transform:scale(1.04)}
.gf figcaption{position:absolute;left:14px;bottom:14px;background:rgba(33,26,18,.72);color:#fff;font-size:13.5px;padding:6px 12px;border-radius:99px}
/* footer, tools */
.ft{background:var(--ink);color:#fff;padding:72px 0 32px}
.ftg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}.ft p{color:rgba(255,255,255,.65);margin-top:16px;max-width:24em;font-size:15px}
.ft h4{font-size:14px;color:rgba(255,255,255,.55);font-weight:500;margin-bottom:14px}.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.ft a{text-decoration:none;font-size:15px}.ft a:hover{color:var(--mk)}
.ftb{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:56px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:13.5px;color:rgba(255,255,255,.55)}
.tools{position:fixed;left:16px;right:16px;bottom:16px;z-index:70;display:flex;justify-content:space-between;pointer-events:none}.tools>*{pointer-events:auto}
.tb2{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;background:var(--ink);color:#fff;padding:11px 16px;font-size:13.5px;box-shadow:0 14px 30px -12px rgba(26,23,20,.6)}.tb2 b{color:var(--mk);font-weight:600}
.pnl{position:fixed;bottom:72px;z-index:71;width:min(430px,calc(100vw - 32px));max-height:min(70vh,560px);overflow:auto;background:#fff;border-radius:22px;padding:20px;box-shadow:0 40px 80px -30px rgba(26,23,20,.5),0 0 0 1px rgba(26,23,20,.06)}
#campP{left:16px}#seoP{right:16px}
.cl{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}.cl button{width:100%;text-align:left;border:0;background:var(--paper);border-radius:14px;padding:12px 14px;display:grid;gap:2px}
.cl button[aria-pressed=true]{background:var(--co);color:#fff}.cl code{font:11px var(--mono);opacity:.7;word-break:break-all}
.sdl{margin:12px 0 0;display:grid;gap:12px}.sdl dt{font-size:12px;color:var(--ink3)}.sdl dd{margin:2px 0 0;font-size:14px}.sdl em{font:normal 11.5px var(--mono);color:var(--ok)}
.sld pre{font:11px/1.5 var(--mono);background:var(--night);color:#ECE2CF;padding:12px;border-radius:12px;overflow:auto;max-height:260px}
.toast{position:fixed;left:50%;top:90px;z-index:90;transform:translate(-50%,-20px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:14px;font-size:14px;opacity:0;pointer-events:none;transition:.35s var(--e)}.toast.show{opacity:1;transform:translate(-50%,0)}
.wipe{position:fixed;inset:0;z-index:100;background:var(--co);color:#fff;display:grid;place-items:center;transform:translateY(105%)}
.wipe::before,.wipe::after{content:"";position:absolute;left:0;right:0;height:12px;background-size:16px 12px;background-repeat:repeat-x}
.wipe::before{top:-11px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12'%3E%3Cpath d='M0 12L8 0l8 12z' fill='%232E3BFF'/%3E%3C/svg%3E")}
.wipe::after{bottom:-11px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12'%3E%3Cpath d='M0 0h16L8 12z' fill='%232E3BFF'/%3E%3C/svg%3E")}
.wipe div{display:grid;justify-items:center;gap:10px;font:14px var(--mono)}.wipe b{font:750 clamp(28px,4vw,48px) var(--f);letter-spacing:-.03em}
.mbar{display:none}
@media (max-width:1080px){.cfg{grid-template-columns:1fr}.sum{position:static}.t3,.bun{grid-template-columns:1fr}.nr .tel{display:none}}
@media (max-width:860px){.nl,.nr .btn{display:none}.burger{display:inline-flex}.mega{display:none}
.hg,.sg,.wg,.pg,.shero,.ag,.feat,.fq,.ctg,.band,.exi{grid-template-columns:1fr}.hg{min-height:0}.hc{padding-bottom:0}.sticky{position:static}
.steps{grid-template-columns:1fr;border-top:0;border-left:1.5px solid var(--ink);margin-left:22px}.steps li{padding:0 0 32px 40px}.steps li::before{position:absolute;left:-23px;top:0;margin:0}
.pkp{grid-template-columns:1fr}.ftg{grid-template-columns:1fr 1fr}.gal{grid-template-columns:1fr;grid-template-rows:260px 200px 200px}.gf:first-child{grid-row:auto}.who .rc{margin:0 auto}
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:65;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-top:1px solid var(--line)}
.mbar span{display:block;font-size:12px;color:var(--ink2)}.mbar b{font-size:18px;letter-spacing:-.02em}.mbar .btn{min-height:46px}
.tools{bottom:84px}.pnl{bottom:140px}body{padding-bottom:76px}}
@media (max-width:560px){.t2{grid-template-columns:1fr}.stage{height:580px}.c1{left:-4px;bottom:330px}.c2{right:-4px}.chip{font-size:13px}
.vcafe{padding-right:0}.phone{position:relative;width:62%;margin:-36px 0 0 auto;top:auto;transform:rotate(3deg)}.amain{grid-template-columns:1fr}.ftg{grid-template-columns:1fr}
.strip-in{flex-direction:column;align-items:flex-start}.log li span:nth-child(3){display:none}.log li{grid-template-columns:44px 1fr auto}.code{position:relative;left:auto;bottom:auto;margin-top:-30px;max-width:none}.tb2{font-size:12.5px;padding:10px 13px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ---- prodajna poboljšanja (audit) ---- */
.htrust{display:flex;align-items:center;gap:8px;margin-top:22px;font-size:14px;color:var(--ink2);font-weight:550}
.htrust svg{color:var(--co);flex:none}
.benefits{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.benefits li{background:#fff;border-radius:22px;padding:24px 22px;box-shadow:inset 0 0 0 1.5px var(--line)}
.benefits .bi{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--cos);color:var(--co);margin-bottom:16px}
.benefits h3{font-size:17px;margin-bottom:8px}
.benefits p{font-size:14.5px;color:var(--ink2);line-height:1.45}
.tts{background:var(--cos)}
.ttg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tt{margin:0;background:#fff;border-radius:24px;padding:28px;box-shadow:0 30px 60px -40px rgba(26,23,20,.3)}
.tt blockquote{margin:0;font-size:18px;line-height:1.5;letter-spacing:-.01em}
.tt blockquote::before{content:"\201C";color:var(--co);font-size:40px;line-height:0;vertical-align:-18px;margin-right:4px}
.tt figcaption{margin-top:18px;font:600 14px var(--mono);color:var(--ink2)}
@media (max-width:980px){.benefits{grid-template-columns:repeat(2,1fr)}.ttg{grid-template-columns:1fr}}
@media (max-width:560px){.benefits{grid-template-columns:1fr}}
.sl li{flex-wrap:wrap}
.sl .sidro{flex-basis:100%;font:11px var(--mono);color:var(--ink3);margin-top:1px;text-align:right}
/* mobilni overflow fix */
html{overflow-x:hidden}
.htrust{flex-wrap:wrap}
@media (max-width:860px){
 .hg>*,.sg>*,.wg>*,.pg>*,.shero>*,.ag>*,.feat>*,.fq>*,.ctg>*,.band>*,.exi>*{min-width:0}
 .vis{max-width:100%;overflow:hidden}
 .rw,.rc,.shc,.floor,.pk{max-width:100%;min-width:0}
 .gal{min-width:0}
}
/* hero stage dovoljno visok da račun ne viri u tekst kad se hero slaže */
@media (max-width:860px){.stage{height:760px}}
/* kolačići banner */
.ckb{position:fixed;left:16px;right:auto;bottom:16px;z-index:120;width:min(560px,calc(100vw - 32px))}
.ckb-in{background:#fff;border-radius:22px;padding:22px 24px;box-shadow:0 30px 70px -30px rgba(26,23,20,.5),0 0 0 1px var(--line)}
.ckb-main h3{font-size:18px;margin-bottom:8px}
.ckb-main p{font-size:14px;color:var(--ink2);line-height:1.5}
.ckb-main a{color:var(--co);text-decoration:underline}
.ckb-opts{margin-top:16px;display:grid;gap:10px}
.ckb-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:var(--paper);border-radius:14px;padding:12px 14px;cursor:pointer}
.ckb-row b{font-size:14px}.ckb-row small{display:block;font-size:12.5px;color:var(--ink2);margin-top:3px;line-height:1.4}
.ckb-row input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--co)}
.ckb-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.ckb-btns .btn{flex:1 1 auto}
.ft .lnk-ck{background:none;border:0;padding:0;margin:0;font:inherit;font-size:15px;color:#fff;cursor:pointer;text-decoration:none}
.ft .lnk-ck:hover{color:var(--mk)}
@media (max-width:860px){.ckb{left:10px;right:10px;width:auto;bottom:88px}}
@media (max-width:560px){.ckb-btns .btn{flex:1 1 100%}}
/* prose (pravne/tekstualne stranice) */
.prose{max-width:760px}
.prose h1{font-size:clamp(34px,4.5vw,56px);margin-bottom:22px}
.prose h2{font-size:22px;letter-spacing:-.02em;margin:34px 0 10px}
.prose p{margin:0 0 14px;color:var(--ink2);line-height:1.6;font-size:16.5px}
.prose p.lead-p{font-size:clamp(18px,1.4vw,21px);color:var(--ink);margin-bottom:24px}
.prose a{color:var(--co);text-decoration:underline}
.prose strong{color:var(--ink)}
.prose ul{margin:0 0 14px;padding-left:22px;color:var(--ink2);line-height:1.6}
.prose li{margin-bottom:6px}
/* O nama — vrijednosti + brojke */
.vals{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.vals li{background:#fff;border-radius:22px;padding:28px 24px;box-shadow:inset 0 0 0 1.5px var(--line)}
.vals .vn{display:inline-block;font:600 13px var(--mono);color:var(--co);background:var(--cos);border-radius:8px;padding:4px 9px;margin-bottom:16px}
.vals h3{font-size:19px;margin-bottom:8px}
.vals p{font-size:14.5px;color:var(--ink2);line-height:1.5}
.stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center}
.stats b{display:block;font:750 clamp(40px,6vw,64px) var(--f);letter-spacing:-.03em;color:var(--mk);line-height:1}
.stats span{display:block;margin-top:10px;color:rgba(255,255,255,.72);font-size:15px}
@media (max-width:860px){.vals{grid-template-columns:1fr}.stats{grid-template-columns:1fr;gap:28px}}