.g-body{max-width:1100px;margin:54px auto 70px;padding:0 20px}.g-hero{text-align:center;padding:20px 0 6px;border-bottom:3px solid #17786c;color:#2c3e50}.g-hero h1{margin:0 0 10px;font-size:38px;letter-spacing:1px;color:#17786c}.g-hero p{margin:0;font-size:17px;color:#4a5a6a}.g-section{text-align:center;color:#17786c;font-size:26px;margin:36px 0 8px}.g-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:26px;gap:26px;margin-top:14px;align-items:start}.g-card{border:1px solid #e5e5e5;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.08);transition:transform .2s;display:flex;flex-direction:column;text-decoration:none;color:inherit}.g-card:hover{transform:translateY(-6px)}.g-card .ph,.g-card img{width:100%;height:180px;object-fit:cover;display:block}.g-card .ph{display:flex;align-items:center;justify-content:center;font-size:60px;color:#fff;background:linear-gradient(135deg,#17786c,#0d4f46)}.g-card .body{padding:18px;flex:1 1;display:flex;flex-direction:column}.g-card h3{margin:0 0 6px;color:#17786c}.g-card .g-tag{font-style:italic;color:#777;margin:0 0 10px}.g-card p{margin:0 0 14px;font-size:14px;line-height:1.5}.g-btns{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}.g-btn{display:inline-block;padding:10px 16px;border-radius:24px;text-decoration:none;font-weight:700;font-size:13px;color:#fff;background:#17786c}.g-btn.apple{background:#111}.g-btn.google{background:#3d3d3d}.g-btn.gold{background:#c9971c}.g-btn.red{background:#c4302b}.g-detail{max-width:780px;margin:0 auto 26px}.g-screens{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:18px;gap:18px;margin-bottom:26px}.g-screens img{width:100%;border-radius:14px;border:1px solid #e5e5e5;box-shadow:0 4px 14px rgba(0,0,0,.08)}@media(max-width:600px){.g-hero h1{font-size:27px}}