:root{
  --bg:#ffffff; --bg-2:#ffffff; --surface:#f5f6f8; --surface-2:#eceef2; --text:#0b0d12; --text-2:#4b515d; --mute:#7c828e; --ink:#0b0d12;
  --line:rgba(11,13,18,.08); --line-2:rgba(11,13,18,.16); --accent:#2d6bff; --accent-2:#1f5ae6; --on-accent:#fff;
  --ok:#1f9d61; --bad:#ff5a6a; --warn:#e8b13a; --tint:#2d6bff;
  --r:18px; --pad:clamp(20px,4.5vw,72px); --wrap:1240px; --ease:cubic-bezier(.22,1,.36,1);
  --display:'Unbounded','Arial Black',system-ui,sans-serif; --body:'Archivo',system-ui,sans-serif; --mono:'Martian Mono',ui-monospace,Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{background:var(--bg);color:var(--text);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:-20vh -20vw;z-index:-1;pointer-events:none;background:radial-gradient(40vw 40vw at 85% 10%,color-mix(in srgb,var(--tint) 9%,transparent),transparent 70%),radial-gradient(35vw 35vw at 5% 90%,color-mix(in srgb,var(--tint) 6%,transparent),transparent 70%);transition:background 1.2s}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:var(--accent);color:#fff}
.ico{width:1em;height:1em;display:block}
.mono{font:500 11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad);box-sizing:content-box}
.accent{color:var(--accent-2)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--text-2);margin-bottom:20px}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--accent)}

/* ---------- buttons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;gap:14px;height:52px;padding:0 8px 0 24px;border-radius:999px;border:0;cursor:pointer;overflow:hidden;
  background:var(--accent);color:var(--on-accent);font:600 13px/1 var(--display);letter-spacing:-.01em;isolation:isolate;transition:transform .3s var(--ease),color .35s}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);border-radius:inherit;transform:translateY(101%);transition:transform .45s var(--ease)}
.btn:hover{color:#fff}
.btn:hover::before{transform:none}
.btn:active{transform:scale(.97)}
.btn .ar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:12px;overflow:hidden;transition:background .3s,color .3s}
.btn:hover .ar{background:var(--accent);color:#fff}
.btn:hover .ar .ico{animation:arrow .5s var(--ease)}
@keyframes arrow{0%{transform:none}49%{transform:translateX(160%)}50%{transform:translateX(-160%)}100%{transform:none}}
.btn.ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}
.btn.ghost::before{background:var(--accent)}
.btn.ghost:hover{color:#fff}
.btn.ghost .ar{background:var(--surface-2)}
.btn.ghost:hover .ar{background:rgba(255,255,255,.2);color:#fff}
.btn.sm{height:42px;font-size:12px;padding:0 6px 0 18px;gap:10px}
.btn.sm .ar{width:30px;height:30px}
.btn.plain{padding:0 22px}
.btn[disabled]{opacity:.55;pointer-events:none}

/* ---------- nav ---------- */
.top{position:fixed;top:14px;left:50%;z-index:60;translate:-50% 0;width:min(1180px,calc(100% - 28px));display:flex;align-items:center;gap:10px;padding:8px 8px 8px 18px;border-radius:999px;
  background:rgba(255,255,255,.72);box-shadow:0 8px 30px rgba(11,13,18,.06);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--line);transition:transform .5s var(--ease)}
.top.hide{transform:translateY(-140%)}
.logo{display:flex;align-items:center;gap:10px;font:800 15px/1 var(--display);letter-spacing:-.02em;margin-right:auto}
.logo svg{width:28px;height:24px}
.links{display:flex;position:relative}
.links a{position:relative;z-index:1;padding:10px 16px;font-size:14px;font-weight:500;color:var(--text-2);transition:color .25s}
.links a:hover,.links a.on{color:var(--text)}
.links .pill{position:absolute;top:0;bottom:0;border-radius:999px;background:var(--surface-2);transition:left .45s var(--ease),width .45s var(--ease),opacity .3s;opacity:0}
.burger{display:none;width:42px;height:42px;border-radius:50%;border:0;background:var(--surface-2);cursor:pointer;place-items:center}
.burger i{display:block;width:16px;height:1.5px;background:var(--text);box-shadow:0 5px 0 var(--text);translate:0 -2.5px}
.menu{position:fixed;inset:0;z-index:55;background:var(--bg);display:flex;flex-direction:column;justify-content:center;padding:100px var(--pad) 40px;gap:6px;clip-path:circle(0 at calc(100% - 44px) 36px);transition:clip-path .7s var(--ease);visibility:hidden}
.menu.open{clip-path:circle(150vmax at calc(100% - 44px) 36px);visibility:visible}
.menu a{font:800 clamp(34px,10vw,56px)/1.1 var(--display);letter-spacing:-.04em;opacity:0;transform:translateY(20px);transition:.5s var(--ease)}
.menu.open a{opacity:1;transform:none}
.menu.open a:nth-child(2){transition-delay:.05s}.menu.open a:nth-child(3){transition-delay:.1s}.menu.open a:nth-child(4){transition-delay:.15s}.menu.open a:nth-child(5){transition-delay:.2s}.menu.open a:nth-child(6){transition-delay:.25s}

