.art{position:relative;min-height:100%;background:#fff}.statusbar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 26px 0 30px;font-weight:700;font-size:15px;position:relative;z-index:30}.statusbar--light{color:#171f24}.statusbar--dark{color:#fff}.statusbar__icons{display:flex;align-items:center;gap:7px}.statusbar__icons svg{display:block}.topbar{height:52px;display:flex;align-items:center;padding:0 20px;gap:16px;position:relative;z-index:30}.topbar__back{width:28px;height:28px;display:grid;place-items:center;cursor:pointer}.topbar__title{font-size:17px;font-weight:700;color:#171f24}.topbar__spacer{flex:1}.topbar__actions{display:flex;gap:20px}.topbar__actions svg{display:block;cursor:pointer}.art__h1{font-size:28px;line-height:1.21;font-weight:700;letter-spacing:-.4px;color:#171f24}.art__sub{font-size:16px;color:#778087;font-weight:500;margin-top:14px}.art__lead{font-size:16px;line-height:1.45;color:#171f24;font-weight:500}.art__body{font-size:17px;line-height:1.42;color:#778087;font-weight:400}.art__pad{padding:0 30px}.hero{width:100%;object-fit:cover;background:#e7eaec}.caption{font-size:15px;line-height:1.5;color:#778087;font-weight:500}.meta{display:flex;align-items:center;gap:12px}.meta__avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#cdd3d6;flex-shrink:0}.meta__name{font-size:16px;font-weight:700;color:#171f24}.meta__time{font-size:12px;font-weight:500;color:#aab2b7;margin-top:2px}.meta__spacer{flex:1}.stats{display:flex;align-items:center;gap:16px}.stat{display:flex;align-items:center;gap:7px;color:#aab2b7;font-size:13px;font-weight:600}.stat svg{display:block}.floatcard{position:absolute;left:16px;right:16px;bottom:18px;background:#fff;border-radius:18px;padding:14px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 16px 40px -12px #171f2438;z-index:25}.overcard{position:relative;margin:-52px 30px 0;display:flex;align-items:center;gap:12px;z-index:10}.overcard .meta__avatar{width:56px;height:56px;border-radius:14px;box-shadow:0 10px 24px -8px #171f244d}.immersive{position:relative;min-height:100%;background:#0a0f14}.immersive__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.immersive__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080c118c,#080c1100 22%,#080c1100 40%,#080c11d9 78%,#070b10)}.immersive__content{position:relative;z-index:5}.sheet{position:relative;z-index:5;background:#fff;border-top-left-radius:26px;border-top-right-radius:26px;margin-top:-28px;padding:30px 30px 40px}:root{--ink: #171f24;--gray: #778087;--faint: #aab2b7;--line: #eef0f1;--white: #ffffff;--font: "Urbanist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}html,body{font-family:var(--font);background:#d9dde0;color:var(--ink)}img{display:block}.showcase{min-height:100vh;padding:56px 24px 80px}.showcase__head{max-width:1200px;margin:0 auto 48px;text-align:center}.showcase__kicker{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--gray);font-weight:700}.showcase__title{font-size:clamp(30px,5vw,46px);font-weight:800;letter-spacing:-1px;margin-top:10px;color:var(--ink)}.showcase__sub{margin-top:12px;font-size:16px;color:var(--gray);font-weight:500}.grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,375px));gap:56px 40px;justify-content:center}.frame-wrap{display:flex;flex-direction:column;align-items:center;gap:18px}.frame-label{font-size:14px;font-weight:700;color:var(--ink)}.frame-label span{display:block;font-size:12px;font-weight:500;color:var(--faint);margin-top:2px}.phone{width:375px;height:812px;background:#fff;border-radius:44px;border:11px solid #0d1115;box-shadow:0 30px 60px -20px #0d111573;position:relative;overflow:hidden}.phone__notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:150px;height:28px;background:#0d1115;border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:60}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;background:#fff}.screen::-webkit-scrollbar{display:none}.screen{scrollbar-width:none}@media (max-width: 440px){.showcase{padding:32px 8px 60px}.phone{width:100%;max-width:375px;height:760px;border-width:8px;border-radius:38px}}