/* roulang page: index */
:root{
  --sea:#0b0f18;
  --ember:#f3c25a;
  --glow:#7b8cff;
  --snow:#f3f5fa;
  --fog:#98a1b8;
  --hair:rgba(255,255,255,.09);
  --round:16px;
  --lift:0 18px 40px rgba(0,0,0,.45);
  --gap:clamp(30px,5vw,64px);
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 15% 5%,rgba(123,140,255,.14),transparent 45%),radial-gradient(circle at 85% 0%,rgba(243,194,90,.10),transparent 40%),var(--sea);color:var(--snow);font:16px/1.7 "PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
h1,h2,h3,p,ul,blockquote,figure{margin:0}
ul{padding:0;list-style:none}
.vytimo-shell{width:min(1180px,100% - 36px);margin-inline:auto}
.vytimo-top{position:sticky;top:0;z-index:30;background:rgba(9,13,21,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--hair)}
.vytimo-top-in{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;flex-wrap:wrap}
.vytimo-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;letter-spacing:.4px;white-space:nowrap}
.vytimo-logo-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--ember),#e08b3c);color:#1b1206;display:grid;place-items:center;font-weight:900;font-size:15px}
.vytimo-nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.vytimo-nav::-webkit-scrollbar{display:none}
.vytimo-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;font-size:14px;color:var(--fog);white-space:nowrap;transition:color .25s,background .25s}
.vytimo-nav a:hover,.vytimo-nav a:focus-visible{color:var(--snow);background:rgba(255,255,255,.08)}
.vytimo-nav a:focus-visible,.vytimo-btn:focus-visible{outline:2px solid var(--ember);outline-offset:2px}
.vytimo-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--hair)}
.vytimo-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;z-index:0}
.vytimo-hero::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(9,12,20,.55),rgba(9,12,20,.94))}
.vytimo-hero-in{position:relative;z-index:1;display:grid;gap:34px;padding:clamp(38px,7vw,84px) 0}
.vytimo-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:1.6px;color:var(--ember)}
.vytimo-eyebrow::before{content:"";width:26px;height:1px;background:var(--ember)}
.vytimo-hero h1{font-size:clamp(26px,5.2vw,44px);line-height:1.24;font-weight:800;letter-spacing:.5px;margin:14px 0 10px}
.vytimo-hero h1 em{font-style:normal;color:var(--ember)}
.vytimo-sub{font-size:clamp(15px,2.2vw,19px);color:#e2e7f2;font-weight:600}
.vytimo-lede{margin-top:14px;font-size:15px;line-height:1.85;color:var(--fog);max-width:56ch}
.vytimo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.vytimo-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-size:15px;font-weight:700;cursor:pointer;transition:transform .22s,background .25s,color .25s,box-shadow .25s}
.vytimo-btn-solid{background:linear-gradient(135deg,#f6cd72,#e39a3e);color:#1b1206;box-shadow:0 12px 26px rgba(227,154,62,.26)}
.vytimo-btn-solid:hover{transform:translateY(-2px)}
.vytimo-btn-ghost{border-color:var(--hair);background:rgba(255,255,255,.05);color:var(--snow)}
.vytimo-btn-ghost:hover{background:rgba(255,255,255,.13)}
.vytimo-coupons{display:grid;gap:14px}
.vytimo-coupon-main{position:relative;overflow:hidden;padding:24px;border-radius:20px;background:linear-gradient(150deg,rgba(243,194,90,.97),rgba(222,138,58,.94));color:#1b1206;box-shadow:var(--lift)}
.vytimo-coupon-main::after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.28);right:-46px;top:-46px}
.vytimo-coupon-tag{display:inline-block;padding:4px 12px;border-radius:999px;background:rgba(27,18,6,.86);color:#f6cd72;font-size:12px;letter-spacing:1px}
.vytimo-coupon-title{font-size:20px;font-weight:800;margin:14px 0 8px}
.vytimo-coupon-desc{font-size:14px;line-height:1.65;max-width:34ch;margin-bottom:18px}
.vytimo-coupon-main .vytimo-btn-solid{background:#1b1206;color:#f6cd72;box-shadow:none}
.vytimo-coupon-main .vytimo-btn-solid:hover{background:#2a1d0a}
.vytimo-coupon-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.vytimo-coupon-list li{padding:12px 8px;border:1px dashed rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.035);text-align:center}
.vytimo-coupon-list span{display:block;font-size:13px;font-weight:700;color:var(--ember);margin-bottom:4px}
.vytimo-coupon-list p{font-size:12px;line-height:1.45;color:var(--fog)}
.vytimo-sec{padding:var(--gap) 0;border-top:1px solid var(--hair)}
.vytimo-sec-alt{background:linear-gradient(180deg,rgba(123,140,255,.08),transparent 72%)}
.vytimo-head{display:flex;flex-direction:column;gap:10px;margin-bottom:26px}
.vytimo-head h2{font-size:clamp(21px,3.4vw,30px);font-weight:800;letter-spacing:.4px}
.vytimo-head p{font-size:15px;line-height:1.8;color:var(--fog);max-width:66ch}
.vytimo-channels{display:grid;gap:14px;grid-template-columns:1fr}
.vytimo-channels li{padding:18px;border:1px solid var(--hair);border-radius:14px;background:rgba(255,255,255,.035);transition:border-color .25s,background .25s}
.vytimo-channels li:hover{border-color:rgba(243,194,90,.4);background:rgba(255,255,255,.06)}
.vytimo-channels h3{font-size:16px;margin-bottom:6px}
.vytimo-channels p{font-size:14px;line-height:1.7;color:var(--fog)}
.vytimo-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.vytimo-card{overflow:hidden;border:1px solid var(--hair);border-radius:var(--round);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));transition:transform .28s,box-shadow .28s,border-color .28s}
.vytimo-card:hover{transform:translateY(-4px);box-shadow:var(--lift);border-color:rgba(243,194,90,.42)}
.vytimo-card figure{position:relative;aspect-ratio:3/4;overflow:hidden}
.vytimo-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.vytimo-card:hover figure img{transform:scale(1.06)}
.vytimo-badge{position:absolute;top:10px;left:10px;padding:3px 9px;border-radius:999px;font-size:12px;color:var(--ember);background:rgba(12,16,26,.8);border:1px solid rgba(243,194,90,.35)}
.vytimo-score{position:absolute;right:10px;bottom:10px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;color:#1b1206;background:linear-gradient(135deg,#f6cd72,#e39a3e)}
.vytimo-card-info{padding:13px 14px 16px}
.vytimo-card-info h3{font-size:15px;line-height:1.4}
.vytimo-card-info p{margin-top:6px;font-size:13px;color:var(--fog)}
.vytimo-topics{display:grid;gap:16px}
.vytimo-topics li{display:grid;grid-template-columns:94px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid var(--hair);border-radius:var(--round);background:rgba(255,255,255,.035);transition:border-color .25s}
.vytimo-topics li:hover{border-color:rgba(123,140,255,.45)}
.vytimo-topics img{width:94px;height:126px;object-fit:cover;border-radius:12px}
.vytimo-topics h3{font-size:16px;margin-bottom:6px}
.vytimo-topics p{font-size:13px;line-height:1.65;color:var(--fog)}
.vytimo-chip{display:inline-block;margin-top:10px;padding:2px 10px;border-radius:999px;font-size:12px;color:var(--fog);border:1px solid var(--hair)}
.vytimo-news{display:grid;gap:16px}
.vytimo-news li{overflow:hidden;border:1px solid var(--hair);border-radius:var(--round);background:rgba(255,255,255,.035);transition:transform .25s,border-color .25s}
.vytimo-news li:hover{transform:translateY(-3px);border-color:rgba(123,140,255,.45)}
.vytimo-news img{width:100%;aspect-ratio:16/9;object-fit:cover}
.vytimo-news-body{padding:14px 16px 18px}
.vytimo-news-body h3{font-size:16px;line-height:1.5}
.vytimo-news-body p{margin-top:8px;font-size:14px;line-height:1.7;color:var(--fog)}
.vytimo-when{display:inline-block;margin-top:10px;padding:2px 10px;border-radius:999px;font-size:12px;color:var(--ember);border:1px solid rgba(243,194,90,.35)}
.vytimo-rank{display:grid;gap:10px}
.vytimo-rank li{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--hair);border-radius:12px;background:rgba(255,255,255,.03);transition:background .22s,transform .22s}
.vytimo-rank li:hover{background:rgba(255,255,255,.08);transform:translateX(3px)}
.vytimo-no{flex:0 0 24px;font-weight:800;color:var(--fog);font-variant-numeric:tabular-nums}
.vytimo-rank li:nth-child(-n+3) .vytimo-no{color:var(--ember)}
.vytimo-rank-name{font-size:15px;font-weight:600;line-height:1.4}
.vytimo-rank-meta{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fog);white-space:nowrap}
.vytimo-rank-meta b{color:var(--ember);font-weight:700}
.vytimo-voices{display:grid;gap:16px}
.vytimo-voices li{display:grid;gap:12px;padding:16px;border:1px solid var(--hair);border-radius:var(--round);background:rgba(255,255,255,.035)}
.vytimo-voices img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px}
.vytimo-voices blockquote{font-size:14px;line-height:1.75;color:#e0e5f0}
.vytimo-voices cite{display:block;margin-top:8px;font-style:normal;font-size:13px;color:var(--fog)}
.vytimo-partners{display:flex;flex-wrap:wrap;gap:10px}
.vytimo-partners li{padding:10px 16px;border:1px solid var(--hair);border-radius:10px;background:rgba(255,255,255,.035);font-size:14px;color:#cfd6e6}
.vytimo-guards{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.vytimo-guards li{padding:18px 15px;border:1px solid var(--hair);border-radius:14px;background:linear-gradient(180deg,rgba(243,194,90,.10),rgba(255,255,255,.015))}
.vytimo-guards h3{font-size:15px;margin-bottom:6px}
.vytimo-guards p{font-size:13px;line-height:1.65;color:var(--fog)}
.vytimo-timeline{display:grid;gap:14px}
.vytimo-timeline li{padding:16px 16px 16px 18px;border-left:2px solid rgba(243,194,90,.5);border-radius:0 12px 12px 0;background:rgba(255,255,255,.035)}
.vytimo-timeline h3{font-size:15px;margin-bottom:6px;color:#eef1f8}
.vytimo-timeline p{font-size:13px;line-height:1.65;color:var(--fog)}
.vytimo-faq{display:grid;gap:12px}
.vytimo-faq article{padding:18px;border:1px solid var(--hair);border-radius:14px;background:rgba(255,255,255,.035)}
.vytimo-faq h3{font-size:15px;margin-bottom:8px;color:#eef1f8}
.vytimo-faq p{font-size:14px;line-height:1.75;color:var(--fog)}
.vytimo-cta{padding:var(--gap) 0}
.vytimo-cta-box{padding:clamp(26px,5vw,52px);border-radius:22px;border:1px solid rgba(255,255,255,.1);text-align:center;background:radial-gradient(circle at 18% 18%,rgba(123,140,255,.3),transparent 58%),radial-gradient(circle at 82% 82%,rgba(243,194,90,.26),transparent 58%),#121828}
.vytimo-cta-box h2{font-size:clamp(20px,3.2vw,28px);font-weight:800}
.vytimo-cta-box p{max-width:54ch;margin:12px auto 22px;font-size:15px;line-height:1.8;color:var(--fog)}
.vytimo-foot{border-top:1px solid var(--hair);background:#090d16;padding:clamp(30px,5vw,52px) 0 0}
.vytimo-foot-grid{display:grid;gap:26px;grid-template-columns:1fr}
.vytimo-foot-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;margin-bottom:12px}
.vytimo-foot h3{font-size:14px;letter-spacing:1px;color:#e7ebf5;margin-bottom:12px}
.vytimo-foot-col p,.vytimo-foot-col li{font-size:14px;line-height:1.9;color:var(--fog)}
.vytimo-foot-col a:hover{color:var(--ember)}
.vytimo-copy{margin-top:26px;padding:16px 0;border-top:1px solid var(--hair);text-align:center;font-size:13px;color:#7c859b}
@media(min-width:520px){
  .vytimo-channels{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vytimo-coupon-list li{padding:14px 10px}
  .vytimo-coupon-list span{font-size:14px}
  .vytimo-coupon-list p{font-size:13px}
  .vytimo-topics li{grid-template-columns:112px 1fr;gap:16px}
  .vytimo-topics img{width:112px;height:150px}
  .vytimo-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:768px){
  .vytimo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vytimo-news{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vytimo-voices{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vytimo-topics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vytimo-rank{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
  .vytimo-guards{grid-template-columns:repeat(4,minmax(0,1fr))}
  .vytimo-timeline{grid-template-columns:repeat(4,minmax(0,1fr))}
  .vytimo-faq{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vytimo-foot-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}
}
@media(min-width:1024px){
  .vytimo-hero-in{grid-template-columns:1.08fr .92fr;align-items:center;gap:52px}
  .vytimo-grid.col4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .vytimo-channels{grid-template-columns:repeat(3,minmax(0,1fr))}
}