/* ---------- type + reveal ---------- */
.h1{font:800 clamp(42px,7.2vw,110px)/.95 var(--display);letter-spacing:-.055em}
.h2{font:800 clamp(34px,5vw,72px)/.95 var(--display);letter-spacing:-.05em}
.lead{color:var(--text-2);font-size:clamp(16px,1.35vw,19px);max-width:520px}
[data-split] .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
[data-split] .w > span{display:inline-block;transform:translateY(110%);transition:transform 1s var(--ease);transition-delay:calc(var(--i) * 45ms)}
[data-split].in .w > span{transform:none}
.rv{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}
section{position:relative}
.sec{padding:clamp(90px,12vw,160px) 0}
.head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:clamp(40px,5vw,70px);flex-wrap:wrap}
.head .lead{max-width:420px}

/* ---------- intro: logo hero + dive into the R counter ---------- */
.intro{height:330vh}
.intro-stage{position:sticky;top:0;height:100svh;overflow:hidden}
.reveal{position:absolute;inset:0;background:var(--surface)}
.reveal-media{position:absolute;inset:0}
.reveal-media img{width:100%;height:100%;object-fit:cover}
.reveal-media .ph .big{font-size:clamp(120px,22vw,320px)}
.reveal-cap{position:absolute;inset:auto 0 0 0;padding:clamp(24px,4vw,56px) calc(var(--pad) + 70px) clamp(24px,4vw,56px) var(--pad);display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;background:linear-gradient(transparent,rgba(0,0,0,.75));opacity:0;transform:translateY(20px)}
.reveal-cap{color:#fff}
.reveal-cap .mono{color:rgba(255,255,255,.75)}
.reveal-cap b{display:block;font:800 clamp(28px,4.4vw,64px)/1 var(--display);letter-spacing:-.05em;margin-top:10px}
.rsvg{position:absolute;inset:0;width:100%;height:100%;display:block}
.intro-txt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:84px var(--pad) 50px;pointer-events:none}
#rSpot{flex:none;width:min(clamp(110px,13vw,190px),19svh);aspect-ratio:104/88}
.below{pointer-events:auto;will-change:transform,opacity}
.wordmark{font:900 clamp(58px,12.5vw,196px)/.8 var(--display);letter-spacing:-.06em;margin-top:clamp(18px,3svh,34px);
  background:linear-gradient(180deg,#0b0d12 30%,#4b5566 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.studio{font:600 clamp(11px,1.3vw,18px)/1 var(--display);letter-spacing:1.05em;margin:clamp(12px,1.6svh,18px) -1.05em 0 0;color:var(--text-2)}
.intro h1{font:700 clamp(19px,2.2vw,30px)/1.2 var(--display);letter-spacing:-.03em;max-width:24ch;margin:clamp(22px,4svh,44px) auto 0}
.intro .ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:clamp(20px,3.5svh,32px)}
.scroll-hint{position:absolute;left:50%;bottom:22px;translate:-50% 0;color:var(--mute);display:flex;flex-direction:column;align-items:center;gap:10px}
.scroll-hint i{width:1px;height:36px;background:var(--line-2);position:relative;overflow:hidden}
.scroll-hint i::after{content:"";position:absolute;left:0;top:-40%;width:100%;height:40%;background:var(--text);animation:drip 2s var(--ease) infinite}
@keyframes drip{to{top:100%}}

/* marquee */
.marquee{border-block:1px solid var(--line);padding:22px 0;overflow:hidden;mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee .row{display:flex;gap:12px;width:max-content;animation:marq var(--dur,40s) linear infinite}
.marquee:hover .row{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}
.mq{display:flex;align-items:center;gap:12px;height:64px;padding:0 22px 0 12px;border-radius:14px;background:var(--surface);border:1px solid var(--line);white-space:nowrap}
.mq .lg{width:40px;height:40px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:var(--surface-2);font:800 13px var(--display)}
.mq .lg img{width:100%;height:100%;object-fit:cover}
.mq b{font:700 15px var(--display);letter-spacing:-.02em}

/* stats */
.stats{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center}
.stack{position:relative;z-index:2;aspect-ratio:4/5;max-width:400px;width:100%;justify-self:center}
.stack .card{background:var(--surface-2);position:absolute;inset:0;border-radius:var(--r);overflow:hidden;border:6px solid #fff;box-shadow:0 24px 50px rgba(11,13,18,.16);transition:transform 1.2s var(--ease)}
.stack .card:nth-child(1){transform:rotate(calc(var(--k,0) * -10deg)) translateX(calc(var(--k,0) * -16%))}
.stack .card:nth-child(2){transform:rotate(calc(var(--k,0) * 8deg)) translateX(calc(var(--k,0) * 14%))}
.stack .card:nth-child(3){transform:rotate(calc(var(--k,0) * -2deg))}
.numbers{display:grid}
.num{position:relative;padding:30px 0;border-bottom:1px solid var(--line)}
.num:first-child{border-top:1px solid var(--line)}
.num::before{content:"";position:absolute;right:calc(100% + 20px);top:50%;height:1px;width:calc(var(--k,0) * 22vw);background:var(--line-2);transition:width 1.4s var(--ease);transition-delay:var(--d,0s)}
.num b{display:block;font:800 clamp(48px,6vw,86px)/1 var(--display);letter-spacing:-.05em}
.num span{color:var(--text-2)}

/* services */
.svc{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,100px);align-items:start}
.svc .side{position:sticky;top:130px}
.svc .side .lead{margin:22px 0 32px}
.svc-list{display:grid;gap:14px}
.s-card{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:start;padding:26px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);cursor:pointer;transition:background .5s,border-color .5s}
.s-card .ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--surface-2);font-size:22px;color:var(--text-2);transition:.5s}
.s-card h3{font:700 clamp(19px,1.7vw,24px)/1.15 var(--display);letter-spacing:-.03em;margin-bottom:6px}
.s-card p{color:var(--text-2);font-size:15px}
.s-card .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.s-card .tags span{font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:5px 9px;border-radius:999px;border:1px solid var(--line-2);color:var(--text-2)}
.s-card .go{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);font-size:12px;transition:.4s var(--ease)}
.s-card.on{background:var(--surface-2);border-color:var(--line-2)}
.s-card.on .ic{background:var(--accent);color:#fff}
.s-card:hover .go{background:var(--accent);border-color:var(--accent);rotate:-45deg}

/* work: stacking cards */
.wstack{display:grid;gap:26px}
.wcard{position:sticky;top:calc(96px + var(--i) * 16px);display:grid;grid-template-columns:1.35fr 1fr;min-height:min(540px,70svh);border-radius:24px;overflow:hidden;background:var(--surface);border:1px solid var(--line);transform-origin:50% 0;
  transform:scale(var(--sc,1));filter:brightness(var(--br,1));cursor:pointer}
.wcard .media{position:relative;overflow:hidden;background:var(--surface-2)}
.wcard .media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.wcard:hover .media img{transform:scale(1.05)}
.wcard .txt{padding:clamp(24px,3.5vw,48px);display:flex;flex-direction:column}
.wcard .idx{font:800 14px var(--display);color:var(--mute);margin-bottom:auto}
.wcard h3{font:800 clamp(28px,3.4vw,50px)/.98 var(--display);letter-spacing:-.05em;margin:14px 0}
.wcard p{color:var(--text-2);margin-bottom:28px}
.wcard .mono{color:var(--accent-2)}
.wcard .btns{display:flex;gap:10px;flex-wrap:wrap}

/* placeholder cover */
.ph{position:relative;width:100%;height:100%;min-height:100%;display:grid;place-items:center;overflow:hidden;color:var(--text);
  background:linear-gradient(rgba(11,13,18,.05) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(11,13,18,.05) 1px,transparent 1px) 0 0/28px 28px,
  radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%),var(--surface-2)}
