/* style.css */
:root{
  --YoYz_bg:#DBC6FB;
  --YoYz_card:#7F7A66;
  --YoYz_glow:#F901D8;
  --YoYz_btn:#64B8ED;
  --YoYz_nav:#8CF3B3;
  --YoYz_ink:#201a2b;
  --YoYz_soft:#f7f2ff;
  --YoYz_line:rgba(255,255,255,.14);
  --YoYz_shadow:0 18px 40px rgba(47,20,86,.18);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--YoYz_ink);
  font:16px/1.7 "Microsoft YaHei","PingFang SC",sans-serif;
  background-color:var(--YoYz_bg);
  background-image:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.28) 0 2px, transparent 2px),
    radial-gradient(circle at 80% 10%, rgba(255,255,255,.22) 0 2px, transparent 2px),
    radial-gradient(circle at 30% 80%, rgba(255,255,255,.2) 0 2px, transparent 2px),
    linear-gradient(135deg, rgba(255,255,255,.12) 25%, transparent 25%) ,
    linear-gradient(225deg, rgba(255,255,255,.08) 25%, transparent 25%),
    linear-gradient(to bottom, rgba(255,255,255,.08), rgba(127,122,102,.05));
  background-size: 120px 120px, 160px 160px, 180px 180px, 48px 48px, 48px 48px, auto;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
