:root{--cream:#fffaf3;--ink:#3f4250;--blue:#7f9fca;--pink:#efb9c2;--mint:#b9d8c8;--gold:#c7a06a;--soft:#f5ede5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(#fffaf3,#f7fbff 50%,#fff7fb);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.nav{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf3db;border-bottom:1px solid #eadfd4;justify-content:space-between;align-items:center;padding:16px 5vw;display:flex;position:sticky;top:0}.nav b{letter-spacing:.12em;color:#6d88b3}.nav a{color:#555;margin-left:22px;font-size:14px;text-decoration:none}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;min-height:86vh;padding:58px 7vw 76px;display:grid}.eyebrow{color:#7b98c4;letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:700}.hero h1{letter-spacing:-.04em;margin:16px 0 22px;font-size:64px;line-height:1.06}.lead,.sectionLead{color:#646a78;max-width:820px;font-size:19px;line-height:1.9}.cta{gap:16px;margin-top:32px;display:flex}.cta a{color:#fff;background:#6f8fbd;border-radius:999px;padding:14px 22px;font-weight:700;text-decoration:none;box-shadow:0 10px 24px #6f8fbd38}.cta .ghost{color:#6f8fbd;background:#fff;border:1px solid #d7e2f1}.heroCard{position:relative}.heroCard img,.storeGrid img{border:8px solid #fff;border-radius:32px;width:100%;box-shadow:0 24px 80px #4d59782e}.heroCard span{color:#6f8fbd;background:#ffffffd1;border-radius:999px;padding:10px 16px;position:absolute;bottom:24px;right:24px}.section{padding:72px 7vw}.section h2{letter-spacing:-.03em;margin:10px 0 18px;font-size:42px}.alt{background:#ffffff8c}.flow{grid-template-columns:repeat(8,1fr);gap:12px;display:grid}.step{background:#fff;border:1px solid #e8e4de;border-radius:22px;min-height:110px;padding:20px;box-shadow:0 12px 32px #5d617812}.step b{color:#efb9c2;font-size:28px;display:block}.step span{font-weight:700}.grid.two{grid-template-columns:1fr 1fr;gap:22px;margin-top:28px;display:grid}.panel{background:#fff;border:1px solid #e8e4de;border-radius:28px;padding:28px;box-shadow:0 12px 32px #5d617812}.panel h3{margin-top:0}.panel li{margin:12px 0;line-height:1.8}.quote{color:#6d88b3;font-size:28px;font-weight:800;line-height:1.55}.mini{letter-spacing:.1em;color:#91a6c8;text-transform:uppercase;font-size:12px}.seriesShowcase,.renderShowcase{background:linear-gradient(135deg,#ffffffdb,#fff5f9b8);border:1px solid #eadfd4;border-radius:34px;margin-top:28px;padding:22px 0 22px 22px;overflow:hidden;box-shadow:0 26px 90px #636c911f}.seriesToolbar{justify-content:space-between;align-items:center;padding:0 22px 18px 4px;display:flex}.seriesToolbar h3{margin:4px 0 0;font-size:28px}.seriesControls{gap:10px;display:flex}.seriesControls button{color:#6f8fbd;cursor:pointer;background:#fff;border:0;border-radius:50%;width:44px;height:44px;font-size:30px;line-height:1;box-shadow:0 10px 24px #6f8fbd29}.seriesRail,.renderRail{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:18px;padding:2px 22px 18px 2px;scroll-padding-left:2px;display:flex;overflow-x:auto}.seriesRail::-webkit-scrollbar{height:8px}.renderRail::-webkit-scrollbar{height:8px}.seriesRail::-webkit-scrollbar-track{background:#f4eee8;border-radius:999px}.renderRail::-webkit-scrollbar-track{background:#f4eee8;border-radius:999px}.seriesRail::-webkit-scrollbar-thumb{background:#d7c7b8;border-radius:999px}.renderRail::-webkit-scrollbar-thumb{background:#d7c7b8;border-radius:999px}.seriesCard,.renderCard{scroll-snap-align:start;background:#fff;border:1px solid #e2dad1e6;transition:transform .28s,box-shadow .28s;position:relative;overflow:hidden;box-shadow:0 16px 48px #4b557a1f}.seriesCard{border-radius:32px;flex:0 0 min(78vw,420px)}.seriesCard:hover,.renderCard:hover{transform:translateY(-6px);box-shadow:0 28px 72px #4b557a2e}.cardVisual{background:radial-gradient(circle at 20% 10%,var(--series-bg),transparent 45%),linear-gradient(180deg,#fff,var(--series-bg));height:520px;position:relative;overflow:hidden}.cardHalo{background:linear-gradient(160deg,#ffffff1a,#ffffff85);border:1px solid #ffffffe6;border-radius:28px;position:absolute;inset:22px;box-shadow:inset 0 0 0 1px #ffffffb3}.modelLayer{object-fit:cover;object-position:center top;filter:saturate(1.03)contrast(1.01);width:100%;height:100%;position:absolute;inset:0}.cardVisual:after{content:"";background:linear-gradient(#fff0,#fffffff0 70%,#fff);height:44%;position:absolute;inset:auto 0 0}.floatingSpec{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #ffffffe0;border-radius:20px;width:132px;padding:8px;position:absolute;bottom:18px;right:16px;box-shadow:0 18px 40px #414b692e}.floatingSpec img{aspect-ratio:4/3;object-fit:cover;border-radius:14px;width:100%;display:block}.floatingSpec span{text-align:center;color:#6d7484;margin-top:6px;font-size:12px;font-weight:800;display:block}.toneBadge{z-index:2;color:var(--accent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid #ffffffe6;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:900;position:absolute;top:18px;left:18px;box-shadow:0 12px 28px #4b557a1f}.cardBody{padding:24px 24px 22px}.cardBody h3{color:#303443;margin:6px 0;font-size:30px}.seriesTag{color:var(--accent);margin:0 0 14px;font-weight:800}.sceneChips{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.sceneChips span{background:color-mix(in srgb,var(--accent,#efb9c2) 13%,white);border:1px solid color-mix(in srgb,var(--accent,#efb9c2) 24%,white);color:color-mix(in srgb,var(--accent,#efb9c2) 78%,#4b4f5d);border-radius:999px;padding:8px 10px;font-size:13px;font-weight:800}.cardSell{color:#626978;min-height:78px;font-size:15px;line-height:1.75}.cardFooter{color:#767d8e;border-top:1px dashed #eadfd4;justify-content:space-between;gap:16px;margin-top:14px;padding-top:14px;font-size:13px;display:flex}.cardFooter b{color:#303443;white-space:nowrap}.seriesDots{justify-content:center;gap:8px;padding-right:22px;display:flex}.seriesDots button{cursor:pointer;background:#d8d1ca;border:0;border-radius:999px;width:8px;height:8px;transition:all .2s}.seriesDots button.active{background:#7f9fca;width:28px}.storeGrid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:32px;display:grid}.zone{background:#fff;border:1px solid #e8e4de;border-radius:22px;gap:18px;margin-bottom:14px;padding:20px;display:flex}.zone b{color:#6d88b3;min-width:132px}.zone span{line-height:1.75}.renderCard{border-radius:30px;flex:0 0 min(82vw,480px)}.renderVisual{position:relative}.renderVisual img{object-fit:cover;width:100%;height:320px;display:block}.renderIndex{color:#6f8fbd;background:#ffffffe6;border-radius:999px;padding:9px 12px;font-weight:900;position:absolute;top:16px;left:16px;box-shadow:0 12px 28px #4b557a1f}.renderBody{padding:22px 22px 18px}.renderBody h3{margin:6px 0 10px;font-size:28px}.renderBody p{color:#626978;margin:0;line-height:1.8}.pricing{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.price{background:#fff;border:1px solid #e8e4de;border-radius:28px;padding:28px;box-shadow:0 12px 32px #5d617812}.price h3{font-size:26px}.price b{color:#6d88b3;background:#eef5ff;border-radius:999px;margin:10px 0 14px;padding:8px 14px;display:inline-block}.price p,.price small{color:#606879;line-height:1.8}.roadmap{margin-top:24px}.tags{flex-wrap:wrap;gap:12px;display:flex}.tags span{color:#9e6570;background:#fff2f5;border:1px solid #f3d4da;border-radius:999px;padding:10px 14px;font-weight:700}code{background:#f4f0ea;border-radius:8px;padding:2px 6px}footer{text-align:center;color:#7b8090;border-top:1px solid #eadfd4;padding:36px}@media (width<=1100px){.hero,.storeGrid,.grid.two{grid-template-columns:1fr}.flow{grid-template-columns:repeat(2,1fr)}.pricing{grid-template-columns:1fr}.hero h1{font-size:44px}.section h2{font-size:32px}.seriesCard{flex-basis:min(86vw,400px)}.cardVisual{height:500px}}@media (width<=640px){.nav nav{display:none}.hero{padding:36px 5vw}.flow{grid-template-columns:1fr}.hero h1{font-size:38px}.section{padding:54px 5vw}.seriesShowcase,.renderShowcase{border-radius:26px;padding-left:14px}.seriesToolbar{padding-right:14px}.seriesControls button{width:40px;height:40px}.seriesRail,.renderRail{gap:14px;padding-right:14px}.seriesCard,.renderCard{border-radius:26px;flex-basis:88vw}.cardVisual{height:470px}.floatingSpec{width:112px}.cardBody{padding:20px}.cardFooter{display:block}.cardFooter span{margin-top:6px;display:block}.renderVisual img{height:260px}}