.ph .big{font-size:clamp(70px,10vw,150px);color:rgba(11,13,18,.1)}
.ph .tag{position:absolute;left:16px;top:16px;display:flex;align-items:center;gap:10px;color:var(--text-2)}
.ph .tag i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:15px}

/* store */
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;align-items:center}
.tabs{display:flex;flex-wrap:wrap;gap:4px;padding:5px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
.chip{height:38px;padding:0 16px;border-radius:999px;border:0;background:transparent;cursor:pointer;font:500 13px var(--body);color:var(--text-2);transition:color .3s,background .3s}
.chip:hover{color:var(--text)}
.chip.on{color:#fff;background:var(--accent)}
.search{margin-left:auto;height:48px;padding:0 20px;min-width:260px;border-radius:999px;border:1px solid var(--line);background:var(--surface);outline:0;transition:border-color .2s}
.search:focus{border-color:var(--accent)}
.grid-store{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.item{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;transition:transform .5s var(--ease),border-color .4s}
.item:hover{transform:translateY(-6px);border-color:var(--line-2)}
.item .media{aspect-ratio:4/3;overflow:hidden;cursor:pointer;position:relative;margin:8px;border-radius:12px}
.item .media img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.item:hover .media img{transform:scale(1.06)}
.item .body{padding:8px 18px 18px;display:flex;flex-direction:column;flex:1;gap:4px}
.item .mono{color:var(--mute)}
.item h3{font:700 18px/1.2 var(--display);letter-spacing:-.03em;cursor:pointer}
.item p{font-size:14px;color:var(--text-2);flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.item .foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}
.price{font:800 22px var(--display);letter-spacing:-.04em}
.hot{position:absolute;top:10px;right:10px;z-index:2;background:var(--ink);color:#fff;padding:5px 9px;border-radius:999px}
.item .hot{color:#fff}
.empty{grid-column:1/-1;padding:60px 20px;text-align:center;color:var(--mute);border:1px dashed var(--line-2);border-radius:var(--r)}

/* process */
.proc{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:48px}
.proc .line{position:absolute;top:6px;left:0;right:0;height:2px;background:var(--line)}
.proc .line i{display:block;height:100%;width:var(--p,0%);background:var(--accent)}
.step{position:relative}
.step::before{content:"";position:absolute;top:-48px;left:0;width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid var(--line-2);transition:.5s}
.step.on::before{background:var(--accent);border-color:var(--accent)}
.step .n{font:500 11px var(--mono);color:var(--mute)}
.step h4{font:700 20px/1.2 var(--display);letter-spacing:-.03em;margin:12px 0 8px}
.step p{color:var(--text-2);font-size:15px}

/* commission */
.comm{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,5vw,80px);align-items:start}
.comm .lead{margin:22px 0 30px}
.facts{list-style:none;display:grid;gap:10px}
.facts li{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-size:15px;color:var(--text-2)}
.facts li b{color:var(--text);font-weight:600}
.facts .ico{font-size:16px;color:var(--accent-2);flex:none}
.form{border-radius:24px;background:var(--surface);border:1px solid var(--line);padding:clamp(22px,3vw,38px);display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:grid;gap:8px}
.field.full{grid-column:1/-1}
.field label{font:500 10.5px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mute)}
.field label em{color:var(--accent-2);font-style:normal}
.inp{width:100%;height:50px;padding:0 16px;border-radius:12px;background:var(--bg-2);border:1px solid var(--line-2);outline:0;transition:border-color .2s,box-shadow .2s}
.inp:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}
textarea.inp{height:auto;min-height:150px;padding:14px 16px;resize:vertical}
select.inp{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' shape-rendering='crispEdges' fill='%23888'%3E%3Cpath d='M2 4h8v1H2zM3 5h6v1H3zM4 6h4v1H4zM5 7h2v1H5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}
select.inp option{background:var(--surface)}
input[type=date].inp{color-scheme:light}
.form-msg{grid-column:1/-1;font-size:14px;min-height:1.4em}
.form-msg.err{color:var(--bad)}
.form-msg.ok{color:var(--ok)}
.form-actions{grid-column:1/-1;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.form-actions small{color:var(--mute);font-size:12.5px}

/* footer */
footer{position:relative;overflow:hidden;padding:clamp(90px,12vw,150px) 0 0;border-top:1px solid var(--line)}
.cta{display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap}
.cta .ctas{display:flex;gap:12px;flex-wrap:wrap}
.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:80px;padding:22px 0;border-top:1px solid var(--line);color:var(--mute);font-size:13px}
.foot nav{display:flex;gap:20px}
.foot a:hover{color:var(--text)}
.giant{font:900 clamp(80px,21vw,330px)/.75 var(--display);letter-spacing:-.07em;text-align:center;white-space:nowrap;margin-top:30px;
  background:linear-gradient(180deg,var(--text) 10%,transparent 95%);-webkit-background-clip:text;background-clip:text;color:transparent;transform:translateY(var(--gy,40%));user-select:none}

/* modal */
.modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:rgba(4,5,8,.72);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:.3s}
.modal.open{opacity:1;visibility:visible}
.modal .box{position:relative;width:min(980px,100%);max-height:92svh;overflow:auto;border-radius:24px;background:var(--surface);border:1px solid var(--line-2);transform:translateY(30px) scale(.97);transition:transform .5s var(--ease)}
.modal.open .box{transform:none}
.modal .media{aspect-ratio:16/8;background:var(--surface-2)}
.modal .media img{width:100%;height:100%;object-fit:cover}
.detail{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;padding:clamp(22px,3vw,40px)}
.detail h3{font:800 clamp(26px,3vw,40px)/1 var(--display);letter-spacing:-.04em;margin:10px 0 14px}
.detail p{color:var(--text-2);white-space:pre-line}
.meta{border-radius:16px;background:var(--bg-2);border:1px solid var(--line);padding:20px;display:grid;gap:12px;align-content:start}
.meta .kv{display:grid;grid-template-columns:90px 1fr;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:14px}
.meta .kv span{color:var(--mute)}
.meta .btn{justify-content:space-between;width:100%}
.x{position:absolute;top:14px;right:14px;z-index:3;width:42px;height:42px;border-radius:50%;border:0;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);color:#fff;cursor:pointer;display:grid;place-items:center;font-size:13px;transition:background .2s,rotate .4s var(--ease)}
.x:hover{background:var(--accent);rotate:90deg}
.all-grid{padding:clamp(22px,3vw,40px);display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}

/* chat */
.chat-btn{position:fixed;right:20px;bottom:20px;z-index:45;width:56px;height:56px;border-radius:50%;border:0;cursor:pointer;background:var(--accent);color:#fff;font-size:20px;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.4);transition:transform .4s var(--ease)}
.chat-btn:hover{transform:scale(1.08) rotate(-6deg)}
.chat{position:fixed;right:20px;bottom:90px;z-index:46;width:min(370px,calc(100vw - 32px));height:min(520px,calc(100svh - 130px));display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:var(--surface);border:1px solid var(--line-2);box-shadow:0 30px 80px rgba(0,0,0,.55);
  transform-origin:bottom right;transform:scale(.9) translateY(10px);opacity:0;visibility:hidden;transition:.35s var(--ease)}
.chat.open{transform:none;opacity:1;visibility:visible}
.chat header{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.chat header svg{width:28px;height:24px}
.chat header b{font:700 14px var(--display);display:block}
.chat header small{font-size:12px;color:var(--ok)}
.chat header button{margin-left:auto;width:32px;height:32px;border-radius:50%;background:var(--surface-2);border:0;color:var(--text);cursor:pointer;display:grid;place-items:center;font-size:11px}
.msgs{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.msg{max-width:86%;padding:10px 14px;font-size:14px;line-height:1.5;border-radius:16px;animation:pop .3s var(--ease)}
@keyframes pop{from{opacity:0;transform:translateY(8px)}}
.msg.bot{background:var(--surface-2);border-bottom-left-radius:4px}
.msg.me{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}
.msg a{color:var(--accent-2);text-decoration:underline;text-underline-offset:2px}
.msg.me a{color:#fff}
.typing span{display:inline-block;width:6px;height:6px;border-radius:50%;margin:0 2px;background:var(--mute);animation:blink 1s infinite}
.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}
@keyframes blink{50%{opacity:.25}}
.quick{display:flex;gap:6px;flex-wrap:wrap;padding:0 16px 12px}
.quick button{height:32px;padding:0 12px;border-radius:999px;background:transparent;border:1px solid var(--line-2);cursor:pointer;font-size:12.5px;color:var(--text-2)}
.quick button:hover{border-color:var(--accent);color:var(--text)}
.chat form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}
.chat form input{flex:1;min-width:0;height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);background:var(--bg-2);outline:0}
.chat form input:focus{border-color:var(--accent)}
.chat form button{width:44px;height:44px;border-radius:50%;border:0;background:var(--accent);color:#fff;cursor:pointer;display:grid;place-items:center;font-size:13px}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .links,.top > .btn{display:none}
  .burger{display:grid}
  .stats,.svc,.comm{grid-template-columns:1fr}
  .svc .side{position:static}
  .proc{grid-template-columns:1fr 1fr;row-gap:50px}
  .wcard{grid-template-columns:1fr;min-height:0}
  .wcard .media{aspect-ratio:16/10}
  .num::before{display:none}
}
@media (max-width:720px){
  .intro{height:260vh}
  .scroll-hint{display:none}
  .proc{grid-template-columns:1fr;padding-top:0;padding-left:34px}
  .proc .line{top:0;bottom:0;left:6px;right:auto;width:2px;height:auto}
  .proc .line i{width:100%;height:var(--p,0%)}
  .step::before{top:6px;left:-34px}
  .s-card{grid-template-columns:auto 1fr;padding:20px}
  .s-card .go{display:none}
  .form{grid-template-columns:1fr}
  .search{margin-left:0;width:100%;min-width:0}
  .tabs{border-radius:18px}
  .detail{grid-template-columns:1fr}
  .wcard{top:calc(80px + var(--i) * 10px)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  .rv{opacity:1;transform:none}
  [data-split] .w > span{transform:none}
}

.rsvg rect{fill:var(--bg)}
.item,.s-card,.form,.facts li{background:var(--surface)}
.chat{box-shadow:0 30px 80px rgba(11,13,18,.18)}
.chat-btn{box-shadow:0 12px 30px rgba(45,107,255,.35)}

/* decorative shapes: outlined R, black block, grey X */
.deco{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.d-r{font:800 clamp(200px,26vw,420px)/.8 var(--display);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgba(11,13,18,.28)}
.d-block{width:clamp(56px,7vw,110px);aspect-ratio:1;background:var(--ink)}
.d-x{font:900 clamp(220px,28vw,440px)/.8 var(--display);letter-spacing:-.06em;color:#a9a6a0}
.deco > *{position:absolute;will-change:transform,opacity}
.deco .d-r{left:-2vw;top:5vh}
.deco .d-block{right:14vw;top:12vh}
.deco .d-x{right:-4vw;bottom:-8vh}
.has-deco{overflow:clip}
.has-deco > .wrap{position:relative;z-index:1}
.s-deco{position:absolute;z-index:0;pointer-events:none;opacity:.9}
.s-deco.d-x{color:#e3e2de}
.s-deco.d-r{-webkit-text-stroke-color:rgba(11,13,18,.14)}
@media (max-width:720px){
  .deco .d-r{font-size:150px;left:-6vw;top:9vh}
  .deco .d-block{width:44px;right:8vw;top:14vh}
  .deco .d-x{font-size:170px;bottom:-4vh}
  .s-deco{display:none}
}

/* account + checkout */
.acct{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);background:transparent;cursor:pointer;font:500 14px var(--body);color:var(--text);transition:border-color .2s,background .2s}
.acct:hover{border-color:var(--accent);background:var(--surface)}
.acct .ico{font-size:14px;color:var(--accent)}
.auth{padding:clamp(28px,4vw,48px);display:grid;gap:14px;max-width:460px;margin:0 auto}
.auth-switch{font-size:14px;color:var(--text-2);text-align:center}
.auth-switch button{border:0;background:none;color:var(--accent);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.checkout{max-width:480px}
.co-item{display:flex;gap:14px;align-items:center;padding:12px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.co-item .media{width:72px;height:72px;flex:none;border-radius:12px;overflow:hidden}
.co-item .media img{width:100%;height:100%;object-fit:cover}
.co-item .media .ph .big{font-size:34px}.co-item .media .ph .tag{display:none}
.co-item b{display:block;font:700 17px/1.2 var(--display);letter-spacing:-.02em;margin-top:4px}
.co-rows{display:grid;gap:10px;padding:6px 2px}
.co-rows div{display:flex;justify-content:space-between;color:var(--text-2);font-size:15px}
.co-rows b{color:var(--text)}
.co-rows .tot{border-top:1px solid var(--line-2);padding-top:12px;margin-top:4px;color:var(--text)}
.co-rows .tot b{font:800 24px var(--display);letter-spacing:-.03em}
.co-rows .tot small{font:500 11px var(--mono);color:var(--mute)}
.purchases{display:grid;gap:8px}
.pur{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.pur b{display:block;font:700 15px var(--display);letter-spacing:-.02em}
.pur small{color:var(--mute);font-size:12.5px}
.done-tick{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--ok);color:#fff;font-size:24px}
@media (max-width:1000px){.acct span{display:none}.acct{width:42px;padding:0;justify-content:center}}

/* images: never cropped — full image over a blurred copy of itself */
.fit{position:relative;width:100%;height:100%;overflow:hidden;background:var(--surface-2)}
.fit img.fit-bg{position:absolute;inset:-8%;width:116%;height:116%;max-width:none;object-fit:cover;filter:blur(26px) saturate(1.25) brightness(.95);transform:scale(1.05)}
.fit img.fit-fg{position:relative;width:100%;height:100%;object-fit:contain!important;filter:drop-shadow(0 10px 30px rgba(0,0,0,.25))}
.stack .card .fit img.fit-fg{filter:none}

/* odometer counters */
[data-count]{display:inline-flex;align-items:flex-start;line-height:1}
.odo{display:inline-block;height:1em;overflow:hidden;line-height:1}
.odo-s{display:flex;flex-direction:column;transform:translateY(0);transition:transform 2.2s cubic-bezier(.16,1,.3,1);transition-delay:var(--dl)}
.odo-s i{font-style:normal;height:1em;display:block}
.go .odo-s{transform:translateY(calc(var(--to) * -1em))}
.odo-plus{display:inline-block;color:var(--accent);opacity:0;transform:scale(.3) rotate(-90deg);transition:.6s cubic-bezier(.34,1.56,.64,1);transition-delay:var(--dl)}
.go .odo-plus{opacity:1;transform:none}

/* image wipe-in */
.rv-clip{clip-path:inset(14% 10% 14% 10% round 28px);transition:clip-path 1.3s var(--ease)}
.rv-clip.in{clip-path:inset(0 round 0)}
.rv-clip .fit{transform:scale(1.2);transition:transform 1.6s var(--ease)}
.rv-clip.in .fit{transform:none}
.wcard .count{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(11,13,18,.72);color:#fff;backdrop-filter:blur(6px)}

/* project gallery */
.gallery{position:relative;aspect-ratio:16/9;background:var(--surface-2);overflow:hidden}
.g-track,.g-slide{position:absolute;inset:0}
.g-slide{opacity:0;transform:translateX(calc(var(--dir,1) * 6%)) scale(1.04);transition:opacity .6s var(--ease),transform .8s var(--ease);pointer-events:none}
.g-slide.on{opacity:1;transform:none;pointer-events:auto}
.g-nav{position:absolute;top:50%;translate:0 -50%;z-index:2;width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;font-size:14px;background:rgba(255,255,255,.9);color:var(--ink);box-shadow:0 8px 24px rgba(0,0,0,.2);transition:transform .3s var(--ease),background .2s}
.g-nav:hover{background:var(--accent);color:#fff;transform:scale(1.08)}
.g-nav.prev{left:16px}.g-nav.prev .ico{transform:rotate(180deg)}
.g-nav.next{right:16px}
.g-count{position:absolute;right:16px;bottom:16px;z-index:2;padding:7px 11px;border-radius:999px;background:rgba(11,13,18,.72);color:#fff}
.g-thumbs{display:flex;gap:8px;padding:12px clamp(22px,3vw,40px) 0;overflow-x:auto;scrollbar-width:thin}
.g-thumbs button{flex:none;width:84px;height:56px;border-radius:10px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;opacity:.55;transition:opacity .2s,border-color .2s;background:var(--surface-2)}
.g-thumbs button.on,.g-thumbs button:hover{opacity:1;border-color:var(--accent)}
.g-thumbs img{width:100%;height:100%;object-fit:cover}
.stack{transition:transform .5s var(--ease);transform-style:preserve-3d}
.btn{transition:transform .3s var(--ease),color .35s,translate .25s var(--ease)}
@media (prefers-reduced-motion:reduce){.rv-clip{clip-path:none}.go .odo-s{transition:none}}

/* cart */
.cart-btn .ci{font-size:15px;color:var(--accent)}
.cart-btn .ci .ico{display:block}
#cartCount{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--surface-2);color:var(--text-2);font:700 11px/22px var(--body);text-align:center;transition:background .3s,color .3s}
.cart-btn.has #cartCount{background:var(--accent);color:#fff}
.cart-btn.bump{animation:cartBump .55s cubic-bezier(.34,1.56,.64,1)}
@keyframes cartBump{35%{transform:scale(1.14) rotate(-3deg)}}
.buy-row{display:flex;gap:6px;align-items:center}
.cart-add{width:42px;height:42px;flex:none;border-radius:50%;border:1px solid var(--line-2);background:transparent;color:var(--text);display:grid;place-items:center;font-size:15px;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .3s var(--ease)}
.cart-add:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}
.cart-add.in{background:var(--accent);border-color:var(--accent);color:#fff}
.co-list{display:grid;gap:8px}
.co-item .co-price{font:700 15px var(--display);white-space:nowrap}
.co-rm{width:32px;height:32px;flex:none;border-radius:50%;border:1px solid var(--line-2);background:#fff;cursor:pointer;display:grid;place-items:center;font-size:10px;color:var(--mute)}
.co-rm:hover{border-color:var(--bad);color:var(--bad)}
@media (max-width:1000px){.acct.cart-btn{width:auto;padding:0 10px;gap:6px}.acct.cart-btn .ci{display:block}}

/* OTP code boxes */
.otp{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.otp input{min-width:0;width:100%;padding:0;height:58px;text-align:center;font:800 24px var(--display);border-radius:12px;border:1.5px solid var(--line-2);background:#fff;outline:0;transition:border-color .2s,box-shadow .2s,transform .2s}
.otp input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent);transform:translateY(-2px)}
.auth-switch button:disabled{color:var(--mute);text-decoration:none;cursor:default}

/* clients + reviews */
#clientGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start}
.client-card{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);padding:18px;display:grid;gap:16px;transition:transform .5s var(--ease),border-color .4s,box-shadow .5s var(--ease)}
.client-card:hover{transform:translateY(-4px);border-color:var(--line-2);box-shadow:0 18px 40px rgba(11,13,18,.07)}
.cc-head{display:flex;align-items:center;gap:14px}
.cc-logo{width:56px;height:56px;flex:none;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:var(--surface-2);font:800 15px var(--display)}
.cc-logo img{width:100%;height:100%;object-fit:cover}
.cc-name{flex:1;min-width:0}
.cc-name b{display:block;font:700 16px/1.2 var(--display);letter-spacing:-.02em}
.cc-name small{color:var(--mute);font-size:12.5px}
.cc-yt{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line-2);font:600 12px var(--body);color:var(--text-2);white-space:nowrap;transition:.25s}
.cc-yt .ico{font-size:10px}
.cc-yt:hover{border-color:#ff3b3b;color:#ff3b3b}
.cc-quote{position:relative;margin:0;padding:18px 18px 18px 22px;border-radius:14px;background:var(--bg);border:1px solid var(--line);font:400 15.5px/1.65 var(--body);color:var(--text-2);white-space:pre-line}
.cc-mark{position:absolute;top:-14px;left:14px;font:900 48px/1 var(--display);color:var(--accent)}

/* product video: play button on the thumbnail, YouTube plays in place */
.item .media,.modal .media{position:relative}
.play{position:absolute;inset:0;margin:auto;z-index:3;width:64px;height:64px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;
  background:rgba(255,255,255,.94);color:var(--accent);box-shadow:0 12px 30px rgba(11,13,18,.3);transition:transform .35s var(--ease),background .25s,color .25s}
.play::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:playPulse 2s var(--ease) infinite}
.play svg{width:24px;height:24px;margin-left:4px}
.play:hover{transform:scale(1.1);background:var(--accent);color:#fff}
.modal .media .play{width:84px;height:84px}
.modal .media .play svg{width:32px;height:32px}
@keyframes playPulse{from{transform:scale(.9);opacity:1}to{transform:scale(1.35);opacity:0}}
.media.playing{background:#000}
.media iframe{position:absolute;inset:0;z-index:4;width:100%;height:100%;border:0;background:#000}
.media.playing .hot{display:none}

/* social profile icons */
.socials{display:flex;gap:10px;flex-wrap:wrap}
.socials:empty{display:none}
.soc{position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;overflow:hidden;isolation:isolate;
  border:1px solid var(--line-2);color:var(--text);transition:color .3s,border-color .3s,transform .35s var(--ease)}
.soc::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--brand);transform:scale(0);border-radius:50%;transition:transform .4s var(--ease)}
.soc:hover{color:#fff;border-color:transparent;transform:translateY(-3px)}
.soc:hover::before{transform:scale(1)}
.soc svg{width:21px;height:21px}
.foot{align-items:center}
.menu .socials{margin-top:28px}
.menu .soc{width:52px;height:52px;opacity:0;transform:translateY(20px);transition:.5s var(--ease) .3s}
.menu.open .soc{opacity:1;transform:none}

/* offers + giveaways */
.grid-offers{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px}
.offer{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;transition:transform .5s var(--ease),border-color .4s,box-shadow .5s var(--ease)}
.offer:hover{transform:translateY(-6px);border-color:var(--line-2);box-shadow:0 20px 44px rgba(11,13,18,.08)}
.offer .media{position:relative;aspect-ratio:16/9;margin:8px;border-radius:12px;overflow:hidden;background:var(--surface-2)}
.offer .badge{position:absolute;top:12px;left:12px;z-index:3;padding:6px 10px;border-radius:999px;background:#ff8a00;color:#fff}
.offer.gw .badge{background:var(--accent)}
.offer-ph{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#eef3ff,#dfe9ff)}
.offer-ph svg{width:30%;height:60%}
.offer .body{padding:8px 18px 20px;display:grid;gap:10px;flex:1;align-content:start}
.offer h3{font:800 21px/1.2 var(--display);letter-spacing:-.03em}
.offer p{color:var(--text-2);font-size:14.5px;white-space:pre-line}
.offer .btn{justify-self:start;margin-top:4px}
.o-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;color:var(--mute)}
.o-meta b{color:var(--text);font-family:var(--display)}
.ends{color:#e06a00}
.code{display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 14px;border-radius:10px;border:1.5px dashed var(--accent);background:#f3f7ff;cursor:pointer;transition:background .2s}
.code .mono{color:var(--mute);font-size:9.5px}
.code b{font:700 14px var(--mono);letter-spacing:.06em;color:var(--accent)}
.code:hover{background:#e6eeff}
.code.copied b::after{content:" ✓ copied";font:500 10px var(--mono);color:var(--ok)}

/* floating offer popup */
.offer-pop{position:fixed;left:20px;bottom:20px;z-index:44;display:flex;align-items:center;gap:12px;max-width:min(380px,calc(100vw - 100px));padding:10px 12px 10px 10px;border-radius:18px;
  background:#fff;border:1px solid var(--line-2);box-shadow:0 18px 50px rgba(11,13,18,.16);transform:translateY(140%);opacity:0;transition:transform .6s var(--ease),opacity .4s}
.offer-pop.in{transform:none;opacity:1}
.offer-pop:hover{box-shadow:0 18px 50px rgba(45,107,255,.25)}
.op-logo{flex:none;width:44px;height:44px;padding:9px 8px;border-radius:12px;background:#f3f7ff}
.op-txt{display:grid;min-width:0}
.op-txt small{color:#e06a00;display:flex;align-items:center;gap:6px}
.op-txt small::before{content:"";width:7px;height:7px;border-radius:50%;background:#ff8a00;animation:blink 1.4s infinite}
.op-txt b{font:700 14px/1.3 var(--display);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.op-go{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:11px}
.op-x{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;border:1px solid var(--line-2);background:#fff;color:var(--mute);display:grid;place-items:center;font-size:9px;cursor:pointer}
.op-x:hover{color:var(--text)}
@keyframes blink{50%{opacity:.25}}

/* reviews */
.grid-reviews{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px}
.review{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);padding:22px;display:grid;gap:14px;align-content:start;transition:transform .5s var(--ease),border-color .4s}
.review:hover{transform:translateY(-4px);border-color:var(--line-2)}
.stars{color:#f5b400;font-size:17px;letter-spacing:2px}
.stars i{font-style:normal;color:var(--surface-2)}
.review blockquote{margin:0;font-size:15.5px;line-height:1.65;color:var(--text-2);white-space:pre-line}
.review .who{display:flex;align-items:center;gap:12px;margin-top:auto}
.review .av{width:42px;height:42px;flex:none;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--surface-2);font:800 13px var(--display)}
.review .av img{width:100%;height:100%;object-fit:cover}
.review .who b{display:block;font:700 15px var(--display);letter-spacing:-.02em}
.review .who small{color:var(--mute);font-size:12.5px}
.rv-score{display:flex;align-items:center;gap:14px}
.rv-score>b{font:900 54px/1 var(--display);letter-spacing:-.05em}
.rv-score small{display:block;color:var(--mute);font-size:13px}

/* announcements */
.grid-news{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px}
.news{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .5s var(--ease),border-color .4s}
.news:hover{transform:translateY(-6px);border-color:var(--line-2)}
.news .media{aspect-ratio:16/9;margin:8px;border-radius:12px;overflow:hidden;position:relative}
.news .body{padding:14px 20px 20px;display:grid;gap:6px;flex:1;align-content:start}
.news .mono{color:var(--mute)}
.news h3{font:800 19px/1.25 var(--display);letter-spacing:-.03em}
.news p{font-size:14.5px;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.news .more{display:inline-flex;align-items:center;gap:8px;color:var(--accent)!important;margin-top:6px}
.news-full{padding:clamp(22px,3vw,40px);display:grid;gap:12px}
.news-full p{white-space:pre-line;color:var(--text-2);font-size:16px;line-height:1.7}

/* checkout: coupon + discount */
.coupon{display:grid;grid-template-columns:1fr auto;gap:8px}
.coupon .inp{height:44px;text-transform:uppercase;font:500 14px var(--mono);letter-spacing:.06em}
.coupon .btn{height:44px}
.co-rows .disc,.co-rows .disc b{color:var(--ok)}

/* account: rewards + Discord link */
.rewards{display:grid;gap:10px;padding:18px;border-radius:16px;background:linear-gradient(135deg,#f3f7ff,#fff);border:1px solid rgba(45,107,255,.18)}
.rw-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.rw-top .mono{color:var(--mute);display:block}
.rw-top b{font:900 34px/1.1 var(--display);letter-spacing:-.04em;color:var(--accent)}
.rw-top .btn:disabled{opacity:.45;cursor:not-allowed}
.rw-bar{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.rw-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4c93ff,#1552e6);transition:width .8s var(--ease)}
.rewards small{color:var(--text-2);font-size:13px;line-height:1.6}
.my-coupons{display:flex;flex-wrap:wrap;gap:8px}
.disc-link{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}
.disc-link b{display:block;font:700 15px var(--display);letter-spacing:-.02em}
.disc-link small{color:var(--mute);font-size:12.5px}
.disc-link code{font:500 12px var(--mono);background:var(--surface-2);padding:2px 6px;border-radius:6px}
.disc-link .link-code{font-size:16px;color:var(--accent);letter-spacing:.12em}
.mini-link{border:0;background:none;color:var(--mute);text-decoration:underline;cursor:pointer;font-size:13px}
@media (max-width:720px){.offer-pop{left:12px;bottom:12px}.rv-score>b{font-size:42px}}
#rvScore{margin-top:16px}.client-card .stars{margin-bottom:-6px}