#lmu{
  --bg:#000000; --panel:#141416; --panel2:#1d1d21; --line:#2c2c32; --line2:#3a3a42;
  --ink:#ffffff; --ink2:#d4d4da; --muted:#8e8e98; --err:#ff6b8b;
  --amber:#fbb019; --coral:#f37a4f; --magenta:#e62c8a; --violet:#7a3c97; --blue:#2b55c0;
  --grad:linear-gradient(110deg,#fbb019 0%,#f37a4f 28%,#e62c8a 55%,#7a3c97 80%,#2b55c0 100%);
  
}
#lmu *, #lmu *::before, #lmu *::after{box-sizing:border-box}
#lmu{background:var(--bg);color:var(--ink);font-family:"Urbanist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}
#lmu button, #lmu input, #lmu textarea, #lmu select{font:inherit;color:inherit}
#lmu :focus-visible{outline:2px solid var(--magenta);outline-offset:3px;border-radius:8px}
#lmu .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#lmu /* top */
.top{display:flex;align-items:center;gap:12px;padding:18px 28px;max-width:1240px;margin:0 auto}
#lmu /* progress */
.bar{height:3px;background:var(--line);position:sticky;top:var(--lmu-sticky-top,0px);z-index:10}
#lmu .bar i{display:block;height:100%;width:0;background:var(--grad);transition:width .4s ease}
#lmu /* intro */
.intro{max-width:1240px;margin:0 auto;padding:40px 28px 80px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;}
#lmu .intro h1{font-size:clamp(44px,6.4vw,88px);line-height:.95;letter-spacing:-.045em;font-weight:900;margin:0 0 24px}
#lmu .intro p.lead{font-size:20px;color:var(--ink2);max-width:34em;margin:0 0 32px}
#lmu .intro ul{list-style:none;padding:0;margin:0 0 36px;display:grid;gap:10px;color:var(--ink2)}
#lmu .intro li{display:flex;gap:12px;align-items:baseline}
#lmu .intro li b{color:var(--ink);font-weight:700;min-width:7.5em}
#lmu .tri{position:relative;aspect-ratio:1/1;max-width:520px;width:100%;justify-self:center}
#lmu .tri svg{width:100%;height:100%;overflow:visible}
#lmu .tri .t{transform-origin:55% 50%;animation:float 9s ease-in-out infinite}
@keyframes float{0%,100%{transform:rotate(0deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-10px)}}
@media (prefers-reduced-motion:reduce){#lmu .tri .t{animation:none}
#lmu .bar i{transition:none}}
#lmu .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line2);background:transparent;padding:14px 22px;border-radius:12px;font-weight:700;cursor:pointer;text-decoration:none;color:var(--ink);white-space:nowrap}
#lmu .btn:hover{border-color:var(--ink)}
#lmu .btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}
#lmu .btn.primary:hover{opacity:.88}
#lmu .btn.big{padding:18px 30px;font-size:18px;border-radius:14px}
#lmu .btn.ghost{border-color:transparent;color:var(--muted)}
#lmu .btn.ghost:hover{color:var(--ink)}
#lmu .btn:disabled{opacity:.45;cursor:not-allowed}
#lmu .note{color:var(--muted);font-size:14px}
#lmu /* wizard */
.wiz{max-width:1240px;margin:0 auto;padding:28px 28px 60px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:56px}
#lmu .wiz[hidden], #lmu .intro[hidden], #lmu .thanks[hidden]{display:none}
#lmu .steps{position:sticky;top:28px;align-self:start}
#lmu .steps ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
#lmu .steps button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;background:none;padding:9px 10px;border-radius:10px;cursor:pointer;color:var(--muted);font-weight:600;font-size:15px}
#lmu .steps button:hover:not(:disabled){color:var(--ink);background:var(--panel)}
#lmu .steps button:disabled{cursor:default;opacity:.55}
#lmu .steps .n{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line2);display:grid;place-items:center;font-size:12.5px;font-weight:800;flex:none}
#lmu .steps li.done .n{background:var(--ink);color:var(--bg);border-color:var(--ink)}
#lmu .steps li.cur button{color:var(--ink);background:var(--panel)}
#lmu .steps li.cur .n{border-color:var(--magenta);color:var(--ink)}
#lmu .steps .saved{margin:18px 10px 0;font-size:13px;color:var(--muted)}
#lmu .mstep{display:none;color:var(--muted);font-size:14px;font-weight:600;margin-bottom:6px}
#lmu .pane{max-width:760px}
#lmu .pane h2{font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:-.035em;font-weight:900;margin:0 0 12px}
#lmu .pane .sub{color:var(--ink2);font-size:18px;margin:0 0 36px;max-width:38em}
#lmu .q{margin:0 0 34px;border:0;padding:0;min-width:0}
#lmu .q > legend, #lmu .q > label.lbl{display:block;font-weight:800;font-size:19px;letter-spacing:-.01em;margin-bottom:6px;padding:0}
#lmu .q .hint{color:var(--muted);font-size:15px;margin:-2px 0 12px}
#lmu .q .req{color:var(--magenta);margin-left:3px}
#lmu .q .err{color:var(--err);font-size:14.5px;font-weight:600;margin-top:8px;display:none}
#lmu .q.invalid .err{display:block}
#lmu .q.invalid input[type=text], #lmu .q.invalid input[type=email], #lmu .q.invalid input[type=tel], #lmu .q.invalid textarea{border-color:var(--err)}
#lmu input[type=text], #lmu input[type=email], #lmu input[type=tel], #lmu input[type=url], #lmu textarea{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;outline:none;transition:border-color .15s}
#lmu input:focus, #lmu textarea:focus{border-color:var(--ink2)}
#lmu textarea{min-height:110px;resize:vertical}
#lmu ::placeholder{color:var(--muted);opacity:.8}
#lmu .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#lmu .row2 .q{margin-bottom:22px}
#lmu .row2 + .q{margin-top:12px}
#lmu /* option tiles */
.opts{display:grid;gap:10px}
#lmu .opts.cards{grid-template-columns:repeat(2,minmax(0,1fr))}
#lmu .opts.chips{display:flex;flex-wrap:wrap;gap:8px}
#lmu .opt{position:relative}
#lmu .opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
#lmu .opt span.box{display:block;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:16px 18px;cursor:pointer;transition:border-color .12s,background .12s}
#lmu .opt span.box b{display:block;font-weight:800;font-size:17.5px;letter-spacing:-.01em}
#lmu .opt span.box small{display:block;color:var(--muted);font-size:15px;margin-top:3px;line-height:1.4}
#lmu .opt:hover span.box{border-color:var(--line2)}
#lmu .opt input:checked + span.box{background:var(--ink);color:var(--bg);border-color:var(--ink)}
#lmu .opt input:checked + span.box small{color:var(--bg);opacity:.72}
#lmu .opt input:focus-visible + span.box{outline:2px solid var(--magenta);outline-offset:3px}
#lmu .chips .opt span.box{padding:10px 16px;border-radius:999px;font-weight:600;font-size:16px}
#lmu .chips .opt input:checked + span.box::before{content:"✓ ";font-weight:800}
#lmu .other{margin-top:10px}
#lmu .nav{display:flex;align-items:center;gap:12px;margin-top:44px;padding-top:24px;border-top:1px solid var(--line)}
#lmu .nav .spacer{flex:1}
#lmu .kbd{color:var(--muted);font-size:13.5px}
#lmu /* review */
.rev-sec{border-top:1px solid var(--line);padding:22px 0}
#lmu .rev-sec:first-of-type{border-top:0;padding-top:0}
#lmu .rev-head{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}
#lmu .rev-head h3{margin:0;font-size:20px;font-weight:800;letter-spacing:-.01em;flex:1}
#lmu .rev-head button{border:0;background:none;color:var(--muted);font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#lmu .rev-head button:hover{color:var(--ink)}
#lmu .rev dl{display:grid;grid-template-columns:200px 1fr;gap:6px 18px;margin:0}
#lmu .rev dt{color:var(--muted)}
#lmu .rev dd{margin:0;white-space:pre-wrap;word-break:break-word}
#lmu .consent{display:flex;gap:12px;align-items:flex-start;margin-top:26px;color:var(--ink2);font-size:15.5px}
#lmu .consent input{width:20px;height:20px;margin-top:2px;accent-color:var(--magenta);flex:none}
#lmu .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#lmu /* done */
.thanks{max-width:760px;margin:0 auto;padding:70px 28px 90px}
#lmu .thanks h2{font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-.04em;font-weight:900;margin:0 0 18px}
#lmu .thanks p{color:var(--ink2);font-size:19px;margin:0 0 18px;max-width:34em}
#lmu .thanks ol{padding-left:22px;color:var(--ink2);margin:0 0 32px}
#lmu .thanks ol li{margin-bottom:8px}
#lmu .thanks .actions{display:flex;gap:12px;flex-wrap:wrap}
#lmu .fallback{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;margin:0 0 28px}
#lmu .fallback h3{margin:0 0 8px;font-size:20px}
#lmu .fallback p{font-size:16px;margin:0 0 16px}
#lmu .toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:11px 18px;border-radius:12px;font-weight:700;z-index:50}
#lmu .toast[hidden]{display:none}
@container lmu (max-width:920px){#lmu .intro{grid-template-columns:1fr;min-height:0;padding-top:20px}
#lmu .tri{max-width:300px;order:-1;justify-self:start}
#lmu .wiz{grid-template-columns:1fr;gap:0;padding-top:18px}
#lmu .steps{display:none}
#lmu .mstep{display:block}}
@container lmu (max-width:620px){#lmu{font-size:16px}
#lmu .intro, #lmu .wiz, #lmu .thanks{padding-left:18px;padding-right:18px}
#lmu .opts.cards{grid-template-columns:1fr}
#lmu .row2{grid-template-columns:1fr;gap:0}
#lmu .rev dl{grid-template-columns:1fr;gap:2px}
#lmu .rev dd{margin-bottom:10px}
#lmu .nav{position:sticky;bottom:0;background:var(--bg);margin-left:-18px;margin-right:-18px;padding:14px 18px calc(14px + env(safe-area-inset-bottom,0px))}
#lmu .kbd{display:none}
#lmu .intro li{flex-direction:column;gap:0}}
#lmu{position:relative;isolation:isolate;border-radius:32px;overflow:clip;text-align:left;container:lmu / inline-size;
  --bg:#0b0b10; background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.09)}
#lmu.lmu-wide{width:min(1240px,calc(100vw - 100px));max-width:none;margin-left:calc(50% - min(620px,calc(50vw - 50px)));margin-right:0}
@media (max-width:620px){#lmu{border-radius:22px;font-size:16px}#lmu.lmu-wide{width:calc(100vw - 24px);margin-left:calc(50% - 50vw + 12px)}}
#lmu button{text-transform:none;letter-spacing:normal;box-shadow:none;line-height:1.3;min-height:0;margin:0}
#lmu input,#lmu textarea{margin:0;box-shadow:none;max-width:100%;font-size:16px;line-height:1.4;height:auto}
#lmu label{margin:0;font-weight:inherit}
#lmu h1,#lmu h2,#lmu h3{color:var(--ink);font-family:inherit;text-transform:none}
#lmu p{color:inherit}
#lmu a{box-shadow:none}
#lmu ul,#lmu ol{margin-left:0}

#lmu .btn{text-transform:none;letter-spacing:normal;background-image:none;font-family:inherit;line-height:1.3;box-shadow:none}
#lmu .intro h1{font-size:clamp(40px,5.4vw,76px)}

/* ===== v1.0.2 – mirnija tipografija ===== */
#lmu{font-size:16px;line-height:1.55}
#lmu .intro{padding:48px 48px 56px;gap:32px;min-height:0}
#lmu .intro h1{font-size:clamp(34px,4.2vw,56px);line-height:1.02;letter-spacing:-.035em;margin:0 0 18px}
#lmu .intro p.lead{font-size:17px;margin:0 0 24px}
#lmu .intro ul{font-size:15px;margin:0 0 28px;gap:8px}
#lmu .tri{max-width:360px}
#lmu .wiz{padding:36px 48px 44px;gap:48px;grid-template-columns:210px minmax(0,1fr)}
#lmu .steps{top:calc(var(--lmu-sticky-top,0px) + 24px)}
#lmu .steps button{font-size:14px;padding:8px 10px}
#lmu .pane h2{font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-.03em;margin:0 0 10px}
#lmu .pane .sub{font-size:16px;margin:0 0 28px}
#lmu .q{margin:0 0 26px}
#lmu .q > legend,#lmu .q > label.lbl{font-size:16px;margin-bottom:8px}
#lmu .q .hint{font-size:14px;margin:-4px 0 10px}
#lmu .opt span.box{padding:13px 16px;border-radius:12px}
#lmu .opt span.box b{font-size:15.5px}
#lmu .opt span.box small{font-size:13.5px}
#lmu .chips .opt span.box{padding:8px 14px;font-size:14.5px}
#lmu input[type=text],#lmu input[type=email],#lmu input[type=tel],#lmu textarea{padding:12px 14px;font-size:16px;border-radius:10px}
#lmu textarea{min-height:96px}
#lmu .btn{padding:12px 20px;font-size:15px;border-radius:10px}
#lmu .btn.big{padding:15px 26px;font-size:16px;border-radius:12px}
#lmu .nav{margin-top:32px;padding-top:20px}
#lmu .rev dl{grid-template-columns:180px 1fr;font-size:15px}
#lmu .rev-head h3{font-size:17px}
#lmu .consent{font-size:14.5px}
#lmu .thanks{padding:48px 48px 56px;max-width:none}
#lmu .thanks > *{max-width:640px}
#lmu .thanks h2{font-size:clamp(30px,3.6vw,46px);line-height:1.05}
#lmu .thanks p,#lmu .thanks ol{font-size:16px}
@container lmu (max-width:760px){
#lmu .intro{grid-template-columns:1fr;padding:28px 20px 32px;gap:12px}
#lmu .tri{max-width:150px;order:-1;justify-self:start}
#lmu .intro h1{font-size:30px}
#lmu .intro p.lead{font-size:16px}
#lmu .intro ul{font-size:14.5px}
#lmu .intro li{flex-direction:column;gap:0}
#lmu .intro li b{min-width:0}
#lmu .btn.big{width:100%}
#lmu .wiz{grid-template-columns:1fr;gap:0;padding:22px 20px 0}
#lmu .steps{display:none}
#lmu .mstep{display:block;font-size:13px}
#lmu .pane h2{font-size:26px}
#lmu .pane .sub{font-size:15px;margin-bottom:22px}
#lmu .opts.cards{grid-template-columns:1fr}
#lmu .row2{grid-template-columns:1fr;gap:0}
#lmu .row2 .q{margin-bottom:22px}
#lmu .rev dl{grid-template-columns:1fr;gap:2px}
#lmu .rev dd{margin-bottom:10px}
#lmu .nav{position:sticky;bottom:0;z-index:5;background:var(--bg);margin:28px -20px 0;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}
#lmu .kbd{display:none}
#lmu .thanks{padding:32px 20px 40px}
#lmu .thanks h2{font-size:28px}
}
@media (max-width:760px){
#lmu .intro{grid-template-columns:1fr;padding:28px 20px 32px;gap:12px}
#lmu .tri{max-width:150px;order:-1;justify-self:start}
#lmu .intro h1{font-size:30px}
#lmu .intro p.lead{font-size:16px}
#lmu .intro ul{font-size:14.5px}
#lmu .intro li{flex-direction:column;gap:0}
#lmu .intro li b{min-width:0}
#lmu .btn.big{width:100%}
#lmu .wiz{grid-template-columns:1fr;gap:0;padding:22px 20px 0}
#lmu .steps{display:none}
#lmu .mstep{display:block;font-size:13px}
#lmu .pane h2{font-size:26px}
#lmu .pane .sub{font-size:15px;margin-bottom:22px}
#lmu .opts.cards{grid-template-columns:1fr}
#lmu .row2{grid-template-columns:1fr;gap:0}
#lmu .row2 .q{margin-bottom:22px}
#lmu .rev dl{grid-template-columns:1fr;gap:2px}
#lmu .rev dd{margin-bottom:10px}
#lmu .nav{position:sticky;bottom:0;z-index:5;background:var(--bg);margin:28px -20px 0;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}
#lmu .kbd{display:none}
#lmu .thanks{padding:32px 20px 40px}
#lmu .thanks h2{font-size:28px}
}