:root{--ink:#f5e6d3;--muted:#c8b6bd;--purple:#1a0f24;--purple-2:#2a1b35;--wine:#8b0042;--wine-2:#a62b54;--pink:#ff2a85;--violet:#d946ef;--gold:#e1c28f;--line:rgba(245,230,211,.15);--shadow:0 24px 70px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--purple);color:var(--ink);font-family:"Noto Sans SC",system-ui,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-60px;background:var(--pink);color:#fff;padding:8px 14px;z-index:20}.skip-link:focus{top:12px}.site-header{position:fixed;top:0;left:0;right:0;z-index:10;background:rgba(26,15,36,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:.04em;white-space:nowrap}.brand img{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,42,133,.55)}.primary-nav{display:flex;align-items:center;gap:22px;font-size:14px;color:var(--muted)}.primary-nav a{transition:color .2s ease}.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--ink)}.nav-cta{color:var(--ink)!important;border:1px solid rgba(255,42,133,.65);padding:7px 13px;border-radius:999px}.nav-cta span{margin-left:6px;color:var(--pink)}.menu-toggle{display:none;background:none;border:0;color:var(--ink);padding:8px}.menu-toggle span{display:block;width:23px;height:2px;background:var(--ink);margin:5px}.hero{position:relative;min-height:760px;display:grid;align-items:center;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(26,15,36,.98) 0%,rgba(26,15,36,.82) 42%,rgba(26,15,36,.34) 100%),linear-gradient(0deg,var(--purple) 0%,transparent 32%)}.hero-inner{position:relative;padding-top:92px;max-width:1160px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.2em;color:var(--gold);font-weight:700}.eyebrow span{display:inline-block;width:30px;border-top:1px solid var(--pink);margin:0 11px 4px 0}.hero h1{font-family:Cinzel,"Noto Sans SC",serif;font-size:clamp(44px,7vw,88px);line-height:1.14;letter-spacing:.02em;margin:20px 0 22px;max-width:780px}.hero-lead{font-size:clamp(17px,2vw,22px);color:#f3dfe5;max-width:600px;margin:0 0 30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:11px 20px;border-radius:5px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-primary{background:linear-gradient(110deg,var(--pink),var(--violet));color:#fff;box-shadow:0 12px 32px rgba(217,70,239,.28)}.button-ghost{border:1px solid rgba(245,230,211,.38);color:var(--ink);background:rgba(26,15,36,.3)}.hero-meta{display:flex;flex-wrap:wrap;gap:30px;margin:60px 0 0;padding:0}.hero-meta div{border-left:1px solid var(--pink);padding-left:12px}.hero-meta dt{font-size:12px;color:var(--muted)}.hero-meta dd{font-weight:600;margin:2px 0 0}.scroll-cue{position:absolute;right:5%;bottom:28px;color:var(--muted);font-size:12px;writing-mode:vertical-rl;display:flex;align-items:center;gap:10px}.scroll-cue span{height:40px;border-left:1px solid var(--pink)}.section{padding:112px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.intro-section{background:linear-gradient(180deg,var(--purple),#25142f)}h2{font-family:Cinzel,"Noto Sans SC",serif;font-size:clamp(32px,4vw,52px);line-height:1.25;margin:8px 0 25px}h3{line-height:1.35;margin:10px 0;font-size:19px}.lead-copy{font-size:19px;color:#f2dce1}.intro-grid p:not(.section-kicker){color:var(--muted)}.fact-row{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:32px;padding-top:21px;color:var(--muted);font-size:13px}.fact-row b{display:block;color:var(--ink);font-size:15px}.feature-figure{margin:0;position:relative}.feature-figure img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);box-shadow:var(--shadow)}figcaption{font-size:12px;color:var(--gold);margin-top:11px}.dark-section{background:#160c1f}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-heading>p{max-width:430px;color:var(--muted);margin:0}.content-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-card{min-height:200px;padding:23px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(139,0,66,.35),rgba(42,27,53,.4));position:relative;transition:transform .2s ease,border-color .2s ease}.info-card:hover{transform:translateY(-4px);border-color:rgba(255,42,133,.65)}.info-card p{color:var(--muted);font-size:14px;margin-bottom:0}.card-number{color:var(--pink);font-family:Cinzel,serif;font-size:14px}.guide-section{background:#25142f}.guide-grid{grid-template-columns:.92fr 1.08fr}.guide-image{order:0}.guide-list{list-style:none;padding:0;margin:28px 0 0}.guide-list li{padding:14px 0 14px 38px;border-bottom:1px solid var(--line);position:relative;color:var(--muted)}.guide-list li:before{content:"✦";position:absolute;left:0;color:var(--pink)}.guide-list b{display:block;color:var(--ink);font-size:15px}.feature-band{background:linear-gradient(135deg,#2a1b35,#43152f)}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-list>div{border-top:1px solid rgba(245,230,211,.24);padding-top:16px}.feature-list span{color:var(--pink);font-size:22px}.feature-list p{font-size:14px;color:var(--muted);margin:0}.updates-section{background:var(--purple)}.update-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.update-grid ol{margin:0;padding:0;list-style:none;counter-reset:update}.update-grid ol li{counter-increment:update;display:flex;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}.update-grid ol li:before{content:counter(update,decimal-leading-zero);color:var(--pink);font-family:Cinzel,serif;min-width:24px}.faq-section{background:#24132e}.faq-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-list details{border-bottom:1px solid var(--line);padding:3px 0}.faq-list summary{cursor:pointer;list-style:none;padding:15px 0;font-weight:600;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--pink);font-size:20px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:var(--muted);font-size:14px;margin:0 0 18px}.text-link{display:inline-flex;gap:9px;color:var(--pink);font-weight:700;margin-top:15px}.cta-section{padding:70px 0;background:linear-gradient(100deg,var(--wine),#3c1739)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner h2{margin-bottom:10px}.cta-inner p:not(.section-kicker){color:#f2dce1;margin:0}.site-footer{background:#100a17;border-top:1px solid var(--line);padding:22px 0;color:var(--muted);font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-inner a{color:var(--gold)}:focus-visible{outline:2px solid var(--pink);outline-offset:3px}@media(max-width:900px){.primary-nav{gap:14px}.content-cards{grid-template-columns:repeat(2,1fr)}.two-col,.feature-layout,.faq-wrap{gap:42px}.hero{min-height:700px}}@media(max-width:720px){.container{width:min(100% - 28px,560px)}.site-header{background:rgba(26,15,36,.96)}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;left:14px;right:14px;top:70px;padding:14px;background:#24132e;border:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.primary-nav.is-open{display:flex}.primary-nav a{padding:10px 5px}.nav-cta{text-align:center;margin-top:6px}.hero{min-height:720px}.hero-shade{background:linear-gradient(90deg,rgba(26,15,36,.95),rgba(26,15,36,.67)),linear-gradient(0deg,var(--purple),transparent 45%)}.hero-inner{padding-top:80px}.hero h1{font-size:clamp(42px,13vw,64px)}.hero-meta{margin-top:42px;gap:16px}.scroll-cue{display:none}.section{padding:78px 0}.two-col,.feature-layout,.faq-wrap{grid-template-columns:1fr}.section-heading{display:block}.section-heading>p{margin-top:14px}.content-cards{grid-template-columns:1fr}.feature-list{gap:20px}.update-grid{grid-template-columns:1fr;gap:0}.cta-inner{display:block}.cta-inner .button{margin-top:24px}.guide-image{order:2}.lead-copy{font-size:17px}}

/* Hover interactions: 0.3s, CSS only */
.info-card,.feature-list>div,.faq-list details,.update-grid li{
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background-color .3s ease;
}
.info-card:hover,.info-card:focus-within,.feature-list>div:hover,.feature-list>div:focus-within,.faq-list details:hover,.faq-list details:focus-within,.update-grid li:hover{
  transform:translateY(-6px);
  border-color:rgba(255,42,133,.72);
  background-color:rgba(139,0,66,.2);
  box-shadow:0 12px 28px rgba(255,42,133,.2),0 0 22px rgba(217,70,239,.16);
}
.button,.floating-cta,.nav-cta,.text-link,.screenshot-thumb{
  transition:transform .3s ease,box-shadow .3s ease,filter .3s ease,background-color .3s ease,border-color .3s ease,color .3s ease;
}
.button:hover,.button:focus-visible,.floating-cta:hover,.floating-cta:focus-visible,.nav-cta:hover,.nav-cta:focus-visible,.text-link:hover,.text-link:focus-visible{
  transform:translateY(-2px) scale(1.05);
  filter:brightness(1.16) saturate(1.1);
  box-shadow:0 14px 34px rgba(255,42,133,.3),0 0 20px rgba(217,70,239,.2);
}
.feature-figure,.screenshot-main,.screenshot-thumb{
  overflow:hidden;
}
.feature-figure img,.screenshot-main img,.screenshot-thumb img,.brand img{
  transition:transform .3s ease,filter .3s ease;
}
.feature-figure:hover img,.feature-figure:focus-within img,.screenshot-main:hover img,.screenshot-main:focus-within img,.screenshot-thumb:hover img,.screenshot-thumb:focus-visible img,.brand:hover img,.brand:focus-visible img{
  transform:scale(1.045);
  filter:brightness(1.06);
}
.primary-nav>a:not(.nav-cta){
  position:relative;
  transition:color .3s ease;
}
.primary-nav>a:not(.nav-cta)::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-7px;
  height:2px;
  background:linear-gradient(90deg,var(--pink),var(--violet));
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .3s ease;
}
.primary-nav>a:not(.nav-cta):hover::after,.primary-nav>a:not(.nav-cta):focus-visible::after{
  transform:scaleX(1);
}
@media(prefers-reduced-motion:reduce){
  .info-card,.feature-list>div,.faq-list details,.update-grid li,.button,.floating-cta,.nav-cta,.text-link,.screenshot-thumb,.feature-figure img,.screenshot-main img,.screenshot-thumb img,.brand img,.primary-nav>a:not(.nav-cta),.primary-nav>a:not(.nav-cta)::after{transition:none!important}
}

