/* Ulaz za partnere R02: podeljen ekran, levo prostor koji se otvara, desno radnja. */
.gate{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh}
.gate-art{position:relative;overflow:hidden;padding:36px clamp(28px,4vw,64px);display:flex;flex-direction:column;gap:40px;border-right:1px solid var(--line);
  background:radial-gradient(80% 60% at 30% 100%,rgba(233,184,80,.20),transparent 60%),radial-gradient(60% 50% at 100% 0%,rgba(233,184,80,.08),transparent 70%),var(--bg-2)}
.gate-art::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(244,240,230,.025) 0 1px,transparent 1px 96px);pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%)}
.lbrand{display:flex;align-items:center;gap:14px;text-decoration:none;position:relative}
.lbrand img{height:22px;width:auto}
.lbrand span{font:400 11.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);padding-left:14px;border-left:1px solid var(--line-2)}
.art-copy{position:relative;max-width:520px;margin-top:auto}
.art-copy .h1{font-size:clamp(36px,3.8vw,58px)}
.perks{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:16px}
.perks li{display:grid;grid-template-columns:46px 1fr;gap:16px;align-items:center}
.perks b{display:block;font-weight:700}
.perks span{font-size:14.5px;color:var(--ink-2)}
.art-phone{position:absolute;right:-6%;bottom:-18%;width:min(44%,330px);filter:drop-shadow(0 40px 60px rgba(0,0,0,.8));transform:rotate(-6deg)}
.art-copy{padding-bottom:clamp(40px,10vh,120px)}

.gate-form{padding:36px clamp(24px,5vw,88px) 48px;display:flex;flex-direction:column;gap:28px;max-width:720px;width:100%}
.back{display:inline-flex;align-items:center;gap:8px;color:var(--ink-3);text-decoration:none;font-size:14.5px;align-self:flex-start}
.back .ic{transform:rotate(180deg)}
.back:hover{color:var(--ink)}
.gate-form .seg{align-self:flex-start;margin-top:clamp(12px,6vh,72px)}
.seg{display:inline-flex;gap:4px;padding:4px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--bg-2)}
.seg button{height:42px;padding:0 20px;border-radius:var(--r-pill);border:0;background:transparent;color:var(--ink-2);font-weight:620;font-size:15px;cursor:pointer;transition:background-color 200ms ease,color 200ms ease}
.seg [aria-selected="true"]{background:var(--ink);color:var(--bg)}
.panel{display:grid;gap:28px}
.panel .h1{font-size:clamp(36px,4vw,60px)}
.panel .lead{margin-top:16px}
.stack-f{display:grid;gap:20px;margin-top:30px}
.stack-f>.btn{justify-self:start}
.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.note{display:flex;gap:10px;align-items:center;color:var(--gold-ink);font-size:14.5px;margin:18px 0 0}
.alt{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-top:30px;padding:18px;border-radius:var(--r-m);border:1px solid var(--line);background:var(--panel)}
.alt b{display:block;font-weight:700}
.alt span{font-size:14px;color:var(--ink-3)}
.lab{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:16px 18px;border-radius:var(--r-m);border:1px dashed var(--line-2)}
.lab b{display:block;font:400 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.lab span{font-size:13.5px;color:var(--ink-3)}
.done{display:grid;gap:18px;justify-items:start;outline:none}
.done .orbit{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;color:var(--gold-ink);border:1px solid var(--gold-line);position:relative;background:var(--gold-wash)}
.done .orbit::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px solid rgba(233,184,80,.14)}
.labnote{margin:0;font-size:13.5px;color:var(--ink-3);display:flex;gap:8px}
.next{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:0;width:100%}
.next li{display:grid;grid-template-columns:28px 1fr;gap:16px;padding:12px 0;position:relative}
.next li::after{content:"";position:absolute;left:13px;top:42px;bottom:-10px;width:1px;background:var(--line-2)}
.next li:last-child::after{display:none}
.next .dot{width:28px;height:28px;border-radius:50%;border:1px solid var(--line-3);display:grid;place-items:center;background:var(--bg)}
.next li.ok .dot{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}
.next b{display:block;font-weight:700}
.next span{font-size:14.5px;color:var(--ink-2)}
@media (prefers-reduced-motion:no-preference){
  .panel:not([hidden]){animation:fadein 360ms var(--ease-out)}
  .done:not([hidden]) .orbit{animation:pop2 600ms var(--ease-out)}
}
@keyframes fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes pop2{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@media (max-width:980px){
  .gate{grid-template-columns:1fr}
  .gate-art{min-height:auto;border-right:0;border-bottom:1px solid var(--line);padding-bottom:44px}
  .art-copy{margin-top:20px;padding-bottom:0;max-width:62%}
  .art-phone{width:38%;right:-4%;bottom:-30%}
  .gate-form{max-width:none}
}
@media (max-width:640px){
  .art-copy{max-width:none}
  .art-phone,.perks{display:none}
  .two{grid-template-columns:1fr}
  .alt{grid-template-columns:auto 1fr}
  .alt .btn{grid-column:1/-1;justify-self:start}
  .lab{grid-template-columns:1fr}
  .lbrand span{display:none}
}
/* R03 */
.gate-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.labnote{flex-wrap:wrap}