:root{
  --bg:#07090c;--panel:#0d1015;--panel2:#11151c;--text:#f5f7fa;--muted:#8f98a8;
  --line:rgba(255,255,255,.12);--line2:rgba(255,255,255,.24);--green:#7dff9b;
  --blue:#93a9ff;--radius:24px;--shell:min(1320px,calc(100vw - 48px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:radial-gradient(62vw 28vw at 50% 16%,rgba(74,108,255,.11),transparent 68%),radial-gradient(48vw 22vw at 50% 38%,rgba(51,92,214,.06),transparent 72%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:var(--shell);margin-inline:auto}
.noise{position:fixed;inset:0;pointer-events:none;z-index:1000;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;z-index:-1;width:580px;height:580px;border-radius:50%;background:radial-gradient(circle,rgba(93,116,255,.17),rgba(93,116,255,0) 68%);transform:translate(-50%,-50%);pointer-events:none;left:50%;top:20%}
.site-header{position:sticky;top:0;z-index:50;width:100%;height:82px;padding:0 max(24px,calc((100vw - 1320px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(7,9,12,.76);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.03em;text-transform:lowercase}.brand img{width:34px;height:34px;object-fit:contain}.brand span{font-size:17px}
.nav{display:flex;gap:27px;font-size:13px;font-weight:700;color:#b8c0ce}.nav a{transition:.2s ease}.nav a:hover{color:#fff}.site-header>.button{justify-self:end}
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid var(--line2);border-radius:999px;padding:15px 22px;font-size:13px;font-weight:850;letter-spacing:.01em;transition:.2s ease}
.button:hover{transform:translateY(-2px)}.button-small{padding:11px 17px}.button-light{background:#f4f6f9;color:#090b0e;border-color:#f4f6f9}.button-light:hover{background:#fff}
.button-ghost{background:rgba(255,255,255,.02)}.button-ghost:hover{background:rgba(255,255,255,.07)}.button-large{padding:17px 26px}
.eyebrow,.section-kicker{font-size:10px;font-weight:900;letter-spacing:.16em;color:#818b9b}.eyebrow{display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(125,255,155,.10)}
.hero{min-height:780px;padding:78px 0 72px;display:grid;grid-template-columns:.84fr 1.16fr;gap:72px;align-items:center}
.hero h1{font-size:clamp(78px,8vw,128px);line-height:.78;letter-spacing:-.075em;margin:26px 0 0;font-weight:950}.hero h1 span{display:block}.hero h1 .outline{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.72)}
.hero-lede{max-width:610px;color:#9aa3b1;line-height:1.72;font-size:17px;margin:38px 0 0}.hero-lede strong{color:#fff}.hero-actions{display:flex;gap:11px;margin-top:30px;flex-wrap:wrap}
.hero-meta{display:flex;align-items:center;gap:12px;color:#636d7d;font-size:9px;font-weight:850;letter-spacing:.13em;margin-top:34px}.hero-meta i{width:28px;height:1px;background:#343a44}
.compare-wrap{min-width:0}.compare-topline{display:flex;justify-content:space-between;color:#6f7988;font-size:9px;letter-spacing:.15em;font-weight:850;margin-bottom:12px;padding:0 4px}
.triple-compare{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:31px;border:1px solid rgba(255,255,255,.15);background:#15181c;box-shadow:0 45px 95px rgba(0,0,0,.42);user-select:none;touch-action:none}
.compare-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.compare-layer{position:absolute;inset:0;overflow:hidden}.compare-render{clip-path:inset(0 calc(100% - var(--render-stop)) 0 0)}.compare-wire{clip-path:inset(0 calc(100% - var(--wire-stop)) 0 0)}
.compare-label{position:absolute;z-index:7;top:22px;padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(6,8,11,.56);backdrop-filter:blur(12px);font-size:8px;font-weight:900;letter-spacing:.17em;color:#d8dde7}
.label-wire{left:22px}.label-render{left:50%;transform:translateX(-50%)}.label-real{right:22px}
.compare-handle{position:absolute;z-index:8;top:0;bottom:0;width:2px;border:0;padding:0;background:rgba(255,255,255,.82);cursor:ew-resize;transform:translateX(-1px)}
.handle-a{left:var(--wire-stop)}.handle-b{left:var(--render-stop)}.compare-handle:before{content:"";position:absolute;left:-20px;top:50%;width:40px;height:40px;border-radius:50%;transform:translateY(-50%);background:#0a0d12;border:1px solid rgba(255,255,255,.72);box-shadow:0 8px 28px rgba(0,0,0,.45)}
.compare-handle span{position:absolute;top:50%;z-index:2;color:#fff;font-size:22px;line-height:1;transform:translateY(-54%)}.compare-handle span:first-child{left:-12px}.compare-handle span:last-child{left:6px}
.compare-footer{position:absolute;z-index:6;left:18px;right:18px;bottom:17px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;color:#b7bfcb;font-size:8px;font-weight:850;letter-spacing:.12em;text-shadow:0 2px 9px #000}.compare-footer span:nth-child(2){text-align:center}.compare-footer span:nth-child(3){text-align:right}
.triple-compare:after{content:"";position:absolute;z-index:5;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.22),transparent 20%,transparent 76%,rgba(0,0,0,.34))}
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:#090c10}.ticker-track{height:62px;display:flex;align-items:center;gap:28px;width:max-content;white-space:nowrap;animation:ticker 25s linear infinite;font-size:12px;font-weight:900;letter-spacing:.12em;color:#b8c1d0}.ticker-track b{color:#4b5463}@keyframes ticker{to{transform:translateX(-50%)}}
.work{padding:118px 0 78px}.section-head{display:grid;grid-template-columns:1fr 450px;gap:70px;align-items:end;margin-bottom:44px}.section-head h2,.time-attack h2,.closing h2{font-size:clamp(46px,5vw,76px);line-height:.94;letter-spacing:-.055em;margin:10px 0 0}.section-head p{color:#8d96a5;line-height:1.72;font-size:15px;margin:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.platform-card{position:relative;min-height:430px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(155deg,#0e1218,#090c10);padding:24px;overflow:hidden;display:flex;flex-direction:column;transition:.25s ease;transform-style:preserve-3d}.platform-card:hover{border-color:rgba(255,255,255,.28);background:linear-gradient(155deg,#121722,#090c10)}
.platform-card:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;right:-130px;top:-130px;background:radial-gradient(circle,rgba(119,135,255,.16),transparent 65%)}.card-index{font-size:10px;color:#626b79;font-weight:800;letter-spacing:.16em}.platform-mark{margin:auto 0;font-size:106px;font-weight:950;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.21)}
.platform-copy{position:relative;z-index:2}.card-kicker{font-size:9px;font-weight:850;letter-spacing:.14em;color:#697383}.platform-copy h3{font-size:35px;letter-spacing:-.04em;margin:9px 0 8px}.platform-copy p{color:#8f98a7;font-size:14px;line-height:1.6;margin:0;max-width:320px}.card-arrow{position:absolute;right:24px;top:20px;font-size:23px;color:#8d96a6}.quote-pill{position:absolute;right:24px;bottom:24px;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:10px 13px;font-size:9px;font-weight:900;letter-spacing:.12em}.fiverr .platform-mark{-webkit-text-stroke-color:rgba(125,255,155,.30)}.patreon .platform-mark{-webkit-text-stroke-color:rgba(255,128,109,.30)}.gumroad .platform-mark{-webkit-text-stroke-color:rgba(147,174,255,.30)}
.portfolio{padding:86px 0 92px}.portfolio-side{display:flex;flex-direction:column;gap:20px}.feed-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:9px;letter-spacing:.13em}.feed-status strong{color:#dfe4ec}.feed-status em{font-style:normal;color:#626b78}.feed-dot{width:8px;height:8px;border-radius:50%;background:#ffc857;box-shadow:0 0 0 5px rgba(255,200,87,.08)}.feed-status.live .feed-dot{background:var(--green);box-shadow:0 0 0 5px rgba(125,255,155,.08)}
.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.portfolio-item{position:relative;aspect-ratio:1/1;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#0e1116}.portfolio-feature{grid-column:span 2;grid-row:span 2}.portfolio-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease}.portfolio-item:hover img{transform:scale(1.035);filter:brightness(1.05)}.portfolio-item:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78));pointer-events:none}
.portfolio-caption{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;display:flex;justify-content:space-between;align-items:end;gap:16px}.portfolio-caption span{font-size:8px;font-weight:900;letter-spacing:.14em;color:#aeb6c4}.portfolio-caption strong{font-size:12px;text-align:right}.portfolio-live-badge{position:absolute;z-index:3;top:14px;left:14px;border-radius:999px;background:rgba(7,9,12,.68);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);padding:8px 10px;font-size:8px;font-weight:900;letter-spacing:.12em}
.portfolio-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;color:#687281;font-size:11px}
.time-attack{padding:58px 0 88px}.time-attack-panel{display:grid;grid-template-columns:1fr .9fr;min-height:480px;border-radius:30px;border:1px solid var(--line);background:#f1f3f6;color:#080a0d;overflow:hidden}.ta-left{padding:56px 58px;display:flex;flex-direction:column;justify-content:center}.ta-left .section-kicker{color:#5e6670}.ta-left p{max-width:560px;color:#4f5762;line-height:1.7;font-size:15px}.live{display:flex;align-items:center;gap:9px;margin-bottom:48px;font-size:10px;font-weight:900;letter-spacing:.15em}.live span{width:8px;height:8px;background:#28b451;border-radius:50%;box-shadow:0 0 0 5px rgba(40,180,81,.12)}
.ta-right{position:relative;background:#0b0e13;color:#f7f8fb;display:flex;align-items:center;justify-content:center;overflow:hidden}.ta-grid{position:absolute;inset:-30%;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:42px 42px;transform:perspective(500px) rotateX(58deg) rotateZ(-12deg);opacity:.5}.rank-stack{position:relative;z-index:2;text-align:center}.rank-label{display:block;color:#818a99;font-size:9px;letter-spacing:.18em;font-weight:900}.rank-stack strong{display:block;font-size:126px;line-height:.92;letter-spacing:-.08em}.rank-stack>span:last-child{color:#7f8998;font-size:12px}.launch{position:absolute;bottom:28px;left:28px;right:28px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.15);padding-top:18px;font-size:10px;font-weight:900;letter-spacing:.12em}
.closing{padding:90px 0 126px;text-align:center}.closing-line{width:1px;height:90px;background:linear-gradient(transparent,#49505d);margin:0 auto 34px}.closing p{color:#8f98a7;font-size:17px;margin:16px 0 28px}.closing .button{margin:auto}
.footer{height:120px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.footer-brand img{width:30px;height:30px}.footer-links{display:flex;gap:24px;color:#8f98a7;font-size:12px;font-weight:700}.footer-links a:hover{color:#fff}.copyright{justify-self:end;color:#5e6674;font-size:10px;letter-spacing:.12em;font-weight:800}
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}[data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:1060px){.site-header{grid-template-columns:1fr auto}.nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-copy{max-width:760px}.compare-wrap{max-width:760px;width:100%;margin:auto}.section-head{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.platform-card{min-height:300px}.platform-mark{margin:46px 0 34px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.time-attack-panel{grid-template-columns:1fr}.ta-right{min-height:390px}.footer{grid-template-columns:1fr auto}.footer-links{display:none}}
@media(max-width:650px){:root{--shell:calc(100vw - 28px)}.site-header{height:70px;padding:0 14px}.site-header .brand span{display:none}.button-small{padding:10px 13px}.hero{padding:54px 0 48px;gap:36px}.hero h1{font-size:clamp(62px,22vw,96px)}.hero-lede{font-size:16px;margin-top:28px}.hero-meta{display:none}.compare-topline{font-size:7px}.triple-compare{border-radius:22px}.compare-label{top:13px;font-size:6px;padding:7px 8px}.label-wire{left:12px}.label-real{right:12px}.compare-footer{left:12px;right:12px;bottom:11px;font-size:6px}.ticker-track{height:54px}.work{padding-top:84px}.section-head{gap:20px;margin-bottom:28px}.section-head h2,.time-attack h2,.closing h2{font-size:45px}.platform-card{min-height:330px}.portfolio{padding-top:60px}.portfolio-grid{grid-template-columns:1fr 1fr;gap:8px}.portfolio-feature{grid-column:span 2}.portfolio-cta{align-items:flex-start;flex-direction:column}.ta-left{padding:38px 28px}.ta-right{min-height:330px}.rank-stack strong{font-size:96px}.closing{padding:72px 0 90px}.footer{height:96px}.copyright{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.cursor-glow{display:none}}

/* v1.2: all three hero phases are pre-aligned square assets. */
.compare-img{object-fit:cover;object-position:50% 50%}
.portfolio-caption strong{max-width:68%}
.portfolio-live-badge{font-family:inherit}


/* v1.4.1 — underline only the page the visitor is currently on */
.nav a{
  position:relative;
}
.nav a.active{
  color:#f4f6f9;
}
.nav a.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-9px;
  height:2px;
  border-radius:2px;
  background:#7dff9b;
  transform:scaleX(.72);
  opacity:.95;
}

/* v1.5.0 — Fiverr buyer reviews + delivery images */
.reviews-section{padding:86px 0 92px}
.reviews-head{margin-bottom:26px}
.reviews-side{display:flex;flex-direction:column;gap:20px}
.reviews-side p{color:#8d96a5;line-height:1.72;font-size:15px;margin:0}
.reviews-toolbar{
  min-height:52px;
  margin-bottom:12px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:1px solid var(--line);
  border-radius:15px;
  background:rgba(12,15,20,.74);
  color:#778190;
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em
}
.reviews-toolbar>div{display:flex;align-items:center;gap:9px;color:#c8ced8}
.reviews-live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(125,255,155,.08)}
.reviews-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px
}
.review-card{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(155deg,#0e1218,#090c10);
  display:flex;
  flex-direction:column
}
.review-media{
  position:relative;
  display:block;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#15191f
}
.review-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease,filter .45s ease
}
.review-card:hover .review-media img{transform:scale(1.025);filter:brightness(1.04)}
.review-media-badge{
  position:absolute;
  left:13px;
  top:13px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(6,8,11,.68);
  backdrop-filter:blur(12px);
  color:#dfe4ec;
  font-size:7px;
  font-weight:900;
  letter-spacing:.13em
}
.review-body{
  flex:1;
  min-height:235px;
  padding:20px;
  display:flex;
  flex-direction:column
}
.review-rating{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:16px
}
.review-stars{
  color:#ffd86b;
  letter-spacing:.08em;
  font-size:12px
}
.review-rating strong{font-size:11px;color:#eef1f5}
.review-body blockquote{
  margin:0;
  color:#d9dee7;
  font-size:14px;
  line-height:1.65;
  letter-spacing:-.01em
}
.review-meta{
  margin-top:auto;
  padding-top:24px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  border-top:1px solid rgba(255,255,255,.08)
}
.review-meta>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.review-meta strong{font-size:11px;color:#f3f5f8}
.review-meta span,.review-meta time{
  color:#697382;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em
}
.review-meta time{text-align:right;white-space:nowrap}
.review-featured{
  grid-column:span 2;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)
}
.review-featured .review-media{aspect-ratio:auto;min-height:430px}
.review-featured .review-body{min-height:430px;padding:28px}
.review-featured .review-body blockquote{font-size:19px;line-height:1.55}
.review-featured .review-stars{font-size:14px}
.reviews-footer{
  margin-top:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  color:#687281;
  font-size:10px
}
@media(max-width:1000px){
  .reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .review-featured{grid-column:span 2}
}
@media(max-width:650px){
  .reviews-section{padding-top:60px}
  .reviews-grid{grid-template-columns:1fr}
  .review-featured{grid-column:auto;display:flex}
  .review-featured .review-media{aspect-ratio:16/10;min-height:0}
  .review-featured .review-body{min-height:250px;padding:20px}
  .review-featured .review-body blockquote{font-size:15px}
  .reviews-toolbar{gap:12px}
  .reviews-footer{align-items:flex-start;flex-direction:column}
}

/* v1.6.0 — final spacing / consistency pass */
.hero{padding-top:66px;padding-bottom:62px}
.hero-lede{max-width:570px}
.work{padding-top:100px}
.reviews-section{padding-top:74px}
.section-head{margin-bottom:36px}
.platform-copy p{max-width:300px}
.closing{padding-top:76px}

/* v1.6.5 — uniform Fiverr review wall */
.reviews-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  grid-auto-rows:520px;
}
.review-card,
.review-featured{
  grid-column:auto!important;
  grid-row:auto!important;
  display:flex!important;
  flex-direction:column!important;
  height:520px;
}
.review-media,
.review-featured .review-media{
  aspect-ratio:auto;
  height:250px!important;
  min-height:250px!important;
  flex:0 0 250px;
}
.review-body,
.review-featured .review-body{
  min-height:0!important;
  height:auto!important;
  flex:1;
  padding:20px!important;
  overflow:hidden;
}
.review-body blockquote,
.review-featured .review-body blockquote{
  font-size:14px!important;
  line-height:1.58!important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:7;
  overflow:hidden;
}
.review-featured .review-stars{font-size:12px}
.review-meta{padding-top:16px}
@media(max-width:1000px){
  .reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:520px}
  .review-card,.review-featured{height:520px}
}
@media(max-width:650px){
  .reviews-grid{grid-template-columns:1fr;grid-auto-rows:auto}
  .review-card,.review-featured{height:auto;min-height:0}
  .review-media,.review-featured .review-media{
    height:auto!important;
    min-height:0!important;
    flex:auto;
    aspect-ratio:16/10;
  }
  .review-body blockquote,.review-featured .review-body blockquote{
    -webkit-line-clamp:unset;
  }
}

/* v1.6.7 — Fiverr order metadata */
.review-order-meta{
  display:flex;
  gap:22px;
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08);
}
.review-order-meta span{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:90px;
}
.review-order-meta b{
  font-size:12px;
  color:#f5f7fb;
  font-weight:750;
}
.review-order-meta small{
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#7f899b;
}

/* v1.6.8 — final Fiverr review card proportions */
.reviews-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.review-card{
  height:540px;
}
.review-media{
  height:255px!important;
  min-height:255px!important;
  flex:0 0 255px;
}
.review-body{
  padding:18px!important;
}
.review-order-meta{
  margin-top:12px;
  padding-top:12px;
  gap:26px;
}
.review-meta{
  margin-top:auto;
}
@media(max-width:1000px){
  .review-card{height:540px}
}
@media(max-width:650px){
  .review-card{height:auto}
}


/* v1.6.9 header / mobile nav / ticker / reviews carousel */
.site-header{overflow:visible}
.header-actions{justify-self:end;display:flex;align-items:center;gap:12px}
.nav a{position:relative;padding:28px 0;color:#b8c0ce}
.nav a.active,.nav a:hover{color:#fff}
.nav a.active::after,.nav a[aria-current="page"]::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:999px;background:var(--green)
}
.menu-toggle{display:none;width:46px;height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#fff}
.menu-toggle span{display:block;width:18px;height:2px;background:#fff;border-radius:999px;transition:.2s ease}
body.menu-open{overflow:hidden}
body.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.menu-open .menu-toggle span:nth-child(2){opacity:0}
body.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{position:fixed;inset:82px 0 auto 0;z-index:45;padding:0 16px 16px}
.mobile-menu-panel{border:1px solid rgba(255,255,255,.10);border-radius:24px;background:rgba(10,13,18,.96);backdrop-filter:blur(18px);box-shadow:0 24px 50px rgba(0,0,0,.35)}
.mobile-nav{display:flex;flex-direction:column;padding:18px;gap:6px}
.mobile-nav a{padding:14px 14px;border-radius:14px;color:#c6ceda;font-weight:800;font-size:14px}
.mobile-nav a:hover,.mobile-nav a.active{background:rgba(255,255,255,.06);color:#fff}
.mobile-nav .button{margin-top:6px;width:100%}
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:#090c10}
.ticker-track{height:62px;display:flex;align-items:center;gap:20px;width:max-content;white-space:nowrap;animation:ticker 32s linear infinite;animation-delay:-16s;font-size:12px;font-weight:900;letter-spacing:.12em;color:#7b8697;will-change:transform}
.ticker-track b{color:#445061}
.ticker-live{display:inline-flex;align-items:center;gap:10px;color:#7b8697}
.ticker-live strong{color:var(--green);font-size:12px}
.reviews-carousel{position:relative;display:flex;align-items:center;gap:14px}
.reviews-viewport{overflow:hidden;flex:1}
.reviews-track{display:flex;transition:transform .35s ease}
.reviews-page{min-width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.reviews-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}
.reviews-arrow{width:48px;height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.03);color:#fff;font-size:28px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.2s ease}
.reviews-arrow:hover{background:rgba(255,255,255,.08);transform:translateY(-1px)}
.reviews-arrow:disabled{opacity:.35;cursor:default;transform:none}
.reviews-dots{display:flex;gap:8px;align-items:center;justify-content:center;min-height:10px}
.reviews-dots button{width:9px;height:9px;border-radius:999px;border:0;background:rgba(255,255,255,.18);padding:0;cursor:pointer}
.reviews-dots button.active{background:var(--green);box-shadow:0 0 0 4px rgba(125,255,155,.10)}
.review-card{height:100%}
.review-body{display:flex;flex-direction:column;min-height:285px}
.review-order-meta{margin-top:14px}
.review-meta{margin-top:auto}
@media(max-width:1060px){
  .site-header{grid-template-columns:1fr auto}
  .nav,.desktop-quote,.footer-links{display:none}
  .menu-toggle{display:inline-flex}
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.hero-copy{max-width:760px}.compare-wrap{max-width:760px;width:100%;margin:auto}.section-head{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.platform-card{min-height:300px}.platform-mark{margin:46px 0 34px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.time-attack-panel{grid-template-columns:1fr}.ta-right{min-height:390px}.footer{grid-template-columns:1fr auto}
}
@media(max-width:850px){
  .reviews-page{grid-template-columns:1fr}
  .reviews-carousel{gap:8px}
  .reviews-carousel > .reviews-arrow{display:none}
}
@media(max-width:640px){
  .mobile-menu{inset:70px 0 auto 0;padding:0 12px 12px}
  .site-header{height:70px;padding:0 14px}
  .brand span{font-size:16px}
  .ticker-track{height:56px;font-size:11px;gap:16px}
  .ticker-live strong{font-size:11px}
}


/* v1.6.10 — cleaner review slider controls */
.reviews-controls,.reviews-dots{display:none!important}
.reviews-progress{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  max-width:340px;
  margin:18px auto 0;
}
.reviews-progress-track{
  position:relative;
  width:250px;
  height:4px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.10);
}
.reviews-progress-track span{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:var(--green);
  transition:width .32s ease;
  box-shadow:0 0 16px rgba(125,255,155,.25);
}
.reviews-progress-count{
  min-width:42px;
  color:#8e98a9;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-align:right;
}
.reviews-viewport{touch-action:pan-y;user-select:none}
@media(max-width:850px){
  .reviews-carousel > .reviews-arrow{
    display:grid;
    position:absolute;
    z-index:5;
    top:50%;
    transform:translateY(-50%);
    width:44px;
    height:44px;
    background:rgba(10,13,18,.86);
    backdrop-filter:blur(10px);
  }
  .reviews-carousel > .reviews-arrow:hover{transform:translateY(-50%)}
  .reviews-carousel > .reviews-arrow-prev{left:-6px}
  .reviews-carousel > .reviews-arrow-next{right:-6px}
  .reviews-viewport{width:100%}
  .reviews-progress{max-width:260px;margin-top:14px;gap:12px}
  .reviews-progress-track{width:190px}
}
@media(max-width:520px){
  .reviews-carousel > .reviews-arrow{width:40px;height:40px;font-size:24px}
  .reviews-carousel > .reviews-arrow-prev{left:-2px}
  .reviews-carousel > .reviews-arrow-next{right:-2px}
  .reviews-progress{max-width:220px}
  .reviews-progress-track{width:155px}
}


/* v1.6.12 — high-resolution atmosphere restoration */
body{
  background:
    radial-gradient(900px 620px at 50% -120px,rgba(45,58,76,.13),transparent 68%),
    radial-gradient(720px 520px at 86% 18%,rgba(36,48,63,.07),transparent 70%),
    #07090c;
}
.noise{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' seed='17' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E")!important;
  background-size:320px 320px!important;
  image-rendering:auto!important;
  opacity:.035!important;
  mix-blend-mode:soft-light;
}


/* v1.6.13 — Competition trust + live event rows */
.competition-home-card{min-height:520px}
.competition-home-card .ta-left{justify-content:center}
.competition-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.competition-trust span{display:inline-flex;align-items:center;gap:7px;min-height:31px;padding:0 10px;border:1px solid rgba(8,10,13,.13);border-radius:999px;background:rgba(8,10,13,.045);font-size:8px;letter-spacing:.11em;color:#333b45}
.competition-trust i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#0b1610;color:#55e77f;font-style:normal;font-size:9px}
.competition-trust b{font-weight:900}
.competition-trust-copy{font-size:12px!important;line-height:1.55!important;max-width:570px!important;margin:13px 0 0!important;color:#69727d!important}
.competition-open-link{display:inline-flex;align-items:center;gap:12px;width:max-content;margin-top:24px;padding-bottom:6px;border-bottom:1px solid rgba(8,10,13,.28);font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.competition-open-link span{font-size:14px}
.competition-event-feed{display:block;padding:30px;min-height:520px}
.home-events-head{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:2px 1px 16px;border-bottom:1px solid rgba(255,255,255,.12)}
.home-events-head>div{display:flex;align-items:center;gap:12px}
.home-events-head>div strong{color:#d8dee8;font-size:9px;letter-spacing:.12em}
.home-events-head>a{color:#a8b1c0;font-size:8px;font-weight:900;letter-spacing:.13em;transition:.2s ease}
.home-events-head>a:hover{color:#fff}
.home-event-rows{position:relative;z-index:2;display:flex;flex-direction:column;gap:9px;margin-top:14px}
.home-event-row{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:13px;align-items:center;min-height:94px;padding:10px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(9,12,17,.82);transition:border-color .2s ease,background .2s ease,transform .2s ease}
.home-event-row:hover{border-color:rgba(255,255,255,.24);background:rgba(17,22,30,.94);transform:translateY(-1px)}
.home-event-thumb{position:relative;width:84px;height:60px;overflow:hidden;border-radius:11px;background:#111722;border:1px solid rgba(255,255,255,.08)}
.home-event-thumb img{width:100%;height:100%;object-fit:cover}
.home-event-main{min-width:0}
.home-event-topline{display:flex;align-items:center;gap:7px;margin-bottom:7px;color:#778394;font-size:7px;font-weight:900;letter-spacing:.12em}
.home-event-dot{width:6px;height:6px;border-radius:50%;background:#ffc45c;box-shadow:0 0 0 4px rgba(255,196,92,.07)}
.home-event-row.ongoing .home-event-dot{background:var(--green);box-shadow:0 0 0 4px rgba(125,255,155,.07)}
.home-event-main h3{overflow:hidden;margin:0;color:#f4f6fa;font-size:13px;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}
.home-event-main p{overflow:hidden!important;margin:6px 0 0!important;max-width:none!important;color:#7f8a9a!important;font-size:9px!important;line-height:1.3!important;white-space:nowrap;text-overflow:ellipsis}
.home-event-time{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:78px;text-align:right}
.home-event-time b{color:#dce2ea;font-size:8px;letter-spacing:.08em}
.home-event-time span{color:#6f7a8a;font-size:7px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.home-event-loading,.home-events-empty{display:flex;align-items:center;gap:12px;min-height:92px;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(9,12,17,.65);color:#8792a2}
.home-event-loading>span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(125,255,155,.08)}
.home-event-loading div,.home-events-empty div{display:flex;flex-direction:column;gap:4px}
.home-event-loading b,.home-events-empty b{color:#d5dbe5;font-size:10px;letter-spacing:.05em}
.home-event-loading small,.home-events-empty small{font-size:9px;color:#707b8a}
@media(max-width:1060px){.competition-event-feed{min-height:440px}.competition-home-card{min-height:auto}}
@media(max-width:650px){.competition-event-feed{padding:18px;min-height:0}.home-event-row{grid-template-columns:70px minmax(0,1fr);min-height:82px}.home-event-thumb{width:70px;height:50px}.home-event-time{grid-column:2;align-items:flex-start;flex-direction:row;min-width:0}.home-events-head{align-items:center}.competition-trust{gap:6px}.competition-trust span{font-size:7px}.competition-open-link{margin-top:20px}}


/* v1.6.15 production seamless ticker */
.ticker{overflow:hidden}
.ticker-track{display:flex!important;gap:0!important;width:max-content!important;min-width:max-content;animation:tickerSeamless 78s linear infinite!important;animation-delay:0s!important;will-change:transform}
.ticker-group,.ticker-segment{display:flex;align-items:center;flex:none;white-space:nowrap}
.ticker-segment{height:62px;gap:20px;padding-right:20px}
@keyframes tickerSeamless{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:650px){.ticker-segment{height:56px;gap:16px;padding-right:16px}}


/* v1.6.18 home global leaderboard */
.home-global{padding:0 0 88px}
.home-global-panel{display:grid;grid-template-columns:.82fr 1.18fr;min-height:430px;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:linear-gradient(140deg,#f1f3f6 0 42%,#0a0e14 42% 100%)}
.home-global-copy{padding:46px 50px;color:#080a0d;display:flex;flex-direction:column;justify-content:center}
.home-global-copy .live{margin-bottom:28px}.home-global-copy .section-kicker{color:#5e6670}.home-global-copy h2{font-size:clamp(42px,4.7vw,70px);line-height:.94;letter-spacing:-.055em;margin:10px 0 16px}.home-global-copy p{color:#4f5762;max-width:480px;line-height:1.65;font-size:14px}.home-global-copy .competition-open-link{color:#151a21;border-color:rgba(0,0,0,.18)}
.home-global-stats{display:flex;gap:8px;margin:14px 0 8px}.home-global-stats>div{min-width:96px;border:1px solid rgba(0,0,0,.13);border-radius:12px;padding:10px 12px;background:rgba(255,255,255,.42)}.home-global-stats span{display:block;color:#68717d;font-size:7px;font-weight:900;letter-spacing:.12em}.home-global-stats strong{display:block;margin-top:4px;font-size:18px;color:#10151b}
.home-global-feed{position:relative;padding:32px 34px;background:radial-gradient(circle at 80% 15%,rgba(125,255,155,.07),transparent 32%),#0a0e14;color:#fff}
.home-global-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}.home-global-head>div{display:flex;gap:10px;align-items:center}.home-global-head span{color:#7e8999;font-size:8px;font-weight:900;letter-spacing:.13em}.home-global-head strong{color:#dbe2eb;font-size:8px;letter-spacing:.12em}.home-global-head a{color:#9aa6b7;font-size:8px;font-weight:900;letter-spacing:.12em}
.home-global-rows{display:flex;flex-direction:column;gap:8px;margin-top:13px}.home-global-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(13,18,25,.86);transition:.2s ease}.home-global-row:hover{border-color:rgba(125,255,155,.27);background:#101720;transform:translateY(-1px)}.home-global-rank{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:rgba(125,255,155,.08);color:var(--green);font-size:8px;font-weight:950;letter-spacing:.08em}.home-global-main{min-width:0}.home-global-main h3{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f0f4f8;font-size:11px}.home-global-main p{margin:5px 0 0!important;max-width:none!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#788596!important;font-size:8px!important}.home-global-record{text-align:right}.home-global-record strong{display:block;color:#fff;font-size:13px;font-variant-numeric:tabular-nums}.home-global-record span{display:block;max-width:150px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6d798a;font-size:7px}
@media(max-width:1060px){.home-global-panel{grid-template-columns:1fr;background:#f1f3f6}.home-global-feed{min-height:360px}.home-global-copy{padding:40px}}
@media(max-width:650px){.home-global{padding-bottom:64px}.home-global-copy{padding:34px 28px}.home-global-feed{padding:20px 18px;min-height:0}.home-global-row{grid-template-columns:34px minmax(0,1fr)}.home-global-rank{width:30px;height:30px}.home-global-record{grid-column:2;text-align:left;display:flex;align-items:center;gap:8px}.home-global-record span{max-width:180px}.home-global-head{align-items:center}}


/* v1.6.23 — one global shell + Competition menu */
.nav-group{position:relative;display:flex;align-items:center;height:82px}
.nav-trigger{height:100%;border:0;background:transparent;color:#b8c0ce;font:700 13px/1 inherit;padding:0 16px 0 0;cursor:pointer;position:relative;white-space:nowrap}
.nav-trigger::before{content:"";position:absolute;right:1px;top:50%;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-65%) rotate(45deg)}
.nav-group:hover .nav-trigger,.nav-group:focus-within .nav-trigger{color:#fff}
.nav-dropdown{position:absolute;top:calc(100% - 8px);left:50%;min-width:190px;transform:translate(-50%,9px);padding:8px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(10,14,20,.98);box-shadow:0 24px 60px rgba(0,0,0,.42);opacity:0;visibility:hidden;pointer-events:none;transition:.16s ease;z-index:70}
.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.nav-dropdown a{display:block!important;padding:11px 12px!important;border-radius:9px;color:#aeb9c8!important}.nav-dropdown a::after{display:none!important}.nav-dropdown a:hover{background:rgba(255,255,255,.06);color:#fff!important}
.mobile-challenge{padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025)}
.mobile-challenge>span{display:block;padding:5px 7px 7px;color:#647286;font-size:8px;font-weight:950;letter-spacing:.14em}.mobile-challenge-links{display:grid;gap:3px}.mobile-challenge-links a{padding:11px 12px!important;background:rgba(255,255,255,.025)!important}

/* v1.6.23 — global header / footer / phone-menu contract shared with Competition pages */
.header-actions.header-right{justify-self:end;display:flex;align-items:center;gap:10px;min-width:0}
.footer.shell{width:min(1320px,calc(100vw - 48px));height:120px;margin:0 auto;padding:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;color:#8490a1}
.footer.shell .footer-brand{justify-self:start;color:#fff}.footer.shell .footer-brand img{width:34px;height:34px}
.footer.shell .footer-links{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;color:inherit}.footer.shell .footer-links a{font-size:11px;font-weight:800;color:#909bac}.footer.shell .footer-links a:hover{color:#fff}.footer.shell .copyright{justify-self:end;color:#5e6674;font-size:10px;letter-spacing:.12em;font-weight:800}
.mobile-nav .mobile-challenge{padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025)}
.mobile-nav .mobile-challenge>span{display:block;padding:5px 7px 7px;color:#647286;font-size:8px;font-weight:950;letter-spacing:.14em}
.mobile-nav .mobile-challenge-links{display:grid;grid-template-columns:1fr;gap:3px}.mobile-nav .mobile-challenge-links a{padding:11px 12px!important;background:rgba(255,255,255,.025)!important}
@media(max-width:1060px){.footer.shell{grid-template-columns:1fr auto}.footer.shell .footer-links{display:none}}
@media(max-width:650px){.footer.shell{width:calc(100vw - 28px);height:96px}.footer.shell .copyright{font-size:8px}}

/* R59 homepage live event participant count */
.home-event-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px;min-width:86px}
.home-event-participants{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:24px;padding:0 8px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(8,13,19,.72);color:#eef3f8;white-space:nowrap}
.home-event-participants img{display:block;width:14px;height:14px;object-fit:contain}.home-event-participants .event-participants-icon{display:block;width:14px;height:14px;flex:0 0 14px;background:currentColor;-webkit-mask:url("/assets/icons/event-participants.svg") center/contain no-repeat;mask:url("/assets/icons/event-participants.svg") center/contain no-repeat}
.home-event-participants b{font-size:10px;line-height:1;font-weight:900}
@media(max-width:650px){.home-event-side{grid-column:2;align-items:flex-start;flex-direction:row;justify-content:space-between;min-width:0;width:100%}.home-event-time{grid-column:auto!important}}