.rating-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:56px}.rc-stk{display:inline-flex;font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:.04em;padding:7px 14px;border-radius:7px;box-shadow:0 3px 0 rgba(0,0,0,.16),0 8px 20px rgba(0,0,0,.07)}@media (max-width:1100px){.rating-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (max-width:720px){.rating-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:420px){.rating-grid{gap:12px}.rc-stk{font-size:13px;padding:5px 10px}}.phone{width:256px;height:554px;border-radius:44px;overflow:hidden;border:3px solid var(--color-ink);box-shadow:0 0 0 7px var(--color-ink),0 24px 64px rgba(0,0,0,.32);position:relative;background:var(--color-cream);flex-shrink:0}.phone-feat{width:272px;height:588px;border-radius:46px}.phone-island{top:11px;width:88px;height:26px;z-index:20}.phone-indicator,.phone-island{position:absolute;left:50%;transform:translateX(-50%);background:var(--color-ink);border-radius:999px}.phone-indicator{bottom:8px;width:96px;height:4px;opacity:.25}.phone-screen{position:absolute;inset:0;overflow:hidden}.phone-caption{font-family:var(--font-mono);font-size:11px;color:var(--color-cream-40);letter-spacing:.1em;text-transform:uppercase;text-align:center}.app{position:absolute;inset:0;background:var(--color-cream);color:var(--color-ink);overflow:hidden}.app-top{padding:48px 13px 0}.app-wm{font-family:var(--font-display);font-weight:800;font-size:11.5px;letter-spacing:-.03em;margin-bottom:2px}.app-wm span{color:var(--color-coral)}.app-title{font-family:var(--font-display);font-weight:800;font-size:25px;line-height:.93;letter-spacing:-.04em}.app-sub{font-family:var(--font-mono);font-size:7px;color:color-mix(in srgb,var(--color-ink) 48%,transparent);letter-spacing:.08em;margin-top:3px}.app-scroll{padding:12px 13px 88px;overflow:hidden}.pc{background:#fff;border:1.5px solid var(--color-ink);border-radius:13px;overflow:hidden;box-shadow:0 3px 0 var(--color-ink);margin-bottom:9px}.pc-img{position:relative;height:105px}.pc-img.sm{height:78px}.pc-tag{top:7px;left:7px;background:var(--color-ink);color:var(--color-yellow);padding:2px 6px;border-radius:3px;font-size:6.5px;letter-spacing:.06em}.pc-stk,.pc-tag{position:absolute;font-family:var(--font-display);font-weight:800}.pc-stk{bottom:7px;right:7px;padding:3px 8px;border-radius:4px;font-size:9px;letter-spacing:.04em;transform:rotate(-3deg);box-shadow:0 2px 0 rgba(0,0,0,.18)}.pc-body{padding:7px 10px 9px}.pc-name{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:-.03em}.pc-name.sm{font-size:13px}.pc-city{font-family:var(--font-mono);font-size:7px;color:color-mix(in srgb,var(--color-ink) 48%,transparent);margin-top:1px}.pc-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tabbar{position:absolute;left:9px;right:9px;bottom:20px;background:var(--color-cream);border:1.5px solid var(--color-ink);border-radius:23px;padding:6px 4px;display:flex;box-shadow:0 6px 18px rgba(0,0,0,.1),0 2px 0 var(--color-ink);z-index:40}.tab{flex:1;display:flex;align-items:center;justify-content:center;padding:4px 0;border-radius:17px}.tab.on{background:var(--color-coral)}.tab-lbl{font-family:var(--font-display);font-weight:800;font-size:7.5px;letter-spacing:.05em;color:var(--color-ink)}.tab.on .tab-lbl{color:#fff}.sw{background:repeating-linear-gradient(135deg,#F2C57C 0 10px,#E89B5A 10px 20px)}.sp{background:repeating-linear-gradient(135deg,#FFB6C8 0 10px,#FF7AA2 10px 20px)}.sg{background:repeating-linear-gradient(135deg,#B8E6A1 0 10px,#7FB872 10px 20px)}.sc{background:repeating-linear-gradient(135deg,#F5E8D0 0 10px,#E5D2A8 10px 20px)}.sv{background:repeating-linear-gradient(135deg,#C9B6FF 0 10px,#8E7BD9 10px 20px)}