:root{--ink:#261923;--muted:#6f5b64;--rose:#f43f5e;--pink:#ec4899;--orange:#fb923c;--cream:#fff8f2;--paper:#fff;--night:#101018;color:var(--ink);background:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 10% 0%, #fb923c2e, transparent 34rem), radial-gradient(circle at 82% 12%, #ec489929, transparent 32rem), var(--cream);min-width:320px;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{min-height:100vh}.nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff8f2c7;border-bottom:1px solid #f43f5e24;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(20px,5vw,72px);display:flex;position:fixed;top:0;left:0;right:0}.brand,.nav-cta,.primary-btn,.secondary-btn{justify-content:center;align-items:center;gap:10px;display:inline-flex}.brand{font-size:1.18rem;font-weight:900}.brand-logo{object-fit:contain;filter:drop-shadow(0 12px 22px #f43f5e33);border-radius:12px;width:42px;height:42px}.nav-links{color:var(--muted);align-items:center;gap:clamp(18px,3vw,36px);font-size:.94rem;font-weight:700;display:flex}.nav-links a:hover{color:var(--rose)}.nav-cta{color:#fff;background:#15151f;border-radius:999px;min-height:42px;padding:0 18px;font-size:.9rem;font-weight:800;box-shadow:0 16px 34px #1010182e}.hero{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:center;gap:clamp(32px,6vw,84px);min-height:100vh;padding:112px clamp(22px,6vw,88px) 64px;display:grid;position:relative;overflow:hidden}.hero-backdrop{pointer-events:none;background:linear-gradient(115deg,#ffffffb8,#fff1f22e),radial-gradient(circle at 70% 45%,#f43f5e3b,#0000 30rem);position:absolute;inset:0}.hero-copy,.hero-stage{z-index:1;min-width:0;position:relative}.hero-copy{container-type:inline-size}.hero h1{letter-spacing:0;white-space:nowrap;background:linear-gradient(100deg,#f43f5e 8%,#ec4899 48%,#fb923c 92%);color:#0000;-webkit-background-clip:text;background-clip:text;max-width:100%;margin:0;font-size:clamp(3rem,9.5cqw,7.1rem);font-weight:950;line-height:.92}.hero-copy p{color:#5c4b54;max-width:620px;margin:28px 0 0;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:34px;display:flex}.primary-btn,.secondary-btn{border-radius:999px;min-height:54px;padding:0 26px;font-weight:900;transition:transform .18s,box-shadow .18s}.primary-btn{color:#fff;background:linear-gradient(120deg, var(--rose), var(--pink), var(--orange));box-shadow:0 20px 44px #f43f5e4d}.secondary-btn{color:#241820;background:#ffffffbf;border:1px solid #f43f5e2e}.primary-btn:hover,.secondary-btn:hover,.nav-cta:hover{transform:translateY(-2px)}.hero-stage{place-items:center;min-height:640px;display:grid}.phone-frame{aspect-ratio:9/14.5;background:#15151f;border:12px solid #15151f;border-radius:42px;width:min(390px,86vw);position:relative;overflow:hidden;transform:rotate(3deg);box-shadow:0 34px 80px #26192361}.phone-frame img{object-fit:cover;width:100%;height:100%}.phone-overlay{color:#fff;background:linear-gradient(#0000,#000000f0);gap:10px;padding:110px 26px 26px;display:grid;position:absolute;bottom:0;left:0;right:0}.phone-overlay span{color:#ffd6df;font-size:.82rem;font-weight:900}.phone-overlay strong{font-size:clamp(1.7rem,4vw,2.45rem);line-height:1}.phone-overlay button{color:#fff;background:linear-gradient(135deg, var(--rose), var(--orange));border:0;border-radius:50%;width:54px;height:54px;box-shadow:0 14px 34px #f43f5e66}.floating-stat{color:#fff;background:#101018db;border-radius:999px;align-items:center;gap:10px;min-height:46px;padding:0 18px;font-weight:900;display:inline-flex;position:absolute;box-shadow:0 18px 40px #10101838}.floating-stat.top{top:14%;right:4%}.floating-stat.bottom{bottom:14%;left:1%}.section{padding:88px clamp(22px,6vw,88px);position:relative}.warm{background:linear-gradient(#fff7ed,#fff1f2)}.section-heading{text-align:center;max-width:760px;margin:0 auto 44px}.section-heading h2{background:linear-gradient(100deg, var(--rose), var(--pink), var(--orange));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.4rem,5.2vw,5.2rem);font-weight:950;line-height:.95}.section-heading p{max-width:620px;color:var(--muted);margin:18px auto 0;font-size:1.04rem;line-height:1.7}.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;max-width:1240px;margin:0 auto;display:grid}.poster-card{aspect-ratio:2/3;background:#191921;border-radius:24px;transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 22px 48px #f43f5e29}.poster-card:hover{transform:translateY(-8px);box-shadow:0 28px 64px #f43f5e42}.poster-card img,.featured-card img,.rank-item img{object-fit:cover;width:100%;height:100%}.poster-shade{background:linear-gradient(#0000,#0000002e 45%,#000000e6);position:absolute;inset:0}.tag{color:#fff;background:linear-gradient(120deg, var(--rose), var(--orange));border-radius:999px;padding:7px 12px;font-size:.75rem;font-weight:900;position:absolute;top:16px;left:16px}.poster-meta{color:#fff;padding:22px;position:absolute;bottom:0;left:0;right:0}.poster-meta h3{margin:0 0 12px;font-size:1.35rem;font-weight:950;line-height:1.1}.poster-meta div,.featured-stats{justify-content:space-between;align-items:center;gap:14px;display:flex}.poster-meta span,.featured-stats span{color:#ffffffdb;align-items:center;gap:6px;font-size:.86rem;font-weight:800;display:inline-flex}.ranking{background:radial-gradient(circle at 22% 10%,#f43f5e33,#0000 34rem),radial-gradient(circle at 84% 22%,#fb923c38,#0000 30rem),linear-gradient(#fff1f2,#fff7ed)}.ranking-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.88fr);align-items:stretch;gap:32px;max-width:1240px;margin:0 auto;display:grid}.featured-card{background:#15151f;border-radius:34px;min-height:620px;position:relative;overflow:hidden;box-shadow:0 30px 80px #10101847}.featured-shade{background:linear-gradient(#00000008,#00000075,#000000f0);position:absolute;inset:0}.rank-watermark{color:#ffffff2e;font-size:clamp(4.5rem,10vw,8rem);font-weight:950;line-height:1;position:absolute;top:26px;left:28px}.featured-content{color:#fff;padding:clamp(24px,5vw,42px);position:absolute;bottom:0;left:0;right:0}.featured-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.winner,.trend{border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:.82rem;font-weight:950;display:inline-flex}.winner{color:#fff;background:linear-gradient(120deg, var(--rose), var(--orange))}.trend{color:#86efac;background:#22c55e24;border:1px solid #22c55e59}.featured-content h3{max-width:720px;margin:0;font-size:clamp(2.4rem,5vw,4.7rem);font-weight:950;line-height:.95}.featured-content p{color:#ffffffc7;max-width:650px;margin:18px 0 22px;font-size:1.1rem;line-height:1.55}.featured-stats{justify-content:flex-start;margin-bottom:24px}.rank-list{gap:16px;display:grid}.rank-item{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(135deg,#20202b,#0f0f16);border:1px solid #ffffff1f;border-radius:22px;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:18px;width:100%;min-height:136px;padding:16px;display:grid;position:relative;box-shadow:0 14px 36px #10101829}.rank-item.active,.rank-item:hover{border-color:#f43f5e80;box-shadow:0 18px 48px #f43f5e38}.rank-item img{aspect-ratio:1.15;border-radius:14px}.rank-number{color:#fff;background:linear-gradient(135deg, var(--rose), var(--orange));border-radius:12px;place-items:center;width:42px;height:42px;font-weight:950;display:grid;position:absolute;top:22px;left:24px}.rank-copy{gap:8px;min-width:0;display:grid}.rank-copy strong{font-size:1.22rem;font-weight:950;line-height:1.1}.rank-copy small{color:#ffffff94;font-size:.9rem;line-height:1.4}.footer{color:#fff;background:#101018;grid-template-columns:minmax(0,1fr) auto;gap:34px;padding:58px clamp(22px,6vw,88px);display:grid}.footer h2,.footer h3,.footer p{margin:0}.footer h2{background:linear-gradient(100deg,#fb7185,#f472b6);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-size:2rem;font-weight:950}.footer h3{margin-bottom:12px}.footer p{color:#ffffff9e;max-width:520px;line-height:1.7}.copyright{color:#fff6;border-top:1px solid #ffffff1a;grid-column:1/-1;padding-top:24px;font-size:.92rem}@media (width<=960px){.nav{padding-inline:18px}.nav-links{display:none}.hero,.ranking-layout{grid-template-columns:1fr}.hero{min-height:auto;padding-top:104px}.hero-stage{min-height:520px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-card{min-height:560px}}@media (width<=620px){.nav-cta{width:42px;padding:0;font-size:0}.hero{gap:22px;padding-inline:18px}.hero h1{font-size:clamp(2.35rem,11.5vw,2.68rem);line-height:.95}.hero-copy p{margin-top:16px;font-size:.9rem;line-height:1.55}.hero-actions{margin-top:22px}.primary-btn,.secondary-btn{width:100%}.hero-stage{min-height:470px}.phone-frame{border-width:9px;border-radius:34px;width:min(315px,84vw)}.floating-stat{display:none}.section{padding:70px 18px}.poster-grid{grid-template-columns:1fr;max-width:330px}.ranking-layout{gap:20px}.featured-card{border-radius:26px;min-height:520px}.rank-item{grid-template-columns:88px minmax(0,1fr)}.rank-item>.trend{display:none}.footer{grid-template-columns:1fr}}