:root{
  --bg:#050506;--bg2:#090a0d;--panel:#101217;--panel2:#151821;--panel3:#0c0e12;
  --ink:#fff8e8;--text:#f5f0e4;--muted:#aeb4c0;--soft:#737985;--line:rgba(255,255,255,.105);
  --gold:#d8a84e;--gold2:#ffe3a1;--amber:#b97525;--green:#68d894;--red:#ff6b6b;
  --shadow:0 34px 120px rgba(0,0,0,.55);--glow:0 0 48px rgba(216,168,78,.22);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:
 radial-gradient(circle at 16% -8%,rgba(216,168,78,.24),transparent 31%),
 radial-gradient(circle at 92% 4%,rgba(104,216,148,.10),transparent 28%),
 radial-gradient(circle at 50% 70%,rgba(185,117,37,.12),transparent 36%),var(--bg);overflow-x:hidden}
a{color:inherit;text-decoration:none}button,a{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.site-shell{position:relative;min-height:100vh}.site-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:84px 84px;mask-image:radial-gradient(circle at top,black,transparent 76%)}.site-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px clamp(18px,4vw,58px);background:linear-gradient(180deg,rgba(5,5,6,.88),rgba(5,5,6,.62));border-bottom:1px solid rgba(255,255,255,.075);backdrop-filter:blur(22px)}.site-brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:-.02em}.site-brand img{width:340px;height:auto;border-radius:0;object-fit:contain;object-position:left center;box-shadow:none;filter:drop-shadow(0 0 18px rgba(216,168,78,.22));flex:none}.site-brand span{background:linear-gradient(120deg,#fff4d2,#d8a84e 58%,#fff0bd);-webkit-background-clip:text;background-clip:text;color:transparent}.site-links{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.site-links a{padding:9px 11px;border-radius:999px;color:#d5d9e1;font-size:13px;font-weight:800;letter-spacing:.01em}.site-links a:hover,.site-links a.active{background:rgba(216,168,78,.12);color:var(--gold2);box-shadow:inset 0 0 0 1px rgba(216,168,78,.18)}.site-cta,.secondary-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;border-radius:999px;font-weight:950;white-space:nowrap}.site-cta{border:1px solid rgba(255,227,161,.55);background:linear-gradient(135deg,#ffe3a1 0%,#d5a14b 48%,#9a5c18 100%);color:#090a0d;box-shadow:0 14px 38px rgba(216,168,78,.22),inset 0 1px rgba(255,255,255,.48)}.secondary-cta{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#fff3d5}.secondary-cta:hover{border-color:rgba(216,168,78,.34);background:rgba(216,168,78,.105)}.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);gap:54px;align-items:center;padding:clamp(56px,7.5vw,116px) clamp(20px,5vw,76px) 56px;max-width:1320px;margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 16px;color:var(--gold2);font-size:12px;font-weight:950;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 22px var(--green)}h1,h2,h3,p{margin-top:0}.hero h1,.page-head h1{margin:0;font-family:Manrope,Inter,sans-serif;font-size:clamp(44px,7vw,94px);line-height:.9;letter-spacing:-.065em;color:#fff7e6;text-wrap:balance}.hero h1 span,.page-head h1 span{color:transparent;background:linear-gradient(120deg,#fff5d5,#d8a84e 52%,#f59c35);-webkit-background-clip:text;background-clip:text}.hero p,.page-head p{color:#c8ced8;font-size:clamp(17px,1.75vw,22px);line-height:1.65;max-width:720px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.trust-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.045);color:#cdd3dd;font-size:12px;font-weight:850}.trust-pill svg,.mini-icon svg,.card-icon svg,.platform-logo svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.hero-card,.premium-panel{position:relative;border:1px solid rgba(216,168,78,.20);border-radius:32px;background:linear-gradient(145deg,rgba(23,25,32,.94),rgba(8,9,12,.92));box-shadow:var(--shadow),var(--glow);overflow:hidden}.hero-card:before,.premium-panel:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 30% 20%,rgba(255,227,161,.20),transparent 32%),radial-gradient(circle at 82% 70%,rgba(104,216,148,.12),transparent 28%);pointer-events:none}.hero-card{min-height:520px;padding:24px}.console{position:relative;z-index:1;border:1px solid rgba(255,255,255,.10);border-radius:26px;background:#07080b;overflow:hidden;box-shadow:0 22px 70px rgba(0,0,0,.45)}.console-top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}.dots{display:flex;gap:6px}.dots span{width:9px;height:9px;border-radius:50%;background:#ff5f56}.dots span:nth-child(2){background:#ffbd2e}.dots span:nth-child(3){background:#27c93f}.console-title{font-size:12px;font-weight:900;color:#d6dce5;letter-spacing:.07em;text-transform:uppercase}.release-stage{display:grid;grid-template-columns:1fr 170px;gap:18px;padding:22px}.artwork{min-height:246px;border-radius:24px;border:1px solid rgba(216,168,78,.26);background:radial-gradient(circle at 38% 30%,rgba(255,227,161,.28),transparent 20%),radial-gradient(circle at 50% 56%,#54230f,#0a0a0c 66%);display:grid;place-items:center;position:relative;overflow:hidden}.artwork:before{content:"♪";position:absolute;font-size:130px;color:rgba(255,227,161,.07);transform:rotate(-18deg)}.play-gold{position:relative;z-index:1;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffe6a8,#c4892e);color:#090a0d;box-shadow:0 0 0 12px rgba(216,168,78,.12),0 0 44px rgba(216,168,78,.46)}.waveform{display:flex;align-items:end;gap:5px;height:52px;margin-top:16px}.waveform span{flex:1;border-radius:999px;background:linear-gradient(#ffe3a1,#b97525);opacity:.86}.waveform span:nth-child(odd){height:32%}.waveform span:nth-child(2n){height:82%}.waveform span:nth-child(3n){height:55%}.status-stack{display:grid;gap:10px}.status-card{padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.045)}.status-card strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.09em}.status-card span{display:block;margin-top:5px;color:var(--green);font-size:12px;font-weight:900}.release-orbit{position:relative;min-height:410px;z-index:1}.release-orbit:before{content:"";position:absolute;inset:58px;border:1px solid rgba(216,168,78,.23);border-radius:50%;box-shadow:inset 0 0 50px rgba(216,168,78,.08),0 0 42px rgba(216,168,78,.10)}.release-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:168px;height:168px;border-radius:50%;display:grid;place-items:center;text-align:center;padding:18px;background:radial-gradient(circle,#20160a,#090a0d 72%);border:1px solid rgba(216,168,78,.46);box-shadow:0 0 60px rgba(216,168,78,.2)}.release-core strong{font-family:Manrope,Inter,sans-serif;font-size:22px;line-height:1.02}.orbit-node{position:absolute;width:106px;height:106px;border-radius:50%;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,#171a21,#090a0d);border:1px solid rgba(216,168,78,.36);box-shadow:0 18px 42px rgba(0,0,0,.36),0 0 28px rgba(216,168,78,.12)}.orbit-node b{display:block;font-size:12px;text-transform:uppercase;color:#fff2ce}.orbit-node span{display:block;margin-top:4px;font-size:11px;color:#aeb4c0}.orbit-node:nth-child(2){left:50%;top:0;transform:translateX(-50%)}.orbit-node:nth-child(3){right:9px;top:70px}.orbit-node:nth-child(4){right:9px;bottom:70px}.orbit-node:nth-child(5){left:50%;bottom:0;transform:translateX(-50%)}.orbit-node:nth-child(6){left:9px;bottom:70px}.orbit-node:nth-child(7){left:9px;top:70px}.section,.page-head{max-width:1240px;margin:0 auto;padding:54px clamp(20px,5vw,76px)}.page-head{padding-top:76px;text-align:center}.page-head p{margin:20px auto 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-title h2{font-family:Manrope,Inter,sans-serif;font-size:clamp(32px,4vw,54px);line-height:.98;letter-spacing:-.045em}.section-title p{max-width:560px;color:#b8bfcb;line-height:1.65}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{position:relative;min-height:230px;padding:24px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 18px 54px rgba(0,0,0,.24);overflow:hidden}.card:after{content:"";position:absolute;right:-40px;top:-60px;width:160px;height:160px;border-radius:50%;background:rgba(216,168,78,.10);filter:blur(4px)}.card-icon,.mini-icon,.platform-logo{position:relative;z-index:1;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:var(--gold2);background:rgba(216,168,78,.11);border:1px solid rgba(216,168,78,.22);box-shadow:0 0 28px rgba(216,168,78,.12)}.mini-icon{width:36px;height:36px;border-radius:12px}.card h3{position:relative;z-index:1;margin:18px 0 8px;font-size:22px;letter-spacing:-.025em}.card p,.card li{position:relative;z-index:1;color:#b8bfcb;line-height:1.62}.card ul{position:relative;z-index:1;margin:18px 0 0;padding-left:18px}.steps{display:grid;gap:14px}.step{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;padding:18px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(255,255,255,.045)}.step-num{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#0a0b0e;font-weight:950;background:linear-gradient(135deg,#ffe3a1,#b97525)}.step h3{margin:0 0 5px}.step p{margin:0;color:#b8bfcb;line-height:1.55}.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.platform{padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045)}.platform-logo{margin-bottom:16px}.price-card{padding:26px;border-radius:28px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));position:relative;overflow:hidden}.price-card.featured{border-color:rgba(216,168,78,.45);box-shadow:0 0 60px rgba(216,168,78,.12)}.price{font-family:Manrope,Inter,sans-serif;font-size:46px;font-weight:900;letter-spacing:-.05em}.price span{font-size:14px;color:#aeb4c0}.badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(104,216,148,.12);color:#99efba;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.mock-dashboard{display:grid;grid-template-columns:210px 1fr;gap:16px;padding:18px}.mock-sidebar,.mock-main{border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(255,255,255,.035);padding:16px}.mock-line{height:10px;border-radius:999px;background:rgba(255,255,255,.12);margin:10px 0}.mock-line.gold{background:linear-gradient(90deg,#ffe3a1,#b97525)}.phone{max-width:310px;margin:0 auto;border:1px solid rgba(216,168,78,.25);border-radius:42px;padding:14px;background:#050506;box-shadow:0 28px 90px rgba(0,0,0,.55)}.phone-screen{aspect-ratio:9/16;border-radius:32px;background:radial-gradient(circle at 50% 18%,rgba(216,168,78,.35),transparent 20%),linear-gradient(#141720,#050506);padding:18px;display:flex;flex-direction:column;justify-content:space-between}.caption-strip{height:64px;border-radius:16px;background:rgba(0,0,0,.58);border:1px solid rgba(255,255,255,.10);display:grid;place-items:center;color:#fff2ce;font-weight:900;text-align:center}.footer{margin-top:54px;padding:36px clamp(20px,5vw,76px);border-top:1px solid rgba(255,255,255,.08);color:#9ba2ad;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.footer a{color:#d8ddec}.footer-legal{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.footer-legal a{font-weight:800;color:#f0dfb4}.page-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.page-tile{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(255,255,255,.045)}.page-tile strong{font-size:18px}.page-tile span{color:#aeb4c0}.arrow{color:var(--gold2);font-weight:950}.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric{padding:18px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}.metric strong{display:block;font-size:24px;color:#fff4d1;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric span{color:#aeb4c0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.visual-split{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:25px;top:10px;bottom:10px;width:1px;background:linear-gradient(transparent,var(--gold),transparent)}@media(max-width:980px){.site-nav{align-items:flex-start;flex-wrap:wrap}.site-links{order:3;width:100%;justify-content:flex-start}.hero,.visual-split{grid-template-columns:1fr}.grid,.grid.two,.platform-grid,.page-list{grid-template-columns:1fr}.release-stage,.mock-dashboard{grid-template-columns:1fr}.hero-card{min-height:auto}.release-orbit{min-height:430px}.section-title{display:block}.metric-row{grid-template-columns:1fr}.footer{display:flex}}@media(max-width:560px){.site-brand img{width:200px;height:auto}.site-cta,.secondary-cta{width:100%}.hero-actions{display:grid}.hero h1,.page-head h1{font-size:44px}.section,.page-head,.hero{padding-left:16px;padding-right:16px}.release-orbit{transform:scale(.86);transform-origin:center;min-height:360px}.orbit-node{width:96px;height:96px}.site-links a{font-size:12px;padding:8px}.site-nav>.site-cta{display:none}}

/* 20260806 public nav auth state */
.site-auth{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.site-auth .site-cta{white-space:nowrap}
.site-auth .secondary-cta{background:transparent;border:1px solid rgba(216,168,78,.42);color:#ffe3a1;box-shadow:none}
.site-auth .secondary-cta:hover{background:rgba(216,168,78,.1)}
.site-account{position:relative}
.site-account-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:150px;padding:6px;border-radius:14px;background:#111318;border:1px solid rgba(216,168,78,.22);box-shadow:0 18px 50px rgba(0,0,0,.45);z-index:40;display:flex;flex-direction:column;gap:2px}
.site-account-menu[hidden]{display:none}
.site-account-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border-radius:10px;background:transparent;border:0;color:#e8e4da;font-size:13px;font-weight:700;text-align:left;cursor:pointer}
.site-account-item:hover{background:rgba(216,168,78,.12);color:#fff6e8}
.site-account-item svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* 20260806 dashboard mock fix */
.mock-dashboard{grid-template-columns:minmax(120px,160px) 1fr}
.metric{padding:12px 10px;min-width:0}
.metric strong{font-size:clamp(16px,1.8vw,20px)}
.metric span{font-size:10px;letter-spacing:.06em}

/* 20260806 publish page — real song phone preview */
.artwork.phone-artwork{min-height:auto;flex:1;background-size:cover;background-position:center;border-color:rgba(216,168,78,.4);box-shadow:inset 0 0 60px rgba(0,0,0,.35)}
.artwork.phone-artwork:before{display:none}
.phone-artwork video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.phone .play-gold{width:48px;height:48px;box-shadow:0 0 0 8px rgba(216,168,78,.12),0 0 28px rgba(216,168,78,.46)}
.phone .play-gold svg{width:20px;height:20px}
.phone .caption-strip{height:auto;padding:14px 18px;line-height:1.35}
.phone .caption-strip strong{display:block;color:#fff2ce;font-size:14px;font-weight:900}
.phone .caption-strip span{display:block;color:#aeb4c0;font-size:11px;font-weight:500;margin-top:3px;text-transform:none;letter-spacing:0}

/* 20260805 footer legal center — centered Terms/Privacy, no footer Login */


/* 20260805 official social logos — Connected Accounts public cards */
.platform .official-logo{position:relative;overflow:hidden;background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 18px 44px rgba(0,0,0,.38)}
.platform .official-logo svg{width:34px;height:34px;display:block;fill:currentColor}
.youtube-logo{color:#ff0000}.youtube-logo .logo-cut{fill:#fff}
.instagram-logo{background:transparent!important;border-color:transparent!important;box-shadow:0 18px 44px rgba(255,1,105,.22)!important}.instagram-logo svg{width:38px!important;height:38px!important}
.facebook-logo{background:rgba(24,119,242,.12)!important;box-shadow:0 18px 44px rgba(24,119,242,.22)!important}.facebook-logo svg{width:38px!important;height:38px!important}
.tiktok-logo{background:#050505!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 18px 44px rgba(37,244,238,.11)!important}.tiktok-logo svg{width:34px!important;height:34px!important}.tiktok-logo .tik-cyan{fill:#25f4ee;transform:translate(-.85px,-.35px)}.tiktok-logo .tik-red{fill:#fe2c55;transform:translate(.85px,.35px)}.tiktok-logo path:last-child{fill:#fff}
.platform-youtube-card{border-color:rgba(255,0,0,.26)!important}.platform-instagram-card{border-color:rgba(255,1,105,.25)!important}.platform-facebook-card{border-color:rgba(24,119,242,.28)!important}.platform-tiktok-card{border-color:rgba(37,244,238,.22)!important}


/* 20260805 real brand svg social logos — local official brand SVG files */
.platform .official-logo{position:relative;overflow:hidden;background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 18px 44px rgba(0,0,0,.38)}
.platform .official-logo img{width:38px;height:38px;display:block;object-fit:contain}
.youtube-logo img{width:42px;height:42px}.instagram-logo img{width:38px;height:38px}.facebook-logo img{width:38px;height:38px}.tiktok-logo img{width:34px;height:34px}


/* 20260805 premium motion + richer illustration icons — public marketing pages */
@media (prefers-reduced-motion:no-preference){
  .site-shell:after{
    content:"";position:fixed;inset:-20%;pointer-events:none;z-index:-1;opacity:.72;
    background:
      radial-gradient(circle at 18% 24%,rgba(216,168,78,.18),transparent 18%),
      radial-gradient(circle at 78% 18%,rgba(104,216,148,.10),transparent 16%),
      radial-gradient(circle at 62% 76%,rgba(185,117,37,.14),transparent 20%);
    filter:blur(24px);animation:sakiraAuroraDrift 16s ease-in-out infinite alternate;
  }
  .hero > div:first-child,.page-head,.premium-panel,.card,.price-card,.platform,.page-tile,.metric,.step{
    animation:sakiraRiseIn .72s cubic-bezier(.2,.72,.16,1) both;
  }
  .hero > div:first-child{animation-delay:.04s}.page-head{animation-delay:.05s}
  .premium-panel{animation-delay:.11s}.card:nth-child(2),.price-card:nth-child(2),.platform:nth-child(2),.step:nth-child(2){animation-delay:.13s}
  .card:nth-child(3),.price-card:nth-child(3),.platform:nth-child(3),.step:nth-child(3){animation-delay:.2s}
  .card:nth-child(4),.platform:nth-child(4),.step:nth-child(4){animation-delay:.27s}
  .card-icon,.mini-icon,.platform-logo,.step-num,.orbit-node,.release-core,.orbit-node-premium{
    animation:sakiraIconBreathe 4.8s ease-in-out infinite;
  }
  .card:nth-child(2n) .card-icon,.platform:nth-child(2n) .platform-logo,.step:nth-child(2n) .step-num{animation-delay:-1.7s}
  .mock-dashboard,.mock-phone,.visual-card,.art-preview,.release-orbit,.release-orbit-premium{
    animation:sakiraFloatStudio 7.2s ease-in-out infinite;transform-origin:center;
  }
  .mock-phone,.art-preview{animation-delay:-2.2s}.release-orbit,.release-orbit-premium{animation-delay:-1s}
  .mock-line,.wave span,.wave-bar,.release-progress span{
    animation:sakiraWaveGlow 2.8s ease-in-out infinite;transform-origin:left center;
  }
  .mock-line:nth-child(2n),.wave span:nth-child(2n),.wave-bar:nth-child(2n),.release-progress span:nth-child(2n){animation-delay:-.8s}
  .mock-line:nth-child(3n),.wave span:nth-child(3n),.wave-bar:nth-child(3n),.release-progress span:nth-child(3n){animation-delay:-1.35s}
  .site-cta{animation:sakiraCtaPulse 3.6s ease-in-out infinite}
}
.card,.price-card,.platform,.page-tile,.premium-panel,.step,.metric{
  position:relative;isolation:isolate;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease;
}
.card:before,.price-card:before,.platform:before,.page-tile:before,.premium-panel:before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
  background:linear-gradient(135deg,rgba(255,227,161,.16),transparent 28%,rgba(104,216,148,.08) 58%,transparent 82%);
  opacity:.42;mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);
  padding:1px;mask-composite:exclude;-webkit-mask-composite:xor;
}
.card:hover,.price-card:hover,.platform:hover,.page-tile:hover{
  transform:translateY(-7px);border-color:rgba(255,227,161,.32)!important;box-shadow:0 28px 90px rgba(0,0,0,.54),0 0 44px rgba(216,168,78,.14);
}
.card-icon,.mini-icon,.platform-logo,.step-num{
  position:relative;overflow:hidden;border:1px solid rgba(255,227,161,.24)!important;
  background:
    radial-gradient(circle at 32% 22%,rgba(255,244,210,.55),transparent 18%),
    linear-gradient(135deg,rgba(255,227,161,.98),rgba(216,168,78,.88) 48%,rgba(139,84,20,.92))!important;
  color:#090a0c!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 18px 42px rgba(216,168,78,.22),0 0 28px rgba(216,168,78,.18)!important;
}
.card-icon:after,.mini-icon:after,.platform-logo:after,.step-num:after,.orbit-node:after,.orbit-node-premium:after{
  content:"";position:absolute;inset:-55%;background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.42) 48%,transparent 60%);
  transform:translateX(-70%) rotate(10deg);opacity:.34;pointer-events:none;transition:transform .68s ease;
}
.card:hover .card-icon:after,.premium-panel:hover .mini-icon:after,.platform:hover .platform-logo:after,.step:hover .step-num:after,.orbit-node:hover:after,.orbit-node-premium:hover:after{transform:translateX(70%) rotate(10deg)}
.card-icon svg,.mini-icon svg{filter:drop-shadow(0 2px 2px rgba(0,0,0,.18));stroke-width:2.35!important}
.platform .official-logo{
  background:radial-gradient(circle at 30% 16%,rgba(255,255,255,.16),transparent 28%),rgba(255,255,255,.045)!important;
  border-radius:22px!important;transition:transform .28s ease,box-shadow .28s ease,filter .28s ease;
}
.platform:hover .official-logo{transform:scale(1.08) rotate(-2deg);filter:saturate(1.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 24px 64px rgba(0,0,0,.48),0 0 34px rgba(216,168,78,.13)!important}
.release-orbit,.release-orbit-premium{position:relative;isolation:isolate}
.release-orbit:before,.release-orbit-premium:before{
  content:"";position:absolute;inset:7%;border-radius:50%;pointer-events:none;
  background:conic-gradient(from 0deg,transparent,rgba(255,227,161,.34),transparent 34%,rgba(104,216,148,.18),transparent 70%,rgba(216,168,78,.22),transparent);
  filter:blur(.4px);opacity:.72;animation:sakiraOrbitSweep 13s linear infinite;
}
.release-core,.orbit-core-premium{box-shadow:inset 0 0 0 1px rgba(255,227,161,.22),0 24px 72px rgba(0,0,0,.5),0 0 58px rgba(216,168,78,.22)!important}
.orbit-node,.orbit-node-premium{
  position:absolute;overflow:hidden;border-color:rgba(255,227,161,.28)!important;box-shadow:0 18px 54px rgba(0,0,0,.42),0 0 26px rgba(216,168,78,.12)!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.orbit-node:hover,.orbit-node-premium:hover{transform:translateY(-4px) scale(1.04);border-color:rgba(255,227,161,.48)!important;box-shadow:0 24px 70px rgba(0,0,0,.52),0 0 38px rgba(216,168,78,.22)!important}
.step{background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.022))!important}
.step-num{flex:0 0 auto}
.metric strong,.price,.hero h1 span,.page-head h1 span{filter:drop-shadow(0 0 20px rgba(216,168,78,.16))}
.site-cta:hover,.secondary-cta:hover{transform:translateY(-2px);box-shadow:0 18px 46px rgba(216,168,78,.24)}
@keyframes sakiraAuroraDrift{0%{transform:translate3d(-2%,-1%,0) scale(1)}100%{transform:translate3d(2%,1.8%,0) scale(1.05)}}
@keyframes sakiraRiseIn{0%{opacity:0;transform:translateY(18px) scale(.985)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sakiraIconBreathe{0%,100%{filter:drop-shadow(0 0 8px rgba(216,168,78,.10));transform:translateY(0)}50%{filter:drop-shadow(0 0 22px rgba(216,168,78,.30));transform:translateY(-2px)}}
@keyframes sakiraFloatStudio{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes sakiraWaveGlow{0%,100%{opacity:.62;transform:scaleX(.88)}50%{opacity:1;transform:scaleX(1)}}
@keyframes sakiraCtaPulse{0%,100%{box-shadow:0 18px 40px rgba(216,168,78,.21)}50%{box-shadow:0 22px 58px rgba(216,168,78,.34)}}
@keyframes sakiraOrbitSweep{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
@media (max-width:760px){
  .card:hover,.price-card:hover,.platform:hover,.page-tile:hover{transform:none}
  .release-orbit:before,.release-orbit-premium:before{display:none}
}

/* 20260805 project preview illustration — Home hero mirrors real project review UI */
.project-preview-hero{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.project-preview-frame{position:relative;isolation:isolate;border:1px solid rgba(255,227,161,.16);border-radius:30px;background:linear-gradient(145deg,rgba(15,17,22,.98),rgba(5,6,8,.96));box-shadow:0 34px 120px rgba(0,0,0,.62),0 0 58px rgba(216,168,78,.13);padding:18px;overflow:hidden}
.project-preview-frame:before{content:"";position:absolute;inset:-40% -18% auto auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(216,168,78,.28),transparent 62%);filter:blur(20px);pointer-events:none}
.project-preview-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at 50% 10%,black,transparent 82%)}
.project-preview-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.project-preview-top small,.version-head small{display:block;color:var(--gold2);font-size:10px;font-weight:950;letter-spacing:.18em;text-transform:uppercase;margin-bottom:5px}
.project-preview-top strong{display:block;color:#fff7df;font-family:Manrope,Inter,sans-serif;font-size:clamp(20px,2.2vw,31px);line-height:1.05;letter-spacing:-.05em}
.project-preview-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.project-preview-actions span{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.045);color:#d8deea;font-size:11px;font-weight:850;padding:8px 10px;white-space:nowrap}
.project-preview-body{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.24fr) minmax(190px,.76fr);gap:14px;align-items:stretch}
.project-media-column{min-width:0}
.project-video-preview{position:relative;min-height:310px;border-radius:24px;overflow:hidden;background:#090705;border:1px solid rgba(255,227,161,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 22px 70px rgba(0,0,0,.48)}
.cinematic-scene{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,244,210,.14),transparent 38%),radial-gradient(circle at 78% 22%,rgba(255,216,137,.95),transparent 15%),radial-gradient(circle at 74% 40%,rgba(104,216,148,.30),transparent 27%),linear-gradient(135deg,#2a180d 0%,#0e1015 48%,#1a2a27 100%);overflow:hidden}
.cinematic-scene video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.scene-sun{position:absolute;right:10%;top:15%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#fff6ca,rgba(255,185,72,.68) 36%,transparent 68%);filter:blur(1px);box-shadow:0 0 80px rgba(255,185,72,.55)}
.scene-window{position:absolute;inset:10% 6% 20% 41%;border:3px solid rgba(255,232,181,.28);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:inset 50px 0 0 rgba(0,0,0,.16),inset 0 -48px 70px rgba(42,92,74,.26)}
.scene-window:before{content:"";position:absolute;left:48%;top:0;bottom:0;width:3px;background:rgba(255,232,181,.22)}
.scene-window:after{content:"";position:absolute;left:0;right:0;top:48%;height:3px;background:rgba(255,232,181,.18)}
.scene-figure{position:absolute;left:27%;bottom:18%;width:64px;height:134px;border-radius:44px 44px 18px 18px;background:linear-gradient(180deg,#45301c,#120e10 72%);box-shadow:0 0 36px rgba(255,177,83,.22)}
.scene-figure:before{content:"";position:absolute;left:19px;top:-24px;width:28px;height:32px;border-radius:50%;background:#c58e5a;box-shadow:0 -6px 0 #332012}
.scene-violin{position:absolute;left:34%;bottom:32%;width:70px;height:18px;border-radius:50%;background:linear-gradient(90deg,#7a3e16,#d69438,#5d2a12);transform:rotate(-14deg);box-shadow:0 5px 18px rgba(0,0,0,.32)}
.scene-violin:after{content:"";position:absolute;left:58px;top:7px;width:98px;height:2px;background:rgba(255,230,172,.66);transform:rotate(-10deg);transform-origin:left center}
.scene-flora{position:absolute;left:-5%;right:-5%;bottom:-2%;height:33%;background:radial-gradient(circle at 12% 70%,rgba(255,227,161,.22),transparent 6%),radial-gradient(circle at 20% 78%,rgba(104,216,148,.24),transparent 8%),radial-gradient(circle at 76% 62%,rgba(255,195,107,.18),transparent 7%),linear-gradient(180deg,transparent,rgba(14,49,36,.78));filter:saturate(1.15)}
.scene-title{position:absolute;left:6%;top:10%;font-family:Georgia,serif;font-size:clamp(26px,4vw,48px);line-height:.94;color:#fff0d3;text-shadow:0 8px 26px rgba(0,0,0,.62);letter-spacing:-.045em}
.preview-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#090a0c;box-shadow:0 18px 54px rgba(216,168,78,.35);cursor:pointer}
.preview-play svg{width:30px;height:30px;fill:currentColor;margin-left:4px}
.preview-controls{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 15px;color:#eef2f7;font-size:11px;font-weight:800;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}
.preview-controls i{display:block;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--gold) 0 18%,rgba(255,255,255,.2) 18%)}
.asset-selectors{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:10px}
.asset-selectors span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.045);color:#e7ebf2;font-size:12px;font-weight:850}
.asset-selectors b{display:block;width:26px;height:18px;border-radius:5px;background:linear-gradient(135deg,#ffe2a0,#1f5945)}
.version-panel{display:flex;flex-direction:column;gap:13px;border:1px solid rgba(216,168,78,.32);border-radius:24px;background:linear-gradient(180deg,rgba(18,20,25,.96),rgba(8,9,12,.94));padding:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}
.version-head{display:flex;justify-content:space-between;gap:12px;color:#fff2d6}
.version-head strong{display:block;font-size:17px;line-height:1.1;letter-spacing:-.03em}
.version-head>span{color:var(--gold2);font-size:22px}
.publish-buttons{display:grid;gap:9px}
.publish-buttons span{display:flex;align-items:center;gap:9px;min-height:40px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.045);padding:9px 10px;color:#edf1f7;font-size:12px;font-weight:900}
.publish-buttons img{width:18px;height:18px;object-fit:contain;flex:none}
.publish-buttons .publish-youtube{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#08090b;border-color:transparent;box-shadow:0 18px 42px rgba(216,168,78,.2)}
.publish-buttons .muted{opacity:.58}
.release-pills{margin-top:auto;display:flex;flex-wrap:wrap;gap:7px}
.release-pills em{font-style:normal;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(0,0,0,.24);padding:6px 8px;color:#cfd5df;font-size:9px;font-weight:950;letter-spacing:.08em}
.release-pills .ok{color:#83e6a8;border-color:rgba(104,216,148,.24);background:rgba(104,216,148,.08)}
@media (prefers-reduced-motion:no-preference){
  .project-preview-frame{animation:sakiraFloatStudio 7.2s ease-in-out infinite}
  .scene-sun{animation:sakiraSunGlow 5.8s ease-in-out infinite}
  .scene-title{animation:sakiraTitleGlow 4.8s ease-in-out infinite}
  .preview-controls i{animation:sakiraWaveGlow 2.8s ease-in-out infinite}
  .publish-buttons .publish-youtube{animation:sakiraCtaPulse 3.8s ease-in-out infinite}
}
@keyframes sakiraSunGlow{0%,100%{transform:scale(1);opacity:.92}50%{transform:scale(1.08);opacity:1}}
@keyframes sakiraTitleGlow{0%,100%{filter:drop-shadow(0 0 6px rgba(216,168,78,.08))}50%{filter:drop-shadow(0 0 18px rgba(216,168,78,.28))}}
@media (max-width:1020px){.project-preview-body{grid-template-columns:1fr}.version-panel{min-height:auto}}
@media (max-width:620px){.project-preview-top{display:block}.project-preview-actions{justify-content:flex-start;margin-top:10px}.project-video-preview{min-height:238px}.asset-selectors{grid-template-columns:1fr}.scene-title{font-size:30px}.preview-play{width:58px;height:58px}}


/* 20260806 home project preview: single landscape video with thumbnail poster */
.cover-scene{background:#080706!important;display:block}
.hero-cover-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.015);filter:saturate(1.08) contrast(1.04)}
.cover-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12) 62%,rgba(0,0,0,.42)),radial-gradient(circle at 72% 22%,rgba(255,205,117,.12),transparent 34%);pointer-events:none}
.project-video-preview{background:#070606}
.asset-selectors b{display:block;width:26px;height:18px;border-radius:5px;background:linear-gradient(135deg,#ffe2a0,#1f5945)}
@media (prefers-reduced-motion:no-preference){.hero-cover-video{animation:sakiraCoverDrift 8.5s ease-in-out infinite}}
@keyframes sakiraCoverDrift{0%,100%{transform:scale(1.015) translate3d(0,0,0)}50%{transform:scale(1.045) translate3d(-.5%,.35%,0)}}

/* 20260805 detailed release pipeline on home */
.release-panel{overflow:visible}
.release-orbit-detailed{position:relative;min-height:560px;z-index:1;isolation:isolate}
.release-orbit-detailed:before{display:none}
.release-ring{position:absolute;border:1px solid rgba(216,168,78,.23);border-radius:50%;box-shadow:0 0 40px rgba(216,168,78,.08)}
.release-ring-outer{width:340px;height:340px;left:96px;top:108px}
.release-ring-inner{width:240px;height:240px;left:146px;top:158px;border-style:dashed;border-color:rgba(216,168,78,.14)}
.release-core-detailed{width:164px;height:164px;left:184px;top:196px;padding:26px 14px;gap:8px;box-shadow:inset 0 0 0 1px rgba(255,227,161,.16),0 20px 56px rgba(0,0,0,.46),0 0 46px rgba(216,168,78,.16)!important}
.release-core-detailed p{margin:0;font-size:8px;font-weight:900;letter-spacing:.18em;color:var(--gold2)}
.release-core-detailed strong{font-size:19px;line-height:1.01}
.release-core-detailed span{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;border:1px solid rgba(216,168,78,.18);background:rgba(216,168,78,.08);color:#e0d3b0;font-size:8px;font-weight:800}
.release-core-detailed button{border:0;background:linear-gradient(135deg,#ffe3a1,#c98e31);color:#090a0c;border-radius:999px;padding:8px 15px;font-size:10px;font-weight:950;letter-spacing:.06em;box-shadow:0 0 0 8px rgba(216,168,78,.08),0 0 26px rgba(216,168,78,.16)}
.orbit-node-detailed{width:88px;height:88px;grid-template-rows:auto 1fr auto;padding:9px 7px;background:linear-gradient(145deg,#151820,#090a0d);border:1px solid rgba(216,168,78,.24);box-shadow:0 14px 32px rgba(0,0,0,.34),0 0 22px rgba(216,168,78,.1)}
.orbit-node-detailed i{font-style:normal;font-size:10px;font-weight:900;color:var(--gold2)}
.orbit-node-detailed b{display:block;font-size:14px;line-height:1.02;text-transform:uppercase;color:#fff2ce}
.orbit-node-detailed span{display:block;margin-top:2px;font-size:8px;color:#aeb4c0;text-transform:uppercase;letter-spacing:.08em}
.orbit-node-detailed em{position:absolute;right:4px;bottom:5px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:900;background:#d9a84d;color:#120d07}
.orbit-node-detailed.current,.orbit-node-detailed.playing{opacity:1;animation:releaseCurrentPulse 1.4s ease-in-out infinite;border-color:rgba(255,227,161,.8)}
.orbit-node-detailed.current em,.orbit-node-detailed.playing em{opacity:1;background:#d9a84d;color:#120d07;animation:releaseCheckPop 1.4s ease-in-out infinite}
.orbit-node-detailed.node-lyrics{left:222px;top:59px}
.orbit-node-detailed.node-song{left:374px;top:147px}
.orbit-node-detailed.node-artwork{left:374px;top:322px}
.orbit-node-detailed.node-vertical{left:222px;top:409px}
.orbit-node-detailed.node-landscape{left:70px;top:322px}
.orbit-node-detailed.node-publish{left:70px;top:147px}

/* 20260806 release orbit processing animation */
.release-ring-inner{animation:releaseRingSpin 22s linear infinite}
@keyframes releaseRingSpin{to{transform:rotate(360deg)}}
.release-ring-outer{--ring-radius:170px}
.release-ring-outer::after{content:"";position:absolute;top:0;left:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:#ffe3a1;box-shadow:0 0 18px rgba(216,168,78,.95),0 0 34px rgba(216,168,78,.55);transform-origin:50% calc(var(--ring-radius) + 5.5px);animation:releaseOrbitDot 5.5s linear infinite}
@keyframes releaseOrbitDot{to{transform:rotate(360deg)}}
.orbit-node-detailed{animation:releaseStepPulse 4.2s ease-in-out infinite}
.orbit-node-detailed.node-lyrics{animation-delay:0s}
.orbit-node-detailed.node-song{animation-delay:.7s}
.orbit-node-detailed.node-artwork{animation-delay:1.4s}
.orbit-node-detailed.node-vertical{animation-delay:2.1s}
.orbit-node-detailed.node-landscape{animation-delay:2.8s}
.orbit-node-detailed.node-publish{animation-delay:3.5s}
@keyframes releaseStepPulse{0%,100%{box-shadow:0 14px 32px rgba(0,0,0,.34),0 0 18px rgba(216,168,78,.1);border-color:rgba(216,168,78,.24)}50%{box-shadow:0 18px 46px rgba(0,0,0,.42),0 0 44px rgba(216,168,78,.55);border-color:rgba(255,227,161,.7)}}
.orbit-node-detailed.todo{opacity:.42;animation:none;box-shadow:0 10px 22px rgba(0,0,0,.28)}
.orbit-node-detailed.current,.orbit-node-detailed.playing{opacity:1;animation:releaseCurrentPulse 1.4s ease-in-out infinite;border-color:rgba(255,227,161,.8)}
.orbit-node-detailed.current em,.orbit-node-detailed.playing em{opacity:1;background:#d9a84d;color:#120d07;animation:releaseCheckPop 1.4s ease-in-out infinite}
@keyframes releaseCurrentPulse{0%,100%{filter:brightness(1);box-shadow:0 10px 24px rgba(0,0,0,.28),0 0 24px rgba(216,168,78,.25)}50%{filter:brightness(1.32);box-shadow:0 16px 40px rgba(0,0,0,.38),0 0 56px rgba(216,168,78,.65);border-color:rgba(255,227,161,.9)}}
.orbit-node-detailed.done em{animation:releaseCheckPop 4.2s ease-in-out infinite}
.orbit-node-detailed.node-lyrics.done em{animation-delay:0s}
.orbit-node-detailed.node-song.done em{animation-delay:.7s}
.orbit-node-detailed.node-artwork.done em{animation-delay:1.4s}
.orbit-node-detailed.node-vertical.done em{animation-delay:2.1s}
.orbit-node-detailed.node-landscape.done em{animation-delay:2.8s}
@keyframes releaseCheckPop{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
@media (prefers-reduced-motion:reduce){.release-ring-inner,.release-ring-outer::after,.orbit-node-detailed,.orbit-node-detailed.done em{animation:none}}

@media(max-width:980px){
  .release-orbit-detailed{min-height:500px}
  .release-ring-outer{--ring-radius:150px;width:300px;height:300px;left:78px;top:104px}
  .release-ring-inner{width:210px;height:210px;left:123px;top:149px}
  .release-core-detailed{width:146px;height:146px;left:154px;top:182px}
  .release-core-detailed strong{font-size:16px}
  .orbit-node-detailed{width:78px;height:78px}
  .orbit-node-detailed b{font-size:11px}
  .orbit-node-detailed.node-lyrics{left:189px;top:60px}
  .orbit-node-detailed.node-song{left:323px;top:137px}
  .orbit-node-detailed.node-artwork{left:323px;top:293px}
  .orbit-node-detailed.node-vertical{left:189px;top:370px}
  .orbit-node-detailed.node-landscape{left:55px;top:293px}
  .orbit-node-detailed.node-publish{left:55px;top:137px}
}
@media(max-width:560px){
  .release-panel{padding:20px!important}
  .release-orbit-detailed{min-height:470px;transform:none}
  .release-ring-outer{--ring-radius:150px;width:300px;height:300px;left:50%;top:96px;margin-left:-150px}
  .release-ring-inner{width:210px;height:210px;left:50%;top:141px;margin-left:-105px}
  .release-core-detailed{width:150px;height:150px;left:50%;top:171px;margin-left:-75px;padding:22px 12px}
  .release-core-detailed p{font-size:8px}
  .release-core-detailed strong{font-size:21px}
  .release-core-detailed span{font-size:9px;padding:6px 10px}
  .release-core-detailed button{padding:8px 16px;font-size:10px}
  .orbit-node-detailed{width:86px;height:86px;padding:10px 8px}
  .orbit-node-detailed i{font-size:11px}
  .orbit-node-detailed b{font-size:14px}
  .orbit-node-detailed span{font-size:9px}
  .orbit-node-detailed em{width:18px;height:18px;font-size:10px;right:3px;bottom:5px}
  .orbit-node-detailed.node-lyrics{left:50%;top:42px;transform:translateX(-50%)}
  .orbit-node-detailed.node-song{left:calc(50% + 140px);top:120px;transform:translateX(-50%)}
  .orbit-node-detailed.node-artwork{left:calc(50% + 140px);top:278px;transform:translateX(-50%)}
  .orbit-node-detailed.node-vertical{left:50%;top:358px;transform:translateX(-50%)}
  .orbit-node-detailed.node-landscape{left:calc(50% - 140px);top:278px;transform:translateX(-50%)}
  .orbit-node-detailed.node-publish{left:calc(50% - 140px);top:120px;transform:translateX(-50%)}
}

/* 20260806 orbit tick visibility: keep the done check fully inside the bubble */
.orbit-node-detailed em{right:7px;bottom:7px;width:19px;height:19px;font-size:11px;background:#ffe3a1;color:#120d07;box-shadow:0 0 10px rgba(216,168,78,.55);z-index:2}

/* 20260806 orbit tick, second pass: larger badge, heavy check, dark outline for contrast */
.orbit-node-detailed em{right:5px;bottom:5px;width:24px;height:24px;font-size:15px;font-weight:900;background:#ffd76e;color:#000;box-shadow:0 0 0 2px rgba(9,10,12,.95),0 0 16px rgba(255,215,110,.85);z-index:3}

/* 20260806 orbit tick, third pass: big badge centered under the stage text */
.orbit-node-detailed em{position:static;margin:3px auto 0;width:26px;height:26px;font-size:16px}

/* 20260806 pricing: keep the small suffix beside the big word, no overlap */
.price{display:flex;align-items:baseline;gap:9px;letter-spacing:-.02em}
.price span{letter-spacing:0;white-space:nowrap}

/* 20260806 home language toggle next to Account */
.site-lang{display:flex;align-items:center;gap:2px;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:2px;margin-left:8px}
.site-lang button{border:0;background:transparent;color:#aeb4c0;font:700 11px Inter,sans-serif;padding:5px 10px;border-radius:999px;cursor:pointer;letter-spacing:.04em}
.site-lang button.active{background:linear-gradient(135deg,#ffe3a1,#c98e31);color:#090a0c}

/* 20260807 mobile header + compact home preview */
.site-menu{flex:1 1 auto;display:flex;justify-content:center;min-width:0}
.site-menu-toggle{display:none}
@media(max-width:980px){
  .site-nav{flex-wrap:nowrap;justify-content:space-between;gap:8px;padding:12px 16px;position:relative}
  .site-brand img{width:clamp(130px,36vw,180px);height:auto}
  .site-menu{display:none;position:absolute;top:calc(100% + 8px);left:16px;right:16px;flex-direction:column;gap:3px;padding:10px;border-radius:18px;background:rgba(9,10,12,.96);border:1px solid rgba(216,168,78,.22);box-shadow:0 24px 70px rgba(0,0,0,.55);backdrop-filter:blur(22px);z-index:50;justify-content:flex-start;flex:none}
  .site-menu.open{display:flex}
  .site-menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;width:38px;height:38px;gap:5px;background:transparent;border:1px solid rgba(216,168,78,.35);border-radius:12px;cursor:pointer;flex:none}
  .site-menu-toggle span{display:block;width:20px;height:2px;background:var(--gold2);border-radius:2px;transition:transform .2s ease,opacity .2s ease}
  .site-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .site-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .site-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .site-links{order:0;width:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px}
  .site-links a{display:flex;align-items:center;width:100%;padding:11px 12px;border-radius:12px;font-size:14px;font-weight:700}
  .site-links a:hover,.site-links a.active{background:rgba(216,168,78,.14)}
  .site-lang{margin-left:auto;padding:1px}
  .site-lang button{padding:4px 8px;font-size:10px}
  .site-auth .site-cta{padding:8px 12px;font-size:12px}
  .site-account-menu{top:calc(100% + 8px)}
}
@media(max-width:760px){
  .section,.page-head{padding:36px 16px}
  .page-head{padding-top:56px}
  .hero{padding-top:36px;padding-bottom:36px}
  .hero h1,.page-head h1{font-size:clamp(34px,10vw,44px);letter-spacing:-.04em}
  .card,.price-card{padding:18px;min-height:auto}
  .card h3{font-size:19px}
  .grid,.grid.two{gap:12px}
  .step{padding:14px;gap:12px}
  .step-num{width:44px;height:44px}
  .hero-card{padding:14px;border-radius:22px}
  .project-preview-frame{padding:14px;border-radius:22px}
  .project-preview-top{gap:10px;margin-bottom:12px}
  .project-preview-top strong{font-size:18px}
  .project-preview-actions{gap:6px}
  .project-preview-actions span{font-size:10px;padding:6px 8px;border-radius:10px}
  .project-preview-body{grid-template-columns:1fr;align-items:start;gap:12px}
  .project-video-preview{min-height:180px;border-radius:18px}
  .asset-selectors{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}
  .asset-selectors span{min-height:34px;font-size:11px;border-radius:10px}
  .version-panel{gap:9px;padding:12px;border-radius:18px}
  .version-head strong{font-size:15px}
  .publish-buttons{gap:6px}
  .publish-buttons span{min-height:32px;padding:7px 9px;font-size:11px;border-radius:10px}
  .release-pills{gap:5px}
  .release-pills em{font-size:8px;padding:5px 7px}
  .release-orbit-detailed{min-height:420px}
  .release-ring-outer{width:260px;height:260px;top:70px;margin-left:-130px}
  .release-ring-inner{width:180px;height:180px;top:110px;margin-left:-90px}
  .release-core-detailed{width:126px;height:126px;top:137px;margin-left:-63px;padding:16px 10px}
  .release-core-detailed strong{font-size:16px}
  .orbit-node-detailed{width:72px;height:72px;padding:8px 6px}
  .orbit-node-detailed b{font-size:11px}
  .orbit-node-detailed.node-song{left:calc(50% + 118px);top:100px}
  .orbit-node-detailed.node-artwork{left:calc(50% + 118px);top:238px}
  .orbit-node-detailed.node-landscape{left:calc(50% - 118px);top:238px}
  .orbit-node-detailed.node-publish{left:calc(50% - 118px);top:100px}
}
@media(max-width:360px){
  .site-brand img{width:120px}
  .site-lang button{padding:4px 6px;font-size:9px}
  .site-auth .site-cta{padding:7px 10px;font-size:11px}
  .site-menu-toggle{width:34px;height:34px}
}


/* 20260817 pricing release plans */
.pricing-page .pricing-hero{max-width:960px}
.pricing-page .pricing-hero h1{max-width:900px}
.release-pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.pricing-card{display:flex;flex-direction:column;gap:14px;min-height:100%;padding:26px 22px!important}
.pricing-card h3{margin:0;font-size:22px;letter-spacing:-.03em}
.pricing-card p{margin:0;color:#b8bfcb;line-height:1.65;font-size:14px}
.pricing-card .price{margin:2px 0 0;font-size:clamp(34px,4vw,48px);line-height:.95}
.pricing-card .price span{display:inline-block;margin-left:4px;font-size:13px;color:#aeb4c0;font-weight:800;letter-spacing:0;text-transform:none;filter:none}
.pricing-card ul{margin:4px 0 0;padding-left:18px;color:#e5ddca;line-height:1.7;font-size:14px}
.pricing-card li::marker{color:var(--gold)}
.pricing-card .pricing-cta{margin-top:auto;width:100%;min-height:44px;border-radius:14px;font-weight:900}
.pricing-card.featured{border-color:rgba(255,227,161,.46)!important;box-shadow:0 30px 100px rgba(0,0,0,.55),0 0 48px rgba(216,168,78,.18)!important}
.pricing-card.creator-plan:after{content:"Recommended";position:absolute;right:18px;top:18px;border:1px solid rgba(255,227,161,.42);border-radius:999px;background:rgba(216,168,78,.14);color:#ffe3a1;padding:6px 9px;font-size:10px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
.pricing-card.trial-card{opacity:.92}
.pricing-packs{padding:28px!important;display:grid;gap:22px}
.pricing-packs .section-title{max-width:760px}
.pricing-packs .section-title h2{margin:4px 0 8px;font:900 32px/1.08 Manrope,Inter,sans-serif;letter-spacing:-.04em}
.pricing-packs .section-title p:not(.eyebrow){margin:0;color:#b8bfcb;line-height:1.65}
.pack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pack-grid article{border:1px solid rgba(255,255,255,.10);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(216,168,78,.06));padding:18px;box-shadow:0 18px 52px rgba(0,0,0,.28)}
.pack-grid strong{display:block;color:#ffe3a1;font:950 32px/1 Manrope,Inter,sans-serif;letter-spacing:-.04em}
.pack-grid span{display:block;margin-top:8px;color:#fff8e8;font-weight:900}
.pack-grid em{display:block;margin-top:4px;color:#aeb4c0;font-style:normal;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.pricing-note{padding:28px!important;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:22px;align-items:center}
.pricing-note h2{margin:4px 0 10px;font:900 32px/1.08 Manrope,Inter,sans-serif;letter-spacing:-.04em}
.pricing-note p:not(.eyebrow){margin:0;color:#b8bfcb;line-height:1.7}
.pricing-note .metric-row{margin:0}
@media(max-width:1100px){.release-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-note{grid-template-columns:1fr}}
@media(max-width:640px){.release-pricing-grid,.pack-grid{grid-template-columns:1fr}.pricing-card.creator-plan:after{position:static;justify-self:start;width:max-content;order:-1}.pricing-note .metric-row{grid-template-columns:1fr}}


/* 20260817 pricing: release value positioning */
.value-positioning{padding:28px!important;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:22px;align-items:center;border-color:rgba(255,227,161,.22)!important;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(216,168,78,.07),rgba(0,0,0,.16))!important}
.value-positioning h2{margin:4px 0 10px;font:900 clamp(24px,3vw,36px)/1.08 Manrope,Inter,sans-serif;letter-spacing:-.045em;color:#fff6dd}
.value-positioning p:not(.eyebrow){margin:0;color:#b8bfcb;line-height:1.72;max-width:780px}
.comparison-chips{display:grid;gap:10px}
.comparison-chips span{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid rgba(255,227,161,.18);border-radius:16px;background:rgba(0,0,0,.24);color:#ffe3a1;font-weight:950;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.pricing-card .badge{width:max-content}
.pricing-card.featured .price{color:#ffe3a1}
@media(max-width:820px){.value-positioning{grid-template-columns:1fr}.comparison-chips{grid-template-columns:1fr}}


/* 20260824 public pricing Free / Creator / Pro plan split */
.pricing-page .public-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.pricing-page .pro-plan{border-color:rgba(104,216,148,.22)!important}
.pricing-page .pro-plan .badge{color:#bfffd6;border-color:rgba(104,216,148,.28);background:rgba(104,216,148,.08)}
.pricing-page .public-video-grid .pricing-card{min-height:auto}
@media(max-width:1100px){.pricing-page .public-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.pricing-page .public-plan-grid{grid-template-columns:1fr}.pricing-page .pricing-card ul{padding-left:17px}.pricing-page .pricing-card .price{font-size:clamp(32px,12vw,42px)}}