main,section,footer{position:relative}
.YoYz_index-core{
  width:min(1280px, calc(100% - 32px));
  margin:0 auto;
  padding:32px 0 72px;
}
.YoYz_index-core section{
  margin:24px 0;
}
.YoYz_section-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(140,243,179,.22);
  color:#20452d;
  font-size:13px;
  font-weight:700;
  letter-spacing:.04em;
}
.YoYz_section-head{
  margin-bottom:22px;
}
.YoYz_section-head h2{
  margin:14px 0 10px;
  font-size:clamp(28px,3vw,42px);
  line-height:1.2;
}
.YoYz_section-head p{
  margin:0;
  max-width:760px;
  color:#3c3450;
}
.YoYz_btn-lift{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 22px;
  border-radius:16px;
  background:linear-gradient(180deg, #93d4fb 0%, var(--YoYz_btn) 55%, #4199d0 100%);
  color:#07253d;
  font-weight:700;
  box-shadow:0 10px 0 #2e6d95, 0 18px 34px rgba(100,184,237,.28);
  transition:.25s ease;
}
.YoYz_btn-lift:hover{transform:translateY(2px);box-shadow:0 8px 0 #2e6d95, 0 16px 24px rgba(100,184,237,.2)}
.YoYz_btn-lift--ghost{
  background:linear-gradient(180deg, #b8ffd2 0%, var(--YoYz_nav) 55%, #63d493 100%);
  color:#143122;
  box-shadow:0 10px 0 #479568, 0 18px 34px rgba(140,243,179,.25);
}
.YoYz_btn-lift--ghost:hover{box-shadow:0 8px 0 #479568, 0 16px 24px rgba(140,243,179,.2)}
.YoYz_signal-stage{
  display:grid;
  grid-template-columns:1.06fr .94fr;
  gap:28px;
  align-items:center;
  padding:34px;
  border-radius:34px;
  overflow:hidden;
  background:
    linear-gradient(135deg, rgba(255,255,255,.34), rgba(255,255,255,.12)),
    rgba(255,255,255,.22);
  box-shadow:var(--YoYz_shadow);
}
.YoYz_signal-copy,.YoYz_signal-visual,.YoYz_origin-media,.YoYz_origin-copy,.YoYz_section-head,.YoYz_contact-pane,.YoYz_contact_formwrap,.YoYz_footShell,.YoYz_footBrand,.YoYz_footNav,.YoYz_footReach,.YoYz_footCopy{min-width:0}
.YoYz_signal-copy h1{
  margin:16px 0 14px;
  font-size:clamp(34px,5vw,62px);
  line-height:1.05;
}
.YoYz_signal-copy p{
  margin:0 0 22px;
  color:#352d49;
  max-width:640px;
}
.YoYz_signal-actions{display:flex;gap:16px;flex-wrap:wrap}
.YoYz_signal-visual{
  min-height:440px;
  position:relative;
}
.YoYz_signal-frame{
  position:absolute;
  overflow:hidden;
  border-radius:30px;
  background:var(--YoYz_card);
  border:2px solid rgba(249,1,216,.78);
  box-shadow:0 0 0 1px rgba(255,255,255,.16) inset, 0 0 28px rgba(249,1,216,.28), var(--YoYz_shadow);
}
.YoYz_signal-frame img{width:100%;height:100%;object-fit:cover}
.YoYz_signal-frame--a{top:0;left:8%;width:58%;height:54%;z-index:2}
.YoYz_signal-frame--b{top:28%;right:0;width:48%;height:48%;z-index:3}
.YoYz_signal-frame--c{bottom:0;left:0;width:42%;height:38%;z-index:1}

.YoYz_origin-deck{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:0;
  border-radius:30px;
  overflow:hidden;
  box-shadow:var(--YoYz_shadow);
}
.YoYz_origin-media{
  background:#6d6856;
  min-height:420px;
}
.YoYz_origin-media img{width:100%;height:100%;object-fit:cover}
.YoYz_origin-copy{
  background:rgba(255,255,255,.36);
  padding:34px;
}
.YoYz_origin-copy h2{
  margin:16px 0 12px;
  font-size:clamp(28px,3vw,40px);
  line-height:1.15;
}
.YoYz_origin-copy p{margin:0 0 14px;color:#3c3450}
.YoYz_origin-points{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:22px;
}
.YoYz_origin-chip{
  padding:18px;
  border-radius:22px;
  background:var(--YoYz_card);
  color:var(--YoYz_soft);
  border:1.5px solid rgba(249,1,216,.72);
  box-shadow:0 0 18px rgba(249,1,216,.16);
}
.YoYz_origin-chip strong{display:block;margin-bottom:8px;font-size:18px}
.YoYz_origin-chip p{margin:0;color:#ece5f5}

.YoYz_guard-matrix,.YoYz_service-atlas,.YoYz_company-pulse,.YoYz_metric-span,.YoYz_faq-lane,.YoYz_voice-loop,.YoYz_news-deck,.YoYz_contact-dock{
  padding:32px;
  border-radius:30px;
  background:rgba(255,255,255,.26);
  box-shadow:var(--YoYz_shadow);
}
.YoYz_guard-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}
.YoYz_guard-card{
  position:relative;
  padding:32px 24px 24px;
  min-height:230px;
  background:linear-gradient(180deg, #5e594c 0%, var(--YoYz_card) 100%);
  color:var(--YoYz_soft);
  clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  border:2px solid rgba(249,1,216,.72);
  box-shadow:0 0 22px rgba(249,1,216,.22);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.YoYz_guard-icon{
  width:56px;height:56px;border-radius:50%;
  display:grid;place-items:center;
  margin-bottom:10px;
  background:rgba(100,184,237,.2);
  font-size:22px;
}
.YoYz_guard-card strong{font-size:20px;margin-bottom:10px}
.YoYz_guard-card p{margin:0;max-width:270px;color:#efe8f7}

.YoYz_service-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.YoYz_service-card{
  position:relative;
  display:flex;
  flex-direction:column;
  background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.06));
  border-radius:26px;
  overflow:hidden;
  border:1.5px solid rgba(249,1,216,.62);
  box-shadow:0 0 20px rgba(249,1,216,.18);
}
.YoYz_service-card img{height:220px;object-fit:cover}
.YoYz_service-card strong{
  display:block;
  padding:18px 18px 8px;
  font-size:20px;
}
.YoYz_service-card p{
  margin:0;
  padding:0 18px 20px;
  color:#3e3652;
}

.YoYz_reach-orbit{padding:34px;border-radius:32px;background:rgba(255,255,255,.28);box-shadow:var(--YoYz_shadow)}
.YoYz_orbit-wheel{
  position:relative;
  min-height:520px;
  border-radius:50%;
  border:2px dashed rgba(249,1,216,.45);
}
.YoYz_orbit-core{
  position:absolute;inset:50% auto auto 50%;
  width:220px;height:220px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:linear-gradient(180deg, #6f6a58 0%, var(--YoYz_card) 100%);
  color:var(--YoYz_soft);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;
  border:2px solid rgba(249,1,216,.72);
  box-shadow:0 0 22px rgba(249,1,216,.22);
}
.YoYz_orbit-core strong{font-size:34px;line-height:1;margin-bottom:8px}
.YoYz_orbit-core p{margin:0;color:#ede6f7}
.YoYz_orbit-node{
  position:absolute;
  width:260px;
  padding:22px;
  border-radius:26px;
  background:rgba(255,255,255,.35);
  border:1.5px solid rgba(249,1,216,.6);
  box-shadow:0 0 18px rgba(249,1,216,.14);
  text-align:center;
}
.YoYz_orbit-node span{
  width:54px;height:54px;border-radius:50%;
  display:grid;place-items:center;
  margin:0 auto 12px;
  background:rgba(100,184,237,.2);
  font-size:22px;
}
.YoYz_orbit-node strong{display:block;font-size:22px;margin-bottom:8px}
.YoYz_orbit-node p{margin:0;color:#3d3550}
.YoYz_orbit-node--n1{top:20px;left:50%;transform:translateX(-50%)}
.YoYz_orbit-node--n2{right:18px;top:50%;transform:translateY(-50%)}
.YoYz_orbit-node--n3{bottom:20px;left:50%;transform:translateX(-50%)}
.YoYz_orbit-node--n4{left:18px;top:50%;transform:translateY(-50%)}

.YoYz_metric-track{
  display:grid;
  grid-template-columns:1.2fr .8fr .8fr 1.2fr;
  gap:20px;
}
.YoYz_metric-panel{
  padding:24px 20px;
  border-radius:26px;
  background:linear-gradient(180deg, #6f6a58 0%, var(--YoYz_card) 100%);
  color:var(--YoYz_soft);
  border:1.5px solid rgba(249,1,216,.7);
  box-shadow:0 0 20px rgba(249,1,216,.18);
}
.YoYz_metric-panel--wide{min-height:260px}
.YoYz_metric-icon{
  width:54px;height:54px;border-radius:14px;
  display:grid;place-items:center;
  margin-bottom:18px;
  background:rgba(100,184,237,.18);
  font-size:22px;
}
.YoYz_metric-panel b{display:block;font-size:40px;line-height:1;margin-bottom:12px}
.YoYz_metric-panel strong{display:block;font-size:20px;margin-bottom:10px}
.YoYz_metric-panel p{margin:0;color:#eee7f6}

.YoYz_faq-stack{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.YoYz_faq-stack details{
  border-radius:24px;
  padding:20px 22px;
  background:rgba(255,255,255,.34);
  border:1.5px solid rgba(249,1,216,.45);
}
.YoYz_faq-stack summary{
  cursor:pointer;
  list-style:none;
  font-size:18px;
  font-weight:700;
}
.YoYz_faq-stack summary::-webkit-details-marker{display:none}
.YoYz_faq-stack p{margin:12px 0 0;color:#3d3650}

.YoYz_voice-rail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(260px,1fr);
  gap:18px;
  overflow:auto;
  padding-bottom:8px;
  scroll-snap-type:x mandatory;
}
.YoYz_voice-item{
  scroll-snap-align:start;
  padding:22px;
  border-radius:26px;
  background:linear-gradient(180deg, #6f6a58 0%, var(--YoYz_card) 100%);
  color:var(--YoYz_soft);
  border:1.5px solid rgba(249,1,216,.68);
  box-shadow:0 0 20px rgba(249,1,216,.18);
}
.YoYz_voice-avatar{
  width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;
  margin-bottom:14px;
  background:rgba(100,184,237,.2);
}
.YoYz_voice-item strong{display:block;font-size:18px;margin-bottom:8px}
.YoYz_voice-item p{margin:0;color:#eee7f5}

.YoYz_news-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.YoYz_news-card{
  overflow:hidden;
  border-radius:26px;
  background:rgba(255,255,255,.34);
  border:1.5px solid rgba(249,1,216,.54);
  box-shadow:0 0 18px rgba(249,1,216,.14);
}
.YoYz_news-thumb img{height:220px;width:100%;object-fit:cover}
.YoYz_news-body{padding:18px}
.YoYz_news-body h3{
  margin:0 0 10px;
  font-size:20px;
  line-height:1.35;
}
.YoYz_news-body p{margin:0 0 14px;color:#3e3652}
.YoYz_news-body time{font-size:14px;color:#6b6180}

.YoYz_contact-dock{
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:22px;
}
.YoYz_contact-pane,
.YoYz_contact_formwrap{
  padding:28px;
  border-radius:28px;
  background:rgba(255,255,255,.28);
  border:1.5px solid rgba(249,1,216,.44);
}
.YoYz_contact-pane h2{margin:14px 0 12px;font-size:clamp(28px,3vw,42px);line-height:1.15}
.YoYz_contact-pane p{margin:0 0 18px;color:#3d3550}
.YoYz_contact-meta{
  display:grid;
  gap:16px;
}
.YoYz_contact-item{
  padding:18px;
  border-radius:22px;
  background:var(--YoYz_card);
  color:var(--YoYz_soft);
  border:1.5px solid rgba(249,1,216,.7);
}
.YoYz_contact-item span{
  width:46px;height:46px;border-radius:14px;
  display:grid;place-items:center;
  margin-bottom:12px;
  background:rgba(100,184,237,.18);
}
.YoYz_contact-item strong{display:block;font-size:18px;margin-bottom:8px}
.YoYz_contact-item p{margin:0;color:#eee7f6}
.YoYz_message-form{display:grid;gap:16px}
.YoYz_field-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.YoYz_field-box{
  display:grid;
  gap:8px;
}
.YoYz_field-box label{
  font-weight:700;
  color:#2f2842;
}
.YoYz_field-box input,
.YoYz_field-box textarea{
  width:100%;
  padding:15px 16px;
  border-radius:18px;
  border:1.5px solid rgba(249,1,216,.34);
  background:rgba(255,255,255,.78);
  color:#231d31;
  outline:none;
}
.YoYz_field-box textarea{resize:vertical;min-height:160px}

.YoYz_foot-shell{
  width:min(1280px, calc(100% - 32px));
  margin:0 auto;
  padding:26px 0 34px;
  display:grid;
  grid-template-columns:1.1fr .9fr .9fr;
  gap:22px;
  

}
.YoYz_siteFoot{
  margin-top:28px;
  background:rgba(48,34,76,.92);
  color:#f4edfb;
  border-top:2px solid rgba(249,1,216,.5);
  box-shadow:0 -8px 28px rgba(249,1,216,.12);
}
.YoYz_foot-brand,
.YoYz_foot-nav,
.YoYz_foot-reach,
.YoYz_foot-copy{
  padding:22px;
  border-radius:24px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}
.YoYz_foot-name{
  display:block;
  margin:14px 0 10px;
  font-size:22px;
}
.YoYz_foot-brand p{margin:0;color:#e2d8f3}
.YoYz_foot-title{
  display:block;
  margin-bottom:14px;
  font-size:18px;
}
.YoYz_foot-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 16px;
  list-style:none;
  padding:0;margin:0;
}
.YoYz_foot-links a{color: #000}
.YoYz_foot-reach{
  display:grid;
  gap:12px;
}
.YoYz_reach-item{
  display:flex;
  gap:12px;
  align-items:flex-start;
  color:#ecdefb;
}
.YoYz_reach-item i{
  width:20px;
  color:#8CF3B3;
  margin-top:4px;
}
.YoYz_foot-copy{
  grid-column:1 / -1;
  text-align:center;
}
.YoYz_foot-copy p{margin:0;color: #000}
.YoYz_foot-copy a{color: #000}

.YoYz_to-peak{
  position:fixed;
  right:20px;
  bottom:20px;
  width:52px;height:52px;
  border:none;
  border-radius:16px;
  background:linear-gradient(180deg, #93d4fb 0%, var(--YoYz_btn) 55%, #4199d0 100%);
  color:#06243b;
  cursor:pointer;
  box-shadow:0 10px 0 #2e6d95, 0 16px 26px rgba(100,184,237,.25);
  z-index:99;
}

@media (max-width: 1100px){
  .YoYz_signal-stage,
  .YoYz_origin-deck,
  .YoYz_contact-dock,
  .YoYz_foot-shell{grid-template-columns:1fr}
  .YoYz_service-grid,
  .YoYz_news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .YoYz_metric-track{grid-template-columns:repeat(2,minmax(0,1fr))}
  .YoYz_orbit-wheel{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    min-height:auto;
    border-radius:28px;
    border-style:solid;
    padding:18px;
  }
  .YoYz_orbit-core,
  .YoYz_orbit-node{position:static;transform:none;width:auto}
  .YoYz_orbit-core{height:220px}
}

@media (max-width: 768px){
  .YoYz_index-core{width:min(100% - 20px, 100%)}
  .YoYz_signal-stage,
  .YoYz_guard-matrix,.YoYz_service-atlas,.YoYz_company-pulse,.YoYz_metric-span,.YoYz_faq-lane,.YoYz_voice-loop,.YoYz_news-deck,.YoYz_contact-dock{padding:22px}
  .YoYz_signal-visual{min-height:360px}
  .YoYz_guard-grid,
  .YoYz_service-grid,
  .YoYz_origin-points,
  .YoYz_news-grid,
  .YoYz_metric-track,
  .YoYz_field-pair{grid-template-columns:1fr}
  .YoYz_pulse-grid{grid-template-columns:1fr}
  .YoYz_pulse-grid .YoYz_pulse-item + .YoYz_pulse-item{margin-left:0;margin-top:16px}
  .YoYz_foot-links{grid-template-columns:1fr}
}
/* header style.css append */
.YoYz_head-wrap{
  width:min(1280px, calc(100% - 32px));
  margin:0 auto;
  padding:18px 0 0;
}
.YoYz_top-ribbon{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:18px;
  align-items:center;
  padding:14px 18px;
  border-radius:24px;
  background:linear-gradient(135deg, rgba(140,243,179,.55), rgba(255,255,255,.34));
  box-shadow:var(--YoYz_shadow);
}
.YoYz_brand-nest{
  display:flex;
  align-items:center;
  gap:12px;
}
.YoYz_brand-mark{
  display:flex;
  align-items:center;
  justify-content:center;
  width:138px;
  min-height:48px;
  padding:4px 10px;
  border-radius:16px;
  background:rgba(255,255,255,.44);
}
.YoYz_brand-text{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
}
.YoYz_greet-flow{
  overflow:hidden;
  min-height:34px;
  display:flex;
  align-items:center;
}
.YoYz_greet-track{
  display:block;
  width:100%;
  overflow:hidden;
  white-space:nowrap;
}
.YoYz_greet-track p{
  display:inline-block;
  margin:0;
  padding-left:100%;
  color:#3c1f64;
  font-weight:700;
  animation:YoYz_tickerMove 18s linear infinite;
}
@keyframes YoYz_tickerMove{
  0%{transform:translateX(0)}
  100%{transform:translateX(-100%)}
}
.YoYz_bookmark-port{
  display:flex;
  justify-content:flex-end;
}
.YoYz_bookmark-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:0 16px;
  border:none;
  border-radius:16px;
  background:linear-gradient(180deg, #93d4fb 0%, var(--YoYz_btn) 55%, #4199d0 100%);
  color:#082840;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 8px 0 #2e6d95, 0 14px 22px rgba(100,184,237,.24);
}
.YoYz_bookmark-icon{
  width:28px;
  height:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.42);
}
.YoYz_nav-belt{
  margin-top:14px;
  padding:14px 18px;
  border-radius:28px;
  background:rgba(255,255,255,.28);
  box-shadow:var(--YoYz_shadow);
}
.YoYz_nav-core{
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.YoYz_primary-nav{
  width:100%;
}
.YoYz_nav-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}
.YoYz_nav-list a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  background:linear-gradient(180deg, #baffd6 0%, var(--YoYz_nav) 60%, #63d493 100%);
  color:#163423;
  font-weight:700;
  box-shadow:0 6px 0 #4c9d6f, 0 10px 18px rgba(140,243,179,.18);
}
.YoYz_menu-switch{
  display:none;
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
}
.YoYz_mobile-toggle{
  width:50px;
  height:50px;
  border:none;
  border-radius:14px;
  background:linear-gradient(180deg, #baffd6 0%, var(--YoYz_nav) 60%, #63d493 100%);
  color:#183625;
  font-size:24px;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 6px 0 #4c9d6f, 0 10px 18px rgba(140,243,179,.18);
}
.YoYz_toggle-frame{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
}
.YoYz_mobile-nav{
  display:none;
  margin-top:14px;
}
.YoYz_mobile-nav.is-open{
  display:block;
}
.YoYz_handset-nav{
  padding:12px;
  border-radius:22px;
  background:rgba(127,122,102,.92);
  border:1.5px solid rgba(249,1,216,.62);
  box-shadow:0 0 18px rgba(249,1,216,.18);
}
.YoYz_handset-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.YoYz_handset-list a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#f7f2ff;
  font-weight:700;
}

@media (max-width: 900px){
  .YoYz_top-ribbon{
    grid-template-columns:1fr;
    justify-items:center;
    text-align:center;
  }
  .YoYz_bookmark-port{
    justify-content:center;
  }
  .YoYz_primary-nav{
    display:none;
  }
  .YoYz_menu-switch{
    display:block;
    position:static;
    transform:none;
  }
  .YoYz_nav-core{
    justify-content:flex-end;
  }
}
.YoYz_company-pulse{
  padding:32px;
  border-radius:30px;
  background:rgba(255,255,255,.26);
  box-shadow:var(--YoYz_shadow);
}

.YoYz_company-pulse .YoYz_pulse-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}

.YoYz_company-pulse .YoYz_pulse-item{
  position:relative;
  padding:26px 22px 24px;
  border-radius:28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.04)),
    linear-gradient(180deg, #6e6957 0%, var(--YoYz_card) 100%);
  color:var(--YoYz_soft);
  border:1.5px solid rgba(249,1,216,.64);
  box-shadow:0 0 20px rgba(249,1,216,.16);
  overflow:hidden;
  transform:none !important;
}

.YoYz_company-pulse .YoYz_pulse-item::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:6px;
  background:linear-gradient(90deg, var(--YoYz_glow), var(--YoYz_btn), var(--YoYz_nav));
}

.YoYz_company-pulse .YoYz_pulse-item::after{
  content:"";
  position:absolute;
  right:-18px;
  bottom:-18px;
  width:92px;
  height:92px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(249,1,216,.18) 0%, rgba(249,1,216,0) 72%);
  pointer-events:none;
}

.YoYz_company-pulse .YoYz_pulse-icon{
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  background:linear-gradient(180deg, rgba(100,184,237,.34), rgba(100,184,237,.14));
  color:#ffffff;
  font-size:24px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}

.YoYz_company-pulse .YoYz_pulse-item b{
  display:block;
  margin-bottom:10px;
  font-size:40px;
  line-height:1;
  color:#ffffff;
}

.YoYz_company-pulse .YoYz_pulse-item strong{
  display:block;
  margin-bottom:10px;
  font-size:19px;
  color:#ffffff;
}

.YoYz_company-pulse .YoYz_pulse-item p{
  margin:0;
  color:#eee7f6;
}

@media (max-width: 1100px){
  .YoYz_company-pulse .YoYz_pulse-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 768px){
  .YoYz_company-pulse{
    padding:22px;
  }

  .YoYz_company-pulse .YoYz_pulse-grid{
    grid-template-columns:1fr;
    gap:16px;
  }
}
/* contact page */
.YoYz_contact-page,
.YoYz_app-page{
  width:min(1280px, calc(100% - 32px));
  margin:0 auto;
  padding:32px 0 72px;
}

.YoYz_contact-page section,
.YoYz_app-page section{
  margin:24px 0;
}

.YoYz_contact-hero{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:24px;
  padding:34px;
  border-radius:32px;
  background:linear-gradient(135deg, rgba(255,255,255,.34), rgba(255,255,255,.14));
  box-shadow:var(--YoYz_shadow);
}

.YoYz_contactHero_copy h1{
  margin:16px 0 14px;
  font-size:clamp(34px,4.8vw,58px);
  line-height:1.08;
}

.YoYz_contactHero_copy p{
  margin:0 0 20px;
  color:#3d3550;
  max-width:650px;
}

.YoYz_contactHero_meta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.YoYz_contactHero_meta span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  background:rgba(255,255,255,.45);
  border:1px solid rgba(249,1,216,.26);
  font-weight:700;
  color:#2e2640;
}

.YoYz_contactHero_visual{
  position:relative;
  min-height:360px;
}

.YoYz_contactHero_card{
  position:absolute;
  width:260px;
  padding:22px;
  border-radius:26px;
  background:linear-gradient(180deg, #6f6a58 0%, var(--YoYz_card) 100%);
  color:var(--YoYz_soft);
  border:1.5px solid rgba(249,1,216,.68);
  box-shadow:0 0 22px rgba(249,1,216,.18);
}

.YoYz_contactHero_card i{
  font-size:26px;
  margin-bottom:14px;
  color:#8CF3B3;
}

.YoYz_contactHero_card strong{
  display:block;
  margin-bottom:10px;
  font-size:21px;
}

.YoYz_contactHero_card span{
  display:block;
  color:#efe8f6;
  line-height:1.7;
}

.YoYz_contactHero_card--mail{top:0;left:10%}
.YoYz_contactHero_card--phone{top:25%;right:0}
.YoYz_contactHero_card--map{bottom:0;left:0}

.YoYz_contact-quick,
.YoYz_contact-channel,
.YoYz_contact-connect,
.YoYz_app-feature-intro,
.YoYz_app-logic,
.YoYz_app-experience,
.YoYz_app-compare,
.YoYz_app-timeline,
.YoYz_app-faq,
.YoYz_app-install,
.YoYz_app-trust,
.YoYz_app-invite{
  padding:32px;
  border-radius:30px;
  background:rgba(255,255,255,.26);
  box-shadow:var(--YoYz_shadow);
}

.YoYz_contactQuick_grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}

.YoYz_contactQuick_card{
  padding:24px 20px;
  border-radius:26px;
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.06));
  border:1.5px solid rgba(249,1,216,.54);
  box-shadow:0 0 18px rgba(249,1,216,.12);
}

.YoYz_contactQuick_icon{
  width:56px;
  height:56px;
  border-radius:18px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  background:linear-gradient(180deg, rgba(100,184,237,.34), rgba(100,184,237,.14));
  color:#fff;
  font-size:22px;
}

.YoYz_contactQuick_card small{
  display:block;
  margin-bottom:8px;
  color:#6d6280;
  font-weight:700;
}

.YoYz_contactQuick_card h3{
  margin:0 0 12px;
  font-size:22px;
  line-height:1.35;
}

.YoYz_contactQuick_card p{
  margin:0;
  color:#3d3550;
}

.YoYz_channelAccordion{
  display:grid;
  gap:16px;
}

.YoYz_channelItem{
  border-radius:24px;
  background:rgba(255,255,255,.34);
  border:1.5px solid rgba(249,1,216,.46);
  overflow:hidden;
}

.YoYz_channelItem summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 22px;
  font-size:18px;
  font-weight:700;
}

.YoYz_channelItem summary::-webkit-details-marker{display:none}

.YoYz_channelTag{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg, #93d4fb 0%, var(--YoYz_btn) 55%, #4199d0 100%);
  color:#07253d;
  flex:0 0 auto;
}

.YoYz_channelBody{
  padding:0 22px 22px;
}

.YoYz_channelBody p{
  margin:0 0 14px;
  color:#3c3450;
}

.YoYz_channelBody ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.YoYz_channelBody li{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(127,122,102,.12);
  color:#2f2842;
  font-weight:700;
}

.YoYz_channelBody li i{
  color:#F901D8;
}

.YoYz_contact-connect{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:22px;
}

.YoYz_contactConnect_side,
.YoYz_contactConnect_form{
  padding:26px;
  border-radius:28px;
  background:rgba(255,255,255,.26);
  border:1.5px solid rgba(249,1,216,.42);
}

.YoYz_contactConnect_side h2{
  margin:14px 0 12px;
  font-size:clamp(28px,3vw,42px);
  line-height:1.15;
}

.YoYz_contactConnect_side p{
  margin:0 0 18px;
  color:#3d3550;
}

.YoYz_contactInfo_stack{
  display:grid;
  gap:16px;
}

.YoYz_contactInfo_item{
  display:flex;
  gap:14px;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(180deg, #6f6a58 0%, var(--YoYz_card) 100%);
  color:var(--YoYz_soft);
  border:1.5px solid rgba(249,1,216,.66);
}

.YoYz_contactInfo_item span{
  width:48px;
  height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(100,184,237,.18);
  flex:0 0 auto;
}

.YoYz_contactInfo_item strong{
  display:block;
  margin-bottom:6px;
}

.YoYz_contactInfo_item p{
  margin:0;
  color:#eee7f6;
}

.YoYz_contact-form{
  display:grid;
  gap:16px;
}

.YoYz_contactForm_grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.YoYz_contactField{
  display:grid;
  gap:8px;
}

.YoYz_contactField label{
  font-weight:700;
  color:#2f2842;
}

.YoYz_contactField input,
.YoYz_contactField textarea,
.YoYz_contactField select{
  width:100%;
  padding:15px 16px;
  border-radius:18px;
  border:1.5px solid rgba(249,1,216,.34);
  background:rgba(255,255,255,.78);
  color:#231d31;
  outline:none;
}

.YoYz_contactField textarea{
  min-height:160px;
  resize:vertical;
}

/* app page */
.YoYz_app-hero{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  align-items:center;
  padding:34px;
  border-radius:34px;
  background:linear-gradient(135deg, rgba(255,255,255,.34), rgba(255,255,255,.12));
  box-shadow:var(--YoYz_shadow);
}

.YoYz_appHero_copy h1{
  margin:16px 0 14px;
  font-size:clamp(34px,5vw,62px);
  line-height:1.06;
}

.YoYz_appHero_copy p{
  margin:0 0 22px;
  color:#352d49;
  max-width:640px;
}

.YoYz_appHero_stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-bottom:22px;
}

.YoYz_appHero_stats div{
  padding:16px;
  border-radius:22px;
  background:rgba(255,255,255,.42);
  border:1px solid rgba(249,1,216,.28);
  text-align:center;
}

.YoYz_appHero_stats strong{
  display:block;
  font-size:28px;
  line-height:1;
  margin-bottom:8px;
}

.YoYz_appHero_stats span{
  color:#4a405f;
  font-weight:700;
}

.YoYz_appHero_actions{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}

.YoYz_appHero_visual{
  position:relative;
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.YoYz_appPhone_shell{
  width:310px;
  height:560px;
  padding:14px;
  border-radius:40px;
  background:#1f1a2b;
  box-shadow:0 24px 50px rgba(0,0,0,.26), 0 0 24px rgba(249,1,216,.16);
  border:2px solid rgba(249,1,216,.56);
  position:relative;
}

.YoYz_appPhone_notch{
  width:120px;
  height:22px;
  border-radius:0 0 16px 16px;
  background:#0f0b17;
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
}

.YoYz_appPhone_screen{
  width:100%;
  height:100%;
  border-radius:30px;
  overflow:hidden;
  padding:20px;
  background:linear-gradient(180deg, #DBC6FB 0%, #b49ce6 100%);
  display:flex;
  flex-direction:column;
  gap:16px;
}

.YoYz_appMini_app{
  padding:18px;
  border-radius:24px;
  background:rgba(255,255,255,.44);
}

.YoYz_appMini_logo{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  margin-bottom:12px;
  background:linear-gradient(180deg, #93d4fb 0%, var(--YoYz_btn) 55%, #4199d0 100%);
  color:#06243b;
  font-size:22px;
}

.YoYz_appMini_app strong{
  display:block;
  font-size:22px;
  margin-bottom:8px;
}

.YoYz_appMini_app p{
  margin:0;
  color:#3f3654;
}

.YoYz_appMini_card{
  padding:18px;
  border-radius:24px;
  background:linear-gradient(180deg, #6f6a58 0%, var(--YoYz_card) 100%);
  color:var(--YoYz_soft);
}

.YoYz_appMini_card span{
  display:block;
  margin-bottom:8px;
  color:#ddd0f1;
}

.YoYz_appMini_card b{
  display:block;
  font-size:40px;
  line-height:1;
  margin-bottom:8px;
}

.YoYz_appMini_card small{
  color:#f4eef9;
}

.YoYz_appMini_list{
  display:grid;
  gap:12px;
}

.YoYz_appMini_list div{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.42);
  font-weight:700;
  color:#312a45;
}

.YoYz_appBadge_float{
  position:absolute;
  padding:12px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(249,1,216,.38);
  box-shadow:0 8px 18px rgba(47,20,86,.12);
  font-weight:700;
}

.YoYz_appBadge_float i{color:#F901D8}
.YoYz_appBadge_float--a{left:0;top:12%}
.YoYz_appBadge_float--b{right:4%;top:24%}
.YoYz_appBadge_float--c{left:5%;bottom:18%}

.YoYz_appFeatureIntro_wrap{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:22px;
  align-items:start;
}

.YoYz_appFeatureIntro_text p{
  margin:0;
  color:#3d3550;
}

.YoYz_appFeatureIntro_tags{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.YoYz_appFeatureIntro_tags span{
  display:flex;
  align-items:center;
  min-height:62px;
  padding:14px 18px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.3), rgba(255,255,255,.14));
  border:1.5px solid rgba(249,1,216,.4);
  font-weight:700;
  color:#2e2842;
}

.YoYz_appLogic_grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}

.YoYz_appLogic_card{
  padding:24px 20px;
  border-radius:24px;
  background:linear-gradient(180deg, #6f6a58 0%, var(--YoYz_card) 100%);
  color:var(--YoYz_soft);
  border:1.5px solid rgba(249,1,216,.66);
}

.YoYz_appLogic_card h3{
  margin:0 0 12px;
  font-size:21px;
}

.YoYz_appLogic_card p{
  margin:0;
  color:#efe8f6;
}

.YoYz_appExperience_grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}

.YoYz_appExperience_card{
  padding:26px 22px;
  border-radius:26px;
  background:rgba(255,255,255,.34);
  border:1.5px solid rgba(249,1,216,.52);
  box-shadow:0 0 16px rgba(249,1,216,.12);
}

.YoYz_appExperience_card span{
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  margin-bottom:16px;
  background:linear-gradient(180deg, #93d4fb 0%, var(--YoYz_btn) 55%, #4199d0 100%);
  color:#07253d;
  font-size:24px;
}

.YoYz_appExperience_card h3{
  margin:0 0 10px;
  font-size:22px;
}

.YoYz_appExperience_card p{
  margin:0;
  color:#3d3550;
}

.YoYz_appCompare_tableWrap{
  overflow:auto;
}

.YoYz_appCompare_table{
  width:100%;
  border-collapse:collapse;
  min-width:760px;
  overflow:hidden;
  border-radius:24px;
}

.YoYz_appCompare_table th,
.YoYz_appCompare_table td{
  padding:16px 18px;
  text-align:left;
}

.YoYz_appCompare_table thead th{
  background:linear-gradient(180deg, #6f6a58 0%, var(--YoYz_card) 100%);
  color:#fff;
}

.YoYz_appCompare_table tbody tr:nth-child(odd){
  background:rgba(255,255,255,.42);
}

.YoYz_appCompare_table tbody tr:nth-child(even){
  background:rgba(255,255,255,.24);
}

.YoYz_appCompare_table tbody td{
  border-bottom:1px solid rgba(249,1,216,.18);
  color:#302842;
}

.YoYz_appTimeline_wrap{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
}

.YoYz_appTimeline_year{
  padding:24px;
  border-radius:26px;
  background:rgba(255,255,255,.32);
  border:1.5px solid rgba(249,1,216,.46);
}

.YoYz_appTimeline_year h3{
  margin:0 0 18px;
  font-size:28px;
}

.YoYz_appTimeline_item{
  position:relative;
  display:grid;
  grid-template-columns:26px 1fr;
  gap:14px;
  margin-bottom:20px;
}

.YoYz_appTimeline_item:last-child{margin-bottom:0}

.YoYz_appTimeline_dot{
  width:16px;
  height:16px;
  border-radius:50%;
  background:#F901D8;
  margin-top:8px;
  box-shadow:0 0 0 6px rgba(249,1,216,.14);
}

.YoYz_appTimeline_item strong{
  display:block;
  font-size:22px;
  margin-bottom:6px;
}

.YoYz_appTimeline_item p{
  margin:0 0 10px;
  color:#5c5270;
  font-weight:700;
}

.YoYz_appTimeline_item ul{
  margin:0;
  padding-left:18px;
  color:#3c3450;
}

.YoYz_appTimeline_item ul li + li{
  margin-top:8px;
}

.YoYz_appFaq_list{
  display:grid;
  gap:16px;
}

.YoYz_appFaq_list details{
  border-radius:24px;
  padding:20px 22px;
  background:rgba(255,255,255,.34);
  border:1.5px solid rgba(249,1,216,.45);
}

.YoYz_appFaq_list summary{
  cursor:pointer;
  list-style:none;
  font-size:18px;
  font-weight:700;
}

.YoYz_appFaq_list summary::-webkit-details-marker{display:none}

.YoYz_appFaq_list summary span{
  display:inline-flex;
  margin-right:10px;
  color:#F901D8;
}

.YoYz_appFaq_list p{
  margin:12px 0 0;
  color:#3d3650;
}

.YoYz_appInstall_grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}

.YoYz_appInstall_column{
  padding:24px;
  border-radius:26px;
  background:rgba(255,255,255,.34);
  border:1.5px solid rgba(249,1,216,.46);
}

.YoYz_appInstall_column h3{
  margin:0 0 18px;
  font-size:26px;
}

.YoYz_appInstall_steps{
  display:grid;
  gap:16px;
}

.YoYz_appInstall_steps article{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:14px;
  align-items:start;
}

.YoYz_appInstall_steps span{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg, #93d4fb 0%, var(--YoYz_btn) 55%, #4199d0 100%);
  color:#07253d;
  font-size:22px;
  font-weight:800;
}

.YoYz_appInstall_steps h4{
  margin:0 0 8px;
  font-size:20px;
}

.YoYz_appInstall_steps p{
  margin:0;
  color:#3d3550;
}

.YoYz_appTrust_grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}

.YoYz_appTrust_grid article{
  padding:22px;
  border-radius:24px;
  background:linear-gradient(180deg, #6f6a58 0%, var(--YoYz_card) 100%);
  color:var(--YoYz_soft);
  border:1.5px solid rgba(249,1,216,.62);
}

.YoYz_appTrust_grid span{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  background:rgba(100,184,237,.18);
  font-size:22px;
}

.YoYz_appTrust_grid h5{
  margin:0 0 10px;
  font-size:20px;
}

.YoYz_appTrust_grid p{
  margin:0;
  color:#eee7f6;
}

.YoYz_appTrust_note{
  margin:18px 0 0;
  color:#463d5b;
  font-weight:700;
}

.YoYz_appInvite_box{
  padding:36px;
  border-radius:30px;
  text-align:center;
  background:linear-gradient(135deg, rgba(255,255,255,.38), rgba(255,255,255,.18));
  border:1.5px solid rgba(249,1,216,.44);
}

.YoYz_appInvite_box h2{
  margin:16px 0 12px;
  font-size:clamp(30px,3.6vw,48px);
  line-height:1.15;
}

.YoYz_appInvite_box p{
  margin:0 0 12px;
  color:#3d3550;
}

.YoYz_appInvite_code{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:10px 0 20px;
  min-height:62px;
  padding:0 24px;
  border-radius:18px;
  background:linear-gradient(180deg, #6f6a58 0%, var(--YoYz_card) 100%);
  color:#fff;
  font-size:28px;
  letter-spacing:.08em;
  border:1.5px solid rgba(249,1,216,.68);
}

.YoYz_appInvite_actions{
  display:flex;
  justify-content:center;
}

.YoYz_app-final{
  padding:40px 28px;
  border-radius:30px;
  text-align:center;
  background:linear-gradient(135deg, rgba(140,243,179,.32), rgba(255,255,255,.22));
  box-shadow:var(--YoYz_shadow);
}

.YoYz_appFinal_tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.58);
  color:#284031;
  font-weight:700;
}

.YoYz_app-final h2{
  margin:16px 0 12px;
  font-size:clamp(30px,3.8vw,48px);
  line-height:1.15;
}

.YoYz_app-final p{
  margin:0 auto 20px;
  max-width:760px;
  color:#3d3550;
}

.YoYz_appFinal_actions{
  display:flex;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
}

@media (max-width: 1100px){
  .YoYz_contact-hero,
  .YoYz_contact-connect,
  .YoYz_app-hero,
  .YoYz_appFeatureIntro_wrap,
  .YoYz_appTimeline_wrap,
  .YoYz_appInstall_grid{
    grid-template-columns:1fr;
  }

  .YoYz_contactQuick_grid,
  .YoYz_appLogic_grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .YoYz_appExperience_grid,
  .YoYz_appTrust_grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .YoYz_contactHero_visual{
    min-height:420px;
  }
}

@media (max-width: 768px){
  .YoYz_contact-page,
  .YoYz_app-page{
    width:min(100% - 20px, 100%);
  }

  .YoYz_contact-hero,
  .YoYz_contact-quick,
  .YoYz_contact-channel,
  .YoYz_contact-connect,
  .YoYz_app-hero,
  .YoYz_app-feature-intro,
  .YoYz_app-logic,
  .YoYz_app-experience,
  .YoYz_app-compare,
  .YoYz_app-timeline,
  .YoYz_app-faq,
  .YoYz_app-install,
  .YoYz_app-trust,
  .YoYz_app-invite,
  .YoYz_app-final{
    padding:22px;
  }

  .YoYz_contactQuick_grid,
  .YoYz_contactForm_grid,
  .YoYz_channelBody ul,
  .YoYz_appHero_stats,
  .YoYz_appFeatureIntro_tags,
  .YoYz_appLogic_grid,
  .YoYz_appExperience_grid,
  .YoYz_appTrust_grid{
    grid-template-columns:1fr;
  }

  .YoYz_contactHero_visual{
    min-height:auto;
    display:grid;
    gap:16px;
  }

  .YoYz_contactHero_card{
    position:static;
    width:auto;
  }

  .YoYz_appHero_visual{
    min-height:auto;
  }

  .YoYz_appPhone_shell{
    width:100%;
    max-width:320px;
    height:560px;
  }
}
/* list / show page */
.YoYz_list-page,
.YoYz_show-page{
  width:min(1280px, calc(100% - 32px));
  margin:0 auto;
  padding:32px 0 72px;
}

.YoYz_list-page section,
.YoYz_show-page section{
  margin:24px 0;
}

.YoYz_list-hero,
.YoYz_show-hero{
  padding:34px;
  border-radius:32px;
  background:linear-gradient(135deg, rgba(255,255,255,.34), rgba(255,255,255,.14));
  box-shadow:var(--YoYz_shadow);
}

.YoYz_list-hero{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:24px;
  align-items:center;
}

.YoYz_listHero_copy h1,
.YoYz_showHero_inner h1{
  margin:16px 0 12px;
  font-size:clamp(34px,4.8vw,58px);
  line-height:1.08;
}

.YoYz_listHero_copy p,
.YoYz_showHero_inner p{
  margin:0;
  color:#3d3550;
  max-width:680px;
}

.YoYz_listHero_meta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}

.YoYz_listHero_meta span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  background:rgba(255,255,255,.48);
  border:1px solid rgba(249,1,216,.26);
  color:#2e2842;
  font-weight:700;
}

.YoYz_listHero_visual{
  display:grid;
  gap:18px;
  justify-items:end;
}

.YoYz_listHero_badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:0 18px;
  border-radius:999px;
  background:linear-gradient(180deg, #93d4fb 0%, var(--YoYz_btn) 55%, #4199d0 100%);
  color:#07253d;
  font-weight:800;
  box-shadow:0 8px 16px rgba(100,184,237,.18);
}

.YoYz_listHero_panel{
  width:min(100%, 360px);
  padding:24px;
  border-radius:26px;
  background:linear-gradient(180deg, #6f6a58 0%, var(--YoYz_card) 100%);
  color:var(--YoYz_soft);
  border:1.5px solid rgba(249,1,216,.62);
  box-shadow:0 0 20px rgba(249,1,216,.14);
}

.YoYz_listHero_panel span{
  display:block;
  margin-bottom:10px;
  color:#ddd0f1;
  font-weight:700;
}

.YoYz_listHero_panel strong{
  display:block;
  margin-bottom:10px;
  font-size:24px;
  color:#fff;
}

.YoYz_listHero_panel p{
  margin:0;
  color:#eee7f6;
}

.YoYz_list-crumb,
.YoYz_show-crumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  padding:16px 20px;
  border-radius:22px;
  background:rgba(255,255,255,.26);
  box-shadow:var(--YoYz_shadow);
}

.YoYz_list-crumb a,
.YoYz_show-crumb a,
.YoYz_list-crumb span,
.YoYz_show-crumb span,
.YoYz_list-crumb small,
.YoYz_show-crumb small{
  color:#342d48;
  font-weight:700;
}

.YoYz_list-layout,
.YoYz_show-layout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 340px;
  gap:24px;
}

.YoYz_list-main,
.YoYz_show-main{
  min-width:0;
}

.YoYz_list-main,
.YoYz_show-main,
.YoYz_list-side,
.YoYz_show-side{
  display:grid;
  gap:24px;
}

.YoYz_list-main > .YoYz_section-head,
.YoYz_show-recommend,
.YoYz_articleShell,
.YoYz_sideBlock{
  padding:30px;
  border-radius:30px;
  background:rgba(255,255,255,.26);
  box-shadow:var(--YoYz_shadow);
}

.YoYz_listGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}

.YoYz_listCard{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:18px;
  padding:18px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.08));
  border:1.5px solid rgba(249,1,216,.44);
  box-shadow:0 0 18px rgba(249,1,216,.10);
}

.YoYz_listCard_thumb{
  display:block;
  border-radius:22px;
  overflow:hidden;
  background:#ddd;
}

.YoYz_listCard_thumb img{
  width:100%;
  height:100%;
  min-height:180px;
  object-fit:cover;
  display:block;
}

.YoYz_listCard_body{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:14px;
}

.YoYz_listCard_text h3{
  margin:0 0 10px;
  font-size:24px;
  line-height:1.35;
}

.YoYz_listCard_text p{
  margin:0;
  color:#423a56;
  line-height:1.8;
}

.YoYz_listCard_meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}

.YoYz_listCard_meta time{
  color:#635878;
  font-weight:700;
}

.YoYz_listCard_meta a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#2f2740;
  font-weight:800;
}

.YoYz_sideBlock h3{
  margin:0 0 18px;
  font-size:22px;
  display:flex;
  align-items:center;
  gap:10px;
}

.YoYz_sideSearch_form{
  display:grid;
  grid-template-columns:1fr 56px;
  gap:12px;
}

.YoYz_sideSearch_box input{
  width:100%;
  height:56px;
  padding:0 16px;
  border:none;
  border-radius:18px;
  background:rgba(255,255,255,.78);
  border:1.5px solid rgba(249,1,216,.34);
  outline:none;
  color:#231d31;
}

.YoYz_sideSearch_form button{
  border:none;
  border-radius:18px;
  background:linear-gradient(180deg, #93d4fb 0%, var(--YoYz_btn) 55%, #4199d0 100%);
  color:#082840;
  font-size:18px;
  cursor:pointer;
  box-shadow:0 6px 0 #2e6d95;
}

.YoYz_sideNav ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
}

.YoYz_sideNav li a{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:52px;
  padding:0 16px;
  border-radius:16px;
  background:rgba(255,255,255,.38);
  color:#302842;
  font-weight:700;
  border:1px solid rgba(249,1,216,.24);
}

.YoYz_sideNav li a span{
  color:#F901D8;
}

.YoYz_sideHot_list{
  display:grid;
  gap:16px;
}

.YoYz_sideHot_item{
  display:grid;
  grid-template-columns:92px 1fr;
  gap:14px;
  align-items:start;
}

.YoYz_sideHot_thumb{
  display:block;
  border-radius:16px;
  overflow:hidden;
}

.YoYz_sideHot_thumb img{
  width:100%;
  height:92px;
  object-fit:cover;
  display:block;
}

.YoYz_sideHot_text h4{
  margin:0 0 8px;
  font-size:17px;
  line-height:1.45;
}

.YoYz_sideHot_text p{
  margin:0 0 8px;
  color:#4b425f;
  font-size:14px;
  line-height:1.7;
}

.YoYz_sideHot_text time{
  color:#6a5e80;
  font-size:14px;
  font-weight:700;
}

/* show article */
.YoYz_articleHead h1{
  margin:0 0 18px;
  font-size:clamp(30px,4.2vw,50px);
  line-height:1.15;
}

.YoYz_articleMeta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.YoYz_articleMeta span,
.YoYz_articleMeta time{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.44);
  border:1px solid rgba(249,1,216,.22);
  color:#3b3250;
  font-weight:700;
}

.YoYz_articleBody{
  margin-top:24px;
  color:#2d263f;
  line-height:1.95;
  font-size:17px;
  word-break:break-word;
}

.YoYz_articleBody img{
  max-width:100%;
  height:auto;
  border-radius:20px;
}

.YoYz_articleBody h2,
.YoYz_articleBody h3,
.YoYz_articleBody h4{
  margin-top:1.6em;
  margin-bottom:.8em;
  line-height:1.3;
}

.YoYz_articleBody p{
  margin:0 0 1.2em;
}

.YoYz_articleBody ul,
.YoYz_articleBody ol{
  padding-left:1.3em;
  margin:0 0 1.2em;
}

.YoYz_articlePager{
  margin-top:28px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.YoYz_articlePager a{
  min-height:72px;
  padding:16px 18px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,.08));
  border:1.5px solid rgba(249,1,216,.42);
  color:#2f2742;
  font-weight:700;
}

.YoYz_articleBack{
  margin-top:18px;
}

.YoYz_articleShare{
  margin-top:28px;
  padding:24px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.12));
  border:1.5px solid rgba(249,1,216,.42);
}

.YoYz_articleShare h3{
  margin:0 0 10px;
  font-size:22px;
  display:flex;
  align-items:center;
  gap:10px;
}

.YoYz_articleShare p{
  margin:0 0 16px;
  color:#433b57;
}

.YoYz_articleShare_actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.YoYz_articleShare_actions a,
.YoYz_copyBtn{
  min-width:52px;
  height:52px;
  padding:0 16px;
  border:none;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:linear-gradient(180deg, #baffd6 0%, var(--YoYz_nav) 60%, #63d493 100%);
  color:#183625;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 6px 0 #4c9d6f;
}

.YoYz_show-recommend .YoYz_section-head{
  padding:0;
  margin-bottom:18px;
  background:none;
  box-shadow:none;
}

.YoYz_showRecommend_list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.YoYz_showRecommend_item{
  display:grid;
  grid-template-columns:56px 120px 1fr;
  gap:14px;
  align-items:center;
  padding:16px;
  border-radius:22px;
  background:rgba(255,255,255,.34);
  border:1.5px solid rgba(249,1,216,.34);
}

.YoYz_showRecommend_index{
  width:56px;
  height:56px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg, #93d4fb 0%, var(--YoYz_btn) 55%, #4199d0 100%);
  color:#07253d;
  font-size:20px;
  font-weight:800;
}

.YoYz_showRecommend_thumb{
  display:block;
  border-radius:16px;
  overflow:hidden;
}

.YoYz_showRecommend_thumb img{
  width:100%;
  height:88px;
  object-fit:cover;
  display:block;
}

.YoYz_showRecommend_text h4{
  margin:0 0 8px;
  font-size:18px;
  line-height:1.45;
}

.YoYz_showRecommend_text time{
  color:#675c7d;
  font-size:14px;
  font-weight:700;
}

@media (max-width: 1100px){
  .YoYz_list-hero,
  .YoYz_list-layout,
  .YoYz_show-layout{
    grid-template-columns:1fr;
  }

  .YoYz_listGrid,
  .YoYz_showRecommend_list{
    grid-template-columns:1fr;
  }
}

@media (max-width: 768px){
  .YoYz_list-page,
  .YoYz_show-page{
    width:min(100% - 20px, 100%);
  }

  .YoYz_list-hero,
  .YoYz_show-hero,
  .YoYz_list-main > .YoYz_section-head,
  .YoYz_articleShell,
  .YoYz_show-recommend,
  .YoYz_sideBlock{
    padding:22px;
  }

  .YoYz_listCard{
    grid-template-columns:1fr;
  }

  .YoYz_listCard_thumb img{
    min-height:220px;
  }

  .YoYz_articlePager{
    grid-template-columns:1fr;
  }

  .YoYz_showRecommend_item{
    grid-template-columns:56px 1fr;
  }

  .YoYz_showRecommend_thumb{
    grid-column:1 / -1;
  }
}