.product-page{min-height:100vh;background:radial-gradient(circle at 78% 8%,rgba(102,234,247,.12),transparent 30rem),var(--bg)}
.product-page .nav{position:sticky}.product-page-main{padding:72px 0 0}.product-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:56px;align-items:center;min-height:620px}.product-breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;margin-bottom:22px}.product-breadcrumb a:hover{color:var(--cyan)}.product-kicker{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.product-title{margin:12px 0 16px;font-size:clamp(46px,7vw,82px);line-height:.98;letter-spacing:-4px}.product-lead{max-width:680px;color:var(--soft);font-size:18px;line-height:1.7}.buy-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}.buy-price{min-width:132px}.buy-price strong{display:block;font-size:25px}.buy-price span{display:block;margin-top:3px;color:var(--muted);font-size:11px}.buy-btn.disabled{pointer-events:none;opacity:.5}.product-stage{position:relative;min-height:440px;border:1px solid var(--line2);border-radius:28px;overflow:hidden;background:#11191d;box-shadow:var(--shadow)}.product-stage img{width:100%;height:100%;min-height:440px;object-fit:cover;opacity:.74}.product-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(5,9,11,.78))}.stage-ui{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(10,16,19,.82);backdrop-filter:blur(16px)}.stage-ui small{color:var(--cyan);font-weight:800}.stage-ui strong{display:block;margin-top:7px;font-size:20px}.stage-ui span{display:block;margin-top:5px;color:var(--muted);font-size:12px}.product-detail{padding:84px 0}.detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}.detail-grid h2{margin:8px 0 0;font-size:clamp(30px,4vw,48px);letter-spacing:-1.8px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-feature{padding:22px;border:1px solid var(--line);border-radius:15px;background:#12191d}.product-feature b{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(102,234,247,.09);color:var(--cyan);font-size:11px}.product-feature h3{margin:16px 0 7px;font-size:17px}.product-feature p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.product-cta{margin:0 0 76px;padding:38px;border:1px solid rgba(102,234,247,.24);border-radius:22px;background:linear-gradient(135deg,rgba(102,234,247,.09),rgba(168,243,207,.035));display:flex;align-items:center;justify-content:space-between;gap:28px}.product-cta h2{margin:0 0 8px;font-size:30px}.product-cta p{margin:0;color:var(--muted)}
.real-product-ui{position:absolute;inset:0;padding:24px;background:radial-gradient(circle at 80% 5%,rgba(102,234,247,.1),transparent 45%),#0d1316;font-size:11px}.rpu-window{height:285px;border:1px solid #304047;border-radius:14px;background:#171d20;overflow:hidden;box-shadow:0 24px 50px #0008}.rpu-head{height:42px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30393d;color:#eaf3f5;font-weight:800}.rpu-head small{color:#6ee9f4}.rpu-body{padding:12px;display:grid;gap:8px}.rpu-row{display:flex;gap:7px;align-items:center}.rpu-chip,.rpu-field,.rpu-action{height:29px;padding:0 9px;display:flex;align-items:center;border:1px solid #343e42;border-radius:7px;background:#20272a;color:#aab7bb}.rpu-chip.on,.rpu-action.primary{border-color:rgba(102,234,247,.4);background:rgba(102,234,247,.1);color:#7cecf5}.rpu-field{flex:1;justify-content:space-between}.rpu-wave{height:72px;display:flex;align-items:center;gap:3px;padding:8px;border:1px solid #303a3e;border-radius:8px;background:#101518}.rpu-wave i{flex:1;border-radius:2px;background:#61dfea}.rpu-wave i:nth-child(3n){height:58px}.rpu-wave i:nth-child(3n+1){height:24px}.rpu-wave i:nth-child(3n+2){height:42px}.rpu-grid{height:148px;display:grid;grid-template-columns:1fr 1fr;gap:3px;border-radius:9px;overflow:hidden;background:#344249}.rpu-grid span{display:grid;place-items:center;background:linear-gradient(135deg,#273842,#142026);color:#83edf5;font-weight:900}.rpu-library{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.rpu-asset{height:64px;padding:8px;border:1px solid #344047;border-radius:8px;background:#20282c;color:#c6d1d4}.rpu-asset b{display:block;color:#74e9f3;margin-bottom:18px}.rpu-search{height:34px;padding:0 10px;display:flex;align-items:center;border:1px solid #39464b;border-radius:8px;background:#111719;color:#85969c}.rpu-timeline{display:grid;gap:4px;padding:9px;border:1px solid #303b40;border-radius:8px;background:#101518}.rpu-timeline i{height:14px;border-radius:3px;background:#367f99}.rpu-timeline i:nth-child(2){width:72%;background:#7a579d}.rpu-timeline i:nth-child(3){width:88%;background:#38866f}.rpu-split{height:145px;position:relative;border:1px solid #39454a;border-radius:9px;background:linear-gradient(100deg,#35515f 0 36%,#162328 36% 64%,#694d42 64%);overflow:hidden}.rpu-split:before,.rpu-split:after{content:"";position:absolute;background:#fff9}.rpu-split:before{left:36%;top:0;bottom:0;width:1px}.rpu-split:after{left:64%;top:0;bottom:0;width:1px}.rpu-palette{display:grid;grid-template-columns:84px 1fr;gap:8px}.rpu-keys{display:grid;grid-template-columns:1fr 1fr;gap:5px}.rpu-keys span{height:30px;display:grid;place-items:center;border:1px solid #3a454a;border-radius:6px;background:#222a2e}.rpu-results{display:grid;gap:5px}.rpu-results span{padding:7px;border:1px solid #303b40;border-radius:6px;background:#1d2528}.rpu-results span:first-child{color:#70e8f2;border-color:#43818a}.rpu-store{display:grid;gap:6px}.rpu-store-card{padding:8px;border:1px solid #344148;border-radius:8px;background:#1c2529;display:flex;align-items:center;justify-content:space-between}.rpu-store-card b{color:#e7f1f3}.rpu-store-card span{color:#6ee9f4}.real-product-ui+.stage-ui{bottom:18px}.real-product-ui~.stage-ui{background:rgba(9,14,17,.92)}
@media(max-width:880px){.product-hero,.detail-grid{grid-template-columns:1fr}.product-hero{gap:34px}.product-title{letter-spacing:-2px}.product-page-main{padding-top:42px}}
@media(max-width:600px){.feature-grid{grid-template-columns:1fr}.product-stage,.product-stage img{min-height:350px}.product-cta{align-items:flex-start;flex-direction:column;padding:28px}}