/* Unified corner radius */
.info-card,
.feature-list>div,
.faq-list details,
.update-grid li,
.screenshot-viewer,
.screenshot-main,
.feature-figure,
.content-cards,
.update-grid,
.faq-list,
.feature-layout,
.guide-grid,
.intro-grid{
  border-radius:16px;
}

.button,
.floating-cta,
.nav-cta{
  border-radius:999px;
}

.feature-figure img,
.screenshot-main img,
.screenshot-thumb,
.screenshot-thumb img,
.hero-media img{
  border-radius:12px;
}

.section-kicker,
.eyebrow,
.card-number,
.nav-icon,
.button-icon{
  border-radius:4px;
}

.friend-links{
  padding:34px 0 30px;
  background:linear-gradient(180deg,#21142e 0%,#1a0f24 100%);
  border-top:1px solid rgba(245,230,211,.1);
  border-bottom:1px solid var(--line);
  text-align:center;
}
.friend-links-inner h2{
  margin:2px 0 18px;
  font-size:clamp(24px,3vw,34px);
}
.friend-links-list{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}
.friend-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  max-width:100%;
  padding:8px 16px;
  border:1px solid rgba(245,230,211,.2);
  border-radius:999px;
  background:rgba(42,27,53,.78);
  color:var(--ink);
  font-size:14px;
  line-height:1.45;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background-color .3s ease;
}
.friend-link:hover,
.friend-link:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(255,42,133,.72);
  background:rgba(139,0,66,.48);
  box-shadow:0 10px 24px rgba(255,42,133,.2),0 0 18px rgba(217,70,239,.14);
}
@media(max-width:720px){
  .friend-links{padding:28px 0 24px}
  .friend-links-list{display:grid;grid-template-columns:1fr;gap:9px}
  .friend-link{width:100%;padding-inline:12px}
}

@media(max-width:720px){
  .menu-toggle span{
    transition:transform .3s ease,opacity .3s ease;
    transform-origin:center;
  }
  .menu-toggle[aria-expanded="true"] span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }
  .menu-toggle[aria-expanded="true"] span:nth-child(2){
    opacity:0;
    transform:scaleX(0);
  }
  .menu-toggle[aria-expanded="true"] span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }
}

.update-grid .update-continuation{
  counter-reset:update 8;
}

.faq-list{
  grid-template-columns:1fr;
  row-gap:10px;
}
.faq-list details{
  width:100%;
  padding:6px 18px;
  border:1px solid var(--line);
  background:rgba(42,27,53,.34);
}
.faq-list details+details{
  margin-top:0;
}
.faq-list details p{
  display:block;
  width:100%;
  margin:0 0 16px;
}